@charset "utf-8";
/*~~~~框架布局~~~*/
/*==版心定义↓==*/
.container{width:1440px;}
/*==顶部↓==*/
.fixed-top.header{ position: fixed;top:0;z-index:99;width:100%;padding:10px 0;height:70px;box-shadow: 0 0 10px #ddd;  }
.fixed-top.header:before{top:0;}
.fixed-top.header .nav{margin-top:15px}
.fixed-top.header .tel{margin-top:15px}
/*--*/
.header{padding:20px 0;height:100px; background: #fff;}
.header:before{content:""; position:absolute;left:0;top:-150px;z-index:-1;width:100%;height:100%; background:#fff;transition: all .4s ease-in-out;}
.header .container{max-width:1800px;width:100%;padding-left:80px;padding-right:80px;}
.header .logo{float:left;}
.header .tel{position: relative;display: block;float:right;margin-top: 26px;color:#424242;font-size:16px;font-weight: bold;}
.header .tel i{position: absolute;left: -30px;display:inline-block;margin-right:10px;color:#007eff;font-size: 18px;font-weight: 400;}
.header .nav{float:right;margin-top: 20px;;margin-right:220px;}
.header .nav > li{float:left;margin-left: 60px;height: 60px;}
.header .nav > li > a{position: relative; display: block;color:#424242;font-size:16px; }
.header .nav > li > a:after{content:"";position: absolute;left:0;bottom:-10px;width:100%;height:2px;background:#007eff;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.header .nav > li:hover > a,.header .nav > li.active > a{color:#007eff; }
.header .nav > li:hover > a:after,.header .nav > li.active > a:after{transform: scale(1);transform-origin:left;}
/*==次级导航↓==*/
.menu{width:100%;margin-top:60px;}
.menu ul{display:table; text-align: center;/*! background:#f2f3f4; *//*! width: 100%; */margin: auto;}
.menu li{/*! flex: 1; */ display: inline-block;}
.menu li a{ position:relative;z-index:2; display: block;margin:0 0px;color:#191919;font-size:18px; border:1px #ddd solid; overflow: hidden;padding: 12px 50px;border-radius: 30px;margin: 0 10px; background: #fff;}
.menu li a:after{ content: ""; position: absolute;left:0;bottom:0;z-index:-1;width:100%;height:0%; background: #0d4da1;/*transition:transform .5s;transform: scale(1,0);transform-origin:top;*/}
.menu li:hover a,.menu li.active a{ color:#fff;border-color:#0d4da1 }
.menu li:hover a:after,.menu li.active a:after{height:100%;/*transform: scale(1);transform-origin:bottom;*/}



/*二级菜单*/
#navbox li{
     position: relative;
 }
#nav li:hover ul {
    display: block;
}
/*产品及服务*/
.nav-product>a{
    color: #fff;
}
.nav-product>a:link,
.nav-product>a:visited {
    display: block;
    text-decoration: none;
    padding-left: 1em;
    /*color:#357dd7;*/
    color: #fff;
}
.nav-product>a:hover{
    color:#357dd7;
}
.nav-er{
    display: none;
    text-align: center;
    background:#fff;
    margin-left: -50px;
    position: absolute;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
}
.triangle1,.triangle2{
    width: 0;
    height: 0;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    top: -7px;
    left: 80px; display:block;
}
.nav-er>li{
    font-size: 16px;
    /*margin-bottom: 10px;*/
}
.nav-er>li>a{
    /*width: 175px;*/
    height: 20px;
    box-sizing: border-box;
    color: #333333;
    padding: 20px 20px 0px 20px;
    line-height: 20px;
    margin-bottom: 20px;
	white-space: nowrap;
}
.nav-er>li>a:hover{
    color:#357dd7;
}
/*解决方案*/
.nav-solution>a{
    color: #fff;
}
.nav-solution>a:link,
.nav-solution>a:visited {
    display: block;
    text-decoration: none;
    padding-left: 1em;
    /*color:#357dd7;*/
    color: #fff;
}
.nav-solution>a:hover{
    color:#357dd7;
}
.nav-er-solution{
    display: none;
    position: absolute;
    text-align: left;
    background:#fff;
    margin-left: -102px;
    padding: 30px 40px;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    width: 280px;  
    padding-top: 6px; margin-top:10px; z-index:999;
}
.nav-er-solution>li{
    font-size: 16px;
    float: left;
}
.solution-left-text{
    padding-right: 0 !important;
}
.solution-left-text>li,.solution-right-text>li{
    line-height: 14px !important;
    margin-top:16px;
}
.solution-left-text>li>a,.solution-right-text>li>a{
    color: #464C5B;
    font-size: 14px;
    padding-right: 0px !important;
}
.solution-left-text>li>a:hover,.solution-right-text>li>a:hover{
    color:#357dd7;
}
.solution-industry-text>.solution-industry-li {
    float: left;
    min-width: 84px;
}
.solution-industry-text>.solution-industry-li:nth-child(2n) {
    margin-left: 30px;
}

.solution-line{
    width:140px;
    height:1px;
    margin-top: 10px;
    background:rgba(215,221,228,1);
    box-shadow:0px 2px 10px 0px rgba(0,0,0,0.2);
}
.triangle1{
    left: 68px;
}
.triangle2{
    left: 130px;
}
.service-model{
    margin-left: -42px;
    width: 75px;
}

.navWap-block ul li:hover div {
    display: block;}
	
.header-nav-text {
     display: none;
}
.header-text {
    display: block;
    font-size: 12px;
    color: #ffffff;
    line-height: 25px;
    padding-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*==面包屑↓==*/
.site{margin:30px 0px 0px 0;color:#767676;font-size:14px;}
.site .home i{color:#333;font-weight:bold;font-size:16px;margin-right:10px;}
.site a{color:#767676;font-size:14px;}
.site a:hover{color:#007eff}
.site .return{float:right;margin-top:-10px;border:1px #666 solid;color:#333333;font-size:12px;padding:12px 40px;}
.site .return i{margin-left:25px;color:#000;font-size:14px;font-weight:bold;}
.site .return:hover{color:#fff;border-color:#000002; background: #000002;}
.site .return:hover i{color:#fff}
.site .return{display: none;}
.sho{box-shadow: 5px 10px 20px rgba(46,102,159,0.1);/*ecf1f6*/}
/*==地图↓==*/
#dituContent{margin:0px 0 0 0;width:100%; height:500px;}
/*==边距↓==*/
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.mt120{margin-top:120px;}
.mtm106{margin:100px 0 60px 0}
/*-*/
.pt100{padding-top:100px}
.pt120{padding-top:120px}
.ptm50{padding:50px 0}
.ptm80{padding:80px 0}
.ptm100{padding:100px 0}
.ptm711b{padding:70px 0 110px 0}
.ptm106{padding:100px 0 60px 0}
.ptm1312b{padding:130px 0 120px}
/*==标题↓==*/
.titleAx{color:#000000;font-size:36px;}
.titleAx b{position: relative;margin: auto;display: table;color:#333333;font-size:36px;padding-bottom:30px;}
.titleAx b:before,.titleAx b:after{content: "";position: absolute;left:0;bottom:0;width:100%;height: 1px;}
.titleAx b:before{background: #ddd;}
.titleAx b:before{}
.titleAx b:after{left:50%;bottom:-2px;width:50px;margin-left:-25px;height:5px; background: #007eff;}
.titleAx .art{display: block;margin-bottom:-40px;color:#ddd;font-size:80px;font-weight:bold;text-transform: uppercase;}
.titleAx .art{letter-spacing: 5px;/* transform: translate(-50%,-50%); */ background: url(../images/fontbg.png) 50% 50%;/* background-size: cover; */-webkit-text-fill-color: transparent;background-clip: text;-webkit-background-clip: text;}
.titleAx.cen{text-align: center;margin-bottom:60px;}
.titleAx.white,.titleAx.white b,.titleAx.white span{color:#fff}
.titleAx.white b:before{background: #fff;}
.titleAx p{color:#ddd;font-size:16px;margin-top:40px;line-height:30px;padding:0 50px}
.titleAx.m120{margin-bottom:120px;}
.titleAx.m100{margin-bottom:100px;}
.titleAx.m80{margin-bottom:80px;}
/*--*/
.titleTop{position: relative;padding-bottom:20px;margin-bottom: 60px;border-bottom:2px #f2f6fa solid;}
.titleTop .titleAx{float:left;position: relative;}
.titleTop .titleAx:before{content: "";position: absolute;left:0;bottom: -26px;width:100%;height:2px;background: #71b6fc;}
.titleTop .more{float:right;color:#81868e;font-size:20px;margin-top: 25px;}
.titleTop .more:hover{color:#007eff}
/*伪类*/
.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{float:left;width:100%;padding:70px 0 80px 0;}
.rackWor{}
/*==在线联系↓==*/
.onlineIn{margin-top:60px; text-align:center}
.consultBtn{color:#fff;font-size:16px;padding:15px 60px; background: #c7cfd5;}
.telBtn{font-size:18px;color:#007eff;padding:12px 20px;font-weight:bold;border:1px #007eff solid}
.telBtn i{float:left; color:#007eff;font-size:20px; margin-right:10px;font-weight:100;}
.onlineIn a{ display: inline-block; border-radius: 30px; text-align: center;margin:0 5px;}
.onlineIn a:hover{color:#fff; background:#007eff}
.onlineIn a:hover i{color:#fff}
/*==切换点↓==*/
.spot-2 span{opacity:1; float:left;margin:0 8px;width:10px;height:10px; background: #b2d8ff;}
.spot-2 span.swiper-pagination-bullet-active{background:-webkit-linear-gradient(left, #3c8ef1, #325bf2);}
/*==左右切换按钮↓==*/
.BtnOrso.imp{color:#fff;font-size: 30px;width:35px;height:35px;line-height: 35px;text-align: center;border-radius:50%;overflow: hidden;background: #c7cfd5;}
.BtnOrso:after{ opacity:0; content:"";position: absolute;left:0;top:0;z-index:-1;display:block; width:100%;height:100%;background:-webkit-linear-gradient(left, #3c8ef1, #325bf2);transition: all .4s ease-in-out;}
.BtnOrso:hover:after{ opacity:1}
/*==首页功能模块↓==*/
.FunctionHome{position: relative; overflow: hidden;}
.FunctionHome ul{display: flex;flex-flow: row wrap;align-content: flex-start;margin:0 0 -30px -20px;}
.FunctionHome ul li{float: left;width: 25%;display: table;margin-bottom:30px;}
.FunctionHome ul a{position: relative;z-index:2;height: 333px;margin-left:20px;display: block;border-radius:10px;overflow:hidden;text-align: center;vertical-align: middle; }
.BtnOrso.imp{color:#fff;font-size: 30px;width:35px;height:35px;line-height: 35px;text-align: center;border-radius:50%;overflow: hidden;background: #c7cfd5;}
.FunctionHome ul a:after{opacity:0; content:"";position:absolute; left:0;top:0;z-index:;width:100%;height:100%;background:#325bf2;animation:spinoffPulse .6s infinite  cubic-bezier(0, 0, 1, -0.40);}
.FunctionHome ul .box{opacity: 0; position: absolute;z-index:2;left:0;top:0;right: 0;bottom: 0;margin: auto;height:fit-content;width:100%; padding: 10px 35px;transform: translateY(20px); }
.FunctionHome ul img{display: block;max-width:100%;width: 100%;height:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.FunctionHome ul h4{color:#fff;font-size:20px;}
.FunctionHome ul em{display: block;width: 69px;height: 68px;margin: auto;background-repeat:no-repeat;background-position:center;}
.FunctionHome ul p{color:#fff;font-size:14px;margin-top:45px;line-height:30px;}
.FunctionHome ul .box h4{display:table;margin:auto}
.FunctionHome ul .box em{display: block;float: left;width: 40px;height: 40px;margin-right: 15px;margin-top: -10px;background-size: 40px;}
.FunctionHome ul .tit{position: absolute;z-index:2;left:0;top:0;right: 0;bottom: 0;margin: auto;height: fit-content;}
.FunctionHome ul .tit em{margin-bottom:30px;}
.FunctionHome ul li:hover .box{}
.FunctionHome ul li:hover .tit{opacity: 0; transform: translateY(20px);}
.FunctionHome ul li:hover .box{opacity:1;transform: translateY(0px);}
.FunctionHome ul li:hover a:after{opacity:1;animation-play-state:paused;}
.FunctionHome ul .x1{display: block;}
.FunctionHome ul .x1 em{ background-image: url(../images/functionico01.png);}
.FunctionHome ul .x2 em{ background-image: url(../images/functionico02.png);}
.FunctionHome ul .x3 em{ background-image: url(../images/functionico03.png);}
.FunctionHome ul .x4 em{ background-image: url(../images/functionico04.png);}
.FunctionHome ul .x5 em{ background-image: url(../images/functionico05.png);}
.FunctionHome ul .x6 em{ background-image: url(../images/functionico06.png);}
.FunctionHome ul .x7 em{ background-image: url(../images/functionico07.png);}
.FunctionHome ul .x8 em{ background-image: url(../images/functionico08.png);}
.FunctionHome .chip{ position: absolute;z-index:-1}
.FunctionHome .chip.c-1{right:-110px;top: -210px;width: 553px;height: 553px;background: url(../images/chip01.png) no-repeat center;}
.FunctionHome .chip.c-2{left:-50px;bottom:-100px;width: 336px;height: 423px;background: url(../images/chip02.png) no-repeat center;}
@-webkit-keyframes spinoffPulse{
    0%{background:#ff8021;}
    10%{background:#ff8021;}
    20%{background:#ff8021;}
    30%{background:#ff8021;}
    40%{background:#0b74f1;}
    50%{background:#0b74f1;}
    60%{background:#0b74f1;}
    70%{background:#00b050;}
    80%{background:#00b050;}
    90%{background:#00b050;}
    100%{background:#00b050;}
}
/*==首页解决方案↓==*/
.SolveCon{border-bottom:1px #ddd solid}
.SolveCon .list{padding:10px 0}
.SolveCon .list a{height:520px;display: block;position: relative; z-index: 2;}
.SolveCon .list a:after{content: ""; position: absolute; left:0;top:0;z-index:;width:100%;height:100%;background: rgba(32,52,70,0.4);}
.SolveCon .list img{width:100%;max-width:100%;height: 100%;object-fit: cover;}
.SolveCon .list .box{ opacity:0; position: absolute;left:0;top:0;z-index:2;width:100%;height:100%;transform: translateY(45px);}
.SolveCon .list .tit{color:#fff;font-size:24px;margin-bottom:50px;}
.SolveCon .list .tit u{position:relative;display:block; margin:15px 0 0 0;width:30px;height:3px; border:none; background: #fff;}
.SolveCon .list .tit span{display:block;color:#fff;font-size:20px;margin-top:10px;}
.SolveCon .list p{    -webkit-line-clamp: 5;margin-bottom:100px;color:#fff;font-size:14px;line-height:24px;}
.SolveCon .list .more{color:#007eff;font-size:16px;padding:10px 30px;border-radius: 30px;box-shadow: 0px 2px 10px #464646;background: #fff;}
.SolveCon .list .dn{position: absolute;left:0;bottom:0;z-index:2;margin-bottom:0px;}
.SolveCon .list .dn u{background: #007eff;}
.SolveCon .list .dn u:before{content: ""; position: absolute; left:0;top:0;height:100%;width:50%; background:#19c953;}
.SolveCon .list .pd{padding:80px 40px;}
.SolveCon .list li:hover a{transform:scale(1.1);z-index:5}
.SolveCon .list li:hover a:after{background:rgba(0,126,255,0.5)}
.SolveCon .list li:hover .box{opacity:1;transform: translateY(0px);}
.SolveCon .list li:hover .dn{opacity:0;transform: translateY(45px);}
.SolveCon .list .more:hover{color:#fff;background:#007eff}
.SolveCon .trigger{height:70px;padding: 30px 0; overflow: hidden;}
.SolveCon .trigger .spot-2{float:left;position: initial;width: auto;margin-top:0px;}
.SolveCon .trigger .BtnOrso{position: relative;float:right;left:auto;top:auto;margin-top: -15px;margin-left:25px;}
/*==首页特色↓==*/
.TraitHome{}
.TraitHome ul{margin-left:-20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.TraitHome li{float:left;width:50%;margin-bottom: 30px;}
.TraitHome li a{position:relative; display: block;height: 100%;margin: 0 0 0px 20px;padding:40px 60px;box-shadow: 0px 10px 20px #ecf1f6;border-radius: 10px;}
.TraitHome li a:before{content:"";position:absolute;left:0;top:0;top:40px;width:3px;height:60px;background:#1e2f40}
.TraitHome li .box{/* float:left; */width:40%;display: inline-block;}
.TraitHome li h4{color:#2b374b;font-size:30px;margin-bottom: 10px; font-weight:bold;}
.TraitHome li span{display: block;font-size:18px;}
.TraitHome li b{display: block; color:#007eff;font-size:60px;margin-top:40px; font-weight:bold;}
.TraitHome li img{display: table;float:right;max-width:50%;}
.TraitHome li h4,.TraitHome li span,.TraitHome li b{display: table;/* float: left; */}
.TraitHome li:hover a{box-shadow:0px 0px 10px #dae1e8;transform: translateY(-10px);}
.TraitHome li:hover h4{color:#007eff}
/*==首页关于↓==*/
.AboutHome{ position: relative; padding-bottom:50px;margin-bottom:50px; background: url(../images/aboutbg.jpg) no-repeat center; background-size:cover ;}
.AboutHome:before{content:"";position: absolute; left:0;bottom:-50%;z-index:-1;width:100%;height:100%; background:#f5f9ff;}
.AboutHome .left{width:50%;}
.AboutHome .title{margin-top:30px;}
.AboutHome .title b{color:#fff;font-size:55px;line-height: 50px;}
.AboutHome .title span{ display: block; color:#fff;font-size:16px;margin-top:20px;line-height:26px;}
.AboutHome .right{width: 45%;padding:50px 70px;margin-top:50px;margin-bottom:-100px;border-radius: 10px;box-shadow: 0 0 10px #ddd;background: #fff;}
.AboutHome .right .tit{position:relative;color:#1b202e;font-size:36px;padding-bottom: 40px;margin-bottom:50px;}
.AboutHome .right .tit:before,.AboutHome .right .tit:after{content: "";position: absolute;left:0;bottom:0;width:100%;height: 1px;background: #ddd;}
.AboutHome .right .tit:after{left:0%;bottom:-2px;width:50px;height:5px;background: #007eff;}
.titleAx b:before{}
.AboutHome .right .wx{color:#81868e;font-size:14px;line-height:24px;}
.AboutHome .right .more{display: table; margin-top:110px;color:#007eff;font-size:16px; padding:10px 40px; border-radius: 30px;box-shadow: 0px 5px 20px #ecf1f6;}
.AboutHome .right .more:hover{color:#fff;background: #007eff;}
/*数字加载*/
.digital{width:100%;margin-top: 220px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.digital li{position: relative;z-index:2; float:left;width:36.3%;display: block;}
.digital li:nth-child(1) {position: relative;z-index:2; float:left;width:26%;display: block;}

.digital li a{position:relative;z-index:2; display:table;}
.digital li span{color:#fff;font-size:82px;/* font-weight: bold; */}
.digital li font{display: inline-block;color:#fff;font-size:18px;margin-left: 2px;/* vertical-align: top; */}
.digital li h5{color:#fff;font-size:14px;/* margin-top: 10px; */}
.digital li a:after{  content:"";position: absolute;right:0%;top:10px;z-index:-1;width:40px;height:40px;border-radius:50%;background:-webkit-linear-gradient(left, #3c8ef1, #325bf2);transition: all .4s ease-in-out;}
/*==技术支持↓==*/
.ServiceInner{padding-bottom:0px !important}
.ServiceInner .sale{}
.ServiceInner .sale ul{margin:0 0 -10px -10px}
.ServiceInner .sale ul li{width: 66%;/* float:left; */display: inline-block;vertical-align: top;}
.ServiceInner .sale ul li a{display:block;position:relative;margin: 0px 0 15px 15px;}
.ServiceInner .sale ul img{display: block; width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ServiceInner .sale ul h3{position: absolute;left: 18%;top: 40%;color:#007eff;font-size:28px;}
.ServiceInner .sale ul h3 span{display: block;margin-top: 15px;color:#81868e;font-size:16px;}
.ServiceInner .sale ul li:nth-child(3){width: 33%;text-align:center;margin-top: -21.5%;}
.ServiceInner .sale ul li:nth-child(3) h3{left:0;top:20%; width:100%;padding:0 20px;}
.ServiceInner .sale ul li:hover h3{transform: translateY(-10px);}
.ServiceInner .download{    background: #f5f9ff;}
.ServiceInner  .more{ margin: 60px auto 0; display: table; text-align:center;border-radius: 30px; color: #fff; font-size: 16px; padding: 15px 60px;background: #c7cfd5;}
.ServiceInner .more:hover{color:#fff; background:#007eff}
.ServiceInner .team{}
.ServiceInner .team .long{position: relative;padding:0 50px}
.ServiceInner .team .swiper-container{padding:20px 10px 10px 10px;}
.ServiceInner .team ul{ }
.ServiceInner .team ul li{ height:620px}
.ServiceInner .team ul li a{display:block;position:relative;height:100%;padding:60px 50px; text-align: center; box-shadow: 0px 10px 20px #ecf1f6;}
.ServiceInner .team ul .pic{display:block;margin:auto; width:100%;height:270px;margin-bottom:30px;overflow: hidden;}
.ServiceInner .team ul .pic img{width:100%;min-height: 100%;}
.ServiceInner .team ul h4{color:#007eff;font-size:22px;margin-bottom:30px;}
.ServiceInner .team ul p{-webkit-line-clamp: 7;margin-top: 15px;color:#81868e;font-size:14px;line-height:24px;}
.ServiceInner .team ul li:hover a{box-shadow:0px 0px 10px #dae1e8;transform: translateY(-10px);}
.ServiceInner .btn{ left:0px;width:50px;height:50px; line-height:45px;text-align: center;color:#fff;font-size:32px; background: #666;}
.ServiceInner .btn.nt{left:auto;right:0px;}
.ServiceInner .btn:hover{background:#666;}
.ServiceInner .worth{ background:url(../images/worthbg.jpg) no-repeat center; background-size:cover ;}
.ServiceInner .worth ul{display: flex;flex-flow: row wrap;align-content: flex-start;}
.ServiceInner .worth ul li{float:left;width:25%; text-align: center;}
.ServiceInner .worth ul li a{display: block;padding: 0 40px;}
.ServiceInner .worth ul em{ display: block;position: relative; width: 168px; height: 165px; margin:0 auto 30px; background-repeat: no-repeat;background-position: center;}
.ServiceInner .worth ul em:after{content:"";position: absolute; left:0;top:0;width:100%;height:100%; background:url(../images/worthicobg.png) no-repeat center;transition: all .4s ease-in-out;}    
.ServiceInner .worth ul h4{color:#fff;font-size:22px;margin-bottom:20px;}
.ServiceInner .worth ul p{color:#fff;font-size:14px}
.ServiceInner .worth ul li:hover{transform: translateY(-10px);}
.ServiceInner .worth ul li:hover h4{color:#007eff}
/*.ServiceInner .worth ul li:hover em:after{transform:rotate(-10deg);}*/
.ServiceInner .worth .x1 em{background-image:url(../images/worthico01.png);}
.ServiceInner .worth .x2 em{background-image:url(../images/worthico02.png);}
.ServiceInner .worth .x3 em{background-image:url(../images/worthico03.png);}
.ServiceInner .worth .x4 em{background-image:url(../images/worthico04.png);}
/*==下载↓==*/
.DownloadInner{}
.DownloadInner .long{margin-bottom:50px;}
.DownloadInner .long:last-child{margin-bottom:0px;}
.DownloadInner .title{ position:relative;color:#333;font-size:20px; margin-bottom:30px;padding: 0 0 20px 20px;border-bottom:1px #ddd solid;}
.DownloadInner .title:before{content:"";position:absolute;top:5px;left:0;width:2px;height:18px; background:#007eff}
.download-list{/* margin:0 0 -20px -20px; */border-left:1px #ddd solid;border-top:1px #ddd solid;}
.download-list li{width: 100%;display: table;table-layout: fixed;}
.download-list .top{background: #007eff;}
.download-list .top *{color:#fff;font-weight:bold}
.download-list h4,.download-list span{display: table-cell;padding: 15px 20px;font-size: 15px;vertical-align: middle;border-right:1px #ddd solid;border-bottom:1px #ddd solid}
.download-list h4{color:#666;width:60%}
.download-list h4 a{color:#007eff;text-decoration:underline;}
.download-list h4 a:hover{color:#333}
.download-list .btn{color:#fff;font-size:14px;padding:5px 10px;background: #007eff;}
.download-list .btn:hover{background:#333}
.download-list .format{color:#fff;font-size:13px;padding:5px 10px; background: #007eff;}
.download-list .format.doc{ background: #4395d7;}
.download-list .format.pdf{background: #ea863b;}
.download-list .format.xls{background: #4ab63f;}
.download-list .format.jpg{background: #5e7587;}
.download-list .format.mp4{background: #39b8be;}
.download-list .format.exe{background: #835ec7;}
/*==实施计划↓==*/
.planCon{}
.planCon ul{ position:relative; display: flex;flex-flow: row wrap;align-content: flex-start;}
.planCon ul:after{content:"";position: absolute;left:0;top:30%;z-index: -1;width:100%;height:1px; background: #eee; }
.planCon ul li{float:left;width: 16.6%;text-align: center;}
.planCon ul li a{display: block;padding: 0 40px;}
.planCon ul em{display: block;position: relative;z-index: 2;width: 115px;height: 115px;margin:0 auto 18px;border-radius: 36%;border:#61b7ff solid 5px;background-repeat: no-repeat;background-position: center;background-color: #007eff;}
.planCon ul em:after{content:"";position: absolute;left:0;top:0;right: 0;bottom: 0;z-index: -1;/* width:100%; *//* height:100%; */margin: -11px;border-radius: 36%;border: 6px #d4f4fc solid;/* background: #d4f4fc; */}    
.planCon ul h4{color:#333333;font-size:20px;}
.planCon ul i{color:#999;font-size:16px;margin-bottom: 15px;font-weight: bold;display: block;}
.planCon ul li:hover{transform: translateY(-10px);}
.planCon ul li:hover h4{color:#007eff}
.planCon .x1 em{background-image:url(../images/planico01.png);}
.planCon .x2 em{background-image:url(../images/planico02.png);}
.planCon .x3 em{background-image:url(../images/planico03.png);}
.planCon .x4 em{background-image:url(../images/planico04.png);}
.planCon .x5 em{background-image:url(../images/planico05.png);}
.planCon .x6 em{background-image:url(../images/planico06.png);}
/*==快速体验↓==*/
.applyCon{ background: url(../images/applybg.jpg) no-repeat center; background-size:cover}
.applyCon .title{ color:#fff;font-size:42px; text-align: center;margin-bottom:50px; }
.applyCon .title span{display: block; margin-top:5px; color:#fff;font-size:18px;}
.applyCon .tel{display: table;margin: 0 auto 60px;font-size:22px;color: #fff;overflow: hidden;}
.applyCon .tel i{float: left;margin:0px 10px 0px 0px;color:#fff;display: block;font-size: 18px;width: 35px;height: 35px;line-height: 35px;text-align: center;border-radius:50%;background:-webkit-linear-gradient(left, #14a256, #036ec3);}
.applyCon form{width:1000px;margin:auto;position: relative;}
.applyCon form input{width: 49.1%;margin: 0 0% 1% 1%;}
.applyCon form input,.applyCon form textarea{padding: 15px 20px;border:none;background: #fff;}
.applyCon form textarea{width: 100%;height: 100px;margin-bottom:1%;}
.applyCon form button{ position:relative;z-index:2; width: 100%;display: inline-block;font-size:20px;color:#fff;padding: 12px 0;text-align: center;border: none;vertical-align: top;}
.applyCon form input:nth-child(5){margin-left:0px}
.applyCon form button:after{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:-webkit-linear-gradient(left, #318ef0, #3251f2);    transition: all .4s ease-in-out;}
.applyCon form button:hover{background:#007eff}
.applyCon form button:hover:after{opacity:0;}
/*==解决方案↓==*/
.SolveInner{padding:0px !important;}
.SolveInner .worry{background: url(../images/bg02.jpg) no-repeat center; background-size:cover}
.SolveInner .worry ul img{  display: table;margin:auto}
.SolveInner .worry ul{position: relative;/* opacity: 0.5; */}
.SolveInner .worry .bg1{color:#fff;background:#007eff ;}
.SolveInner .worry .bg2{color:#fff;background:#706a77 ;}
/*.SolveInner .worry ul:before{content:"";opacity: 0.2;position:absolute;left: 28px;top: -15px;width:100%;height:100%;background: url(../images/xx1.jpg) no-repeat center;height: 587px;}*/
.SolveInner .worry ul li{position: absolute;color:#81868e;font-size:16px;padding: 15px 40px;border-radius:30px;background: #fff;}
.SolveInner .worry ul .x1{left: 51px;top: 87px;}
.SolveInner .worry ul .x2{left: 137px;top: 213px;}
.SolveInner .worry ul .x3{left:0;top: 336px;}
.SolveInner .worry ul .x4{right:20px;top:87px}
.SolveInner .worry ul .x5{right:130px;top:213px}
.SolveInner .worry ul .x6{right:80px;top:336px}
.SolveInner .diverse{}
.SolveInner .diverse .list li{text-align: center;}
.SolveInner .diverse .list li a{display: block;height:100%;}
.SolveInner .diverse .list h4{display: block;margin: auto;width: 110px;height: 110px;margin-bottom: -40px;padding: 20px 10px;/* line-height:100px; */border: 6px #fff solid;color:#fff;font-size:24px;border-radius:50%;overflow: hidden;background:#007eff;}
.SolveInner .diverse .list p{position:relative;z-index:-1; color:#81868e;font-size:14px;padding: 90px 10px 60px 10px;line-height: 24px;background: #f5f5f5;}
.SolveInner .diverse .list li:hover p{  color:#ffffff;}
.SolveInner .diverse .list li p:after{opacity:0; content:"";position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%; background:-webkit-linear-gradient(left, #318ef0, #3251f2); transform: translateY(20px);   transition: all .4s ease-in-out;}
.SolveInner .diverse .list li:hover p:after{opacity:1;transform: translateY(0px);}
.SolveInner .diverse .trigger{margin-top:40px; text-align: center;}
.SolveInner .BtnOrso{display: inline-block; margin:0 10px;position: relative;left:auto;top:auto;}
.SolveInner .honor{}
.SolveInner .honor .long{padding:20px 10px}
.SolveInner .honor .list{}
.SolveInner .honor .list li{}
.SolveInner .honor .list a{ display: block; }
.SolveInner .honor .list .pic{border:1px #ddd solid}
.SolveInner .honor .list h4{color:#4d4d4d;font-size:16px; margin-top:15px; text-align: center;}
.SolveInner .honor .list li:hover .pic{border-color:#007eff}
.SolveInner .honor .list li:hover h4{color:#007eff}
.SolveInner .honor .trigger{margin-top:40px;text-align:center;}
/*==关于我们↓==*/
.AboutInner{padding-bottom: 0 !important;}
.AboutInner .introduce{}
.AboutInner .introduce .wx{width:100%;margin: 0 auto 90px;color:#81868e;font-size:14px;line-height:28px;text-align: justify;}
.AboutInner .introduce .digital{width:80%;margin: 0 auto 60px; text-align:center;}
.AboutInner .introduce .digital li{/* display:inline-block; *//* float:none; */}
.AboutInner .introduce .digital li a{margin:auto}
.AboutInner .introduce .digital h5{color:#767676}
.AboutInner .introduce .digital span,.AboutInner .introduce .digital font{color:#007eff;}
.AboutInner .introduce .digital li a:after{display: none}
.AboutInner .introduce .briefly{width: 100%;padding:90px 20px;text-align: center; border-radius:10px;overflow:hidden;box-shadow:0 0 10px #ddd;background: url(../images/introducebg.png) no-repeat center;background-size:cover;}
.AboutInner .introduce .briefly h4,.AboutInner .introduce .briefly span{display:inline-block}
.AboutInner .introduce .briefly h4{color:#fff;font-size:55px}
.AboutInner .introduce .briefly span{color:#fff;font-size:18px;margin-left:40px; text-align:left;line-height:26px;}
.AboutInner .course{}
.AboutInner .course .list{ border-bottom:1px #aaa solid}
.AboutInner .course .list li{position: relative;float:left;width:12.2%;height: 430px;padding:0 20px;text-align: center;}
.AboutInner .course .list li a{position:relative;display:block;height:100%;}
.AboutInner .course .list li h4{position:relative;z-index:2; color:#fff;font-size:32px;width: 110px;height: 110px;padding: 35px 0;margin: auto;text-align: center; overflow:hidden;border-radius: 50%;background: #8ca2b8;}
.AboutInner .course .list li h4:after{opacity:0;  content: "";position: absolute;left:0;top:0;z-index: -1;display: block;width:100%;height:100%;background:#007eff;transform: translateY(50px);}
 .AboutInner .course .list li p{color:#81868e;font-size:14px;margin-top: 60px;padding: 15px 0;line-height: 24px;background: #fff;}
 .AboutInner .course .list li a:before{content: "";position: absolute;left: 50%;bottom: -6px;z-index: 1;margin-left: -5px;display: block;width: 12px;height: 12px;border-radius: 50%;border: 2px #007eff solid;background: #fff;} 
 .AboutInner .course .list li a:after{content: "";position: absolute;left: 50%;bottom:0;z-index: -1;display: block;width:1px;height:100%;border: 1px #eee dashed;}
.AboutInner .course .list li:nth-of-type(odd){padding-top:80px}
.AboutInner .course .list li:hover h4{transform: translateY(-10px);}
.AboutInner .course .list li:hover h4:after{opacity:1;transform: translateY(0px);}
/*.AboutInner .course .list li:hover p{color:#007eff}*/
/*.AboutInner .course .list li:hover a:before{border-color:#19c953}*/
.AboutInner .Culture{ background: url(../images/cooperation-bg.jpg) no-repeat center; background-size:cover ;}
.AboutInner .Culture ul{ margin:0 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.AboutInner .Culture ul li{float:left;width:25%;margin-bottom:20px;}
.AboutInner .Culture ul li a{position: relative;z-index: 2;display: block;height:100%;margin-left:20px;padding:100px 20px 60px 20px;text-align: center;border-radius: 10px; overflow: hidden;}
.AboutInner .Culture ul h4{color:#fff;font-size: 24px;width:50px;margin: auto;}
.AboutInner .Culture ul span{display: block;color:#fff;font-size:14px;margin-top: 140px;}
.AboutInner .Culture ul img{display: block;position: absolute;left:0;top:0;z-index: -1;width:100%;height: 100%;object-fit: cover;}
.AboutInner .Culture ul li:hover{transform: translateY(-10px);}
.AboutInner .applyCon{margin-top:0px}
/*==产品中心↓==*/
.ProductInner{padding-bottom:0 !important}
.ProductInner .trait{}
.ProductInner .trait ul{ margin:0 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.ProductInner .trait li{float:left;width: 33.3%;text-align: center;margin-bottom:20px}
.ProductInner .trait li a{position:relative;display: block;height: 100%;margin-left:20px;/* padding: 50px 40px 40px 40px; */border-radius: 5px;transform-style: preserve-3d;perspective: 1200px;}
.ProductInner .trait li a:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:#007eff;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.ProductInner .trait li h4{color:#2b374b;font-size:24px;margin-bottom: 12px;}
.ProductInner .trait li span{display: table;margin: auto;color:#81868e;font-size:14px;width: 156px;}
.ProductInner .trait li img{display: table;margin: 0 auto 30px;max-width:100%;}
.ProductInner .trait .brick{height:100%;padding: 50px 40px 40px 40px;transition:.8s;border-radius: 5px;}
.ProductInner .trait .just{box-shadow: 0px 10px 20px #ecf1f6;transform:rotateY(0deg);background: #fff;}
.ProductInner .trait .back{opacity: 0;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;display: flex;width: 100%;justify-content: center;align-items: center;transform: rotateY(-180deg);box-shadow:0px 0px 10px #dae1e8;background: #007eff;}
.ProductInner .trait .back *{color:#fff}
.ProductInner .trait .back .align{}
.ProductInner .trait li:hover .just{ opacity:1; transform:rotateY(180deg);}
.ProductInner .trait li:hover .back{opacity:1;transform:rotateY(0deg);}
.ProductInner .trait li:hover{/*transform: translateY(-10px);*/}
.ProductInner .trait li:hover a:before{}     
.ProductInner .trait li:hover a{}
.ProductInner .function{}
.ProductInner .function .tone{ display: flex; border-radius: 10px 10px 0 0; background:#eff3f8;}
.ProductInner .function .tone li{ flex: 1; text-align: center;color:#4d4d4d;font-size:18px;padding:50px 20px;border-radius: 10px 10px 0 0;cursor: pointer;}
.ProductInner .function .tone.ico em{position: relative;margin: 0 auto 20px;width:35px;height:35px;}
.ProductInner .function .tone li.active{color:#fff;background:#007eff;}
.ProductInner .function .tone li.active em:before{top:-100%}
.ProductInner .function .tone li.active em:after{top:0;}
.ProductInner .function .down{padding:60px 50px; box-shadow: 0px 10px 20px #ecf1f6;}
.ProductInner .function .con{}
.ProductInner .function .con .top{ margin-bottom:80px;}
.ProductInner .function .con .top h3{color:#007eff;font-size:36px;margin-bottom:50px; overflow: hidden;}
.ProductInner .function .con .top h3 em{float:left; margin-right:10px;width:42px;height:42px}
.ProductInner .function .con span{display: block;float:left; width:}
.ProductInner .function .con ul{display: flex;flex-flow: row wrap;align-content: flex-start;}
.ProductInner .function .con ul li{float:left; width:25%;color:#81868e;font-size:14px;padding-right:50px;}
.ProductInner .function .con ul li:last-child{padding-right:0px;}
.ProductInner .function .con ul h5{color:#2b374b;font-size:18px;margin-bottom:15px;}
.ProductInner .function .con .wx p{ padding-top: 20px;display: block; line-height: 25px;}
.ProductInner .function .con .wx span{clear:both}
.ProductInner .function .con .wx img{max-width:100%;}
.ProductInner .function .ico em{position:relative;display: block;overflow: hidden;background-repeat:no-repeat;background-position:center;}
.ProductInner .function .ico em:before,.ProductInner .function .ico em:after{content: "";position: absolute;top:0;left: 0;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:100%;    transition: all .4s ease-in-out;}
.ProductInner .function .ico em:after{top:100%;}
.ProductInner .function .ico .x1 em:before{ background-image:url(../images/functionico01s.png);}
.ProductInner .function .ico .x2 em:before{ background-image:url(../images/functionico02s.png);}
.ProductInner .function .ico .x3 em:before{ background-image:url(../images/functionico03s.png);}
.ProductInner .function .ico .x4 em:before{ background-image:url(../images/functionico04s.png);}
.ProductInner .function .ico .x5 em:before{ background-image:url(../images/functionico05s.png);}
.ProductInner .function .ico .x6 em:before{ background-image:url(../images/functionico06s.png);}
.ProductInner .function .ico .x7 em:before{ background-image:url(../images/functionico07s.png);}
.ProductInner .function .ico .x8 em:before{ background-image:url(../images/functionico08s.png);}
.ProductInner .function .ico .x9 em:before{ background-image:url(../images/functionico09s.png);}
.ProductInner .function .ico .x1 em:after{ background-image:url(../images/functionico01.png);}
.ProductInner .function .ico .x2 em:after{ background-image:url(../images/functionico02.png);}
.ProductInner .function .ico .x3 em:after{ background-image:url(../images/functionico03.png);}
.ProductInner .function .ico .x4 em:after{ background-image:url(../images/functionico04.png);}
.ProductInner .function .ico .x5 em:after{ background-image:url(../images/functionico05.png);}
.ProductInner .function .ico .x6 em:after{ background-image:url(../images/functionico06.png);}
.ProductInner .function .ico .x7 em:after{ background-image:url(../images/functionico07.png);}
.ProductInner .function .ico .x8 em:after{ background-image:url(../images/functionico08.png);}
.ProductInner .function .ico .x9 em:after{ background-image:url(../images/functionico09.png);}
.ProductInner .worth{ background: url(../images/worthbg02.jpg) no-repeat center; background-size:cover;}
.ProductInner .worth .list{margin:0 0 -25px -25px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.ProductInner .worth .list li{float:left;width:25%; margin-bottom:25px}
.ProductInner .worth .list a{ display: block; margin-left:25px;}
.ProductInner .worth .list h4{color:#fff;font-size:18px; margin-top:25px; text-align: center;}
.ProductInner .worth .list li:hover h4{color:#007eff}
/*==首页新闻↓==*/
.NewsHome{background: #f5f9ff;}
.NewsHome .list{margin:0 0 -10px -20px;column-count: 3;column-gap: 0;orphans: 1;widows: 1;}
.NewsHome .list li{float:none !important;display: inline-block !important;width: 100% !important;}
.NewsHome .list li a{margin:0 0 10px 20px;padding: 30px;overflow:hidden;background:#fff;}
.NewsHome .list .one{float:left;width: 28%;}
.NewsHome .list .one a{ display: block;padding:20px; background: #fff;}
.NewsHome .list .one img{max-width:100%;height: 100%;object-fit: cover;}
.NewsHome .list .one h4{color:#2e3136;font-size:20px;margin-top:20px;margin-bottom: 0;overflow: hidden;}
.NewsHome .list .one h4 font{float:left;display: block;width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsHome .list .one h4 em{float:right;margin-top:0px;background: #2e3136}
.NewsHome .list li:hover h4{color:#007eff}
.NewsHome .list li:hover em{background:#007eff}
.NewsHome .list li:hover a{box-shadow:0px 0px 10px #dae1e8;}
.NewsHome .list .two{ float: left; width: 30%;}
.NewsHome .list .two a{display: block;background: #fff;}
.NewsHome .list h4{color:#2e3136;font-size:18px;margin-bottom: 20px;/* font-weight: bold; */max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsHome .list p{-webkit-line-clamp: 2;color:#81868e;font-size:14px;margin-bottom: 33px;}
.NewsHome .list .time{float:left;color:#81868e;font-size:16px; text-align: center;}
.NewsHome .list .time font{ display:block; color:#2e3136;font-size:42px;}
.NewsHome .list em{float:right;margin-top: 25px;color:#fff;font-size: 24px;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;text-align:center;background: #e8edf4;}
.NewsHome .list .two:hover h4{}
.NewsHome .list .three{}
.NewsHome .list .three a{display: block;}
.NewsHome .list .three em{float:none;}
.NewsHome .list .three .time{float:left;padding: 15px 30px 15px 0px;margin-right:30px;border-right:1px solid #eee;}
.NewsHome .list .one a{height: 520px;}
.NewsHome .list .one .pic{height: 426px;}
.NewsHome .list .two a{height: 253px;}
.NewsHome .list .three a{height: 164px;}
/*--*/
.newsRe-list{/* width:100%; */margin: 20px 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;overflow: hidden;}
.newsRe-list li{float:left;width: 33.3%;margin-bottom:20px;}
.newsRe-list a{display:block;padding: 30px;margin-left:20px;border: solid 1px #e4e4e4;box-shadow: 0 0 10px #f5f5f5;background: #fff;}
.newsRe-list li p{-webkit-line-clamp: 1;font-size:14px;color:#666666;line-height:24px;margin-bottom:22px;}
.newsRe-list li h4{margin-bottom:10px;color:#333333;font-size: 18px;/* font-weight:bold; */width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsRe-list li .time{display:block;color:#999;font-size:12px; }
.newsRe-list li:hover a{box-shadow:0 0 10px #ddd}
.newsRe-list li:hover h4{color:#007eff}
/*==首页申请留言↓==*/
.UseHome{background: #f5f9ff;}
.UseHome .up{padding:50px;height: 241px;background:url(../images/usebg.png) no-repeat center;background-size:cover;}
.UseHome .up .pic{float:left;display: block;margin: -49px 0 0px -76px;}
.UseHome .up .pic img{display: block;max-width:100%;}
.UseHome .up .box{float: left; margin: 0 0 0 30px;}
.UseHome .up .box h3{   color:#fff;font-size:42px;}
.UseHome .up .box p{   color:#fff;font-size:18px; display: block;margin-top:5px;}
.UseHome .up .box .tel{display: block;margin-top: 30px;font-size:22px;color: #fff;padding:10px;border-radius: 30px;overflow: hidden;background: rgba(0,0,0,0.4);}
.UseHome .up .box .tel i{float: left;margin: -5px 10px -5px -5px;color:#fff;display: block;font-size: 20px;width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius:50%;background:-webkit-linear-gradient(left, #14a256, #036ec3);}
.hezuo{float:right;width: 50%;position: relative;/* column-count: 3; *//* column-gap: 1.25rem; *//* orphans: 1; *//* widows: 1; */}
.hezuo input{width: 38%;}
.hezuo input,.UseHome .up form textarea{/* display: inline-block; */float: left;margin: 0 1% 1% 0;padding: 15px 20px;border:none;background: #fff;}
.hezuo textarea{width: 77%;height: 100px;}
.hezuo button{/* float:right; */position: absolute;z-index:2;right: 0;top: 0;width: 22%;height: 96%;display: inline-block;font-size:24px;color:#fff;padding: 50px 0;text-align: center;border: none;vertical-align: top;}
.hezuo button:after{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:-webkit-linear-gradient(left, #318ef0, #3251f2);    transition: all .4s ease-in-out;}
.hezuo button:hover{background:#007eff}
.hezuo button:hover:after{opacity:0;}
.UseHome ul{width: 100%;margin-top: 120px;display: flex; flex-flow: row wrap; align-content: flex-start; }
.UseHome ul li{float:left;width:25%;padding-right:30px}
.UseHome ul li:last-child{padding-right:0px}
.UseHome ul em{float:left;width: 75px;height: 77px;margin-right: 25px;background-repeat:no-repeat;background-position:center;}
.UseHome ul h4{display: table; color:#2b374b;font-size:24px;margin-bottom:15px;}
.UseHome ul p{display: table;color:#81868e;font-size:14px;}
.UseHome ul li.x1 em{ background-image: url(../images/useico01.png);}
.UseHome ul li.x2 em{ background-image: url(../images/useico02.png);}
.UseHome ul li.x3 em{ background-image: url(../images/useico03.png);}
.UseHome ul li.x4 em{ background-image: url(../images/useico04.png);}
/*==新闻↓==*/
.NewsListBox{padding-bottom:0 !important}
.news-list{margin:0 0 -20px -20px;}
.news-list li{float:left;width:50%;}
.news-list li a{display: block;/* width: 100%; *//* height: 240px; */margin: 0 0 20px 20px;padding: 25px;overflow:hidden;border: 1px #e9e9e9 solid;background:#fff;}
.news-list li .pic{float:left;width: 240px;height: 240px;margin-right: 25px;}
.news-list li .pic img{max-width:100%;height: 100%;object-fit: cover;}
.news-list h4{color:#2e3136;font-size:18px;margin-top: 20px;margin-bottom:20px;/* font-weight: bold; */max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-list p{-webkit-line-clamp: 2;color:#81868e;font-size:14px;margin-bottom: 60px;}
.news-list .time{float:left;color:#81868e;font-size:16px; text-align: center;}
.news-list .time font{ display:block; color:#2e3136;font-size:42px;}
.news-list em{float:right;margin-top: 28px;color:#fff;font-size: 24px;width: 30px;height: 30px;line-height: 30px;border-radius: 50%;text-align:center;background: #e8edf4;}
.news-list li:hover h4{color:#007eff}
.news-list li:hover em{background:#007eff}
/*==新闻详细页↓==*/
.NewsDetailBox{}
.NewsDetailBox .titleTop{ text-align: center;padding:0 0 30px 0;margin:0 0 50px 0; border-bottom:1px #ddd solid}
.NewsDetailBox .tit{color:#000000;font-size:30px;}
.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:#007eff}
.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:#007eff}
.NewsDetailBox .pagIng .prev{float:left}
.NewsDetailBox .pagIng .next{float:right}
.NewsDetailBox .relevant{margin-top:60px}
.NewsDetailBox .relevant .tit{color:#333;font-size:22px;}
.NewsDetailBox .relevant .list{margin-top:20px;}
.NewsDetailBox .relevant .list li{float:left;width:45%;margin:8px 0% 8px 0;}
.NewsDetailBox .relevant .list li:nth-of-type(even){float:right;}
.NewsDetailBox .relevant .list li .time{float: right; color:#858585;font-size:14px;}
.NewsDetailBox .relevant .list li a{ display: block; color:#858585;font-size:14px;padding-left:15px; background: url(../images/arrow_02.png) no-repeat left;transition: all .4s ease-in-out;}
.NewsDetailBox .relevant .list li:hover a{color:#007eff}
/*==联系我们↓==*/
.ContactInner{padding-bottom:0px !important}
.ContactInner .mode{}
.ContactInner .mode .list{padding: 60px 20px;margin-bottom:40px;box-shadow: 0 0 10px #ddd;overflow: hidden;}
.ContactInner .mode .list li{float:left;width:33%;padding:0 20px;text-align: center;border-right: 2px #eee solid;word-break:break-all;}
.ContactInner .mode .list em{display: block;font-size: 30px;color:#007eff;margin-bottom:20px;}
.ContactInner .mode .list h5{color:#8c8c8c;font-size:16px;margin-bottom:20px;}
.ContactInner .mode .list span{display: block; color:#262626;font-size:18px;}
.ContactInner .mode .list li:last-child{border-right:none;}
.ContactInner .mode .map{}
.ContactInner .map #dituContent{height:500px;}
/*==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; padding: 50px 0 40px 0;overflow: hidden; background:#000001 url(../images/footbg.jpg) no-repeat center; background-size:cover;}
.footer:before,.footer:after{content: ""; position: absolute; left:0;top:-2px;width:50%; height:2px; background: #36cf8f;}
.footer:after{right:0;left:auto; background: #0088fb;}
.footer .left{width:77%;}
.footer .nav{display: table;}
.footer .nav li{float:left;margin-right: 60px;margin-bottom:10px;}
.footer .nav li a{ display: block;color:#fff; font-size:16px;}
.footer .nav li a:hover{color:#ddd}
.footer .link{margin-top:30px;width:100%;} 
.footer .link h3{color:#a5a5a5;font-size:15px;float: left;margin-right:10px;}
.footer .link a{color:#a5a5a5;font-size:13px;display: inline-block;margin-right:30px;}
.footer .link a:hover{color:#fff}
.footer .copy{margin-top:30px;width: 100%;color:#a5a5a5;font-size:14px;} 
.footer .copy a{color:#a5a5a5;font-size:14px;}
.footer .copy a:hover{color:#fff}
.footer .right{width: 23%;text-align: right;margin-top: 72px;}
.footer .tel{display: block;color:#fff;font-size:20px;font-weight: bold;}
.footer .tel i{display:inline-block;margin-right:10px;color:#fff;font-size: 20px;font-weight: 400;}
.footer .right .wx{margin-top:20px;display: block;color:#a5a5a5;font-size:14px;text-align: right;line-height:30px;}