@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) {
.wxewm{display:none;}
body{min-width:320px;margin-bottom: 11vw;}
.headbg{ margin-bottom:-75px;}
.head{ width:98%; height:75px;}
.head .logo{ padding-top:19px;}
.head ul{ display:none}
.dl-menuwrapper{ display:block !important;}
.banner{ background-size:auto 100% !important; height: 430px !important;}
.hotcp{ width:100%; margin-top:2%;}
.hotcp .hotcpl{width: 98%;height: auto;padding-bottom: 0;background: #005bac;margin: 0 1%;}
.hotcp .hotcpl span{padding: 5px 10px;font-size: 22px;float: left;line-height: 30px;}
.hotcp .hotcpl p{padding: 5px 0;font-size: 16px;float: left;line-height: 30px;}
.hotcp ul{width: 98%;margin: 1%;}
.hotcp ul li{width: 23.9%;margin-right: 1%;}
.hotcp ul li img{ width:100%; height:auto;}
.hotcp ul li p{padding: 4% 2%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.products{width: 98%;margin: 2% auto;background: none;}
.products .cpbox1{ margin-bottom:2%;}
.products .cpbox1 .cpboxl{ width:50%;}
.products .cpbox1 .cpboxl img{ width:100%;}
.products .cpbox1 .cpboxr{width:48%;padding: 4% 0 0 0;}
.products .cpbox1 .cpboxr span.tit{ font-size:22px;}
.products .cpbox1 .cpboxr span.ms{ padding:2% 0;}
.products .cpbox1 .cpboxr p{ padding-bottom:3%;}
.products .cpbox2 .cpboxr{padding: 4% 2% 0 0;width: 48%;}
.newsbg{height: auto;background-size: auto 100%;}
.news{width: 98%;padding: 3% 0;}
.news .xw{ width:100%; background:#fff;}
.news .xw .xwtit{padding: 0;overflow: hidden;background: #005bac;}
.news .xw .xwtit span{float: left;line-height: 30px;padding: 5px 10px;font-size: 22px;}
.news .xw .xwtit p{float: left;line-height: 30px;padding: 5px 0;text-transform: uppercase;font-size: 16px;font-weight: bold;}
.news .xw .xwnr{padding: 2%;overflow: hidden;}
.news .xw .xwnr img{width: 35%;height: auto;float: left;}
.news .xw .xwnr span{width: 63%;float: right;padding: 1% 0; font-weight:normal;}
.news .xw .xwnr p{float: right;width: 63%;height: auto;}
.news .jszl{width: 100%;padding: 0;margin: 2% 0;}
.news .jszl .jstit{overflow: hidden;padding: 5px 10px;background: #005bac;}
.news .jstit span{font-size: 22px;float: left;padding: 0 10px 0 0;line-height: 30px;color: #fff;}
.news .jstit p{float: left;line-height: 30px;text-transform: uppercase;font-size: 16px;font-weight: bold;color: #fff;}
.news .jszl .jszlnr{padding: 2%;}
.news .jszl .jszlnr p{ padding-top:20px;}
.news .jszl .jszlnr p.p_2{ width:64%;}
.news .cjwt{width: 100%;padding: 0;}
.news .cjwt .jstit{overflow: hidden;padding: 5px 10px;background: #005bac;}
.news .cjwt .cjwtnr{padding: 2% 2% 0;}
.news .cjwt .cjwtnr .qa{ padding:0 0 2%;}
.gywm{ width:98%; padding:3% 0;}
.gywm .gytit{ padding:1% 0 2%; font-size:22px;}
.gywm span{ padding:2% 0; font-size:20px;}
.gywm a.more{ margin:1% auto;}
.ftbg{ display:none;}
.banner1{background-size: auto 100% !important;height: 440px !important;}
.mbx{ width:98%;}
.mbx p{ padding:2% 0 1%;}
.prolist{ width:98%;}
.prolist .proleft{ display:none;}
.prolist .proright{ width:100%;}
.prolist .proright ul.cplist{ padding:1% 0;}
.prolist .proright ul.cplist li{width: 31.3%;margin: 1% 1% 2%;}
.prolist .proright ul.cplist li p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.prolist .proright ul.cplist li span.more{margin: 3% auto 5%;width: 50%;}
.prolist .proright ul.cplist li img{ width:100%; height:auto; padding-bottom:2%;}
.pages{ padding:1% 0 3%;}
.prolist .cpnrr{width: 100%;padding-top: 1%;}
.prolist .cpnrr .proimg{ width:50%;}
.prolist .cpnrr .proimg img{ width:100%; height:auto;}
.prolist .cpnrr .protxt{ width:48%; padding-right:0;}
.prolist .cpnrr .protxt h1{padding: 0 0 1%;margin-bottom: 1%;line-height: 30px;font-size: 20px;}
.prolist .cpnrr .protxt span{ font-size:15px; line-height:26px;}
.prolist .cpnrr .protxt span p{ height:auto;}
.prolist .cpnrr .protxt p.zx{background: #00cdb3;margin: 2% 0 0;width: 33%;}
.prolist .cpnrr .protxt p.zx span{font-size: 16px;padding: 0;text-align: center;height: 32px;line-height: 32px;}
.prolist .cpnrr .cpart{ width:100%; padding:3% 0;}
.prolist .cpnrr .cpart .cpms{ margin:2% 0 1%;}
.prolist .cpnrr .cpart .cpms span.tit1{ font-size:15px;}
.prolist .cpnrr .cpart .cpms span.tit{ font-size:20px;}
.prolist .cpnrr .cpart p{ padding:1.5% 0 0;}
.prolist .newsright{ width:100%; padding-top:1%;}
.prolist .newsright ul.xwlist li{padding-bottom: 2%;margin-bottom: 2%;}
.prolist .newsright ul.xwlist li p.p_2{width: 56%;margin: 0 2%;}
.prolist .newsright ul.xwlist li p.p_1{ padding-top:30px;}
.xwnrright{width: 100%;border: 0;margin: 1% 0 2%;}
.xwnrright .xwtit{ padding:2% 1%;}
.xwnrright .xwtext{ padding:0 1% 2%;}
.xwnrright .xwtext span{width: 98%;margin: 2% auto 0;padding: 1%;height: auto;}
.xwnrright .xwtext p{ padding:1% 0;}
.prenext{ width:98%; padding:0 1%;}
.prenext span{width: 48%;padding: 1%;}
.about{ width:98%; padding:3% 0;}
.about .abttit{padding: 2% 0;}
.about .abtbox1 p{ padding:0;}
.about .abtbox1 .abtln{ padding:2% 0;}
.about .abtbox1 .abtln img{ width:50%; height:auto;}
.about .abtbox1 .abtln ul{width: 46%;padding: 1% 2%;height: 28.6vw;}
.about .abtbox1 .abtln ul li span{ padding: 0 0 1%; font-size:20px;}
.about .abtbox1 .abtln ul li p{line-height: 22px;font-size: 15px;padding: 0 0 1.5vw 0;}
.about .abtbox2{padding: 3% 0 0;}
.about .abtbox2 p{ padding:0;}
.about .abtbox2 ul{ padding:2% 0;}
.about .abtbox2 ul li{width: 19.2%;margin-right: 1%; text-align:center;}
.about .abtbox2 ul li img{ width:125px; height:auto;}
.about .abtbox2 ul li p{ padding:3% 0;}
.lxwm{ width:100%; margin:0 auto 1%;}
.lxwm .lxl{ width:98%; padding:3% 1%;}
.lxwm .lxl .bdtj{ margin-top:2%;}
.lxwm .lxl .bdtj>form>p{ width:49%; margin: 0 2% 1% 0;}
.lxwm .lxl .bdtj>form>p>input{ width:96%; padding:0 2%;}
.lxwm .lxl .bdtj>form>p span.spa{ padding-left:2%;}
.lxwm .lxl .bdtj>form>p.xuqiu{ width:100%;}
.lxwm .lxl .bdtj>form>p>textarea{ width:98%; padding:1%;}
.lxwm .lxl .bdtj>form>p.sub{ margin:3% auto 0;}
.lxwm .lxr{ display:none;}


.return{display: block !important;bottom: 11vw;}
.social_nav1{height: auto;position:fixed;bottom:0;min-width:320px;width:100%;z-index:999;background: #0059bb;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(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:360px !important;}
.products .cpbox1 .cpboxr{ padding:2% 0 0;}
.products .cpbox1 .cpboxr p{ font-size:15px; line-height:25px;}
.news .jszl .jszlnr p.p_2{ width:57%;}
.banner1{height: 370px !important;}
.prolist .newsright ul.xwlist li p.p_2{ width:48%;}
.about{ padding:2% 0;}
.about .abttit{ font-size:20px;}
.about .abtbox1 p{ font-size:15px; line-height:26px;}
.about .abtbox1 .abtln{ padding:2% 0 0;}
.about .abtbox1 .abtln img{width: 92%;float: none;margin: 0 auto;display: block;}
.about .abtbox1 .abtln ul{ width:88%;float: none;margin: 0 auto; height:auto; padding:3% 2%;}
.about .abtbox1 .abtln ul li p{ padding:0 0 2% 0;}
.about .abtbox2 ul li img{ width:110px;}
.about .abtbox1 .abtln ul li span{ font-size:18px;}
.lxwm .lxtit{ font-size:20px;}
.lxwm .lxl .bdtj>form>p.sub{ width:200px;}
.lxwm .lxl .bdtj>form>p.sub>button{ width:200px;}


}
@media only screen and (max-width: 640px) {
.banner{ height:315px !important;}
.hotcp ul li{ width:23.8%;}
.products .cpbox1 .cpboxr span.tit{ font-size:20px;}
.products .cpbox1 .cpboxr span.ms{ font-size:14px; line-height:22px;}
.products .cpbox1 .cpboxr a.more{ width:125px; height:28px; line-height:28px;}
.products .cpbox1 .cpboxr{ padding:0;}
.products .cpbox1 .cpboxr p{ font-size:14px;}
.news .jszl .jszlnr p.p_2{ width:50%;}
.banner1{height: 320px !important;}
.prolist .proright ul.cplist li span.more{ width:60%; height:25px; line-height:25px;}
.prolist .cpnrr .proimg{width: 95%;float: none;margin: 0 auto;}
.prolist .cpnrr .protxt{width: 95%;margin: 0 auto;float: none;overflow: hidden;padding-top: 3%;}
.prolist .newsright ul.xwlist li p.p_2{ width:41%;}
.about .abtbox1 .abtln img{ width:100%;}
.about .abtbox1 .abtln ul{ width:96%;}
.about .abtbox2 ul li img{ width:100px;}


}
@media only screen and (max-width: 560px) {
.banner{ height:270px !important;}
.hotcp ul{ margin:2% 1%;}
.hotcp ul li{ width:47.5%; margin:1%;}
.hotcp ul li.last{ margin-right:1%;}
.products .cpbox1 .cpboxl{ width:98%; margin:0 1%;}
.products .cpbox1 .cpboxr{ width:98%; margin:0 1%;}
.products .cpbox1 .cpboxr span.ms{ font-size:15px;}
.products .cpbox1 .cpboxr p{ font-size:15px;}
.products .cpbox1{ margin-bottom:4%;}
.news .jszl .jszlnr p.p_1{ display:none;}
.news .jszl .jszlnr p.p_2{ width:61%;}
.banner1{height: 275px !important;}
.prolist .cpnrr .cpart img{width: 100% !important;}
.prolist .newsright ul.xwlist li p.p_1{ display:none;}
.prolist .newsright ul.xwlist li p.p_2{ width:53%;}
.xwnrright .xwtext img{ width:100% !important;}
.about .abtbox2 ul li img{ width:90px;}
.about .abtbox2 ul li p{ font-size:15px;}
.lxwm .lxl .bdtj>form>p>input{ font-size:15px; line-height:35px;}
.lxwm .lxl .bdtj>form>p>textarea{ font-size:15px;}
.lxwm .lxl .bdtj>form>p.sub>button{line-height:35px;}


}
@media only screen and (max-width: 480px) {
.headbg{ margin-bottom:0;}
.head{ height:65px;}
.head .logo{ width:260px; padding-top:18px;}
.dl-menuwrapper{ top:13px;max-width:150px; right:5px;}
.dl-menuwrapper li a{ padding:7px 15px;font-size:15px;}
.dl-menuwrapper button{ width:40px; height:40px;}
.dl-menuwrapper .dl-menu{ margin:7px 0 0 0;}
.banner{ height:225px !important;}
.hotcp .hotcpl span{ font-size:18px;}
.hotcp .hotcpl p{ font-size:13px;}
.hotcp ul li{ width:47.4%;}
.products .cpbox1 .cpboxr span.tit{ font-size:18px;}
.products .cpbox1 .cpboxr a.more{ font-size:13px;}
.news .xw .xwtit span{ font-size:18px;}
.news .xw .xwtit p{ font-size:13px;}
.news .xw .xwnr span{ font-size:15px; padding:0;}
.news .jstit span{ font-size:18px;}
.news .jstit p{ font-size:13px;}
.news .jszl .jszlnr a img{ width:37%; height:auto;}
.news .jszl .jszlnr p.p_2{ padding-top:2%;}
.news .jszl .jszlnr p span.tit2{ font-size:15px; height:25px; line-height:25px;}
.news .jszl .jszlnr p span.ms{ padding-top:1%; height:66px;}
.news .cjwt .cjwtnr{ padding:2%;}
.news .cjwt .cjwtnr .qa span{ font-size:15px; height:25px; line-height:25px; padding-left:35px;}
.news .cjwt .cjwtnr .qa p{ height:38px; line-height:19px; padding-left:35px;}
.gywm .gytit{ font-size:18px;}
.gywm p{ font-size:15px; line-height:25px;}
.gywm span{ font-size:16px;}
.gywm a.more{ width:120px; height:28px; line-height:28px;}
.banner1{height: 230px !important;}
.prolist .proright ul.cplist li{ width:48%;}
.pages ul li span{padding: 0 8px;margin: 0 3px;font-size: 16px;}
.pages ul li a{padding: 0 8px;margin: 0 3px;font-size: 16px;}
.prolist .proright ul.cplist li span.more{width: 55%;height: 22px;line-height: 22px;}
.prolist .cpnrr .proimg{ width:100%;}
.prolist .cpnrr .protxt{ width:100%;}
.prolist .cpnrr .protxt h1{ font-size:18px;}
.prolist .cpnrr .protxt p.zx span{ font-size:14px;}
.prolist .cpnrr .cpart .cpms span.tit{ font-size:18px;}
.prolist .cpnrr .cpart .cpms span.tit1{ font-size:14px;}
.prolist .newsright ul.xwlist li a img{ width:41%; height:auto;}
.prolist .newsright ul.xwlist li p.p_2{ width:57%; margin:0; padding-top:0;}
.prolist .newsright ul.xwlist li span.tit2{ font-size:15px;}
.prolist .newsright ul.xwlist li p span.ms{ padding-top:1%; height:66px;}
.return{width: 35px;}
.return a.dingbu2{width: 35px;height: 35px;background: rgb(0 89 187 / 60%);}
.return a.dingbu2 .fhdb1{ width:35px; height:35px;}
.prenext span{ width:98%; padding:0 1%;}
.xwnrright .xwtit h1{font-size: 18px;line-height: 26px;}
.xwnrright .xwtext p{ font-size:14px; line-height:26px;}
.prenext span{ font-size:14px; line-height:26px;}
.about .abttit{ font-size:18px;}
.about .abtbox1 .abtln ul li span{ font-size:16px;}
.about .abtbox2 p{ font-size:15px; line-height:26px;}
.about .abtbox2 ul li{width: 31.3%;margin: 1%;}
.about .abtbox2 ul li img{ width:100px;}
.lxwm .lxtit{ font-size:18px;}
.lxwm .lxl .bdtj>form>p{ width:100%; margin:0 0 2% 0;}
.lxwm .lxl .bdtj>form>p>textarea{ padding:1% 2%;}
.lxwm .lxl .bdtj>form>p.sub{ width:35%;}
.lxwm .lxl .bdtj>form>p.sub>button{ width:100%; font-size:15px;}

.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){
.banner{ height:180px !important;}
.hotcp ul li{ width:47.3%;}
.news .xw .xwnr{ padding:5% 2%;}
.news .xw .xwnr img{ width:36%;}
.news .xw .xwnr span{ width:61%; line-height:25px;}
.news .xw .xwnr p{ width:61%; line-height:20px;}
.news .jszl .jszlnr{ padding:5% 2%;}
.news .jszl .jszlnr p.p_2{ padding-top:0;}
.news .jszl .jszlnr p span.ms{ padding-top:0;}
.news .cjwt .cjwtnr{ padding:5% 2%;}
.hotcp .hotcpl span{ font-size:16px; line-height:25px;}
.hotcp .hotcpl p{ line-height:25px;}
.news .xw .xwtit span{ font-size:16px; line-height:25px;}
.news .xw .xwtit p{ line-height:25px;}
.news .jstit span{ font-size:16px; line-height:25px;}
.news .jstit p{ line-height:25px;}
.banner1{height: 180px !important;}
.prolist .newsright ul.xwlist li span.tit2{ height:25px; line-height:25px;}
.about .abtbox2 ul li img{ width:90px;}

}