@charset "utf-8";
/*~~~~框架布局~~~*/
/*==版心定义↓==*/
.container{width:1500px;}
i{font-style: normal;    font-family: "iconfont";transition: all .4s ease-in-out}
/*==顶部↓==*/
/*.fixed-top{ position: fixed;width:100%;z-index:99; background:#fff; }*/
.header{ padding:10px 0; height: 80px;}
.header .logo{}
.header .tel{float:right;color:#4c4c4c;font-size:18px}
.header .tel font{color:#0ca9f2}
.header .tel a{display: table;margin: 5px auto 0;color:#fff;font-size:14px;padding: 3px 20px;border-radius:30px;background: #0ca9f2;}
.header .tel a:hover{background:#333}
.header .nav{/* display:flex; */float: left;margin:-10px 15px;}
.header .nav > li{/* flex: 1; */float: left;position: relative;}
.header .nav > li > a{position: relative;display: block;color:#333333;font-size:18px;text-align: center;line-height: 80px;padding: 0 20px;}
.header .nav > li > a:after{content:"";position: absolute;left:35%;bottom:15px;width:30%;height:1px;background:#fff;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.header .nav > li:hover > a,.header .nav > li.active > a{color:#fff; background:#0ca9f2;}
.header .nav > li:hover > a:after,.header .nav > li.active > a:after{transform: scale(1);transform-origin:left;}
.header .nav .sub{display:none;width: 100%;left:0;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 0}
.header .nav .sub a:hover{color:#fff; background: #0ca9f2;}
/*==次级导航↓==*/
.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: #0da9f3;/*transition:transform .5s;transform: scale(1,0);transform-origin:top;*/}
.menu li:hover a,.menu li.active a{ color:#fff;border-color:#0da9f3 }
.menu li:hover a:after,.menu li.active a:after{height:100%;/*transform: scale(1);transform-origin:bottom;*/}
.menu.Rre{display: none;}
/*==面包屑↓==*/
.site{margin:30px 0px 20px 0;color:#666666;font-size:12px;}
.site .home{ padding-left:25px; background: url(../images/home_ico.png) no-repeat left;}
.site a{color:#666;font-size:12px;}
.site a:hover{color:#0da9f3}
/*==地图↓==*/
#dituContent{margin:0px 0 0 0;width:100%; height:500px;}
/*==标题↓==*/
.titleAx{color:#3f3f3f;font-size:30px;}
.titleAx span{position: relative; margin:5px auto 0;display: table;color:#7f7f7f;font-size:16px; font-weight:100;}
.titleAx span:before,.titleAx span:after{content:"";position: absolute;left: -160px;top: 10px;width: 150px;height:1px;background: #999;}
.titleAx span:after{left:auto;right: -160px;}
.titleAx hr{display: table;margin: 10px auto 0;width: 100px;height:2px;border:none;background: #333;}
.titleAx.cen{text-align: center;margin-bottom:50px; font-weight:bold;}
.titleAx.white,.titleAx.white b,.titleAx.white span{color:#fff}
.titleAx.white span:before,.titleAx.white span:after{background:#fff}
.titleAx.white hr{background: #fff;}
.titleAx.m30{margin-bottom:30px}
/*--*/
.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: #0da9f3;}
.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{float:left;width:100%;padding:70px 0 80px 0;}
.rackWor{}
.rack .lefter{width:22%;margin-bottom:100px;}
.rack .righter{width:73%}
/*--*/
.leftNav{}
.leftNav .mgn{padding: 0px;}
.leftNav .title{/* border-bottom: 1px #616161 solid; */font-size: 22px;color: #fff;text-align:center;padding:20px;background: #0da9f3;}
.leftNav ul{text-align:center;}
.leftNav ul li{border-bottom:1px #ddd solid;}
.leftNav ul a{display:block; color:#000000;font-size:16px; margin:20px 0;/*padding-right:50px*/}
.leftNav ul a i{  float:right;color:#666;font-size:22px;font-weight:100; transform:translateX(0px);/*transform:rotate(90deg);*/}
.leftNav .tel{color:#666666;font-size:12px;}
.leftNav .tel span{ margin-top:5px;display: block;color:#007cd1;font-size:16px;font-weight: bold;}
.leftNav .tel span font{margin-right:10px;}
.leftNav ul a:hover,.leftNav ul .active a{color:#007cd1;}
.leftNav ul a:hover i,.leftNav ul .active i{color:#007cd1;transform:translateX(0px);}
/*==边距↓==*/
.ptm80{padding: 80px 0;}
.pt80{padding-top:80px}
.pm80{padding-top:80px}
.ptm814{padding: 80px 0 140px 0;}
//**/
.mm80{margin-bottom:80px}
/* .mt80{margin-top:80px;} */
/*==单页内容2↓==*/
.worTwo{}
.worTwo .pic{float:left;width:50%}
.worTwo .pic img{display: block; max-width:100%;}
.worTwo .box{float:right;width:50%; padding:50px;} 
.worTwo .box .title{color:#333;font-size:22px; margin-bottom:24px;font-weight:bold;}
.worTwo .box .wor{color:#666;font-size:14px;}
/*==首页场景↓==*/
.SceneHome{}
.SceneHome .top{color:#666666;font-size: 16px;padding:0 100px;text-align: center;}
.SceneHome .top a{color:#0da9f3;font-size:16px;}
.SceneHome .top a:hover{color:#333}
.SceneHome ul{ margin: 30px 0 0 -20px;}
.SceneHome li{float:left;width:33.3%}
.SceneHome li a{height: 520px;display: block;margin:0 0 0 20px;text-align: center;border-radius: 10px;padding: 50px;background: #f5f5f5;}
.SceneHome li em{display: table;margin: 0px auto 40px;width: 221px;height: 185px;background-repeat:no-repeat;background-position:center;}
.SceneHome li h4{color:#333333;font-size:30px;margin-bottom: 20px;}
.SceneHome li .more{opacity:0; display:table;margin:30px auto 0;color:#0ca9f2;font-size:14px;padding: 6px 25px;border-radius:0px;background:#fff;}
.SceneHome li .more i{float:right;color:#0ca9f2;font-size: 20px;display: inline-block;margin: 0px 0 0 10px;/* font-weight: bold; */}
.SceneHome li .more:hover{color:#fff; background:#555}
.SceneHome li .more:hover i{color:#fff}
.SceneHome li p{color:#666666;font-size: 15px;line-height: 24px;}
.SceneHome li.x1 em{background-image:url(../images/sceneico01.png);}
.SceneHome li.x2 em{background-image:url(../images/sceneico02.png);}
.SceneHome li.x3 em{background-image:url(../images/sceneico03.png);}
.SceneHome li:hover a{padding: 120px 50px 50px 50px;box-shadow:0 0 10px #ddd;transform:scale(1.02);background:#0ca9f2}
.SceneHome li:hover em{height:0px}
.SceneHome li:hover .more{opacity:1}
.SceneHome li:hover h4,.SceneHome li:hover p{color:#fff}
/*==首页特色服务↓==*/
.ItemHome{ background: url(../images/itembg.jpg) no-repeat center; background-size:cover}
.ItemHome .long{padding:0 100px}
.ItemHome .long li{position:relative; /*padding:130px 100px*/}
.ItemHome .long li a{display:block;}
.ItemHome .long .pic{/*position:absolute;*/top:0;left: 0;width:100%;height:100%;z-index:-1;}
.ItemHome .long .pic img{width:100%;height: 100%;object-fit: cover;}
.ItemHome .long .wx{}
.ItemHome .long .wx p{color:#fff;font-size: 16px;line-height: 24px;-webkit-line-clamp: 3;}
.ItemHome .long .more{display:table;margin-top:30px;color:#0ca9f2;font-size: 16px;padding: 6px 25px;border-radius:30px;border:1px #0ca9f2 solid;}
.ItemHome .long .more i{float: right;color:#0ca9f2;font-size: 22px;display: inline-block;margin: 0px 0 0 10px;/* font-weight: bold; */}
.ItemHome .long .more:hover{color:#fff; background:#0ca9f2}
.ItemHome .long .more:hover i{color:#fff}
.ItemHome .long .icons{text-align: center;padding-left: 50px;}
.ItemHome .long .icons img{display: block;max-width: 150px;margin-bottom: 15px;}
.ItemHome .long .icons h4{color:#fff;font-size: 18px;}
.ItemHome .long .icons h4 span{display: block;color:#fff;font-size: 14px;margin-top: 5px;}
.ItemHome .long .box{display: table;}
.ItemHome .long .wx,.ItemHome .long .icons{display: table-cell;vertical-align: top;}
.ItemHome .spot{position: initial;margin-top:30px}
.ItemHome .spot span{width: 12px; opacity: 1; height: 12px;margin: 0 10px !important;border-radius: 0px;background: #fff;}
.ItemHome .spot span.swiper-pagination-bullet-active{ background: #0ca9f2;}
.ItemHome .long .btn{color:#fff;font-size:20px;width:45px;line-height:45px;height: 45px;text-align: center;color:#fff;font-size: 25px;border-radius: 50%;background: rgba(0,0,0,0.5);font-family: "iconfont";}
.ItemHome .long .pv{left:20px;transform:rotate(180deg);}
.ItemHome .long .nt{right:20px;}
.ItemHome .long .btn:hover{ background:#0ca9f2}
/*==行业痛点↓==*/
.PainHome{padding-bottom:0px !important}
.PainHome ul{    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    margin: 0 0 0 -40px;}
.PainHome li{width:20%}
.PainHome li a{display: block;margin:0 0 0 40px;}
.PainHome li em{display: table;margin: 0px auto 30px;width: 133px;height: 108px;background-repeat:no-repeat;background-position:center;}
.PainHome li h4{color:#000000;font-size:18px;margin-bottom: 20px; text-align: center;}
.PainHome li p{color:#333;font-size: 15px;line-height: 24px;}
.PainHome li.x1 em{background-image:url(../images/painico01.png);}
.PainHome li.x2 em{background-image:url(../images/painico02.png);}
.PainHome li.x3 em{background-image:url(../images/painico03.png);}
.PainHome li.x4 em{background-image:url(../images/painico04.png);}
.PainHome li.x5 em{background-image:url(../images/painico05.png);}
/*==首页解决方案↓==*/
.SolveHome{position: relative;}
.SolveHome:before{content:""; position: absolute; left:0;bottom:0;width:100%;height:40%;background: #f5f5f5;}
.SolveHome .list li{}
.SolveHome .list li a{display:block;position:relative;}
.SolveHome .list li a:after{content:"";position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:rgba(12,169,242,0.1)}
.SolveHome .list li .pic{}
.SolveHome .list li .pic img{display:block;width:100%;height: 100%;object-fit: cover;}
.SolveHome .list li .box{position:absolute;top:50%;left:0;width:100%;margin-top:0px;text-align:center;z-index:2;}
.SolveHome .list li h4{ display:table;margin:auto; color:#fff;font-size:24px;border:1px #fff solid;padding:5px 10px; background:rgba(12,169,242,0.8)}
.SolveHome .list li hr{opacity:0; width:0px;height:1px;border:none;margin:50px auto; background:#fff}
.SolveHome .list li .more{ opacity:0;display: table; margin: auto; color:#fff;font-size:18px;padding:2px 20px;border:1px #fff solid;transform: translateY(20px);}
.SolveHome .list li:hover a:after{background:rgba(0,0,0,0.3)}
.SolveHome .list li:hover .box{margin-top:-50px}
.SolveHome .list li:hover h4{border:none;background:none}
.SolveHome .list li:hover hr{opacity:1;width:50px;}
.SolveHome .list li:hover .more{opacity:1;transform: translateY(0px);}
.SolveHome .spot{position: initial;margin-top: 40px;}
.SolveHome .spot span{width: 12px; height: 12px; margin: 0 10px !important;}
.SolveHome .spot span.swiper-pagination-bullet-active{ background: #0ca9f2;}
/*==合作伙伴↓==*/
.FieldHome{background: url(../images/fieldbg.jpg) no-repeat center;background-size: cover;}
.FieldHome .title{color:#fff;font-size:48px; text-align: center;margin-bottom:50px;line-height:1.4;}
.FieldHome .title span{color:#fff;font-size:24px;display: block;}
.FieldHome .long{position: relative;width:100%;}
.FieldHome .list{/*margin:0 0 -10px -10px;*//*display: flex;flex-flow: row wrap; align-content: flex-start;*/}
.FieldHome .list li{/*float:left;width: 20%;*/background:#fff;}
.FieldHome .list h4{ opacity:0; position: absolute; left:0%;top:49%;z-index:2; text-align:center;width:100%; color:#fff;font-size:18px;}
.FieldHome .list a{ position: relative; display: block;width:100%;height:100%;/* margin:0 0 10px 10px*/}
/*.FieldHome .list a:after{content:"";position: absolute; left:0;top:0;z-index:1;width:100%;height:100%;transform:scale(0.0);background: #0ca9f2;}*/
.FieldHome .list img{max-width:100%;display: block;height:120px;margin:auto;}
.FieldHome .list li:hover h4{opacity:1}
.FieldHome .list li:hover a:after{transform:scale(1.0);}
.FieldHome .btn{left: -60px;width:50px;line-height:50px;text-align: center;color:#fff;font-size: 30px;background:#333;}
.FieldHome .btn i{display:block;}
.FieldHome .btn.nt{left:auto;right:-60px;}
/*==首页新闻↓==*/
.NewsHome{background: #f5f5f5;}
.NewsHome .left{width:44%}
.NewsHome .left .pic{height:456px}
.NewsHome .left img{width:100%;height: 100%;object-fit: cover;}
.NewsHome .left .box{position:absolute;bottom:0; padding:25px 40px; background: rgba(0,0,0,0.7);}
.NewsHome .left h4{color:#fff;font-size:18px;}
.NewsHome .left p{color:#fff;font-size:14px;margin-top:10px;}
.NewsHome .left .btn{left:0;color:#fff;font-size: 40px;width:40px;height: 40px;line-height: 40px;font-weight:100;font-family: "iconfont";background: rgba(0,0,0,0.4);}
.NewsHome .left .btn.nt{left:auto;right:0;}
.NewsHome .left .btn:hover{ background:#0ca9f2}
.NewsHome .right{width:56%;padding-left:40px;}
.NewsHome .right .tone{margin-bottom:20px;overflow: hidden;}
.NewsHome .right .tone li{float:left;width: 28%;text-align: center;margin-right: 8%;}
.NewsHome .right .tone li:last-child{margin-right:0px;}
.NewsHome .right .tone li a{display: block;color:#333333;font-size:18px;padding:5px 30px;background:#fff}
.NewsHome .right .tone li.active a{color:#fff; background:#0ca9f2}
.NewsHome .right .down{background: #fff;}
.NewsHome .right .list{}
.NewsHome .right .list li{clear: both;overflow: hidden;}
.NewsHome .right .list li a{display: block; padding:20px 30px 20px 10px;}
.NewsHome .right .list .time{float:left;color:#4c4c4c;font-size:16px; text-align: center;padding:0 30px; border-right:1px #ddd solid;margin-right:30px;}
.NewsHome .right .list .time font{display: block; color:#1a1a1a;font-size:24px;}
.NewsHome .right .list h4{color:#1a1a1a;font-size:18px;}
.NewsHome .right .list p{color:#4c4c4c4;font-size:14px;margin-top:10px;}
.NewsHome .right .list li:hover a{background:#0ca9f2}
.NewsHome .right .list li:hover *{color:#fff}
.NewsHome .right .list li:hover .time{border-color:#fff}
.NewsHome .bottom{margin-top:50px;}
.NewsHome .bottom .list{margin: 0 0 -20px -20px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.NewsHome .bottom .list li{float:left;width:33.3%;margin-bottom: 20px;}
.NewsHome .bottom .list li a{display: block;margin-left: 20px;padding: 30px;background: #fff;}
.NewsHome .bottom .list .time{display:block;color:#999;font-size:12px;margin-bottom: 12px;line-height: initial;} 
.NewsHome .bottom .list h4{color:#1a1a1a;font-size:18px;margin-bottom: 7px;}
.NewsHome .bottom .list p{-webkit-line-clamp: 2;color: #4c4c4c;font-size:14px;margin-top:10px;}
.NewsHome .bottom .list li:hover a{box-shadow: 0 0 10px #ddd;}
.NewsHome .bottom .list li:hover h4{color:#0ca9f2}
/*==首页留言↓==*/
.ExperienceHome{padding:130px 0;background: url(../images/experiencebg.jpg) no-repeat center;background-size:cover ;}
.ExperienceHome .title{color:#fff;font-size:48px;text-align: center;margin-bottom:60px}
.ExperienceHome .title span{display: block;color:#fff;font-size:18px;margin-top:30px}
.ExperienceHome form{display:table;/* width:50%; */margin: auto;border:1px #fff solid;border-radius:5px;}
.ExperienceHome form input,.ExperienceHome form button{/* display:table-cell; */line-height:40px;height: 40px;}
.ExperienceHome form input{float: left;width: 400px;color:#fff;padding:5px 20px;border:none;background: rgba(255,255,255,.3);}
.ExperienceHome form button{float: right;height: 40px;color:#0ca9f2;font-size:14px;border:none;padding: 0px 30px;}
.ExperienceHome form button:hover{color:#fff;background:#0ca9f2}
.ExperienceHome form input::-webkit-input-placeholder{color:#fff}
.ExperienceHome form input::-moz-placeholder {color:#fff}
/*==内页去掉padding↓==*/
.shelfOne{padding:0px !important}
/*==内页顶部文本↓==*/
.topTxt{padding-bottom:0px !important}
.topTxt p{color:#1a1a1a;font-size:18px;text-align: center;}
/*==切换tab1↓==*/
.tab-1 .tone{ overflow: hidden;}
.tab-1 .tone li{float:left;padding: 20px 20px;margin:0 10px 10px 0;color:#fff;font-size:24px;border:1px #05caf3 solid;text-align: center;cursor:pointer;background: #85d4f9;}
.tab-1 .tone li.active{background: #0caaf4;}
.tab-1 .down{}
.tab-1 .border{border-top:1px #eee solid;padding-top:30px;margin-top:40px;}
.tab-1 .box{position: relative;padding-left: 120px;min-height:90px;margin:0 20px;color:#333333;font-size:16px;line-height:35px;}
.tab-1 .box span{font-size:24px;}
.tab-1 .box em{position: absolute;left:0;top:0;width: 90px;height: 90px;background-repeat:no-repeat;background-position: center top;background-size: 90px;}
.tab-1 .up{position: relative;padding-left:50px;padding-right:50px;overflow: hidden;}
.tab-1 .up .tone{overflow:initial;}
.tab-1 .up .tone li{padding-left:5px;padding-right:5px;}
.tab-1 .btn{left:0px;width:40px;line-height: 44px;margin-top:-12px;color:#fff;font-size: 35px;text-align: center;background:#333;}
.tab-1 .btn.nt{left:auto;right:0px}
/*==切换tab2↓==*/
.tab-2 .long{position:relative;z-index:2;display:table;vertical-align: top;}
.tab-2 .long:before{content:"";position:absolute;top:0%;left:-50%;z-index:-1;width:200%;height:100%;background: #f5f5f5;}
.tab-2 .fare{padding: 50px 20px;}
.tab-2 .fare ul{margin-bottom:-50px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.tab-2 .fare li{float:left;width: 25%;margin: 0 0 50px 0;padding: 0 20px;text-align: center; cursor:pointer;}
.tab-2 em{display: table;margin:0 auto 0px;width: 100px;height: 75px;background-repeat:no-repeat;background-position:0 0;}
.tab-2 .fare li em{background-position:0 -0px;}
.tab-2 .fare li h4{color:#1a1a1a;font-size:16px;margin-top:10px}
.tab-2 .con{position: relative;z-index:2;width:400px;height: 100%;vertical-align: middle;}
.tab-2 .con .bg,.tab-2 .con:after{ position: absolute;top: 0%;left:0;bottom: 0;z-index:-1;/* display: block; */}
.tab-2 .con:after{content: "";width: 790px;height:100%;background-image:url(../images/functionimg01.jpg); background-repeat:no-repeat ;background-position:center ; background-size:cover ;}
.tab-2 .box{position: relative;z-index: 2;padding:60px 50px;text-align: center;width: 100%;height: 100%;}
.tab-2 .box em{background-position:0 -152px}
.tab-2 .box h4{margin-top:20px;color:#fff;font-size:26px;display: block;}
.tab-2 .box p{margin-top:30px;color:#fff;font-size:16px;line-height:24px;}
.tab-2 .box:before{content: "";position: absolute;left:0;top:0;z-index: -1;width:200%;height:100%;background:rgba(0,0,0,0.4);}
.tab-2 .fare li.active em{background-position:0 -75px}
.tab-2 .fare li.active h4{color:#0ca9f2}
.tab-2 .fare,.tab-2 .con{float:none;display:table-cell;}
/*==卡片1↓==*/
.cardsList-1{margin:0 0 -25px -25px; display: flex;flex-flow: row wrap;align-content: flex-start;}
.cardsList-1 .cen{text-align: center;}
.cardsList-1.mml50{margin-bottom:-50px;}
.cardsList-1.mml50 li{margin-bottom:50px;}
.cardsList-1 li{width:25%;margin-bottom:25px}
.cardsList-1 li .block{display:block;padding: 0 25px; margin-left:25px;height:100%;}
.cardsList-1 em{display: table;width: 120px;height: 120px;margin:0 auto 30px;border-radius: 50%;background-repeat:no-repeat;background-position:center;background-color:#999 ;}
.cardsList-1 .title{color:#000000;font-size: 18px;margin-bottom: 20px; font-weight:bold;}
.cardsList-1 .title.line{position: relative;color:#1a1a1a;padding-bottom:20px;border-bottom:1px #999 solid;}
.cardsList-1 .title.line:after{content: ""; position: absolute; left:0;bottom:-2px;width:20px;height:4px; background: #999;}
.cardsList-1 hr{width: 30px;height: 2px;margin:-5px auto 10px;border: none;background: #0ca9f2;}
.cardsList-1 .txt{color:#333333;font-size: 15px;line-height:24px}
/*--*/
.cardsList-1.cubic li a{padding:30px; box-shadow: 0 0 10px #ddd;border:1px #eee solid}
/*--*/
.cardsList-1.fe_b .title{font-size:24px;}
.cardsList-1.fe_b .txt{font-size:16px;line-height:26px;}
/*--*/
.cardsList-1.lx5 li{width:20%}
.cardsList-1.lx6 li{width:16.6%}
/*--*/
.cardsList-1.bf_bw{margin:0 0 -10px -10px}
.cardsList-1.bf_bw li a{margin:0 0 10px 10px;padding: 30px 20px;background:rgba(0,0,0,0.5);}
.cardsList-1.bf_bw li em{background-color: initial;}
.cardsList-1.bf_bw *{color:#fff}
/*--*/
.cardsList-1.cubic-2 li a{padding:0 20px 30px 20px;background: #fff;}
.cardsList-1.cubic-2 em{position:relative; display:inline-block ; width: -webkit-fill-available !important; width: -moz-fill-available !important; width: -moz-available !important; width: fill-available !important;
height: 200px;margin-left:-20px;margin-right:-20px;/* z-index: 2; */border-radius: 0px;background-color:#333333;transition: all .4s ease-in-out;}
.cardsList-1.cubic-2 em:after{content:"";position:absolute;left:-50%;top:0;z-index:-1;width:200px;height:100%;background:#333;}
.cardsList-1.cubic-2 li:hover em{background-color: #0da9f3;}
/*--*/
.cardsList-1.round em{position: relative;margin: 10px auto 40px;background-color:#0ca9f2;}
.cardsList-1.round em:before{content:"";position: absolute;left: 0;top: 0;right:0;bottom:0;margin: -10px;display: inline-block;width: -webkit-fill-available;height: -webkit-fill-available;width: -moz-available;height: -moz-available;box-shadow:0 0 10px #74c1e6;border-radius:50%;}
/*==卡片2↓==*/
.cardsList-2{padding:0 50px;margin-bottom: -70px;display: table;width: 100%;}
.cardsList-2 li{float:left;width: 40%;padding: 20px 0 20px 180px;margin-bottom: 70px;background-repeat:no-repeat;background-position:left center;}
.cardsList-2 li:nth-of-type(even){float:right}
.cardsList-2 h4{color:#333333;font-size: 24px;margin-bottom:15px;}
.cardsList-2 hr{margin: 0 0 15px 0;border:none;width:50px;height: 2px;background: #0da9f3;}
.cardsList-2 p{color:#333333;font-size: 18px;line-height: 30px;}
/*==产品-400==*/
.ProductTel{padding:0px }
.ProductTel .function{overflow:hidden}
.ProductTel .function .top{color:#1a1a1a;font-size:18px;margin-bottom:60px;line-height:26px}
.ProductTel .function .x1 em{background-image:url(../images/functionico101.png);}
.ProductTel .function .x2 em{background-image:url(../images/functionico102.png);}
.ProductTel .function .x3 em{background-image:url(../images/functionico103.png);}
.ProductTel .function .x4 em{background-image:url(../images/functionico104.png);}
.ProductTel .function .x5 em{background-image:url(../images/functionico105.png);}
.ProductTel .function .x6 em{background-image:url(../images/functionico106.png);}
.ProductTel .function .x7 em{background-image:url(../images/functionico107.png);}
.ProductTel .function .x8 em{background-image:url(../images/functionico108.png);}
.ProductTel .function .x9 em{background-image:url(../images/functionico109.png);}
.ProductTel .function .x10 em{background-image:url(../images/functionico110.png);}
.ProductTel .function .x11 em{background-image:url(../images/functionico111.png);}
.ProductTel .advantage{}
.ProductTel .advantage ul{position: relative; margin-left:-1%;display: flex;flex-flow: row wrap;align-content: flex-start;}
.ProductTel .advantage ul li{float:left;width:24%;margin-left:1%;padding:30px 20px;background:#4d4d4d;}
.ProductTel .advantage ul li i{color:#fff;font-size:60px;margin-bottom:30px;text-align: center;margin: 0 auto 30px;display: table;}
.ProductTel .advantage ul li h4{height: 55px;color:#fff;font-size:24px;text-align: center;}
.ProductTel .advantage ul li p{margin-top: 10px;color:#fff;font-size:14px;line-height: 28px;}
.ProductTel .procedure{ background: url(../images/procedurebg.jpg) no-repeat center;background-size:cover ;}
.ProductTel .procedure ul{margin-left: -2%;margin-bottom: 100px;position: relative;display: flex;flex-flow: row wrap;align-content: flex-start;}
.ProductTel .procedure ul:before{content:"";position: absolute;left: 2%;bottom: -50px;width:100%;height:5px;background: rgba(0,0,0,0.5);}
.ProductTel .procedure ul li{position: relative;float:left;width: 23%;margin-left: 2%;padding: 40px;background:rgba(0,0,0,0.5);}
.ProductTel .procedure ul li i{position: absolute;left: 50%;margin-left: -25px;bottom: -70px;width:50px;line-height: 50px;color:#fff;font-size:30px;border-radius: 50%;text-align: center;background:rgba(0,0,0,0.5);}
.ProductTel .procedure ul li h4{color:#fff;font-size:22px;margin-bottom:20px;}
.ProductTel .procedure ul li p{color:#fff;font-size:14px;line-height: 24px;}
.ProductTel .procedure .wx{color:#fff;font-size: 20px;line-height: 35px;border: #fff solid 3px;padding: 15px 50px;margin: 20px 100px 0px 100px;border-radius: 100px;text-align: center;}
/*==产品-线路资源==*/
.ProductLine{}
.ProductLine .choice{padding-bottom:0px;}
.ProductLine .choice ul em{width: 100px;height: 100px;}
.ProductLine .choice ul .x1 em{background-image:url(../images/choiceico01.png);}
.ProductLine .choice ul .x2 em{background-image:url(../images/choiceico02.png);}
.ProductLine .choice ul .x3 em{background-image:url(../images/choiceico03.png);}
.ProductLine .choice ul .x4 em{background-image:url(../images/choiceico04.png);}
.ProductLine .resource{overflow: hidden;}
.ProductLine .resource .long{position: relative;display:table;width: 100%;}
.ProductLine .resource .long:before{content: "";position:absolute;left: -50%;top:0;z-index: -1;width:200%;height:100%;background: #0ca9f2;}
.ProductLine .resource ul,.ProductLine .resource .pic{display:table-cell;float:none}
.ProductLine .resource ul{/* float:left; */width: 52%;padding: 60px 30px;}
.ProductLine .resource ul li{margin-bottom:70px;padding-left: 90px;background-repeat:no-repeat;background-position: left center;}
.ProductLine .resource ul li:last-child{margin-bottom:0px}
.ProductLine .resource ul h4{color:#fff;font-size: 24px;margin-bottom:10px;}
.ProductLine .resource ul p{color:#fff;font-size: 15px;line-height:24px}
.ProductLine .resource ul .x1{background-image:url(../images/resourceico01.png);}
.ProductLine .resource ul .x2{background-image:url(../images/resourceico02.png);}
.ProductLine .resource ul .x3{background-image:url(../images/resourceico03.png);}
.ProductLine .resource ul .x4{background-image:url(../images/resourceico04.png);}
.ProductLine .resource ul .x5{background-image:url(../images/resourceico05.png);}
.ProductLine .resource .pic{position:relative;/* float:right; */width: 50%;height: 100%;/* display: block; */}
.ProductLine .resource .pic img{position:absolute;left:0;top:0;bottom: 0;display: block;width: max-content;height: 100%;}
/*==产品-机器人==*/
.ProductRobot{padding:0px;}
.ProductRobot .present{margin: -80px 0 0 0;position: relative;}
.ProductRobot .present .container{border-radius: 10px 10px 5px 5px;border:1px #ddd solid;box-shadow: 0 0 10px #ddd;background: #fff;}
.ProductRobot .present .wx{color:#1a1a1a;font-size: 18px;padding:30px 40px; text-align: center;}
.ProductRobot .present ul{border-top:1px #ddd solid;}
.ProductRobot .present ul li{float:left;width:50%;padding:50px 30px;border-right:1px #ddd solid;}
.ProductRobot .present ul li:last-child{border-right:0px}
.ProductRobot .present ul li em{display: block;width:116px;height:116px;margin:0 auto 30px;display: table;background-repeat:no-repeat; background-position:center;}
.ProductRobot .present ul h4{color:#333333;font-size: 24px;margin-bottom:30px; text-align:center}
.ProductRobot .present ul p{color:#333;font-size: 18px;line-height:24px}
.ProductRobot .present li.x1 em{background-image: url(../images/presentico01.png);}
.ProductRobot .present li.x2 em{background-image: url(../images/presentico02.png);}
.ProductRobot .connect{}
.ProductRobot .connect ul em{width: 120px;height: 120px;}
.ProductRobot .connect ul .x1 em{background-image:url(../images/connectico01.png);}
.ProductRobot .connect ul .x2 em{background-image:url(../images/connectico02.png);}
.ProductRobot .connect ul .x3 em{background-image:url(../images/connectico03.png);}
.ProductRobot .connect ul .x4 em{background-image:url(../images/connectico04.png);}
.ProductRobot .connect ul .x5 em{background-image:url(../images/connectico05.png);}
.ProductRobot .type{overflow: hidden;}
.ProductRobot .type .long{position: relative; display: table;}
.ProductRobot .type .long:before{content: "";position:absolute;left: -50%;top:0;z-index: -1;width:200%;height:100%;background: #0ca9f2;}
.ProductRobot .type ul,.ProductRobot .type .pic{display:table-cell;float:none}
.ProductRobot .type ul{float:left;padding: 60px 30px;}
.ProductRobot .type ul li{margin-bottom: 60px;}
.ProductRobot .type ul li:last-child{margin-bottom:0px}
.ProductRobot .type ul h4{color:#fff;font-size: 24px;margin-bottom:10px;}
.ProductRobot .type ul hr{margin:10px 0;border:none;width:50px;height: 2px;background: #05caf3;}
.ProductRobot .type ul p{color:#fff;font-size: 18px;line-height: 26px;}
.ProductRobot .type .pic{position:relative;width: 50%;height: 100%;}
.ProductRobot .type .pic img{position:absolute;left:0;top:0;bottom: 0;display: block;width: max-content;height: 100%;}
.ProductRobot .item{ background:#f5f5f5 url(../images/itembg02.jpg) no-repeat bottom;}
.ProductRobot .item .container{padding:60px 10px 30px 10px; border-radius: 10px;box-shadow: 0 0 10px #ddd; background:#fff}
.ProductRobot .item .x1 em{background-image:url(../images/itemico01.png);}
.ProductRobot .item .x2 em{background-image:url(../images/itemico02.png);}
.ProductRobot .item .x3 em{background-image:url(../images/itemico03.png);}
.ProductRobot .item .x4 em{background-image:url(../images/itemico04.png);}
.ProductRobot .item .x5 em{background-image:url(../images/itemico05.png);}
.ProductRobot .item .x6 em{background-image:url(../images/itemico06.png);}
.ProductRobot .item .x7 em{background-image:url(../images/itemico07.png);}
.ProductRobot .item .x8 em{background-image:url(../images/itemico08.png);}
.ProductRobot .item .x9 em{background-image:url(../images/itemico09.png);}
.ProductRobot .item .x10 em{background-image:url(../images/itemico10.png);}
.ProductRobot .item .x11 em{background-image:url(../images/itemico11.png);}
.ProductRobot .item .x12 em{background-image:url(../images/itemico12.png);}
.ProductRobot .item .x13 em{background-image:url(../images/itemico13.png);}
.ProductRobot .item .x14 em{background-image:url(../images/itemico14.png);}
.ProductRobot .item .x15 em{background-image:url(../images/itemico15.png);}
.ProductRobot .work{}
.ProductRobot .work .cardsList-2 .x1{background-image:url(../images/workico01.png);}
.ProductRobot .work .cardsList-2 .x2{background-image:url(../images/workico02.png);}
.ProductRobot .work .cardsList-2 .x3{background-image:url(../images/workico03.png);}
.ProductRobot .work .cardsList-2 .x4{background-image:url(../images/workico04.png);}
/*==产品-会员营销==*/
.ProductMember{padding:0px;}
.ProductMember .advantage{}
.ProductMember .advantage ul em{width: 64px;height: 64px;border-radius: 0px; background-color:initial ;}
.ProductMember .advantage ul .x1 em{ background-image:url(../images/advantageico01.png);}
.ProductMember .advantage ul .x2 em{ background-image:url(../images/advantageico02.png);}
.ProductMember .advantage ul .x3 em{ background-image:url(../images/advantageico03.png);}
.ProductMember .advantage ul .x4 em{ background-image:url(../images/advantageico04.png);}
.ProductMember .advantage ul .x5 em{ background-image:url(../images/advantageico05.png);}
.ProductMember .advantage ul .x6 em{ background-image:url(../images/advantageico06.png);}
.ProductMember .advantage ul .x7 em{ background-image:url(../images/advantageico07.png);}
.ProductMember .market{overflow: hidden; background: #f5f5f5;}
.ProductMember .market .long{display: table;}
.ProductMember .market .left,.ProductMember .market .right{display: table-cell;float:none}
.ProductMember .market .left{position: relative;z-index:2; width:30%;color:#fff;font-size:16px; vertical-align: middle;}
.ProductMember .market .left .bg{position: absolute;right:0;top: -80px;bottom:-80px;z-index:-1;}
.ProductMember .market .left .bg img{display: block;}
.ProductMember .market .left h3{color:#fff;font-size:30px;font-weight:bold;margin-bottom:20px;}
.ProductMember .market .left p{margin-bottom:20px;}
.ProductMember .market .left span{float:left;color:#fff;font-size:16px;margin:20px 20px 10px 0;padding-left:35px; background-repeat:no-repeat ; background-position:left ;}
.ProductMember .market .left span.x1{ background-image:url(../images/marketico01.png) ;}
.ProductMember .market .left span.x2{ background-image:url(../images/marketico02.png) ;}
.ProductMember .market .left span.x3{ background-image:url(../images/marketico03.png) ;}
.ProductMember .market .right{ position: relative; z-index: 2; /* margin-left: -50px; */}
.ProductMember .market .right img{display: block;margin-left: -100px;}
.ProductMember .market .right h3{margin: 20px 0 0 100px;display: table;color:#fff;font-size:24px;font-weight:bold;padding: 6px 60px;letter-spacing: 10px;background: #0da9f3;}
.ProductMember .market .right ul{position: absolute;top: 40px;left: 140px;z-index: -1;width: 418px;height: 418px;background: url(../images/marketline.png) no-repeat center;}
/*.ProductMember .market .right ul:before{opacity: 0.5;position:absolute;right: -113px;top: 5px;content: "";width:418px;height:418px;background: url(../images/marketrbg.png) no-repeat center;}*/
.ProductMember .market .right li{position: absolute;color:#0da9f3;font-size:16px;padding-left: 32px;/* opacity: 0.6; */}
.ProductMember .market .right li:before{content: "";position: absolute;left: 0;width: 24px;height: 24px;border: 6px #0da9f3 solid;border-radius:50%;background: #fff;}
.ProductMember .market .right .x1{top: -3px;right: 71px;}
.ProductMember .market .right .x2{top: 34px;right: -6px;}
.ProductMember .market .right .x3{top: 76px;right: -45px;}
.ProductMember .market .right .x4{top: 119px;right: -68px;}
.ProductMember .market .right .x5{top: 165px;right: -112px;}
.ProductMember .market .right .x6{top: 206px;right: -115px;}
.ProductMember .market .right .x7{top: 249px;right: -110px;}
.ProductMember .market .right .x8{top: 293px;right: -98px;}
.ProductMember .market .right .x9{top: 335px;right: -242px;}
.ProductMember .market .right .x10{top: 371px;right: -192px;}
.ProductMember .market .right .x11{top: 406px;right: -159px;}
.ProductMember .apply{}
.ProductMember .apply ul{}
.ProductMember .apply ul em{width: 100px;height: 100px;} 
.ProductMember .apply ul .x1 em{background-image:url(../images/applyico01.png);}
.ProductMember .apply ul .x2 em{background-image:url(../images/applyico02.png);}
.ProductMember .apply ul .x3 em{background-image:url(../images/applyico03.png);}
.ProductMember .apply ul .x4 em{background-image:url(../images/applyico04.png);}
.ProductMember .apply ul .x5 em{background-image:url(../images/applyico05.png);}
.ProductMember .model{}
.ProductMember .model .bg{width:100%;text-align: center;}
.ProductMember .model .bg img{display: block;}
.ProductMember .model .long{display: table;margin-top: -150px;position: relative;}
.ProductMember .model .left{width: 320px;height: 420px;padding: 60px 30px;background: #0da9f3;}
.ProductMember .model .left h3{color:#fff;font-size:36px;margin-bottom: 40px;}
.ProductMember .model .left h3 span{ display: block; color:#fff;font-size:18px; padding-top:30px;}
.ProductMember .model .left hr{display: block;margin:0px 0 40px 0;width: 35px;height: 6px;border: none;background: #fff;}
.ProductMember .model .left p{color:#fff;font-size:18px;line-height:30px;}
.ProductMember .model .right{width: 74%;margin-top: 150px;vertical-align: bottom;}
.ProductMember .model .right li{float:left;width:25%;padding:50px;text-align: center;cursor: pointer;}
.ProductMember .model .right li em{display: table;margin:0 auto 40px;width:50px;height: 50px; background-repeat:no-repeat ; background-position:0 0 ;transition: all .4s ease-in-out;}
.ProductMember .model .right h4{color:#666;font-size:24px;}
.ProductMember .model .right span{display: block;margin-top:10px; color:#666;font-size:14px;}
.ProductMember .model .right li.active em{ background-position:0px -53px ;}
.ProductMember .model .right li.active h4,.ProductMember .model .right li.active span{color:#0da9f3}
.ProductMember .model .left,.ProductMember .model .right{display: table-cell;float: none;}
.ProductMember .model .right .x1 em{background-image:url(../images/modelico01.png);}
.ProductMember .model .right .x2 em{background-image:url(../images/modelico02.png);}
.ProductMember .model .right .x3 em{background-image:url(../images/modelico03.png);}
.ProductMember .model .right .x4 em{background-image:url(../images/modelico04.png);}
/*==平台架构==*/
.frameworkCon{}
.frameworkCon .long{display:table;}
.frameworkCon .title{color:#0ca9f2;font-size:24px;margin-bottom:30px;}
.frameworkCon .title:before{content:""; float:left;width:3px;height:25px; margin:5px 15px 0 0; background: #0ca9f2;}
.frameworkCon img{max-width:100%;}
.frameworkCon .edge{padding:30px 20px;}
.frameworkCon .left{width:65%; background: #fbfbfb;}
.frameworkCon .right{width:35%; min-width:400px;background: #0ca9f2;}
.frameworkCon .left,.frameworkCon .right{float:none;display:table-cell;}
.frameworkCon .right .title{color:#fff}
.frameworkCon .right .title:before{background: #fff;}
/*==呼叫-电销==*/
.CallTel{padding:0px;}
.CallTel .arrange .cardsList-1 li em{width:110px;height:110px;background-color:#999;}
.CallTel .arrange .cardsList-1 li p{/*height:150px*/}
.CallTel .arrange .cardsList-1 .x1 em{background-image:url(../images/arrangeico01.png);}
.CallTel .arrange .cardsList-1 .x2 em{background-image:url(../images/arrangeico02.png);}
.CallTel .arrange .cardsList-1 .x3 em{background-image:url(../images/arrangeico03.png);}
.CallTel .arrange .cardsList-1 .x4 em{background-image:url(../images/arrangeico04.png);}
.CallTel .advantage{ overflow: hidden;}
.CallTel .advantage.tab-2 .con .bg,.CallTel .advantage.tab-2 .con:after{ left:auto;right:0;}
.CallTel .advantage.tab-2 .con:after{background-image:url(../images/advantageimg01.jpg);}
.CallTel .advantage.tab-2 .box:before{left:auto;right:0;}
.CallTel .advantage .x1 em{background-image:url(../images/advantageico201.png);}
.CallTel .advantage .x2 em{background-image:url(../images/advantageico202.png);}
.CallTel .advantage .x3 em{background-image:url(../images/advantageico203.png);}
.CallTel .advantage .x4 em{background-image:url(../images/advantageico204.png);}
.CallTel .advantage .x5 em{background-image:url(../images/advantageico205.png);}
.CallTel .advantage .x6 em{background-image:url(../images/advantageico206.png);}
.CallTel .advantage .x7 em{background-image:url(../images/advantageico207.png);}
.CallTel .advantage .x8 em{background-image:url(../images/advantageico208.png);}
.CallTel .advantage .x9 em{background-image:url(../images/advantageico209.png);}
.CallTel .advantage .x10 em{background-image:url(../images/advantageico210.png);}
.CallTel .advantage .x11 em{background-image:url(../images/advantageico211.png);}
.CallTel .advantage .x12 em{background-image:url(../images/advantageico212.png);}
.CallTel .framework{}
.CallTel .system{background:url(../images/systembg.jpg) no-repeat center; background-size:cover ;}
.CallTel .system ul em{width: 85px;height: 76px;border-radius:0px  ;}
/*.CallTel .system ul{}
.CallTel .system ul li{float:left;width: 16%;margin-left: 0.6%;padding: 30px 20px;text-align: center;background:rgba(0,0,0,0.5);}
.CallTel .system ul em{display: table;width: 85px;height: 76px;margin:0 auto 30px;background-repeat:no-repeat;background-position:center;}
.CallTel .system ul .title{color:#fff;font-size: 18px;margin-bottom: 20px;}
.CallTel .system ul .txt{color:#fff;font-size: 14px;line-height:24px}*/
.CallTel .system ul .x1 em{background-image: url(../images/systemico01.png);}
.CallTel .system ul .x2 em{background-image: url(../images/systemico02.png);}
.CallTel .system ul .x3 em{background-image: url(../images/systemico03.png);}
.CallTel .system ul .x4 em{background-image: url(../images/systemico04.png);}
.CallTel .system ul .x5 em{background-image: url(../images/systemico05.png);}
.CallTel .system ul .x6 em{background-image: url(../images/systemico06.png);}
.CallTel .major{}
.CallTel .major ul{}
.CallTel .major ul li{float:left;width:25%;padding:0 30px;margin:0 0 60px 0;text-align: center;}
.CallTel .major ul li em{display: table;width: 190px;height: 190px;margin:0 auto 30px;border-radius: 50%;background-repeat:no-repeat;background-position:center;background-color:#999;}
.CallTel .major ul li .title{color:#333333;font-size:24px;}
.CallTel .major ul li:hover em{ background-color:#0da9f3}
.CallTel .major ul .x1 em{background-image:url(../images/majorico01.png) ;}
.CallTel .major ul .x2 em{background-image:url(../images/majorico02.png) ;}
.CallTel .major ul .x3 em{background-image:url(../images/majorico03.png) ;}
.CallTel .major ul .x4 em{background-image:url(../images/majorico04.png) ;}
.CallTel .major ul .x5 em{background-image:url(../images/majorico05.png) ;}
.CallTel .major ul .x6 em{background-image:url(../images/majorico06.png) ;}
.CallTel .major ul .x7 em{background-image:url(../images/majorico07.png) ;}
.CallTel .major ul .x8 em{background-image:url(../images/majorico08.png) ;}
.CallTel .change{ background:url(../images/changebg.jpg) no-repeat center; background-size:cover ;}
.CallTel .change .titleAx{padding-bottom: 45px;background: url(../images/arrow01.png) no-repeat center bottom;}
.CallTel .change ul{}
.CallTel .change ul li{float:left;width:20%;margin-left:0%;text-align: center;}
.CallTel .change ul li a{display: block;width: 185px;height: 185px;padding: 55px 20px;margin:auto;border-radius:50%;text-align: center;border:1px #fff solid;}
.CallTel .change ul li span{color:#fff;font-size:63px; padding-top:30px;}
.CallTel .change ul li font{color:#fff;font-size:20px;}
.CallTel .change ul li h5{margin-top: 3px;color:#fff;font-size: 16px;}
/*==呼叫-客服==*/
.CallCustomer{padding:0px;}
.CallCustomer .cover{ background: url(../images/coverbg.jpg) no-repeat center; background-size:cover;}
.CallCustomer .cover .long{padding:40px 10px; background: #fff;}
.CallCustomer .cover .x1 em{background-image:url(../images/coverico01.png);}
.CallCustomer .cover .x2 em{background-image:url(../images/coverico02.png);}
.CallCustomer .cover .x3 em{background-image:url(../images/coverico03.png);}
.CallCustomer .cover .x4 em{background-image:url(../images/coverico04.png);}
.CallCustomer .cover .x5 em{background-image:url(../images/coverico05.png);}
.CallCustomer .cover .x6 em{background-image:url(../images/coverico06.png);}
.CallCustomer .cover .x7 em{background-image:url(../images/coverico07.png);}
.CallCustomer .cover .x8 em{background-image:url(../images/coverico08.png);}
.CallCustomer .cover .x9 em{background-image:url(../images/coverico09.png);}
.CallCustomer .cover .x10 em{background-image:url(../images/coverico10.png);}
.CallCustomer .cover .x11 em{background-image:url(../images/coverico11.png);}
.CallCustomer .cover .x12 em{background-image:url(../images/coverico12.png);}
.CallCustomer .cover .x13 em{background-image:url(../images/coverico13.png);}
.CallCustomer .cover .x14 em{background-image:url(../images/coverico14.png);}
.CallCustomer .cover .x15 em{background-image:url(../images/coverico15.png);}
.CallCustomer .arrange .cardsList-1 .x1 em{background-image:url(../images/tongdian01.png);}
.CallCustomer .arrange .cardsList-1 .x2 em{background-image:url(../images/tongdian02.png);}
.CallCustomer .arrange .cardsList-1 .x3 em{background-image:url(../images/tongdian03.png);}
.CallCustomer .arrange .cardsList-1 .x4 em{background-image:url(../images/tongdian04.png);}
.CallCustomer .framework{}
.CallCustomer .system{background: url(../images/systembg.jpg) no-repeat center; background-size:cover ;}
.CallCustomer .system ul{margin:0 0 -25px -25px;display: flex;flex-flow: row wrap;align-content: flex-start;}
.CallCustomer .system ul li{float:left;width:33.3%;margin-bottom:25px;}
.CallCustomer .system ul a{position:relative;height:100%;display: block;margin:0 0 0px 25px;padding: 35px 10px 35px 135px;background-color: #fff;}
.CallCustomer .system ul a:before{content:"";position:absolute;top:0;left: 30px;width: 90px;height: 100%;display: block;background-repeat:no-repeat;background-position:left center;}
.CallCustomer .system ul h4{color:#1a1a1a;font-size:18px;}
.CallCustomer .system ul p{color:#1a1a1a;font-size:14px;margin-top: 15px;}
.CallCustomer .system ul .x1 a:before{ background-image: url(../images/systemico101.png);}
.CallCustomer .system ul .x2 a:before{ background-image: url(../images/systemico102.png);}
.CallCustomer .system ul .x3 a:before{ background-image: url(../images/systemico103.png);}
.CallCustomer .system ul .x4 a:before{ background-image: url(../images/systemico104.png);}
.CallCustomer .system ul .x5 a:before{ background-image: url(../images/systemico105.png);}
.CallCustomer .system ul .x6 a:before{ background-image: url(../images/systemico106.png);}
.CallCustomer .advantage{}
.CallCustomer .advantage .cardsList-1 em{width:160px;height:160px;}
.CallCustomer .advantage .cardsList-1 .x1 em{background-image: url(../images/advantageico101.png);}
.CallCustomer .advantage .cardsList-1 .x2 em{background-image: url(../images/advantageico102.png);}
.CallCustomer .advantage .cardsList-1 .x3 em{background-image: url(../images/advantageico103.png);}
.CallCustomer .advantage .cardsList-1 .x4 em{background-image: url(../images/advantageico104.png);}
/*==呼叫-云总机==*/
.CallCloud{padding:0px;}
.CallCloud .system{}
.CallCloud .system .cardsList-1 em{width: 136px;height: 130px;border-radius: 0px; background-color:initial ;}
.CallCloud .system .cardsList-1 .x1 em{ background-image: url(../images/systemico201.png);}
.CallCloud .system .cardsList-1 .x2 em{ background-image: url(../images/systemico202.png);}
.CallCloud .system .cardsList-1 .x3 em{ background-image: url(../images/systemico203.png);}
.CallCloud .system .cardsList-1 .x4 em{ background-image: url(../images/systemico204.png);}
.CallCloud .system .cardsList-1 .x5 em{ background-image: url(../images/systemico205.png);}
.CallCloud .function{ background: url(../images/functionbg.jpg) no-repeat top;}
.CallCloud .function .long{border-radius: 10px;box-shadow: 0 0 10px #ddd;overflow: hidden;background: #fff;}
.CallCloud .function .tone{ display: flex;border-bottom:1px #ddd solid; background: #e8f0fb;}
.CallCloud .function .tone li{position: relative;flex: 1;padding:40px 10px;color:#1a1a1a;font-size:18px;text-align: center;cursor: pointer;}
.CallCloud .function .tone li:before{content: "";position: absolute; left:0;bottom:0;width:100%;height:1px; background: #0ca9f2;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.CallCloud .function .tone li.active:before{transform: scale(1);transform-origin:left;}
.CallCloud .function .tone li.active{background: #fff;}
.CallCloud .function .down{padding: 80px 80px;}
.CallCloud .function .box{position: relative;padding-left: 140px;color:#1a1a1a;font-size:18px;}
.CallCloud .function .box em{position: absolute;left:0;top:0;width: 120px;height: 120px;background-repeat:no-repeat;background-position: center top;}
.CallCloud .function .box h3{color:#1a1a1a;font-size:24px;margin-bottom: 20px;padding-top: 20px;}
.CallCloud .function .x1 em{background-image:url(../images/functionico01.png);}
.CallCloud .function .x2 em{background-image:url(../images/thkz.jpg);}
.CallCloud .function .x3 em{background-image:url(../images/jyly.jpg);}
.CallCloud .function .x4 em{background-image:url(../images/znzh.jpg);}
.CallCloud .function .x5 em{background-image:url(../images/fjgs.jpg);}
.CallCloud .function .x6 em{background-image:url(../images/thjl.jpg);}
.CallCloud .function .x7 em{background-image:url(../images/thbb.jpg);}
.CallCloud .function .x8 em{background-image:url(../images/zdzc.jpg);}
.CallCloud .function .x9 em{background-image:url(../images/dhhy.jpg);}
/*.CallCloud .function .box em{background-image:url(../images/functionico01.png);}*/
.CallCloud .framework{}
.CallCloud .ability{ background: url(../images/abilitybg.jpg) no-repeat;background-size:cover ;}
.CallCloud .ability .cardsList-1 em{/*width:100px;height:200px*/}
.CallCloud .ability .cardsList-1 .x1 em{background-image:url(../images/abilityico01.png);}
.CallCloud .ability .cardsList-1 .x2 em{background-image:url(../images/abilityico02.png);}
.CallCloud .ability .cardsList-1 .x3 em{background-image:url(../images/abilityico03.png);}
.CallCloud .ability .cardsList-1 .x4 em{background-image:url(../images/abilityico04.png);}
.CallCloud .ability .cardsList-1 .x5 em{background-image:url(../images/abilityico05.png);}
.CallCloud .advantage{}
.CallCloud .advantage .cardsList-2 .x1{background-image:url(../images/advantage201.png) ;}
.CallCloud .advantage .cardsList-2 .x2{background-image:url(../images/advantage202.png) ;}
.CallCloud .advantage .cardsList-2 .x3{background-image:url(../images/advantage203.png) ;}
.CallCloud .advantage .cardsList-2 .x4{background-image:url(../images/advantage204.png) ;}
/*==新闻↓==*/
.NewsListBox{padding-bottom:0 !important}
.NewsListBox .up{margin-bottom:90px;}
.NewsListBox .up .more{}
.NewsListBox .up .more{color:#fff;font-size:12px;padding: 10px 30px;display: table;margin-top: 40px;background: #666;}
.NewsListBox .up .more:before{content: ""; float:right;width:10px;height:7px;margin:6px 0 0 15px;background: url(../images/line03.png) no-repeat -10px 0;transition: all .4s ease-in-out;}
.NewsListBox .up .more:hover{ background: #0da9f3;}
.NewsListBox .up .more:hover:before{transform:translateX(3px);}
.NewsListBox .up .swiper-container:after{content: "";position: absolute; left:0;bottom:0;width:100%;height:100px; background: #009fe8;}
.NewsListBox .up .spot{bottom:0;display: table;width: 100%;left: 700px;/*! margin-left: 52px; */text-align: left;padding: 30px 35px 30px 50px;background:#0da9f3;}
.NewsListBox .up .spot span{ opacity:1;width:10px;height:10px; background:rgba(255,255,255,0.5);margin-right: 12px;}
.NewsListBox .up .spot .swiper-pagination-bullet-active{ background:#fff}
.NewsListBox .up li{ position: relative; }
.NewsListBox .up li a{position: relative;display: block;height: 450px;padding:50px 50px 50px 750px;background:#f2f2f2;}
.NewsListBox .up li .pic{float: left;position:absolute;left:0;top:0;width:700px;height: 100%;}
.NewsListBox .up li .pic img{max-width:100%;height: 100%;object-fit: cover;}
.NewsListBox .up li .box{/*! text-align: center; */float: left;width: 100%;height: 100%;}
.NewsListBox .up li .box h4{width: 100%;font-size:24px;color:#191919;/*! font-weight: bold; */overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.NewsListBox .up li .box .time{position:relative; display: block; color:#999;font-size:12px;margin-top:20px;}
.NewsListBox .up li .box .time:before{content:"";float:left;margin:10px 20px 0 0; width:40px;height:1px; background:#ccc}
.NewsListBox .up li .box p{-webkit-line-clamp: 4;font-size:14px;color:#464646;margin-top: 30px;line-height: 24px;}
.NewsListBox .up li:hover h4{color:#0da9f3}
.NewsListBox .shell{padding: 70px 0 50px 0;background-color: #f3f3f3; overflow: hidden;}
.NewsListBox .shell ul{margin:0 0 -30px -30px;}
.NewsListBox .shell li{/* float: left; */width: 100%;clear: both;}
.NewsListBox .shell li a{position: relative;display: block;margin: 0 0 30px 0px;padding: 30px;overflow: hidden;background-color: #fff;}
.NewsListBox .shell li a:after{content: "";position: absolute;left: 0;top: 0;height: 3px;width: 0;transition: all .5s;background-color: #0da9f3;}
.NewsListBox .shell li a h4{/* width: 100%; */font-size: 16px;font-weight: bold;color: #191919;margin-top:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all .4s;}
.NewsListBox .shell li a .txt{-webkit-line-clamp: 2;font-size: 14px;color: #666666;line-height: 24px;margin-top:15px;/*! overflow: hidden; */margin-bottom: 15px;}
.NewsListBox .shell li a .pic{float: right;display: block;position: relative;width: 25%;margin-left: 40px;padding-top: 20%;overflow: hidden;}
.NewsListBox .shell li a .pic img{display: block;position: absolute;width: 100%;height: 100%;transition: all .4s;top: 0;left: 0}
.NewsListBox .shell li a .time{float:left; margin-right:20px; display: block;font-size: 12px;color: #999999;}
.NewsListBox .shell .more{float:left;color:#999;font-size:12px;padding: 0 0px;display: block;}
.NewsListBox .shell .more:before{content: ""; float:right;width:10px;height:7px;margin:6px 0 0 10px;background: url(../images/line02.png) no-repeat -10px 0px;transition: all .4s ease-in-out;}
.NewsListBox .shell li:hover a{box-shadow:0 0 20px 10px rgba(0,0,0,0.08);}
.NewsListBox .shell li:hover a{transform: scale(1.02);}
.NewsListBox .shell li:hover a:after{width: 100%;}
.NewsListBox .shell li:hover a h4{color: #0da9f3}
.NewsListBox .shell li:hover .more{color:#f60}
.NewsListBox .shell li:hover .more:before{ background-position:0 0 }
/*==新闻详细页↓==*/
.NewsDetailBox{}
.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:23px;}
.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 .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;
white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding-right:20px;}
.NewsDetailBox .relevant .list li:hover a{color:#0085d0}
.NewsDetailBox img{max-width:100%;}
/*==联系我们↓==*/
.ContactInner{padding-bottom:0px !important}
.ContactInner .long .left,.ContactInner .long .right,.ContactInner #dituContent{height: 540px;}
.ContactInner .long .left{ width:52%;}
/*.ContactInner .long .left img{display: block;max-width:100%;max-width:100%;height: 100%;object-fit: cover;}*/
.ContactInner .long .right{width:45%; border:1px #ddd solid;padding: 45px 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ContactInner .long .right .title{color:#333333;font-size:26px;}
.ContactInner .long .right .tel{ position:relative;margin-top:25px;color:#333333;font-size:14px;display: block;}
.ContactInner .long .right .tel:before{ content: ""; position: absolute; left:0px;top:32px; width:10px; height:3px; background: #0054b4;}
.ContactInner .long .right .tel:after{ content: ""; position: absolute; left:13px;top:32px; width:25px; height:3px; background: #0054b4;}
.ContactInner .long .right .tel font{margin-top:30px;font-size:30px;color:#0054b4;display: block;font-weight: bold;}
.ContactInner .long .right .wx{min-height:156px;margin-top:20px;color:#333333;font-size:14px;display: block;line-height: 26px;}
.ContactInner .long .right .add2{ margin-top:30px;color:#333333;font-size:14px;display: block;}
.ContactInner .long .right .add2 font{font-size:22px; color:#333;display: block;margin-bottom: 10px;}
.ContactInner .long .right .ewm{position: relative;float:left;color:#666666;font-size:12px; text-align: center;display: block;line-height: 15px; margin-right:80px;}
.ContactInner .long .right .ewm:after{ position: absolute; content: "";position: absolute;right:-50px;top:20%;width:1px;height:60%;border-right:1px #bbb dashed}
.ContactInner .long .right .ewm img{ display: block;margin:0 auto 5px;}
.ContactInner .long .right .online{ float:left;color:#fff;margin:50px 0 0 20px; font-size:14px; padding:8px 40px; background: #0054b4;display: block;border-radius: 20px;text-align: center;}
.ContactInner .long .right .online:hover{background: #666;}
.ContactInner .long .right .lt{}
.ContactInner .long .right .rt{margin-top:20px;width: 100%;}
.ContactInner .map{margin-top:70px}
.ContactInner .map #dituContent{height:500px;}
/*==留言2↓==*/
.message{background: #ededed;padding: 50px 0 50px 0;margin: 70px 0 0 0;overflow: hidden;}
.message form{ margin-top:30px}
.message .frame{position: relative; float:left;padding:20px 20px; /*! line-height:50px; */width:32.3%; margin:0 0.5% 1% 0.5%; background:#fff;}
.message .frame.x1 input{background: url(../images/ico101.png) no-repeat left;/*! float: left; */}
.message .frame.x2 input{background: url(../images/ico102.png) no-repeat left;}
.message .frame.x3 input{background: url(../images/ico103.png) no-repeat left;}
.message .frame.x4 textarea{background: url(../images/ico104.png) no-repeat left top;}
.message .frame.x4{width:99%;}
.message .frame input,.message .frame textarea{padding-left:30px; border:none;/*! width: 100%; *//*! float: left; */display: inline;vertical-align: top;/*! float: right; */}
.message .frame textarea{/*! width:100%; */height:100px; clear: both}
.message button.submit{float:left;width:33%; padding:18px 20px;font-size:14px; color:#fff; background: #b00700;border: none;}
.message button.submit:hover{background:#f00}
.message .yzm{margin:0 0 0 20px;}
.message .yzm input{padding:20px 20px;margin:0 10px;}
/*招聘效果*/
.JobCon{border-top:1px #ddd solid}
.JobCon .list{margin-bottom:-20px} 
.JobCon li{width:100%; clear: both;margin-bottom:20px;padding:0 40px 0px 40px;border:1px #ddd solid}
.JobCon li .top{width:100%;display: table; padding:20px 0px;}
.JobCon .top h4{/*float:left;width:28%;*/color:#333333;font-size:18px; font-weight:bold;}
.JobCon .top h4 font{display:block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.JobCon .top span{  color:#555;font-size:14px; }
.JobCon .top .mail{width:150px; color:#fff;font-size:14px;padding:10px 20px; text-align: center; background: #014ea0;}
.JobCon .top h4,.JobCon .top span,.JobCon .top .mail{display: table-cell;}
.JobCon .down{ display: none; border-top:1px #ddd solid;padding:30px 0 50px 0;overflow: hidden;}
.JobCon .option{margin-bottom:0px;display: none;}
.JobCon .option span {display: inline-block;  color:#555;font-size:14px; margin-right:20px}
.JobCon .wx{width:100%;color:#676767;font-size:14px;line-height:26px}
.JobCon .wx .tit{color:#333333;font-size:16px;margin-bottom:20px;font-weight:bold}
.JobCon .wx:last-child{}
.JobCon li .mail:hover{ background: #f60;}
.JobCon .on{border-top:1px #014ea0 solid;  background: #ededed;}
.JobCon .on .top{}
/*招聘*/
.JobInner{}
.JobInner .human{padding-top:0px}
.JobInner .human .left{float:left;width:50%}
.JobInner .human .left img{max-width:100%;display: block;}
.JobInner .human .right{float:right;width:45%;margin-top:30px;}
.JobInner .human .right p{color:#666;font-size:16px;margin-bottom:30px;}
.JobInner .human .right p strong{display: block; color:#014ea0;font-size:22px;font-weight:bold;margin-bottom:20px;}
.JobInner .human .right p:last-child{margin-bottom:0px;}
/*==发展历程↓==*/
.CourseInner{}
.CourseInner ul{ position: relative; margin: auto;width:70%}
.CourseInner ul:before{content:"";position: absolute;left: 95px;top: 5px;bottom: -10px;width:1px;height:100%;background: #ddd;}
.CourseInner ul li{clear:both;margin-bottom: 50px; display: table;}
.CourseInner ul h4,.CourseInner ul p{display: table-cell; vertical-align: top;}
.CourseInner ul h4{float: left;/*cursor:pointer;*/ width: 100px;color: #333;font-size: 18px;position: relative;margin-right: 40px;}
.CourseInner ul em{position: absolute;right:0;top: 6px;width: 8px;height: 8px;border-radius:50%;background: #aaa;transition: all .4s ease-in-out;}
.CourseInner ul em:before{content:"";position: absolute;left: 0;top: 0;right:0;bottom:0;margin: -3px;display: inline-block;width: -webkit-fill-available;height: -webkit-fill-available;width: -moz-available;height: -moz-available;border: 1px #aaa solid;border-radius:50%;transition: all .4s ease-in-out;}
.CourseInner ul li:hover h4 em{background:#0ca9f2}
.CourseInner ul li:hover h4 em:before{border-color:#0ca9f2}
.CourseInner ul p{color:#666;font-size: 16px;}
/*==案例列表↓==*/
.case-list{margin:0 0 -10px -10px}
.case-list li{float:left;width:25%;}
.case-list li .pic{padding-top:60%}
.case-list li a{ position: relative;z-index:2; display: block; margin:0 0 10px 10px;border:1px #ddd solid}
.case-list li a:before,.case-list li a:after{opacity: 0; content: ""; position: absolute;transition: all .4s ease-in-out;}
/*.case-list li a:before{left:10px;top:10px;right:10px;bottom:10px;z-index: 1; display:block;margin:10px;border:1px #fff solid;}
.case-list li a:after{ left:0;top:0;width:100%;height:100%; background: rgba(0,85,180,0.8);}*/
.case-list li h4{text-align: center;color:#666;font-size:18px;margin-top: 15px;}
.case-list li hr{display:table;margin: 15px auto;width: 30px;height:1px;border: none;background: #aaa;}
.case-list li .more{color:#666;font-size: 12px;border:1px #ddd solid;padding: 8px 20px;margin: auto;display: table;line-height: initial;}
.case-list li:hover a:before,.case-list li:hover a:after{ opacity: 1}
.case-list li:hover h4{ color:#0ca9f2}
.case-list li:hover .more{color:#fff;border-color:#0ca9f2; background:#0ca9f2}
.case-list li:hover a{border-color:#666}
/*--*/
.case-list2{}
.case-list2 li{margin-bottom: 30px;padding-bottom: 30px;border-bottom:2px #ddd solid;overflow: hidden;}
.case-list2 li .pic{float:left;width: 22%;}
.case-list2 li .box{float:right;width: 78%;padding-left: 30px;}
.case-list2 li .title{color:#555;font-size:20px;margin-bottom:20px}
.case-list2 li .title hr{display:block;margin:10px 0 0 0;width: 30px;height: 1px;border:none;background: #0da9f3;}
.case-list2 li .wx{font-size:14px}
/*.case-list2 li:last-child{margin-bottom:0px;padding-bottom:0;border:none}*/
/*--*/
.case-list3{margin:60px 0 -10px -10px}
.case-list3 h3{color:#0da9f3;font-size:26px;margin-bottom:30px; text-align:center;}
.case-list3 li{float:left;width:25%;}
.case-list3 li a{display:block; margin:0 0 10px 10px;border:1px #ddd solid;}
.case-list3 li .pic{padding-top:60%}
.case-list3 li:hover a{border-color:#666}
/*==案例详情↓==*/
.CaseDetail{}
.CaseDetail .title{ color:#000;font-size:30px;text-align: center; margin-bottom:40px;}
.CaseDetail .tit{color:#353535;font-size:25px;margin-bottom:20px}
.CaseDetail .details{margin-top:40px}
.CaseDetail .details .wx{padding:30px;color:#666;font-size:14px;line-height:26px; background: #f4f4f4;}
.CaseDetail .relevant{margin-top:50px;}
/*==滚动图↓==*/
.srllPic{ position: relative; padding:0 220px;width: 100%;margin: auto;}
.srllPic .gallery-top{}
.srllPic .gallery-top li img{max-width:100%;width:100%;display: block}
.srllPic .gallery-thumbs{padding-top:15px;}
.srllPic .gallery-thumbs li{ width: 20%;height: 100%; border:2px #ddd solid; cursor: pointer;}
.srllPic .gallery-thumbs li.swiper-slide-thumb-active{ border:2px #0054b4 solid;}
.srllPic .gallery-thumbs li img{max-width:100%;width:100%;display: block}
.srllPic .btn{ opacity: 1;left:7%; width:50px;height:50px;line-height:45px;border-radius: 50%;margin: 0px;text-align:center; /*! border-radius: 5px; */color:#8a8a8a;font-size:40px;  background-image:none; background-color:rgba(0, 0, 0, 0.18); background-position:center; background-repeat:no-repeat ;background-size: auto;}
.srllPic .btn.next{left:auto;right:7%;}
.srllPic .btn:before{ /*! display: block; */ margin: 0px;padding: 0px;}
/*.srllPic .btn.next{transform:rotate(180deg);}*/
.srllPic .btn:hover{color:#fff; background-color:#0055b4;}
.srllPic .swiper-button-disabled{opacity: .5;}
/*.srllPic .btn:hover{ opacity: 1;}*/
/*==list-box 图片款 久↓==*/
.list-box{margin:0 0 -20px -20px; display: flex;flex-flow: row wrap;align-content: flex-start;}
.list-box li{ width:25%; }
.list-box li img{max-width:100%;width:100%;}
.list-box li a{display:block;margin:0 0 20px 20px}
.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: 16px;text-align: center;padding:12px 0;}
.list-box li:hover h4{color:#0054b4;}
/*==解决方案详情===*/
.SolveDetail{padding-bottom:0px;overflow: hidden;}
/*.SolveDetail .long{}
.SolveDetail .title{position: relative;color:#1a1a1a;font-size:36px;padding-bottom: 25px;margin-bottom: 30px;}
.SolveDetail .title:before{content:"";position: absolute;left:0;bottom:0;width: 30px;height: 2px;background: #0ca9f2;}
.SolveDetail .title.cen{ text-align: center;}
.SolveDetail .title.cen:before{left:50%; margin-left:-15px;}
.SolveDetail .long .pic{width: 46%;}
.SolveDetail .long .pic img{display: block;max-width: 100%;}
.SolveDetail .long .box{width: 54%;padding:0 50px 0 50px;}
.SolveDetail .long .wx{color:#666;font-size:14px;line-height: 24px;}
.SolveDetail .long:nth-of-type(even) .box{padding:50px 50px 0 0;}
.SolveDetail .long:last-child{margin-bottom:0px;}
.SolveDetail .value{position: relative;}
.SolveDetail .value:before{content: ""; position: absolute;left:-50%;top:0;width:200%;height:100%; background: #f5f5f5;}*/
/*简介*/
.pageThr{}
.pageThr .left{width:55%}
.pageThr .right{width:45%;padding:0 0 40px 40px}
.pageThr .right .list li{height:350px;}
.pageThr .right .list img{width: 100%;height:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pageThr .btn{width:50px;height: 60px;line-height: 60px;color:#fff;text-align: center;font-size: 40px;background:rgba(0,0,0,0.5);}
.pageThr .btn:hover{background:#0ca9f2}
/*==底部===*/
.footer{padding: 60px 0 20px 0;background: #060c14;overflow: hidden;}
.footer .nav h3{ color:#fff;font-size:18px;margin-bottom:20px;}
.footer .nav{position:relative;display: table;margin-bottom: 30px;width: 65%;}
.footer .nav li{/*! display: table-cell; */padding-right: 15px;float: left;width: 25%;}
.footer .nav li a{ display: block;color:#cccccc;font-size:14px;padding:3px 0;}
.footer .nav li a:hover{color:#fff}
.footer .right{width: 35%;border-left:1px #313131 solid;padding-left: 100px;}
.footer .right .block{display: block;}
.footer .right .pic{ margin-bottom:30px;}
.footer .right .tel{color:#0ca9f2;font-size:24px;padding: 10px 0 10px 60px;margin-bottom:30px;background:url(../images/telico01.png) no-repeat left;}
.footer .right .ico{color:#fff;font-size:14px;margin-bottom:20px;}
.footer .right .ico a{display: inline-block;color:#999;font-size:22px;margin-right:10px;font-family: "iconfont";}
.footer .right .ewm{color:#fff;font-size:14px;}
.footer .right .ewm img{width: 80px;float:left;margin-right: 20px;}
.footer .link{color:#ccc;font-size:14px;display: table; margin:50px auto 0}
.footer .link h3,.footer .link a{display: inline-block; color:#ccc;font-size:14px;margin-right:15px}
.footer .link a:hover{color:#fff}
.footer .copy{position:relative;color:#ccc;font-size:14px;text-align: center;margin-top:20px;padding-top:20px}
.footer .copy:before{content: "";position: absolute;left:-50%;top:0;width:200%;height:1px;background: #333;}
.footer .copy a{display: inline-block;color:#ccc;font-size:14px;}
.footer .copy a:hover{color:#fff}