/*
Theme Name: Gelgoog Machinery
Author: peter
Designer: droa
Version: 1.0
Date: 2019-3-6
Text Domain: Gelgoog
LastUpdate: 
LastVersion: 1.0
Keyword: fryingm.com 改版
Description: Gelgoog Machinery website templets.
Tag:
*/
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family:"OpenSans";
	
}
a{text-decoration: none;}
@font-face {
    font-family: 'OpenSans';
    src: url('../font/OPENSANS-REGULAR_0.TTF'),
    url('../font/CENTURY.TTF');
    font-weight: normal;
    font-style: normal;
font-display:fallback;
}
@media only screen and (min-width:1200px ) {
	.container{
		width: 1200px;
	}
}
.wrap{
	width: 100%;
	height: 100%;
}
.fl_l{
	float: left;
}
.fl_r{
	float: right;
}
.top{
	height: 120px;
	overflow: hidden;
}
.top_l{
	overflow: hidden;
}
.top_l ul{
	float: left;
	margin: 34px 0 0 17px;
}
.top_l img{
	float: left;
	margin-top: 20px;
}
.top_l ul li span{
	font-size: 16px;
	color: #484848;
	font-weight: bold;
	display: block;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 2px solid #f6a225;
}
.top_l ul li{
	font-size: 12px;
	color: #484848;
}
.top_r a{
	display: inline-block;
	margin-top: 20px;
	font-size: 16px;
	color: #484848;
	text-align: right;
	margin-bottom: 10px;
margin-left:20px;
}
.top_r a img{
	margin-right: 12px;
}
.top_r form{
	overflow: hidden;
}
.top_r form input, .top_r form button{
	float: left;
}
.top_r form input{
	width: 470px;
	height: 45px;
	border: none;
	background: #f5f5f5;
	padding-left: 10px;
}
.top_r form button{
	width: 45px;
	height: 45px;
	border: none;
	background: #f6a225;
}
.menu{
	height: 54px;
	background: #f6a225;
}
.menu ul li{
	display: inline-block;
}
.menu ul li a{
	display: block;
	height: 54px;
	line-height: 54px;
	padding: 0 68px;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}
.menu ul li.active a, .menu ul li a:hover{
	background: #49322e;
}
.banner img{
	width: 100%;
}
.banner{
	padding-bottom: 60px;
	position: relative;
}
.page1{
	text-align: center;
	display: block;
	width: 100%;
bottom:20px;
}
.i_feat_tit{
	text-align: center;
	font-size: 24px;
	color: #f6a225;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 70px;
}
.i_feat_tit:before{
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	width: 434px;
	background: #f6a225;
	left: 0;
	top: 20px;
}
.i_feat_tit:after{
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	width: 434px;
	background: #f6a225;
	right: 0;
	top: 20px;
}
.i_feat_con img{
	width: 100%;
}
.i_feat_con h3{
	font-size: 14px;
	color: #49322e;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin: 20px 0;
}
.more{
	width: 128px;
	height: 36px;
	border: 2px solid #49322e;
	text-align: center;
	color: #49322e;
	line-height: 36px;
	margin: auto;
}
.i_feat_con{
	position: relative;
}
.i_feat_con span{
	position: absolute;
	width: 88px;
	height: 36px;
	right: 0;
	top: 0;
	background: url(../img/hot.png) no-repeat;
	text-align: center;
	line-height: 26px;
	color: #fff;
}
.i_feat_con:hover h3{
	color: #f6a225;
}
.i_feat_con:hover .more{
	color: #f6a225;
	border-color: #f6a225;
}
.i_feat_con a{
	text-decoration: none;
}
.i_feat_btm{
	height: 220px;
	border: 3px solid #f2f2f2;
	margin-top: 16px;
	padding: 20px;
	padding-bottom: 0;
	background: url(../img/product.png) no-repeat ;
	background-position-x: 1000px;
	margin-bottom: 30px;
}
.i_feat_btm_con{
	width: 695px;
}
.i_feat_btm_con h3{
	font-size: 24px;
	line-height: 36px;
	height: 72px;
	overflow: hidden;
	color: #49322e;
}
.i_feat_btm_con p{
	font-size: 14px;
	line-height: 24px;
	color: #49322e;
	height: 48px;
	overflow: hidden;
	margin: 12px 0;
}
.i_feat_btm_con a{
	display: block;
	width: 135px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	background: #f6a225;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}
.i_feat_btm_con a:hover{
	background: none;
	border: 1px solid #f6a225; 
	color: #f6a225;
}
.i_hot{
	background: #f5f5f5;
	padding-top: 50px;
}
.i_hot_tit{
	text-align: center;
	font-size: 24px;
	color: #49322e;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 45px;
}
.i_hot_tit:before{
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	width: 434px;
	background: #49322e;
	left: 0;
	top: 20px;
}
.i_hot_tit:after{
	content: '';
	display: block;
	position: absolute;
	height: 1px;
	width: 434px;
	background: #49322e;
	right: 0;
	top: 20px;
}
.i_hot_con h3{
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin: 20px 0;
	color: #49322e;
}
.i_hot_img{
	position: relative;
}
.i_hot_img img{
	width: 100%;
}
.i_hot_img p{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(26,26,26,0.6) ;
	opacity: 0;
	transition: all .5s;
}
.i_hot_img p span{
	display: block;
	background: #fff;
	color: #49322e;
	font-size: 14px;
	width: 360px;
	margin: auto;
	height: 60px;
	line-height: 30px;
	overflow: hidden;
	padding: 0 10px;
	margin-top: 90px;
}
.i_hot_con a{
	text-decoration: none;
}
.i_hot_con:hover p{
	opacity: 1;
}
.i_bc{
	padding-top: 50px;
}
.i_bc_top{
	overflow: hidden;
}
.i_bc_top span, .i_bc_top h3{
	float: left;

}
.i_bc_top span{
	width: 80px;
	height: 56px;
	border: 2px solid #49322e;
	font-size: 16px;
	color: #49322e;
	padding: 5px;
}
.i_bc_top h3{
	width: 280px;
	margin-left: 20px;
	font-size: 16px;
	line-height: 24px;
	color: #49322e;
	height: 48px;
	overflow: hidden;
}
.i_bc_con p{
	font-size: 14px;
	line-height: 24px;
	color: #49322e;
	height: 96px;
	overflow: hidden;
	margin-top: 20px;
}
.i_bc_con a{
	text-decoration: none;
}
.i_bc_con:hover h3, .i_bc_con:hover p, .i_bc_con:hover .i_bc_top span{
	color: #f6a225;
}
.i_bc_con:hover .i_bc_top span{
	border-color: #f6a225;
}
.i_bc_main{
	padding-bottom: 45px;
}
.i_about{
	height: 406px;
	background: url(../img/service_bg.jpg) no-repeat center;
}
.i_about{
	padding-top: 45px;
}
.i_about_con{
	background-color:rgb(255,255,255,0.8) ;
	padding: 0 15px;
	padding-top: 40px;
	padding-bottom: 50px;
}
.i_about_tit{
	margin-bottom: 30px;
}
.i_about_con p{
	text-align: center;
	font-size: 14px;
	color: #49322e;
	margin-bottom: 24px;
}
.i_about_con dl{
	text-align: center;
	width: 25%;
	float: left;
}
.i_about_con dl span{
	font-size: 50px;
	color: #f6a225;
}
.i_about_con dl dd{
	color: #f6a225;
	font-size: 16px;
	margin-top: 10px;
	text-transform: uppercase;
}
.i_about_con dl a{
	text-decoration: none;
}
.i_about_con dl:hover span, .i_about_con dl:hover dd{
	color: #49322e;
}
footer{
	background: #2f2f2f;
	padding-top: 50px;
}
.f_tit{
	font-size: 18px;
	color: #cecece;
	text-transform: uppercase;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #fff;
	width: 111%;
}
.footer_main{
	overflow: hidden;
}
.f_b ul li a, .f_p ul li a{
	display: block;
	font-size: 14px;
	color: #cecece;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	margin-bottom: 5px;
}
.f_b ul li a:hover, .f_p ul li a:hover, .f_c ul li a:hover{
	color: #f6a225;
}
.f_c ul li a, .f_c ul li{
	font-size: 14px;
	color: #cecece;
	line-height: 24px;
}
.f_c ul li img{
	margin-right: 10px;
}
.f_i form input, .f_i form textarea{
	width: 100%;
	height: 32px;
	border: none;
	margin-bottom: 10px;
	padding-left: 10px;
}
.f_i form textarea{
	height: 77px;
}
#code{
	width: 60%;
}
.f_i form button{
	height: 30px;
	border: none;
	background: #f6a225;
	color: #fff;
	width: 100%;
}
.f_c ul{
	margin-bottom: 20px;
}
.footer_btm{
	color: #cecece;
	font-size: 14px;
	padding-bottom: 10px;
}
.breadnav{
	padding-top: 28px;
	padding-bottom: 25px;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 20px;
}
.breadnav span{
	float: left;
	font-size: 24px;
	color: #484848;
	font-family: "century";
}
.breadnav ol{
	float: right;
}
.breadnav ol li{
	display: inline-block;
}
.breadnav ol li a{
	font-size: 14px;
	color: #49322e;
}
.aside_con{
	padding: 15px;
	background: #f5f5f5;
}
.aside_tit{
	height: 46px;
	border: 1px dashed #49322e;
	text-align: center;
	line-height: 46px;
	color: #49322e;
	font-size: 18px;
	background: #fff;
}
.aside_p ul li{
	border-bottom: 1px dashed #49322e;
}
.aside_p ul li a{
	display: block;
	font-size: 16px;
	color: #49322e;
	height: 46px;
	line-height: 46px;
	overflow: hidden;
	transition: all .5s;
	text-decoration: none;
}
.aside_p ul li a:hover{
	transform: translateX(10px);
	color: #f6a225;
}
.aside_p ul li:last-child{
	border: none;
}
.aside_c ul li a{
	font-size: 16px;
	color: #49322e;
	text-decoration: none;
}
.aside_c ul li{
	font-size: 16px;
	color: #49322e;
	line-height: 36px;
}
.aside_c ul li a:hover{
	color: #f6a225;
}
.aside_c ul li img{
	margin-right: 10px;
}
.aside_c ul{
	margin-top: 10px;
}
.aside_c_btm a{
	display: block;
	height: 36px;
	text-align: center;
	line-height: 36px;
	background: #f6a225;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	position: relative;
	border: 1px solid #f6a225;
}
.aside_c_btm a:before{
	display: block;
	content: '';
	position: absolute;
	width:0;
    height:0;
    border-width:0 15px 15px;
    border-style:solid;
    border-color:transparent transparent #f6a225;
    top: -15px;
    left: 50%;
    margin-left: -15px;
    
}
.aside_c_btm{
	padding-top: 20px;
}
.aside_c_btm a:hover{
	background: none;
	border: 1px solid #f6a225; 
	color: #f6a225;
}
.son_main{
	padding-bottom: 60px;
	position: relative;
}
.i_feat_con{
	margin-bottom: 20px;
}
.prolist_m{
	position: relative;
}
.prolist_m:before{
	position: absolute;
	height: 103%;
	width: 1px;
	content: '';
	left: -15px;
	top: 0;
	background: #e4e4e4;
}
.prolist_m:after{
	position: absolute;
	height: 103%;
	width: 1px;
	content: '';
	right: -15px;
	top: 0;
	background: #e4e4e4;
}
.btm_x{
	position: absolute;
	left: 0;
	bottom: 140px;
	width: 100%;
	height: 1px;
	background: #e4e4e4;
}
.paging{
	display: block;
	text-align: center;
	margin-top: 20px;
}
.paging li{
	display: inline-block;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background: #f6a225;
	border-color: #f6a225;
}
.prosingle_top{
	background: #f5f5f5;
	padding: 50px 0 40px 0;
	margin-top: -20px;
	margin-bottom: 20px;
}
.prosingle_t_l img{
	width: 100%;
}
.prosingle_t_r{
	background: #fff;
	padding: 12px;
	padding-bottom: 33px;
}
.prosingle_t_r h1{
	font-size: 18px;
	background: #f6a225;
	color: #fff;
	padding: 20px 10px;
	margin-bottom: 20px;
}
.prosingle_t_r ul li{
	font-size: 16px;
	color: #49322e;
	line-height: 30px;
}
.gallery-thumbs{
	margin-top: 20px;
}
.prosingle_t_r ul li span{
	font-weight: bold;
}
.chat a{
	display: inline-block;
	width: 215px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	border-radius: 10px;
	background: #f6a225;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	border: 1px solid #f6a225;
}
.chat a.chat_a{
	background: #49322e;
	margin-right: 30px;
	border: 1px solid #49322e;
}
.chat{
	padding-top: 30px;
}
.chat a:hover{
	background: none;
	color: #f6a225;
}
.chat a.chat_a:hover{
	color: #49322e;
}
.feat_tit{
	border-bottom: 4px solid #49322e;
	text-align: center;
	font-size: 24px;
	color: #49322e;
	padding-bottom: 18px;
	position: relative;
	margin-bottom: 30px;
}
.feat_tit:after{
	display: block;
	content: '';
	position: absolute;
	width:0;
    height:0;
    border-width: 15px 15px 0;
    border-style:solid;
    border-color:#49322e transparent transparent ;
    bottom: -15px;
    left: 50%;
    margin-left: -15px;
}
.feat_con{
	font-size: 16px;
	line-height: 30px;
	color: #49322e;
}
.tech_con{
	overflow: auto;
}
.message form p{
	font-size: 14px;
	color: #414141;
	margin-bottom: 20px;
}
.message form input, .message form textarea{
	width: 100%;
	height: 40px;
	border: 1px solid #d7d7d7;
	margin-bottom: 20px;
	padding-left: 10px;
	background: #f9f9f9;
}
.message form textarea{
	height: 150px;
}
.message form button{
	height: 40px;
	width: 100%;
	background: #f6a225;
	border: none;
	color: #fff;
}
.message form button:hover{
	background: none;
	border: 1px solid #f6a225;
	color: #f6a225;
}
#code{
	width: 50%;
}
.mess_l, .mess_r{
	position: relative;
}
#p1,#p2,#p3{
	position: absolute;
}
#p1{
	top: 40px;
	color: red;
}
#p2{
	top: 150px;
	color: green;
}
#p3{
	top: 220px;
	color: green;
	left: 0;
}
.aside_image_tit{
	height: 55px;
	text-align: center;
	line-height: 55px;
	background: #f5f5f5;
	border: 1px solid #cecece;
	margin-top: 30px;
}
.aside_image_con img{
	width: 100px;
}
.aside_image_con h3{
	font-size: 14px;
	line-height: 24px;
	color: #49322e;
	height: 48px;
	overflow: hidden;
}
.aside_image_con{
	padding: 15px;
	border-bottom: 1px solid #cecece;
}
.aside_image_con a{
	text-decoration: none;
}
.aside_image_con:hover h3{
	color: #f6a225;
}
.blog_l span{
	display: block;
	width: 80px;
	height: 60px;
	text-align: center;
	border: 2px solid #49322e;
	font-size: 16px;
	color: #49322e;
	padding-top: 6px;
	margin-right: 15px;
}
.blog_r h3{
	font-size: 16px;
	color: #49322e;
}
.blog_r p{
	height: 48px;
	overflow: hidden;
	line-height: 24px;
	font-size: 14px;
	color: #49322e;
	margin-top: 10px;
}
.blog_con a{
	text-decoration: none;
}
.blog_con:hover h3, .blog_con:hover p{
	color: #f6a225;
}
.blog_con:hover span{
	border: 2px solid #f6a225;
	color: #f6a225;
	color: #fff;
	background: #f6a225;
}
.blog_con{
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #d0d0d0;
}
.blogsingle h1{
	font-size: 18px;
	color: #49322e;
}
.blogsingle_time{
	background: #f5f5f5;
	padding: 10px;
	margin: 10px 0;
	font-size: 12px;
	color: #49322e;
}
.blogsingle_time span{
	float: right;
}
.blogsingle_time span img{
	margin-right: 10px;
}
.blogsingle_page ul li{
	height: 30px;
	background: #f5f5f5;
	line-height: 30px;
	padding: 0 20px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #49322e;
}
.blogsingle_page ul li a{
	color: #49322e;
}
.blogsingle_page{
	margin-top: 60px;
}
.contact{
	height: 834px;
	background: url(../img/contact_bg.jpg) no-repeat center;
	margin-top: -20px;
}
.contact_tit{
	font-size: 24px;
	color: #49322e;
	padding-top: 66px;
	position: relative;
	padding-bottom: 30px;
}
.contact_tit:after{
	content: '';
	height: 2px;
	width: 70px;
	position: absolute;
	background: #49322e;
	left: 0;
	bottom: 0;
}
.contact_l ul li a{
	font-size: 16px;
	color: #49322e;
}
.contact_l ul {
	margin-top: 78px;
}
.contact_l ul li span{
	display: inline-block;
	width: 55px;
}
.contact_l ul li{
	line-height: 66px;
}
.contact_r p{
	font-size: 16px;
	color: #49322e;
	margin: 20px 0;
}
.searchno{
	font-size: 16px;
	color: #191919;
	line-height: 36px;
}
.searchno ul li a{
	color: #191919;
}
.about img{
	width: 100%;
}
.about_tit img{
	width: auto;
}
.about{
	font-size: 16px;
	color: #49322e;
	line-height: 36px;
}
.about_tit {
	font-size: 18px;
	color: #49322e;
	margin: 20px 0;
}
.lost img{
	display: block;
	margin: auto;
	margin-bottom: 40px;
}
.lost{
	font-size: 16px;
	color: #191919;
	margin-bottom: 40px;
}
.service{
	font-size: 16px;
	color: #49322e;
	line-height: 48px;
}
.service_con{
	box-shadow: 0 10px 20px #e1e1e1;
	padding: 20px;
	height: 265px;
	line-height: initial;
	font-size: 16px;
	color: #49322e;
	line-height: 36px;
	margin-bottom: 20px;
}
.service_con a{
	color: #49322e;
	text-decoration: none;
}
.service_tit{
	font-size: 18px;
	color: #f6a225;
	margin-bottom: 10px;
	position: relative;
}
.service_tit span{
	font-size: 30px;
	margin-right: 10px;
	
}
.service_tit:after{
	content: '';
	position: absolute;
	width: 70px;
	height: 2px;
	background: #f6a225;
	bottom: -5px;
	left: 40px;
}
.service_con:hover .service_tit{
	color: #49322e;
}
.service_con:hover .service_tit:after{
	background: #49322e;
}
.prolist_mobile, .header_mobile, .search_m, .footer_nav{
	display: none;
}
.banner_page span{
	margin: 0 10px;
	border-radius: 0;
	width: 10px;
	height: 10px;
	background: none;
	border: 1px solid #49322e;
	opacity: 1;
	transform: rotate(45deg);
}
.banner_page span.swiper-pagination-bullet-active{
	background: #49322e;
}
.feat_con li{
	list-style: disc;
	list-style-position: inside;
}


@media only screen and (max-width: 768px) {
#LRfloater0 img{
width:150px !important;
}
#LRfloater0{
bottom:70px !important;
z-index: 80 !important;
}
	.contact_l ul li span{
		width: 30px;
	}
	.contact_l ul li span img{
		width: 60%;
	}
	.lost img{
		width: 100%;
	}
	.service_con{
		height: auto;
	}
	.contact{
		height: auto;
		background-position:center top;
	}
	.contact_l ul li{
		line-height: 36px;
	}
	.contact_l ul{
		margin-top: 18px;
	}
	.contact_tit{
		padding-top: 16px;
		padding-bottom: 18px;
	}
	.blogsingle_page ul li{
		overflow: hidden;
	}
	.btm_x, .prolist_m:before{
		display: none;
	}
	.chat a.chat_a{
		margin-right: 5%;
	}
	.chat a{
		width: 40%;
		height: 40px;
		line-height: 40px;
	}
	.prosingle_top{
		padding: 0;
	}
	.prosingle_t_r h1{
		padding: 10px;
		margin-top: 20px;
	}
	.son_main{
		padding-bottom: 20px;
	}
	.breadnav ol{
		margin-top: 10px;
	}
	.breadnav{
		padding-top: 0;
		padding-bottom: 15px;
	}
	.prolist{
		display: none;
	}
	.prolist_mobile,.header_mobile, .search_m, .footer_nav{
		display: block;
	}
	aside{
		display: none;
	}
	.i_bc{
		padding-top: 20px;
	}
	.i_bc_main{
		padding-bottom: 0px;
	}
	.i_about{
		padding: 20px 0;
		
	}
	.i_about_con dl span{
		font-size: 30px;
	}
	.i_about_con{
		padding: 20px 0;
	}
	.i_feat_btm_con h3{
		font-size: 20px;
	}
	.footer_nav{
		position: fixed;
		background: #fff;
		width: 100%;
		height: 1rem;
		z-index: 21;
		left: 0;
		bottom: 0;
	}
	.footer_nav dl{
		float: left;
		width: 30%;
		text-align: center;
	}
	.footer_nav dl dt span{
		color: #f6a225;
		font-size: 30px;
	}
	.footer_nav dl dd, .footer_nav dl dt{
		color: #f6a225;
	}
	.footer_nav dl.active{
		width: 40%;
		height: 1rem;
		background: #f6a225;
	}
	.footer_nav dl.active span, .footer_nav dl.active dt{
		color: #fff;
	}
	.footer_nav dl.active span{
		float: left;
		margin-left: 10px;
	}
	
	.footer_nav dl.active dt{
		padding-top: 0.2rem;
	}
	.footer_nav dl.cur dt span,.footer_nav dl.cur dd{
		color: #49322e;
	}
	footer{
		margin-bottom: 1rem;
	}
	.f_p, .f_b, .f_i{
		display: none;
	}
	.i_about{
		height: auto;
	}
	.i_about_con dl{
		width: 50%;
	}
	.i_bc_con p{
		height: 48px;
	}
	.i_bc_con{
		margin-bottom: 20px;
	}
	.i_hot_img p span{
		display: none;
	}
	.menu_m_down{
		padding-top: 30px;
		position: fixed;
		top: 1.2rem;
		left: 0;
		background: #fff;
		z-index: 2;
		width: 100%;
		text-align: center;
		display: none;
	}
	.menu_m_down ul li a{
		display: block;
		font-size: 18px;
		color: #000;
		margin-bottom: 20px;
	}
	.search_m{
		padding-bottom: 20px;
	}
	.search_m .top_r form input{
		width: 90%;
	}
	.search_m .top_r form button{
		width: 10%;
	}
	.f_tit{
		width: 100%;
	}
	.i_feat_tit:before, .i_feat_tit:after, .i_hot_tit:before, .i_hot_tit:after{
		width:15%;
	}
	.i_feat_tit, .i_hot_tit{
		margin-bottom: 20px;
	}
	.i_hot{
		padding-top: 20px;
	}
	.fenge{
		margin-top: 1.2rem;
	}
	.menu_m{
		width: 12%;
		padding-top: 0.2rem;
	}
	.menu_m img{
		width: 100%;
	}
	.logo_m{
		width: 70%;
		padding-top: 0.2rem;
	}
	.logo_m img{
		width: 100%;
	}
	.i_feat_btm_con{
		width: 100%;
	}
	.header_mobile{
		height: 1.2rem;
		position: fixed;
		width: 100%;
		background: #fff;
		z-index: 22;
		left: 0;
		top: 0;
	}
	header{
		display: none;
	}
	.i_feat, .i_hot, .i_bc, .i_about, footer, .son_main, .breadnav{
		padding-left: 15px;
		padding-right: 15px;
	}
	.feat_con img{
		width: 100%;
		height: auto;
	}
	.feat_con iframe{
		width: 100% !important;
	}

	.mess_l img{
		
		top: 360px;
		right: 0;
	}
	#code{
		
		top: 350px;
		z-index: 2;
		left: 0;
	}
	#p3{
		top: 390px;
	}
	.message form textarea{
		margin-bottom: 80px;
	}
}