@charset "gb2312";
.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: #0059bb;}
.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) {
html,body{height:auto!important;}
body{min-width:320px;margin-bottom: 8vw;}
.dl-menuwrapper{display:block !important;}
.dl-menuwrapper ul{background: #0059a7;}
.dl-menuwrapper li a{border-top: 1px solid #096ec7;border-bottom: 1px solid #01427a;color: #fff !important;font-size: 16px !important;margin: 0 !important;}
.head{ width:98%; height:85px;}
.head .logo{ margin-top:9px;}
.head ul.nav{ display:none;}
.head .ss{ display:none;}
.banner{height: 350px!important;background-size: auto 100%!important;}
.pro{width: 98%;padding-top: 2%;}
.pro .protit span.sx{ height:45px;}
.pro .protit span.protitbg{ font-size:60px; line-height:70px;}
.pro .protit p{ margin:-50px 0 13px; font-size:28px;}
.pro .pronr{ padding:1% 0;}
.pro .pronr ul li{border: 0;width: 49%;background-size: auto 100%;height: auto;margin-right: 2%;}
.pro .pronr ul li img{padding: 4% 0;float: none;margin: 0 auto;display: block;}
.pro .pronr ul li span{padding: 0 4%;float: none;width: auto;font-size: 24px;}
.pro .pronr ul li p{float: none;padding: 2% 4%;width: auto;}
.pro .pronr ul li span.gd{ margin:1% 4% 4%;}
.pro .pronr ul li:hover{ border:0;}
.xwzx{width: 98%;margin: 2% auto 0;background-size: 100% auto;}
.xwzx .xwtit{ padding:8% 0 0 0;}
.xwzx .xwtit span.hx{ margin:34px 0;}
.xwzx .xwtit span.xwtitbg{ font-size:60px; line-height:70px;}
.xwzx .xwtit p{margin: -46px 35px 0 0;font-size: 28px;}
.xwzx ul{ padding:16% 0 4%;}
.xwzx ul li{ width:33%;}
.xwzx ul li a{ padding:3%;}
.abtbg{background: #0b294d;}
.abt{width: 98%;padding: 3% 0 4%;}
.abt .atit{ padding:0;}
.abt .atit span.hx{ margin:34px 0;}
.abt .atit span.atitbg{font-size: 60px;line-height: 70px;}
.abt .atit p{font-size: 28px;margin: -50px 20px 13px 0;}
.abt .abtjs{width: 100%;padding: 0;}
.abt a{margin-right: 0;margin-top: 2%;float: left;width: 130px;height: 32px;line-height: 32px;font-size: 14px;}
.ftbg{ display:none;}
.linkbg{ display:none;}
.banner1{ height:265px !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:23.9%;margin: 0 1% 2% 0; border-width:1px;}
.prolist ul.pdt li:hover{ border-width:1px;}
.prolist ul.pdt li img{ width:100%;}
.prolist ul.pdt li p{ padding:4% 2%;}
.prolist ul.pdt li span{ margin-bottom:6%;}
.pages ul{ margin:1% 0 3%;}
.proatc{ width:98%; padding:0 0 4%;}
.proatc .proatc_left{ width:100%; border:0;}
.proatc .proatc_left h1{ padding:2%;}
.proatc .proatc_left .article{ padding:0 0 2%;}
.proatc .proatc_left .article p{ padding:1% 0;}
.prenext span{ width:48%; padding:0 1%;}
.proatc .proatc_right{ display:none;}
.newslist{ width:98%; padding-bottom:3%;}
.newslist ul.news li{ width:32.6%; margin:0 1% 3% 0;}
.newslist ul.news li img{ width:100%; height:auto;}
.newslist ul.news li span{ padding:6% 0 2%;}
.newslist ul.news li p{height: 50px;padding-bottom: 0;margin-bottom: 2%;overflow: hidden;}
.newsatc .proatc_left h1{padding: 2% 0;}
.newsatc .proatc_left span.xx{ padding:0;}
.about{width: 98%;padding-bottom: 3%;}
.about .ab_l{width: 540px;float: none;margin: 0 auto;}
.about .ab_l img{ width:100%; height:auto;}
.about .ab_r{width: 100%;float: none;padding-top: 2%;}
.about .ab_r .abttit{ width:auto;}
.about .ab_r .abttit p{ font-size:60px; line-height:70px;}
.about .ab_r .abttit span{font-size: 28px;margin-top: -35px;}
.ysfw{ width:98%;}
.ysfw ul li{ width:23%;margin: 4% 1%;}
.ysfw ul li span{ padding:7% 0;}
.jsfw{ width:98%; padding:3% 0;}
.jsfw .jsfw_r{ float:none; margin:0 auto;}
.jsfw .jsfw_r img{ width:100%; height:auto;}
.jsfw .jsfw_l{width: 100%;float: none;padding-top: 2%;}
.jsfw .jsfw_l .jsfwtit{ width:auto;}
.jsfw .jsfw_l .jsfwtit p{ font-size:60px; line-height:70px;}
.jsfw .jsfw_l .jsfwtit span{font-size: 28px;margin-top: -35px;}
.jsfw .jsfw_l p{ padding:1% 0 0;}
.lxwm{ width:98%;}
.lxwmtit{ margin:2% auto 0;}
.lxwmtit p{ padding-bottom:1%;}
.contact{ padding-bottom:4%;}
.lxfsbg{padding: 2% 1%;margin: 2% 0 0;}
.lxfsbg form{ float:none;}
.lxfsbg .lxtit{ padding-bottom:2%;}
.lxfsbg form>p{ width:49%; margin:0 2% 2% 0;}
.lxfsbg form>p.xuqiu{ width:100%;}
.lxfsbg form>p>input{ width:98%; padding:0 1%;}
.lxfsbg form>p>textarea{width: 98%;padding: 1%;}
.lxfsbg form>p.sub{ padding:1% 0; width:32%;}
.lxfsbg form>p.sub>input{ width:98%; padding:0 1%;}
.dzdhbg ul{ width:98%; padding:4% 0;}
.dzdhbg ul li{ width:31.3%; margin:0 1%;}
.dzdhbg ul li p{ padding-top:5%; line-height:30px;}


.return{display: block !important;bottom: 11vw;}
.return a.dingbu2{background: rgba(51, 51, 51, 0.7);}
.social_nav1{height: auto;position:fixed;bottom:0;min-width:320px;width:100%;z-index:999;background: #0059a7;display:block !important;}
.social_nav1 li{width: 50%;float:left;position:relative;text-align:left;border-right: 1px #fff solid;border-top: 1px #fff 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(2){border-right:none;border-left:none;}
.social_nav1 li em{width: 18%;display:block;float: left;padding-right: 4%;}
.social_nav1 li em img{width: 100%;height:auto;}
.social_nav1 li a{color: #fff;font-size: 3vw;line-height: 190%;display: block;padding: 3% 0 3% 20%;}
.social_nav1 li.cur{ color:#fff;}

}
@media only screen and (max-width: 767px) {
.banner{height: 270px !important;}
.pro .protit span.sx{height: 36px;}
.pro .protit span.protitbg{ font-size:50px; line-height:60px;}
.pro .protit p{margin: -40px 0 9px;font-size: 24px;}
.pro .pronr ul li span{ font-size:20px;}
.xwzx .xwtit span.hx{ margin:25px 0;}
.xwzx .xwtit span.xwtitbg{ font-size:50px; line-height:60px;}
.xwzx .xwtit p{margin: -40px 35px 0 0;font-size: 24px;}
.abt .atit span.hx{ margin:25px 0;}
.abt .atit span.atitbg{font-size:50px; line-height:60px;}
.abt .atit p{font-size: 24px;margin: -43px 20px 12px 0;}
.banner1{height: 225px !important;}
.prolist ul.pdt li{width: 32.3%;}
.prolist ul.pdt li:nth-child(4n){ margin-right:1%;}
.prolist ul.pdt li:nth-child(3n){ margin-right:0;}
.about .ab_r .abttit p{ font-size:50px; line-height:60px;}
.about .ab_r .abttit span{ font-size:24px; margin-top:-30px;}
.about .ab_r p{ padding:1% 0 0; line-height:28px;}
.jsfw .jsfw_l .jsfwtit p{ font-size:50px; line-height:60px;}
.jsfw .jsfw_l .jsfwtit span{ font-size:24px; margin-top:-30px;}
.jsfw .jsfw_l p{line-height:28px;}
.lxwmtit span{ font-size:32px;}
.lxwmtit p{ font-size:24px;}
.lxfsbg .lxtit{ font-size:20px;}
.lxfsbg form>p>input{ font-size:15px; line-height:36px;}
.lxfsbg form>p>span{ font-size:15px; line-height:36px;}
.lxfsbg form>p>textarea{ font-size:15px;}
.dzdhbg ul li p span{ font-size:18px;}


}
@media only screen and (max-width: 640px) {
.pro .pronr ul li img{ width:92%; height:auto;}
.xwzx ul li{ width:32.9%;}
.xwzx .xwtit{ padding:6% 0 0;}
.xwzx .xwtit span.hx{ display:none;}
.banner1{height: 205px !important;}
.proatc .proatc_left h1{ font-size:22px;}
.proatc .proatc_left .article img{ width:545px !Important;}
.prenext{ padding:1% 0;}
.prenext span{ font-size:15px; height:25px; line-height:25px; width:98%;}
.newslist ul.news li span{ font-size:15px;}
.newslist ul.news li p{ line-height:22px; height:66px;}

}
@media only screen and (max-width: 560px) {
.banner{height: 210px !important;}
.pro .protit span.protitbg{font-size: 40px;line-height: 50px;}
.pro .protit p{margin: -34px 0 8px;font-size: 20px;}
.pro .pronr ul li span{ font-size:18px;}
.pro .pronr ul li span.gd{ font-weight:normal;}
.xwzx .xwtit span.xwtitbg{ font-size:40px; line-height:50px;}
.xwzx .xwtit p{margin: -35px 35px 9px 0;font-size: 20px;}
.xwzx ul li{ width:49.5%;}
.xwzx ul li.last{ display:block;}
.xwzx ul li p{ height:66px; overflow:hidden;}
.abt .atit span.atitbg{ font-size:40px; line-height:50px;}
.abt .atit p{font-size: 20px;margin: -34px 20px 8px 0;}
.abt a{ height:30px; line-height:30px; font-size:13px;}
.banner1{height: 170px !important;}
.prolist ul.pdt li span{ width:85px; line-height:25px;}
.prolist ul.pdt li{ width:32.2%;}
.proatc .proatc_left .article img{ width:100% !important;}
.about .ab_l{ width:100%;}
.about .ab_r .abttit p{ font-size:40px; line-height:50px;}
.about .ab_r .abttit span{ font-size:22px; margin-top:-25px;}
.jsfw .jsfw_r{ width:100%;}
.jsfw .jsfw_l .jsfwtit p{ font-size:40px; line-height:50px;}
.jsfw .jsfw_l .jsfwtit span{ font-size:22px; margin-top:-25px;}
.dzdhbg ul li p{ line-height:20px;}
.dzdhbg ul li p span{ padding-bottom:2%;}


}
@media only screen and (max-width: 480px) {
.dl-menuwrapper{max-width:150px;right:5px;top: 8px;}
.dl-menuwrapper li a{padding:7px 15px;font-size: 15px;}
.dl-menuwrapper .dl-menu{margin: 7px 0 0;}
.banner{height: 190px !important;}
.head{ height:60px;}
.head .logo{ width:175px; margin-top:6px;}
.xwzx .xwtit{ padding:4% 0 0;}
.xwzx ul li{ width:49.4%;}
.xwzx ul li span{ font-size:15px;}
.banner1{height: 145px !important;}
.prolist ul.pdt li{ width:48.9%;}
.prolist ul.pdt li:nth-child(3n){ margin-right:1%;}
.prolist ul.pdt li:nth-child(2n){ margin-right:0;}
.prolist ul.pdt li p{ padding:5% 2%; font-size:15px;}
.pages ul li a{ font-size:16px; padding:1px 8px;}
.pages ul li span{ font-size:16px; padding:1px 8px;}
.proatc .proatc_left h1{ font-size:20px;}
.proatc .proatc_left .article p{ font-size:14px; line-height:25px;}
.newslist ul.news li{width: 49.5%;}
.newslist ul.news li:nth-child(3n){ margin-right:1%;}
.newslist ul.news li:nth-child(2n){ margin-right:0;}
.about .ab_r p{ line-height:26px;}
.ysfw ul li{ width:48%;}
.ysfw ul li p{ height:66px;}
.ysfw ul li img{ width:90px; height:90px;}
.jsfw .jsfw_l p{ line-height:26px;}
.lxwmtit span{ font-size:24px;}
.lxwmtit p{ font-size:18px;}
.lxfsbg .lxtit{ font-size:18px;}
.lxfsbg form>p{ width:100%; margin:0 0 2% 0;}
.lxfsbg form>p.sub{ width:40%;}
.lxfsbg form>p.sub>input{ line-height:32px; font-size:15px;}
.dzdhbg ul li img{ width:70%;}
.dzdhbg ul li p{ font-size:14px;}
.dzdhbg ul li p span{ font-size:16px;}


.return{ width:33px;}
.return a.dingbu2{ width:33px; height:33px;}
.return a.dingbu2 .fhdb1{ width:33px; height:33px; background-size:auto 70%;}
.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: 160px !important;}
.xwzx .xwtit{ padding:2% 0 0;}
.xwzx .xwtit p{ text-align:left; padding-left:12%;}
.xwzx ul li{ width:49.3%;}
.banner1{height: 120px !important;}
.prolist ul.pdt li{ width:48.8%;}
.prolist ul.pdt li span{ width:80px; line-height:22px;}

}