@charset "utf-8";
/*~~~~框架布局~~~*/
/*==版心定义↓==*/
.container{width:1370px;}

/*==面包屑↓==*/
.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: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: #3f65d2;}
.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(../image/fontbg.png) 50% 50%;/* background-size: cover; */-webkit-text-fill-color: transparent;background-clip: text;-webkit-background-clip: text;}
.titleAx.cen{text-align: center;}
.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; margin-bottom:100px;}
.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(../image/functionico01.png);}
.FunctionHome ul .x2 em{ background-image: url(../image/functionico02.png);}
.FunctionHome ul .x3 em{ background-image: url(../image/functionico03.png);}
.FunctionHome ul .x4 em{ background-image: url(../image/functionico04.png);}
.FunctionHome ul .x5 em{ background-image: url(../image/functionico05.png);}
.FunctionHome ul .x6 em{ background-image: url(../image/functionico06.png);}
.FunctionHome ul .x7 em{ background-image: url(../image/functionico07.png);}
.FunctionHome ul .x8 em{ background-image: url(../image/functionico08.png);}
.FunctionHome .chip{ position: absolute;z-index:-1}
.FunctionHome .chip.c-1{right:-110px;top: -210px;width: 553px;height: 553px;background: url(../image/chip01.png) no-repeat center;}
.FunctionHome .chip.c-2{left:-50px;bottom:-100px;width: 336px;height: 423px;background: url(../image/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(../image/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:33.3%;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(../image/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(../image/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(../image/worthico01.png);}
.ServiceInner .worth .x2 em{background-image:url(../image/worthico02.png);}
.ServiceInner .worth .x3 em{background-image:url(../image/worthico03.png);}
.ServiceInner .worth .x4 em{background-image:url(../image/worthico04.png);}
/*==下载↓==*/
.DownloadInner{margin-bottom:80px;}
.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: #3f65d2;}
.download-list .top *{color:#fff;font-weight:bold}
.download-list h4,.download-list span{display: table-cell;padding:20px;font-size: 15px;vertical-align: middle;border-right:1px #ddd solid;border-bottom:1px #ddd solid}
.download-list span{text-align:center;}
.download-list h4{color:#666;width:65%}
.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: #3f65d2;}
.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(../image/planico01.png);}
.planCon .x2 em{background-image:url(../image/planico02.png);}
.planCon .x3 em{background-image:url(../image/planico03.png);}
.planCon .x4 em{background-image:url(../image/planico04.png);}
.planCon .x5 em{background-image:url(../image/planico05.png);}
.planCon .x6 em{background-image:url(../image/planico06.png);}
/*==快速体验↓==*/
.applyCon{ background: url(../image/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(../image/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(../image/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(../image/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(../image/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(../image/functionico01s.png);}
.ProductInner .function .ico .x2 em:before{ background-image:url(../image/functionico02s.png);}
.ProductInner .function .ico .x3 em:before{ background-image:url(../image/functionico03s.png);}
.ProductInner .function .ico .x4 em:before{ background-image:url(../image/functionico04s.png);}
.ProductInner .function .ico .x5 em:before{ background-image:url(../image/functionico05s.png);}
.ProductInner .function .ico .x6 em:before{ background-image:url(../image/functionico06s.png);}
.ProductInner .function .ico .x7 em:before{ background-image:url(../image/functionico07s.png);}
.ProductInner .function .ico .x8 em:before{ background-image:url(../image/functionico08s.png);}
.ProductInner .function .ico .x9 em:before{ background-image:url(../image/functionico09s.png);}
.ProductInner .function .ico .x1 em:after{ background-image:url(../image/functionico01.png);}
.ProductInner .function .ico .x2 em:after{ background-image:url(../image/functionico02.png);}
.ProductInner .function .ico .x3 em:after{ background-image:url(../image/functionico03.png);}
.ProductInner .function .ico .x4 em:after{ background-image:url(../image/functionico04.png);}
.ProductInner .function .ico .x5 em:after{ background-image:url(../image/functionico05.png);}
.ProductInner .function .ico .x6 em:after{ background-image:url(../image/functionico06.png);}
.ProductInner .function .ico .x7 em:after{ background-image:url(../image/functionico07.png);}
.ProductInner .function .ico .x8 em:after{ background-image:url(../image/functionico08.png);}
.ProductInner .function .ico .x9 em:after{ background-image:url(../image/functionico09.png);}
.ProductInner .worth{ background: url(../image/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(../image/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);}
.UseHome .up form{float:right;width: 50%;position: relative;/* column-count: 3; *//* column-gap: 1.25rem; *//* orphans: 1; *//* widows: 1; */}
.UseHome .up form input{width: 38%;}
.UseHome .up form input,.UseHome .up form textarea{/* display: inline-block; */float: left;margin: 0 1% 1% 0;padding: 15px 20px;border:none;background: #fff;}
.UseHome .up form textarea{width: 77%;height: 100px;}
.UseHome .up form 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;}
.UseHome .up 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;}
.UseHome .up form button:hover{background:#007eff}
.UseHome .up form button:hover:after{opacity:0;}
.UseHome ul{width: 100%;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(../image/useico01.png);}
.UseHome ul li.x2 em{ background-image: url(../image/useico02.png);}
.UseHome ul li.x3 em{ background-image: url(../image/useico03.png);}
.UseHome ul li.x4 em{ background-image: url(../image/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(../image/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(../image/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:25%;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;}