@charset "utf-8";
@font-face {
    font-family: dinprobold;
    src: url("../font/dinprobold.ttf");
}
@font-face {
    font-family: pingfangheavy;
    src: url("../font/pingfangheavy.woff2");
}
@font-face {
    font-family: yqzjht;
    src: url("../font/yqzjht.woff2");
}
@font-face {
    font-family: dincondregular;
    src: url("../font/dincondregular.otf");
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background: #fff;color: #333;}
input,textarea{ border:none; font-family:"Microsoft YaHei","PingFang SC";}
img{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #333;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6em;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.w92{width: 92%;margin: 0 auto;}
.bgf3{background: #f3f3f3;}
.bgf5{background: #f5f5f5;}
.padding-tb100{padding: 100px 0;}
.padding-tb90{padding: 90px 0;}
.padding-tb80{padding: 80px 0;}
.padding-tb60{padding: 60px 0;}
.padding-tb50{padding: 50px 0;}
.w1700{width: 1700px;max-width: 92%;margin: 0 auto;}

/*header s*/
body{padding-top: 94px;transition: all .4s;}
.header{position: fixed;z-index: 999;width: 100%;left: 0;top:0;transition: all .4s;background: #fff;}
.header .w1700{height: 94px;transition: all .4s;}
.logo{position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.logo img{display: block;height: 90px;transition: all .4s;}
.logo-fff{position: absolute;left: 0;top:0;height: 100%;opacity: 0;filter: alpha(opacity=0);}
.nav li{float: left;position: relative;margin-right: 80px;}
.nav li:last-child{margin-right: 0;}
.nav-yi{display: inline-block;line-height: 94px;font-size: 16px;transition: all .4s;position: relative;z-index: 3;color: #666;}
.nav-yi:hover{color: #13296e;}
.nav li.active .nav-yi{color: #13296e;}
.header-area{position: absolute;right: 0;height: 28px;margin-top: -14px;top:50%;z-index: 9;}
body.active .header{box-shadow: 0 1px 2px #ddd;}
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #000; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
body.is-scroll{padding-top: 70px;}
body.is-scroll .header{box-shadow: 0 1px 2px #ddd;}
body.is-scroll .header .w1700{height: 70px;}
body.is-scroll .nav-yi{line-height: 70px;}
body.is-scroll .search-con{top:52px;}
body.is-scroll .logo img{height: 60px;}
/*header e*/
/*footer s*/
.footer{background: #333;}
.footer-top{padding: 55px 0;font-size: 0;}
.footer-page{width: 25%;position: relative;padding: 0 3%;box-sizing: border-box;display: inline-block;vertical-align: top;font-size: 14px;float: none;}
.footer-page:nth-child(1){padding-left: 0;}
.footer-page:after{content: "";position: absolute;right: 0;top:0;height: 136px;border-right: 1px solid #454545;}
.footer-page:last-child:after{display: none;}
.footer-page h4{color: #fff;margin-bottom: 3px;}
.footer-page p{color: #7c7c7c;margin-bottom: 3px;}
.yywz li{display: inline-block;margin-top: 10px;margin-right: 14px;}
.footer-bot{text-align: center;border-top: 1px solid #484848;padding: 20px 0 15px;}
.beian span,.beian a{color: #7c7c7c;display: inline-block;}
.fudong{position: fixed;z-index: 998;right: 18px;bottom:60px;width: 56px;display: none;}
.fudong.active{display: block;}
.fudong li{position: relative;margin-top: 10px;width: 56px;height: 56px;}
.fudong li a{}
.fudong .icon{width: 56px;height: 56px;background-color: #fff;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius: 100%;transition: all .5s;}
.fd-tel .icon{background-image: url("../images/fd-tel.png");}
.fd-wx .icon{background-image: url("../images/wx100.png");}
.fd-qq .icon{background-image: url("../images/qq100.png");}
.fd-top .icon{background-image: url("../images/fd-top.png");}
.fudong li:hover .icon{background-color:#fff;}
.fd-con{position: absolute;right: 0;top:0;height: 56px;width: 56px;border-radius: 56px;background: #fff;overflow: hidden;z-index: -1;transition: all .3s;box-shadow: 0 0 8px #ddd;}
.fd-wx{border-radius: 100%; box-shadow: 0 0 8px #ddd;}
.fd-con .icon{background-color:#fff;position: absolute;left: 10px;top:0;}
.fd-text{line-height: 56px;font-size: 16px;color: #333;margin-left: 73px;}
.fd-ewm{position: absolute;right: 60px;top:50%;margin-top: -60px;width: 0;transition: all .4s;overflow: hidden;}
.fd-ewm .img{width: 120px;}
.fd-ewm .img img{width: 100%;vertical-align: bottom;}
.fudong li:hover .icon{background-color:#fff;}
.fudong li:hover .fd-con{width: 160px;z-index: 3;}
.fudong li:hover .fd-ewm{width: 120px;}
.fudong li.fd-tel:hover .fd-con{width: 200px;z-index: 3;}
.wap-wxcode{display: none;position: fixed;z-index: 9999;background: rgba(0,0,0,.7);top:0;left: 0;width: 100%;height: 100%;}
.wap-wxcode-con{text-align: center;position: relative;width: 70%;padding:30px 0;margin: 0 auto;background: #fff;}
.wap-wxcode-con img{width: 70%;vertical-align: bottom;}
.wap-wxcode-bot{margin-top: 20px;}
/*.wxname{color: #fff;}*/
.copy-btn{margin-left: 6px;padding: 0 5px;}
.gb1002{position: absolute;width: 32px;height: 32px;left: 50%;bottom:-60px;margin-left: -16px;background: url("../images/close.png") no-repeat center;background-size: cover;filter: brightness(5);}
.wap_fx{overflow: hidden;position: fixed;width: 40px;bottom: 3%;right: 5px;z-index: 50;text-align: center;display: none;}
.wap_fx a{display: block;width: 40px;height: 40px;margin: 6px 0px;text-align: center;cursor: pointer;}
.wap_fx .qq{background: url(../images/wap_qq.png) no-repeat;background-size: cover;}
.wap_fx .wx{background: url(../images/wap_wx.png) no-repeat;background-size: cover;}
.wap_fx .wx2{background: url(../images/wap_wx2.png) no-repeat;background-size: cover;}
.wap_fx .phone{background: url(../images/wap_phone.png) no-repeat;background-size: cover;}
/*footer e*/
/*index s*/
.banner-des{margin-bottom: 30px;}
.banner-des h2{color: #fff;font-size: 50px;margin-bottom: 15px;}
.banner-des h3{color: #fff;font-size: 22px;}
.mouse{width: 23px;height: 41px;background: url("../images/mouse.png") no-repeat center;background-size: cover;left: 4%;position: absolute;z-index: 9;bottom:30px;}
.banner-bot{right: 0;bottom:0;position: absolute;z-index: 9;white-space: nowrap;font-size: 0;}
.bannerPage{line-height: 76px;padding: 0 80px;display: inline-block;vertical-align: middle;background: #13296e;font-size: 14px;}
.bannerPage span{color: #fff;width: auto;height: auto;border-radius:0;line-height: normal;margin-right: 45px;background: none;font-size: 20px;opacity: 1;border-bottom: 1px solid transparent;}
.bannerPage span:last-child{margin-right: 0;}
.bannerPage span.swiper-pagination-bullet-active{border-color: #fff;}
.index-new{display: inline-block;vertical-align: middle;line-height: 76px;background: #fff;padding: 0 120px 0 40px;font-size: 14px;position: relative;width: 840px;box-sizing: border-box;}
.newBtn{position: absolute;right: 30px;top:0;z-index: 9;}
.index-new .swiper-slide{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index-new a{font-size: 18px;}
.newBtn div{width: 32px;height: 32px;display: inline-block;cursor: pointer;transition: all .4s;vertical-align: middle;opacity: 0.5;}
.newBtn div:hover{opacity: 1;}
.newBtn1{background: url("../images/321.png") no-repeat center;background-size: cover;}
.newBtn2{background: url("../images/322.png") no-repeat center;background-size: cover;}
.index-new .swiper-container{height: 78px;}
.gj-top h2{font-size: 22px;color: #333;margin-bottom: 10px;}
.gj-top h3{font-size: 40px; color: #333;width: 200px;max-width: 100%;}
.gj-height{height: 285px;border-bottom:1px solid #ddd;margin-bottom: 45px;}
.gj-l{width: 20%;}
.cl-r{width: 66.2%;}
.ywfw{font-size: 16px;width: 156px;line-height: 40px;background: #13296e;color: #fff;text-align: center;display: inline-block;}
.cl-r span{display: block;font-size: 16px;color: #666666;}
.cl-top p{font-size: 18px;margin: 20px 0 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ckxx{display: inline-block;color: #13296e;position: relative;padding-right: 36px;}
.ckxx i{width: 21px;height: 21px;background: url("../images/jt21.png") no-repeat center;background-size: cover;position: absolute;right: 0;top:0;}
.cl-bot{display: flex;justify-content: space-between;flex-wrap: wrap;}
.cl-bot li{width: 23.5%;margin-right: 2%;}
.cl-bot li:last-child{margin-right: 0;}
.cl-bot span{margin-bottom: 8px;}
.title26{margin-bottom: 60px;}
.title26 h2{font-size: 26px;}
.title26 p{color: #666;margin-top: 5px;}
.title26 .size18{font-size: 18px;color: #333;margin-top: 10px;}
.alzs{font-size: 0;}
.alzs li{width: 32%;margin-right: 2%;display: inline-block;vertical-align: top;font-size: 14px;margin-bottom: 3%;}
.alzs li:nth-child(3n){margin-right: 0;}
.alzs-bot{padding: 0 30px;border:1px solid #e1e1e1;}
.alzs-a{padding: 25px 0 50px;border-bottom: 1px solid #bfbfbf;}
.alzs-a h3{font-size: 22px;color: #000;margin-bottom: 15px;}
.alzs-a p{color: #666;height: 22px;}
.alzs-bot{position: relative;}
.alzs-bot span{line-height: 60px;display: block;color: #666;}
.case-bg div{z-index: -1;}
.zindex5{z-index: 5;}
.case-bgfff{top:90px;width: 92%;left: 4%;bottom:90px;background: #fff;z-index: 1;position: absolute;}
.caseBox .w92{position: relative;z-index: 2;}
.casePlay .swiper-slide.ready{transition: all .4s;}
.casePlay .swiper-slide{transform: scale(0.9);}
.casePlay .swiper-slide-active{transform: scale(1);}
.case-con{position: absolute;left: 40px;bottom:40px;}
.case-con h3{color: #fff;font-size: 36px;text-transform: uppercase;font-family: dinprobold;margin-bottom: 15px;}
.casePlay h4{font-size: 20px;text-align: center;margin-top: 37px;opacity: 0;transition: all .4s;}
.casePlay .swiper-slide-active h4{opacity: 1;}
.case-con p{font-size: 20px;color: #fff;}
.case-con img{width: 36px;display: block;margin-top: 30px;}
.caseBtn{position: absolute;top:0;left: 0;width: 100%;bottom:54px;}
.caseBtn div{width: 32px;height: 32px;display: inline-block;cursor: pointer;transition: all .4s;vertical-align: middle;opacity: 0.5;position: absolute;top:50%;left: 50%;margin-top: -16px;z-index: 9;}
.caseBtn div:hover{opacity: 1;}
.caseBtn1{background: url("../images/321.png") no-repeat center;background-size: cover;}
.caseBtn2{background: url("../images/322.png") no-repeat center;background-size: cover;}
.more{position: absolute;right: 0;bottom:0;}
.more span{display: inline-block;vertical-align: middle;color: #999;margin-right: 5px;transition: all .4s;}
.more img{display: inline-block;vertical-align: middle;width: 16px;opacity: 0.5;transition: all .4s;}
.more:hover span{color: #13296e;}
.more:hover img{opacity: 1;}
.new li{float: left;width: 32.5%;background: #fff;margin-bottom: 40px;transition: all .4s;}
.new li:nth-child(1){position: absolute;width: 30%;left: 0;top:0;}
.new li:nth-child(2),.new li:nth-child(4){margin-left: 32.5%;}
.new li:nth-child(3),.new li:nth-child(5){margin-left: 2.5%;}
.new a{display: block;padding: 0 50px;position: relative;}
.new-mid{padding: 50px 0;border-bottom: 1px solid #e0e0e0;}
.new-mid .img100{margin-bottom: 45px;}
.new-mid h3{font-size: 22px;color: #232122;transition: all .4s;margin-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new-mid p{line-height: 1.8em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 5.4em;}
.new-bot{position: relative;}
.new-bot span{line-height: 80px;font-size: 16px;color: #999999;display: block;}
.jt37{width: 37px;height: 9px;background: url("../images/jt37.png") no-repeat center;background-size: cover;right: 0;top:50%;margin-top: -4px;transition: all .4s;position: absolute;filter: grayscale(1);opacity: 0.5;}
a:hover .jt37{filter: grayscale(0);opacity: 1;}
.new a:hover h3{color: #13296e;}
.line6{height: 6px;background: #13296e;width: 0;left: 50%;transform: translateX(-50%);bottom:0;opacity: 0;position: absolute;transition: all .4s;}
a:hover .line6{opacity: 1;width: 100%;}
.new li:hover{box-shadow: 0 0 14px 0 #ddd;transform: translateY(-10px);}
.new-mid .img100{height: 260px;}
.new li:nth-child(1) .new-mid p{height: 118px;}
.partner1 li{float: left;width: 16.666%;padding: 0 3%;box-sizing: border-box;text-align: center;margin: 20px 0;}
.partner1 li img{width: 100%;transition: all .4s;filter: grayscale(1);opacity: 0.8;}
/*.partner1 li:hover img{filter: grayscale(0);opacity: 1;}*/
.caseDot{position: relative;z-index: 9;}
/*index e*/
/*网站 s*/
.ban-title h2{font-size: 46px;color: #fff;margin-bottom: 5px;}
.ban-title p{font-size: 26px;color: #fff;}
.margin-b30{margin-bottom: 30px;}
.title26-333 p{color: #333;}
.yzs li{width: 23.5%;margin-right: 2%;position: relative;text-align: center;overflow: hidden;float: left;}
.yzs li:last-child{margin-right: 0;}
.yzs-a{position: absolute;left: 0;width: 100%;bottom:0;box-sizing: border-box;padding: 20px;transition: all .4s;}
.yzs-title img{width: 82px;max-width: 100%;}
.yzs-title h3{font-size: 26px;color: #fff;}
.yzs-b{position: absolute;background: rgba(0,0,0,.7);width: 100%;height: 100%;top:100%;left: 0;transition: all .4s;}
.yzs-warp{margin: 0 45px;}
.yzs-warp p{color: #fff;opacity: 0.8;}
.yzs-warp h3{margin: 24px 0;}
.yzs li:hover .yzs-b{top:0;}
.yzs li:hover .yzs-a{opacity: 0;}
.title32{margin-bottom: 60px;}
.title32 h2{font-size: 32px;}
/*.wzlx{height: 830px;}*/
.wzlx-con{margin: 0 4%;position: relative;z-index: 9;width: 42.7%;}
.margin-b15{margin-bottom: 15px;}
.wzlx-title .line{width: 235px;border-bottom: 1px solid #c9c9c9;margin-top: 45px;margin-bottom: 40px;max-width: 50%;transform-origin: left !important;+.}
.wzlx-title h2{font-size: 26px;}
.wzlx-title h3{font-size: 18px;margin-top: 20px;}
.wzlx-title p{font-size: 16px;width: 700px;line-height: 2em; max-width: 100%;}
.gd{border-top: 1px solid #e4e4e4;border-left: 1px solid #e4e4e4;background: #fff;}
.gd li{float: left;width: 25%;border-bottom: 1px solid #e4e4e4;text-align: center;border-right: 1px solid #e4e4e4;box-sizing: border-box;padding: 15px;}
.gd img{width: 83px;max-width: 100%;filter: brightness(0);opacity: 0.8;transition: all .4s;}
.gd p{font-size: 16px;transition: all .4s;}
.gd li:hover p{color: #2445ab;}
.gd li:hover img{opacity: 1;filter: brightness(1);}
.wzlx-title{margin-bottom: 80px;}

.ydd-img{width: 50%;text-align: center;}
.wangluoyx .ydd-img{position: absolute;left: 0;top:50%;transform: translateY(-50%);}
.ydd-img img{max-width: 92%;}
.ydd-con{position: absolute;width: 48%;height: 100%;top:0;right: 0;}
.ydd-warp{width: 550px;max-width: 100%;}
.des18 p{font-size: 18px;line-height: 1.8em;}
.margin-b60{margin-bottom: 60px;}
.ydd-bot{width: 414px;max-width: 100%;}
/*.ydd-list li{float: left;width: 25%;box-sizing: border-box;padding: 0 1%;text-align: center;}*/
.ydd-list{display: flex;justify-content: space-between;text-align: center;}
.ydd-list p{font-size: 16px;margin-top: 10px;}
.ydd-list img{width: 56px;max-width: 100%;}
.ydd-bg{position: absolute;z-index: -1;right: 0;top:50%;transform: translateY(-50%);width: 39.4%;}
.xcx{height: 780px;}
.title26-fff h2{color: #fff;}
.title26-fff .size18{color: #fff;}
.xcx-line{width: 54px;height: 4px;background: #92949a;transform-origin: left !important;}
.xcx-warp{width: 50%;}
.xcx-list{display: flex;justify-content: space-between;margin-bottom: 80px;}
.xcx-list p{color: #fff;font-size: 22px;}
.xcx-list li{margin-top: 48px;}
.xcx-list img{width: 50px;display: block;margin-bottom: 25px;}
.ljgd{display: block;font-size: 18px;color: #fff;width: 165px;line-height: 46px;border:1px solid #fff;text-align: center;font-size: 18px;}
.wlyx-warp{width: 620px;margin: 0 auto;max-width: 100%;}
.wlyx-con{width: 50%;}
.wlyx-list{padding-bottom: 20px;}
.wlyx-list li{background: #fff;box-shadow: 0 0 10px #e5e5e5;margin-bottom: 22px;padding: 20px 27px;}
.wlyx-list li i{position: absolute;width: 76px;border:2px dashed #e4e4e5;top:50%;left: 0;transform: translateY(-50%);border-radius: 100%;}
.wlyx-list li i img{width: 100%;vertical-align: bottom;}
.wlyx-des{margin-left: 110px;min-height: 80px;}
.wlyx-des h3{font-size: 20px;margin: 10px 0;}
.wlyx-des p{color: #999;width: 420px;max-width: 100%;}
li:last-child .wlyx-des p{width: 230px;}
.ljgd-333{color: #333;border-color: #e4e4e4;}
.h730{height: 730px;}
.title32-fff h2{color: #fff;}
.title32-fff p{color: #fff;}
.title32 p{font-size: 16px;line-height: 2em;}

.gitied2{display: flex;justify-content: space-between;margin: 120px auto;width: 860px;max-width: 100%;flex-wrap: wrap;}
.gitied-top2{position: relative;display: inline-block;}
.gitied-top2 strong{font-size: 50px;font-family: pingfangheavy;color: #2445ab;}
.gitied-top2 span{display: inline-block;margin-left: 20px;font-size: 16px;color: #fff;}
.gitied2 p{color: #fff;}
.fwlc .swiper-container{margin: 0 50px;}
.fwlc .img100{width: 180px;border-radius: 100%;margin: 0 auto;max-width: 100%;}
.fwlc-mid{width: 210px;height: 24px;max-width: 100%;margin: 50px auto 30px;position: relative;}
.fwlc-dot{width: 22px;height: 22px;margin: 0 auto;border-radius: 100%;border:1px solid #7e7e7f;position: relative;z-index: 5;background: #fff;}
.fwlc-dot i{position: absolute;width: 4px;height: 4px;background: #13296e;border-radius: 100%;left: 50%;top:50%;margin: -2px 0 0 -2px;}
.fwlc-line{position: absolute;left: 50%;transform: translateX(-50%);transition: all .4s;top:50%;border-top: 1px solid #13296e;width: 0;}
.fwlc .swiper-slide:hover .fwlc-line{width: 100%;}
.fwlc h3{font-size: 18px;margin-bottom:10px;transition: all .4s;}
.fwlc p{color:#999;transition: all .4s;font-size: 16px;height: 3.2em;}
.fwlc .swiper-slide:hover h3{color: #13296e;}
.fwlc .swiper-slide:hover p{color: #13296e;}
.fwlc-line2{position: absolute;left: 0;width: 100%;bottom:126px;border-top: 1px solid #e6e6e6;}
.title26 .size16{font-size: 16px;}
.xw-page{width: 48.5%;margin-right: 3%;float: left;}
.xw-page:last-child{margin-right: 0;}
.wx-page1-warp{width: 50%;}
.wx-page1-warp p{font-size: 16px;text-transform: uppercase;color: #fff;width: 240px;max-width: 92%;margin-bottom: 12px;line-height: 2em;}
.vm{display: inline-block;width: 85px;line-height: 25px;text-align: center;border:1px solid rgba(255,255,255,.3);font-size: 10px;color: #fff;text-transform: uppercase;}
.xw-con{padding: 30px 0;}
.xw-con h3{font-weight: bold;margin-bottom: 8px; font-size: 26px;}
.xw-con span{font-size: 16px;}
.xw-bot a{display: block;position: relative;border-bottom: 1px solid #dadada;transition: all .4s;}
.xw-bot a p{line-height: 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;transition: all .4s;margin-right: 120px;}
.xw-bot a span{font-size: 16px;transition: all .4s;position: absolute;right: 0;top:50%;margin-top: -10px;}
.xw-bot a:hover{border-color: #13296e;}
.xw-bot a:hover p{color: #13296e;}
.xw-bot a:hover span{color: #13296e;}
.thenew{left: 8%;bottom:18%;position: absolute;z-index: 5;line-height: 1em;border-left: 1px solid #fff;box-sizing: border-box;padding-left: 15px;right: 8%;}
.thenew h3{font-size: 26px;font-family: pingfangheavy;color: #fff;text-transform: uppercase;margin-bottom: 15px;}
.thenew span{font-size: 16px;font-family: pingfangheavy;color: #fff;text-transform: uppercase;line-height: 1em;}
/*网站 e*/
/*3营销 s*/
.wxtj-img{width: 50%;}
.xwtj{border-top: 1px solid #e9e9e9;}
.wxtj-con{position: absolute;width: 42%;bottom: 100px;top:0;right: 4%;}
.tg-title26{margin-bottom: 40px;}
.tg-title26 h2{font-size: 26px;font-weight: bold;color: #13296e;}
.tg-title26 p{font-size: 20px;margin-top: 10px;}
.tj-sm-page{display: flex;justify-content: space-between;}
.tj-sm-page li{width: 27%;}
.tj-sm-page li h3{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.margin-b80{margin-bottom: 80px;}
.hdyx-img{width: 46%;margin-right: 4%;box-sizing: border-box;position: relative;}
.hdyx-img .img100{margin-right: 100px;position: relative;z-index: 5;}
.hdyx-img .i{position: absolute;width: 100%;right: 0;top:-100px;bottom:0;background: #f5f5f5;}
.hdyx-con{width: 46%;left: 4%;position: absolute;top:70px;}
.hdyx-warp,.mtgg-warp{width: 90%;}
.mtgg-warp .tg-des{min-height: 180px;margin-bottom: 20px;}
.tg-des p{text-align: justify;}
.mtgg-img{width: 50%;}
.mtgg-con{width: 46%;margin-left: 4%;padding-top: 25px;}
.mttg-list{display: flex;justify-content: space-between;width: 500px;max-width: 100%;}
.mttg-list li{text-align: center;}
.mttg-list li img{height: 48px;}
.mttg-list li p{font-size: 16px;margin-top: 5px;}

.ssyq-img{width: 50%;padding-left: 4%;padding-top: 100px;position: relative;box-sizing: border-box;}
.ssyq-img .img100{margin-left: 100px;position: relative;z-index: 5;}
.ssyq-img .i{position: absolute;top:0;left: 8%;right: 0;height: 100%;background: #f5f5f5;}
.ssyq-con{width: 42%;right: 4%;position: absolute;top:0;height: 100%;}

.ssyq-warp .tj-sm-page{width: 650px;max-width: 100%;}
.ssyq-warp .tj-sm-page li{width: 40%;}
.mttg-list2{width: 100%;}
.mttg-list2 img{;max-width: 100%;}
.wltg{height: 216px;width: 90%;}
.wltg-con h3{color: #fff;font-size: 22px;font-weight: bold;}
.wltg-con p{color: #fff;font-size: 16px;margin-top: 10px;}
.wltg-con{margin: 0 4.44%;}
.wltg-i{position: absolute;width: 10%;right: 0;bottom:0;height: 75%;background: #f5f5f5;}

.partner li{float: left;width: 12.5%;text-align: center;position: relative;border-right: 1px solid #e6e6e6;box-sizing: border-box;border-bottom: 1px solid #e6e6e6;padding: 13px 0;}
.partner li img{max-width: 100%;vertical-align: bottom;width: auto;transition: all .4s;filter: grayscale(1);opacity: 0.8;}
/*.partner li:hover img{filter: grayscale(0);opacity: 1;}*/
.partner li .i{position: absolute;width: 32px;height: 32px;background: #f3f3f3;border-radius: 100%;bottom:-16px;right: -16px;}
.partner li .i:before{content: '';position: absolute;width: 6px;height: 6px;background: #c9c9c9;border-radius: 100%;left: 50%;top:50%;margin: -3px 0 0 -3px;}
.partner li:nth-child(8n){border-right: none;}
.partner li:nth-child(8n) .i{display: none;}
.partner li:nth-last-child(1) .i,.partner li:nth-last-child(2) .i,.partner li:nth-last-child(3) .i,.partner li:nth-last-child(4) .i,.partner li:nth-last-child(5) .i,.partner li:nth-last-child(6) .i,.partner li:nth-last-child(7) .i,.partner li:nth-last-child(8) .i{display: none;}
.partner li:nth-last-child(1),.partner li:nth-last-child(2),.partner li:nth-last-child(3),.partner li:nth-last-child(4),.partner li:nth-last-child(5),.partner li:nth-last-child(6),.partner li:nth-last-child(7),.partner li:nth-last-child(8){border-bottom: none;}
.partner li:hover img{transform: scale(1.1);}
/*3营销 e*/
/*4小程序 s*/
.xcxgl-list li{background: #fff;height: 447px;width: 19%;text-align: center;position: relative;transition: all .4s;float: left;margin-right: 1.25%;}
.xcxgl-list li:last-child{margin-right: 0;}
.xcxgl-list span{position: absolute;top:30px;left: 35px;font-size: 50px;font-family: yqzjht;line-height: 1em;}
.xcxgl-list .img img{width: 200px;max-width: 70%;vertical-align: bottom;}
.xcxgl-bot{position: absolute;width: 100%;bottom:30px;box-sizing: border-box;padding: 0 30px;}
.xcxgl-bot h3{font-size: 18px;margin-bottom: 2px;}
.xcxgl-bot p{font-size: 16px;color: #333333;text-transform: uppercase;opacity: 0.49;}
.xcxgl-list li .i{position: absolute;bottom:0;background: #dd254c;left: 50%;transform: translateX(-50%);width: 0;transition: all .4s;height: 4px;opacity: 0;}
.xcxgl-list li:hover{transform: translateY(-10px);}
.xcxgl-list li:hover .i{width: 100%;opacity: 1;}
.padding-b80{padding-bottom: 80px;}
.xcxdpt li{height: 297px;width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;}
.xcxdpt li:nth-child(3n){margin-right: 0;}
.xcxdpt li:nth-child(1){background: url("../images/xcxdpt1.jpg") no-repeat center;background-size: cover;}
.xcxdpt li:nth-child(2){background: url("../images/xcxdpt2.jpg") no-repeat center;background-size: cover;}
.xcxdpt li:nth-child(3){background: url("../images/xcxdpt3.jpg") no-repeat center;background-size: cover;}
.xcxdpt li:nth-child(4){background: url("../images/xcxdpt4.jpg") no-repeat center;background-size: cover;}
.xcxdpt li:nth-child(5){background: url("../images/xcxdpt5.jpg") no-repeat center;background-size: cover;}
.xcxdpt li:nth-child(6){background: url("../images/xcxdpt6.jpg") no-repeat center;background-size: cover;}
.xcxdpt-warp{position: relative;margin: 0 35px;}
.xcxdpt-warp img{width: 116px;max-width: 100%;position: absolute;right: 0;top:50%;transform: translateY(-50%);}
.xcxdpt-des{margin-right: 136px;height: 103px;}
.xcxdpt-des h3{font-size: 26px;color: #fff;margin-bottom: 12px;}
.xcxdpt-des p{font-size: 18px;color: #fff;}
.xcxys{padding: 100px 50px;}
.bgfff{background: #fff;}
.xcxys-list li{float: left;width: 22%;margin-right: 4%;}
.xcxys-list li:last-child{margin-right: 0;}
.xcxys-list img{width: 164px;max-width: 92%;display: block;margin-bottom: 5px;}
.xcxys-list h3{font-size: 18px;color: #4d6cf3;font-weight: bold;}
.xcxys-list p{margin: 15px 0 25px;}
.mfsy{display: block;width: 107px;line-height: 34px;text-align: center;border-radius: 34px;transition: all .4s;background: #7d7d7d;color: #fff;}
.xcxys-con{padding: 20px;}
.xcxys-bg{position: absolute;width: 100%;top:0;left: 0;background: url("../images/xcxys-bg.jpg") no-repeat center;background-size: cover;height: 472px;z-index: -1;}
.mfsy:hover{background: #4d6cf3;}
.xcxys-list li:nth-child(2) h3{color: #c92020;}
.xcxys-list li:nth-child(2) .mfsy:hover{background: #c92020;}
.xcxys-list li:nth-child(3) h3{color: #2ea81e;}
.xcxys-list li:nth-child(3) .mfsy:hover{background: #2ea81e;}
.xcxys-list li:nth-child(4) h3{color: #c903c1;}
.xcxys-list li:nth-child(4) .mfsy:hover{background: #c903c1;}
.xcx-fw li{float: left;width: 49%;margin-right: 2%;position: relative;}
.xcx-fw li:last-child{margin-right: 0;}
.xcx-fw p{position: absolute;font-size: 20px;color: #fff;width: 100%;left: 0;bottom:0;z-index: 9;box-sizing: border-box;padding: 25px 50px;}
/*4小程序 e*/
/*案例列表 s*/
.ban-title2{width: 600px;max-width: 100%;}
.ban-title2 img{height: 37px;}
.ban-title2 h2{font-size: 26px;color: #fff;margin: 20px 0;}
.ban-title2 p{color: #fff;margin-bottom: 80px;}
.ckxx2{display: inline-block;border:1px solid #fff;width: 172px;height: 48px;line-height: 48px;text-align: center;color: #fff;font-size: 16px;}
.ckxx2 i{display: inline-block;vertical-align: middle;width: 16px;height: 11px;background: url("../images/ckxx1.png") no-repeat center;background-size: cover;}
.ckxx2 span{display: inline-block;vertical-align: middle;}
.chengguo{padding: 20px 0;}
.chengguo h2{font-size: 30px;}
.chengguo-type{font-size: 0;}
.chengguo-type a{font-size: 16px;color: #636363;transition: all .4s;line-height: 50px;position: relative;margin-right: 50px;display: inline-block;}
.chengguo-type a:last-child{margin-right: 0;}
.chengguo-type a:after{content: '';position: absolute;left: 50%;bottom:0;opacity: 0;transition: all .4s;height: 2px;background: #000;width: 0;transform: translateX(-50%);}
.chengguo-type a.active:after{width: 100%;opacity: 1;}
.chengguo-type a:hover:after{width: 100%;opacity: 1;}
.alzs-b{position: relative;}
.jt24{width: 24px;height: 8px;right: 0;top:50%;margin-top: -4px;background: url("../images/jt24.jpg") no-repeat center;background-size: cover;position: absolute;opacity: 0.5;transition: all .4s;}
.alzs li:hover .jt24{opacity: 1;}
/*案例列表 e*/
/*案例列表详情 s*/
.ban{position: relative;}
.ban-title3{position: absolute;left: 0;width: 100%;z-index: 9;bottom:60px;}
.ban-title3 h2{font-size: 30px;color: #fff;}
.alxq-top p{font-size: 16px;color: #666;line-height: 1.8em;}
.alxq-l{width: 49%;}
.alxq-r{width: 49%;}
/*.alxq-l-pages{width: 48%;margin-right: 2%;float: left;}*/
.margin-b50{margin-bottom: 50px;}
/*.masonry{-moz-column-count:2; /!* Firefox *!/ -webkit-column-count:2; /!* Safari 和 Chrome *!/ column-count:2;-moz-column-gap: 30px;-webkit-column-gap: 30px;column-gap: 30px;padding-bottom: 20px;}*/
.masonry{display: flex;flex-wrap: wrap;}
.masonry .item{margin-bottom: 2%;-moz-page-break-inside: avoid;-webkit-column-break-inside: avoid;break-inside: avoid;background: #f7f7f7;cursor: pointer;transition: all .4s;width: 49%;margin-right: 2%;}
.masonry .item:nth-child(even){margin-right: 0;}
.masonry .item:hover{background: #ddd;}
.masonry .img100{width: 85%;margin: 0 auto;}
.masonry.none{font-size: 0;column-gap:0 !important;column-count:auto !important;}
.masonry.none .item{width: 49%;margin-right: 2%;display: inline-block;font-size: 14px;vertical-align: top;}
.masonry.center .item{display: block;margin: 0 auto 30px;}
.masonry.none .item:nth-child(even){margin-right: 0;}

.des16 p{font-size: 16px;}
.color999 p{color: #999;}
/*案例列表详情 e*/
/*7联系 s*/
.contact-l{width: 42%;}
.contact-page{border-top: 2px solid #343f6d;border-bottom: 1px solid #343f6d;padding: 25px;margin-bottom: 20px;}
.contact-page h3{font-size: 16px;color: #13296e;}
.contact-page:last-child{margin-bottom: 0;}
.contact-list{padding: 15px 0;}
.contact-list li{position: relative;padding-left: 40px;margin-top: 2px;}
.onmap{font-weight: bold;color: #13296e;}
.contact-name{position: absolute;left: 0;top:0;font-weight: bold;}
.gs-list{margin-bottom: 15px;}
.contact-r{width: 50%;}
.padding50{padding: 50px;}
.title26-bold{margin-bottom: 30px;}
.title26-bold h2{font-size: 26px;font-weight: bold;color: #13296e;}
.lxwm-list{margin-bottom: 22px;}
.lxwm-list h3{font-size: 20px;color: #13296e;margin-bottom: 10px;}
.lxwm-list p{margin-bottom: 20px;}
.lxwm-input{border:1px solid #afafaf;}
.lxwm-input .text{display: block;height: 38px;line-height: 38px;font-size: 16px;text-indent: 1em;width: 100%;}
.textarea{padding: 1em;}
.textarea textarea{display: block;font-size: 16px;resize: none;width: 100%;height: 200px;}
.tj{color: #13296e;font-size: 20px;display: block;text-align: center;border:1px solid #afafaf;line-height: 48px;height: 48px;}
.lxwm{margin-bottom: 30px;}
.rczp .swiper-slide{padding-bottom: 40px;}
.rczp h3{font-size: 18px;font-weight: bold;border-bottom: 1px solid #afafaf;padding-bottom: 12px;margin-bottom: 15px;}
.zp-des{height: 178px;overflow: hidden;}
.zp-des p{margin-bottom: 15px;}
.rczp-shadow{position: absolute;height: 70%;bottom:40px;width: 100%;left: 0;background: linear-gradient(rgba(255,255,255,0.1), #fff);}
.djck{text-align: center;bottom:-40px;position: absolute;left: 0;width: 100%;}
.djck img{display: block;margin: 4px auto 0;width: 8px;}
.swiper-dot{margin-top: 35px;}
.swiper-dot .swiper-pagination-bullet{opacity: 1;border:2px solid #b9b9b9;width: 6px;height: 6px;background: none;margin: 0 6px;}
.swiper-dot .swiper-pagination-bullet-active{background: #13296e;border-color: #13296e;}
/*7联系 e*/
/*关于我们 s*/
.siyang{padding: 175px 0;}
.sy-title32{position: absolute;top:0;left: 0;}
.about-des{margin-left: 350px;}
.about-warp{width: 730px;max-width: 100%;}
.about-warp p{margin-bottom: 15px;line-height: 1.8em;}
.about-yw{padding-top: 30px;}
.about-yw a{font-weight: bold;display: inline-block;margin-right: 35px;}
.about-yw a:last-child{margin-right: 0;}
.title26-bold-333 h2{color: #333;}
.wmys-img .img100{display: none;}
.wmys-bg{width: 100%;left: 0;top:0;bottom:26%;background: #fff;z-index: -1;content: '';position: absolute;}
.wmys-con{width: 50%;background: #fff;padding: 50px 80px 80px;box-sizing: border-box;z-index: 9;}
.wmys-con1{position: absolute;right: 0;top:-40px;}
.wmys-top{font-size: 0;margin-bottom: 60px;}
.wmys-top a{display: inline-block;font-size: 16px;color: #818181;margin-right: 150px;position: relative;line-height: 48px;transition: all .4s;}
.wmys-top a:last-child{margin-right: 0;}
.wmys-top a:after{content: '';position: absolute;left: 50%;transform: translateX(-50%);bottom:0;opacity: 0;border-bottom: 1px solid #13296e;width: 0;transition: all .4s;}
.wmys-top a.active{color: #13296e;}
.wmys-top a.active:after{width: 100%;opacity: 1;}
.wmys-top a:hover:after{width: 100%;opacity: 1;}
.wmys-top a:hover{color: #13296e;}
.title26-bold.margin-b60{margin-bottom: 60px;}
.wmys-des h3{font-size: 26px;font-weight: bold;margin-bottom: 40px;}
.wmys-des p{font-size: 16px;margin-bottom: 10px;}
.wmys-des{margin-bottom: 40px;}
.abBtn{font-size:0;}
.abBtn div{font-size:14px;width: 38px;height: 38px;border-radius: 100%;transition: all .4s;cursor: pointer;display: inline-block;}
.abBtn1{background:#c5c5c5 url("../images/ab01.png") no-repeat center;background-size: cover;margin-right: 15px;}
.abBtn2{background:#c5c5c5 url("../images/ab02.png") no-repeat center;background-size: cover;}
.abBtn div:hover{background-color: #13296e;}
.wmys-con2{position: relative;z-index: 9;}
.wmys-con2 .wmys-des{min-height: 224px;}
.wmys-img2{width: 54%;position: absolute;right: 0;top:0;}
.hisBtn div{width: 32px;height: 32px;cursor: pointer;position: absolute;z-index: 9;top:115px;opacity: 0.5;transition: all .4s;}
.hisBtn div:hover{opacity: 1;}
.hisBtn div.swiper-button-disabled{cursor: default;}
.hisBtn div.swiper-button-disabled:hover{opacity: 0.5;}
.hisBtn1{left: 0;background: url("../images/his01.png") no-repeat center;background-size: cover;}
.hisBtn2{right: 0;background: url("../images/his02.png") no-repeat center;background-size: cover;}
.his h3{font-size: 40px;font-family: dincondregular;color: #848484;transition: all .4s;}
.his-mid{position: relative;margin: 35px 0;}
.his-line{height: 2px;background: #13296e;position: absolute;top:50%;margin-top: -2px;width: 0;transition: all .4s;left: 50%;transform: translateX(-50%);}
.his-dot{width: 16px;height: 16px;margin: 0 auto; border:2px solid #d7d7d7;border-radius: 100%;background: #fff;position: relative;z-index: 9;transition: all .4s;}
.his-dot i{position: absolute;width: 4px;height: 4px;border-radius: 100%;background: #d7d7d7;left: 50%;top:50%;margin: -2px 0 0 -2px;transition: all .4s;}
.his{padding: 40px 0;}
.his .swiper-container{margin: 0 40px;}
.his:before{content: '';position: absolute;left:40px;right: 40px; background: #d7d7d7;height: 2px;top:130px;}
.his-bot{padding: 0 20px;}
.his-bot h4{font-size: 18px;margin: 15px 0;transition: all .4s;}
.his-bot p{color: #999;}
.his .swiper-container .swiper-slide:hover h3{color: #13296e;}
.his .swiper-container .swiper-slide:hover h4{color: #13296e;}
.his .swiper-container .swiper-slide:hover .his-line{width: 100%;}
.his .swiper-container .swiper-slide:hover .his-dot{border-color: #13296e;}
.his .swiper-container .swiper-slide:hover .his-dot i{background: #13296e;}
/*关于我们 e*/
/*知识 s*/
.knowledge li{float: left;width: 31.5%;margin-right: 2.75%;margin-bottom: 2.75%;}
.knowledge-style li{background: #fff;transition: all .4s;}
.knowledge-style li:hover{box-shadow: 0 0 18px #ddd;}
.knowledge li:nth-child(3n){margin-right: 0;}
.knowledge-style li a{display: block;padding: 50px 40px;position: relative;}
.knowledge-style h3{font-size: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;position: relative;}
.knowledge-style li a:before{content: '';position: absolute;top:56px;width: 3px;height: 0;transition: all .4s; background: #2250a5;left: 0;}
.knowledge-style li a:hover:before{height: 20px;}
.knowledge-style li a:hover h3{color: #2250a5;}
.knowledge-style span{color: #999;display: block;margin: 25px 0 15px;}
.knowledge-style p{color: #666;line-height: 1.8em;height: 5.4em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
/*知识 e*/

/*知识详情s*/
.zsxq-l{width: 66%;}
.zsxq-r{width: 31%;}
.title32-bold h2{font-weight: bold;}
.xgzs li{margin-bottom: 44px;}
.zsxq-tops{display: inline-block;vertical-align: middle;margin-right: 45px;}
.zsxq-tops span{color: #999;}
.zsxq-tops span.fbsj-name{color: #666;}
.ermbox{position: fixed;z-index: 9999;top:0;left: 0;width: 100%;height: 100%;display: none;}
.ermwarp{position: absolute;top:50%;left: 50%;margin: -131px 0 0 -139px;padding: 10px;background: #fff;width: 242px;height: 277px;border:1px solid #d8d8d8;}
#erm{width: 185px;height: 185px;margin: 15px auto;}
.erlgh span{font-size: 12px;font-weight: bold;text-align: left;line-height: 16px;height: 16px;position: relative;color: #000;}
.ermwarp_close{width: 16px;height: 16px;position: absolute;right: 0;top: 0;color: #999;text-decoration: none;font-size: 16px;}
.erlgh_footer{font-size: 12px;text-align: left;line-height: 22px;color: #666;}
.zsxq-fx{display: inline-block;vertical-align: middle;}
.zsxq-fx a{display: inline-block;width: 25px;height: 25px;vertical-align: middle;margin-right: 8px;}
.zsxq-fx a.qzone{background: url("../images/zsxq01.png") no-repeat center;background-size: cover;}
.zsxq-fx a.weibo{background: url("../images/zsxq02.png") no-repeat center;background-size: cover;}
.zsxq-fx a.weixin{background: url("../images/zsxq03.png") no-repeat center;background-size: cover;margin-right: 0;}
.zsxq-top{border-bottom: 1px solid #e4e4e4;padding-bottom: 25px;}
.edit{padding: 40px 0;}
.edit img{max-width: 100%;}
.zsxq-fy{padding: 21px 50px;background: #ececec;}
.zsxq-fy a{max-width: 48%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.zsxq-bot{padding: 32px 50px;}
.fh img{display: inline-block;vertical-align: middle;width: 24px;margin-right: 12px;}
.fh span{display: inline-block;vertical-align: middle;}
.psfw{height: 860px;}
.psfw-warp{padding: 0 4%;}
.psfw-warp h3{font-size: 32px;color: #fff;margin-bottom: 50px;}
.psfw-des{margin-bottom: 100px;}
.psfw-des p{font-size: 16px;color: #fff; line-height: 2em;}
.psfw-list{font-size: 0;width: 560px;max-width: 100%;margin: 0 auto;}
.psfw-list li{display: inline-block;vertical-align: top;width: 33.33%;box-sizing: border-box;padding: 0 1%;font-size: 14px;}
.psfw-list li img{width: 68px;}
.psfw-list li p{color: #fff;font-size: 16px;margin-top: 10px;}
/*知识详情e*/
/*解决方案 s*/
.jjfa .img100{width: 50%;}
.jjfa li:nth-child(odd) .img100{float: right;}
.jjfa-con{width: 50%;top:0;height: 100%;background: #fff;position: absolute;}
.jjfa li:nth-child(odd) .jjfa-con{left: 0;}
.jjfa li:nth-child(even) .jjfa-con{right: 0;}
.jjfa-warp{padding: 0 75px;text-align: center;}
.jjfa-top{margin-bottom: 100px;}
.jjfa-top h3{font-size: 32px;margin-bottom: 40px;}
.jjfa-top p{font-size: 16px;line-height: 1.8em;width: 640px;max-width: 100%;margin: 0 auto;}
.jjfa-bot{font-size: 0;}
.jjfa-bots{font-size: 14px;display: inline-block;vertical-align: top;width: 30%;margin-right:5%;box-sizing: border-box;}
.jjfa-bots:nth-child(3n){margin-right: 0;}
.jjfa-bots img{width: 77px;max-width: 100%;}
.jjfa-bots h4{font-size: 22px;margin: 15px 0;}
/*解决方案 e*/
/*解决方案详情 s*/
.title26-des{width: 595px;max-width: 100%;margin: 35px auto 0;}
.moshi li{float: left;width: 23.5%;margin-right: 2%;position: relative;transition: all .4s;}
.moshi li:last-child{margin-right: 0;}
.moshi-bg i{transition: all .4s;background: url("../images/ms-bg.png") no-repeat center;background-size: 100% 100%;opacity: 0;}
.moshi li:hover{transform: translateY(-20px);}
.moshi li:hover .moshi-bg i{opacity: 1;}
.moshi-bot{position: absolute;box-sizing: border-box;left: 0;bottom:0;width: 100%;padding: 30px;z-index: 9;}
.moshi-bot h3{font-size: 20px;color: #fff;margin-bottom: 5px;}
.moshi-bot p{font-size: 16px;color: #fff;}
.ywcj li{float: left;width: 49.5%;margin-right: 1%;margin-bottom:1%;padding: 40px 70px 40px 50px;box-sizing: border-box;background: #fff;overflow: hidden;position: relative;}
.ywcj li:nth-child(2n){margin-right: 0;}
.ywcj-warp{position: relative;}
.ywcj li .img100{position: absolute;width: 108px;border:1px solid #e5e5e5;border-radius: 100%;transition: all .4s;top:50%;margin-top: -55px;}
.ywcj-con{margin-left: 160px;}
.ywcj-con h3{font-size: 22px;margin-bottom: 15px;transition: all .4s;}
.ywcj-con p{line-height: 2em;height: 4em;}
.ywcj li .i{position: absolute;width: 8px;top:0;height: 100%;right: -8px;background: #13296e;transition: all .4s;}
.ywcj li:hover .i{right: 0;}
.ywcj li:hover h3{color: #13296e;}
.ywcj li:hover .img100{border-color: #13296e;}
.ying{height: 540px;}
.title26-fff h2{color: #fff;}
.title26-fff p{color: #fff;}
.ying-title{margin-bottom: 100px;}
.ying-title h2{font-size: 26px;color: #fff;margin-bottom: 15px;}
.ying-title p{font-size: 16px;color: #fff;}
.ying-typt{font-size: 0;}
.ying-typt li{display: inline-block;line-height: 33px;border:1px solid rgba(255,255,255,.4);border-radius: 35px;padding: 0 21px;margin: 0 6px; font-size: 12px;color: #fff;transition: all .4s;}
.ying-typt li:hover{background: #fff;border-color: #fff;color: #333;}
/*解决方案详情 e*/
.yngb-title26{margin-bottom: 0 !important;}
/*新闻 s*/
.header-padding-t51{padding-top: 51px;}
.xwdt{font-size: 0;}
.xwdt li{display: inline-block;vertical-align: top;width: 48%;margin-right: 4%;background: #fff;margin-bottom: 4%;transition: all .4s;font-size: 14px;}
.xwdt li:nth-child(2n){margin-right: 0;}
.xwdt li .img100{width: 309px;height: 212px;}
.xwdt li a{display: block;padding: 10px;position: relative;}
.pinpai-con{position: absolute;left: 360px;top:0;height: 100%;right: 35px;}
.pinpai-con h3{font-size: 16px;padding-top: 30px;margin-bottom: 5px;}
.pinpai-con span{font-size: 11px;color: #b2b2b2;}
.pinpai-con p{color: #808080;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.2em;margin: 20px 0 40px;}
.ppwz{color: #adadad;position: relative;padding-left: 25px;float: left;}
.ppwz:before{content: '';width: 17px;height: 11px;background: url("../images/laptop3.png") no-repeat center;background-size: cover;position: absolute;left: 0;top:50%;margin-top: -5px;}
.xwdt-bot .i{width: 17px;height: 6px;background: url("../images/jt17.png") no-repeat center;background-size: cover;float: right;margin-top: 8px;margin-right: 20px;opacity: 0;transition: all .4s;}
.xwdt-bot{position: absolute;bottom:30px;left: 0;}
.xwdt li:hover .i{margin-right: 0;opacity: 1; transform: translateX(5px);}
.xwdt li:hover{background: #fff;box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.23);}
.xwdt li .middle-inner{vertical-align: top;}
/*新闻 e*/

.page{text-align: center;font-size: 0;}
.page a{box-sizing: border-box;font-size: 14px;line-height: 30px;border: 1px solid #d1d1d1;color: #666;display: inline-block;padding: 0 10px;margin: 0 6px;height: 30px;vertical-align: middle;min-width: 30px;}
.page a.active{background: #333;color: #fff;}
.page a:hover{background: #333;color: #fff;}

/*新闻详情 s*/
.back-style{color: #808080;position: relative;padding-left: 22px;}
.back-style:before{content: '';width: 15px;height: 13px;background: url("../images/back.png") no-repeat center;background-size: cover;position: absolute;top:50%;margin-top: -6px;left: 0;}
.fanhui{position: absolute;right: 0;top:50%;margin-top: -10px;}
.padding-tb50{padding: 50px 0;}
.padding-tb60{padding: 60px 0;}
.padding-tb90{padding: 90px 0;}
.w1120{width: 1120px;max-width: 92%;margin: 0 auto;}
.w1710 .w1120{max-width: 100%;}
.xwxq-top h1{font-size: 24px;color: #141414;margin-bottom: 30px;}
.xwxq-top span{display: inline-block;vertical-align: middle;color: #909090;margin: 0 16px;}
.look{position: relative;padding-right: 30px;}
.look:after{position: absolute;width: 20px;height: 12px;right: 0;top:50%;margin-top: -6px;background: url("../images/loop.png") no-repeat center;background-size: cover;content: '';}
.edited p{color: #808080;text-indent: 2em;}
/*.xwxq-edited img{margin: 30px auto;}*/
.xwxq-fy{border-top: 1px solid #ddd;}
.xwxq-fy a{color: #737373;position: relative;line-height: 20px;max-width: 48%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;box-sizing: border-box;}
.xwxq-fy span{position: absolute;color: #737373;}
.xwxq-fy .i1{width: 12px;height: 10px;top:50%;margin-top: -5px;opacity: .7;}
.xwxq-fy a.fl{padding-left: 77px;}
.xwxq-fy a.fl .i1{left: 0;background-image: url("../images/prev.png");}
.xwxq-fy a.fl .i2{left: 20px;}
.xwxq-fy a.fr{padding-right: 77px;}
.xwxq-fy a.fr .i1{right: 0;background-image: url("../images/next.png");}
.xwxq-fy a.fr .i2{right: 20px;}
.xwxq-fy a:hover .i1{opacity: 1;}
.xwxq-fy a:hover .i2{color: #333;}
/*.padding-b60{padding-bottom: 60px;}*/
/*新闻详情 e*/
.w1200{width: 1200px;max-width: 92%;margin: 0 auto;}
.anli-nav{margin-bottom: 42px;border-bottom: 1px dashed #ddd;padding: 20px 0;}
.xzwm .anli-nav{padding: 0;border: 0;}
.anli-nav a{color: #696969;margin-right: 35px;position: relative;}
.anli-nav a:after{content: '';position: absolute;right: -10px;top:50%;width: 0;height: 0;border:3px solid transparent;border-left-color: #696969;margin-top: -3px;transform-origin: left;}
.anli-nav a.active{color: #2c2b2b;}
.anli-nav a.active:after{transform: rotate(90deg);}
.anli-nav a:hover{color: #2c2b2b;}
.anli-nav a:hover:after{transform: rotate(90deg);}
.anli-nav a:last-child{margin-right: 0;}

.edited{min-height: 200px;}
.edited img{max-width: 100%;display: block;margin: 0 auto;height: auto !important;}
.edited p{color: #808080;text-indent: 2em;}
.alxq-r p{text-align: justify;}
.contact-list li.contact-name3{padding-left: 52px;}

.fixed-style{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 99999;display: none;}
.fixed-alxq-con{position: absolute;width: 92%;left: 4%;top:5%;bottom:5%;background: #fff;}
.fixed-alxq-warp{position: absolute;top:50px;right: 50px;bottom:50px;left: 50px;overflow: auto;padding-right: 10px;}

.scrollBar::-webkit-scrollbar {width: 8px;height: 6px;}
.scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}
.fixed-alxq-con .hisBtn div{top: 50% !important;margin-top: -16px !important;}
.fixed-alxq-con .hisBtn1{left: 9px;}
.fixed-alxq-con .hisBtn2{right: 9px;}
.gbxq{position: absolute;width: 48px;height: 48px;background: url("../images/close.png") no-repeat center;background-size: cover;z-index: 9;top:5px;right: 5px;cursor: pointer;opacity: 0.5;transition: all .4s;}
.gbxq:hover{opacity: 1;}

.zp li{border-bottom: 1px dashed #c0bfbf;padding: 35px 0;}
.zp-page{float: left;width: 44%;margin-right: 6%;}
/*.zp-page:nth-child(even){margin-right: 0;}*/
.zp-page h4{font-size: 20px;color: #202020;position: relative;padding-left: 18px;}
.zp-page h4:before{content: '';position: absolute;left: 0;top:0;height: 24px;border-right: 1px solid #cfcfcf;}
.zp-page h4:after{content: '';position: absolute;left: -1px;top:10px;height: 10px;width: 3px;background: #000;}
.zp-pages{margin-top: 25px;}
.zp-pages p{color: #696969;}
.zp li:nth-child(1){padding-top: 0;}
.zp li:last-child{padding-bottom: 0;border:none;}


/*--右侧悬浮--*/
.le-box { width: 60px; height: auto; position: fixed; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0; z-index: 1000; text-align: center;display: none;}
.le-box.active{display: block;}
.le-box .t { width: 60px; height: 60px; margin-bottom: 8px; position: relative; background: rgba(0,0,0,.6); -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 5px;}
.le-box .t:last-child{margin-bottom: 0;}

.le-box .t:last-child { border: none; }

.le-box .t img{max-width: 100%;}

/*.le-box .t .i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s; transition: all 0.3s; max-width: 80%;
}*/
.le-box .t .i{vertical-align: bottom;width: 100%;}
.le-box .t .iove { display: none; }

.le-box .t .iov { width: 100px; height: auto; position: absolute; bottom: 0; right: 100%; background: #fff; padding: 10px 5px 15px; -webkit-transition: all 0.3s; transition: all 0.3s; display: none; border: 1px solid #f4f3ef; -webkit-box-shadow: 0 5px 10px #999; box-shadow: 0 5px 10px #999; }

.le-box .t .iov::before { content: ""; border: 6px solid transparent; border-left-color: #fff; position: absolute; bottom: 15px; right: -12px; }

.le-box .t .iov .img { width: 88px; height: 88px; overflow: hidden; margin: 0 auto 5px;}

.le-box .t .iov .img img { width: 100%; }

.le-box .t .iov .h { font-size: 12px; color: #282828; text-align: center; line-height: 18px; }

.le-box .t:hover { background: #13296e; }

.le-box .t:hover .sow { display: none; }

.le-box .t:hover .iove { display: block; }

.le-box .t:hover .iov { display: block; }
.Topping{cursor: pointer;}

.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slideUp,.swiper-slide-active .banner-des{
    animation:slideUp 1s both;-webkit-animation:slideUp 1s both;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both;-webkit-animation:slideLeft 1s both;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both;-webkit-animation:slideRight 1s both;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both;-webkit-animation:tobig 1s both;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}