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






/**/
.search{height:74px; border-bottom:2px solid #f0f0f0;}
.search span{display: block;height:74px;float:left;}
.search span em{display: block; height:74px; line-height: 74px;font-size: 14px; color:#333333; float:left;}
.search span a{display: block; height:74px; line-height: 74px;float:left;font-size: 14px; color:#333333; margin-right: 40px;}
.search .sou{width:310px; height:39px;border:1px solid #F0F0F0;border-radius: 19px;float:right; box-sizing: border-box; margin-top: 19px;}
.search .sou .txt{width:258px; height:36px;float:left;border:0; background:0;font-size: 14px; color:rgba(102,102,102,0.5);padding:0 31px; box-sizing: border-box;}
.search .sou .txt::-webkit-input-placeholder{font-size: 14px; color:rgba(102,102,102,0.5);}
.search .sou .txt::-moz-placeholder{font-size: 14px; color:rgba(102,102,102,0.5);}
.search .sou .btn{width:26px; height:26px;float:left;margin-top: 6px; cursor: pointer;background:url(../images/sea-btn.png) no-repeat center;}
/**/
.guide .gui{padding-top:39px;}
.guide .gui h2{margin-bottom: 28px;}
.guide .gui h2 span{display: block; width:708px; height:80px; margin:0 auto;}
.guide .gui h2 span img{width:100%;}
.guide .gui dl{position: relative; margin-bottom: 55px;}
.guide .gui dl dt{width:100%;height:512px; line-height: 0; overflow: hidden;}
.guide .gui dl dt img{width:100%; transition: 1s;}
.guide .gui dl dd{width:100%; height:112px; background:rgba(0,0,0,0.85); padding:25px 67px 0; box-sizing: border-box; line-height: 30px; text-align: center; font-size: 14px; color:#FFF; font-family: "思源黑体 CN";}
.guide .gui dl dd i{color:#f38d00;}
.guide .gui ul li{float:left; width:300px;height:136px;background:url(../images/gui-xt.png) no-repeat right top;}
.guide .gui ul li a{display: block;}
.guide .gui ul li i{display: block; width:57px; height:47px;margin:0 auto 22px; line-height: 0; overflow: hidden;}
.guide .gui ul li i img{width:100%;}
.guide .gui ul li em{display: block; height:68px; line-height: 68px;text-align: center;font-size: 28px; color:#282828; font-weight: bold;}
.guide .gui ul li:last-child{background:0;}
/**/
.product{background:#F6F6F6;padding:82px 9.6% 95px;}
.product h2{ text-align: center; margin-bottom: 36px;}
.product h2 span{display: block; width:505px; height:74px; line-height: 0; overflow: hidden;margin:0 auto;}
.product h2 span img{width:100%;}
.product h2 em{display: block; height:50px;line-height: 50px;font-size: 20px; color:#333333; font-weight: normal;}
.product .pro-nav{margin-bottom: 46px;}
.product .pro-nav ul li{height:60px; margin-bottom: 2px;}
.product .pro-nav ul li h3{width:12.5%; height:60px; line-height: 60px; text-align: center;float:left;background:url(../images/pro-nav.jpg) no-repeat center;}
.product .pro-nav ul li h3 a{display: block; font-size: 22px; color:#FFF;}
.product .pro-nav ul li .pro-rig{width:87.5%; height:60px; float:left; background:#FFF;box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15);padding:0 68px 0 45px; box-sizing: border-box;}
.product .pro-nav ul li .pro-rig p{height:60px;float:left; width:90%;overflow: hidden;}
.product .pro-nav ul li .pro-rig p a{display: block;height:60px; line-height: 60px;font-size: 16px; color:#333333;float:left; padding-left: 18px; background:url(../images/pro-ico.jpg) no-repeat left;margin-left: 5%;}
.product .pro-nav ul li .pro-rig p a:first-child{margin-left: 0;}
.product .pro-nav ul li .pro-rig span{display: block; height:60px;line-height: 60px; float:right;}
.product .pro-nav ul li .pro-rig span a{display: block; font-size: 14px; color:#045ca4; text-transform: uppercase;}
.product .pro-con ul li{float:left;width:24.3%;background:#FFF;box-shadow: 0px 3px 10px 0px rgba(79, 79, 79, 0.2); margin:0 0 49px 0.9%; border:2px solid #FFF; box-sizing: border-box;padding-top:42px;}
.product .pro-con ul li dl dt{padding:0 39px;}
.product .pro-con ul li dl dt h4{height:54px;line-height: 54px; margin-bottom: 6px;}
.product .pro-con ul li dl dt h4 a{display: block;font-size: 19px; color:#000000; font-weight: bold;background:url(../images/pro-btn.png) no-repeat right;padding-right:40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product .pro-con ul li dl dt p{height:34px; line-height: 34px;font-size: 12px; color:#666666; border-bottom:1px solid #dddddd;}
.product .pro-con ul li dl dd{width:100%; line-height: 0; overflow: hidden;}
.product .pro-con ul li dl dd img{width:100%;}
.product .pro-con ul li:first-child,.product .pro-con ul li:nth-child(5){margin-left: 0;}
@media screen and  (min-width:760px) and (max-width:1680px){
    .product{padding:82px 3.6% 95px;}
    .product .pro-con ul li dl dt h4 a{font-size: 14px;}
}
/**/
.pro-super{height:851px; background:url(../images/pro-super.jpg) no-repeat center;}
.pro-super .pro-sup{padding-top:115px;}
.pro-super .pro-sup ul li{float:left;width:230px; margin-bottom: 85px;}
.pro-super .pro-sup ul li span{display: block;height:43px; line-height: 43px;font-size: 28px; color:#FFF; font-weight: bold; }
.pro-super .pro-sup ul li p{ line-height: 22px;font-size: 14px; color:rgba(255,255,255,0.6);height:44px;}
.pro-super .pro-sup ul li:nth-child(odd){margin-right: 590px;}
.pro-super .pro-sup ul li:nth-child(even){float:right;text-align: right;}
 /**/
.super{padding-top:36px;}
.super h2{margin-bottom: 53px; text-align: center;}
.super h2 span{display: inline-block; width:555px; height:74px;line-height: 0; overflow: hidden;}
.super h2 span img{width:100%;}
.super h2 em{display: block; height:50px;line-height: 50px;font-size: 20px; color:#333333;font-weight: normal;}
.super .sup-ul{height:790px;}
.super .sup-ul ul li{float:left; width:9.05%;height:789px; margin-left: 0.1%; position: relative;overflow: hidden; }
.super .sup-ul ul li:first-child{margin-left: 0;}
.super .sup-ul ul li .default{width:100%; height:789px; padding-top:145px;background:rgba(15,15,15,0.65);transition: .5s; box-sizing: border-box;}
.super .sup-ul ul li .default span{display: block; line-height: 66px;text-align: center; margin-bottom: 26px;font-size: 66px; color:#FFF; font-weight: bold;}
.super .sup-ul ul li .default i{display: block; width:47px; height:41px; line-height: 0;margin:0 auto 104px;position: relative;padding-bottom:229px; }
.super .sup-ul ul li .default i img{width:100%;}
.super .sup-ul ul li .default i:before{width:1px; height: 65px; background: #FFF; content:"";position: absolute; left:14px; bottom:0;}
.super .sup-ul ul li .default em{display: block; line-height: 20px;font-size: 12px; color:#FFF; font-weight: bold; text-align: center;}
.super .sup-ul ul li.cur{width:72.5%;}
.super .sup-ul ul li.cur .default{opacity: 0;}
.super .sup-ul ul li .hover{width:40.3%; height:790px; overflow: hidden; background:rgba(1,20,60,0.8);position: absolute; right:-100%;top:0; opacity: 0;padding:149px 4% 0 3.8%; box-sizing: border-box; transition: .5s;}
.super .sup-ul ul li .hover .sup-tit{height:150px; margin-bottom: 33px;padding:26px 0 0 24px; box-sizing: border-box;background:url(../images/sup-bor.png) no-repeat left;}
.super .sup-ul ul li .hover .sup-tit span{display: block; height:56px; line-height: 56px;font-size: 36px; color:#FFF; font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.super .sup-ul ul li .hover .sup-tit em{display: block; height:41px;line-height: 41px;font-size: 20px; color:#FFF; font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.super .sup-ul ul li .hover .sup-desc{ line-height:24px;font-size: 14px; color:rgba(255,255,255,0.8); margin-bottom: 46px; text-align: justify; }
.super .sup-ul ul li .hover .sup-xc{margin-bottom: 44px;}
.super .sup-ul ul li .hover .sup-xc em{display: block; width:48.1%; line-height: 0; overflow: hidden;float:left;}
.super .sup-ul ul li .hover .sup-xc em img{width:100%;}
.super .sup-ul ul li .hover .sup-xc em:last-child{float:right;}
.super .sup-ul ul li .hover b{display: block;width:153px; height:46px; line-height: 46px; text-align: center; background:#F38D00; border-radius: 23px;}
.super .sup-ul ul li .hover b a{display: block; font-size: 18px; color:#FFF; font-weight: normal;font-family: "思源黑体 CN"; }
.super .sup-ul ul li.cur .hover{right:0;opacity: 1;}
@media screen and  (min-width:230px) and (max-width:1680px){
    .super .sup-ul ul li .hover .sup-tit em{font-size: 17px;}
}
/**/
.case{background:#f6f6f6;}
.case .cas{padding:89px 0 62px;}
.case .cas h2{text-align: center; margin-bottom: 14px;}
.case .cas h2 span{display:block; width:493px;height:73px; margin:0 auto; line-height: 0;}
.case .cas h2 span img{width:100%;}
.case .cas h2 em{display: block; height:50px; line-height: 50px;font-size: 20px; color:#333333; font-weight: normal;}
.case .cas .cas-nav{height:120px; position: relative;}
.case .cas .cas-nav:before{width:100%; height:1px; background:#a0a0a0;content:"";position: absolute;left:0; top:29px;}
.case .cas .cas-nav ul li{float:left; width:150px;position: relative;z-index:200;}
.case .cas .cas-nav ul li i{display: block; width:58px; height:58px; margin:0 auto; line-height: 0;background:url(../images/cas-ico.png) no-repeat center;}
.case .cas .cas-nav ul li i img{width:100%;opacity: 0;}
.case .cas .cas-nav ul li em{display: block; height:32px; line-height: 32px; text-align: center; font-size: 18px; color:#282828;}
.case .cas .cas-nav ul li.cur i img{opacity: 1;}
.case .cas .cas-nav ul li.cur em{color:#F38D00; font-weight: bold;}
.case .cas .cas-list dl{position: relative;}
.case .cas .cas-list dl dt{width:100%; line-height: 0; overflow: hidden;}
.case .cas .cas-list dl dt img{width:100%; transition: 1s;}
.case .cas .cas-list dl dd{width:100%; height:119px;background:rgba(1,20,60,0.8);position: absolute;left:0;bottom:0;padding:23px 42px 0 30px; box-sizing: border-box;}
.case .cas .cas-list dl dd a{display: block;height:119px; background:url(../images/cas-btn.png) no-repeat right 12px;}
.case .cas .cas-list dl dd h4{height:38px; line-height: 38px;font-size:22px; color:#FFF; }
.case .cas .cas-list dl dd p{height:29px;line-height: 29px;font-size: 14px; color:rgba(255,255,255,0.6);max-width:1022px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case .cas .cas-list dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.case .cas .cas-con{position: relative;margin-top: 52px;}
.case .cas .cas-con .cas-loop .bd{overflow: hidden;}
.case .cas .cas-con .cas-loop ul li{width:206px;margin-right: 42px;float:left;}
.case .cas .cas-con .cas-loop ul li em{display: block;width:100%; height:82px; line-height: 0; margin-bottom: 27px;border:1px solid #dddddd; box-sizing: border-box;}
.case .cas .cas-con .cas-loop ul li em img{width:100%; transition: .5s;
    filter: grayscale(100%);
}
.case .cas .cas-con .cas-loop ul li em:hover img{
    filter: grayscale(0);
}
.case .cas .cas-con .cas-btn i{display:block;width:12px; height:23px;cursor: pointer;}
.case .cas .cas-con .cas-btn i.cas-prev{background:url(../images/cas-prev.png) no-repeat center; position: absolute;left:-42px; top:86px;}
.case .cas .cas-con .cas-btn i.cas-next{background:url(../images/cas-next.png) no-repeat center; position: absolute;right:-42px; top:86px;}
/**/
.news{height:890px;}
.new{padding-top:63px;}
.new h2{margin-bottom: 38px; text-align: center;}
.new h2 span{display: block; width:283px;height:66px;line-height: 0; overflow: hidden; margin:0 auto;}
.new h2 span img{width:100%;}
.new h2 em{display: block; height:48px;line-height: 48px;font-size: 24px; color:rgba(0,0,0,0.8); font-family: "思源黑体 CN"; font-weight: normal;}
.new .news-tit{height:44px; margin-bottom: 24px;}
.new .news-tit ul{float:left;}
.new .news-tit ul li{float:left; height:44px;margin-left: 30px;}
.new .news-tit ul li:first-child{margin-left: 0;}
.new .news-tit ul li i{display: block; width:24px; height:24px;float:left; margin-right: 10px; overflow: hidden;margin-top: 10px;}
.new .news-tit ul li i img{width:100%; transition: .5s;}
.new .news-tit ul li em{display: block; float:left; height:44px;line-height: 44px;font-size: 20px; color:#181818; font-weight: bold;}
.new .news-tit ul li.cur i img{margin-top:-24px;}
.new .news-tit ul li.cur em{color:#006fc1;}
.new .news-tit .more{height:44px;float:right; overflow: hidden;}
.new .news-tit .more a{display: block; height:44px; line-height: 44px;font-size: 14px; color:#878787;}
.new .news-con .left{width:507px; float:left;}
.new .news-con .left dl dt{width:100%;line-height: 0; overflow: hidden;}
.new .news-con .left dl dt img{width:100%; transition: 1s;}
.new .news-con .left dl dd{height:207px; background:#F1F1F1;padding:23px 31px 0 26px; box-sizing: border-box;}
.new .news-con .left dl dd h4{margin-bottom: 12px;}
.new .news-con .left dl dd h4 a{display: block; height:35px;line-height: 35px;font-size: 18px; color:#161616;background:url(../images/news-jia.jpg) no-repeat right; font-weight: normal;}
.new .news-con .left dl dd h4 i{display: block; height:24px;line-height: 24px;font-size: 12px; color:#8e8e8e; font-weight: normal;}
.new .news-con .left dl dd p{line-height: 25px;font-size: 16px; color:#666666;}
.new .news-con .left dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.new .news-con .left dl:hover dd h4 a{color:#006fc1;}
.new .news-con .rig{width:677px; float:right;height:492px; overflow: hidden;}
.new .news-con .rig .bd ul li{height: 107px !important; background:#F1F1F1; margin-bottom: 19px;padding-top:17px; box-sizing: border-box;}
.new .news-con .rig .bd ul li .rq{width:79px; float:left; text-align: right; position: relative;margin-right: 49px;}
.new .news-con .rig .bd ul li .rq:before{width:15px; height:4px;background:#006FC1;content:""; position: absolute; right:-33px;top:14px;}
.new .news-con .rig .bd ul li .rq span{display: block; height:45px; line-height: 45px;font-size: 40px; color:#000000; }
.new .news-con .rig .bd ul li .rq i{display: block; height:26px;line-height: 26px;font-size: 14px; color:rgba(0,0,0,0.6);}
.new .news-con .rig .bd ul li .rig-tit{float:left;width:506px;background:url(../images/news-jia.jpg) no-repeat right;}
.new .news-con .rig .bd ul li .rig-tit h4{height:31px; line-height: 31px;margin-bottom: 3px;}
.new .news-con .rig .bd ul li .rig-tit h4 a{font-size: 18px; color:#161616;font-weight: normal;}
.new .news-con .rig .bd ul li .rig-tit p{line-height: 20px;font-size: 14px; color:#666666;width:448px;}
.new .news-con .rig .bd ul li:hover .rig-tit h4 a{color:#006fc1;}
/**/
.about .abo-pic{width:100%; line-height: 0; overflow: hidden; position: absolute;}
.about .abo-pic img{width:100%;}
.about .abo-con{width: 74.5%;margin:0 auto 125px; position: relative;z-index:200;min-width:1200px; max-width:1400px;}
.about .abo-con .abo-tit{width:100%;padding-top:86px;}
.about .abo-con .abo-tit h2{margin-bottom: 136px;}
.about .abo-con .abo-tit h2 span{display: block; line-height: 91px;font-size: 65px; color:#01143c; font-weight: bold; margin-bottom: 28px;}
.about .abo-con .abo-tit h2 em{display: block; line-height: 38px;font-size: 26px; color:#01143c; font-weight: normal;}
.about .abo-con .abo-tit b{display: block; width:96px; height:96px;}
.about .abo-con .abo-tit b a{display: block; height:96px; background:url(../images/abo-xq.png) no-repeat center;}
.about .abo-desc{width:1400px;margin:0 auto;height:462px; background:#FFF; border-radius: 40px; padding-top:51px; box-sizing: border-box; position: relative;z-index:200;}
.about .abo-desc p{width:1200px; margin:0 auto 29px; line-height: 33px; text-align: center;font-size: 16px; color:rgba(0,0,0,0.8);}
.about .abo-desc p a{color:rgba(2,54,154,0.8);}
.about .abo-desc strong{display: block;width:201px; height:55px; line-height: 55px; text-align: center;background:url(../images/abo-btn.png) no-repeat center;margin:0 auto 32px;}
.about .abo-desc strong a{display: block;font-size: 19px; color:#FFF; font-weight: normal;}
.about .abo-desc ul{width:1200px; margin:0 auto;}
.about .abo-desc ul li{float:left;width:400px;height:170px;border-right:1px solid #e8e9e9;box-sizing: border-box;}
.about .abo-desc ul li:last-child{border-right:0;}
.about .abo-desc ul li a{display: block; height:170px; padding-top:47px; box-sizing: border-box; text-align: center;}
.about .abo-desc ul li i{display: inline-block; width:59px; height:58px; line-height: 0; margin:5px 20px 0 0;}
.about .abo-desc ul li i img{width:100%;}
.about .abo-desc ul li h4{display: inline-block; vertical-align: top;}
.about .abo-desc ul li h4 span{display: block; height:39px;line-height: 39px;font-size: 28px; color:#202428; font-weight: normal;}
.about .abo-desc ul li h4 em{display: block; height:25px;line-height: 25px;font-size: 14px; color:#333333; font-weight: normal; text-transform: uppercase; text-align: left; }
@media screen and  (min-width:760px) and (max-width:1680px){
    .about .abo-con .abo-tit h2{margin-bottom:56px;}
    .about .abo-con{margin-bottom:75px;}
}