@media screen and (max-width:1200px){
.navBtn{width: 34px; height: 24px; position:absolute; right:5px; top:27px;  cursor: pointer; display:block; }
.navBtn:before,.navBtn:after{ content: ''; height: 4px; background: #0b507f; width: 100%; position: absolute; left: 0; top: 0; transition: all 0.3s ease 0s; z-index:999}
.navBtn:after{ bottom: 0; top: auto;  }
.cbtn{ height: 4px; width: 100%; background: #0b507f; position: absolute; left: 0; top: 10px;z-index:999 }
.navnu_inner li{ height:40px; line-height:40px;}
.navnu_inner li a{ display:block; font-size:16px; color:#fff; font-weight:bold}
.toshow .navBtn:before{ -webkit-transform: rotate(135deg) translate(7px,-6px); -ms-transform: rotate(135deg) translate(7px,-6px); transform: rotate(135deg) translate(7px,-6px); }
.toshow .navBtn:after{ -webkit-transform: rotate(-135deg) translate(9px,6px); -ms-transform: rotate(-135deg) translate(9px,6px); transform: rotate(-135deg) translate(9px,6px); }
.toshow .cbtn{ opacity: 0; filter: alpha(opacity=0);}
.toshow .navnu_inner{ transition:all 0.5s ease 0s; display:block;-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft}
.navnu_inner{ position:absolute; display:none; top:75px; z-index:9999999999; width:100%; background:#0b507f; height:100%; padding:2rem 0 0 0 ; transition:all 0.5s ease 0s; right:0; text-align:center;}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(20px)}
100%{opacity:1;-moz-transform:translateX(0)}}
.nav_ul{ display:none}
.box{ width: 100%; padding: 0 5px; box-sizing: border-box; }
.head h1{ padding: 25px 0; }
.head h1 img{ width: 200px; height: auto; }
.call{ display: none; }
.head_right{ height: auto; line-height: inherit;padding: 22px 5% 0 0;}
.goodul li{ height:auto }
.goodul li a{  font-size: 12px; font-weight: normal; }
.lan{ margin: 10px 0 0 0; }
.nav{ display: none; }
.foot{ padding: 20px 0; }
.foot_left{ display: none; }
.foot_right{ float: none; width: 100%; padding: 0; margin: 0; height: auto; border: none; }
.add{ height: auto; line-height: 30px; padding: 10px 0; text-align: center; }
.add_left{ float:none; width: 100%; }

.add_right{ float:none; width: 100%; }
.defend_div{ padding: 40px 0; }
.def_dl{ float: none; width: 100%; }
.def_dl dt{ width: 100%; height: auto; text-align: center; }
.def_dl dt img{ width: auto; height: auto; max-width: 100%; }
.def_dl dd{ height: auto; }
.def_dl dd a{ text-align: center; }
.def_dl dd .pan_zi{ height: auto; padding-bottom: 20px; }
.def_right{ float: none; width: 100%; }
.le_dl dt{ height: auto;  }
.le_dl dt a{ float: none; width: 100%; text-align: center; display: block; }
.le_dl dt em{ float: none; width: 100%; text-align: center; }
.le_dl dd{ height: auto; }
.test{ height: auto; padding: 30px 0; background-size:cover; }
.test_left{ float: none; width: 100%; height: auto; }
.test_left h3{ height: auto; text-align: center; padding: 20px 10px 10px; }
.test_left em{ height: auto; text-align: center;  padding: 0px 10px 20px; margin: 0;}
.test_left dd{ width: 100%; height: auto; text-align: center; padding-bottom: 20px; }
.test_left dd img{ width: auto; height: auto; max-width: 100%; }

.test_center{ margin: 20px 0; float: none; width: 100%; }

.test_zi{ height: auto; padding: 0 10px; }
.test_call{ padding-left: 90px; background: url(../images/sy3.png) 34px center no-repeat }
.test_right{ float: none; width: 100%; }
.agent{ right: 0; border: none; margin-left: -60px; width: 120px; left: 50%; }
.sco_ul li.on, .sco_ul li:hover{ background: none; }
.agent h3{ margin: 20px 0 0 0; }
.test_scroll{ left: 50%; margin-left: -140px; }
.soc_scroll{ width: 350px; margin-left: -175px; left: 50%; }
.soc_scroll li{ width: 350px; }
.soc_scroll li span{ width: 350px; }
.soc_scroll li span img{ width: 350px; }
.sco_ul{ height: auto; }
.sco_ul li a{ background: none; text-align: left; }
.sco_ul li{ display:block; }
.catalog{ float: none; width: 100%; }

.cata_ul{ padding: 0; overflow: hidden; }
.cata_ul li{ width: 100%; padding: 0 5px;  box-sizing: border-box; }
.cata_ul a{ padding: 0; background: none; text-align: center; font-size: 16px; font-weight: bold; height: 45px; line-height: 45px; }
.cata_ul a:hover, .cata_ul a.for{ background: none; }
.cata_ul li .menu a{ text-align: center; }
.details{ float: none; width: 100%; }
.position{ display: none; }

.release h3{ font-size: 16px; }
.cata_inner{ margin-bottom: 10px; background: url(../images/cata.jpg) 270px center no-repeat }
.news_info{ padding: 0; }

.about{ padding-top:0; }
.about img{ width: auto; height: auto; max-width: 100%; }
.link_dl{ padding-top: 30px; }
.link_dl dt{ float: none; margin: 0 auto 10px; }

.link_dl dd{ float: none; width: 100%;  }
.link_dl dd h3{ height: auto; line-height: 30px; text-align: center; font-size: 16px; }
.link_zi{ height: auto; }
.link_div{ height: auto; margin: 0; }
.link_div a{ display: inline-block; float: none; margin: 0 3px; width: 107px; }

.pro_dl dt{ float: none; margin: 0 auto 10px; }
.pro_dl dd{ float: none; width: 100%; }
.pro_dl dd .pro_tit{ display: block; text-align: center; }
.pro_dl dd .pro_zi{ height: auto; }
.pro_dl dd .pro_see{ text-align: center; height: 40px; line-height: 40px; }
.e5_dl dt{ float: none; margin: 0 auto 10px; }
.e5_dl dd{ float: none; width: 100%; }
.e5_dl dd h3{ text-align: center; }
.e5_dl dd em{ text-align: center; }
.e5_dl dd i{ height: auto; }

.rec_div{ width: 100%; }

.rec_scroll{ width: 256px; margin-left: -128px; left: 50%; }
.good_ul li{ margin:0; width: 33.3%; padding: 0 5px; box-sizing: border-box; }
.good_ul li a{ width: 100%; }
.news_dl dt{ float: none; width: 100%; height: auto; text-align: center; margin-bottom: 10px; }
.news_dl dt img{ width: auto; height: auto; max-width: 100%; }
.news_dl dd{ float: none; width: 100%; }
.news_dl dd a{ text-align: center; }
.news_zi{ height: auto; }

.news_dl dd em{ text-align: center; }
.time_dl dt{ margin:0 auto 10px; float: none; }
.time_dl dd{ float: none; width: 100%; }

.time_dl dd a{ text-align: center; }
.time_dl dd .time_zi{ height: auto; }

.download .down_mi a{ background: none; }
.download .down_tit{ font-weight: normal; font-size: 12px; }
.map_left{ float: none; width: 100%; text-align: center; }
.map_left img{ width: auto; height: auto; max-width: 100%; }
.map_right{ float: none; width: 100%; padding: 0; height: auto; }
.dz h3{ height: auto; }
.dz em{ height: auto; }
.hot{ padding: 20px 0 0 0; }

.cont_center li{ width: 100%; float: none; border: none; height: auto; }
.cont_center li em{ display: block; }
.cont_center{ margin-bottom: 20px; }
.mess_box{ float: none; width: 100%; }
.mess_div em{ display: block; width: 100%; text-align: left; padding: 0; }
.mess_txt{ width: 90%; }
.mess_area{ width: 90%; }

.sub_box{ float: none; width: 100%; text-align: center; margin-top: 20px; padding-right: 0;}
.mess_sub{ display: inline-block; float: none; }
.case_dl dt{ float: none; margin:0 auto 10px; }
.case_dl dd{ float: none; width: 100%; }
.case_dl dd .case_tit{  font-size: 13px; }
.case_dl dd .case_zi{ height: auto; font-size: 12px; }

.case_see{ text-align: center; }
.case_a{ margin:0 0 10px 0; height: auto; }
.case_a a{ margin: 0 3px 10px; width: 110px; }
.news_word img{ width: auto; height: auto; max-width: 100%; }

.yz_txt{ width: 20%; }
}








@media screen and (max-width:768px){
	.entry{ width: 90%; margin-left: -45%; }
	.entry_tit img{ max-width: 80%; }
	.entry_form{ width: 90%; }
}
@media screen and (max-width:414px){
.a_banner{ background-size:cover!important; height:108px!important;}
.slides li{height: 135px;}
.head_right {padding: 22px 11% 0 0;}
.lan em{width:10px;}

}
@media screen and (max-width:375px){
}

@media screen and (max-width:360px){
}
@media screen and (max-width:320px){
}


@media screen and (min-width:1201px){
}