@media screen and (max-width:1200px){
.head{ height:auto;}
.box{ width:100%; padding:0 5px; box-sizing:border-box;}
.nav{ display:none;}
.search{ display:none;}
h1{ padding:15px 0;}
#phone{ height: 100%; opacity: .8; padding:30px 10px; box-sizing: border-box; top: 70px;  }
.cata_right{ display:none;}
.cata_left{ float:none; width:100%; padding:20px 0;}
.cata_left h3,.cata_left em{ text-align:center;}

.details{ min-height:inherit;}
.message_left{ display:none;}
.message_right{ float:none; width:100%;}
.mess_bnt{ text-align:center;}
.mess_sub{ display:inline-block; margin:0 10px; float:none; width:120px;}
.foot{ padding:20px 0;}
#phone li{ text-align: left; text-indent: 20px; height: auto; }
#phone li a{ text-align: left; }
#phone li .nav_inner{ text-indent: 20px;  }
#phone li .nav_inner a{font-size: 14px; border-bottom: 1px solid #fff;}
.news_ul li{ margin:20px auto 0; float:none;}
.news_ul{ margin:0; padding-bottom:30px;}
.news_info{ padding:30px 0; margin:0;}

.pro_cata{ padding-top:30px; height:auto; margin: 0;}
.pro_cata a{ float:none; margin:10px 0 0 0; width:100%;}
.pro_ul{ margin:0;}
.pro_ul li{ padding:0 5px; width:50%; margin:20px 0 0 0; box-sizing:border-box;}

.pro_ul li .pro_img{ width:auto; height:auto; text-align:center;}
.pro_ul li .pro_img img{ width:auto; height:auto; max-width:100%;}
.pro_dl{ margin:30px 0; padding:30px 0;}
.pro_dl dt{ float:none; width:100%; text-align:center; height:auto;}
.pro_dl dt img{ width:auto; height:auto; max-width:100%;}
.pro_dl dd{ float:none; width:100%; text-align:center}

.about_word img{ width:auto; height:auto; max-width:100%;}

.flexslider{ height: auto; width: 100% }
.slides li .banner_img{ width: auto; height: auto; max-width: 100%; }
.us_div{  width:100%; padding:0 5px; box-sizing:border-box; transform:translate(0,0); top:50%; left:0;}
.begin .us_div{ top:50%; position: static;}
.us_center,.us_right,.act_left,.touch_right{ display:none;}

.us_left{ float:none; width:100%;}
.phone_banner{ display:block;}
.pc_banner{ display:none;}
.indext_tit span{ text-align:center; font-size:22px; height:30px; line-height:30px;}
.indext_tit em{ text-align:center; font-size:18px;margin-bottom:10px;}
.begin .indext_tit em{ height:30px; line-height:30px; }
.indext_tit i{ margin:0 auto;}
.us_left a{ margin:0 auto;}

.section3{ background-size:cover; padding: 30px 0;}

.pro_srocll{ width:100%; margin-left:0px; left:50%; position: static;}

.act_right{ float:none; width:100%;}
.act_right dl{ padding:10px 0;}
.link_scroll{ width:100%; margin-left:0; position: static; height: auto;}
.link_scroll ul li a{ width: 50%; padding: 0 5px; box-sizing: border-box; margin: 0 0 10px 0; float: left; height: auto; border: none; }
.touch_left{ width:100%; float:none;}
.touch_tit{ text-align:center; margin-bottom:10px;}
.touch_tit em{ text-align:center;}
.begin .touch_div em{ padding-top:0px; margin: 20px auto 0;}
.foot p{ font-size:12px;}
#dowebok .section7,#dowebok  .section7 .fp-tableCell{ height:150px!important; }

.contact_right,.contact_left{ float: none!important; width: 100%!important; }
.link_scroll ul li a img{ width: auto; height: auto; max-width: 100%; }

.section2{ background: none; padding: 30px 0; }
.pro_div{ position: static; }
.pro_srocll ul{ float: none; width: 100%; }
.pro_srocll ul li{ width: 100%; float: none; margin: 0 0 10px 0; background: #fff; }

.pro_srocll li .pro_inner{ padding:0 10px; }
.pro_srocll li span{ display:block; width: 100%; height: auto; text-align: center;}
.pro_srocll li span img{ width: auto; height: auto; max-width: 100%; }

.pro_inner em{ height: 40px; line-height: 40px; }
.section4{ padding: 30px 0; }
.act_left{ display: block; float: none; width: 100%; height: auto; }
.act_img{ width: auto; height: auto; }
.act_img img{ width: auto; height: auto; max-width: 100%; }
.act_word{ padding: 10px 0; }
.act_word .act_tit{ height: auto; line-height: 30px; margin-bottom: 10px;}
.act_right dt{ width: 70px; margin-right: 5px; }
.act_right dd a{ font-size: 14px; margin: 0; }
.act_right dt span{ font-size: 24px; }

.section5{ padding: 30px 0; background-size: cover; }

.link_box{ position: static; height: auto; }
.link_scroll ul{ width: 100%; }
.link_scroll ul li{ float: none; width: 100%; margin: 0; }
.section6{ padding: 30px 0; background: none; }
.touch_div p{ height: auto; line-height: 30px; font-size: 14px; }
.phnav,#phone{ position: fixed; }



}







@media screen and (max-width:768px){
}
@media screen and (max-width:414px){
.news_ul li{ width:100%; height:auto; margin:20px 0 0 0;}
.news_ul li img{ width:100%; height:auto;}
.news_div p{ text-align:center;}
.news_ul li .news_div{ padding:0 10px;}
.news_div .news_tit span{ width:80%;}
.pro_ul li{ width:100%; float:none;}
.act_right dd{ width:305px;}
.act_inner{ height:39px; overflow:hidden;}
}
@media screen and (max-width:375px){
.act_right dd{ width:257px;}

.pro_srocll{ height:auto;}
.pro_div{height:auto;}
}

@media screen and (max-width:360px){
.mess_div .mess_txt{ width:175px;}
.news_div .news_tit span{ width:74%;}
.us_word{ height:auto;}
.act_right dd{ width:270px;}
}
@media screen and (max-width:320px){
.act_right dd{ width:220px;}
}


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