@media screen and (max-width:1080px){
.nav{ display:none;}
.head{ height:auto;}
.head_inner{ width:100%; box-sizing:border-box; padding:0 5px;}
.head_inner h1{ margin:15px 0;}
.head_inner h1 img{ height:50px; width:auto;}
.head_inner .people{ float:right; margin-top:11px; width:22px;}

.foot{ height:auto; background:#434343; padding:10px 0;}
.foot_right{ display:none; }
.foot_inner{ width:100%; box-sizing:border-box; padding:0 5px;}
.foot_left{ width:100%; float:none;}
.foot_left .foot_nav{ float:none; width:100%;}
.foot_left .foot_nav span{ height:30px; line-height:30px; border-bottom:none; clear:both; text-indent:0; margin-bottom:0;}
.foot_left .foot_nav a { padding:0 5px 0 0; float:left; text-indent:0px;}
.foot_center{ float:none; margin:10px 0 0 0; width:100%;}
.add_inner{width:100%; box-sizing:border-box; padding:0 5px;}
.add{ padding:5px 0; height:auto; background:#626262; line-height:20px;}
.foot_center a{ width:100%;}

.a_banner{ background-size:cover!important;}
.wrap{width:100%; box-sizing:border-box; padding:0 5px;}
.catalog{ width:100%; float:none; background:none;}
.catalog h3{ height:50px; line-height:50px;}
.cata_ul a{ height:40px; line-height:40px; text-align:center; overflow:hidden; width:100%; }
.details{ float:none; width:100%; clear:both;}
.deta_tit .position{ display:none;}
.about_pic{ float:none!important; text-align:center!important; margin:0 0 20px 0!important;}
.atricle img,.news_word img{ width:auto!important; height:auto!important; max-width:100%!important;}
.atricle { padding:20px 0;}
.cata_ul a{ text-indent:0; text-align:center;font-size:14px;}
.drop a{ width:100%; font-size:13px;}

.three_drop a{ width:100%;}
.service_ul li a{ width:75%; overflow:hidden; height:32px; text-indent:10px;}
.open_div li{ margin:15px 0 0 4px; width:31%; overflow:hidden;}

.pages{ padding:30px 0;}
.pages .none{ display:none;}
.contact{ padding:20px 0 30px;}
.contact .con_left{ float:none; width:100%;}
.con_right{ width:100%; float:none;}
.con_right img{width:auto!important; height:auto!important; max-width:100%!important;}

.message{ padding-left:0;}
.mess_form{ padding-left:0;}
.mess_form table{ width:100%!important;}
.mess_left{ display:block!important; float:none!important; width:100%!important; text-align:left!important;}
.mess_right{ display:block!important; float:none!important; width:100%!important;}
.mess_form .mess_txt{ width:85%;}
.mess_form textarea{ width:85%;}
.mess_form .write{ padding-bottom:10px;}
.mess_form .mess_sub{ margin-bottom:20px;}

.recu{ padding:30px 0 30px 0;}

.pos dd ul li{ font-size:12px; overflow:hidden;height:43px;}
.pos dt .dt_div span{ font-size:12px; overflow:hidden; height:43px;}
.Requirement{ width:100%; box-sizing:border-box;}
.recu dd .act .round{ right:5px; background-size:60% 60%; top:16px;}
.pos dd .ul_box .round{ right:5px;background-size:60% 60%; top:16px;}

.exp_dl{ padding-top:30px;}
.exp_dl dt{ float:none; margin:0 auto 10px;}
.exp_dl dd{ width:100%;}
.exp_dl dd a{ margin:0 auto; width:270px; display:block; text-align:center;}
.exp_dl dd span{ text-align:center;}
#top{ right:5px; bottom:10px;}

.evaluate{ padding:30px 0;}
.evaluate_div em{ display:block; float:none; width:100%; text-align:left;}
.evaluate_div .eva_txt{ width:85%;}
.eva_area{ width:85%;}
.eva_sub{ margin:30px auto 0; display:block;}

.line{ padding:30px 0; overflow:hidden;}
.sur_left{ float:none; width:100%; height:40px; line-height:40px; font-size:16px;}
.surface{ height:auto; line-height:inherit;}
.sur_right{ margin:0; width:100%;}
.sur_right li{ width:25%; margin:0; background:url(../images/linehui.png) center top no-repeat}
.sur_right li.on{background:url(../images/linelu.png) center top no-repeat}
.pc_form{ display:none;}
.phone_form{ display:block;}
.cost{ padding:30px 0;}
.cost .sur_right{ margin-bottom:20px;}

.cost span{ display:block; margin-bottom:10px; text-align:center;}
.cost form{ width:100%;}

.news_dl{ padding-top:20px;}
.news_dl dt{ float:none; margin:0 auto 10px;}
.news_dl dd{ float:none; width:100%;}
.news_dl dd p{ height:auto;}
.news_dl dd a{ overflow:hidden; text-align:center;}

.release{ padding:20px 0;}
.release h3{ overflow:hidden; height:30px; line-height:30px; font-size:16px;}
.release .news_share{ height:auto; line-height:inherit; padding:10px 0;}
.release .news_share span{ width:100%; text-align:center; margin:0;}
.release .news_share .bdsharebuttonbox{ float:none; margin:0 auto;}
.bdsharebuttonbox em{ margin-top:12px;}

.piece{ padding:20px 0;}
.piece_inner{ overflow:hidden;}

.banner{ background-size:cover!important;}

.banner_ul{ margin:0; width:100%;}
.banner_ul li{ float:none; margin:0 auto 0;}
.banner_inner{ width:100%; padding-top:50px;}
.banner_ul li a{ margin:0 auto;}

.index_box{width:100%; box-sizing:border-box; padding:0 5px;}
.scroll{ margin-bottom:10px;}
.nbg{ width:100%;}
.scroll .nt{ padding-left:20px; width:71px;}

.dynamic{ width:100%; float:none; margin:0 0 10px 0;}
.dynamic_inner{ height:auto; background:#f8f8f9; padding:0 15px;}
.dynamic_dl{ padding:10px 0;}
.dynamic_dl dt{ float:none; margin:0 auto 10px;}
.dynamic_dl dd{ width:100%; float:none;}
.dynamic_dl dd p{ height:auto;}
.dynamic_dl dd a{ text-align:center;}
.dynamic_ul li a{ width:70%;}

.online{ float:none; width:100%;}
.online_ul{ background:#f8f8f9; height:auto;}
.online_ul li{ width:50%; margin-left:0;}

.index_about{ width:100%; float:none;}
.about_inner{ height:auto; background:#f8f8f9; overflow:hidden; padding:10px 0;}
.about_inner span{ float:none; margin:0 auto 10px; display:block;}
.index_contact{ width:100%; float:none;}
.contact_inner{height:auto; background:#f8f8f9; overflow:hidden; padding:10px 0;}
.map_right{ display:none;}
.map_left{ padding-top:0;}
.index_link{ padding:10px 0;}
.index_link a{ padding:2px 10px; }

.member{ padding:20px 0;}
.member .member_div{ height:auto;}
.member .member_div em{ display:block; float:none; width:100%;}
.member_div .member_txt{ float:none; width:100%; box-sizing:border-box;}
.member_div .member_sub{ margin:20px auto 0;}
.order{ display:none;}

.banner_word{ display:none;}

.cont_address{ float:left; width:70%;}
.contact_map{ float:right; width:30%;}
.index_style li span{ text-align:center;}
.index_style li img{ padding:0; text-align:center; margin:0 auto 15px;}
.index_style li em{ display:block; text-align:center;}
.style_inner{ padding-left:10px;}
.foot_recu{ display:block;}
.foot{ display:none;}

.not_phone{ display:block;}
.notice{ display:none;}
}
@media screen and (max-width:768px){
.a_banner{ height:267px!important;}
}
@media screen and (max-width:414px){
.a_banner{ height:130px!important;}
.phone_left{ width:30%;}
.phone_right{ width:70%;}
.scbox{ width:306px; overflow:hidden;}
.scbox li span{ display:none;}

.index_style li{ width:50%;}
.index_style{ background:#f8f8f9; overflow:hidden;}
.index_style li{ padding-left:0; height:194px; margin-top:10px;}
.online_ul li{ padding:0 5px; box-sizing:border-box;} 
.online_ul li a{ background:url(../images/fuwu1.png) left top no-repeat; background-size:100% auto!important; height:auto; width:100%; line-height:58px;}
.online_ul li a em{ font-size:14px;}
}
@media screen and (max-width:375px){
.a_banner{ height:120px!important;}
.scbox{ width:254px;}
.index_style li{ height:222px;}
.online_ul li a{ text-indent:110px;}
}
@media screen and (max-width:360px){
.a_banner{ height:115px!important;}
.pro_top h3{ font-size:20px;}
.phone_left{ width:35%;}
.phone_right{ width:65%;}
.sur_right li{ background-size:80% 88%!important; background:url(../images/linehui.png) center center no-repeat}
.sur_right li.on{ background-size:80% 88%!important;background:url(../images/linelu.png) center center no-repeat}
.scbox{ width:214px; overflow:hidden;}
.index_style li{ height:220px;}
.online_ul li a{ text-indent:106px; height:52px;}


}
@media screen and (max-width:320px){
.a_banner{ height:95px!important;}
.open_div li{  width:30%;}
.sur_right li{ background-size:80% 80%!important; background:url(../images/linehui.png) center center no-repeat}
.sur_right li.on{ background-size:80% 80%!important;background:url(../images/linelu.png) center center no-repeat}
.phone_left{ width:40%;}
.phone_right{ width:60%;}
.online_ul li a{ font-size:12px; text-indent:86px;}
.banner_inner{ padding-top:50px;}
}


@media screen and (min-width:1081px){
.phnav{ display:none;}	
}