@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: #334454;}
.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;}
.headbg{ background:none;}
.head{ width:98%; height:75px;}
.head .logo{ width:225px; padding-top:7px;}
.head ul{ display:none;}
.dl-menuwrapper{ display:block !important;}
.banner-box{ width:100%; min-width:320px; height:360px;}
.banner-box .bd{ height:360px;}
.banner-box .bd li{ background-size:auto 100% !important; height:360px !important;}
.banner-btn{width: 64px;margin: 0;left: 46%;top: initial;bottom: 15px;}
.banner-btn a.prev{ display:none;}
.banner-btn a.next{ display:none;}
.banner-box .hd{position: initial;}
.yyfwbg{height: auto;background: none;}
.yyfw{ width:100%; margin:0 auto;}
.yyfw .fwtit{width: 100%;height: auto;margin: 0;background: none;}
.yyfw .fwtit p{ padding:3% 1% 1%;}
.yyfw .fwtit p span{padding: 0;text-align: center;font-size: 14px;color: #595959;font-weight: normal; line-height:30px;}
.yyfw .fwtit p span.tit{text-align: center;padding: 0;font-size: 28px;color: #002060;font-weight: bold;}
.yyfw ul{width: 98%;padding: 1%;float: none;margin: 0 auto;box-shadow: initial;}
.yyfw ul li.hy{ display:none;}
.yyfw ul li{width: 18%;float: left;margin: 2% 1%;}
.yyfw ul li img{ float:none; margin:0 auto;}
.yyfw ul li span{padding: 8% 0 2%;text-align: center;float: none;font-size: 20px;}
.yyfw ul li p{ padding-top:2%;}
.yyfw ul li.last{ margin-right:1%;}
.probg{height: auto;background-size: auto 100%;}
.product{ width:98%;}
.title{ margin:3% auto 2%;}
.title p{ line-height:30px;}
.title p strong{ font-size:28px;}
.product ul{ padding-bottom:0;}
.product ul li{padding: 1%;width: 30.6%;margin-right: 1%;}
.product ul li img{ width:100%; height:auto;}
.product ul li p{ font-size:18px; padding:5% 0;}
.product ul li a{line-height: 25px;height: 25px;width: 100px;margin-bottom: 2%;}
.product .gd{margin: 3% auto;height: 35px;line-height: 35px;width: 120px;}
.sbys{ width:98%; overflow:hidden; margin-bottom:2%;}
.sbys img.img1{margin: 0;width: 49%;height: auto;float: left;}
.sbys img.img2{ display:none;}
.sbys ul{margin: 0;padding: 0;width: 51%;float: right;}
.sbys ul li{width: 100%;position: initial;overflow: hidden;margin: 3% 0;}
.sbys ul li span{ width:80%;}
.sbys ul li p{ width:80%;}
.sbys ul li.ys3{ float:none;}
.abtbg{height: auto;background-size: auto 100%;}
.abt{width: 98%;padding: 3% 0;}
.abt .abtl{background: #334454;padding: 0;width: 49%;}
.abt .abtl img{width: 96%;border: 0;padding: 2%;}
.abt .abtr{ width:49%; padding:0;}
.abt .abtr .abttit{font-size: 18px;padding-bottom: 1%;line-height: 35px;}
.abt .abtr .abttit span{ line-height:30px;}
.abt .abtr p{ padding:1% 0; line-height:25px;}
a.gd{margin: 1% 0 0;height: 35px;line-height: 35px;}
.xwzx{ width:98%;}
.xwzx .xwnr{ padding:0 0 2%;}
.xwzx .xwnr .xwnrl{ width:50%;}
.xwzx .xwnr .xwnrl ul li{ padding:1% 0;}
.xwzx .xwnr .xwnrl ul li p.p_1{ width:90px; height:80px; margin-right:2%;}
.xwzx .xwnr .xwnrl ul li p span.d{ font-size:28px; width:90px;}
.xwzx .xwnr .xwnrl ul li p span.ym{ width:90px;}
.xwzx .xwnr .xwnrl ul li p.p_2{ width:74%; padding:0;}
.xwzx .xwnr a.gd{ margin-top:2%;}
.xwzx .xwnr .xwnrr{ width:49%;}
.xwzx .xwnr .xwnrr img{ width:100%;}
.ftbg{ display:none;}
.bqbg{ display:none;}
.banner{height: 190px !important;background-size: auto 100% !important;}
.mbxbg .mbx{ width:98%;}
.prolist{width: 98%;padding: 1% 0;}
.prolist ul.pro li{padding: 1%;width: 30.4%;margin: 1% 1% 1% 0;}
.prolist ul.pro li img{ width:100%; height:auto;}
.prolist ul.pro li:hover img.gdbg{ display:none;}
.prolist ul.pro li p{font-size: 18px;padding: 5% 0 4%;}
.prolist ul.pro li a.more{width: 35%;height: 25px;line-height: 25px;}
.pages{ padding:3% 0 1%;}
.cptj{ padding-top:3%;}
.cptj .tjtit span{height: 45px;line-height: 45px;width: 185px;}
.cptj ul{ padding:2% 0 0;}
.cptj ul li{width: 24.2%;margin-right: 1%;}
.cptj ul li img{ width:100%; height:auto;}
.cptj ul li p{height: 40px;line-height: 40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0 1%;}
.proatc .proatcl{ display:none;}
.proatc .proatcr{ width:100%; border:0;}
.proatc .proatcr .atctit{ padding:2% 0;}
.proatc .proatcr .atctit h1{ padding:0 2% 1%;}
.proatc .proatcr .atctit span{ padding:0 2%;}
.proatc .proatcr .pronr{ padding:1% 2%;}
.proatc .proatcr .pronr p{ padding:1% 0;}
.proatc .proatcr .pronr img{ width:600px !important; height:auto !important;}
.proatc .proatcr .prenext{ margin:1% 0;}
.proatc .proatcr .prenext span{ margin:1% 0 0; padding:0 2%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.proatc .proatcr .prenext span a{display: initial;float: none;}
.mbxbg .mbx ul{ display:none;}
.newslist ul.news{ margin-bottom:1%;}
.newslist ul.news li.xwimg{ display:none;}
.newslist ul.news li{ padding:2% 0; margin:0 1%; width:auto;width:auto !important; float:none !important;}
.newslist ul.news li p.p_1{ margin-right:2%;}
.newslist ul.news li p.p_2{width: 85% !important;}
.newslist ul.news li.xwlist1 p.p_2, .newslist ul.news li.xwlist2 p.p_2, .newslist ul.news li.xwlist3 p.p_2{ width:85%;}
.zxtj{padding: 0;margin-top: 3%;border: 0;background: none;}
.zxtj .xwtj{ width:49%;}
.tjtitle span{width: 125px;height: 40px;line-height: 40px; font-size:18px;}
.zxtj .xwtj ul{ padding:2% 0;}
.zxtj .xwtj ul li p{ width:68%;}
.about{ width:98%;}
.about .box1{ padding:2% 0 1%;}
.about .box1 .box1l{ width:100%;}
.about .box1 .box1l .boxtit1{ font-size:50px;}
.about .box1 .box1l .hx{ margin:1% 0;}
.about .box1 .box1l span{ font-size:28px;}
.about .box1 .box1l p{ padding:1% 0;}
.about .box1 .box1r{ width:100%; padding-top:1%; font-size:16px;}
.about .box2{ margin:1% 0;}
.about .box2 .box2l{ width:50%;padding: 8% 0;height: 160px;background-image: none;}
.about .box2 .box2l p{ padding:1% 3%;}
.about .box2 .box2r{ width:50%;padding: 8% 0;height: 160px;background-image: none;}
.about .box2 .box2r p{ padding:1% 3%;}
.about .box3{ padding:2% 0;}
.about .box3 .box3r{ width:50%;}
.about .box3 .box3r img{width: 96%;height: auto;border: 0;background: #334454;padding: 2%;}
.about .box3 .box3l{ width:49%; padding:2% 0;}
.about .box3 .box3l p{ padding:1% 0; font-size:16px;}
.banner1{height: 390px !important;background-size: auto 100% !important;}
.gyys{ width:98%; padding:2% 0;}
.fstmtit{background-size: auto 80%;width: 320px;}
.fstmtit i{padding: 5px 0 0 65px;}
.fstmtit p{font-size: 26px;padding: 2px 0 0 65px;}
.gyys .ysnr{ padding:2% 0 1%;}
.gyys .ysnr .ysimg{ width:42%;}
.gyys .ysnr .ysimg img{ width:100%; height:auto;}
.gyys .ysnr .yscs{width: 57%;margin-right: 0;padding: 0;}
.gyys .ysnr .yscs .cstit span{ display:none;}
.gyys .ysnr .yscs .csnr{ padding:2% 0 0;}
.gyys .ysnr .yscs .csnr p{ width:100%;}
.gyys .ysnr .yscs .csnr ul{padding: 2% 0;margin: 3% 0 0;}
.gyys .ysnr .yscs .csnr ul li{width: 14.6%;margin: 0 1%;}
.gyys .ysnr .yscs .csnr ul li img{ width:95%; height:auto;}
.gyys .ysnr .yscs .csnr ul li span{ font-size:14px;}
.gyylbg{background-size: auto 100%;height: auto;background-position-y: top;}
.gyyl{width: 98%;padding: 3% 0 0;}
.gyyl img{width: 100%;height: auto;padding: 3% 0;}
.yylybg{background-size: auto 100%;height: auto;background-position-y: top;}
.yyly{ width:98%; padding:3% 0;}
.yyly ul{ width:100%; padding:2% 0 1%;}
.yyly ul li{ width:21%; margin:0 2%; height:48vw;}
.yyly ul li.ly1 img{ width:100%; height:auto;}
.yyly ul li img{ width:100%; height:auto;}
.yyly ul li p{line-height: 5vw;height: 10vw; padding-top:7vw; font-size:18px;}
.yyly ul li span{position: initial;margin: 0 auto;}
.yyly .ysnr{ padding:1% 2% 0;}
.jbyl{width: 98%;padding: 3% 0 1%;}
.jbyl .jbylnr{ padding-top:3%;}
.jbyl .jbylnr img{ width:89%; height:auto;}
.jbyl .jbylnr p{padding: 2% 2% 0;}
.jbyl .jbylnr p br{ 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: #334454;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-box{ height:305px;}
.banner-box .bd{ height:305px;}
.banner-box .bd li{ height:305px !important;}
.banner-btn{ left:45%;}
.yyfw .fwtit p span.tit{ font-size:24px;}
.yyfw ul li p{ line-height:22px;}
.yyfw ul li img{ width:60px;}
.yyfw ul li span{ font-size:18px;}
.title p strong{ font-size:24px;}
.sbys img.img1{width: 497px;float: none;margin: 0 auto;}
.sbys ul{ width:100%;}
.sbys ul li span{ width:88%;}
.sbys ul li p{ width:88%;}
.abt .abtl{ width:50%;}
.abt .abtr .abttit{ font-size:16px; line-height:25px;}
.abt .abtr .abttit span{ font-size:28px;}
.abt .abtr p{ line-height:22px;}
a.gd{ height:30px; line-height:30px;}
.xwzx .xwnr .xwnrl{ width:100%; float:none;}
.xwzx .xwnr .xwnrl ul li p.p_2{ width:83%;}
.xwzx .xwnr .xwnrr{ display:none;}
.banner{height: 160px !important;}
.prolist ul.pro li{ width:30.3%;}
.prolist ul.pro li p{ font-size:16px;}
.prolist ul.pro li a.more{ width:45%;}
.pages ul li span{ font-size:16px; margin:0 2px;}
.pages ul li a{ font-size:16px;}
.cptj .tjtit span{ font-size:18px; height:40px; line-height:40px;}
.cptj ul li p{ height:35px; line-height:35px; font-size:15px;}
.newslist ul.news li p.p_2{width: 82% !important;}
.newslist ul.news li.xwlist1 p.p_2, .newslist ul.news li.xwlist2 p.p_2, .newslist ul.news li.xwlist3 p.p_2{ width:82%;}
.zxtj .xwtj{ width:100%;}
.zxtj .xwtj ul li p{ width:81%;}
.about .box1 .box1l .boxtit1{ font-size:40px;}
.about .box1 .box1l span{ font-size:24px;}
.about .box1 .box1l p{ font-size:22px;}
.about .box1 .box1r{ font-size:15px; line-height:30px;}
.about .box2 .box2l p{ font-size:16px;}
.about .box2 .box2r p{ font-size:16px;}
.about .box3 .box3r{ width:54%;}
.about .box3 .box3l{ width:45%; padding:0;}
.about .box3 .box3l p{ font-size:15px; line-height:28px;}
.banner1{height: 320px !important;}
.fstmtit{height: 60px;width: 280px;}
.fstmtit i{ font-size:13px; padding:5px 0 0 55px;}
.fstmtit p{ font-size:22px; padding:2px 0 0 55px;}
.gyys .ysnr{position: relative;padding: 2% 0 18vw;}
.gyys .ysnr .ysimg{ width:46%;}
.gyys .ysnr .yscs{ width:52%;}
.gyys .ysnr .yscs .cstit p{ font-size:24px;}
.gyys .ysnr .yscs .csnr ul{position: absolute;bottom: 0;width: 100%;}
.gyys .ysnr .yscs .csnr ul li img{ width:74px;}
.gyys .ysnr .yscs .csnr ul li span{ display:block; font-size:15px;}
.yyly ul li{width: 23%;margin: 0 1%;height: 51vw;}
.yyly ul li p{ font-size:16px;}
.yyly .ysnr{ font-size:15px; line-height:24px;}
.jbyl .jbylnr p{ font-size:15px; line-height:24px;}

}
@media only screen and (max-width: 640px) {
.banner-box{ height:265px;}
.banner-box .bd{ height:265px;}
.banner-box .bd li{ height:265px !important;}
.banner-btn{ left:44%;}
.yyfw ul li{ width:31.3%;}
.yyfw ul li p{ height:88px;}
.sbys ul li span{ width:86%;}
.sbys ul li p{ width:86%;}
.abt .abtl{width: 500px;float: none;margin: 0 auto;}
.abt .abtr{ width:100%; padding:3% 0 1%;}
.xwzx .xwnr .xwnrl ul li p.p_2{ width:81%;}
.banner{height: 140px !important;}
.proatc .proatcr .pronr img{ width:99% !important;}
.newslist ul.news li p.p_2{width: 80% !important;}
.newslist ul.news li.xwlist1 p.p_2, .newslist ul.news li.xwlist2 p.p_2, .newslist ul.news li.xwlist3 p.p_2{ width:80%;}
.zxtj .xwtj ul li p{ width:79%;}
.about .box3 .box3r{width: 549px;float: none;margin: 0 auto;}
.about .box3 .box3l{ width:100%; padding:2% 0 0;}
.banner1{height: 280px !important;}
.gyys .ysnr{padding: 2% 0 21vw;}
.gyys .ysnr .yscs .cstit p{ font-size:22px;}
.gyys .ysnr .yscs .csnr p{ line-height:26px;}
.gyys .ysnr .ysimg{ width:42%;}
.gyys .ysnr .yscs{ width:57%;}


.return{width: 35px;}
.return a.dingbu2{width: 35px;height: 35px;background: rgb(51 68 84 / 0.6);}
.return a.dingbu2 .fhdb1{ width:35px; height:35px;}

}
@media only screen and (max-width: 560px) {
.banner-box{ height:230px;}
.banner-box .bd{ height:230px;}
.banner-box .bd li{ height:230px !important;}
.banner-btn{ left:43%;}
.product .gd{ width:100px; height:30px; line-height:30px;}
.sbys img.img1{ width:470px;}
.sbys ul li span{ width:84%;}
.sbys ul li p{ width:84%;}
.abt .abtl{ width:470px;}
.xwzx .xwnr .xwnrl ul li p.p_2{ width:78%;}
.prolist ul.pro li{ width:45.5%;margin: 1%;}
.prolist ul.pro li:nth-child(3n){ margin-right:1%;}
.cptj ul li{ width:48%; margin:1%;}
.banner{height: 120px !important;}
.proatc .proatcr .pronr img{ width:100% !important;}
.newslist ul.news li p.p_2{width: 77% !important;}
.newslist ul.news li.xwlist1 p.p_2, .newslist ul.news li.xwlist2 p.p_2, .newslist ul.news li.xwlist3 p.p_2{ width:77%;}
.zxtj .xwtj ul li p{ width:75%;}
.about .box2 .box2l{ width:100%; height:auto;}
.about .box2 .box2r{ width:100%; height:auto;}
.about .box3 .box3r{ width:100%;}
.banner1{height: 240px !important;}
.gyys .ysnr{ padding:2% 0;}
.gyys .ysnr .ysimg{ width:90%; float:none; margin:0 auto;}
.gyys .ysnr .yscs{ width:100%; padding-top:3%;}
.gyys .ysnr .yscs .csnr ul{position: initial;}


}
@media only screen and (max-width: 480px) {
.head{ height:65px;}
.head .logo{ width:215px; padding-top:4px;}
.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-box{ height:190px;}
.banner-box .bd{ height:190px;}
.banner-box .bd li{ height:190px !important;}
.banner-btn{ left:42%;}
.yyfw .fwtit p span{ line-height:25px;}
.yyfw .fwtit p span.tit{ font-size:20px;}
.yyfw ul li{ width:46%; margin:2%;}
.yyfw ul li span{ font-size:16px;}
.title p{ line-height:25px;}
.title p strong{ font-size:20px;}
.product ul li{ width:46%; margin:1%;}
.product ul li.cp3{ margin:1%;}
.product ul li.cp4{ display:block;}
.product ul li p{ font-size:16px;}
.sbys img.img1{ width:100%;}
.sbys ul li span{ font-size:15px; width:80%;}
.sbys ul li p{ width:80%;}
.abt .abtl{ width:100%;}
.xwzx .xwnr .xwnrl ul li p.p_1{ width:75px; height:75px;}
.xwzx .xwnr .xwnrl ul li p span.d{ font-size:24px; width:75px;}
.xwzx .xwnr .xwnrl ul li p span.ym{ width:75px;}
.xwzx .xwnr .xwnrl ul li p span.tit2{ font-size:15px;height: 30px;line-height: 30px;}
.banner{height: 100px !important;}
.prolist ul.pro li{ width:45.4%;}
.prolist ul.pro li p{ font-size:14px;}
.prolist ul.pro li a.more{ height:22px; line-height:22px; font-size:13px;}
.mbxbg .mbx p{ padding:2% 0; line-height:20px;}
.cptj .tjtit span{font-size: 16px;height: 35px;line-height: 35px;width: 140px;}
.cptj ul li p{height: 30px;line-height: 30px;font-size: 14px}
.prolist ul.pro li a.more{ margin-bottom:2%;}
.proatc .proatcr .atctit h1{ font-size:16px;}
.proatc .proatcr .pronr p{ font-size:14px; line-height:25px;}
.newslist ul.news li p.p_2{width: 73% !important;}
.newslist ul.news li.xwlist1 p.p_2, .newslist ul.news li.xwlist2 p.p_2, .newslist ul.news li.xwlist3 p.p_2{ width:73%;}
.newslist ul.news li p span.tit2{ font-size:15px; height:25px; line-height:25px; padding-bottom:0;}
.newslist ul.news li p span.ms{ height:66px;}
.zxtj .xwtj ul li p{ width:93%;}
.zxtj .xwtj ul li span{ display:none;}
.tjtitle span{width: 100px;height: 35px;line-height: 35px;font-size: 16px;}
.about .box1 .box1r{ line-height:28px;}
.about .box2 .box2l p{ line-height:28px;}
.about .box2 .box2r p{ line-height:28px;}
.banner1{height: 200px !important;}
.fstmtit{ width:255px; height:55px;}
.fstmtit i{ font-size:12px;padding: 3px 0 0 48px;}
.fstmtit p{ font-size:20px;padding: 2px 0 0 48px;}
.gyys .ysnr .yscs .cstit p{ font-size:20px;}
.gyys .ysnr .yscs .csnr ul li{ width:31.3%; margin:1%;}
.gyys .ysnr .yscs .csnr ul li img{ width:85px;}
.yyly ul li p{line-height: 7vw;height: 11vw;padding-top: 6vw; font-size:15px;}
.yyly ul li span{ width:25px;}
.yyly .ysnr{font-size: 14px;line-height: 20px;padding: 1% 0 0;}


.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-box{ height:150px;}
.banner-box .bd{ height:150px;}
.banner-box .bd li{ height:150px !important;}
.banner-btn{ left:41%;}
.yyfw ul li span{ font-size:15px;}
.sbys ul li span{ width:76%;}
.sbys ul li p{ width:76%;}
.xwzx .xwnr .xwnrl ul li p.p_2{ width:74%;}
.banner{height: 80px !important;}
.prolist ul.pro li{ width:45.3%;}
.prolist ul.pro li a.more{height: 20px;font-size: 13px;line-height: 20px;}
.pages ul li span{ font-size:14px; padding:2px 8px;}
.pages ul li a{ font-size:14px; padding:2px 8px;}
.newslist ul.news li p.p_2{width: 67% !important;}
.newslist ul.news li.xwlist1 p.p_2, .newslist ul.news li.xwlist2 p.p_2, .newslist ul.news li.xwlist3 p.p_2{ width:67%;}
.banner1{height: 160px !important;}
.gyys .ysnr .yscs .csnr ul li img{ width:74px;}
.gyys .ysnr .ysimg{ width:100%;}
.yyly ul li{ width:24%; margin:0 0.5%;height: 52vw;}
.yyly ul li p{ font-size:13px;}
.jbyl .jbylnr p{ font-size:14px; line-height:20px;}

}
.pages ul{ padding:0;}
.pages ul li{ width:auto; margin:0; border:0;}
.pages ul li:hover{ border:0;}
.pages ul li:nth-child(n){ margin:0;}