ul {list-style-type:none;}
.return {width: 40px;position: fixed;bottom: 78px;right: 10px;z-index: 999; display:none !important;}
.return a.dingbu2{width: 40px;height: 40px;display: block;background: rgb(68 68 68 / 60%);}
.fhdb1 p{color: #fff;line-height: 19px;display: none;font-size:14px;}
.return a.dingbu2 .fhdb1 {width: 40px;height: 40px;margin-top: 10px;text-align: center;background: url(../images/re.png) no-repeat center;}

@media only screen and (max-width: 1024px) {
body{min-width:320px;margin-bottom: 11vw;}
.dl-menuwrapper{display:block !important;}
.top{ display:none;}
.head{ width:98%; height:75px;}
.head .logo{ width:168px; margin-top:8px;}
.head ul.nav{ display:none;}
.head .ss{ display:none;}
.banner{height: 380px !important;background-size: auto 100% !important;}
.pro{ width:98%; padding:4% 0;}
.pro ul li{ width:23.7%;margin: 3% 1% 0 0;}
.pro ul li img{ width:100%;}
.pro ul li p{ padding:4% 2%;}
.fwbg{ padding-bottom:0;}
.fw{ width:98%;}
.fw ul{ padding:4% 0;}
.fw ul li{ width:23%; margin:0 1%;}
.abt{width: 98%;margin: 0 auto;border: 0;padding-top: 4%;}
.abt .abtl{padding: 0;width: 51%;}
.abt .abtl img{ width:100%; height:auto;}
.abt .abtr{ width:47%; padding:0;}
.title span{ font-size:24px;}
.title p{ padding-top:1%;}
.abt .abtr .title1 span.hx{ margin:2% 0 0;}
.abt .abtr p{padding-top: 1%;line-height: 3vw;}
.abt .abtr a{ margin-top:1%;display: inline-block;}
.xwzx{ width:98%; padding:4% 0;}
.xwzx ul{ padding:3% 0 0;}
.xwzx ul li{width: 32.6%;margin-right: 1%;}
.xwzx ul li img{ width:100%; height:auto;}
.xwzx ul li span{ padding:4% 0 2%;}
.xwzx ul li p{ padding-bottom:2%; line-height:22px;}
.ftbg{ display:none;}
.linkbg{ display:none;}
.banner1{height: 260px!important;background-size: auto 100%!important;}
.mbx{ width:98%;}
.mbx p{ padding:2% 0;}
.prolist{ width:98%;padding: 0 0 2%;}
.prolist ul.pdt li{ width:24%; margin:0 0.5% 2% 0;}
.prolist ul.pdt li img{ width:100%; height:auto;}
.prolist ul.pdt li:hover{border: 2px #f3f3f3 solid;}
.prolist ul.pdt li a{ padding-bottom:5%;}
.prolist ul.pdt li p{ font-size:15px; padding:5% 2%;}
.prolist ul.pdt li span{ margin-bottom:0; line-height:24px; width:85px;}
.pages ul{ margin:1% 0 0;}
.proatc{ width:98%; padding-bottom:2%;}
.proatc .proatc_left{ width:100%; border:0;}
.proatc .proatc_left h1{ padding:2%;}
.proatc .proatc_left .article{ padding:2% 0;}
.proatc .proatc_left .article p{ padding:1% 0;}
.proatc .proatc_right{ display:none;}
.prenext span{ width:48%; padding:0 1%; line-height:50px; height:50px;}
.newslist{ width:98%; padding-bottom:2%;}
.newslist ul.news li{width: 32.6%;margin: 0 1% 2% 0;}
.newslist ul.news li img{ width:100%; height:auto;}
.newslist ul.news li span{ padding:5% 0 3%;}
.newslist ul.news li p{padding-bottom: 0;height: 44px;overflow: hidden;margin-bottom: 3%; line-height:22px;}
.newsatc .proatc_left span.xx{ padding:0 2%;}
.about{ width:98%; padding-bottom:3%;}
.about .ab_l{float: none;margin: 0 auto;padding-top: 2%;width:540px;}
.about .ab_l img{ width:100%; height:auto;}
.about .ab_r{width: 100%;float: none;margin: 0 auto;}
.about .ab_r .abttit{width:auto;text-align: center;}
.about .ab_r .abttit p{ font-size:64px;}
.about .ab_r .abttit span{ font-size:26px;}
.about .ab_r p{padding: 1% 0 0;line-height:28px;}
.ysfw{ width:98%;}
.ysfw ul li{width: 23%;margin: 3% 1%;}
.ysfw ul li span{ padding:5% 0;}
.jsfw{ width:98%; padding:3% 0;}
.jsfw .jsfw_r{ float:none; margin:0 auto; padding-top:2%;}
.jsfw .jsfw_r img{ width:100%; height:auto;}
.jsfw .jsfw_l{width: 100%;float: none;padding-top: 2%;}
.jsfw .jsfw_l .jsfwtit{width: auto;text-align: center;}
.jsfw .jsfw_l .jsfwtit p{ font-size:64px;}
.jsfw .jsfw_l .jsfwtit span{ font-size:26px;}
.jsfw .jsfw_l p{ padding:1% 0 0; line-height:28px;}
.proatc .proatc_left .article table{width:600px!important;}

.lxwm{width: 98%;margin: 0 auto;}
.lxwm .contact{ padding-bottom:0;}
.lxwmtit{padding: 0;margin: 2% auto 0;}
.lxfsbg{width: 96%;padding: 2%;margin: 3% 0 0;}
.lxfsbg .lxtit{ padding-bottom:2%;}
.lxfsbg form{ float:none;}
.lxfsbg form>p{width: 48%;margin: 1%;}
.lxfsbg form>p>input{ width:98%; padding:0 1%; line-height:38px;}
.lxfsbg form>p.xuqiu{ width:98%; margin:1%;}
.lxfsbg form>p>textarea{ width:97.7%; padding:1%;}
.lxfsbg form>p.sub{ width:30%;}
.lxfsbg form>p.sub>input{ width:100%; padding:0;}
.dzdhbg ul{width: 98%;padding: 3% 0;}
.dzdhbg ul li{ width:31.3%; margin:0 1%;}
.dzdhbg ul li p{ padding-top:5%;}

.return{display: block !important;bottom: 11vw;}
.social_nav1{height: auto;position:fixed;bottom:0;min-width:320px;width:100%;z-index:999;background: #444444;display:block !important;}
.social_nav1 li{width: 50%;float:left;position:relative;text-align:left;border-right: 1px #ccc solid;color:#fff;line-height:1rem;height: auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;}
.social_nav1 li:nth-child(3){border-right:none;border-left:none;}
.social_nav1 li em{width: 12%;display:block;float: left;padding-right: 4%;}
.social_nav1 li em img{width: 100%;height:auto;}
.social_nav1 li a{color: #fff;font-size: 3.5vw;line-height: 4vw;display: block;padding: 5% 0 5% 12vw;}
.social_nav1 li.cur{ color:#fff;}

}
@media only screen and (max-width: 767px) {
.banner{height: 330px !important;}
.pro ul li{width: 23.9%;border-width: 1px;}
.pro ul li:hover{border-width: 1px; border-color:#f3f3f3;}
.pro ul li p{ font-size:15px;}
.abt .abtl{ width:447px; margin:0 auto; float:none;}
.abt .abtr{ width:100%; padding:3% 0 0;}
.abt .abtr .title1{ text-align:center;}
.abt .abtr .title1 span.hx{ margin:2% auto 0;}
.abt .abtr p{ line-height:25px;}
.banner1{height: 225px!important;}
.prolist ul.pdt li{ width:23.9%;}


}
@media only screen and (max-width: 640px) {
.banner{height: 290px !important;}
.title span{ font-size:22px;}
.pro ul li{ width:23.8%;}
.pro ul li span{ width:85px; line-height:23px;margin-bottom: 5%;}
.fw ul li img{ width:50px;}
.banner1{height: 205px!important;}
.prolist ul.pdt li{ width:24.2%; border-width:1px;}
.prolist ul.pdt li:hover{ border-width:1px;}
.proatc .proatc_left h1{ font-size:22px;}
.proatc .proatc_left .article img{ width:95%!important}
.lxwmtit span{ font-size:34px;}
.lxwmtit p{ font-size:24px;}
.lxfsbg .lxtit{ font-size:22px;}
.dzdhbg ul li p{ line-height:20px;}
.dzdhbg ul li p span{ padding-bottom:3%;}
.proatc .proatc_left .article table{width:95%!important;}

}
@media only screen and (max-width: 560px) {
.banner{height: 240px !important;}
.pro ul li{width: 47.4%;margin: 3% 1% 0;}
.xwzx ul li{ width:48%; margin:1%;}
.xwzx ul li.last{ display:none;}
.banner1{height: 175px!important;}
.prolist ul.pdt li{width: 47.5%;margin: 0 1% 2%;}
.proatc .proatc_left h1{ font-size:20px;}
.proatc .proatc_left .article p{ line-height:25px;}
.proatc .proatc_left .article img{ width:100%!important;}
.prenext span{ width:98%; height:35px; line-height:35px; font-size:15px;}
.about .ab_l{ width:98%;}
.about .ab_r .abttit p{ font-size:60px;}
.about .ab_r .abttit span{ font-size:24px;}
.ysfw ul li{ width:48%;}
.ysfw ul li p{ height:66px;}
.jsfw .jsfw_r{ width:98%;}
.jsfw .jsfw_l .jsfwtit p{ font-size:60px;}
.jsfw .jsfw_l .jsfwtit span{ font-size:24px;}
.lxfsbg form>p{ width:98%;}
.proatc .proatc_left .article table{width:100%!important;}

}
@media only screen and (max-width: 480px) {
.dl-menuwrapper{max-width: 212px;right:5px;top:10px;}
.dl-menuwrapper li a{ padding:7px 15px;}
.dl-menuwrapper .dl-menu{ margin:10px 0 0;}
.head{ height:65px;}
.head .logo{ width:140px;}
.banner{height: 205px !important;}
.title span.hx{ height:2px; margin:2% auto;}
.title p{ font-size:15px;}
.fw ul li{ width:48%; margin:2% 1%;}
.abt .abtl{ width:95%;}
.xwzx ul li span{ font-size:15px;}
.banner1{height: 145px!important;}
.prolist ul.pdt li{ width:47.4%;}
.pages ul li a{ font-size:15px;}
.pages ul li span{ font-size:15px;}
.proatc .proatc_left h1{ font-size:18px;}
.prenext span{ font-size:14px;}
.about .ab_r .abttit p{ font-size:56px;}
.about .ab_r .abttit span{ font-size:22px;}
.jsfw .jsfw_l .jsfwtit p{ font-size:56px;}
.jsfw .jsfw_l .jsfwtit span{ font-size:22px;}
.lxwmtit span{ font-size:28px;}
.lxwmtit p{ font-size:22px;}
.lxfsbg .lxtit{ font-size:18px;}
.lxfsbg form>p>input{ line-height:34px; font-size:14px;}
.lxfsbg form>p>textarea{ font-size:14px;}
.lxfsbg form>p.sub>input{ font-size:14px;}
.dzdhbg ul li p span{ font-size:16px;}
.dzdhbg ul li p{ font-size:14px;word-break: break-all;}
.dzdhbg ul li img{ width:85px;}
.lxfsbg form>p>span{ font-size:14px; line-height:34px;}

.return{ width:30px;}
.return a.dingbu2{ width:30px; height:30px;}
.return a.dingbu2 .fhdb1{ width:30px; height:30px; background-size:16px;}
.social_nav5 li a{font-size:16px;}
.social_nav5 li em{width:40px;height:40px;}
}
@media screen and (min-width:320px) and (max-width:400px){
body{margin-bottom:12vw;}
.banner{height: 165px !important;}
.pro ul li{ width:47.3%;}
.banner1{height: 120px!important;}
.prolist ul.pdt li{ width:47.3%;}

}