@charset "utf-8";
/*
 * 全球搜首页样式表
 * -----------------------------------
 * FOR：首页
 * TIME:2018-10
 */

/* 清除浮动 */
.clearfix:after,.layer-bd:after,.adv-items:after,.layer-about .about-cell:after,.layer-tech .tech-items:after,.says-slider ul:after,.layer-news .news-slider:after,.news-slider .news-items:after,.news-slider .news-items:after,.map-side-list:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.clearfix,.layer-bd,.adv-items,.layer-about .about-cell,.layer-tech .tech-items,.says-slider ul:after,.partner-items,.parter-slider,.layer-news .news-slider,.news-slider .news-items,.news-slider .news-items,.map-side-list{*zoom:1;}

/* 标题 */
.index-layer .layer-hd{margin-bottom:40px;text-align:center;font-size:14px;}
.index-layer .layer-hd .hd-title{display:inline-block;font-size:36px;line-height:1.3;padding:0 30px 15px;background-position:center bottom;background-repeat:no-repeat;background-image:url(../img/index/layer_hd_bg.png);}
.index-layer .layer-hd .hd-title,.index-layer .layer-hd .hd-title a{color:#333357;}
.index-layer .layer-hd .hd-more{position:absolute;vertical-align:middle;display:inline-block;padding:0 2px;line-height:20px;border-radius:2px;font-family:'Candara';font-size:12px;color:#333357;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;margin-top:15px;border-radius:15px;font-weight:bold;}
.index-layer .layer-hd .hd-more:hover{color:#000;font-weight:bold;}
.index-layer .layer-hd .hd-more:before{content:'';display:block;width:0%;height:1px;border-bottom:1px dotted;position:absolute;left:50%;bottom:0;opacity:0;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.index-layer .layer-hd .hd-more:hover:before{width:100%;left:0;opacity:1;}
.index-layer .layer-hd .hd-desc{padding-top:8px;}
.index-layer .layer-hd .hd-desc em{color:#257dff;font-style:normal;}

/* 字体 */
@font-face {font-family:'HelveticaNeueLTPro';src:url("../fonts/HelveticaNeueLTPro/HelveticaNeueLTPro-ThEx.eot?v=4.5.0");src:url("../fonts/HelveticaNeueLTPro/HelveticaNeueLTPro-ThEx.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("../fonts/HelveticaNeueLTPro/HelveticaNeueLTPro-ThEx.woff2?v=4.5.0") format("woff2"), url("../fonts/HelveticaNeueLTPro/HelveticaNeueLTPro-ThEx.woff?v=4.5.0") format("woff"), url("../fonts/HelveticaNeueLTPro/HelveticaNeueLTPro-ThEx.ttf?v=4.5.0") format("truetype"), url("../fonts/HelveticaNeueLTPro/HelveticaNeueLTPro-ThEx.svg") format("svg");font-weight:normal;font-style:normal;}
.index-layer .layer-hd .hd-title,.adv-item .item-ico,.about-cell .cell-hd,.layer-tech .tech-item,.says-item .says-tit,.news-item .item-tit{font-family:'Microsoft YaHei','微软雅黑';}

/* transition */
.layer-about .about-cell .player-btn,.about-cell .btn-ico,.about-cell .btn-txt,.layer-tech .tech-item,.news-item .item-more a:after{-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.layer-about .about-cell .cell-img a:hover img,.layer-about .about-cell .cell-img a:hover:before{-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}




/* ===================================================
                                          页面主体
                                             =================================================== */

/* --------------------------
   关于
   -------------------------- */
.layer-about{padding-top:45px;padding-bottom:45px;}
.layer-about .adv-items{}
.layer-about .adv-item{width:20%;float:left;text-align:center;margin-bottom:25px;font-size:14px;}
.layer-about .adv-item .item-ico{display:inline-block;width:88px;height:78px;line-height:78px;padding-bottom:10px;text-align:center;background-position:center;background-repeat:no-repeat;color:#f22248;font-size:22px;font-weight:bold;background-image:url(../img/index/adv_ico_bg.png);}
.layer-about .adv-item .item-txt{display:block;font-size:14px;padding-top:18px;}
.layer-about .adv-item:hover .item-ico{-webkit-animation:1.2s jump linear infinite;animation:1.2s jump linear infinite;}
.layer-about .about-cell{margin:0 20px;padding-top:20px;}
.layer-about .about-cell .cell-img{width:46%;float:left;position:relative;box-shadow:2px 2px 8px rgba(0,0,0,0.3);background-color:#eee;}
.layer-about .about-cell .cell-img img{display:block;width:100%;}
.layer-about .about-cell .cell-img a{color:#c9e4ff;}
.layer-about .about-cell .cell-img a:before{background-color:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000,endColorstr=#C8000000);}
.layer-about .about-cell .cell-img a:hover:before{opacity:0.5;filter:alpha(opacity=50);}
.layer-about .about-cell .player-btn{display:block;width:100%;position:absolute;left:0;top:50%;margin-top:-47px;z-index:1;text-align:center;}
.layer-about .about-cell .btn-ico{display:inline-block;width:66px;height:66px;line-height:66px;text-align:center;color:#a2cbf3;font-size:28px;border:4px solid #79bcfa;border-radius:50%;background-color:rgba(23,80,180,0.8);z-index:1;vertical-align:middle;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);}
.layer-about .about-cell .btn-ico:before{font-family:'iconfont';content:'\e669';}
.layer-about .about-cell .btn-txt{display:block;font-size:14px;line-height:20px;padding-top:4px;font-style:normal;}
.layer-about .about-cell .cell-img a:hover {color:#fff;}
.layer-about .about-cell .cell-img a:hover .btn-ico{color:#fff;border-color:#daf2ff;-webkit-transform:translateY(13px);-ms-transform:translateY(13px);-o-transform:translateY(13px);transform:translateY(13px);border-radius:35px 85px 85px 35px / 60px 60px 60px 60px;}
.layer-about .about-cell .cell-img a:hover .btn-ico:hover{background-color:#0084ff;}
.layer-about .about-cell .cell-img a:hover .btn-txt{opacity:0;-webkit-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);}
.layer-about .about-cell .cell-bd{width:48%;float:right;background:url(../img/index/about_map.png);-webkit-background-size:contain;background-size:contain;}
.layer-about .about-cell .cell-hd{padding-top:8px;}
.layer-about .about-cell .cell-hd,.layer-about .about-cell .cell-hd a{color:#333357;}
.layer-about .about-cell .hd-title{font-size:30px;line-height:1.3;padding-bottom:15px;letter-spacing:0.2em;}
.layer-about .about-cell .hd-desc{display:inline-block;position:relative;font-size:24px;padding-right:20px;border-top:1px solid;}
.layer-about .about-cell .cell-cont{padding-top:20px;font-size:14px;}
.layer-about .about-cell .learn-more{padding-top:25px;text-align:right;}
.layer-about .about-cell .sys-btn{border-radius:3px;}

/* --------------------------
   核心技术
   -------------------------- */
.layer-tech{padding-top:45px;padding-bottom:60px;background-color:#f6f6f6;position:relative;z-index:1;}
.layer-tech .layer-bd{padding-top:15px;}
.layer-tech .tech-items {margin:0 -55px;}
.layer-tech .tech-item{width:20%;font-size:18px;float:left;text-align:center;line-height:1.3;}
.layer-tech .tech-item,.layer-tech .tech-item a{color:#333357;}
.layer-tech .tech-item .item-hd,.layer-tech .tech-item .item-bd{display:block;width:150px;height:135px;padding-top:15px;background-color:#fff;border-radius:50%;margin:0 auto;box-shadow:0 10px 15px rgba(0,0,0,0.03);}
.layer-tech .tech-item .item-hd{position:relative;-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border:2px solid #fff;}
.layer-tech .tech-item .item-hd:before{content:'';display:block;width:120%;height:0;padding:60% 0;background-color:rgba(120,160,230,0.18);border-radius:50%;position:absolute;left:-10%;top:50%;-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0);z-index:-1;}
.layer-tech .tech-item .txt{display:block;}
.layer-tech .tech-item .num-box{display:block;color:#257dff;font-size:32px;padding:10px 0;font-family:'HelveticaNeueLTPro';font-weight:bold;}
.layer-tech .tech-item .item-arrow{display:block;width:30px;height:45px;margin:30px auto;position:relative;/*-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;*/}
.layer-tech .tech-item .item-arrow:before,.layer-tech .tech-item .item-arrow:after{content:'';display:block;width:100%;height:100%;background:url(../img/index/tech_ico_arrow.png) center 0 no-repeat;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.layer-tech .tech-item .item-arrow:before{opacity:0.5;filter:alpha(opacity=50);visibility:visible;}
.layer-tech .tech-item .item-arrow:after{opacity:0;filter:alpha(opacity=0);visibility:hidden;-webkit-transform:scale(0.5) translateY(150%);-ms-transform:scale(0.5) translateY(150%);-o-transform:scale(0.5) translateY(150%);transform:scale(0.5) translateY(150%);position:absolute;left:0;top:0;}
.layer-tech .tech-item .item-bd{padding-top:13px;height:137px;}
.layer-tech .tech-item .item-ico{display:block;width:90px;height:90px;margin:0 auto -6px;background-image:url(../img/index/tech_icos.png);background-repeat:no-repeat;}
.layer-tech .tech-item .item-ico-1{background-position:0 0;}
.layer-tech .tech-item .item-ico-2{background-position:-90px 0;}
.layer-tech .tech-item .item-ico-3{background-position:-180px 0;}
.layer-tech .tech-item .item-ico-4{background-position:-270px 0;}
.layer-tech .tech-item .item-ico-5{background-position:-360px 0;}
.layer-tech .tech-item:hover .item-hd{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px);box-shadow:0 5px 20px rgba(0,0,0,0.06);}
.layer-tech .tech-item:hover .item-hd:before{-webkit-animation:btnWave 2s ease;animation:btnWave 2s ease infinite;-webkit-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:0.6s;-o-animation-delay:0.6s;animation-delay:0.6s;}
.layer-tech .tech-item:hover .item-hd{border-color:#257dff;}
.layer-tech .tech-item:hover .item-arrow{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);}
.layer-tech .tech-item:hover .item-arrow:before{opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:scale(0.5) translateY(-100%);-ms-transform:scale(0.5) translateY(-100%);-o-transform:scale(0.5) translateY(-100%);transform:scale(0.5) translateY(-100%);visibility:hidden;}
.layer-tech .tech-item:hover .item-arrow:after{opacity:0.8;filter:alpha(opacity=80);-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:scale(1) translateY(0%);-ms-transform:scale(1) translateY(0%);-o-transform:scale(1) translateY(0%);transform:scale(1) translateY(0%);visibility:visible;}


/* --------------------------
   客户心声
   -------------------------- */
.layer-customer{padding-top:45px;padding-bottom:45px;}
.layer-customer .layer-bd{padding-top:20px;padding-left:20px;padding-right:20px;}
.customer-says {overflow:hidden;}
.customer-says .says-item{/*width:50%;float:left;*/-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.customer-says .says-item .item-inner{height:145px;margin-left:30px;border:1px solid #e8eaef;border-radius:5px;padding:15px 15px 0 55px;position:relative;}
.customer-says .says-item:hover{box-shadow:0 50px 25px -50px rgba(0,0,0,0.1);}
.customer-says .says-item .says-tit{height:1.5em;line-height:1.5em;overflow:hidden;font-weight:normal;font-size:14px;margin-bottom:10px;}
.customer-says .says-item .says-tit,.customer-says .says-item .says-tit a{color:#00008e;}
.customer-says .says-item .says-desc{margin-top:8px;height:88px;line-height:22px;overflow:hidden;}
.customer-says .says-item .says-avatar,.customer-says .says-item .says-avatar img {display:block;width:60px;height:60px;border-radius:85px 45px 45px 85px / 65px 65px 65px 65px;overflow:hidden;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.customer-says .says-item .says-avatar{border:1px solid #e8eaef;position:absolute;left:-30px;top:50%;margin-top:-36px;padding:5px;background-color:#fff;}
.customer-says .says-item .say-desc{max-height:8em;line-height:2em;overflow:hidden;}
.customer-says .says-item:hover .says-avatar,.customer-says .says-item:hover .says-avatar img{border-radius:45px 85px 85px 45px / 65px 65px 65px 65px;border-color:#ccc;background-color:#fff;}
.customer-video {padding-top:70px;overflow:hidden;}
.customer-says .owl-slide-item .says-item{margin-bottom: 15px;}
.customer-video .video-slider{margin:0;}
.customer-video .video-item{/*width:33.3333%;float:left;overflow:visible;margin-right:30px;*/}
.customer-video .video-item .item-inner{border:1px solid #e8eaef;border-radius:5px;padding:6px;margin:0;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.customer-video .video-item .item-img,.customer-video .video-item .item-img a,.customer-video .video-item .item-img img{display:block;}
.customer-video .video-item .item-img a{position:relative;overflow:hidden;}
.customer-video .video-item .item-img img{width:100%;height:auto;}
.customer-video .video-item .vd-btn-ico{display:inline-block;width:48px;height:48px;line-height:48px;margin-left:-27px;margin-top:-27px;opacity:0.85;filter:alpha(opacity=85);font-size:22px;text-align:center;vertical-align:middle;border:3px solid #257dff;color:#257dff;border-radius:50%;position:absolute;left:50%;top:50%;background-color:rgba(255,255,255,0.1);opacity:0.7;filter:alpha(opacity=70);z-index:1;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);}
.customer-video .video-item .vd-btn-ico:before{font-family:'iconfont';content:'\e669';}
.customer-video .video-item .vd-btn-txt{display:inline-block;width:110px;height:40px;line-height:40px;text-align:center;background-color:#257dff;color:#fff;font-size:14px;border-radius:20px;position:absolute;left:50%;top:50%;margin-left:-55px;margin-top:-20px;z-index:1;font-family:'Microsoft YaHei';-webkit-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;transition-delay:0.3s;}
.customer-video .video-item .item-tit{font-weight:normal;font-size:12px;text-align:center;}
.customer-video .video-item .item-tit a{display:block;height:23px;line-height:23px;overflow:hidden;padding:8px 15% 0;}
.customer-video .video-item:hover .vd-btn-ico{background-color:#257dff;color:#fff;opacity:0.8;filter:alpha(opacity=80);-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;border-radius:35px 85px 85px 35px / 60px 60px 60px 60px;}
.customer-video .video-item .item-inner:hover{box-shadow:0 10px 25px -10px rgba(0,0,0,0.1);}


/* --------------------------
   客户案例
   -------------------------- */
.layer-cases{background-color:#f2f3f8;padding-top:45px;padding-bottom:45px;}
.layer-cases .cases-items .slide-item{padding:4px 0 0;}
.layer-cases .cases-items .slide-case-item,.layer-cases .cases-items .slide-case-item a{color:#fff;}
.layer-cases .cases-items .slide-case-item,.layer-cases .cases-items .slide-case-item a,.layer-cases .cases-items .slide-case-item .case-img img{height:auto;}
.layer-cases .cases-items .slide-case-item .case-img img{display:block;width:100%;}
.layer-cases .cases-items .slide-case-item{width:33.3333%;*margin-right:-1px;float:left;position:relative;}
.layer-cases .cases-items .slide-case-item a{display:block;position:relative;margin:6px;outline:4px solid rgba(0,0,0,0);position:relative;overflow:hidden;}
.layer-cases .cases-items .slide-case-item .case-img,.layer-cases .cases-items .slide-case-item  img{display:block;}
.layer-cases .cases-items .slide-case-item .case-name{display:block;width:100%;height:42px;line-height:42px;overflow:hidden;text-align:center;background-color:rgba(0,0,0,.7);color:#fff;font-size:14px;position:absolute;left:0;bottom:0;z-index:1;background-color:#000\9;filter:alpha(opacity=70);}
.layer-cases .cases-items .slide-case-item:hover .case-name{height:40%;padding:60% 0 0;font-size:18px;}
.layer-cases .cases-items .slide-case-item .case-btn-view{display:block;width:126px;height:35px;line-height:35px;border-radius:3px;text-align:center;background-color:rgba(0,119,252,.8);background-color:#0077fc\9;visibility:hidden;position:absolute;left:50%;margin-left:-63px;top:30%;z-index:9;font-size-adjust:none;font-size:14px;font-weight:normal;-moz-transform:translateY(-15px);-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px);opacity:0;filter:alpha(opacity=0);}
.layer-cases .cases-items .slide-case-item .case-btn-view:hover{background-color:rgba(0,119,252,1);}
.layer-cases .cases-items .slide-case-item a:hover .case-btn-view{visibility:visible;opacity:1;filter:alpha(opacity=100);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.layer-cases .cases-items .slide-case-item,.layer-cases .cases-items .slide-case-item .case-name,.layer-cases .cases-items .slide-case-item .case-btn-view,.layer-cases .cases-items .slide-case-item:after,.cases-items .slide-case-item .case-img img{-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.layer-cases .cases-items .slide-case-item:hover .case-btn-view{-webkit-transition-delay:.2s;transition-delay:.2s;}
.layer-cases .cases-items .slide-case-item:hover .case-name{background-color:rgba(0,0,0,.7);}
.layer-cases .cases-items .slide-case-item:hover .case-img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.layer-partner .parter-item{-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.layer-partner .parter-item:hover{box-shadow:0 10px 15px -10px rgba(0,0,0,0.1);}

/* --------------------------
   新闻动态
   -------------------------- */
.layer-news{padding-top:45px;padding-bottom:45px;background-color:#f2f3f8;}
.layer-news .layer-bd{padding-left:30px;padding-right:30px;}
.layer-news .news-slider{overflow:hidden;padding-top:10px;margin-top:-10px;}
.layer-news .news-item{/*width:33.3333%;float:left;margin-right:20px;*/-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.layer-news .news-item .item-inner{margin:0 5px;}
.layer-news .news-item .item-img,.layer-news .news-item .item-img im{border-radius:5px 5px 0 0;}
.layer-news .news-item .item-img,.layer-news .news-item .item-img a{display:block;overflow:hidden;}
.layer-news .news-item .item-img:before{opacity:0.3;}
.layer-news .news-item .item-img img{display:block;width:100%;height:auto;}
.layer-news .news-item .item-img a:before{opacity:0.2;}
.layer-news .news-item .item-info{background-color:#fff;border:1px solid #e8eaef;padding:5px 18px;border-radius:0 0 5px 5px;}
.layer-news .news-item .item-tit{font-size:18px;font-weight:normal;margin-bottom:15px;}
.layer-news .news-item .item-tit,.layer-news .news-item .item-tit a{color:#257dff;}
.layer-news .news-item .item-tit a{display:block;height:48px;line-height:48px;overflow:hidden;position:relative;}
.layer-news .news-item .item-tit a:after,.layer-news .news-item .item-tit a:before{content:'';display:block;position:absolute;bottom:0;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.layer-news .news-item .item-tit a:after{width:100%;height:1px;background-color:#eee;left:0;}
.layer-news .news-item .item-tit a:before{left:0%;width:0%;border-bottom:2px solid #257dff;bottom:1px;-webkit-transition-delay:0.4s;-o-transition-delay:0.4s;transition-delay:0.4s;z-index:1;opacity:0;}
.layer-news .news-item .item-desc{height:180px;line-height:30px;overflow:hidden;margin-bottom:20px;}
.layer-news .news-item .item-more{padding:15px 0 10px;text-align:center;border-top:1px solid #e8eaef;}
.layer-news .news-item .item-more a{display:block;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.layer-news .news-item .item-more a:after{font-family:'iconfont';content:'\e90e';padding-left:6px;font-size:15px;vertical-align:middle;}
.layer-news .news-item .item-more a:hover:after{background-position:0 0;}
.layer-news .news-item .item-more a:hover{padding-left:1em;}
.layer-news .news-item:hover{box-shadow:0 20px 25px -20px rgba(0,0,0,0.1);}
.layer-news .news-item:hover .item-tit a:before{left:0;width:100%;opacity:1;}
/*.layer-news .news-item:hover .item-tit a:after{width:50%;left:25%;background-color:#257dff;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;}*/

/* --------------------------
   全国运营中心
   -------------------------- */
.layer-service{padding-top:45px;padding-bottom:45px;}
.layer-service .layer-bd{display:table;width:100%;}
.layer-service .service-side,.layer-service .service-main{display:table-cell;vertical-align:middle;}
.layer-service .service-side{width:190px;padding-left:40px;}
.layer-service .service-side .side-hd{padding:15px 0;text-align:center;}
.layer-service .service-side .side-hd,.layer-service .service-side .side-hd a{color:#257dff;}
.layer-service .service-side .side-title{display:inline;font-size:14px;font-weight:normal;vertical-align:middle;}
.layer-service .service-side .side-hd:before{content:'';display:inline-block;width:10px;height:10px;border:6px solid #bfe7f5;background-color:#257dff;border-radius:50%;margin-right:5px;vertical-align:middle;}
.layer-service .service-side .map-side-list li {margin-bottom: 5px;}
.layer-service .service-side .map-side-list li a{display:block;height:36px;line-height:36px;background-color:#f6f6f6;text-align:center;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;cursor: pointer;}
.layer-service .service-side .map-side-list li a:hover,.layer-service .service-side .map-side-list li.active a{background-color:#257dff\9;}
.layer-service .service-side .map-side-list li a:hover{color: #fff;}
.layer-service .service-side .map-side-list li a:before{content: '';display: block;width: 0%;height: 100%;background-color: #257dff;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);z-index: -1;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.layer-service .service-side .map-side-list li a:hover:before{width: 100%;opacity: 1;filter: alpha(opacity=100);}
.layer-service .service-main{padding-right:40px;}
.layer-service .service-map{width:881px;height:826px;background:url(../img/index/map_bg.png) 0 0 no-repeat;position:relative;float:right;}
.area-box .dot,.area-box .pulse{background:#a2a9b4;position:absolute;display:inline-block}
.region-list{position:absolute;left:0;top:0;line-height:1.5}
@-webkit-keyframes warn{0%{-webkit-transform:scale(0);opacity:0}30%{-webkit-transform:scale(0);transform:scale(0);opacity:.1}60%{-webkit-transform:scale(.5);transform:scale(.5);opacity:.5}100%{-webkit-transform:scale(1);opacity:0}}
@keyframes warn{0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}30%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:.1}60%{-webkit-transform:scale(.5);-moz-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);opacity:.5}100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}}
.area-box .dot{left:0;width:16px;height:16px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;opacity:1}
.area-box .pulse{top:-36px;left:-36px;height:88px;width:88px;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;opacity:.12;display:none;}
.region-list.active.animate-active .show-regin span{-webkit-animation:jump 0.8s linear infinite;animation:jump 0.8s linear infinite;}
.service-map .animate-active .pulse{-webkit-animation:warn 2s ease-out infinite;animation:warn 2s ease-out infinite;display:block;}
.service-map .animate-active
.region-list.active .area-box .dot,.region-list.active .area-box .pulse{background:#009fd9}
.region-list.waite .area-box .dot,.region-list.waite .area-box .pulse{background:#f90}
.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.show-regin span{width:40px;display:inline-block;position:absolute;left:-24px;top:-34px;padding:6px 10px;color:#fff;background:#a2a9b4;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}
.postition-6 .show-regin span{left:-43px}
.postition-10 .show-regin span,.postition-11 .show-regin span,.postition-12 .show-regin span,.postition-18 .show-regin span,.postition-20 .show-regin span,.postition-21 .show-regin span,.postition-22 .show-regin span{left:-5px}
.show-regin{z-index:1}
.region-list.active .show-regin span{position:relative;color:#fff;background:#009fd9;text-align:center;}
.region-list.active .show-regin span:before{content:"";position:absolute;left:50%;margin-left:-6px;bottom:-10px;border:6px solid transparent;border-top-color:#009fd9}
.postition-6.region-list.active .show-regin span:before{left:59px;margin-left:-16px}
.postition-10.region-list.active .show-regin span:before,.postition-11.region-list.active .show-regin span:before,.postition-12.region-list.active .show-regin span:before,.postition-18.region-list.active .show-regin span:before,.postition-20.region-list.active .show-regin span:before,.postition-21.region-list.active .show-regin span:before,.postition-22.region-list.active .show-regin span:before{left:11px;margin-left:-6px}
.region-list.waite .show-regin span{color:#fff;background:#f90}
.region-list.waite .show-regin span:before{content:"";position:absolute;left:50%;margin-left:-6px;bottom:-10px;border:6px solid transparent;border-top-color:#f90}
.region-list.underline-node .show-regin span:before{content:"";position:absolute;left:50%;margin-left:-6px;bottom:-10px;border:6px solid transparent;border-top-color:#a2a9b4}
.postition-1{left:341px;top:341px}
.postition-2{left:454px;top:444px}
.postition-3{left:406px;top:575px}
.postition-4{left:534px;top:390px}
.postition-5{left:590px;top:435px}
.postition-6{left:595px;top:575px}
.postition-7{left:730px;top:225px}
.postition-8{left:644px;top:247px}
.postition-9{left:708px;top:413px}
.postition-10{left:710px;top:490px}
.postition-11{left:680px;top:323px}
.postition-12{left:685px;top:540px}
.postition-13{left:525px;top:260px}
.postition-14{left:640px;top:510px}
.postition-15{left:730px;top:170px}
.postition-16{left:670px;top:450px}
.postition-17{left:540px;top:670px}
.postition-18{left:600px;top:385px}
.postition-19{left:560px;top:520px}
.postition-20{left:708px;top:445px}
.postition-21{left:645px;top:275px}
.postition-22{left:500px;top:470px}
.postition-23{left:570px;top:285px}
.postition-24{left:605px;top:335px}
.postition-25{left:760px;top:110px}
.postition-26{left:530px;top:610px}
.postition-27{left:480px;top:335px}
.postition-28{left:440px;top:380px}
.postition-29{left:490px;top:535px}
.postition-30{left:200px;top:200px}
.postition-31{left:150px;top:400px}
.postition-32{left:625px;top:600px}
.postition-33{left:745px;top:540px}
.region-list.postition-4 .show-regin span{position: absolute;}
.region-list.postition-2 .show-regin span,.region-list.postition-4 .show-regin span{left: auto; right: 25px;top: -6px;}
.region-list.postition-2  .show-regin span:before,.region-list.postition-4 .show-regin span:before{border-top-color: transparent;border-left-color: #009fd9;left: 100%;margin-left: 0;top: 50%;margin-top: -6px;bottom: auto;}
.region-list.postition-2  .show-regin span:before{border-left-color: #f90;}
.region-list.postition-2  .show-regin span{width: auto;white-space: nowrap;}
.postition-21 .show-regin span,.postition-11 .show-regin span,.postition-32 .show-regin span,.postition-33 .show-regin span{left:25px;top:-8px;}
.postition-21.region-list.active .show-regin span:before,.postition-11.region-list.active .show-regin span:before,.postition-32.region-list.active .show-regin span:before,.postition-33.region-list.active .show-regin span:before{border-top-color:transparent;border-right-color:#009fd9;bottom:auto;left:-6px;top:9px;}

@media screen and (max-width:1280px){
   .layer-tech .tech-items{margin:0 -20px;}
   .layer-tech .tech-item .item-hd,.layer-tech .tech-item .item-bd{font-size:16px;width:135px;height:120px;}
   .layer-tech .tech-item .num-box{font-size:30px;padding-top:8px;padding-bottom:8px;}
   .layer-tech .tech-item .item-bd{padding-top:0;height:130px;}
   .layer-service .layer-bd,.layer-service .service-side, .layer-service .service-main{display:block;width:auto;}
   .layer-service .service-side{padding-left:0;}
   .layer-service .service-main{padding-right:0;}
   .service-side .map-side-list li{width:25%;float:left;padding:5px 0;}
   .service-side .map-side-list li a{margin:0 5px;}
   .layer-service .service-map{float: none;margin: 0 auto;}
}
@media screen and (max-width:768px){
   .slider-banner-controls .gd-layout{height:auto;}
   .slider-banner-controls .slider-button-prev, .slider-banner-controls .slider-button-next{display:none;}
   .slider-banner-controls .swiper-pagination{display:block;position:static;}
   .slider-banner-controls .swiper-pagination li{display:inline-block;}
   .slider-banner-controls .swiper-pagination .swiper-page-item{display:inline-block;padding-top:0;}
   .slider-banner-controls .swiper-pagination .swiper-page-tit,.slider-banner-controls .swiper-pagination .swiper-page-txt{display:none;}
   .index-layer .layer-hd .hd-title{font-size:30px;}
   .index-layer .layer-hd .hd-more{margin-top:11px;}
   .layer-about{text-align:center;}
   .layer-about .adv-item{display:inline-block;width:30.3333%;float:none;}
   .layer-about .about-cell{margin-left:0;margin-right:0;}
   .layer-about .about-cell .cell-img,.layer-about .about-cell .cell-bd{width:100%;float:none;}
   .layer-about .about-cell .cell-img{margin-bottom:25px;}
   .layer-about .about-cell .learn-more{text-align:center;}
   .layer-tech .layer-bd{padding-top:0;}
   .layer-tech .tech-item{width:33.3333%;padding:30px 0;}
   .layer-tech .tech-item:nth-child(4){padding-left:16.6666%;}
   .layer-news .news-items{font-size:0;text-align:center;}
   .layer-news .news-item{width:50%;font-size:12px;float:none;display:inline-block;}
   .layer-customer .layer-bd{padding-left:0;padding-right:0;}
   .customer-video{padding-top:50px;}
   .customer-video .video-item{margin-bottom:16px;}
   .layer-cases .cases-items{margin:0 -5px;}
   .layer-cases .cases-items .slide-case-item{width:50%;}
   .layer-cases .cases-items .slide-case-item a{margin:5px;}
   .layer-news .layer-bd{padding-left:0;padding-right:0;}
   .layer-news .news-items{}
   .layer-news .news-item{margin-bottom:5px;width:100%;float:none;display:block;}
   .layer-news .news-item .item-inner{margin-left:0;margin-right:0;}
   .layer-news .news-item .item-desc{height:auto;}
   #fp-nav{display:none;}
   .gd-footer .foot-advs,.gd-footer .foot-contact,.gd-footer .foot-qrcode{width:100%;float:none;padding:20px 0;}
}



@media screen and (max-width:420px){
   .slide-banner-layer{margin-bottom:20px;}
   .slider-banner-controls .swiper-pagination .swiper-page-ico{width:6px;height:6px;}
   .index-layer .layer-hd{margin-bottom:25px;}
   .index-layer .layer-hd .hd-title{font-size:24px;padding-left:20px;padding-right:20px;}
   .index-layer .layer-hd .hd-more{margin-top:9px;}
   .layer-about{padding-top:20px;}
   .layer-about .adv-items{font-size:0;}
   .layer-about .adv-item{margin-bottom:15px;font-size:12px;}
   .layer-about .adv-item{width:33.3333%;vertical-align:middle;font-size:12px;float:none;}
   .layer-about .adv-item .item-ico{font-size:14px;width:70px;height:70px;line-height:70px;-webkit-background-size:contain;background-size:contain;}
   .layer-about .adv-item .item-name{padding:0 5px;line-height:1.5;}
   .layer-about .about-cell .btn-ico{width:55px;height:55px;line-height:55px;font-size:22px;}
   .layer-about .about-cell .btn-txt{font-size:12px;padding-top:0;}
   .layer-about .about-cell .hd-title{font-size:24px;}
   .layer-about .about-cell .hd-desc{padding-right:0;display:block;font-size:18px;}
   .layer-tech .tech-items{margin:auto;}
   .layer-tech .tech-item{width:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:5px;padding-top:15px;padding-bottom:15px;margin-bottom:10px;}
   .layer-tech .tech-item .item-hd,.layer-tech .tech-item .item-bd{height:auto;}
   .layer-tech .tech-item .item-hd{box-shadow:none;padding-top:5px;border:0;}
   .layer-tech .tech-item .item-hd:before{display:none;}
   .layer-tech .tech-item .item-bd{box-order:-1;-webkit-box-order:-1;-moz-box-order:-1;order:-1;-webkit-order:-1;background:none;box-shadow:none;}
   .layer-tech .tech-item .item-ico{-webkit-transform:scale(0.85);-ms-transform:scale(0.85);-o-transform:scale(0.85);transform:scale(0.85);margin-top:-10px;}
   .layer-tech .tech-item .num-box{line-height:1.2;font-size:24px;padding-top:15px;padding-bottom:5px;}
   .layer-tech .tech-item:nth-child(4){padding-left:0;}
   .layer-tech .tech-item .item-arrow{display:none;}
   .layer-tech .tech-item:hover .item-hd{color:#333357;background:none;box-shadow:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
   .layer-tech .tech-item:hover .item-hd .num-box{color:#257dff;}
   .layer-news .news-item{display:block;width:auto;}
   .layer-news .news-item .item-desc{max-height:90px;}
   .layer-tech .tech-item:last-child{margin-bottom:0;}
   .layer-customer .layer-bd{padding-top:0;} 
   .customer-video{padding-top:25px;}
   .customer-video .video-item{margin-bottom:10px;}
   .customer-video .video-item,.layer-news .news-item{width:auto;display:block;}
   .customer-video .video-item:last-child{margin-bottom:0;}
   .layer-cases .cases-items .slide-case-item .case-name,.layer-cases .cases-items .slide-case-item:hover .case-name{height:28px;line-height:28px;font-size:12px;position:static;padding:0 10px;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;}
   .layer-cases .cases-items .slide-case-item .case-btn-view{display:none;}
   .layer-partner .layer-bd{padding-top:0;}
   .layer-partner .parter-slider{padding-top:25px;}
   .layer-partner .partner-cell:before{display:none;}
   .layer-partner .partner-cell .cell-img{padding-bottom:8px;}
   .layer-partner .partner-cell .cell-img img{height:70px;}
   .layer-partner .partner-cell .cell-tit{margin-bottom:10px;}
   .layer-news .news-item .item-tit{font-size:16px;margin-bottom:8px;}
   .layer-news .news-item .item-tit a{height:42px;line-height:42px;}
   .layer-news .news-item .item-desc{margin-bottom:10px;}
   .layer-news .news-item .item-more{padding-top:8px;padding-bottom:5px;}
   .layer-service .service-main{-webkit-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6);transform-origin:center;display:none;}
   .service-side .map-side-list li{width:33.3333%;}
   .gd-header .head-nav{float:none;}

}