@charset "utf-8";
/*end*/
body{overflow-x:hidden;}

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}




/**/
.guide{height:32.6rem;background:url(../images/guide.jpg) no-repeat center top;padding-top:5.05rem; box-sizing: border-box;}
.guide .gui-con{height:23.15rem;}
.guide .gui-con .left{width:50%;padding-top:0.35rem;float:left;}
.guide .gui-con .left h4{ margin-bottom: 3.45rem;}
.guide .gui-con .left h4 span{display: block; line-height:3.15rem;font-size: 2.2rem; color:#101010; font-weight: bold; }
.guide .gui-con .left h4 em{display: block; line-height: 2.25rem;font-size: 1.2rem; color:#3e3e3e; font-weight: normal;}
.guide .gui-con .left p{ line-height: 34px;font-size: 1.2rem; color:#333333;text-align: justify;}
.guide .gui-con .rig{width:33.2rem;float:right;}
.guide .gui-con .rig img{width:100%; position:relative;z-index:200;}
.guide .gui-con .rig iframe{position:absolute;left:0;top:0;}
.guide .gui-sz{height:8.4rem;background:#07338A;}
.guide .gui-sz ul li{float:left;width:25%;height:8.4rem;padding-top:2.4rem; box-sizing: border-box;background:url(../images/gui-xt.png) no-repeat right;}
.guide .gui-sz ul li span{display: block; height:1.9rem; text-align: center;}
.guide .gui-sz ul li span em{display: inline-block; line-height: 1.9rem; font-size: 1.8rem; color:#ffffff; font-family: "庞门正道标题体";}
.guide .gui-sz ul li span b{display: inline-block; line-height: 1.9rem; font-size: 1.8rem;color:#ffffff; font-family: "庞门正道标题体"; vertical-align: top; margin-left: 0.2rem;}
.guide .gui-sz ul li span i{display: inline-block; font-size:1.4rem; color:#ffffff;font-family: "黑体"; vertical-align: bottom; margin-bottom: 0.35rem;margin-left: 0.2rem;}
.guide .gui-sz ul li p{ line-height: 1.5rem; font-size: 0.8rem;color:#ffffff; text-align: center;}
.guide .gui-sz ul li:last-child{background:0;}
/**/
.product{padding:8.4rem 0 2.35rem;}
.product .pro-tit{height:7.95rem;}
.product .pro-tit h2{float:left;}
.product .pro-tit h2 span{display: block; line-height: 3.25rem;font-size: 2.2rem; color:#101010; font-weight: bold;}
.product .pro-tit h2 em{display: block; line-height: 2.3rem;font-size: 1.2rem; color:#666666; font-weight: normal;}
.product .pro-tit .prohd{float:right;padding-top:1.4rem;}
.product .pro-tit .prohd ul li{float:left; margin-left: 2.1rem; line-height: 3.2rem;}
.product .pro-tit .prohd ul li a{display: block;font-size: 18px; color:#252525;}
.product .pro-tit .prohd ul li.cur{background:url(../images/pro-dbx.png) no-repeat bottom center;background-size:0.85rem 0.5rem;}
.product .pro-tit .prohd ul li.cur a{font-weight: bold; color:#07338a;}
.product .pro-list{margin-bottom: 0.75rem;}
.product .pro-list dl{background:#07338A;}
.product .pro-list dl dt{width:61%;line-height: 0; overflow: hidden;float:right;}
.product .pro-list dl dt img{width:100%; transition: 1s;}
.product .pro-list dl dd{width:39%;float:left;padding:3.05rem 3.2rem 0 2.95rem; box-sizing: border-box;}
.product .pro-list dl dd h4{ line-height: 42px;margin-bottom: 12px;}
.product .pro-list dl dd h4 a{font-size:24px;color:#ffffff; font-weight: bold;}
.product .pro-list dl dd p{line-height:33px; font-size: 16px; color:#ffffff; margin-bottom:47px;}
.product .pro-list dl dd span{display: block; }
.product .pro-list dl dd span a{display: block; width:126px;height:38px;border:1px solid rgba(255,255,255,.5); box-sizing: border-box; text-align: center; line-height: 36px;float:left; margin-right: 0.45rem; font-size: 16px; color:#ffffff; transition: .5s;}
.product .pro-list dl dd span a:hover{background:#104bbf;border:1px solid #104bbf;}
.product .pro-list dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.product .pro-ul .probd ul li{float:left;}
.product .pro-ul .probd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.product .pro-ul .probd ul li span img{width: 100%; transition: 1s;}
.product .pro-ul .probd ul li em{display: block; height:53px;border-bottom:1px solid rgba(153,153,153,0.5); box-sizing: border-box;padding:0 24px 0 20px;}
.product .pro-ul .probd ul li em i{display: block; line-height: 52px;font-size: 16px; color:#252525;background:url(../images/pro-jt.png) no-repeat right;}
.product .pro-ul .probd ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.product .pro-ul .probd ul li:hover em{border-bottom:1px solid #07338A;}
.product .pro-ul .probd ul li:hover em i{color:#07338A;}
/**/
.yzbj{padding-top:2.4rem;}
.yzbj .yz{height:154px;}
.yzbj .yz h2{float:left;}
.yzbj .yz h2 span{display: block; line-height: 61px; font-size: 2.2rem;color:#252525; font-weight: bold;}
.yzbj .yz h2 em{display: block; line-height: 43px;font-size: 1.2rem; color:#666666; font-weight: normal;}
.yzbj .yz .rig{float:right; margin-top: 2.5rem;text-align: right;border-right:4px solid #07338a;padding-right:0.9rem;}
.yzbj .yz .rig em{display: block; line-height: 18px; font-size: 18px;color:#333333; font-weight: bold; margin-bottom: 14px;}
.yzbj .yz .rig i{display: block; line-height: 14px; font-size: 14px; color:#999999; text-transform: uppercase;}
.yzbj .yz-con{background:url(../images/yzbj.jpg) no-repeat center top;}
.yzbj .yz-con dl dt{width:50%; line-height: 0; overflow: hidden;float:left;}
.yzbj .yz-con dl dt img{width:100%; transition: 1s;}
.yzbj .yz-con dl dd{width:50%;float:left;padding:3.4rem 0 0 2.4rem; box-sizing: border-box;}
.yzbj .yz-con dl dd p{margin-bottom: 4.05rem;}
.yzbj .yz-con dl dd p em{display: block;padding-left:19px;background:url(../images/yz-dbx.png) no-repeat left 0.6rem; background-size:8px 10px; line-height: 1.75rem;font-size: 0.8rem; color:#333333;}
.yzbj .yz-con dl dd ul li{float:left; width:33.2%;position: relative; margin-right: 50px;}
.yzbj .yz-con dl dd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.yzbj .yz-con dl dd ul li span img{width:100%; transition: 1s;}
.yzbj .yz-con dl dd ul li em{display: block; width:100%; line-height: 2.15rem; font-size: 16px; color:#FFF; text-align: center; background:rgba(7, 51, 138, .8);position: absolute;left:0;bottom:0;}
.yzbj .yz-con dl dt:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.yzbj .yz-con dl dd ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.clbj{padding-top:87px;}
.clbj .cl{height:104px;}
.clbj h2{float:left;}
.clbj h2 span{display: block; line-height: 61px; font-size: 2.2rem;color:#252525; font-weight: bold;}
.clbj h2 em{display: block; line-height: 43px;font-size: 1.2rem; color:#666666; font-weight: normal;}
.clbj .rig{float:right; margin-top: 0.6rem;text-align: right;border-right:4px solid #07338a;padding-right:0.9rem;}
.clbj .rig em{display: block; line-height: 18px; font-size: 18px;color:#333333; font-weight: bold; margin-bottom: 14px;}
.clbj .rig i{display: block; line-height: 14px; font-size: 14px; color:#999999; text-transform: uppercase;}
.clbj .cl-con{background:url(../images/clbj.jpg) no-repeat center top;line-height:0;}
.clbj .cl-con .left{width:50%;padding-left:13%; box-sizing: border-box;padding-top:3.25rem;float:left;}
.clbj .cl-con .left .hd{margin-bottom: 5.35rem;}
.clbj .cl-con .left .hd em{width:30.8%; line-height: 2.55rem; text-align: center; font-size: 0.8rem; color:#252525; background:#D9D9D9;float:left; margin-right: 1px; margin-bottom: 1px;}
.clbj .cl-con .left .hd em.cur{background:#07338A;color:#FFF;}
.clbj .cl-con .left .hd span{display: block; width:30.8%; line-height: 2.55rem; text-align: center; background:#D9D9D9;float:left; margin-right: 1px; margin-bottom: 1px;}
.clbj .cl-con .left .hd span a{display: block;font-size: 0.8rem; color:#252525;}
.clbj .cl-con .left .hd span:hover{background:#07338A;}
.clbj .cl-con .left .hd span:hover a{color:#FFF;}
.clbj .cl-con .left ul li{float:left; width:42.8%;position: relative; margin-right: 50px;}
.clbj .cl-con .left ul li:first-child{margin-left: 0;}
.clbj .cl-con .left ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.clbj .cl-con .left ul li span img{width:100%; transition: 1s;}
.clbj .cl-con .left ul li em{display: block; width:100%; line-height: 2.15rem; font-size: 16px; color:#FFF; text-align: center; background:rgba(7, 51, 138, .8);position: absolute;left:0;bottom:0;}
.clbj .cl-con .rig-list{width:50%; float:right; overflow: hidden;}
.clbj .cl-con .rig-list .con{overflow:hidden;}
.clbj .cl-con .rig-list img{width:100%; transition: 1s;}
.clbj .cl-con .left ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.clbj .cl-con .rig-list:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
/**/
.super{padding-top:105px; position: relative;}
.super .sup{height:156px;}
.super h2{float:left;}
.super h2 span{display: block; line-height: 61px; font-size: 2.2rem;color:#252525; font-weight: bold;}
.super h2 em{display: block; line-height: 43px;font-size: 1.2rem; color:#666666; font-weight: normal;}
.super .rig{float:right; margin-top: 2.6rem;text-align: right;border-right:4px solid #07338a;padding-right:0.9rem;}
.super .rig em{display: block; line-height: 18px; font-size: 18px;color:#333333; font-weight: bold; margin-bottom: 14px;}
.super .rig i{display: block; line-height: 14px; font-size: 14px; color:#999999; text-transform: uppercase;}
.super .sup-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.super .sup-list dl dt img{width:100%;}
.super .sup-list dl dd .sup-desc{width:27.55rem; height:17.25rem;background:#FFF; position: absolute;left:0; top:-21.95rem;padding:1.5rem 1.05rem 0 1.8rem; box-sizing: border-box;}
.super .sup-list dl dd .sup-desc h4{line-height: 1.8rem; margin-bottom: 0.15rem; font-weight: bold; font-size: 1.1rem; color:#252525;}
.super .sup-list dl dd .sup-desc p{line-height: 1.65rem;font-size: 0.8rem; color:#666666;margin-bottom: 1.35rem;}
.super .sup-list dl dd .sup-desc em a{display: block;float:left;width:6.3rem;height:1.9rem; line-height:1.9rem;background:#07338A;margin-right: 9px;text-align: center;font-size: 0.8rem; color:#ffffff;}
.super .sup-hd{width:100%;position: absolute;left:0;bottom:0;}
.super .sup-hd ul li{float:left;width:25%; height:4.7rem; line-height: 4.7rem; background:#D9D9D9;text-align: center;}
.super .sup-hd ul li i{display: inline-block; line-height: 4.9rem;font-size: 1.2rem; color:#3e3e3e; font-family: "庞门正道标题体";}
.super .sup-hd ul li em{display: inline-block; line-height: 4.7rem;font-size: 1.2rem;color:#3e3e3e;vertical-align: top;margin-left: 0.6rem;}
.super .sup-hd ul li.cur{background:#07338A;}
.super .sup-hd ul li.cur i,.super .sup-hd ul li.cur em{color:#FFF;}
/**/
.case{height:761px;background:url(../images/case.jpg) no-repeat center top;}
.case .cas{padding-top:99px;}
.case .cas .cas-tit{height:109px;}
.case .cas .cas-tit h2{float:left;}
.case .cas .cas-tit h2 span{display: block; line-height: 61px; font-size: 2.2rem;color:#252525; font-weight: bold;}
.case .cas .cas-tit h2 em{display: block; line-height: 43px;font-size: 1.2rem; color:#666666; font-weight: normal;}
.case .cas .cas-tit .rig{float:right; margin-top:10px;text-align: right;border-right:4px solid #07338a;padding-right:0.9rem;}
.case .cas .cas-tit .rig em{display: block; line-height: 18px; font-size: 18px;color:#333333; font-weight: bold; margin-bottom: 14px;}
.case .cas .cas-tit .rig i{display: block; line-height: 14px; font-size: 14px; color:#999999; text-transform: uppercase;}
.case .cas .left{width:25%;float:left;padding-top:61px;}
.case .cas .left span{display: block; width:100%; line-height: 0; overflow: hidden; margin-bottom: 22px;}
.case .cas .left span img{width:100%;}
.case .cas .left p{line-height: 33px;font-size: 16px; color:#999999; margin-bottom: 27px;}
.case .cas .left em{display: block; width:210px; height:47px; line-height: 47px;background:#07338A;text-align: center;}
.case .cas .left em a{display: block;font-size: 16px; color:#ffffff;}
.case .cas .right{width:59.6%;float:right;margin-top: 19px;margin-right: 2.8%;}
.case .cas .right ul li{float:left;width:15.1%;margin-left: 12.7%; position: relative;}
.case .cas .right ul li:first-child,.case .cas .right ul li:nth-child(8){margin-left: 13.2%;}
.case .cas .right ul li:nth-child(3){margin-right: 3%;}
.case .cas .right ul li:nth-child(4){margin-left: 0%;}
.case .cas .right ul li:before{width:100%; height:100%;background:#FFF;content:""; position: absolute;left:0;top:0;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);box-shadow: 20px 20px 44px 0px rgba(11,83,224,0.17);border-radius: 10px;}
.case .cas .right ul li i{display: block; width:100%; line-height: 0; overflow: hidden;z-index:200;position: relative;}
.case .cas .right ul li i img{width: 100%;}
/**/
.news{padding:103px 0 118px;}
.news .news-tit{height:196px; border-bottom:1px solid #252525; box-sizing: border-box; margin-bottom: 1.9rem;}
.news .news-tit h2{float:left;}
.news .news-tit h2 span{display: block; line-height: 61px; font-size: 2.2rem;color:#252525; font-weight: bold;}
.news .news-tit h2 em{display: block; line-height: 43px;font-size: 1.2rem; color:#666666; font-weight: normal;}
.news .news-tit .hd{float:right;padding-top:63px;}
.news .news-tit .hd ul li{float:left;margin-left: 3.45rem; line-height: 45px;height:45px;}
.news .news-tit .hd ul li a{font-size: 24px; color:#666666;}
.news .news-tit .hd ul li.cur a{font-weight: bold;color:#252525;}
.news .news-list{margin-bottom: 26px;}
.news .news-list ul li{float:left;width:32%; margin-left: 1.9%;}
.news .news-list ul li:first-child{margin-left: 0;}
.news .news-list ul li h4{margin-bottom: 22px;}
.news .news-list ul li h4 i{display: block;line-height: 38px;font-size: 16px; color:#999999; font-weight: normal;}
.news .news-list ul li h4 a{display: block; line-height: 45px;font-size: 18px; color:#252525; font-weight: bold;}
.news .news-list ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.news .news-list ul li span img{width:100%; transition: 1s;}
.news .news-list ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.news .news-bot ul li{float:left;width:33.33%;background:#EFEFEF;padding:25px 1rem; box-sizing: border-box; transition: .5s;}
.news .news-bot ul li dl dt{width:34.7%; line-height: 0; overflow: hidden;float:left;}
.news .news-bot ul li dl dt img{width:100%; transition: 1s;}
.news .news-bot ul li dl dd{width:65.3%;float:left;padding:4px 0 0 0.85rem; box-sizing: border-box;}
.news .news-bot ul li dl dd h4{line-height: 1.35rem; margin-bottom: 4px;height:2.7rem;}
.news .news-bot ul li dl dd h4 a{font-size: 16px; color:#252525; font-weight: normal; transition: .5s;}
.news .news-bot ul li dl dd i{display: block;line-height: 23px;font-size: 14px; color:#999999; transition: .5s;}
.news .news-bot ul li:hover{background:#07338A;}
.news .news-bot ul li:hover dd h4 a,.news .news-bot ul li:hover dd i{color:#FFF;}
/**/
.about{height:700px;background:url(../images/about.jpg) no-repeat center top;}
.about .abo-con{width:599px; height:543px;background:#DBD9D9;}
.about .abo-con .top{height:453px;padding:87px 75px 0 61px; box-sizing: border-box;}
.about .abo-con .top h4{margin-bottom: 38px;}
.about .abo-con .top h4 span{display: block; line-height: 64px;font-size: 44px; color:#252525; font-weight: bold; }
.about .abo-con .top h4 em{display: block; line-height: 44px;font-size: 24px; color:#666666; font-weight: normal; }
.about .abo-con .top p{line-height: 29px;font-size: 16px; color:#666666;}
.about .abo-con b{display: block;width:100%;height: 90px; background:#07338A;padding-left:63px; box-sizing: border-box;}
.about .abo-con b a{display: inline-block; line-height: 90px;font-size: 16px; color:#ffffff;padding-right:31px;background:url(../images/abo-jt.png) no-repeat right; font-weight: normal;}
.abo-bot{padding:59px 0 78px;}
.abo-bot .abo-nav{text-align: center;height:65px;}
.abo-bot .abo-nav ul li{display: inline-block; width:190px;}
.abo-bot .abo-nav ul li i{display: inline-block; width:30px; height:29px; overflow: hidden; line-height: 0; margin-top: 7px;}
.abo-bot .abo-nav ul li i img{width:100%; transition: .5s;}
.abo-bot .abo-nav ul li em{display: inline-block; line-height:41px;font-size: 20px; color:#666666; vertical-align: top; margin-left: 12px;}
.abo-bot .abo-nav ul li.cur i img{margin-top:-29px;}
.abo-bot .abo-nav ul li.cur em{color:#1a3884; font-weight: bold; }
.abo-bot .abo-list .abobd ul li{float:left;}
.abo-bot .abo-list .abobd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.abo-bot .abo-list .abobd ul li span img{width: 100%; transition: 1s;}
.abo-bot .abo-list .abobd ul li em{display: block; height:53px;border-bottom:1px solid rgba(153,153,153,0.5); box-sizing: border-box;padding:0 24px 0 20px;}
.abo-bot .abo-list .abobd ul li em i{display: block; line-height: 52px;font-size: 16px; color:#252525;background:url(../images/pro-jt.png) no-repeat right;}
.abo-bot .abo-list .abobd ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.abo-bot .abo-list .abobd ul li:hover em{border-bottom:1px solid #07338A;}
.abo-bot .abo-list .abobd ul li:hover em i{color:#07338A;}
















































@media screen  and (max-width:1760px) {
    .clbj .cl-con .left{padding-left:16%;}
}
@media screen  and (max-width:1680px) {
    .clbj .cl-con .left{padding-left:12%;}
}
@media screen  and (max-width:1500px) {
    .clbj .cl-con .left{padding-left:9%;}
}
@media screen and  (min-width:230px) and (max-width:1400px) {
    .guide .gui-con .left p {font-size: 15px;}
    .clbj .cl-con .left{padding-left:6%;}
    .clbj .cl-con .left .hd em,.clbj .cl-con .left .hd span{width: 28.8%;}
    .clbj .cl-con .left ul li{width: 38.8%;}
}
@media screen  and (max-width:1366px) {
    .clbj .cl-con .left{padding-left:3%;}
    .clbj .cl-con .left .hd{margin-bottom: 4.35rem;}
}
@media screen  and (max-width:1366px) {
    .clbj .cl-con .left{padding-left:0.1%;}
}