@charset "utf-8";
/*~~~~框架布局~~~*/
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
/*==版心定义↓==*/
.container{width:1600px;}
/*==字符串↓==*/
i,.iof{font-style: normal;    font-family: "iconfont";line-height:1;transition: all .4s ease-in-out}
@font-face {
  font-family: 'iconfont';  /* project id 1963410 */
  src: url('//at.alicdn.com/t/font_1963410_fg7wvcxixd.eot');
  src: url('//at.alicdn.com/t/font_1963410_fg7wvcxixd.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1963410_fg7wvcxixd.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1963410_fg7wvcxixd.woff') format('woff'),
  url('//at.alicdn.com/t/font_1963410_fg7wvcxixd.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1963410_fg7wvcxixd.svg#iconfont') format('svg');
}
/*==顶部↓==*/
.fixed-top.header{ position: fixed;width:100%;padding:10px 0;height:80px;z-index:99;box-shadow:0 0 10px #ddd; background:#fff; }
.fixed-top.header .nav{margin-top:15px;}
.fixed-top.header .nav li{padding-bottom:18px;}
.fixed-top.header .right{margin-top:12px}
.fixed-top.header .right .effect-lower .effect-lower-block{top:59px}
.header{padding:20px 0;height:110px}
.header .container{position: relative;}
.header .nav{float:right;margin-top:20px}
.header .nav > li{position:relative;float:left;text-align: center;margin-left:60px;padding-bottom: 33px;}
.header .nav > li > a{position: relative; display: block;color:#090929;font-size:16px;text-align: center }
.header .nav > li > a > span{color:#999;font-size:12px;display: block;}
.header .nav > li > a:after{content:"";position: absolute;left:0;bottom:0;width:100%;height:2px;background:#666;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.header .nav > li:hover > a,.header .nav > li.active > a,.header .nav > li:hover > a span,.header .nav > li.active > a span{color:#0069de;}
.header .nav .sub{display:none;width: 370%;left:-140%;top: 100%;position:absolute;border:1px #ddd solid;background: rgba(255,255,255,1);padding: 10px 0;z-index: 999;text-align: center;/* box-shadow: 0 0 10px #ddd; */}
.header .nav .sub a{display: block;color: #5e5e5e;font-size: 14px;padding:8px 10px}
.header .nav .sub a:hover{color:#fff; background: #0069de;}
.header .nav .twoNag.sub{width: 240px;left: -90px;}
.header .nav .twoNag.sub a{float:left;width:50%;}
.header .right{float:right;margin:13px 0 0 80px}
.header .right a{position: relative;z-index: 2;float: left;display: block;width: 35px;/* height: 50px; */color:#fff;font-size: 20px;margin-left:10px;padding: 14px 0 0 10px;}.header .right a:before{content: "\e605";position: absolute;z-index: -1;left:0;top:0;color:#869cb4;font-size: 40px;}
.header .right a:hover:before{color:#0069de} 
.header .right .tel{float: right;display:block;}
.header .right .tel font{margin-left: 15px;color:#0069de;font-size:18px;font-weight:bold;display: inline-block;}
.header .right .weixin span{width:120px;padding:10px}
.header .right .weixin span img{display:block; width:100px;}
.header .right .effect-lower .effect-lower-block{top:77px}
.header .nav li:last-child .sub{display:none !important;}
/*==次级导航↓==*/
.menu{width:100%; box-shadow: 0 0 10px #ddd; background: #fff;}
.menu ul{display:table; text-align: center;margin: auto;}
.menu li{float:left;  display: inline-block;}
.menu li a{ position:relative;z-index:2; display: block;color:#090929;font-size:16px; overflow: hidden;padding: 22px 20px;}
.menu li a:after{ content: ""; position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:100%; background: #0069de;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.menu li:hover a,.menu li.active a{ color:#fff; }
.menu li:hover a:after,.menu li.active a:after{transform: scale(1);transform-origin:left;}
/*==面包屑↓==*/
.site{height:60px;padding: 20px 0 10px 0;color:#666666;font-size:12px;border-bottom: 1px #ddd solid; background:#f9f9f9}
.site .home i{color:#333;font-weight:bold;font-size:16px;margin-right:10px;}
.site a{color:#666;font-size:12px;}
.site a:hover{color:#0069de}
.site .return{float:right;margin-top:-9px;border:1px #666 solid;color:#333333;font-size:12px;padding: 10px 30px;border-radius: 30px;}
.site .return i{float:right;display: block; margin-left: 10px;margin-top:2px;color:#000;font-size:14px;font-weight:bold;}
.site .return:hover{color:#fff;border-color:#0069de; background: #0069de;}
.site .return:hover i{color:#fff;transform: translateX(5px);}
/*--*/
.site.wide{margin-top:60px;}
.site.wide .return{display: block;}
/*==标题↓==*/
.titleAx{position: relative;margin-bottom:50px; text-align: center; color:#333333;font-size:40px;}
.titleAx span{margin-top:10px;display: block;color:#999;font-size:14px;}
.titleAx b{position: relative; display: table;  margin: auto;}
.titleAx b:before,.titleAx b:after{content: "";position: absolute;top:18px;width: 63px;height:20px;background:url(../images/titDot.png) no-repeat center;}
.titleAx b:before{left: -80px;}
.titleAx b:after{right: -80px;transform: rotateY(180deg);}
.titleAx hr{display: table;width:30px;height:2px; margin:15px auto 0;border:none;background: #0069de;}
.titleAx p{margin-top:20px;font-size:15px;color:#888;line-height: 24px;padding:0 150px}
.titleAx.white,.titleAx.white b,.titleAx.white span{color:#fff}
.titleAx.white b:before,.titleAx.white b:after{ background: url(../images/titDot2.png);}
.titleBx{margin-top:0px;color:#151515;font-size:40px;margin-bottom:50px;font-weight:bold; text-align: center;}
.titleBx hr{display: table;width:20px;height:2px; margin:10px auto 0;border:none;background: #0d4da1;}
.titleBx span{display: block; margin:10px auto 0;color:#666666;font-size:16px;font-weight:400}
.titleBx.cen{text-align: center;}
.titleBx.white,.titleBx.white span{color:#fff}
.titleBx.tTop{margin:50px 0 0 0;}
/*伪类*/
.bfe:before,.bfr:after{content:""; display: block;transition: all .4s ease-in-out;}
/*-*/
.bfe-s:before,.bfr-s:after{content:"";transition: all .4s ease-in-out;}
/*-*/
.bfe-pos,.bfr-pos{ position: relative;}
.bfe-pos:before,.bfr-pos:after{content:""; position:absolute;transition: all .4s ease-in-out;}
/*-*/
.bfe-spos,.bfr-spos{ position: relative;}
.bfe-spos:before,.bfr-spos:after{content:""; position:absolute; }
/*句段限制*/
.lcp{-webkit-line-clamp: 1;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
/*===内页框↓==*/
.rack{width:100%;padding:100px 0 80px 0;}
.rack.pno{padding:0 !important;}
.rack .lefter{width:18%}
.rack .righter{width:78%}
.rackWor{}
/*===边距↓==*/
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.pt80{padding-top:80px;}
.pt100{padding-top:100px;}
.pt12b{padding-top:120px;}
.ptm100{padding:100px 0;}
.ptm12b{padding:120px 0;}
.ptm1210b{padding:120px 0 100px 0}
/*==更多按钮↓==*/
.MoreBtn{position: relative;z-index: 2; overflow: hidden;display: table; margin:60px auto 0; color:#0069de;font-size:16px;padding:10px 30px;border:2px #0069de solid;}
.MoreBtn:before{opacity:0;content:"";z-index:-1;position:absolute;left:0;top:0;width:100%;height:100%;transform: translateY(-10px); background:#0069de;transition: all .5s ease-in-out;}
.MoreBtn i{float:right;height:20px;color:#0069de;font-size:28px;margin:-13px 0 -5px 10px}
.MoreBtn:hover{color:#fff;}
.MoreBtn:hover i{color:#fff;transform: translateX(5px);}
.MoreBtn:hover:before{opacity: 1;transform: translateY(0px);}
.MoreBtn.white{color:#fff;border-color:#fff;}
.MoreBtn.white i{color:#fff;}
.MoreBtn:hover{border-color:#0069de;}
/*==在线模块↓==*/
.online{margin:50px auto 0;display: table; }
.online a{float: left;display: inline-block;margin:0 20px;}
.online .more{margin-top: 10px;color:#fff;font-size:16px;padding: 12px 30px;background: #0069de;}
.online .more i{margin-right:10px;font-size: 18px;}
.online .more:hover{background: #0096de;}
.online .tel{position:relative;padding-left: 50px;color: #0069de;font-size: 28px;font-weight: bold;}
.online .tel i{position: absolute;left:0;top: 7px;font-size: 40px;color: #0069de;}
.online .tel b{display: block;font-size: 16px;}
.online .customer{}
.online .customer{color:#fff;font-size:16px;padding: 12px 30px;background: #0069de;}
.online .customer i{margin-right:10px;font-size: 20px;}
.online .customer:hover{background: #0096de;}
.online .download{height:45px;color:#fff;font-size:16px;padding: 10px 30px;border:1px #fff solid;}
.online .download i{float:left;margin:-1px 10px 0 0;font-size: 24px;}
.online .download:hover{border-color:#0096de; background: #0096de;}
/*==左右切换按钮↓==*/
.OrsoCut{position:relative}
.OrsoCut .btn{width: 40px;height:40px;line-height:40px;color: #fff;font-size:40px; text-align: center; background: #0069de;}
.OrsoCut .btn:hover{background:#0096de}
.OrsoCut .btn.pv{left: -50px;}
.OrsoCut .btn.nt{right:-50px;}
/*==视频效果按钮↓==*/
.videoDot{}
.videoDot .dot{position: absolute;left:50%;top:50%;z-index: 2;margin:-25px;display: block;color:#0069de;font-size: 50px;}
.videoDot .dot:before{content:"";position:absolute;z-index: -1;left: -7px;top: 10px;width: 65px;height: 65px;border: 2px #0069de solid;border-radius:50%;box-shadow: 0 0 10px #fff;background: rgba(255,255,255,0.1);}
.videoDot:before{}
.videoDot a{}
.videoDot a:hover .dot,.videoDot .pic:hover .dot{color:#fff}
.videoDot a:hover .dot:before,.videoDot .pic:hover .dot:before{border-color:#fff;box-shadow: 0 0 10px #fff;background: rgba(0,0,0,0.5);}
.videoDot .pic{position: relative;cursor: pointer;}
.videoDot .pic:before{opacity: 0.2;content: ""; position: absolute; left:0;top:0;z-index:1; width:100%;height:100%; background:#000;}
.videoDot .pic:hover:before{opacity: 0.5;}
.videoDot .pic{}
/*==滚动切换效果↓==*/
.Cuter{margin:60px auto 0;position: relative;padding: 0 30px;display: table;}
.Cuter .spot{position: initial;bottom: 25px;/* float: right; */text-align: right;}
.Cuter .spot span {opacity:1;position:relative;width: 15px;height: 15px;margin: 0 5px;font-family: "iconfont";background:none;}
.Cuter .spot span:before {content:"\e605";position:absolute;z-index:-1;left:0;top:0;color:#f9f9f9;font-size: 16px;transition:all .4s ease-in-out;}
.Cuter .spot .swiper-pagination-bullet-active:before{ color:#0069de}
.Cuter .btn{top: 3px;color:#0069de;font-size: 15px;width: auto;height: auto;margin: 0px;background: none;}
.Cuter .pv{left:0}
.Cuter .nt{right:0;transform: rotate(180deg);}
.Cuter .btn:hover{color:#0096de}
/*==区分线↓==*/
.borT{border-top:1px #ddd solid;}
.borTm{border-top:1px #ddd solid;margin-top:80px}
/*==单独图片↓==*/
.PicCont{}
.PicCont .block{ display: block; text-align: center;}
.PicCont .block img{max-width: 100%;}
/*===产品列表↓==*/
.ProductCont{background: url(../images/ProcessBg.jpg) no-repeat center; background-size:cover; background-attachment:fixed ;}
.ProductCont ul{margin:0 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.ProductCont ul li{position: relative;z-index:2;flex-grow: 1;display: inline-block;width:23.7%;margin:0 0 1.3% 1.3%;padding:40px;box-shadow: 0 0 10px #eee;background:#fff;}
.ProductCont ul li a{position: relative;z-index: 3;display: block;height: 100%;}
.ProductCont ul li:before{opacity:0;content: "";position: absolute;left:0;top:0;z-index: 3;display: block;width:100%;height:100%;background:-webkit-linear-gradient(left, #0069de, #2696b2);}
.ProductCont ul li:after{opacity:0.7; content: "";position: absolute;left:0;top:0;z-index:2;display: block;width:100%;height:100%;background:#000}
.ProductCont ul em{position:relative;display: table;margin-bottom:20px;width:50px;height:50px; line-height:50px; overflow: hidden;}
.ProductCont ul em:before,.ProductCont ul em:after{content: "";width: 100%;height: 100%;position: absolute;top:0;left: 0;background-repeat:no-repeat;background-position:center; background-size:100% ;}
.ProductCont ul h4{color:#fff;font-size:24px;margin-bottom:10px;}
.ProductCont ul p{-webkit-line-clamp: 3;color:#fff;font-size:14px;margin-bottom:50px;}
.ProductCont ul .bg{opacity: 0.7; position:absolute; left:0;top:0;z-index: -1;filter: blur(0.5px);width:100%;height:100%; display:block;}
.ProductCont ul .arrow{position: absolute;bottom:0;bottom:0;display:table;color: #fff;font-size: 20px;/* font-weight: bold; */}
.ProductCont ul .more{ opacity:0; position: absolute;bottom:0;bottom:0;display:table; color:#fff;font-size:14px;border:1px #fff solid;padding:5px 20px;border-radius: 30px;}
.ProductCont ul li:hover{}
.ProductCont ul li:hover:before{opacity:1}
.ProductCont ul li:hover a{transform: translateY(-5px);}
.ProductCont ul li:hover h4,.ProductCont ul li:hover p{color:#fff}
.ProductCont ul li:hover .arrow{opacity:0;transform: translateY(-5px);}
.ProductCont ul li:hover .more{opacity:1}
.ProductCont ul li .more:hover{color:#0069de;background: #fff;}
.ProductCont ul li:hover em{background-position:0 0;}
.ProductCont ul li:hover em:before{top:-100%;}
.ProductCont ul li:hover em:after{top:0}
.ProductCont ul .x1 em:after{background-image:url(../images/ProductIco01s.png);}
.ProductCont ul .x2 em:after{background-image:url(../images/ProductIco02s.png);}
.ProductCont ul .x3 em:after{background-image:url(../images/ProductIco03s.png);}
.ProductCont ul .x4 em:after{background-image:url(../images/ProductIco04s.png);}
.ProductCont ul .x5 em:after{background-image:url(../images/ProductIco05s.png);}
.ProductCont ul .x6 em:after{background-image:url(../images/ProductIco06s.png);}
.ProductCont ul .x7 em:after{background-image:url(../images/ProductIco07s.png);}
.ProductCont ul .x8 em:after{background-image:url(../images/ProductIco08s.png);}
/*==解决方案↓==*/
.SolutionCont{background: url(../images/bg02.jpg);}
.SolutionCont .up{ position: relative;}
.SolutionCont .gallery-top{ }
.SolutionCont .gallery-top li{position:relative;z-index:2;overflow: hidden;}
.SolutionCont .gallery-top li a{display:block}
.SolutionCont .gallery-top .bg{/* margin-left:-10%; */position: absolute;left: 0;z-index:-1;display: block;width:100%;height:100%;transition:all 0.5s;animation: scale 30s infinite;}
.SolutionCont .gallery-top .box{ opacity: 0; /* position: absolute; */width: 32%;height:100%;padding: 100px 50px 120px 50px;transform:translateX(-30px);background: rgba(0,105,222,0.8);transition: all .8s ease-in-out;}
.SolutionCont .gallery-top .box h4{color:#fff;font-size:50px;margin-bottom:35px;}
.SolutionCont .gallery-top .box hr{width: 70px;height: 3px;border: none;margin: 0 0 40px 0;background: #fff;}
.SolutionCont .gallery-top .box p{-webkit-line-clamp: 6;color:#fff;font-size:15px;line-height: 28px;margin-bottom:20px;}
.SolutionCont .gallery-top .swiper-slide-active{z-index: 5;}
.SolutionCont .gallery-top .box .more{display: table;margin-top:80px;color:#0069de;font-size:16px;padding:10px 50px;border-radius:30px;background: #fff;}
.SolutionCont .gallery-top .box .more i{color:#0069de;margin-right:10px}
.SolutionCont .gallery-top .box .more:hover{color:#fff; box-shadow:0 0 10px #0069de; background: #0096de;}
.SolutionCont .gallery-top .box .more:hover i{color:#fff}
.SolutionCont .gallery-top .swiper-slide-active .box{ opacity:1; transform:translateX(0px)}
.SolutionCont .gallery-thumbs{margin-bottom: 40px;padding-bottom: 15px;border-top: 1px #eee solid;border-left: 1px #eee solid;}
.SolutionCont .list{background: #fff;}
.SolutionCont .list li{position: relative;border-right: 1px #eee solid;border-bottom: 1px #eee solid;text-align: center;padding: 30px 10px;cursor: pointer;background: #fff;}
.SolutionCont .list li:last-child{border-right:1px #ddd solid;}
.SolutionCont .list li a{display: table;margin: auto;}
.SolutionCont .list li em{float: left;display: block;/* margin:0 auto 10px; */width: 30px;height: 30px;background-repeat:no-repeat;background-position: 2px 0px;/* background-color: #ddd; */background-image:url(../images/SolutionIco01.png);transition: all .4s ease-in-out;}
.SolutionCont .list li h4{float: left;color:#232323;font-size:16px;margin: 5px 0 0 10px;}
.SolutionCont .list li:after{opacity:0;content:"";position: absolute;left: 50%;bottom: -10px;z-index: -1;margin-left: -10px;border: 12px solid transparent;border-top-color: #0069de;}
.SolutionCont .list .swiper-slide-thumb-active{z-index: 5;background: #0069de;}
.SolutionCont .list .swiper-slide-thumb-active:after{opacity:1;bottom: -24px;}
.SolutionCont .list .swiper-slide-thumb-active em{background-position: 0px -30px;}
.SolutionCont .list .swiper-slide-thumb-active h4{color:#fff}
.SolutionCont .spot-1{display: none; position: initial;margin-top:22px;}
.SolutionCont .btn{display:none; opacity: 1;margin-top: -12px;left: -45px;width: auto;height: 25px;line-height: 25px;text-align: center;color: #666;font-size: 45px;background: none;}
.SolutionCont .btn.nt{left:auto;right:-45px;}
.SolutionCont .btn:hover{ color: #0069de;}
.SolutionCont .list li.x1 em{background-image:url(../images/SolutionIco01.png);}
.SolutionCont .list li.x2 em{background-image:url(../images/SolutionIco02.png);}
.SolutionCont .list li.x3 em{background-image:url(../images/SolutionIco03.png);}
.SolutionCont .list li.x4 em{background-image:url(../images/SolutionIco04.png);}
.SolutionCont .list li.x5 em{background-image:url(../images/SolutionIco05.png);}
.SolutionCont .list li.x6 em{background-image:url(../images/SolutionIco06.png);}
.SolutionCont .list li.x7 em{background-image:url(../images/SolutionIco07.png);}
.SolutionCont .list li.x8 em{background-image:url(../images/SolutionIco08.png);}
.SolutionCont .list li.x9 em{background-image:url(../images/SolutionIco09.png);}
.SolutionCont .list li.x10 em{background-image:url(../images/SolutionIco10.png);}
.SolutionCont .list li.x11 em{background-image:url(../images/SolutionIco11.png);}
.SolutionCont .list li.x12 em{background-image:url(../images/SolutionIco12.png);}

@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}
/*==首页服务↓==*/
.ServicenHome{border-top:1px #ddd solid}
.ServicenHome .box{width:49%;height: 600px;padding:60px;/* overflow: hidden; */}
.ServicenHome .box h4{color:#090929;font-size:28px;margin-bottom:40px}
.ServicenHome .box p{color:#090929;font-size:20px;margin-bottom: 70px;line-height:30px;}
.ServicenHome .box ul{width:50%;margin-bottom: 90px;height: 150px;overflow: hidden;}
.ServicenHome .box li{float:left;width:50%;margin-bottom:20px;}
.ServicenHome .box li a{color: #666;font-size:16px;}
.ServicenHome .box .more{display: table;color:#fff;font-size:14px;padding:10px 30px;border-radius: 30px;background: #0069de;}
.ServicenHome .box .more:hover{background: #0096de;}
.ServicenHome .client{background: url(../images/ServiceBg01.jpg) no-repeat center; background-size:cover ;}
.ServicenHome .experience{background: url(../images/ServiceBg02.jpg) no-repeat center; background-size:cover ;}
.ServicenHome .experience li{width:100%}
/*===首页关于↓==*/
.AboutHome{ background: url(../images/AboutBg.jpg) no-repeat center; background-size:cover ; background-attachment:fixed ;}
.AboutHome .left{width:45%;margin-top:40px;}
.AboutHome .left .logo{ display: block; margin-bottom:30px;}
.AboutHome .left .title{color:#fff;font-size:48px;margin-bottom:35px}
.AboutHome .left .wx{color:#fff;font-size:15px;line-height:28px}
.AboutHome .left .more{ display:table;margin-top:50px; color:#fff;font-size:14px;padding: 10px 30px;border-radius: 30px; background: #0069de;}
.AboutHome .left .more:hover{background: #3d99ff;}
.AboutHome .right{width:40%;}
.AboutHome .right{margin: 0 0 -10px -10px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.AboutHome .right li{/* flex-grow: 1; */float: left;display: inline-block;width:50%;/* margin:0 0 10px 10px; */}
.AboutHome .right a{display: block;position: relative;z-index: 2;text-align: center;padding:70px;margin: 0 0 10px 10px;border-radius: 10px;overflow: hidden;}
.AboutHome .right img{position: absolute;left:0;top:0;z-index: -1;width:100%;height:100%;display: block;}
.AboutHome .right em{display: block;width:50px;height: 50px;margin: 0 auto 5px;background-repeat:no-repeat;background-position:center;}
.AboutHome .right h4{color:#fff;font-size:24px;margin-bottom: 5px;}
.AboutHome .right span{ display: block; color:#fff;font-size:14px;}
.AboutHome .right li:hover a{transform: translateY(-3px); box-shadow:0 0 10px #666;}
.AboutHome .right li:hover img{transform:scale(1.05);}
.AboutHome .right .x1 em{ background-image: url(../images/AboutIco101.png) ;}
.AboutHome .right .x2 em{ background-image: url(../images/AboutIco102.png) ;}
.AboutHome .right .x3 em{ background-image: url(../images/AboutIco103.png) ;}
.AboutHome .right .x4 em{ background-image: url(../images/AboutIco104.png) ;}
/*==首页新闻↓==*/
.NewsHome{ background: #f8f8f8;}
.NewsHome .tone{position: relative; text-align: center;margin-bottom:40px;}
.NewsHome .tone:before{content: "";position: absolute;left:-10%;bottom:0;width:120%;height:1px; background: #ddd;}
.NewsHome .tone li{display: inline-block;margin:0 25px;cursor: pointer;}
.NewsHome .tone a{position: relative;display: block;color:#373737;font-size:20px;padding-bottom: 15px;}
.NewsHome .tone a:before{content:"";position: absolute;left:0;bottom:0;width:100%;height:2px;background:#0069de;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.NewsHome .tone .active a{color:#0069de}
.NewsHome .tone .active a:before{transform: scale(1);transform-origin:left;}
.NewsHome .list{ }
.NewsHome .list li{float:left; overflow: hidden;}
.NewsHome .list li a{display: block;width:100%;height:100%;padding:60px 50px; background: #fff;}
.NewsHome .list .pic{height:315px;margin-bottom:50px}
.NewsHome .list .pic img{max-width:100%;height: 100%;object-fit: cover;}
.NewsHome .list h4{color:#090929;font-size:20px;margin-bottom:10px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsHome .list p{-webkit-line-clamp: 3;color:#999;font-size:14px;line-height:24px}
.NewsHome .list .time{margin-top:50px;display:block; color:#090929;font-size:14px;}
.NewsHome .list .time i{float:right;color:0909029;font-size:16px}
.NewsHome .list .one{width:33.3%;height:633px;}
.NewsHome .list .one p{-webkit-line-clamp: 2;}
.NewsHome .list .two{width:33.3%;height:317px;border-left:1px #eee solid;border-bottom:1px #eee solid; background: #fff;}
.NewsHome .list .two .time{margin-top:80px;}
.NewsHome .list .two:nth-child(4),.NewsHome .list .two:nth-child(5){border-bottom:none;}
.NewsHome .list li:hover h4{color:#0069de}
.NewsHome .list li:hover .time i{color:#0069de;transform: translateX(-5px);}
.NewsHome .list .two:hover{background: #fefefe;}
.NewsHome .list .two:hover a{transform: translateY(-6px);}
/*--*/
.NewsHome .prop{margin: 30px 0 0px 0px;padding: 20px 10px;background: #fff;}
.NewsHome .prop li{float:left;width: 33.3%;/* margin:8px 0% 8px 0; */}
.NewsHome .prop li i{float:left; margin-top: -2px;}
.NewsHome .prop li font{display:inline-block; width: 65%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsHome .prop li .time{float: right; color:#999;font-size:13px;}
.NewsHome .prop li a{display: block;color:#858585;font-size:15px;margin: 10px 30px 10px 30px;/*padding-left: 10px;background: url(../images/arrow_02.png) no-repeat left;*/transition: all .4s ease-in-out;}
.NewsHome .prop li:hover a{color:#0069de;transform:translateX(-3px)}
/*==联系我们↓==*/
.ContactInner{ }
.ContactInner .mode{}
.ContactInner .mode ul{display: flex;flex-flow: row wrap;align-content: flex-start;}
.ContactInner .mode ul li{float:left;width:23%;margin:0 1% 1% 1%;padding: 70px 20px;text-align: center;border:1px #ddd solid;}
.ContactInner .mode ul em{display: table;margin: 0 auto 20px;font-size:40px;color:#0069de;}
.ContactInner .mode ul h5{color:#090929;font-size:16px;margin-bottom: 5px;}
.ContactInner .mode ul span{display: block;color:#0069de;font-size:22px; word-wrap: break-word; word-break: normal;}
.ContactInner .mode ul li:hover{border-color:#0069de;box-shadow: 0 0 10px #eee;}
.ContactInner .map #dituContent{height:500px;}
.ContactInner .agency{}
.ContactInner .agency ul{margin: 0 0% -1% -1%;display: flex;flex-flow: row wrap;align-content: flex-start;}
.ContactInner .agency ul li{float:left;width: 32.3%;margin: 0% 0% 1% 1%;padding:30px;background: #f1f1f5;}
.ContactInner .agency ul h4{position:relative; color:#0069de;font-size:24px;margin-bottom:20px;}
/*.ContactInner .agency ul h4:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px; background:#ff5c00;}*/
.ContactInner .agency ul .wx{display: block;color:#888;font-size:16px;line-height:26px;}
.ContactInner .agency ul li:hover{transform: translateY(-5px); box-shadow:0 0 10px #ddd}
/*==体验↓==*/
.FeelInner{padding:0px}
.FeelInner .mode{}
.FeelInner .mode ul{margin:0 0 -1% -1%;display: flex;flex-flow: row wrap;align-content: flex-start;}
.FeelInner .mode ul li{float:left;width:19%; text-align: center;margin:0 0% 1% 1%;    background: #f1f1f5;}
.FeelInner .mode ul .pic{}
.FeelInner .mode ul .pic img{ display: block;width: 100%;}
.FeelInner .mode ul .box{padding:30px; background: #f1f1f5;transition: all .4s ease-in-out;}
.FeelInner .mode ul h4{color:#090929;font-size:20px;margin-bottom:15px;}
.FeelInner .mode ul p{color:#888;font-size:14px;margin-bottom:20px;height: 50px;}
.FeelInner .mode ul .online{display: table;margin: auto; color:#fff;font-size:13px;padding:10px 30px; border-radius: 30px;; background:#0069de ;}
.FeelInner .mode ul li:hover h4,.FeelInner .mode ul li:hover p{color:#fff}
.FeelInner .mode ul li:hover .online{color:#0069de;background: #fff;}
.FeelInner .mode ul li:hover .box{ background: #0069de;}
.FeelInner .mode ul li:hover{transform: translateY(-5px);}
.FeelInner .mode ul li:hover .online:hover{ color:#fff; background: #0096de;}
.FeelInner .advantage{background: #f0f3f9;}
.FeelInner .advantage ul{margin:0 0 -1 -1%;display: flex;flex-flow: row wrap;align-content: flex-start;}
.FeelInner .advantage ul li{float:left;width:24%; margin:0 0 1% 1%;text-align: center;padding:50px 20px; background: #fff;}
.FeelInner .advantage ul em{margin: 0 auto 20px;display: table; width:100px;height:100px; background-repeat:no-repeat ;background-position:center ;}
.FeelInner .advantage ul h4{color:#090929;font-size:24px;margin-bottom:10px;}
.FeelInner .advantage ul p{color:#888;font-size:14px;}
.FeelInner .advantage ul .online{display: table;margin: auto; color:#fff;font-size:13px;padding:10px 30px; border-radius: 30px;; background:#0069de ;}
.FeelInner .advantage ul li:hover h4{color:#0069de}
.FeelInner .advantage ul li:hover{ transform: translateY(-10px); box-shadow: 0 0 10px #ddd;}
.FeelInner .advantage ul .x1 em{background-image:url(../images/AdvantageIco101.png);}
.FeelInner .advantage ul .x2 em{background-image:url(../images/AdvantageIco102.png);}
.FeelInner .advantage ul .x3 em{background-image:url(../images/AdvantageIco103.png);}
.FeelInner .advantage ul .x4 em{background-image:url(../images/AdvantageIco104.png);}
.FeelInner .make{}
.FeelInner .make .block{width: 24%;margin:0 0 1% 1%;}
.FeelInner .make .block.x5{width: 69%;}
.FeelInner .make .block textarea{height: 90px;}
.FeelInner .make button{float:left;width:30%;line-height: 120px;font-size:20px;}
/*==服务↓==*/
.ServiceInner{ position: relative; overflow: hidden;}
.ServiceInner .container{ position: relative;padding-left:340px;}
.ServiceInner .lefter{position: absolute; left:0;z-index: 2;width:280px;}
.ServiceInner .lefter li{cursor: pointer;}
.ServiceInner .lefter li a{ display: block; position:relative;z-index:2; padding:25px 50px;color:#090929;font-size:16px}
.ServiceInner .lefter li a:before{ opacity: 0; content: "";position: absolute;z-index: -1;right:0;top:0;width:100%;height:100%; transform: translateX(-10px);background: #0069de;}
.ServiceInner .lefter li i{ opacity:0; float:right;color:#fff;font-size:20px;transform: translateX(10px);}
.ServiceInner .lefter li.current a{color:#fff; }
.ServiceInner .lefter li.current i{ opacity:1; transform: translateX(0px);}
.ServiceInner .lefter li.current a:before{ opacity: 1; transform: translateX(0px); }
.ServiceInner .fixedBoxA1{width:280px;height:100%;min-height:1000px; position: relative;padding-top:80px;background: #f9f9f9;}
.ServiceInner .fixedBoxA1:before{content: "";position: absolute;z-index: -1;right:0;top:0;width:200%;height:100%;background: #f9f9f9;}
.ServiceInner .fixedBoxA2{position: fixed;top:50px;}
.ServiceInner .righter{padding-top:80px;width:100%;}
.ServiceInner .frame{ margin-bottom:80px;padding-bottom:80px;border-bottom:1px #ddd solid; overflow: hidden;}
.ServiceInner .frame .title{color:#0069de;font-size:28px;margin-bottom:40px;}
.ServiceInner .frame:last-child{padding-bottom:0px;margin-bottom:0px;border: none;}
.ServiceInner .ser1{}
.ServiceInner .ser1 .wx{color:#888;font-size:14px;}
.ServiceInner .ser1 .wx img {max-width: 100%;}
.ServiceInner .ser1 h4{color:#090929;font-size:18px;margin-bottom:5px;}
.ServiceInner .ser1 p{margin-bottom:35px;line-height:25px;}
.ServiceInner .ser2{}
.ServiceInner .ser2 ul{margin:0 0 -1.5% -1.5%;display: flex;flex-flow: row wrap;align-content: flex-start;}
.ServiceInner .ser2 li{position: relative; float:left;width:48.5%;margin:0 0 1.5% 1.5%;overflow: hidden;}
.ServiceInner .ser2 li:before{content: ""; position: absolute; left:0;bottom:0;z-index:1;width: 100%;height:100%;transition: all .4s ease-in-out;}
.ServiceInner .ser2 li img{display: block;width:100%;}
.ServiceInner .ser2 li h4{position: absolute;left:0;bottom:0;right:0;z-index:2;padding:30px 50px;color:#fff;font-size:18px;background:rgba(0,0,0,0.7); }
.ServiceInner .ser2 li span{display: block; margin-top:5px;color:#fff;font-size:14px;}
.ServiceInner .ser2 li:hover img{transform:scale(1.1);}
/*.ServiceInner .ser2 li:hover:before{background:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.9));}*/
.ServiceInner .ser3{}
.ServiceInner .ser3 ul{ position: relative;z-index:2; border:1px #0069de solid;border-radius: 20px;}
.ServiceInner .ser3 ul:before{content:"";position: absolute; left:0;right:0;top:0;bottom:0px;z-index:-1;margin:20px; background: #f3faff url(../images/ServiceSerBg3.png) no-repeat top right;}
.ServiceInner .ser3 ul{padding: 80px 20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.ServiceInner .ser3 li{float:left;width:25%;border-right: 1px #e5e5e5 solid;padding: 100px 30px;text-align: center;}
.ServiceInner .ser3 li:last-child{border:none}
.ServiceInner .ser3 em{display: table;margin:0 auto 10px; color:#666;font-size:20px;width:70px;height:70px; background-repeat:no-repeat;background-position:center;}
.ServiceInner .ser3 h4{color:#090929;font-size:16px;}
.ServiceInner .ser3 .x1 em{ background-image:url(../images/ServiceSerImg301.png);}
.ServiceInner .ser3 .x2 em{ background-image:url(../images/ServiceSerImg302.png);}
.ServiceInner .ser3 .x3 em{ background-image:url(../images/ServiceSerImg303.png);}
.ServiceInner .ser3 .x4 em{ background-image:url(../images/ServiceSerImg304.png);}
.ServiceInner .ser4{}
.ServiceInner .ser4 .box{padding:40px 40px 80px 40px; background: #f1f1f5;}
.ServiceInner .ser4 .map{position: relative; margin-bottom:60px}
.ServiceInner .ser4 .map img{display: block; max-width:100%;}
.ServiceInner .ser4 .world{ position: absolute; right:0;bottom:100px;}
.ServiceInner .ser4 .wx{}
.ServiceInner .ser4 .wx h4{color:#090929;font-size:18px;margin-bottom:10px}
.ServiceInner .ser4 .wx p{color:#888;font-size:14px;line-height:24px}
.ServiceInner .ser5{}
.ServiceInner .ser5 .block{width: 35%;margin:0 1% 1% 0;/* padding: 15px 25px; *//* height: 45px; */}
.ServiceInner .ser5 .x5{float:right;}
.ServiceInner .ser5 textarea{height: 88px;}
.ServiceInner .ser5 button{float:right;width:49%;margin:0 1% 1% 0;padding: 15px;color:#fff;font-size:14px;}
.ServiceInner .ser5 .x5,.ServiceInner .ser5 button{width: 63%;}
/*==新闻列表↓==*/
.NewsListBox{ background: #f8f8f8;}
.news-list{ margin:0 0 -30px -20px;}
.news-list li{float:left;width:33.3%}
.news-list li a{display: block;/* width:100%; */height:100%;margin:0 0 30px 20px;background: #fff;}
.news-list .pic{padding-top:60%; position:relative}
.news-list .pic img{ position:absolute;top:0;left:0; width: 100%;height: 100%;object-fit: cover;}
.news-list .box{padding:30px;}
.news-list h4{color:#090929;font-size:20px;margin-bottom:10px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list p{-webkit-line-clamp: 2;height:50px;color:#999;font-size:14px;line-height:24px}
.news-list .time{margin-top:50px;display:block;color: #999;font-size:14px;}
.news-list .time i{float:right;font-size: 20px;}
.news-list li:hover h4{color:#0069de}
.news-list li:hover .time i{color:#0069de;transform: translateX(-5px);}
/*==视频列表↓==*/
.list-video{margin:0 0 -30px -20px}
.list-video li{width: 33.3%;float:left;}
.list-video li a{display: block;margin:0 0 30px 20px}
.list-video .pic{ position: relative;z-index:2}
.list-video h4{color:#090929;font-size:18px; margin-top:20px; text-align: center;}
.list-video li:hover h4{color:#0069de}
/*==案例列表↓==*/
.case-list{margin:0 0 -30px -20px;}
.case-list li{float:left;width:25%;}
.case-list li a{display: block; position: relative;z-index:2;margin:0 0px 30px 20px;overflow: hidden;}
.case-list li .pic{padding-top:55%; border:solid 1px #eee;}
.case-list li .pic:after{ opacity: 0;content: ""; position: absolute;left:0;bottom:0;z-index:1;width:60%;height:60%;border-radius:50% 50% 50% 0%; background: #0069de;transition: 0.5s;transform-origin: 0 100% 0;}
.case-list li h4{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:20px;color:#666;font-size:18px; text-align: center;}
.case-list li .box{opacity: 0; position: absolute;left:0;top:0;right:0;bottom:0;margin:auto; height:min-content;z-index:2;width:100%;padding:0px 50px 0 50px; transition: all .4s ease-in-out;}
.case-list li .box h5{color:#fff;font-size:20px;margin-bottom:15px;text-align: center;}
.case-list li .box p{-webkit-line-clamp: 3;color:#fff;font-size:14px;line-height:24px;}
.case-list li .box .more{ display: table; margin:40px auto 0; color:#fff;font-size:14px;padding:8px 30px;border:2px #fff solid;border-radius: 30px;}
.case-list li .more:hover{color:#000;border-color:#fff; background: #fff;}
.case-list li:hover .box{opacity: 1;}
.case-list li:hover .pic:after{opacity: 0.6;    transform: scale(4, 4);}
.case-list li:hover h4{color:#0069de}
/*==解决方案↓==*/
.SchemeInner{padding:0px}
.SchemeInner .worry{ text-align: center;}
.SchemeInner .worry img{ max-width:100%}
.SchemeInner .compete{}
.SchemeInner .compete .list-a8 li{}
.SchemeInner .compete .list-a8 li em{width:120px;height:120px}
.SchemeInner .compete .list-a8 .x1 em{background-image:url(../images/CompeteIco01.png);}
.SchemeInner .compete .list-a8 .x2 em{background-image:url(../images/CompeteIco02.png);}
.SchemeInner .compete .list-a8 .x3 em{background-image:url(../images/CompeteIco03.png);}
.SchemeInner .compete .list-a8 .x4 em{background-image:url(../images/CompeteIco04.png);}
.SchemeInner .compete .list-a8 .x5 em{background-image:url(../images/CompeteIco05.png);}
.SchemeInner .compete .list-a8 .x6 em{background-image:url(../images/CompeteIco06.png);}
.SchemeInner .compete .list-a8 .x7 em{background-image:url(../images/CompeteIco07.png);}
.SchemeInner .compete .list-a8 .x8 em{background-image:url(../images/CompeteIco08.png);}
.SchemeInner .compete .list-a8 .x9 em{background-image:url(../images/CompeteIco09.png);}
.SchemeInner .compete .list-a8 .x10 em{background-image:url(../images/CompeteIco10.png);}
.SchemeInner .value{ background: #f5f5f5;}
.SchemeInner .value .list-a2 em{width:80px;height:80px;}
.SchemeInner .value .list-a2 .x1 em{background-image:url(../images/ValueIco01.png);}
.SchemeInner .value .list-a2 .x2 em{background-image:url(../images/ValueIco02.png);}
.SchemeInner .value .list-a2 .x3 em{background-image:url(../images/ValueIco03.png);}
.SchemeInner .value .list-a2 .x4 em{background-image:url(../images/ValueIco04.png);}
.PartnerCont{}
.PartnerCont .title{position: relative;margin-bottom:50px; text-align: center; color:#333333;font-size:36px;}
/*==留言通用↓==*/
.MessageCon{background: url(../images/MessageBg.jpg) no-repeat center;background-size:cover;}
.MessageCon .long{padding:80px; background: #fff;}
.MessageCon .title{margin-bottom:40px;overflow: hidden;}
.MessageCon .title h2{float:left;color:#191919;font-size:24px;}
.MessageCon .title .tel{float:right;margin-top:25px;color:#333333;font-size:26px;/*font-weight: bold;*/}
.MessageCon .title .tel em{display:block;float:left;margin-right:10px;margin-top:5px;color:#333;font-size:25px;font-weight:400;font-family:"iconfont";}
.MessageCon input{position: relative; float:left;width:49.5%;margin-bottom:1%}
.MessageCon .block:nth-child(2n+1){margin-left:1%;}
.MessageCon input,.MessageCon textarea{padding:15px 20px 15px 45px;border:1px #ddd solid; background-repeat:no-repeat ; background-position:15px 17px;}
.MessageCon textarea{width:100%;height:120px;}
.MessageCon button{width:25%;margin-top:20px;padding:16px 0;border:none;color:#fff;font-size:14px; background: #666;}
.MessageCon button:hover{background:#0069de}
.MessageCon .x1{background-image: url(../images/ico201.png);}
.MessageCon .x2{background-image: url(../images/ico202.png);}
.MessageCon .x3{background-image: url(../images/ico203.png);}
.MessageCon .x4{background-image: url(../images/ico204.png);}
.MessageCon .x5{background-image: url(../images/ico205.png);}
/*==新闻详细页↓==*/
.NewsDetailBox{}
.NewsDetailBox .lefter{width:70%}
.NewsDetailBox .righter{width:25%;    padding: 30px;
    background: #f5f5f5;}
.NewsDetailBox .titleTop{ text-align: center;padding:0 0 50px 0;margin:0 0 60px 0; border-bottom:1px #ddd solid}
.NewsDetailBox .tit{color:#000000;font-size:28px;}
.NewsDetailBox .msg{ margin-top:10px;color:#a7a7a7;font-size:14px;}
.NewsDetailBox .msg *,.NewsDetailBox .msg span,.NewsDetailBox .msg a{color:#a7a7a7;font-size:14px;}
.NewsDetailBox .msg span{margin:0 5px;}
.NewsDetailBox .msg a:hover,.NewsDetailBox .msg .active{color:#FF6600}
.NewsDetailBox .msg .active{font-weight:bold;}
.NewsDetailBox .share{height:60px;border-top:1px #aaa dotted; padding:20px 0;margin-top: 60px; overflow: hidden;}
.NewsDetailBox .share .bshare-custom{float:left;}
.NewsDetailBox .share .time{ float:left;margin-left:50px;color:#a7a7a7;font-size:14px;display: block;}
.NewsDetailBox .share .return{float:right; color:#fff;font-size:14px;padding:10px 20px 10px 38px;margin-top:-10px; background-color:#d2d2d2; background-image:url(../images/line202.png); background-position:12px 15px; background-repeat:no-repeat;}
.NewsDetailBox .share .return:hover{background-color:#0085d0}
.NewsDetailBox .pagIng{border-top:1px #aaa dotted;border-bottom:1px #aaa dotted;padding:15px 0;overflow: hidden;}
.NewsDetailBox .pagIng span{ display: inline-block;color:#888888;font-size:14px;}
.NewsDetailBox .pagIng span a{color:#888888;font-size:14px;}
.NewsDetailBox .pagIng span a:hover{color:#0085d0}
.NewsDetailBox .pagIng .prev{float:left}
.NewsDetailBox .pagIng .next{float:right}
.NewsDetailBox .righter .title{position: relative; color:#333;font-size:20px;margin-bottom:30px;padding-left:20px}
.NewsDetailBox .righter .title:before{content:"";position: absolute; left:0;top:10%;width:2px;height: 80%; background: #2e3093;}
.NewsDetailBox .relevant .list{margin:0 0 -30px 0px}
.NewsDetailBox .relevant .list li {width:100%;margin-bottom:30px}
.NewsDetailBox .relevant .list li a {display:block;}
.NewsDetailBox .relevant .list li .pic {padding-top:60%;border:1px #ddd solid}
.NewsDetailBox .relevant .list li h4 {font-size:16px;color:#666666;margin-top:10px;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.NewsDetailBox .relevant .list li:hover h4 {color:#2e3093}
.NewsDetailBox .relevant .list li:hover .pic {border-color:#2e3093}
/*==关于↓==*/
.AboutInner{padding:0px 0px !important}
.AboutInner .introduce{}
.AboutInner .introduce .left{width: 50%;color: #666;font-size:14px;line-height: 32px;}
.AboutInner .introduce .right{position: relative;width: 47%;}
.AboutInner .introduce .right a{display:block;}
.AboutInner .introduce .right img{display: block;max-width:100%;}
.AboutInner .course{}
/*.AboutInner .course:before{content: ""; position: absolute; left:0;bottom:0;width:100%;height:100%; background: #30387e;}*/
.AboutInner .course .titTop{padding:100px 0 180px 0;position: relative;z-index: 3;background: url(../images/CourseBg.png) no-repeat center;background-size: cover;}
.AboutInner .course .long{position:relative;z-index:2;margin-top: -180px;padding: 280px 0 100px 0;}
.AboutInner .course .long:before{content: "";position: absolute;z-index:-1;left:-20%;bottom:0;width: 140%;height: 100%;background: #30387e;}
.AboutInner .course .swiper-container{}
.AboutInner .course .swiper-container:before{content:"";position: absolute;left:0;top: 93px;width:100%;height: 2px;background:#2449ba;}
.AboutInner .course .list{}
.AboutInner .course .list li{text-align: center; padding:0 50px;}
.AboutInner .course .list h4{color:#fff;font-size:64px;height: 80px;}
.AboutInner .course .list p{-webkit-line-clamp: 3;color:#fff;font-size:16px;line-height:26px;}
.AboutInner .course .list em{position: relative;display: block;width: 8px;height: 8px;margin: 10px auto;border-radius: 50%;background: #2b52cb;}
.AboutInner .course .list em:before{content: "";position: absolute;z-index: -1;left: -3px;top: -3px;width: 14px;height: 14px;/* padding: 5px; */border-radius: 50%;border:5px #929ad8 solid;}
.AboutInner .course .btn{top: auto;bottom: 159px;width: auto;height: auto;margin: 0;color: #0069de;font-size:40px;background: none;}
.AboutInner .course .pv{left: -25px;}
.AboutInner .course .nt{right: -25px;}
.AboutInner .course .btn:hover{color:#0096de}
.AboutInner .course .list li.swiper-slide-active em{}
.AboutInner .course .list li.swiper-slide-active em{ background: #6acaff;}
.AboutInner .course .list li.swiper-slide-active em:before{left: -5px;top: -5px;width: 18px;height: 18px; border:1px #6acaff solid;}
.AboutInner .research{}
.AboutInner .research .long{display: flex;}
.AboutInner .research .left,.AboutInner .research .right{float: none;}
.AboutInner .research .left{ position: relative; width:50%}
.AboutInner .research .swiper-container{}
.AboutInner .research .list{}
.AboutInner .research .list li{}
.AboutInner .research .list img{display: block;width:100%}
.AboutInner .research .list a{ position: relative; display: block;}
.AboutInner .research .list .box{position: absolute;left:0;bottom:0;right:0;margin: 30px;padding: 20px 30px;background: rgba(255,255,255,0.8);}
.AboutInner .research .list h4{color:#090929;font-size:20px;margin-bottom:5px}
.AboutInner .research .list span{color: #666;font-size:16px;margin-bottom:5px;display: block;}
.AboutInner .research .list p{-webkit-line-clamp: 3;color:#999;font-size:14px;line-height: 24px;}
.AboutInner .research .cut{position: absolute;right: -130px;bottom:0;z-index: 2;}
.AboutInner .research .btn{position:initial;float:left;margin-left:10px; width:40px;line-height:40px;height:40px;text-align:center; color: #fff;font-size:30px;background:#5ca8ff;}
.AboutInner .research .btn:hover{ background: #0069de;}
.AboutInner .research .right{position: relative;width:47%;padding-left: 40px;padding-bottom: 100px;}
.AboutInner .research .right .wx{color:#666;font-size:16px;line-height: 35px;}
.AboutInner .research .digital{position: absolute;bottom: 0;width: 70%;right: 0;float:right;padding: 0px 0 0 100px;}
.AboutInner .research .digital li{float:left;width:33.3%}
.AboutInner .research .digital span{color:#0069de;font-size:48px;font-weight:bold;margin-bottom:10px;}
.AboutInner .research .digital font{color:#0069de;font-size:48px;font-weight:bold;}
.AboutInner .research .digital h5{color:#666;font-size:14px;}
.AboutInner .vision{}
.AboutInner .vision ul{margin: 0 0 -2% -2%;}
.AboutInner .vision ul li{float: left;width: 48%;margin: 0 0 2% 2%;display: table;background: #0069de;}
.AboutInner .vision ul .pic{ display: block; overflow: hidden;}
.AboutInner .vision ul img{display: block;width: 380px;max-width:100%;height: 220px;}
.AboutInner .vision ul h4{color:#fff;font-size:24px;padding: 60px 0 0 60px;}
.AboutInner .vision ul h4 span{color:#fff;font-size:16px; display: block;margin-top:20px;}
.AboutInner .vision ul .pic,.AboutInner  .vision ul h4{/* display: table-cell; */ float: left;}
.AboutInner .vision ul li:hover .pic img{transform:scale(1.1);}
/*==荣誉资质↓==*/
.HonorCont{   background:url(../images/HonorBg.jpg) no-repeat center; background-size:cover ; background-attachment:fixed ;}
.HonorCont .list{}
.HonorCont .list li{ text-align: center;}
.HonorCont .list .pic{}
.HonorCont .list h4{color:#fff;font-size:16px;margin-top:10px;}
.HonorCont .list .box{position: relative; padding:40px; background: rgba(238,238,238,0.1);}
.HonorCont .list .box:before{content: "";position: absolute;left:0;top:0;right: 0;bottom: 0;margin: 20px;/* width:100%; *//* height:100%; */border:1px #5a5754 dashed;}
.HonorCont .Cuter .btn{display:none}
.HonorCont .long{position:relative}
.HonorCont .btn-out{left: -60px;width: auto;height: auto;margin-top: -80px;padding: 10px 5px;line-height: initial;text-align: center;color:#999;font-size: 50px;/* font-weight: bold; */background:none;}
.HonorCont .btn-out.nt{left:auto;right: -60px;}
.HonorCont .btn-out:hover{color:#0069de;}
/*==荣誉资质通用↓==*/
.honorCon{background: url(../images/bg03.jpg);}
.honorCon .long{position: relative;}
.honorCon li{}
.honorCon .list li .pic{height:310px;padding:30px !important; background:#fff url(../images/honorBg.png) no-repeat center;background-size: contain;}
.honorCon li h4{color:#333333;font-size:16px;margin-top:20px; text-align: center;}
.honorCon li:hover h4{color:#0c68bd}
.honorCon .btn{left:-25px;width:50px;height:50px; line-height:45px;text-align: center;color:#fff;font-size:32px; background: #666;}
.honorCon .btn.next{left:auto;right:-25px;}
.honorCon .btn:hover{background:#0c68bd;}
/*==合作列表↓==*/
.partner-list{position: relative; display: flex;flex-flow: row wrap;align-content: flex-start;}
.partner-list li{float:left;width:20%;border-right: 1px #ddd solid;border-bottom: 1px #ddd solid;}
.partner-list a{ position: relative; display: block;}
.partner-list a:after{ opacity:0; content:""; position:absolute;left:0;top:0;width:100%;height:100%;transform: translateY(-10px);background:#0069de;}
.partner-list img{display: block;width: 100%;}
.partner-list h4{ opacity:0; position: absolute;left:0;top:0;right:0;bottom:0;z-index: 1;margin: auto;height: fit-content;text-align: center;color:#fff;font-size:18px;transform: translateY(10px);}
.partner-list:before,.partner-list:after{content: ""; position: absolute;background: #fff;}
.partner-list:before{right:0;top:0;height:100%;width:1px;}
.partner-list:after{left:0;bottom:0;height:1px;width:100%;}
.partner-list li:hover h4{opacity:1;transform: translateY(0px);}
.partner-list li:hover a:after{opacity:0.6;transform: translateY(0px);}
/*==发展历程↓==*/
.courseBox{}
.courseBox .list{position: relative;overflow: hidden;padding: 0 100px 50px 100px;padding-bottom:50px;}
.courseBox .list li{float:left;width: 50%;padding-right: 110px;margin-bottom: 90px;height:165px;}
.courseBox .list li a{ position:relative;float:left;width:100%;padding:30px;margin-bottom:30px;     box-shadow: 0 0 10px #eee;}
.courseBox .list li h4{color:#0c68bd;font-size:30px;font-weight: bold;}
.courseBox .list li .txt{font-size:14px;color:#787878; margin-top:10px;}
.courseBox .list li a:before,.courseBox .list li a:after{content:"";position: absolute;right: -123px;bottom:30px;background: #0c68bd;}
.courseBox .list li a:before{width: 120px;height:1px;}
.courseBox .list li a:after{bottom:18px;width:25px;height:25px;border-radius: 50%;}
.courseBox .list li.one{/*! margin-top: 100px; */}
.courseBox .list li.two{float:right;padding-left: 110px;padding-right:0px;margin-top: 90px;margin-bottom: 0px;}
.courseBox .list li.two a:before,.courseBox .list li.two a:after{left: -123px;}
.courseBox .list li:hover a{ background: #0c68bd}
.courseBox .list li:hover a h4,.courseBox .list li:hover a .txt{color:#fff}
.courseBox .list .line{ position:absolute; left:50%; top:0; width:2px; height:100%;border:none;background: #0c68bd;}
/*==资料下载↓==*/
.download li{height:80px;line-height:80px;border-bottom: 1px solid #e2e2e2;padding:0 70px;}
.download li p{background: url('../images/pdfIcon.png') no-repeat left center;padding-left:35px;}
.download li a{float:right;width:100px;height:26px;line-height:26px;background:#0069de;color:#fff;text-align:center;margin-top:28px;}
.download li a:hover{background:#f60;color:#fff;}
.download li.more{text-align:center}
.download li.more a{float:none;display:inline-block;background:#f0f0f0;color:#333;}
.download li.more i{display:inline-block;width:13px;height:13px;background: url('../images/mIcon.png') no-repeat;margin-left:10px;}
.download li.more a:hover{background:#f60;color:#fff;}
.download li:hover{background:#f5f5f5;}
/*==产品引导页↓==*/
.ProductIndex{ padding:0px !important;}
.ProductIndex .item{}
.ProductIndex .item em{width: 90px;height: 93px;}
.ProductIndex .item .x1 em:before{background-image:url(../images/ItemIco01.png); }
.ProductIndex .item .x2 em:before{background-image:url(../images/ItemIco02.png); }
.ProductIndex .item .x3 em:before{background-image:url(../images/ItemIco03.png); }
.ProductIndex .item .x4 em:before{background-image:url(../images/ItemIco04.png); }
.ProductIndex .item .x5 em:before{background-image:url(../images/ItemIco05.png); }
.ProductIndex .item .x1 em:after{background-image:url(../images/ItemIco01s.png); }
.ProductIndex .item .x2 em:after{background-image:url(../images/ItemIco02s.png); }
.ProductIndex .item .x3 em:after{background-image:url(../images/ItemIco03s.png); }
.ProductIndex .item .x4 em:after{background-image:url(../images/ItemIco04s.png); }
.ProductIndex .item .x5 em:after{background-image:url(../images/ItemIco05s.png); }
.ProductIndex .product{border-top:#ddd solid 1px;}
.ProductIndex .ensure{border-top:#ddd solid 1px;}
.ProductIndex .ensure ul{background: url(../images/EnsureBg.png) no-repeat center;background-size:cover;}
.ProductIndex .ensure ul{position: relative;display: table;width: 1440px;height:600px;margin:auto;border-radius:10px;overflow:hidden;display: flex;flex-flow: row wrap;align-content: flex-start;}
.ProductIndex .ensure ul li{ position: absolute; float:left;width: 18%;margin:80px 60px}
.ProductIndex .ensure ul li a{position: relative;z-index: 2;display: block;height: 100%}
.ProductIndex .ensure ul em{position: relative;margin-bottom: 15px;display: table;width: 50px;height: 50px;overflow: hidden;background-repeat:no-repeat;background-position:center;}
.ProductIndex .ensure ul h4{color: #fff;font-size:22px;margin-bottom: 15px;}
.ProductIndex .ensure ul p{color: #fff;font-size:14px;line-height: 24px;}
.ProductIndex .ensure ul li:hover a{ transform: translateY(-5px); }
.ProductIndex .ensure .x1{left:0px;}
.ProductIndex .ensure .x2{right:0}
.ProductIndex .ensure .x3{bottom:0;left:0;}
.ProductIndex .ensure .x4{bottom:0;right:0;}
.ProductIndex .ensure .x1 em{background-image:url(../images/EnsureIco01.png); }
.ProductIndex .ensure .x2 em{background-image:url(../images/EnsureIco02.png); }
.ProductIndex .ensure .x3 em{background-image:url(../images/EnsureIco03.png); }
.ProductIndex .ensure .x4 em{background-image:url(../images/EnsureIco04.png); }
.ProductIndex .honor{}
/*==产品-ERP↓==*/
.Product-ERP{padding:0px }
.Product-ERP .item .x1 em{background-image:url(../images/ItemIco201.png); }
.Product-ERP .item .x2 em{background-image:url(../images/ItemIco202.png); }
.Product-ERP .item .x3 em{background-image:url(../images/ItemIco203.png); }
.Product-ERP .item .x4 em{background-image:url(../images/ItemIco204.png); }
.Product-ERP .item .x5 em{background-image:url(../images/ItemIco205.png); }
.Product-ERP .item .x6 em{background-image:url(../images/ItemIco206.png); }
.Product-ERP .item .x7 em{background-image:url(../images/ItemIco207.png); }
.Product-ERP .item .x8 em{background-image:url(../images/ItemIco208.png); }
.Product-ERP .item .x9 em{background-image:url(../images/ItemIco209.png); }
.Product-ERP .item .x10 em{background-image:url(../images/ItemIco210.png); }
.Product-ERP .structure{background:#f5f5f5;}
.Product-ERP .structure .pic{text-align: center;}
.Product-ERP .function{ background: url(../images/FunctionBg.png) no-repeat center; background-size:cover ;}
.Product-ERP .function .long{position:relative}
.Product-ERP .function .list{height:auto !important}
.Product-ERP .function .list li{position: relative;text-align: center;padding: 50px 30px;background: #42546a;}
/*.Product-ERP .function .list li a{display: block;text-align: center;padding:50px 20px;background: #fff;box-shadow: 0 0 10px #e5e5e5;}*/
.Product-ERP .function .list li u{opacity:.5; position: absolute;left:0;top:0;margin: 10px 20px;color: #d4d4d4;font-size: 38px;font-weight: bold;font-style: normal;text-decoration: initial;}
.Product-ERP .function .list li em{margin: 0 auto 20px;display: table;width: 55px;height: 56px;background-repeat:no-repeat;background-position:center;}
.Product-ERP .function .list li h4{color: #fff;font-size:24px;margin-bottom: 15px;}
.Product-ERP .function .list li hr{margin:0 auto 20px;width:40px;height:2px;border:none; background: #0069de;}
.Product-ERP .function .list li .wx{position: relative; height:140px;color: #fff;font-size:14px;line-height: 24px;}
.Product-ERP .function .list li .brief{position: absolute;top:0;opacity: 0;}
.Product-ERP .function .list li .explain{/* opacity: 0; */ -webkit-line-clamp: 6;}
.Product-ERP .function .list .more{display:table;margin: 30px auto 0;padding: 8px 20px;color:#666;font-size:14px;border-radius:5px;background:#fff;}
.Product-ERP .function .list .more i{float:right;font-size:18px; margin-left:10px;}
.Product-ERP .function .list .more:hover{color:#fff;background:#0096de}
.Product-ERP .function .list .more:hover i{color:#fff;transform: translateX(-5px);}
.Product-ERP .function .list .swiper-slide-active{ background: #0069de;}
.Product-ERP .function .list .swiper-slide-active u{color:#fff}
.Product-ERP .function .list .swiper-slide-active hr{background: #fff;}
.Product-ERP .function .btn{width: 40px;line-height:40px;height:40px;color: #fff;font-size:40px; text-align: center; background: #0069de;}
.Product-ERP .function .btn:hover{background:#0096de}
.Product-ERP .function .btn.pv{left: -50px;}
.Product-ERP .function .btn.nt{right:-50px;}
.Product-ERP .plan{ background: #f2f2f2;}
.Product-ERP .plan ul{margin:0 0 -20px -20px;  display: flex;flex-flow: row wrap;align-content: flex-start;}
.Product-ERP .plan ul li{float:left;width:50%;}
.Product-ERP .plan ul a{position: relative;z-index: 2;display: block;height:100%;margin:0 0 20px 20px;padding:50px; overflow:hidden;}
.Product-ERP .plan ul .bg{position: absolute;left:0;top:0;z-index: -1;width:100%;height: 100%;object-fit: cover;}
.Product-ERP .plan ul li h4{color: #fff;font-size:24px;margin-bottom: 20px;/* overflow: hidden; */clear: both;}
.Product-ERP .plan ul li h4 em{float:left;margin-right:10px;margin-top: -10px;width: 55px;height: 56px;background-repeat:no-repeat;background-position:center;}
.Product-ERP .plan ul p{position: relative; color: #fff;font-size:14px;line-height: 24px;}
.Product-ERP .plan ul .x1 em{background-image:url(../images/PlanIco01.png);}
.Product-ERP .plan ul .x2 em{background-image:url(../images/PlanIco02.png);}
.Product-ERP .plan ul .more{display:table;margin: 30px 0 0 0;padding: 8px 20px;color:#666;font-size:14px;border-radius:5px;background:#fff;}
.Product-ERP .plan ul .more i{float:right;font-size:18px; margin-left:10px;}
.Product-ERP .plan ul .more:hover{color:#fff;background:#0096de}
.Product-ERP .plan ul li:hover{}
.Product-ERP .plan ul li:hover img{transform:scale(1.05);}
.Product-ERP .plan ul li:hover .more{color:#fff;background:#0069de}
.Product-ERP .use{}
.VideoCont{ background:#f2f2f2;}
.VideoCont .long{position:relative}
.VideoCont .list{margin:0 0 -40px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.VideoCont .list li{position: relative;float:left;width:33.3%;}
.VideoCont .list li a{display: block;height:100%;margin:0 0 40px 20px}
.VideoCont .list .pic{ position: relative;}
.VideoCont .list .pic img{width:100%;height: 100%;object-fit: cover;}
.VideoCont .list h4{color: #666;font-size:20px;margin-bottom: 15px;margin-top: 20px;}
.VideoCont .list hr{margin: 0 0 15px 0;width: 30px;height:2px;border:none;background: #0069de;}
.VideoCont .list p{-webkit-line-clamp: 3;position: relative;color: #888;font-size:14px;line-height: 24px;}
/*==产品-OA↓==*/
.Product-OA{padding:0px}
.Product-OA .item{}
.Product-OA .item .list-a4{}
.Product-OA .item .list-a4 em{width:63px;height:59px;}
.Product-OA .item .list-a4 .x1 em{ background-image: url(../images/ItemIco301.png)}
.Product-OA .item .list-a4 .x2 em{ background-image: url(../images/ItemIco302.png)}
.Product-OA .item .list-a4 .x3 em{ background-image: url(../images/ItemIco303.png)}
.Product-OA .item .list-a4 .x4 em{ background-image: url(../images/ItemIco304.png)}
.Product-OA .item .list-a4 .x5 em{ background-image: url(../images/ItemIco305.png)}
.Product-OA .item .list-a4 .x6 em{ background-image: url(../images/ItemIco306.png)}
.Product-OA .item .list-a4 .x7 em{ background-image: url(../images/ItemIco307.png)}
.Product-OA .structure{ background: #f5f5f5;}
.Product-OA .function{}
.Product-OA .function .up{ margin:0 0 -20px -20px;}
.Product-OA .function .up li{float:left;width:25%;}
.Product-OA .function .up li a {display:block;position:relative;height:100%;margin:0 0 20px 20px;overflow:hidden;background:#0069de;}
.Product-OA .function .up li img {display:block;width:100%;height:100%;object-fit:cover;}
.Product-OA .function .up .one h4 {position:absolute;left:0;bottom:0;width:100%;padding:20px 30px;font-size:22px;color:#fff;background:rgba(0,0,0,0.5);}
.Product-OA .function .up .one {width:50%}
.Product-OA .function .up .two a {padding:40px}
.Product-OA .function .up .two h4 {position:relative;padding-left:60px;color:#fff;font-size:22px;margin-bottom:25px;}
.Product-OA .function .up .two h4 em {float:left;position:absolute;left:0;top:-10px;width:50px;height:50px;display:block;background-repeat:no-repeat;background-position:center;}
.Product-OA .function .up .two p {color:#fff;font-size:14px;margin-bottom:30px;line-height:24px;}
.Product-OA .function .up .two a {height:275px;}
.Product-OA .function .up .one a {height:570px;}
.Product-OA .function .up li:hover img{transform:scale(1.05);}
.Product-OA .function .up li:hover a{transform: translateY(-5px);box-shadow: 0 0 10px #aaa;}
.Product-OA .function .up .x1 a{ background: #0b74f1;}
.Product-OA .function .up .x2 a{ background: #00b050;}
.Product-OA .function .up .x3 a{ background: #03c590;}
.Product-OA .function .up .x4 a{ background: #ff8021;}
.Product-OA .function .up .x1 em{ background-image:url(../images/FunctionIco201.png);}
.Product-OA .function .up .x2 em{ background-image:url(../images/FunctionIco202.png);}
.Product-OA .function .up .x3 em{ background-image:url(../images/FunctionIco203.png);}
.Product-OA .function .up .x4 em{ background-image:url(../images/FunctionIco204.png);}
.Product-OA .function .up li:nth-child(1){}
.Product-OA .function .down{}
.Product-OA .function .down li em{width: 100px;height: 100px;background-size: 100px;}
.Product-OA .function .down .x1 em{ background-image:url(../images/FunctionIco205.png);}
.Product-OA .function .down .x2 em{ background-image:url(../images/FunctionIco206.png);}
.Product-OA .function .down .x3 em{ background-image:url(../images/FunctionIco207.png);}
.Product-OA .function .down .x4 em{ background-image:url(../images/FunctionIco208.png);}
.Product-OA .use{}
.Product-OA .use .list-a5 em{width:70px;height:70px}
.Product-OA .use .list-a5 .x1 em{background-image:url(../images/UseIco201.png);}
.Product-OA .use .list-a5 .x2 em{background-image:url(../images/UseIco202.png);}
.Product-OA .use .list-a5 .x3 em{background-image:url(../images/UseIco203.png);}
/*==产品-PLM↓==*/
.Product-PLM{}
.Product-PLM .item{}
.Product-PLM .item .list-a4 .x1 em{ background-image: url(../images/ItemIco401.png)}
.Product-PLM .item .list-a4 .x2 em{ background-image: url(../images/ItemIco402.png)}
.Product-PLM .item .list-a4 .x3 em{ background-image: url(../images/ItemIco403.png)}
.Product-PLM .item .list-a4 .x4 em{ background-image: url(../images/ItemIco404.png)}
.Product-PLM .item .list-a4 .x5 em{ background-image: url(../images/ItemIco405.png)}
.Product-PLM .value{}
.Product-PLM .value .list-a1 em{width:91px;height:97px}
.Product-PLM .value .list-a1 .x1 em{ background-image: url(../images/ValueIco201.png)}
.Product-PLM .value .list-a1 .x2 em{ background-image: url(../images/ValueIco202.png)}
.Product-PLM .value .list-a1 .x3 em{ background-image: url(../images/ValueIco203.png)}
.Product-PLM .value .list-a1 .x4 em{ background-image: url(../images/ValueIco204.png)}
.Product-PLM .value .list-a1 .x5 em{ background-image: url(../images/ValueIco205.png)}
/*==产品-SCM↓==*/
.Product-SCM{} 
.Product-SCM .item{}
.Product-SCM .item .list-a4 .x1 em{ background-image: url(../images/ItemIco501.png)}
.Product-SCM .item .list-a4 .x2 em{ background-image: url(../images/ItemIco502.png)}
.Product-SCM .item .list-a4 .x3 em{ background-image: url(../images/ItemIco503.png)}
.Product-SCM .item .list-a4 .x4 em{ background-image: url(../images/ItemIco504.png)}
.Product-SCM .item .list-a4 .x5 em{ background-image: url(../images/ItemIco505.png)}
.Product-SCM .worry{ text-align: center;}
.Product-SCM .worry img{ max-width:100%}
.Product-SCM .use{}
.Product-SCM .use .list-a5 em{width:70px;height:70px}
.Product-SCM .use .list-a5 .x1 em{background-image:url(../images/UseIco301.png);}
.Product-SCM .use .list-a5 .x2 em{background-image:url(../images/UseIco302.png);}
.Product-SCM .use .list-a5 .x3 em{background-image:url(../images/UseIco303.png);}
/*==产品-BI↓==*/
.Product-BI{}
.Product-BI .item{}
.Product-BI .item .list-a4 .x1 em{ background-image: url(../images/ItemIco601.png)}
.Product-BI .item .list-a4 .x2 em{ background-image: url(../images/ItemIco602.png)}
.Product-BI .item .list-a4 .x3 em{ background-image: url(../images/ItemIco603.png)}
.Product-BI .use .list-a5 em{width:70px;height:70px}
.Product-BI .use .list-a5 .x1 em{background-image:url(../images/UseIco401.png);}
.Product-BI .use .list-a5 .x2 em{background-image:url(../images/UseIco402.png);}
.Product-BI .use .list-a5 .x3 em{background-image:url(../images/UseIco403.png);}
.Product-BI .use .list-a5 .x4 em{background-image:url(../images/UseIco404.png);}
/*==产品-APS↓==*/
.Product-APS{}
.Product-APS .item{}
.Product-APS .item .list-a4 em{width:80px;height:80px;}
.Product-APS .item .list-a4 .x1 em{ background-image: url(../images/ItemIco701.png)}
.Product-APS .item .list-a4 .x2 em{ background-image: url(../images/ItemIco702.png)}
.Product-APS .item .list-a4 .x3 em{ background-image: url(../images/ItemIco703.png)}
.Product-APS .item .list-a4 .x4 em{ background-image: url(../images/ItemIco704.png)}
.Product-APS .use{}
.Product-APS .use .list-a5 em{width:70px;height:70px}
.Product-APS .use .list-a5 .x1 em{background-image:url(../images/UseIco501.png);}
.Product-APS .use .list-a5 .x2 em{background-image:url(../images/UseIco502.png);}
.Product-APS .use .list-a5 .x3 em{background-image:url(../images/UseIco503.png);}
/*==产品-图文展示↓==*/
.FollowCont{}
.FollowCont .list{}
.FollowCont .list > li{position:relative;float:left;width:100%; clear: both;padding:80px 100px} 
.FollowCont .list > li:before{content: ""; position: absolute;left:-10%;top:0;z-index:-1;width:140%;height:100%; background: #fdfdfd;}
.FollowCont .list > li > .pic{ float:left; width:50%}
.FollowCont .list > li > .pic img{display: block;max-width:100%}
.FollowCont .list > li > .box{position:relative;padding-left:60px;float:right;width:40%;margin-top:60px;}
.FollowCont .list > li > .box em{position: absolute;left:0;top:0;width:45px;line-height:45px; text-align:center;color:#fff;font-size:24px;font-weight: bold;border-radius: 50%; background: #0069de;}
.FollowCont .list > li > .box h4{color: #333;font-size:26px;font-weight:bold;margin-bottom: 30px;}
.FollowCont .list > li > .box hr{margin:0 0 25px 0;width:30px;height:2px;border:none; background: #0069de;}
.FollowCont .list > li > .box .wx{color: #666;font-size:16px;line-height: 26px;}
.FollowCont .list > li > .box .wx p{margin-bottom:20px}
.FollowCont .list > li:nth-of-type(even):before{ background:#f5f5f5;}
.FollowCont .list > li:nth-of-type(even) .pic{float:right}
.FollowCont .list > li:nth-of-type(even) .box{float:left}
.FollowCont .list > li:last-child{border-bottom:#f1f1f1 solid 1px}
.FollowCont .srll{}
.FollowCont .srll img{ display:block; max-width:100%;}
.FollowCont .srll .spot{ position: inherit; margin:40px auto 0}
.FollowCont .srll .spot span{  opacity: 1;   width: 12px;height: 12px;margin: 0 8px; background:#aaa;}
.FollowCont .srll .spot .swiper-pagination-bullet-active {  background: #0069de;}
/*==颜色区分↓==*/
.chartSrll{}
.chartSrll .long{ position:relative;}
.chartSrll .list{}
.chartSrll .list li{}
.chartSrll .list .pic{border:1px #ddd solid}
.chartSrll .list .phot{display: block;padding:10px;  border:1px #0069de solid;}
.chartSrll .list h4{color:#1e1e25;font-size:15px;text-align: center;margin-top: 15px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.chartSrll .list li:hover h4{color:#0069de}
/*--*/
.chartSrll .long{position: relative;}
.chartSrll .btn{left:-50px;width: auto;height: auto;line-height: initial;text-align: center;color:#999;font-size:50px;background:none;}
.chartSrll .btn.nt{left:auto;right: -50px;}
.chartSrll .btn:hover{color:#0069de;}
/*==颜色区分↓==*/
.la-Bg{ background: #f0f3f9;}
.la-Bg .list-a1 li a{box-shadow:initial;}
/*==列表-a1↓==*/
.list-a1{margin: 0 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.list-a1 li{float:left;width:20%;margin-bottom:20px;}
.list-a1 li a{display: block;height:100%;margin-left: 20px;text-align: center;padding:50px 20px;background: #fff;box-shadow: 0 0 10px #e5e5e5;}
.list-a1 em{margin: 0 auto 20px;display: table; width:100px;height:100px; background-repeat:no-repeat ;background-position:center ;}
.list-a1 h4{color:#090929;font-size:24px;margin-bottom:10px;}
.list-a1 p{color:#888;font-size:14px;}
.list-a1 li:hover h4{color:#0069de}
.list-a1 li:hover a{ transform: translateY(-5px); box-shadow: 0 0 10px #ddd;}
/*--*/
.list-a1.lx5 li{width: 20%;}
/*==列表-a2↓==*/
.list-a2{}
.list-a2{margin: 0 0 0px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.list-a2 li{float:left;width:25%;}
.list-a2 li a{position: relative;z-index: 2;display: block;height: 100%;margin-left: 20px;text-align: center;padding: 80px 40px;border-radius:10px;overflow: hidden;}
.list-a2 li .bg{ position: absolute; left:0;top:0;z-index:-1;width:100%;height:100%; max-width:100%;height: 100%;object-fit: cover;}
.list-a2 em{margin: 0 auto 30px;display: table;width: 80px;height: 80px;background-repeat:no-repeat;background-position:center;}
.list-a2 h4{color: #fff;font-size:24px;margin-bottom: 20px;}
.list-a2 hr{margin:0 auto 20px;width:40px;height:2px;border:none; background: #0069de;}
.list-a2 p{width: 50%;display: table;margin: auto;color: #fff;font-size:14px;line-height: 24px;}
.list-a2 li:hover h4{}
.list-a2 li:hover hr{width:60px}
.list-a2 li:hover a{ transform: translateY(-5px); box-shadow: 0 0 10px #ddd;}
/*==列表-a3↓==*/
.list-a3{}
.list-a3{margin: 0 0 0px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.list-a3 li{float:left;width: 20%;}
.list-a3 li a{position: relative;z-index: 2;display: block;height: 100%;margin-left: 20px;text-align: center;padding: 40px 20px;border-radius:10px;overflow: hidden;border: 1px #ddd solid;background: #fafafa;}
.list-a3 em{position: relative;margin: 0 auto 30px;display: table;width: 90px;height: 93px;overflow: hidden;}
.list-a3 em:before,.list-a3 em:after{content: "";width: 100%;height: 100%;position: absolute;top:0;left: 0;background-repeat:no-repeat;background-position:center;}
.list-a3 em:before{}
.list-a3 em:after{top:100%;}
.list-a3 h4{color: #333;font-size:24px;font-weight: bold;margin-bottom: 20px;}
.list-a3 hr{margin:0 auto 20px;width:40px;height:2px;border:none; background: #0069de;}
.list-a3 p{/* width: 50%; *//* display: table; */margin: auto;color: #666;font-size:14px;line-height: 24px;}
.list-a3 li:hover a{ background:#0069de}
.list-a3 li:hover h4,.list-a3 li:hover p{color:#fff}
.list-a3 li:hover em:before{top:-100%;}
.list-a3 li:hover em:after{top:0}
.list-a3 li:hover hr{background:#fff}
.list-a3 li:hover a{ transform: translateY(-5px); box-shadow: 0 0 10px #ddd;}
/*==列表-a4↓==*/
.list-a4{margin: 0 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.list-a4 li{float:left;width:25%;margin-bottom:20px;}
.list-a4 li a{display: block;height:100%;margin-left:20px;text-align: center;padding:0px 20px;}
.list-a4 em{margin: 0 auto 25px;display: table; width:62px;height:62px; background-repeat:no-repeat ;background-position:center ;}
.list-a4 h4{color:#090929;font-size:20px;font-weight:bold;margin-bottom:10px;}
.list-a4 li:hover h4{color:#0069de}
.list-a4 li:hover a{ transform: translateY(-5px); }
.list-a4.pd{padding:50px 100px;box-shadow: 0 0 10px #eee;}
.list-a4.lx7 li{width:14.2%}
.list-a4.lx5 li{width:20%}
.list-a4.lx3 li{width:33.3%}
/*==列表-a5↓==*/
.list-a5{}
.list-a5{margin: 0 0 -30px -30px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.list-a5 li{float:left;width: 33.3%;margin-bottom:30px}
.list-a5 li a{position: relative;z-index: 2;display: block;height: 100%;margin-left:30px;padding: 40px 40px;border-radius:10px;overflow: hidden;border: 1px #ddd solid;background: #fafafa;}
.list-a5 em{position: relative;margin-bottom:30px;display: table;width: 100px;height: 100px;overflow: hidden;background-repeat:no-repeat;background-position:center;}
.list-a5 h4{color: #333;font-size:24px;font-weight: bold;margin-bottom: 20px;}
.list-a5 hr{margin:0 0 20px 0;width:40px;height:2px;border:none; background: #0069de;}
.list-a5 p{/* width: 50%; *//* display: table; */margin: auto;color: #666;font-size:14px;line-height: 26px;}
.list-a5 li:hover a{ transform: translateY(-5px); box-shadow: 0 0 10px #ddd;}
.list-a5.lx4 li{width:25%}
.list-a5.cen li{ text-align: center;}
.list-a5.cen em{margin:0 auto 20px;}
.list-a5.cen hr{margin:0 auto 20px;}
/*==列表-a6↓==*/
.list-a6{margin: 0 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.list-a6 li{float:left;width:25%;margin-bottom:20px}
.list-a6 li a{display: block;margin-left:20px;padding: 40px 30px;height: 100%;box-shadow: 0 0 10px #e5e5e5;border: 1px #eee solid;background: #fff;}
.list-a6 em{float: left;margin-right: 20px;display: table;width:100px;height:100px;background-repeat:no-repeat;background-position:center;}
.list-a6 h4{display: table;color:#090929;font-size:24px;margin-bottom:10px;}
.list-a6 p{display: table;color:#888;font-size:14px;line-height: 26px;}
.list-a6 li:hover h4{color:#0069de}
.list-a6 li:hover a{ transform: translateY(-5px); box-shadow: 0 0 10px #ddd;}
/*==列表-a7↓==*/
.list-a7{margin:0 0 -20px -20px}
.list-a7 li{float:left;width:25%;margin-bottom:20px}
.list-a7 a{position: relative;height:500px;display: block;padding: 50px;margin-left:20px; overflow:hidden;}
.list-a7 a:before{ opacity:0;content:"";position: absolute;left:0;top:0;width:100%;height:100%;transform: translateY(0px); background: #0069de;}
.list-a7 .bg{position: absolute;left:0;top:0;z-index: -1;width:100%;height: 100%;object-fit: cover;}
.list-a7 h4{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 2;margin: auto;height: min-content;text-align: center;padding: 0 20px;color: #fff;font-size:24px;/* margin-bottom: 20px; *//* overflow: hidden; */clear: both;}
.list-a7 h4 i{ display: block; color:#fff;font-size:30px;margin: 20px 0 0 0;}
.list-a7 .box{opacity: 0;position: absolute;left:0;right: 0;top:0;bottom:0;margin:auto;height:min-content;padding: 50px;transform: translateY(20px); }
.list-a7 h5{color: #fff;font-size:24px;margin-bottom: 20px;}
.list-a7 p{position: relative;color: #fff;font-size:14px;line-height: 26px;}
.list-a7 li:hover h4{ opacity:0; transform: translateY(10px);}
.list-a7 li:hover .box{opacity:1;transform: translateY(0px); }
.list-a7 li:hover a:before{ opacity:0.8; transform: translateY(0px);}
/*==列表-a8↓==*/
.list-a8{margin: 0 0 -30px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.list-a8 li{float:left;width:20%;margin-bottom: 30px;}
.list-a8 li a{display: block;height:100%;margin-left: 20px;padding: 2px;text-align: center;overflow:hidden;}
.list-a8 em{position: relative;z-index: 2;margin: 0 auto -60px;display: table;width:100px;height:100px;border: 10px #f0f3f9 solid;border-radius: 50%;background-repeat:no-repeat;background-position:center;background-color: #fff;}
.list-a8 .box{position:relative;z-index:1;height: 100%;color:#81868e;font-size:14px;padding: 100px 30px 50px 30px;line-height: 24px;border: 1px #eee solid;/* box-shadow: 0 0 10px #eee; */background: #fff;}
.list-a8 .box:after{opacity:0;content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background: -webkit-linear-gradient(left, #0069de, #2696b2);transform: translateY(20px);transition: all .4s ease-in-out;}
.list-a8 h4{color:#090929;font-size:24px;margin-bottom:10px;}
.list-a8 p{color:#888;font-size:14px;}
.list-a8 li:hover h4{color:#fff}
.list-a8 li:hover p{color:#fff}
.list-a8 li:hover a{ transform: translateY(-5px); }
.list-a8 li:hover .box:after{opacity:1;transform: translateY(0px);}
/*--*/
.list-a1.lx5 li{width: 20%;}
/*==底部留言↓==*/
.ApplyCont{ background: #f8f8f8;}
.ApplyCont .list{display: flex;flex-flow: row wrap;align-content: flex-start;}
.ApplyCont .list li{float:left;width:25%;padding-right: 100px;}
.ApplyCont .list li em{float: left;display: block;width: 92px;height: 89px;margin-right:20px;background-repeat:no-repeat;background-position:center;}
.ApplyCont .list h4{margin-top: 10px;display: table;color:#090929;font-size:24px;margin-bottom: 5px;}
.ApplyCont .list p{display: table;color:#999;font-size:14px;}
.ApplyCont .list .x1 em{ background-image: url(../images/ApplyIco01.jpg) ;}
.ApplyCont .list .x2 em{ background-image: url(../images/ApplyIco02.jpg) ;}
.ApplyCont .list .x3 em{ background-image: url(../images/ApplyIco03.jpg) ;}
.ApplyCont .list .x4 em{ background-image: url(../images/ApplyIco04.jpg) ;}
.ApplyCont .long{ position: relative;z-index: 2; margin-top: 50px;padding:50px 0;background: #0069de;}
.ApplyCont .long:before{content: "";z-index: -1; position: absolute; left:-20%;top:0;width:150%;height:100%; background: #0069de;}
.ApplyCont .long .pic{display: block;float:left;}
.ApplyCont .long .box{float:left;margin-left:50px;margin-top:30px;}
.ApplyCont .long .box h3{color:#fff;font-size:32px}
.ApplyCont .long .box span{display: block; color:#fff;font-size:18px;margin-top:5px}
.ApplyCont .long .box .tel{display: table;margin-top:40px;color:#0069de;font-size:22px;padding: 6px 30px;border-radius: 30px;background: #fff;}
.ApplyCont .long .box .tel i{/* font-size:20px; */margin-right: 10px;}
.ApplyCont .long form{float:right;margin:0 0 -10px -10px}
.ApplyCont .long form input,.ApplyCont .long form textarea{padding: 15px 20px;color:#999;font-size:14px;margin: 0 0 2% 2%;border:none;background: #fff;}
.ApplyCont .long form input{width: 46%;}
.ApplyCont .long form textarea{float:left;height: 80px;width: 65%;}
.ApplyCont .long form button{float:left;width:30%;color:#fff;line-height: 80px;font-size:20px;border: none;background: #3d99ff;}
.ApplyCont .long form button:hover{ background:#2d4d71}
/*==留言↓==*/
.forIn{}
.forIn .block{float:left;display: table;padding: 15px 30px;background: #f1f1f5;}
.forIn .block h4{float:left;/* width: 100%; */color:#666;font-size: 14px;vertical-align: top; margin-right:2px;}
.forIn .block input{float:left;padding: 0px;}
.forIn .block h4,.forIn .block input,.forIn .block textarea{display: inline-block;float: none;}
.forIn .block input,.forIn .block textarea{width:-webkit-fill-available;max-width: 50%;padding:0px 10px !important;color:#666;font-size:14px;border:none; background: none;}
.forIn .block textarea{height: 90px;}
.forIn button{color:#fff;font-size:20px;border: none;background: #3d99ff;}
.forIn button:hover{ background:#0096de}
/*数字加载*/
.digital{width:100%;margin-top: 50px;padding:0 50px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.digital li{position: relative;z-index:2; float:left;width:20%;display: block;}
.digital li a{position:relative;z-index:2; display:table;margin:auto}
.digital li span{color:#fff;font-size:76px;/* font-weight: bold; */}
.digital li h5{color:#fff;font-size:16px;/* margin-top: 10px; */}
/*==list-box 图片款 久↓==*/
.list-box{display:table;margin:0 0 -10px -10px}
.list-box li{float:left; width:25%; }
.list-box li img{max-width:100%;width:100%;}
.list-box li a{display:block;margin:0 0 10px 10px}
.list-box li .pic{border: 1px #eee solid; background: #f9f9f9;}
.list-box li:hover .pic{border: 1px #0054b4 solid;}
.list-box li h4{color:#666;font-size: 15px;text-align: center;padding:12px 0;}
.list-box li:hover h4{color:#0054b4;}
/*==底部===*/
.footer{ position: relative;z-index: 5; padding:70px 0 20px 0;background: #3f3f3f;overflow: hidden;}
.footer .nav{position:relative;float:left;display: table;margin-bottom: 30px;width: 45%;}
.footer .nav h3{ color:#fff;font-size:18px;margin-bottom:18px;}
.footer .nav h3 hr{display: block; border:none; margin:18px 0 0px 0;width:20px;height:2px; background:#0069de;}
.footer .nav li{/*! display: table-cell; */padding-right: 15px;float: left;width: 25%;}
.footer .nav li a{ display: block;color:#aaaaaa; font-size:14px;padding:3px 0;}
.footer .nav li a:hover{color:#fff}
.footer .ewm{float:right;color:#aaa;font-size:14px; text-align:center}
.footer .ewm img{ display:block;margin-bottom:10px;}
.footer .right{float: right;color:#aaa;font-size:12px;margin-left:80px;}
.footer .right .tel{display: block;color:#fff;font-size:28px;border-bottom: 1px #535353 solid;padding-bottom:10px;margin-bottom:20px;}
.footer .right .tel i{float:left;display: block;margin-right:10px;}
.footer .right .wx{display:block;color:#aaa;font-size:12px;line-height: 24px;}
.footer .right .share{margin-top:20px}
.footer .right .share a{display: inline-block;margin-right:18px;width:35px;line-height:35px; text-align:center; color:#fff;font-size:20px;border-radius: 50%;; background: #3d99ff;}
.footer .right .share a:hover{background: #0069de;}
.footer .down{position: relative;margin-top:40px;padding-top:20px;color:#aaa;font-size:14px;}
.footer .down:before{content:""; position: absolute;top:0;left:-20%;width:140%;height:1px; background: #535353;}
.footer .down a{color:#aaa;font-size:14px;}
.footer .down a:hover{color:#fff}
.footer .down a:hover{color:#0069de}
.footer .link{margin-top:20px;width: 100%;}
.footer .link h3{color: #fff;font-size: 13px;float: left;}
.footer .link a{color: #aaa;display: inline-block;padding: 0 15px;font-size: 13px;line-height: 9px;border-right: 1px #999 dotted;}
.footer .link a:last-child{border:none;}