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


::-webkit-scrollbar {width:4px;background:#f0f0f0;}
::-webkit-scrollbar-button {}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-track-piece {}
::-webkit-scrollbar-thumb {width:4px;background:#01479e ;}
::-webkit-scrollbar-corner {background:#f0f0f0;}
::-webkit-resizer {}
::-webkit-scrollbar:horizontal{height:9px;}
@font-face {
font-family:BEBAS;
src:url(../fonts/BEBAS.ttf)
}

@font-face {
font-family:font20988;
src:url(../fonts/font20988.ttf)
}
@font-face {
font-family:Barlow-Regular;
src:url(../fonts/Barlow-Regular.ttf)
}

@font-face {
font-family:Barlow-Bold;
src:url(../fonts/Barlow-Bold.ttf)
}



/**/
.search{height:78px; border:1px solid #e9e9e9;border-left:0;border-right:0; box-sizing: border-box; width:100%}
.sea{height:76px;width:75.3%;margin:0 auto;}
.sea span{display: block; height:76px;float:left;}
.sea span i{display: block; height:76px; line-height: 76px; float:left;font-size: 14px; color:#555555; font-weight: bold;}
.sea span a{display: block; height:76px; line-height: 76px; float:left;font-size: 14px; color:#555555; margin-right: 36px;}
.sea span a:last-child{margin-right: 0;}
.sea .sou{width:276px; height: 46px;float:right; border:1px solid #e9e9e9;border-radius: 20px; overflow: hidden; box-sizing: border-box;margin-top: 17px;}
.sea .sou .txt{width:199px; height:44px; line-height: 44px;padding:0 10px; box-sizing: border-box;float:left;background: 0;border:0; font-size: 14px; color:#666;}
.sea .sou .btn{width:75px; height:44px;float:left; background: url(../images/sea-btn.png) no-repeat center; cursor: pointer;}
.sea .sou .txt::-webkit-input-placeholder{font-size: 14px; color:#666;}
.sea .sou .txt::-moz-placeholder{font-size: 14px; color:#666;}
@media screen and  (min-width:760px) and (max-width:1680px){
    .sea{width:93.3%;}
}
/**/
.guide{padding:147px 0 89px;background:url(../images/guide.jpg) no-repeat center top;}
.gui{width:75.3%; margin:0 auto;}
.gui .gui-left{width:594px;height:578px; float:left;padding-top:43px; position: relative;z-index:200;}
.gui .gui-left h2{margin-bottom: 28px;}
.gui .gui-left h2 span{display: inline-block; height:56px; line-height: 56px; font-size: 66px; color:#003171;padding-right:37px;font-weight: bold;background:url(../images/gui-yy.png) no-repeat right 11px; text-transform:uppercase; font-family:Barlow-Bold}
.gui .gui-left h2 span b{ color:#d01717; text-transform:uppercase; font-family:Barlow-Bold}

.gui .gui-left h2 em{display: block; height:73px; line-height: 73px;font-size: 34.75px;color:#d01717; font-weight: bold;}
.gui .gui-left h2 em b{font-size: 34.75px;  font-weight:normal; color:#003171}
.gui .gui-left h2 i{ background:url(../images/line.jpg) no-repeat left bottom; padding-bottom:15px; color:#373737; font-size:20px; font-weight:normal}

.gui .gui-left strong{display: block; line-height: 30px; font-weight: normal;font-size: 15px; color:#333333;  margin-bottom: 27px; margin-top:40px}
.gui .gui-left .hd{width:100%; height:47px; margin-bottom: 64px; }
.gui .gui-left .hd ul li{width:181px;height:47px; text-align: center;cursor: pointer;position: relative;background:#003171;color:#fff}
.gui .gui-left .hd ul li.jd2{margin-left: -16px;}
.gui .gui-left .hd ul li i{display: block; width:100%; height:47px; line-height:47px;font-size: 16px; color:#666666; ; position: relative;z-index:200;}
.gui .gui-left .hd ul li.jd1:before{width:100%;height:47px; background:url(../images/gui-jd1.png) no-repeat center; content:"";position: absolute;left:0;top:0;display: none;}
.gui .gui-left .hd ul li.jd2:before{width:100%;height:47px; background:url(../images/gui-jd2.png) no-repeat center; content:"";position: absolute;right:0;top:0;display: none;}
.gui .gui-left .hd ul li.cur i{color:#FFF;}
.gui .gui-left .hd ul li.jd1.cur:before{display:block;}
.gui .gui-left .hd ul li.jd2.cur:before{display:block;}
.gui .gui-left .gui-sz{width:973px; height:138px; background: #FFF;box-shadow: 0px 0px 10px rgba(0,0,0,0.2);padding-top:24px; box-sizing: border-box;}
.gui .gui-left .gui-sz ul li{float:left; height:83px;border-right:1px solid #eeeeee;}
.gui .gui-left .gui-sz ul li span{display: block;text-align: center;height:56px;}
.gui .gui-left .gui-sz ul li span em{display: inline-block; height:56px; line-height: 56px;font-size: 55px; color:#003171; font-weight:normal; font-family:Arial, Helvetica, sans-serif}
.gui .gui-left .gui-sz ul li span i{display: inline-block; width:17px; height: 17px; background:#E60012;border-radius: 50%; text-align: center; line-height: 17px;font-size: 13px;color:#FFFFFF; vertical-align: bottom;margin:0 0 5px -8px;}
.gui .gui-left .gui-sz ul li p{height:27px;font-size: 14px; line-height: 27px; color:#333333;text-align: center;}
.gui .gui-left .gui-sz ul li:nth-child(4) p{padding-left:46px;}
.gui .gui-left .gui-sz ul li:nth-child(5) p{padding-left:23px;}
.gui .gui-left .gui-sz ul li:last-child{border-right:0;}
.gui .gui-rig{width:786px; height: 533px;overflow: hidden;float:right;}
.gui .gui-rig .gui-con,.gui .gui-rig .gui-con .con{height:100%;}
.gui .gui-rig span{display: block; width:100%;height:100%; line-height: 0; overflow: hidden;}
.gui .gui-rig span img{width: 100%;height:100%; transition: 1s;}
.gui .gui-rig span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
@media screen and  (min-width:760px) and (max-width:1680px){
    .gui{width:93.3%;}
    .gui .gui-left{width:530px;height:540px;}
    .gui .gui-rig{width:670px;}
}
/**/
.pro-top{height:775px;background:url(../images/product.jpg) no-repeat center top;padding-top:80px; box-sizing: border-box; overflow: hidden; margin-top:60px /*margin-bottom: 30px;*/}
.pro-top h2{text-align: center; margin-bottom: 64px;}
.pro-top h2 span{display: inline-block; height:70px; line-height: 70px;font-size: 44px; color:#FFF;padding:0 21px;position: relative; font-weight: normal;}
.pro-top h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.pro-top h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.pro-top h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#e0e0e0;font-weight: normal;}
.pro-top .pro-con{width: 75.3%; height:513px;margin:0 auto; position: relative;padding-top:31px; box-sizing: border-box;}
.pro-top .pro-con ul li{width:575px; height:85px; margin-bottom: 89px;}
.pro-top .pro-con ul li i{display: block; width:74px; height:84px;overflow: hidden;}
.pro-top .pro-con ul li i img{width:100%; transition: .5s;}
.pro-top .pro-con ul li h4{padding-top:3px;}
.pro-top .pro-con ul li h4 span{display: block; height:41px; line-height: 41px;font-size: 28px; color:#ffffff;font-weight: bold; ;}
.pro-top .pro-con ul li h4 p{height:33PX;line-height: 33px;font-size: 17px; color:rgba(255,255,255,0.66); font-weight: normal;}
.pro-top .pro-con ul li.odd{float:left;}
.pro-top .pro-con ul li.even{float:right;}
.pro-top .pro-con ul li.odd i{float:left; margin-right: 21px;}
.pro-top .pro-con ul li.even i{float:right; margin-left: 21px;}
.pro-top .pro-con ul li.odd h4{float:left; width:40%}
.pro-top .pro-con ul li.even h4{float:right; text-align: right; width:40%}
.pro-top .pro-con ul li:hover i img{margin-top:-84px;}
.pro-top .pro-con .pro-cen{width:562px; position: absolute; left:446px; top:0;}
.pro-top .pro-con .pro-cen i{display: block; width:639px; height:404px; margin:0 auto; line-height: 0; overflow: hidden;}
.pro-top .pro-con .pro-cen i img{width:100%;}
.pro-top .pro-con .pro-cen p em{display: block;float:left; height:20px; line-height: 20px; font-size: 14px; color:#FFF; font-weight: bold; padding-left:28px;background:url(../images/pro-dd.png) no-repeat left; margin-left: 38px;}
.pro-top .pro-con .pro-cen p em:first-child{margin-left: 0;}
.pro-bot{background:url(../images/probj.jpg) no-repeat center top; padding:30px 12px 112px }
.pro-bot ul li{float:left; width:49%;padding:22px 0;background:#FFF;}
.pro-bot ul li dl dt{width:71.3%; line-height: 0; overflow: hidden; float:right;}
.pro-bot ul li dl dt img{width:100%;}
.pro-bot ul li dl dd{width:28.7%;float:left;padding:47px 0 0 5%; box-sizing: border-box;}
.pro-bot ul li dl dd h4{height:89px; line-height: 89px; margin-bottom: 21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro-bot ul li dl dd h4 a{font-size: 28px; color:#1e1e1e; font-weight: bold;padding-left:13px; background:url(../images/pro-xt.png) no-repeat left; font-weight: bold;}
.pro-bot ul li dl dd p{margin-bottom: 53px;}
.pro-bot ul li dl dd p em{display: block;height:36px;line-height: 36px;background:url(../images/pro-dd.png) no-repeat left;padding-left:27px;}
.pro-bot ul li dl dd p em a{font-size: 19px; color:#1e1e1e; ;}
.pro-bot ul li dl dd strong{display: block; width:159px; height:44px; background:url(../images/pro-kk.png) no-repeat center;}
.pro-bot ul li dl dd strong a{display: block;width:159px;height:44px; text-align: center;}
.pro-bot ul li dl dd strong i{display: inline-block; height:44px;line-height: 44px;padding-right:41px;background:url(../images/pro-jt.png) no-repeat right; font-weight: normal;}
.pro-bot ul li:last-child{float:right;}
@media screen and  (min-width:760px) and (max-width:1680px){
    .pro-top .pro-con{width:94.3%;}
    .pro-top .pro-con .pro-cen{left:350px;}
    .pro-bot ul li dl dd h4 a{font-size: 20px;}
    .pro-bot ul li dl dd p em a{font-size: 16px;}
}
/**/
.Pro{padding-top:93px; box-sizing: border-box; background:#f5f5f5}

 .container {
    margin-left: auto;
    margin-right: auto;
    width: 1284px;
}

.Pro{ overflow: hidden; width: 100%; background-color: #e8e8e8; padding: 85px 0 100px 0;}
.Pro .porBox{ overflow: hidden;}
.Pro .proLt{ float: left; width: 300px; overflow: hidden;}
.Pro .proLt h2{ padding: 25px 38px; height:147px; text-align:left; font-size: 32px; background:url(../images/pro_1.jpg) no-repeat center top;  }
.Pro .proLt h2 a{color: #fff; text-transform:uppercase; line-height:40px; font-family:Barlow-Bold; }
.Pro .proLt h2 span{ display: block; text-transform:uppercase; font-size: 29px; color: #fff; font-weight: normal; margin-top:10px;background:url(../images/line.jpg) no-repeat left top; padding-top:20px}
.Pro .proLtBox{ overflow: hidden; background-color: #fff;}
.Pro .proLtDl dt{ padding: 0 25px; background: #da251d; line-height: 58px; font-size: 16px;}
.Pro .proLtDl dt a{ display: block; color: #fff; font-size:17px}
.Pro .proLtDl dd{ padding-left:15px;}
.Pro .proLtDl dd a{ display: block; line-height: 56px; background: url("../images/pro_xjx.jpg") no-repeat 200px 20px; padding-left: 18px; font-size: 16px; color: #4d4d4d; border-bottom: 1px dotted #dcdcdc; }
.Pro .proLtDl dd a:hover{ background-position: 200px 20px; color: #00248f; text-decoration: none;}
.Pro .proPhone{ margin-top: 10px; padding:25px 18px; background-color: #fff; overflow: hidden; border-bottom:25px #003171 solid}
.Pro .proPhone h3{ font-size: 24px; border-bottom: 1px solid #f3f3f3; padding-bottom: 5px; color: #202020; letter-spacing:-1.5px; font-weight:bold; padding-bottom:15px}
.Pro .proPhone h4{ background: url("../images/tel.png") no-repeat left center; font-size: 18px; padding-left: 48px; color: #535353; font-weight: normal; margin-top: 15px; height:40px; line-height:40px}
.Pro .proPhone b{ display: block;  font-size: 30px; color: #003171; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; line-height:40px}
.Pro .proRt{  float: right; width: 75%; }

.pro1{ width:49%; float:left; background:#fff; height:241px; background-size:100%; margin-right:1%;}
.pro1 .abty{ width:30%; float:left}
.pro1 .abrl{ width:65%; float:right; display:flex;justify-content:center ;align-items:center; }
.pro1 .abrl img{ width:60%; margin-top:37px }


.pro2{ width:49%; float:left; background:#fff; height:241px; background-size:100%;}
.pro1 h2{ margin:62px 0 0 45px; color:#282828; font-weight:normal; font-size:20px}
.pro1 span{ margin:11px 0 0 45px; color:#282828; font-size:15px; display:block}
.more{ width:159px; height:44px; line-height:44px; background:url(../images/pro-kk.png) no-repeat left center; color:#003171; display:block; margin-left:45px; font-size:16px  ; margin-top:20px; transition:All 0.4s ease-in-out; text-align:center;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out}
.more:hover{transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out; margin-top:15px; color:#fff;  background:url(../images/pro-kk1.png) ; }

.pro2 h2{ margin:62px 0 0 45px; color:#282828; font-weight:normal; font-size:20px}
.pro2 span{ margin:11px 0 0 45px; color:#282828; font-size:15px; display:block}
.Pro .proTit{ width: 100%; height: 56px; background: url("../images/pro_liBg.png") repeat-x center;}
.Pro .proTit li{ width:383px; float: left; height: 56px;  position: relative; line-height: 56px; text-align: center; font-size: 16px;}
.Pro .proTit li a{ color: #151515; text-decoration: none;}
.Pro .proTit li i{ display: none; position: absolute; background: url("../images/pro_tit_xj.png") no-repeat center; width: 17px; height: 8px; ; top:56px; left:185px;}
.Pro .proTit li:hover,.Pro .proTit li.cur{ background-color: #003171}
.Pro .proTit li:hover i,.Pro .proTit li.cur i{display: block;}
.Pro .proTit li:hover a,.Pro .proTit li.cur a{ color: #fff;}
.Pro .proRBox{ position: relative; overflow: hidden;}
.Pro .ProCon{ display:none; padding:0 0px; width:100%; float:left}
.Pro .proDl{ overflow: hidden; width: 100%; margin: 35px 0 30px; }
.Pro .proDl  img{ display:block; border:1px solid #d3d3d3;}
.Pro .proDl dt{ float: left;}
.Pro .proDl dd{ float: right; width: 365px;}
.Pro .proDl dd h3{ font-size: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal;}
.Pro .proDl dd h3 a{ color: #00248f;}
.Pro .proDl dd p{ line-height: 25px; font-size: 13px; color: #333; height: 100px; margin: 10px 0 30px; overflow: hidden; text-align: justify;}
.Pro .pro_a{ overflow: hidden}
.Pro .pro_a a{ display: block; float: left; background: url("../images/pro_a.png") no-repeat center top; width: 101px; height: 36px; text-align: center; line-height: 36px; font-size: 13px; color: #484848; margin-right: 15px; text-decoration: none;}
.Pro .pro_a a:hover { background-position:bottom; color: #fff;}
.Pro .proUl{  padding-top:1%; border-top:1px solid #e3e3e3; }
.Pro .proUl li{ float: left; margin: 10px 0; margin-right: 45px; }
.Pro .proUl li img{ display:block; border:1px solid #d3d3d3;}
.Pro .proUl li span{ display: block; text-align: center; font-size: 16px; color: #333; line-height:50px;}
.Pro .proUl li span{ display: block; text-align: center; font-size: 16px; color: #333; line-height:50px;}
.Pro .proUl li.last{ margin-right: 0}
.Pro .proUl li:hover img{ opacity: .8;}

.demo{width:360px; margin:60px auto 10px auto}
@media only screen and (min-width: 420px) {
	.demo{width:800px; margin:60px auto 10px auto}
}
.box{float:left; width:32%; height:370px; margin-right:1%; margin-top:1%}
.clear{clear:both}
.box1{float:left; width:24%; height:370px; margin-right:1%}

.he_sxs{ width:96%; height:52px; position:absolute; bottom:2%; background:#eeeeee; line-height:52px; left:2%; text-align:center; font-size:17px}
.he_slideCaptionDown{background:#fff;width:100%;height:370px;padding:0;margin:0;border:0px solid #000;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; display:flex; align-items: center ; justify-content: center }
.he_slideCaptionDown .he_slideCaptionDown_img{position:relative;display:block; padding:0;margin:0;opacity:1;overflow:hidden; width:70%; margin-top:-80px}
.he_slideCaptionDown .he_slideCaptionDown_caption{color:#fff;background:rgba(28,52,129,0);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption{background:rgba(28,52,129,.8);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.he_slideCaptionDown .he_slideCaptionDown_caption,.he_slideCaptionDown .he_slideCaptionDown_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption_h{font-size:24px;font-weight:normal;text-align:center;width:80%; -webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0; margin:0 auto; margin-top:40%}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h{color:#fff;top:25%;opacity:1}
.he_slideCaptionDown .he_slideCaptionDown_caption_p{font-size:16px; text-align:center;width:40%;  -webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0; border:1px #fff solid; margin:0 auto; margin-top:40px; line-height:40px; border-radius: 35px;}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p{color:#fff;top:45%;opacity:1}

.he_slideAllDown{background:#fe7253;width:360px;height:240px;padding:0;margin:0;border:0px solid #000;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown .he_slideAllDown_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:.9;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown:hover .he_slideAllDown_img{opacity:1;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-o-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.he_slideAllDown .he_slideAllDown_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown .he_slideAllDown_caption,.he_slideAllDown .he_slideAllDown_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideAllDown .he_slideAllDown_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_slideAllDown:hover .he_slideAllDown_caption_h{color:#fff;top:25%;opacity:1}
.he_slideAllDown .he_slideAllDown_caption_p{font-size:1em;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_slideAllDown:hover .he_slideAllDown_caption_p{color:#fff;top:45%;opacity:1}
/**/
.ysbj{overflow: hidden;}
.ys{padding-top:100px; background:url(../images/youshibg.jpg) no-repeat center top fixed; padding-bottom:140px}
.ys h2{text-align: center; margin-bottom: 28px;}
.ys h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#fff;padding:0 21px;position: relative; font-weight: bold; ;}
.ys h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.ys h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.ys h2 em{display: block; height:74px; line-height: 44px;font-size: 24px; color:#b8bfcd;font-weight: normal;}
.ys .ys-nav{height:74px; width:1298px; margin-bottom:15px}
.ys .ys-nav ul li{float:left; width:320px; height:51px; text-align: center;position: relative;}
.ys .ys-nav ul li:before{width:1px; height:26px; background: #e5ecf6;content:""; position: absolute; right:0;top:14px;}
.ys .ys-nav ul li:last-child:before{display: none;}
.ys .ys-nav ul li i{display: inline-block; width:58px; height:55px; overflow: hidden; margin-right:12px; }
.ys .ys-nav ul li i img{width: 100%; transition: .5s;}
.ys .ys-nav ul li h4{display: inline-block; text-align: left;}
.ys .ys-nav ul li h4 span{display: block; height:34px; line-height: 34px;font-size: 26px; color:#fff; font-weight: normal;}
.ys .ys-nav ul li h4 p{height:17px; line-height: 17px;font-size: 14px; color:#fff;text-transform: uppercase; font-weight: normal; font-family:Barlow-Regular}
.ys .ys-nav ul li.cur i img{margin-top:-55px;}
.ys .ys-nav ul li.cur h4 span{color:#E60012; font-weight: bold;}
.ys .ys-nav ul li.cur h4 p{color:#E60012;}
.ys .ys-con dl{height:600px; position: relative;}
.ys .ys-con dl dt{width:100%; line-height: 0; overflow: hidden;}
.ys .ys-con dl dt img{width:100%;}

.ys .ys-con dl dd .left{width:440px;float:left;padding-top:3px;}
.ys .ys-con dl dd .left h4{height:41px; line-height: 41px;font-size: 30px; color:#333333; ;}
.ys .ys-con dl dd .left h4 i{display: inline-block;width:4px; height:4px; background:#e60012;margin:19px 17px 0 11px; border-radius: 50%;vertical-align: top;}
.ys .ys-con dl dd .left h4 em{color:#003171;display: inline-block; vertical-align: top;}
.ys .ys-con dl dd .left p{height:22px; line-height: 22px;font-size: 14px; color:#bfc0bb; ;padding-bottom:25px; background:url(../images/ys-yy.png) no-repeat left 6px bottom; text-transform: uppercase;letter-spacing: 1px;}
.ys .ys-con dl dd ul{float:left;}
.ys .ys-con dl dd ul li{height:35px; line-height: 35px; font-size: 16px; color:#666666; font-weight: normal;padding-left:13px;background:url(../images/ys-dd.png)  no-repeat left;}


.ys dl dd{background:url(../images/ys_k.png) no-repeat;width: 515px;height: 460px;position: absolute;top:66px;right: 0;z-index: 20;}
.ys dl dd span{ display:block;position: absolute;top: 105px;right: -10px;font-size: 160px;color: rgba(0,0,0,0.1);  line-height:130px; font-family:BEBAS}
.ysdl dd em{display: block;width: 175px;height: 175px;}
.ys dl dd em img{width: 175px;height: 175px;}
.ys dl dd h5{font-size: 26px;color: #333;line-height: 32px;margin: 10px 0 20px 145px;height: 70px;border-bottom: #b5b5b5 1px solid;width: 330px;}
.ys dl dd h5 i{display: block;font-size: 14px;color: #aaa; font-family:Arial, Helvetica, sans-serif;font-weight: normal;text-transform: uppercase;}
.ys dl dd p{font-size: 16px;color: #666;line-height: 28px;overflow: hidden;width: 330px;padding: 0 0 0 145px;}
.ys dl dd p b{color: #079fe5;}




/**/
.zcbj{padding-top:56px;box-sizing: border-box;}
.zcbj h2{text-align: center; margin-bottom: 25px;}
.zcbj h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; ;}
.zcbj h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.zcbj h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.zcbj h2 em{display: block; height:44px; line-height: 44px;font-size: 24px; color:#666666;font-weight: normal;}
.zcbj .zc-con{height:509px;background:url(../images/zcbj.jpg) no-repeat center;}
.zcbj .zc-con .zc{padding-top:80px;}
.zcbj .zc-con .zc h3{height:80px; line-height: 80px;font-size: 30px; color:#333333;; font-weight: bold; position: relative;margin-bottom: 24px;}
.zcbj .zc-con .zc h3 i{font-size: 40px; color:#e60012;; font-weight: bold;}
.zcbj .zc-con .zc h3:before{width:56px; height:1px; background:#E60012; content:""; position: absolute; left:0;bottom:0;}
.zcbj .zc-con .zc ul li{height:62px; line-height: 62px;padding-left:36px; background:url(../images/zc-ico.png) no-repeat left;font-size: 19px; color:#333333; position: relative;}
.zcbj .zc-con .zc ul li:before{width:1px; height:46px; background:#e60012;content:""; position: absolute; left:8px;top:39px;}
.zcbj .zc-con .zc ul li:last-child:before{display: none;}
/**/
.flow_path{height:379px; background:url(../images/flow_path.jpg) no-repeat center;}
.flow{padding-top:30px;}
.flow h2{text-align: center;}
.flow h2 span{display: inline-block; height:146px; line-height: 146px;font-size: 50px; color:#FFF;padding:0 21px;position: relative; font-weight: bold; ;}
.flow h2 span:before{width:15px; height:15px; background:url(../images/tit-left1.png) no-repeat center; content:""; position: absolute; left:0;top:67px;}
.flow h2 span:after{width:15px; height:15px; background:url(../images/tit-rig1.png) no-repeat center; content:""; position: absolute; right:0;top:67px;}
.flow .lc-con .lc{width:114px; float:left;}
.flow .lc-con .lc em{display: block; width:74px;height:74px;margin:0 auto 20px; position: relative; overflow: hidden;}
.flow .lc-con .lc em i{display: block; width:74px; height:74px; line-height: 0; overflow: hidden;}
.flow .lc-con .lc em i img{width:100%;}
.flow .lc-con .lc em i.default{position: absolute;left:0;top:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.flow .lc-con .lc em i.hover{position: absolute;left:0;top:0;opacity: 0; transform: scale(0);transition: .5s;}
.flow .lc-con .lc span{display:block; text-align: center; line-height: 18px;font-size: 16px; color:#FFF; ;}
.flow .lc-con b{display: block; width:20px; height:16px;  background:url(../images/flo-jt.png) no-repeat center; float:left; margin-top: 58px;}
.flow .lc-con .lc.cur i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.flow .lc-con .lc.cur i.hover{opacity: 1; transform: scale(1);}
.flow .lc-con .lc.cur span{color:#E60012; font-weight: bold;}
/**/
.case{height:1232px;}
.cas{padding-top:79px;}
.cas h2{text-align: center; margin-bottom: 32px;}
.cas h2 span{display: inline-block; height:68px; line-height: 68px;font-size: 50px; color:#333333;padding:0 21px;position: relative; font-weight: bold; ;}
.cas h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.cas h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.cas h2 em{display: block; height:45px; line-height: 45px;font-size: 24px; color:#666666;font-weight: normal;}
.cas .cas-nav{width: 100%; height:47px; border:1px solid #e9e9e9; margin-bottom: 40px;	transform:skew(-20deg);-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform:skew(-20deg);-ms-transform:skew(-20deg); }
.cas .cas-nav ul li{float:left; width:240px; height:47px;position: relative;}
.cas .cas-nav ul li a{display: block; height:47px; text-align: center;transform:skew(20deg);-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform:skew(20deg);-ms-transform:skew(20deg);}
.cas .cas-nav ul li i{display: inline-block; width:25px; height:21px; overflow: hidden;margin: 12px 5px 0 0;}
.cas .cas-nav ul li i img{width:100%; transition: .5s;}
.cas .cas-nav ul li em{display: inline-block; height:47px; line-height: 47px;font-size: 20px; vertical-align: top;}
.cas .cas-nav ul li:before{width:6px; height:16px;content:"/";color:#e9e9e9;position: absolute;right:0; top:15px;transform:skew(20deg);-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform:skew(20deg);-ms-transform:skew(20deg); transition: .5s;}
.cas .cas-nav ul li:last-child:before{display: none;}
.cas .cas-nav ul li.cur{background:#E60012;}
.cas .cas-nav ul li.cur i img{margin-top:-21px;}
.cas .cas-nav ul li.cur em{color:#FFF;}
.cas .cas-nav ul li.cur:before{opacity: 0;}
.cas .cas-con{height:598px; margin-bottom: 58px;}
.cas .cas-con dl{width:791px; height:598px;float:left; position: relative;}
.cas .cas-con dl dt{width:100%; height:598px; line-height: 0; overflow: hidden;}
.cas .cas-con dl dt img{width: 100%; height:100%; transition: 1s;}
.cas .cas-con dl dd{height:91px;padding:10px 24px 0 30px; box-sizing: border-box;width:100%; position: absolute; left:0;bottom:0;background:rgba(0,0,0,0.6);}
.cas .cas-con dl dd h4{height:38px; line-height: 38px;background:url(../images/cas-jt1.png) no-repeat right;}
.cas .cas-con dl dd h4 a{font-size: 18px; color:#FFF; font-weight: bold;display: block;}
.cas .cas-con dl dd p{height:33px;line-height: 33px; font-size: 14px;color:#FFF;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cas .cas-con dl:hover dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.cas .cas-con ul{float:right;width:398px; }
.cas .cas-con ul li{width:100%; position: relative;height:293px; margin-bottom: 9px;}
.cas .cas-con ul li span{display: block; width:100%; height:100%; line-height: 0; overflow: hidden;}
.cas .cas-con ul li span img{width: 100%; height:100%; transition: 1s;}
.cas .cas-con ul li em{display: block; width:100%; height:56px; padding:0 16px 0 20px; box-sizing: border-box; position: absolute;left:0;bottom:0;background:rgba(0,0,0,0.6);}
.cas .cas-con ul li em i{display: block; height:56px; line-height: 56px; font-size: 16px; color:#FFF; font-weight: bold; background:url(../images/cas-jt2.png) no-repeat right;}
.cas .cas-con ul li:hover span img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.cas .cas-ml h4{height:67px; margin-bottom:32px; }
.cas .cas-ml h4 span{display: block;height:67px; line-height: 67px; float:left; padding:0 24px;font-size: 28px; color:#333333; ; font-weight: bold; position: relative;}
.cas .cas-ml h4 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:26px;}
.cas .cas-ml h4 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:26px;}
.cas .cas-ml h4 i{display: block; height:67px; line-height: 67px; float:right;position: relative; font-size: 14px; color:#333333; font-weight: normal; text-transform: uppercase;}
.cas .cas-ml h4 i:before{width:899px; height:1px; background: #EAEAEA; content:""; position: absolute; left:-946px; top:34px;}
.cas .cas-ml .cas-bd{overflow: hidden;}
.cas .cas-ml .cas-bd ul li{float:left;width:188px !important; height:105px;border:1px solid rgba(197,197,197,0.57); box-sizing: border-box; margin-right: 13px;}
.cas .cas-ml .cas-bd ul li a{display: block; width:100%; height:105px;}
.cas .cas-ml .cas-bd ul li i{display: block; width:183px; height:103px; margin:0 auto; line-height: 0; overflow: hidden;}
.cas .cas-ml .cas-bd ul li i img{width: 100%;}
/**/
.hfbj{height:157px; background:url(../images/hfbj.jpg) no-repeat center;}
.hf{padding-top:36px;}
.hf .hf-left{width:50%;float:left;}
.hf .hf-left .hf1{width:100%; float:left; margin-right:18px; }
.hf .hf-left .hf1 em{ height:37px; line-height: 37px;font-size: 34px; color:#FFF; background: url(../images/hf1.png) no-repeat right; font-weight:bold; padding-right:50px}
.hf .hf-left .hf1 span{display: block; height:47px; line-height: 47px; font-size: 24px; color:#FFF; font-weight:normal; }
.hf .hf-left .hf2{padding-top:11px;float:left;}
.hf .hf-left .hf2 em{display: block; height:32px; line-height: 32px;font-size: 12px; color:#fff; text-transform: uppercase;}
.hf .hf-left .hf2 span{display: block; height:45px;line-height: 45px;font-size: 26px; color:#FFF;}
.hf .hf-rig{width: 388px; float:right;}
.hf .hf-rig .hf-tel{float:left;padding-top:20px;}
.hf .hf-rig .hf-tel em{display: block; height:76px; line-height: 96px; background: url(../images/tel.png) no-repeat top center ;font-size: 18px; color:rgba(255,255,255,1); width:30%; float:left; text-align:center}
.hf .hf-rig .hf-tel p{line-height: 34px;font-size: 30px;color:#FFF; width:68%; float:right; font-family:BEBAS}
.hf .hf-rig a{display: block; width:125px; height:43px; line-height: 43px;text-align: center; font-size: 14px; color:#FEFEFE;float:right;background: url(../images/hf-kk.png) no-repeat center; margin-top: 32px;}
/**/
.newsbj{height:935px; background:#f5f5f5; position: relative;}
.news{padding-top:71px;position: relative;z-index:300;}
.news h2{text-align: center; }
.news h2 span{display: inline-block; height:95px; line-height: 95px;font-size: 50px; color:#333333;padding:0 25px;position: relative; font-weight: bold; ;}
.news h2 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:41px;}
.news h2 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:41px;}

.news em{ font-size:24px; color:#555555; text-align:center; display:block}


.xwzx-b{display:flex;justify-content:space-between;flex-wrap:wrap; padding-top:50px}
.xwzx-l{width: 590px;}
.xwzx-l a{display:block;}
.xwzx-l a h4{overflow:hidden;}
.xwzx-l a h4 img{width:100%;display:block;  transition:all 0.4s}
.xwzx-l a h3{font-weight:normal;padding:33px 20px;}
.xwzx-l a h3 p{font-size:24px;color:#000000;line-height:100%;margin-bottom:15px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.xwzx-l a h3 span{display:block;line-height:24px;font-size:15px;color:#626262;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;max-height:72px;}
.xwzx-l a:hover img{transform:scale(1.1); transition:all 0.4s}
.xwzx-l a:hover h3 p{color:#0b3b85;}
.xwzx-l a:hover h3 span{color:#0b3b85;}
.xwzx-r{width: 590px;}
.xwzx-r-t{}
.xwzx-r-t a{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:10px;justify-content:space-between;}
.xwzx-r-t a h4{width: 220px;overflow:hidden;}
.xwzx-r-t a h4 img{height:150px;display:block;width:100%;}
.xwzx-r-t-r{width:calc(100% - 240px);}
.xwzx-r-t-r h3{font-weight:normal;color:#000000;font-size:18px;line-height:100%;margin-bottom:20px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.xwzx-r-t-r p{line-height:24px;color:#626262;margin-bottom:20px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;max-height:48px; font-size:15px}
.xwzx-r-t-r span{color:#626262;}
.xwzx-r-t a:hover .xwzx-r-t-r h3{color:#0b3b85;}
.xwzx-r-t a:hover .xwzx-r-t-r p{color:#0b3b85;} 
.xwzx-r-b{margin-top:20px;padding-top:17px;border-top:1px solid #e5e5e5;}
.xwzx-r-b a{display:flex;justify-content:space-between;line-height:36px;color:#626262;padding-left:26px;background:url(../images/xwzx-bt1.png)no-repeat center left;}
.xwzx-r-b a p{width:calc(100% - 100px);font-size:16px;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.xwzx-r-b a span{display:block;width:90px;}
.xwzx-r-b a:hover{color:#0b3b85;}




/**/
.about{background:url(../images/abobj.jpg) no-repeat top center;padding-bottom:69px;}
.abo{padding-top:397px;}
.abo .abo-con{background:#FFF;padding:38px 39px 52px; box-sizing: border-box;box-shadow: 0px 0px 18px rgba(0,0,0,0.1);}
.abo .abo-con h4{text-align: center;margin-bottom:26px; }
.abo .abo-con h4 span{display: inline-block;height:77px;line-height: 77px;font-size: 50px; color:#333333;padding:0 25px;position: relative; font-weight: bold; ;}
.abo .abo-con h4 span:before{width:15px; height:20px; background:url(../images/tit-left.png) no-repeat center; content:""; position: absolute; left:0;top:28px;}
.abo .abo-con h4 span:after{width:15px; height:20px; background:url(../images/tit-rig.png) no-repeat center; content:""; position: absolute; right:0;top:28px;}
.abo .abo-con h4 em{display: block; height:47px;line-height: 47px;font-size: 24px; color:#666666;font-weight: normal;}
.abo .abo-con p{width:1010px; margin:0 auto 24px; line-height:33px; font-size: 16px; color:#666666; text-align: center;}
.abo .abo-con .abo-nav{width:268px;  height:47px;margin:0 auto 32px;background:#f3f3f3;}
.abo .abo-con .abo-nav li{float:left;width:141px; height:47px;text-align: center; line-height: 47px;}
.abo .abo-con .abo-nav li a{font-size: 16px; color:#666666; font-weight: bold;display: block;}
.abo .abo-con .abo-nav li.ab2{margin-left: -14px;}
.abo .abo-con .abo-nav li.cur a{color:#FFF;}
.abo .abo-con .abo-nav li.ab1.cur{background:url(../images/abo-nav1.png) no-repeat center;}
.abo .abo-con .abo-nav li.ab2.cur{background:url(../images/abo-nav2.png) no-repeat center;}
.abo .abo-con .abo-bot{position: relative;}
.abo .abo-con .abo-bot .abo-list{width:1005px;margin:0 auto;}
.abo .abo-con .abo-bot .abo-list .bd{overflow: hidden;}
.abo .abo-con .abo-bot .abo-list .bd ul li{float:left; width:238px;margin-right: 17px;}
.abo .abo-con .abo-bot .abo-list .bd ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.abo .abo-con .abo-bot .abo-list .bd ul li span img{width:100%;}
.abo .abo-con .abo-bot .abo-list .bd ul li em{display: block; width:100%; height:17px; background:url(../images/abo-yy.png) no-repeat center;}
.abo .abo-con .abo-bot .abo-list .abo-jt i{display: block; width:19px; height:33px;cursor: pointer;}
.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-prev{background:url(../images/abo-prev.png) no-repeat center;position: absolute; left:0;top:40%;}
.abo .abo-con .abo-bot .abo-list .abo-jt i.abo-next{background:url(../images/abo-next.png) no-repeat center;position: absolute; right:0;top:40%;}











/*客户见证*/
.jz_bg{background:url(../images/jz_bg.jpg) no-repeat center 0;height: 410px;padding: 140px 0 0;overflow: hidden;}
.jz_bg .jz{ width:1284px}
.jz_bg .jz h2{ text-align:center; margin-left:100px}
.jz_bg .jz h2 a{font-size:50px; }
.jz_bg .jz h2  span{ color:#555555; font-size:24px; font-weight:normal; display:block; margin-top:30px}
.yin_t b{color: #093e5e; font-size: 40px;
    color: #333;
    text-align: center;
    position: relative;
    height: 90px;
    line-height: 42px;}
	
.jz_bg .jz h2 a:before {
    width: 15px;
    height: 20px;
    background: url(../images/tit-left.png) no-repeat center;
    content: "";
    position: absolute; margin-left:-40px;
    
    top:0
}.jz_bg .jz h2 a:after {
    width: 15px;
    height: 20px;
    background: url(../images/tit-rig.png) no-repeat center;
    content: "";
    position: absolute;
    
    top: 0; margin-right:-40px;
}	
	
	
	
.jz_t{display: block;font-size: 42px;color: #fff; width: 260px;height: 170px;background:url(../images/kehu_1.jpg) no-repeat center top;position: absolute;top: -44px;line-height: 44px;padding: 30px 0 0 40px;z-index: 20; text-transform: uppercase;
    line-height: 40px;
    font-family: Barlow-Bold;}
	
	.jz_t span {
    display: block;
    text-transform: uppercase;
    font-size: 29px;
    color: #fff;
    font-weight: normal;
    margin-top: 10px;
    background: url(../images/line.jpg) no-repeat left top;
    padding-top: 10px;
}
	
	
.jz_t i{display: block;}
.jz_m{padding: 48px 0 0;}
.jz_m dl{width: 1282px;height: 225px;background: #fff;}
.jz_m dl dt{width: 300px;height: 225px;float: left;overflow: hidden;line-height: 0;}
.jz_m dl dt img{width: 300px;height: 225px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.jz_m dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.jz_m dl dd{width: 850px;float: left;padding: 20px 0 0 70px;}
.jz_m dl dd h5{height: 35px;line-height: 35px;overflow: hidden;}
.jz_m dl dd h5 a{font-size: 20px;color: #333;font-weight: normal;}
.jz_m dl dd h5 a:hover,.jz_m dl dd span a:hover{color: #093e5e;}
.jz_m dl dd em{display: block;font-size: 16px;color: #333;height: 25px;line-height: 25px;overflow: hidden;padding: 5px 0 0;}
.jz_m .jz_desc{font-size: 16px;color: #373737;line-height: 37px;overflow: hidden;padding: 10px 0 0;}
.jz_m dl dd span{display: block;padding: 20px 0 0;}
.jz_m dl dd span a{font-size: 14px;color: #333;text-transform: uppercase; width:181px; height:47px; background:#003171; color:#fff; display:block; text-align:center; line-height:47px; transition:all 0.4s}
.jz_m dl dd span a:hover{font-size: 14px;color: #333;text-transform: uppercase; width:181px; height:47px; background:#d91e29; color:#fff; display:block; text-align:center; line-height:47px;  transition:all 0.4s; margin-top:5px}

.jz_btn{width: 128px;height: 46px;position: absolute;top: 12px;right: 0;z-index: 20;}
.jz_btn a{display: block;width: 46px;height: 46px;margin-left: 18px;float: left;}
.jz_btn .jz_lico{background:url(../images/jz_lico01.png) no-repeat;}
.jz_btn .jz_lico:hover{background:url(../images/jz_lico02.png) no-repeat;}
.jz_btn .jz_rico{background:url(../images/jz_rico01.png) no-repeat;}
.jz_btn .jz_rico:hover{background:url(../images/jz_rico02.png) no-repeat;}

/*合作客户*/
.hz{background:url(../images/kehu_2.jpg) no-repeat center top;height: 366px;overflow: hidden;}
.hz .content1{ width:1284px;}
.hz ul li{width: 235px;height: 127px;float: left;position: relative;line-height: 0;margin-top: 30px;margin-left: 27px;overflow: hidden; background:#fff}
.hz ul li img{width: 214px;height: 127px; margin:0 auto}
.hz ul li a{width: 214px;height: 0;display: block;position: absolute;bottom: 0;left: 0;font-size: 14px;color: #fff;background: rgba(0,49,113,0.9);text-align: center;line-height: 137px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0 10px;
transition:height .3s;
-moz-transition:height .3s; /* Firefox 4 */
-webkit-transition:height .3s; /* Safari and Chrome */
-o-transition:height .3s; /* Opera */}
.hz ul li:hover a{height: 137px;}
.hz .nobor,.hz ul li:first-child{margin-left: 0;}
.hz .nobor,.hz ul li:nth-child(6){margin-left: 0;}
.content1{ width:1284px;}

.ba{display:block}
#flash2{display:none}
#header{display:block}
.mbdh{ display:none}

/*--------------------------------------------------------------------------------------------------------------------------------------550--*/

@media all and (max-width:786px){  
#flash2{ display:block}
.ba{ display:none}
.mbdh{ display:block}
#header{display:none}

.sea {
    height: 56px;
    width: 90%;
    margin: 0 auto;
}
.sea .sou{ display:none}


.sea span a {
    display: block;
    height: 56px;
    line-height: 56px;
    float: left;
    font-size: 12px;
    color: #555555;
    margin-right: 6px;
}
.sea span i {
    display: block;
    height: 56px;
    line-height: 56px;
   
    font-size: 12px;
    color: #555555;
    font-weight: bold;
}.sea span {
    display: block;
    height: 56px;
    float: none;
}


.search {
    height: 56px;
    border: 1px solid #e9e9e9;
    border-left: 0;
    border-right: 0;
    box-sizing: border-box;
    width: 100%; overflow:hidden
}

.guide {
    padding: 57px 0 0px;
    background: url(../images/guide.jpg) no-repeat center top;
}

.gui {
    width: 90%;
    margin: 0 auto;
}.gui .gui-left {
    width: 100%;
    height:auto;
    float: left;
    padding-top: 43px;
    position: relative;
    z-index: 200; margin-bottom:6%
}
.gui .gui-left h2 span {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    font-size: 36px;
    color: #003171;
    padding-right: 37px;
    font-weight: bold;
    background: url(../images/gui-yy.png) no-repeat right 11px;
    text-transform: uppercase;
    font-family: Barlow-Bold;
}.gui .gui-left h2 em {
    display: block;
    height: 43px;
    line-height: 43px;
    font-size: 24px;
    color: #d01717;
    font-weight: bold;
}.gui .gui-left h2 em b {
    font-size: 22px;
    font-weight: normal;
    color: #003171;
}.gui .gui-left h2 i {
    background: url(../images/line.jpg) no-repeat left bottom;
    padding-bottom: 10px;
    color: #373737;
    font-size: 16px;
    font-weight: normal; padding-bottom:16px
}.gui .gui-left strong {
    display: block;
    line-height: 30px;
    font-weight: normal;
    font-size: 13px;
    color: #333333;
    margin-bottom: 27px;
    margin-top: 40px;
}.gui .gui-left .hd ul li {
    width: 121px;
    height: 37px;
    text-align: center;
    cursor: pointer;
    position: relative;
    background: #003171;
    color: #fff;
}.gui .gui-left .hd ul li i {
    display: block;
    width: 100%;
    height: 37px;
    line-height: 37px;
    font-size: 14px;
    color: #666666;
    position: relative;
    z-index: 200;
}.gui .gui-left .gui-sz {
    width: 100%;
    height: 238px;
    background: #FFF;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    padding-top:0px;
    box-sizing: border-box;
}.gui .gui-left .gui-sz ul li { width:33%!important; margin-bottom:4%; margin-top:4%}

.gui .gui-left .hd {
    width: 100%;
    height: 47px;
    margin-bottom: 24px;
}
.gui .gui-left .gui-sz ul li span em {
    display: inline-block;
    height: 56px;
    line-height: 56px;
    font-size: 35px;
    color: #003171;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}
.gui .gui-left .gui-sz ul li:nth-child(4) { width:49%!important}
.gui .gui-left .gui-sz ul li:nth-child(5) { width:49%!important}

.gui .gui-left .gui-sz ul li:nth-child(5) p{ padding-left:0; text-align:center!important}
.gui .gui-left .gui-sz ul li:nth-child(4) p{ padding-left:0; text-align:center!important}


.gui .gui-rig {
    width: 100%;
    height: 256px;
    overflow: hidden;
    float: none;
}


.pro-top h2 span {
    display: inline-block;
    height: 70px;
    line-height: 34px;
    font-size: 26px;
    color: #FFF;
    padding: 0 21px;
    position: relative;
    font-weight: normal; width:80%
}

.pro-top h2 span:before {
    width: 11px;
    height: 15px;
    background: url(../images/tit-left.png) no-repeat center;
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
}
.pro-top h2 span:after {
     width: 11px;
    height: 15px;
    background: url(../images/tit-rig.png) no-repeat center;
    content: "";
    position: absolute;
    right: 0;
    top: 5px;
}.pro-top h2 {
    text-align: center;
    margin-bottom: 14px;
}.pro-top .pro-con {
    width: 87%;
    height: 513px;
    margin: 0 auto;
    position: relative;
    padding-top: 31px;
    box-sizing: border-box;
}.pro-top .pro-con ul li {
    width:100%;
    height: 115px;
    margin-bottom: 19px;
}.pro-top .pro-con ul li i {
    display: block;
    width: 64px;
    height: 74px;
    overflow: hidden;
}

.pro-top .pro-con ul li h4 span {
    display: block;
    height: 31px;
    line-height: 31px;
    font-size: 19px;
    color: #ffffff;
    font-weight: bold;
}
.pro-top .pro-con ul li h4 p {
    height: 33PX;
    line-height: 33px;
    font-size: 12px;
    color: rgba(255,255,255,0.66);
    font-weight: normal;
}

.pro-top .pro-con ul li.odd h4 {
    float: left;
    width: 70%;
}


.pro-top .pro-con ul li h4 p {
    height: 33PX; 
   line-height: 24px; 
    font-size: 14px;
    color: rgba(255,255,255,0.66);
    font-weight: normal;
}

.pro-top .pro-con ul li.even h4 {
    float: right;
    text-align: right;
    width: 70%;
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.Pro .proLt{ display:NONE}

.Pro .proRt {
    float: none;
    width: 90%; margin:0 auto
}
.Pro {
    overflow: hidden;
    width: 100%;
    background-color: #e8e8e8;
    padding: 55px 0 60px 0;
}


.pro1 .abty {
    width: 100%;
    float: left;
}

.pro1 .abrl {
    width: 100%;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pro1 h2 {
    margin: 12px 0 0 15px;
    color: #282828;
    font-weight: normal;
    font-size: 16px;
}
.more {
    width: 100px;
    height: 34px;
    line-height: 34px;
    background: url(../images/pro-kk.png) no-repeat left center;
    color: #003171;
    display: block;
    margin-left:15px;
    font-size: 13px;
    margin-top: 20px;
    transition: All 0.4s ease-in-out;
    text-align: center;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out; background-size: 100%
}
.he_slideCaptionDown .he_slideCaptionDown_caption_h {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    width: 80%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
    opacity: 0;
    margin: 0 auto;
    margin-top: 40%;
}
.he_slideCaptionDown {
    background: #fff;
    width: 100%;
    height: 220px;
    padding: 0;
    margin: 0;
    border: 0px solid #000;
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}.box {
    float: left;
    width: 49%;
    height: 220px;
    margin-right: 1%;
    margin-top: 1%;
}.he_slideCaptionDown .he_slideCaptionDown_caption_p {
    font-size: 14px;
    text-align: center;
    width: 70%;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    overflow: hidden;
    opacity: 0;
    border: 1px #fff solid;
    margin: 0 auto;
    margin-top: 30px;
    line-height: 30px;
    border-radius: 35px;
}.he_slideCaptionDown .he_slideCaptionDown_img {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    opacity: 1;
    overflow: hidden;
    width: 70%;
    margin-top: -60px;
}.he_sxs {
    width: 96%;
    height: 52px;
    position: absolute;
    bottom: 2%;
    background: #eeeeee;
    line-height: 52px;
    left: 2%;
    text-align: center;
    font-size: 14px;
}.ys {
    padding-top: 40px;
    background: url(../images/youshibg.jpg) no-repeat center top fixed;
    padding-bottom: 40px; background-attachment:scroll
}.ys h2 span {
    display: inline-block;
    height: 68px;
    line-height: 68px;
    font-size: 26px;
    color: #fff;
    padding: 0 21px;
    position: relative;
    font-weight: bold;
}.ys h2 em {
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 17px;
    color: #b8bfcd;
    font-weight: normal;
}.ys .ys-nav {
    height: 114px;
    width: 95%; margin:0 auto;
    margin-bottom: 15px;
}.ys .ys-nav ul li {
    float: left;
    width: 25%;
    height: 51px;
    text-align: center;
    position: relative;
}.ys .ys-nav ul li h4 span {
    display: block;
    height:auto;
    line-height: 20px;
    font-size: 15px;
    color: #fff;
    font-weight: normal; text-align:center
}.ys .ys-nav ul li h4 p {
    height: 17px;
    line-height: 17px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-family: Barlow-Regular; text-align:center
}
.tempWrap{ width:500px!important}
.con{ width:500px!important}
.ys-list{ display:none}


.jz_bg .jz {
    width: 90%;
}
.jz_t{ display:none}

.jz_bg .jz h2 a {
    font-size: 26px;
}.jz_bg {
    background: url(../images/jz_bg.jpg) no-repeat center -70px;
    height: 360px;
    padding: 60px 0 0;
    overflow: hidden;
}
.jz_bg .jz h2 span {
    color: #555555;
    font-size: 16px;
    font-weight: normal;
    display: block;
    margin-top: 10px;
}.jz_m {
    padding: 4px 0 0; box-shadow: 0 0 15px rgba(0,0,0,.2); margin-top:4%
}.hz .content1 {
    width: 90%; margin:0 auto
}.hz ul li {
    width:18%;
    height: 57px;
    float: left;
    position: relative;
    line-height: 0;
    margin-top: 0px;
    margin-left: 1%; margin-right:1%;
    overflow: hidden;
    background: #fff; margin-bottom:3%
}.hz ul li img {
    width: 100%;
    height:auto;
    margin: 0 auto;
}.hz {
    background: url(../images/kehu_2.jpg) no-repeat center top;
    height: 166px;
    overflow: hidden;
}
.jz_m dl {
    width: 100%;
    height: 225px;
    background: #fff;
}
.jz_m dl dt{ display:none}
.jz_m .jz_desc {
    font-size: 14px;
    color: #373737;
    line-height: 26px;
    overflow: hidden;
    padding: 10px 0 0; width:100%
}.jz_m dl dd {
    width:90%;
    float: none; margin:0 auto;
    padding: 20px 0 0 0px;
}.jz_bg .jz h2 {
    text-align: center;
    margin-left: 0px;
}.jz_m dl dd span a {
    font-size: 14px;
    color: #333;
    text-transform: uppercase;
    width: 100px;
    height: 37px;
    background: #003171;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 37px;
    transition: all 0.4s;
}.pro-top .pro-con .pro-cen i{ display:none}

.content1 {
    width: 90%;
}


.hf .hf-left {
    width: 100%;
    float: left;
}

.hf .hf-left .hf1 em {
    height: 37px;
    line-height: 37px;
    font-size: 24px;
    color: #FFF;
    background: url(../images/hf1.png) no-repeat right;
    font-weight: bold;
    padding-right: 50px;
}

.hf .hf-left .hf1 span {
    display: block;
    height: 47px;
    line-height: 24px;
    font-size: 16px;
    color: #FFF;
    font-weight: normal;
}
.hf .hf-rig .hf-tel{ display:none}


.news h2 span {
    display: inline-block;
    height: 55px;
    line-height: 55px;
    font-size: 26px;
    color: #333333;
    padding: 0 25px;
    position: relative;
    font-weight: bold;
}
.news h2 span:before {
    width: 15px;
    height: 20px;
    background: url(../images/tit-left.png) no-repeat center;
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
}
.news h2 span:after {
    width: 15px;
    height: 20px;
    background: url(../images/tit-rig.png) no-repeat center;
    content: "";
    position: absolute;
    right: 0;
    top: 11px;
}
.news em {
    font-size: 16px;
    color: #555555;
    text-align: center;
    display: block;
}
.xwzx-l {
    width: 100%;
}.xwzx-l a h3 p {
    font-size: 15px;
    color: #000000;
    line-height: 100%;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}.xwzx-l a h3 span {
    display: block;
    line-height: 22px;
    font-size: 11px;
    color: #626262;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 72px;
}.xwzx-r {
    width:100%;
}.xwzx-r-t a h4 {
    width: 35%;
    overflow: hidden;
}.xwzx-r-t-r {
    width: calc(100% - 37%);
}.xwzx-r-t-r p {
    line-height: 22px;
    color: #626262;
    margin-bottom: 0px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 28px;
    font-size: 12px;
}.xwzx-r-t a h4 img {
    height:auto;
    display: block;
    width: 100%;
}.xwzx-r-t-r h3 {
    font-weight: normal;
    color: #000000;
    font-size: 15px;
    line-height: 100%;
    margin-bottom: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}.xwzx-l a h3 {
    font-weight: normal;
    padding: 32px 0px;
}
.xwzx-r-t-r span {
    color: #626262; font-size:12px
}
.xwzx-r-b{ display:none}
.footer{ display:none}







}