@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: #476cb3;}
.dl-menuwrapper li a{border-top: 1px solid #5886df;border-bottom: 1px solid #365185;color: #fff !important;font-size: 16px !important;margin: 0 !important;}
.head{ width:98%; height:77px;}
.head .logo{ margin-top:12px;}
.head ul.nav{ display:none;}
.head .ss{ display:none;}
.banner{height: 400px !important;background-size: auto 100% !important;}
.abt{ width:98%;}
.abt .abtl{ width:100%; margin:0; float:none;}
.abt .abtl .jstit{ padding:4% 0 2%;}
.abt .abtl .jstit span{padding: 0 0 0 20%;font-size: 100px;text-align: left;}
.abt .abtl .jstit p{ font-size:34px;}
.abt .abtl p.a1{width: 100%;padding-bottom: 2%;}
.abt .abtl a{ margin:1% 0 0;}
.abt .abtr{padding-top: 81px;text-align: center;float: none;margin: 0 auto;}
.abt .abtr span.video{ top:108px;}
.ysbg{height: auto;}
.ysbg .youshi{ width:98%; padding-top:2%;}
.ysbg .youshi .ystit{ padding:5% 0 2%;}
.ysbg .youshi .ystit p{ font-size:34px; padding-bottom:2%;}
.ysbg .youshi ul{ padding:2% 0 4%;}
.ysbg .youshi ul li{ width:23%; margin:3% 1%;}
.ysbg .youshi ul li img{ width:130px; height:auto;}
.ysbg .youshi ul li span{ padding:8% 0 5%;}
.solution-content{width: 100%;padding: 4% 0;}
.solution-item ul li .prol{width: 98%;padding: 3% 1%;float: none;}
.solution-item ul li .prol .cptit p{ font-size:34px;}
.solution-item ul li .prol span{ padding:2% 0 1%;}
.solution-item ul li .prol p{ line-height:28px;}
.solution-item ul li .prol a{ margin:2% 0 0;}
.solution-item ul li .pror{ float:none; margin:0 auto;}
.solution-item ul li .pror img{ width:100%; height:auto;}
.xwzx{ width:100%;}
.xwzx .xwtit{ padding:3% 0 1%;}
.xwzx .xwtit p{ font-size:34px;}
.xwzx ul{ padding:0 0 4%;}
.xwzx ul li{ width:31.3%; margin:0 1%;}
.xwzx ul li img{ width:100%; height:auto;}
.xwzx ul li span{width: 96%;padding: 4% 2% 2%;}
.xwzx ul li span.time{padding: 16px 2% 0;background-size: 40px;}
.xwzx ul li p{margin: 0 2% 4%;padding: 0;}
.casebg{ height:auto;}
.case{ width:98%;}
.case .altit{padding: 6% 0 3%;}
.case .altit span{ font-size:100px; padding:0 0 0 20%;}
.case .altit p{ font-size:34px;}
.case .altit a{ margin-top:-45px;}
.case ul{ padding:0 0 2%;}
.case ul li{width: 31.3%;margin: 0 1% 2%;}
.case ul li img{width:100%;height:auto;}
.case ul li .alnr{position: relative;display: block;padding: 2% 2%;background-image: none;width: auto;height: auto;}
.case ul li .alnr span{padding:1% 0 2%;text-align: left;}
.case ul li .alnr p{ text-align:left;}
.ftbg{ display:none;}
.linkbg{ display:none;}
.banner1{ height:305px !important; background-size:auto 100%!important;}
.mbx p{ width:100%; padding:2% 0;}
.prolist{ width:98%; padding:3% 0 2%;}
.prolist ul.pdt li{width: 32.6%;margin: 0 1% 2% 0;}
.prolist ul.pdt li img{ width:100%;}
.prolist ul.pdt li:hover img.gd1{ display:none;}
.prolist ul.pdt li .pdttit{display:block;position: initial;width: 100%;height: auto;padding: 4% 0;background: linear-gradient(to left,#57509a,#4082ab);}
.prolist ul.pdt li p{ padding:0 2%;}
.prolist ul.pdt li span{ padding:1% 2% 0; font-size:15px;}
.pages ul{ margin:2% 0;}
.pages ul li span{ width:35px; height:35px; line-height:35px; border-width:1px;}
.pages ul li a{width:35px; height:35px; line-height:35px; border-width:1px;}
.pages ul li.thisclass a{border-width:1px;}
.proatc{ width:98%; padding:4% 0;}
.proatc .box1{ padding:0 0 2%;}
.proatc .proimg{ float:none; margin:0 auto;}
.proatc .protxt{ width:98%; margin:2% auto; float:none;}
.proatc .protxt h1{ padding:2% 0 1%;}
.proatc .protxt p{ padding:2% 0 1%;}
.proatc .protxt a.zx{ margin:4% 0 0;}
.navbg{ display:none;}
.proatc .protext{ padding:0 1%;}
.proatc .protext #xtjj{ padding:4% 0 2%;}
.proatc .protext #xtys{ padding:2% 0;}
.proatc .protext #csbz{ padding:2% 0;}
.proatc .protext #yxcs{ padding:2% 0 4%;}
.newslist{ width:100%; padding-bottom:2%;}
.newslist ul.news{ padding-bottom:3%;}
.newslist ul.news li{margin: 3% 1% 0;border-radius: initial;}
.newslist ul.news li:hover{background: none;}
.newslist ul.news li a{ background:none;}
.newslist ul.news li:hover a{ background:none;}
.newslist ul.news li img{ width:30%; height:auto;}
.newslist ul.news li .newstit{width: 66%;padding: 5% 2% 0; height:auto;}
.newslist ul.news li .newstit span{width: 79%;}
.newslist ul.news li:hover .newstit span{color: #080808;}
.newslist ul.news li .newstit span.time{  width:100px;}
.newslist ul.news li:hover .newstit span.time{ color:#8a8a8a;}
.newslist ul.news li .newstit p{padding: 0;margin: 2% 0;}
.newslist ul.news li:hover .newstit p{ color:#767676;}
.newsatc{ padding:2% 0;}
.newsatc_left{ width:100%; padding:0;}
.newsatc_left h1{ padding:2% 0;}
.newsatc_left span.xx{ margin-bottom:2%;}
.newsatc_left .article p{ padding:1% 0;}
.newsatc_right{ display:none;}
.about{ width:98%; padding:5% 0 4%;}
.about .ab_l{ float:none; margin:0 auto;}
.about .ab_l img{ width:100%; height:auto;}
.about .ab_r{ width:100%; padding:2% 0 0;}
.about .ab_r .abttit{ padding-bottom:2%;}
.about .ab_r .abttit p{text-align: left;padding: 0 0 0 150px;line-height: 110px;}
.about .ab_r .abttit span{font-size: 34px;margin: -50px 0 0 0;}
.ppys{ width:98%; padding:4% 0;}
.ppys img{ float:none; display:block; margin:0 auto;}
.ppys ul{width: 100%;background: none;float: none;margin: 3% 0 0;}
.ppys ul li{ text-align:left; margin:0 0 3% 0;}
.ppys ul li span{ padding:0 0 1% 0;}
.jzxys{width: 98%;padding: 4% 0;}
.jzxys .jzxysr{ float:none; margin:0 auto;}
.jzxys .jzxysr img{ width:100%; height:auto;}
.jzxys .jzxysl{width: 100%;float: none;margin: 2% 0 0;background-image: none;}
.jzxys .jzxysl p{ padding:3% 2%;}
.jjfa{ width:98%; padding:4% 0;}
.jjfa .jjfal{ float:none; margin:0 auto;}
.jjfa .jjfal img{ width:100%; height:auto;}
.jjfa .jjfar{width: 100%;float: none;margin: 2% 0 0;background-image: none;}
.jjfa .jjfar p{ padding:3% 2%;}
.contact{ width:98%;padding: 4% 0;}
.dzdh{ width:100%;}
.dzdh ul li{width: 29.6%;padding: 3% 1% 3% 2%;margin: 0 1% 0 0;}
.dzdh ul li p{padding:2% 0 0 2%;height: 8vw;}
.dzdh ul li.gsdz{ background-image:none;}
.dzdh ul li.lxdh{ background-image:none;}
.dzdh ul li.gswz{ background-image:none; margin-right:0;}
.lxfsbg{width: 96%;padding: 2%;margin: 2% 0;}
.lxfsbg form{ float:none;}
.lxfsbg .lxtit{ padding:0 0 2%;}
.lxfsbg form>p{width: 49%;margin: 0 2% 2% 0;}
.lxfsbg form>p>input{ width:98%; padding:0 1%;}
.lxfsbg form>p.xuqiu{ width:100%;}
.lxfsbg form>p>textarea{ width:98%; padding:1%;}



.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: #476cb3;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;}
.abt .abtl .jstit{padding: 3% 0 2%;}
.abt .abtl .jstit span{ font-size:70px; line-height:80px;}
.abt .abtl .jstit p{ font-size:30px; margin-top:-40px;}
.abt .abtl a{ width:160px; height:40px; line-height:40px;}
.abt .abtr{ width:600px; padding-top:40px;}
.abt .abtr img{ width:100%; height:auto;}
.abt .abtr span.video{ top:64px;}
.abt .abtr span.video video{ width:550px;}
.banner1{ height:265px !important;}
.newslist ul.news li .newstit{ padding:2%;}
.newslist ul.news li .newstit span{ width:100%;}
.newslist ul.news li .newstit span.time{ display:none;}
.newslist ul.news li .newstit p{ height:75px;}
.newsatc_left h1{ font-size:22px;}
.about .ab_r .abttit p{ font-size:70px; line-height:80px;}
.about .ab_r .abttit span{ font-size:30px; margin-top:-40px;}
.about .ab_r p{ line-height:26px;}
.dzdh ul li{ padding:3% 1%; width:30.6%;}
.dzdh ul li img{ float:none; margin:0 auto; display:block;}
.dzdh ul li p{float: none;text-align: center;padding: 5% 0 0;height: 12vw;}
.dzdh ul li p br{display:none;}
.dzdh ul li.lxdh p br{display:block;}
.lxfsbg form>p.sub{width: 40%;padding: 2% 0 1%;}
.lxfsbg form>p.sub>input{ width:98%; padding:0 1%;}


}
@media only screen and (max-width: 640px) {
.ysbg .youshi .ystit{ padding:8% 0 2%;}
.solution-item ul li .prol .cptit p{ font-size:30px;}
.solution-item ul li .prol a{ width:160px; height:40px; line-height:40px;}
.solution-item ul li .pror{ width:550px;}
.xwzx .xwtit p{ font-size:30px;}
.xwzx ul li span.time{ font-size:16px;}
.xwzx ul li span{ font-size:15px;}
.xwzx ul li p{ line-height:20px; height:60px; overflow:hidden;}
.abt .abtr{width: 540px;padding-top: 30px;}
.abt .abtr span.video{ left:23px;top:52px;}
.abt .abtr span.video video{ width:495px;}
.ysbg .youshi .ystit p{ font-size:30px;}
.case .altit span{font-size: 70px;line-height: 80px;}
.case .altit p{font-size: 30px;margin-top: -40px;}
.case .altit a{width: 160px;height: 35px;line-height: 35px;border-width: 2px;margin-top: -35px;}
.case ul li .alnr span{ font-size:16px;}
.case ul li .alnr p{ height:40px; line-height:20px;}
.banner1{ height:235px !important;}
.prolist{ width:100%;}
.prolist ul.pdt li{ width:48%; margin:0 1% 2%;}
.prolist ul.pdt li.cp9, .prolist ul.pdt li.cp12, .prolist ul.pdt li.cp3, .prolist ul.pdt li.cp6{ margin-right:1%;}
.proatc .proimg{ width:545px;}
.proatc .proimg img{ width:100%; height:auto;}
.proatc .protext img{ width:538px !important; height:auto !important;}
.proatc .protext p img{ width:538px !important; height:auto !important;}
.newslist ul.news li .newstit p{ line-height:22px; height:66px;}
.newsatc_left .article img{ width:546px!important;}

}
@media only screen and (max-width: 560px) {
.banner{height: 230px !important;}
.abt .abtr{width: 470px;padding-top: 20px;}
.abt .abtr span.video{ left:20px; top:39px;}
.abt .abtr span.video video{ width:430px;}
.ysbg .youshi ul li{ width:48%;}
.ysbg .youshi ul li p{ padding:0 5%; height:66px; overflow:hidden;}
.solution-item ul li .pror{ width:98%;}
.banner1{ height:200px !important;}
.proatc .proimg{ width:100%;}
.proatc .protxt h1{ font-size:20px; line-height:28px;}
.proatc .protxt span{ font-size:15px; line-height:25px;}
.proatc .protxt p{ line-height:25px;}
.proatc .protxt a.zx{width: 160px;background-size: 160px;height: 38px;margin: 3% 0 0;}
.proatc .protext span.protit{ font-size:18px; padding:1% 0 2%;}
.proatc .protext p{ font-size:14px; line-height:25px;}
.proatc .protext img{ width:100% !important;}
.proatc .protext p img{ width:100% !important;}
.newslist ul.news li .newstit span{ font-size:15px;}
.newslist ul.news li .newstit p{ margin:1% 0; height:60px; line-height:20px;}
.newsatc_left .article img{ width:100%!important;}
.about .ab_l{ width:100%;}
.about .ab_r .abttit p{ font-size:60px; line-height:70px;}
.about .ab_r .abttit span{ font-size:26px; margin-top:-35px;}
.ppys img{ width:100%; height:auto;}
.ppys ul li span{ font-size:20px;}
.jzxys .jzxysr{ width:100%;}
.jjfa .jjfal{ width:100%;}
.jzxys .jzxysl p{ line-height:26px;}
.jjfa .jjfar p{ line-height:26px;}
.lxfsbg .lxtit{ font-size:22px;}
.lxfsbg form>p>input{ line-height:35px; font-size:14px;}
.lxfsbg form>p>span{ line-height:35px; font-size:14px;}
.lxfsbg form>p>textarea{ font-size:14px;}
.dzdh ul li p{ font-size:13px;}

}
@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;}
.headbg{ border-top-width:3px; border-bottom-width:2px;}
.head{ height:55px;}
.head .logo{ width:150px; margin-top:9px;}
.abt .abtl .jstit span{font-size: 54px;line-height: 60px;}
.abt .abtl .jstit p{font-size: 22px;margin-top: -30px;padding-left: 60px;background-size: 56px;margin-left: 0;}
.abt .abtl p.a1{ line-height:25px;}
.abt .abtl a{width: 110px;height: 32px;line-height: 32px;font-size: 14px;}
.abt .abtr{ width:390px; padding-top:15px;}
.abt .abtr span.video{left: 17px;top: 31px;}
.abt .abtr span.video video{ width:358px;}
.ysbg .youshi{ padding-top:6%;}
.ysbg .youshi .ystit p{ font-size:22px;}
.ysbg .youshi ul li p{ padding:0;}
.solution-item ul li .prol .cptit p{ font-size:22px;}
.solution-item ul li .prol .cptit span{margin-top:10px;}
.solution-item ul li .prol p{ line-height:25px; font-size:14px;}
.solution-item ul li .prol span{ font-size:16px;}
.solution-item ul li .prol a{width: 110px;height: 32px;line-height: 32px;font-size: 14px;}
.xwzx .xwtit p{font-size:22px; }
.xwzx .xwtit span{ margin:10px auto;}
.xwzx ul li{ width:48%; margin:0 1% 2%;}
.xwzx ul li.last{ display:block;}
.casebg{background: #476cb3;}
.case .altit span{font-size: 54px;line-height: 60px;}
.case .altit p{font-size: 22px;margin-top: -30px;padding-left: 60px;background-size: 56px;margin-left: 0;}
.case .altit a{width: 110px;height: 30px;line-height: 30px;font-size: 14px;border-width: 1px;margin-top: -30px;}
.case ul li{ width:48%;}
.banner1{ height:170px !important;}
.prolist ul.pdt li p{ font-size:15px;}
.prolist ul.pdt li span{ font-size:14px;}
.pages ul li span{ margin:0 2px; font-size:14px; width:30px; height:30px; line-height:30px;}
.pages ul li a{ margin:0 2px; font-size:14px; width:30px; height:30px; line-height:30px;}
.newslist ul.news li img{ width:35%;}
.newslist ul.news li .newstit{ width:61%;}
.newsatc_left h1{ font-size:20px;}
.newsatc_left .article p{ font-size:14px; line-height:24px;}
.about .ab_r p{ line-height:24px;}
.about .ab_r .abttit p{font-size: 50px;line-height: 60px; padding:0 0 0 20%;}
.about .ab_r .abttit span{font-size: 22px;margin-top: -30px;padding-left: 60px;background-size: 56px;margin-left: 0;}
.ppys ul li span{ font-size:18px;}
.jzxys .jzxysl p{ line-height:24px;}
.jjfa .jjfar p{ line-height:24px;}
.dzdh ul li img{ width:40px;}
.dzdh ul li p{ height:88px;}
.dzdh ul li p span{ font-size:15px;}
.lxfsbg .lxtit{ font-size:18px;}
.lxfsbg form>p{ width:100%; margin:0 0 2% 0;}
.lxfsbg form>p.sub>input{ font-size:14px;}


.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: 190px !important;}
.abt .abtl p.a1{ line-height:22px;}
.abt .abtr{ width:312px;}
.abt .abtr span.video{ left:14px; top:23px;}
.abt .abtr span.video video{ width:285px;}
.ysbg .youshi ul li p{ height:88px;}
.banner1{ height:140px !important;}
.newslist ul.news li img{ width:38%;}
.newslist ul.news li .newstit{ padding:1%; width:59%;}

}