﻿/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}




@charset "utf-8";
/* CSS Document */
html{color:#333;background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;box-sizing: border-box;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin:0;padding:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
audio, canvas, video{display:inline-block;*display:inline;*zoom:1}
body, button, input, select, textarea{ font: 12px/1.5 "\5FAE\8F6F\96C5\9ED1", "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, "\5B8B\4F53" }
input, select, textarea{font-size:100% }
table {border-collapse:collapse;border-spacing:0}

fieldset, img{border:0}
address, caption, cite, code, dfn, em, i, strong, th, var, optgroup{font-style: normal;font-weight: normal}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:500}
ol, ul {list-style:none}
h1, h2, h3, h4, h5, h6{font-weight:normal}
a {color:#333;text-decoration:none}
a:hover{color:#4251b6;text-decoration:none}
.clearfix {/* 触发 hasLayout */zoom:1; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility:hidden}
button, input, select, textarea {font-size:100%; margin:0;vertical-align:baseline;*vertical-align:middle}
button, input { line-height: normal }
button, select { text-transform: none }
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled], html input[disabled] {cursor:default }
input[type="checkbox"], input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0; *height:13px;*width:13px}
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0}
.mright10{margin-right:10px}
.mright20{margin-right:20px}
.mright6{margin-right:6px}
.overflow-hidden{overflow:hidden}
.m-top20{margin-top:20px}
.mtop30{margin-top:30px}
.mtop60{margin-top:60px}
.m-top10{margin-top:10px}
.mbottom10{margin-bottom:10px}
.mbottom20{margin-bottom:20px}
.mtop32{margin-top:32px}
.mleft20{margin-left:20px}
.mright10{margin-right:10px}
.mr30{margin-right:30px}
.mt40{margin-top:40px}
.ptop20{padding-top:20px}
.ptop10{padding-top:10px}
.pbottom6{padding-bottom:6px}
.pleft20{padding-left:20px}
.no-padding{padding:0 !important}
.no-padding-left{padding-left:0 !important}
.no-padding-right{padding-right:0 !important}
.padding-left30{padding-left:30px !important}
.text-left{text-align:left !important}
.v-middle{vertical-align:middle}
.t-right{text-align:right}
.h4-f24{font-size:24px;display:inline-block;line-height:34px;padding-bottom:14px}
.text-center{text-align:center !important}
.text-left{text-align:left !important}
.gff9{color:#ff9102}
.fsize16{font-size:16px !important}
.fsize18{font-size:18px !important}
.fsize14{font-size:14px}
.fsize12{font-size:12px}
.fsize22{font-size:22px}
.fsize20{font-size:20px}
.fsize24{font-size:24px}
.g999{color:#999}
.g666{color:#666}
.g333{color:#333}
.g888{color:#888}
.gfff{color:#fff}
.g009{color:#009de0}
.gff8{color:#ff8800}
.gf00{color:#f00}
.g00b{color:#00ba9c}
.ga2a{color:#a2a2a2}
.g738{color:#738caf}
.g97a{color:#97a0b4}
.g2e3{color:#2e303f}
.g005{color:#005baa}
.g425{color:#4251b6} 
.fweight{font-weight:bold}
.no-margin-right{margin-right:0 !important}
.line-height{line-height:26px}
.line-height24{line-height:24px}
.line-height22{line-height:22px}
.line-height16{line-height:16px}
.line-height40{line-height:40px}
.pull-left{float:left}
.pull-right{float:right}
.position-relative{ position:relative}
/*zzidc-auto*/
.zzidc-auto{width:1200px;margin-right:auto;margin-left:auto}
/*zzidc-nav*/
.home-link{color:#fff;display:inline-block}
.paddingtop64{padding-top:65px}
.hd{width:100%;min-width:1200px;height:70px;position:fixed;top:0;z-index:9998;border-bottom:1px solid #3b444e}
.hd-floor {
    width: 100%;
    height: 70px;
    min-width: 1200px;
    position: absolute;
    top: 36px;
    z-index: 9998;
    /* display: none; */
    background:#272727;
}

.logo {
    width: 128px;
    height: 70px;
    display: inline-block;
    cursor: pointer;
    background: url(../img_ind/logo.png) no-repeat 0 16px;
}
.nav{width: 825px;height:100%;display:inline-block;*display:inline;*zoom:1;}
.nav>li {
    float: left;
    width: 90px;
    height: 67px;
    font-size: 12px;
    line-height: 70px;
    cursor: pointer;
}
.position-relative{position:relative}
.nav>li:hover{border-bottom:3px solid #4251b6}
.nav-right{height:100%;display:inline-block;*display:inline;*zoom:1}
.nav-right>li {
    float: left;
    font-size: 12px;
    margin-left: 15px;
    margin-right: 15px;
    line-height: 64px;
    cursor: pointer;
}
.nav-right>li.regi{width:55px;height:100%;padding:0;margin-left:10px;background:#4251b6;font-size:14px;margin-right:0}
.nav-right>li.regi a{display:block}
.nav-right>li.regi a:hover{color:#97a0b4}
.nav-right>li:hover a{color:#4251b6}
.buy-car{display:inline-block;*display:inline;*zoom:1;width:29px;height:28px;background:url(../img_ind/buy-car.png) no-repeat;vertical-align:middle}
.nav-right a{color:#fff;display:inline-block}
.prtb{padding-right:20px;padding-top:6px;padding-bottom:6px}
.nav-international{}
.in-before{background: url(../img_ind/gainet-cn-20180423yfimg1-0.png) no-repeat;margin-right: 10px;width: 20px;height: 20px;margin-top: 23px;float: left;}
.in-before2{background: url(../img_ind/gainet-cn-20180423yfimg1-1.png) no-repeat;margin-left: 10px;width: 20px;height: 20px;margin-top: 29px;float: left;}
.nav-international .nav-international-list{position: absolute;top: 100%;left: 0;background: #2e303f;line-height: 28px;min-width: 100%;display: none;padding-bottom: 10px;padding-top: 10px;}
.nav-international .nav-international-list li{}
.nav-international .nav-international-list li a{color:#fff}
.nav-international .nav-international-list li a:hover{color: #4251b6}
.nav-international:hover .nav-international-list{display: block;width: 140px;}
/*二级导航*/
/*解决方案*/
.nav-solu{width:600px;padding:16px 0;background-color:#2e303f;position:absolute;left:0;top:70px;cursor:default}
.nav-solu-warp{width:168px;float:left;color:#fff;font-size:14px;line-height:55px}
.nav-solu-warp:last-child{border-right:none}
.nav-solu-warp>ul>li{width:50%;float:left}
.nav-solu-warp>ul>li>a{color:#919aaf}
.nav-solu-warp>ul>li>a:hover{color:#009de0}
.nav-solus{display:none}
.programme-box{width:100%;text-align:left;padding-left:0}
.programme-h4{border-bottom:1px solid #5e606b;margin-left:38px;margin-right:31px}
.nav-solu-warp ul.programme-ul li{width:100%}
.nav-solu-warp ul.programme-ul li a{display:inline-block;width:79%;padding-left:40px}
.nav-solu-warp ul.programme-ul li a:hover{color:#4251b6}
/*合作市场*/
.nav-solu-warp ul.hzsc-ul li{width:100%}
.nav-solu-warp ul.hzsc-ul li a{display:inline-block;width:100%;text-align:center}
.nav-solu-warp ul.hzsc-ul li a:hover{color:#4251b6}
.nav-coo{display:none}
.nav-friend{display:none}
.nav-sever{display:none}
/*合作与生态*/
.nav-friend-warp{width:160px}
.nav-solu-warp ul.hz-ul li{width:100%}
.nav-solu-warp ul.hz-ul li a{display:inline-block;width:75%;padding-left:42px}
.nav-solu-warp ul.hz-ul li a:hover{color:#4251b6}

/*产品*/
.nav2 {
    width: 1200px;
    height: 656px;
    padding-top: 34px;
    background-color: #2e303f;
    position: relative;
    right: 205px;
    display: none;
}
.nav2-close{width: 100%;height:60px;position:relative;cursor:default;top: 235px;}
.nav-arrow-up{display: block;cursor: pointer;width: 23px;height: 11px;background: url(../img_ind/nav-arrow-up.png) no-repeat;position: absolute;bottom: 0;left: 50%;margin-left: 11.5px;}
.nav2 .pro{cursor:default}
.pro {
    float: left;
    position: relative;
    border-right: 1px solid #464f5a;
    left: 95px;
}
.pro>li{width:197px;line-height:40px;font-size:14px;margin-bottom:20px}
.pro>li>div{height:40px;width:100%;color:#fff;padding:0 16px;line-height:40px;cursor:pointer}
.menu-icon{display:block;float:right;width:17px;height:40px;background-position:right center;background-repeat:no-repeat}
.menubg0{background-image:url(../img_ind/menu-icon.png)}
.menubg1{background-image:url(../img_ind/arrow-r.png)}
.marginbottom28{margin-bottom:28px}
.allpro{width:1045px;float:left;border-left:1px solid #464f5a;margin-bottom:16px;display:none;position:absolute;left:100%;top:0;cursor:default}
.firstAllPro .modelwarp{width:190px;}
.modelwarp{width:205px;float:left;margin-top: 60px;}
.model{width:100%;line-height:30px;color:#97a0b4}
.pro-list>li{line-height:22px}
.allpro .pro-list>li>a{display:block}
.pro-list>li>a:hover{color:#009de0}
/*服务器托管*/
.severpro{display:block;border:none}
.severpro>.modelwarp{border-left:1px solid #464f5a}
.modelwarp-border{border-left:1px solid #464f5a}
.severpro .model{line-height:40px;color:#fff}
.severpro .pro-list{border:none}
.severpro .pro-list a:hover{background:#4251b6}
.severpro .pro-list>li{margin-bottom:0px;font-size:12px}
.severpro .pro-list>li>a{color:#97a0b4;padding-left:20px;display:block;line-height:26px}
.pro-list>li>a:hover{color:#fff;display:block}
.pro-list>li>a{color:#97a0b4;padding-left:20px;display:block;line-height:40px}
.severpro .pro-list>li>a:hover{color:#fff;display:block}
.severpro .bigwidth{padding-left:0}
.severpro .bigwidth>.pro-list>li>a{color:#fff;font-size:14px;line-height:40px;display:block;width:100%}
.pro-list a{color:#97a0b4}
.pro-list a:hover{background:#4251b6}
.severpro .bigwidth>.pro-list>li>a:hover{color:#fff;background-color:#4251b6}
.severpro .bg0warp{width:247px;height:315px;float:left;padding-left:16px;text-align:center;font-weight:100}
.model h4 a{color:#fff;display:block;padding-left:20px}
.model h4 a:hover{background:#4251b6;color:#fff}
.nav-idc-icon{background:url(../img_ind/nav-idc.png) no-repeat;width:235px;height:159px;display:block}
.nav-cloud-icon{background:url(../img_ind/nav-cloud.png) no-repeat;width:235px;height:159px;display:block}
.nav-safe-icon{background:url(../img_ind/nav-safe.png) no-repeat;width:235px;height:159px;display:block}
.nav-domain-icon{background:url(../img_ind/nav-domain.png) no-repeat;width:235px;height:159px;display:block}
.nav-video-icon{background:url(../img_ind/nav-video.png) no-repeat;width:235px;height:159px;display:block}
.nav-web-icon{background:url(../img_ind/nav-web.png) no-repeat;width:235px;height:159px;display:block}
.nav-line{border-bottom:1px solid #54617a;margin-left:20px;margin-right:20px}
/*云计算云安全域名*/
.yunpro{display:none}
.anpro{display:none}
.dnspro{display:none}
.pro-active{background-color:#4251b6}
/*域名列表*/
.severpro .pro-list>li.width126>a{width:58px !important;text-align:center;margin-bottom:18px;padding-left:0 !important}
.width126 a{background:#20222f}
.buy-cart{background:#f00002;position:relative;top:-8px;right:auto;display:inline-block;padding:2px;font-size:12px;line-height:11px;color:#fff;border-radius:9px;min-width:12px;text-align:center}
/*登录后*/
.state-log-in{font-size:14px;position:relative}
.user-id{vertical-align:top;position:relative;padding-left:10px;padding-right:10px}
.user-name{display:inline-block;white-space:nowrap;overflow:hidden;-ms-text-overflow:ellipsis;text-overflow:ellipsis;max-width:6em;vertical-align:top;padding-right:12px;font-size:14px}
.user-id .triangle-down{width:0;height:0;font-size:0;line-height:0;border-width:4px;border-style:solid dashed dashed;border-color:#fff transparent transparent;position:absolute;top:30px;right:3px}
.nav-down-style{position:absolute;background-color:#2e303f;left:0;top:64px;min-width:100%;box-sizing:border-box;text-align:left}
.nav-down-menu{display:inline-block}
.nav-down-style li{display:block;float:none}
.nav-down-menu a{display:block;line-height:40px;padding-left:30px;padding-right:30px;white-space:nowrap}
.nav-right .state-log-in a{color:#fff !important}
.nav-right .state-log-in a:hover span{color:#fff !important}
/*服务保障*/
.zzidc-fw{background:#272936;width:100%;min-width:1200px}
.fw-list{font-size:0;padding-left:10px;padding-right:10px;padding-top:30px;padding-bottom:30px}
.fw-ct{display:inline-block;width:21.5%;vertical-align:top;text-align:left}
.fw-ct .item{font-size:14px;color:#fff}
.fw-ct .item .icon{display:inline-block;width:56px;height:52px;vertical-align:middle;margin-right:10px;background:url(../img_ind/zzidc-fw.png) no-repeat;}
.fw-ct .item .icon-1{background-position:0 -18px}
.fw-ct .item .icon-2{background-position:0 -80px}
.fw-ct .item .icon-3{background-position:0 -141px}
.fw-ct .item .icon-4{background-position:0 -203px}
.fw-ct .item .icon-5{background-position:0 -265px}
.fw-ct .item{font-size:14px;color:#fff}
.fw-ct.item-last{width:14%}
.fw-ct  a:hover.item .icon-1{background-position:-62px -18px}
.fw-ct  a:hover.item .icon-2{background-position:-62px -80px}
.fw-ct  a:hover.item .icon-3{background-position:-62px -141px}
.fw-ct  a:hover.item .icon-4{background-position:-62px -203px}
.fw-ct  a:hover.item .icon-5{background-position:-62px -265px}
.fw-ct  a:hover{color:#4251b6}
/*免费注册*/
#waves{background-color:#4251b6;position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}
.line-zc{width:100%;min-width:1200px;height:169px;background-color:#4251b6;position:relative}

.line-zc-8{width:100%;min-width:1200px;height:169px;background:#4251b6 url(../img_ind/edb-ie8.png) no-repeat;position:relative}
.line-zc-warp{width:900px;height:38px;margin-right:auto;position:absolute;top:66px;left:50%;margin-left:-450px;color:#fff;font-size:26px}
.line-zc-btn{color:#4251b6;height:100%;width:176px;border-radius:5px;font-size:20px;line-height:38px;background-color:#fff;cursor:pointer}
/*zzidc-footer-website*/
.zzidc-footer-website{background:#2e303f;padding:30px 0 0;width:100%;min-width:1200px}
.zzidc-footer-website .website-columns{max-width:1180px;margin:0 auto;font-size:0;text-align:center;border-bottom:1px solid #5c6274;padding-left:10px;padding-right:10px}
.zzidc-footer-website .columns{display:inline-block;vertical-align:top;text-align:left;width:16%;margin-bottom:20px}
.zzidc-footer-website .columns h3{margin-bottom:15px}
.zzidc-footer-website .columns .ct-title{font-size:16px;color:#fff;font-weight:400}
.zzidc-footer-website .columns ul li{line-height:24px}
.zzidc-footer-website .columns ul li a{font-size:13px;color:#97a0b4;display:inline-block}
.zzidc-footer-website .columns ul li a:hover{color:#fff}
.zzidc-footer-website .columns.column-follow{width:20%}
.ct-weibo{background:url(../img_ind/weibo-icon.png) no-repeat;width:20px;height:16px;display:inline-block;vertical-align:middle;margin-right:4px;margin-top:-3px}
.ct-wechat{background:url(../img_ind/wechat-icon2.png) no-repeat;width:22px;height:18px;display:inline-block;vertical-align:middle;margin-right:4px;margin-top:-3px}
.gt-copyright{padding-top:12px;padding-bottom:32px;overflow:hidden}
.copyright-link{padding-bottom:6px;line-height:26px}
.copyright-link a{padding-left:15px;padding-right:15px;color:#97a0b4}
.copyright-link a:hover,.gt-copyright p a:hover{color:#fff}
.gt-copyright p{line-height:26px;color:#97A0B4}
.gt-copyright p a{color:#97a0b4}
/*右侧浮动*/
.float-right-list{height:211px;position:fixed;bottom:50px;right:20px;z-index:9999;transform: translateZ(0);}
.fr-kong{width:36px;height:36px;border:1px solid #4251b6;list-style:none;margin-bottom:4px;background:#fff url(../img_ind/float-right-tb-blue.png) no-repeat 0 0;text-align:center;line-height:36px;position:relative;cursor:pointer}
.bgposition50{background-position-x:-46px}
.bgposition150{background-position-x:-133px}
.bgposition100{background-position-x:-93px}
.float-right-list{height: 248px;position:fixed;bottom: 50px;right:20px;z-index:9999;transform: translateZ(0);}
.bgposition210{background-position-x:-210px}
.bgposition205{background-position-x:-205px;}
.bgposition200{background-position-x:-163px;background-position-y:-2px}
.bgposition243{background-position-x:-243px;}
.bgposition285{background-position-x: -278px;}
.fr-kong:hover{background-color:#4251b6;background-image:url(../img_ind/float-right-tb-fff.png)}
.fr-kong:hover .hot-line-tb{display: block;}
.hot-line-tb{width:437px;height:115px;padding-right:7px;cursor:default;display:none;position:absolute;left:-444px;top:-41px;background:url(../img_ind/float-right-hot-bg.png) no-repeat 0 0}
.float-right-hotline{width:95px;height:100%;margin-right:15px;background:url(../img_ind/hot-line.png) no-repeat right center}
.float-right-hotfankui{width:59px;height:100%;margin-right:15px;margin-left:20px;background:url(../img_ind/hot-fankui.png) no-repeat right center}
.float-right-hotpayways{background-image: url(../img_ind/hot-payways.png);}
.float-right-hotline-list{width:266px;height:93px;padding-top:22px}
.float-right-hotline-title{width:100%;height:32px;line-height:32px;font-size:16px;border-bottom:1px solid #d9d9d9;color:#2e303f}
.float-right-hotline-call{color:#f80;margin-left:10px}
.ft-list-li{width:50%;height:18px;padding-top:5px;line-height:18px;font-size:12px;color:#999;float:left;text-align:left}
.fr-circal{width:4px;height:4px;display:inline-block;*zoom:1;vertical-align:middle;margin-right:5px;background:url(../img_ind/circal.png)}
.fr-2wm-bg{width:124px;height:115px;padding-top:11px;display:none;padding-left:12px;background:url(../img_ind/float-right-2wm-bg.png) no-repeat 0 0;position:absolute;top:-42px;left:-144px}
.fr-2wm{width:105px;height:105px;background:url(../img_ind/float-right-2wm.png) no-repeat 0 0}
.fankui-link{background:#4251b6;width:80px;height:34px;line-height:34px;color:#fff;display:inline-block;vertical-align:middle;margin-top:38px;margin-left:20px;border-radius:4px;
-webkit-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;transition:color 0.3s ease-in-out,background 0.3s ease-in-out}
.fankui-link:hover{background:#2e303f;color: #fff}
.frzd-2wm{width:178px;height:223px;background:url(../img_ind/20190213img1.png) no-repeat 0 0}
.fr-getintegral-bubble{width: 178px;height: 223px;position: absolute;top: 50%;right: 45px;margin-top: -70px;padding-top: 15px;padding-left: 20px;font-size: 16px;color: #2e303f;display: none;}
.fr-getintegral:hover .fr-getintegral-bubble{display: block;}
.fr-getintegral:hover{opacity: 1;}
.fr-getintegral{width: 38px;height: 120px;background: url(../img_ind/float-right-tb-getit.png) no-repeat right center;position: absolute;top: -100px;left: -20px;line-height:22px;list-style: none;color: #fff;font-size: 16px;padding-top: 15px;padding-left: 20px;opacity: 0.9;cursor:pointer;}
/*分页样式开始*/
.pagebtnbox{overflow:hidden}
.pagebtn{overflow:hidden;float:left;line-height:29px}
.pagebtn a{border:1px solid #ddd;padding:0 10px;margin-right:6px;line-height:29px;display:inline-block;text-align:center;background:#fff}
.pagebtn a.current{background:#4251b6;border:1px solid #4251b6;color:#fff}
.pagebtn a:hover{background:#4251b6;border:1px solid #4251b6;color:#fff}
.pageipt{width:50px;border:1px solid #ddd;text-align:center;outline:none;padding:6px 0}
.pageipt:focus{border:1px solid #4251b6}
.pagebtn a.disabled{background:#ddd;color:#999;cursor:default}
.pagebtn a.disabled:hover{background:#ddd;color:#999;font-weight:normal;border:1px solid #ddd}
/*分页样式结束*/
.neice-rm{display:inline-block;color:#fff;background-color:#ff7200;font-size:12px;padding:0 5px;height:18px;line-height:16px;border-radius:2px;margin-left:6px;vertical-align:1px;min-width:25px}
.neice{display:inline-block;color:#fff;background-color:#ff7200;font-size:12px;padding:0 5px;height:18px;line-height:16px;border-radius:2px;margin-left:6px;vertical-align:1px;min-width:30px}
.cart-link{color:#4251b6;text-decoration:underline}
.cart-link:hover{text-decoration:underline}
/*实名认证链接修改*/
.real-link{color:#4251b6;text-decoration:underline}
.real-link:hover{color:#465ef7;text-decoration:underline}
.video-link{color:#fff;font-size:18px}
.video-icon{background:url(../img_ind/20170920img1.png);width:27px;height:22px;display:inline-block;vertical-align:middle;margin-left:4px}
.video-link:hover{text-decoration:underline;color:#fff}
.video-link:hover .video-icon{background:url(../img_ind/20170920img2.png);width:27px;height:22px;display:inline-block;vertical-align:middle;margin-left:4px}
.video-playing, #shipin{
	width: 860px;
	height: 520px;
}
 .hide-video{
	 display: none;
 }
.video-playing{
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -260px;
	margin-left: -430px;
	padding: 0;
	background: #000;
	color: #fff;
	font-size: 20px;
	z-index: 9999;

}
.linka{color:#4251b6}
.linka:hover{text-decoration:underline}
.mtop24{margin-top:24px;}
/*搜索*/
.search-bar{position: absolute;left:0px;top:0;width:664px;z-index: 99;}
.search-input2{width:664px;border:1px solid #6d7385;height:40px ;line-height:40px;color:#fff !important;padding-left: 15px;padding-right: 60px;box-sizing: border-box;background: none;display: block;font-size: 14px}
.search-input2:focus{border:1px solid #4251b6}
.search-input2::-webkit-input-placeholder{color:#fff;}
.search-input2::-moz-placeholder{ color:#fff;}
.search-input2:-moz-placeholder{color:#fff;}
.search-input2:-ms-input-placeholder{ color:#fff;}
.searchbtn3{position: absolute;right: 0;top:0;width:60px;height: 40px;background:url(../img_ind/20190401img1.png) no-repeat center center;outline: none;border:none}
.search-result{width:662px;position: absolute;left: 0;top:42px;border: 1px solid #6d7385;z-index: 999;height:360px;overflow-y:auto;overflow-y:scroll\9;background: #2e303f;}
.search-result::-webkit-scrollbar {/*滚动条整体样式*/
    width: 7px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.search-result::-webkit-scrollbar-thumb {/*滚动条填充*/
    border-radius: 5px;
    background: #ccc;
}
.search-result::-webkit-scrollbar-track {/*滚动条轨道*/
    border-radius: 10px;
    background: none;
}
.search-result li{padding: 10px 15px;}
.search-result li p{line-height: 2}
.search-result li:hover{background: #4251b6}
.search-result li.current{background: #4251b6}



@charset "utf-8";
/* CSS Document */
/*首页banner*/
.slide-main{height:450px;position:absolute;z-index:1;top:105px;width: 100%}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:267px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none}
.prev{left:70px}
.next{right:70px}
@media (min-width:1180px) and (max-width:1440px) {.prev{left:5px}}
@media (min-width:1180px) and (max-width:1440px) {.next{right:5px}}
@media (min-width:180px) and (max-width:1179px) {.prev{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}}
@media (min-width:180px) and (max-width:1179px) {.next{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}
.banner-itxx{display:block;width:100%;height:5px;position:absolute;z-index:124;top:518px;left:0;text-align:center}
.banner-itxx a{display:inline-block;width:13px;height:13px;border-radius:13px;margin-right:11px;background:#fff;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden}
.banner-itxx a.cur{background:#fff;opacity:1;filter:alpha(opacity=100)}
.slide-box,.slide{display:block;width:100%;height:450px;overflow:hidden;min-width:1200px}
.slide-box{position:relative}
.slide{display:none;height:562px;position:relative;position:absolute;z-index:8;min-width:1200px}
#bgstylea{background:#415383}
#bgstyleb{background:#2f44c3}
#ky-banner1{background:#0c122a url(../img_ind/banner.jpg) top center no-repeat}
.banner11-txt{font-size:16px;padding-left:34px;color:#4ec4ff;padding-top:20px}
.banner5-txt{font-size:24px;padding-left:34px;color:#fff;padding-top:20px}
.obj-e{width:1200px;height:562px;z-index:12;margin-left:auto;margin-right:auto}
.slideBox .bd img{width:1200px;margin-left:auto;margin-right:auto;height:358px;display:block}
/*活动推广*/
.fontweight100{font-weight:100}
.hotbox{background:#f2f2f2;margin-top:447px;width:100%;min-width:1200px}
.hotbanner{background:#4251b6;width:100%;min-width:1200px}
.hotbanner ul{height:95px}
.hotbanner ul li{float:left;padding-left:20px;border-right:1px solid #4972af;width:23%;overflow:hidden;height:50px;display:block;margin-top:24px}
.hot-icon1{background:url(../img_ind/hot-icon1.png) no-repeat;width:170px;height:95px;margin-left:80px;position:absolute;margin-top:-75px;transition:all .2s linear}
.hot-icon2{background:url(../img_ind/hot-icon2.png) no-repeat;width:204px;height:89px;margin-left:50px;position:absolute;margin-top:-69px;transition:all .2s linear}
.hot-icon3{background:url(../img_ind/hot-icon1.png) no-repeat;width:223px;height:94px;margin-left:30px;position:absolute;margin-top:-75px;transition:all .2s linear}
.hot-icon4{background:url(../img_ind/hot-icon6.png) no-repeat;width:240px;height:89px;margin-left:60px;position:absolute;margin-top:-69px;transition:all .2s linear}
.hot-icon8{background:url(../img_ind/hot-icon8.png) no-repeat;width:215px;height:100px;margin-left:40px;position:absolute;margin-top:-67px;transition:all .2s linear}
.hotbanner a{color:#fff;display:block}
.hotbanner a:hover .hot-icon1{background:url(../img_ind/hot-icon1-hover.png) no-repeat}
.hotbanner a:hover .hot-icon2{background:url(../img_ind/hot-icon2-hover.png) no-repeat}
.hotbanner a:hover .hot-icon4{background:url(../img_ind/hot-icon6-hover.png) no-repeat}
.hotbanner a:hover{color:#e7e7e7;transition:all .2s linear}
.hotbanner a:hover .hot-icon8{background:url(../img_ind/hot-icon8-hover.png) no-repeat}

/*首页四大产品*/
.win-module{width:100%;height:688px;padding:74px 0 152px}
.win-title{font-size:24px}
.win{min-width:1200px;width:1200px;margin-top:82px;margin-left:auto;margin-right:auto}
.win-card{width:259px;height:546px;border:1px solid #d9d9d9;margin-left:-1px;z-index:1;position:relative;transition:border,box-shadow 0.2s linear}
.win-card:first-child{width:419px;height:624px;top:-36px}
.win-card:first-child .win-card-title{height:180px}
.win-active{border:1px solid #d9d9d9;box-shadow:-5px 1px 7px rgba(47,58,133,.24);-webkit-box-shadow:-5px 1px 7px rgba(47,58,133,.24);-moz-box-shadow:-5px 1px 7px rgba(47,58,133,.24);z-index:99;background:#e4e6eb}
.win-card-title{width:100%;height:170px;background-color:#f2f2f2;position:relative;transition:background-color 0.2s linear}
.win-active .win-card-title{background:#4251b6}
.win-card-title-cart{width:57px;height:10px;display:block;background:url(../img_ind/hom-cart.png) no-repeat 0 -8px;position: absolute;top: 0px;left: 50%;margin-left: -28px;transition:all 0.25s linear;
 filter:alpha(opacity=0);   
      -moz-opacity:0;   
      -khtml-opacity: 0;   
      opacity: 0;  }
.win-active .win-card-title-cart{
 filter:alpha(opacity=100);   
      -moz-opacity:1;   
      -khtml-opacity: 1;   
      opacity: 1;  }
.win-card-title-color-even{background-color:#f2f2f2}
.win-card-body{width:100%;height:376px;position:relative}
.win-img-warp{width:100%;height:154px;padding-top:50px;position:absolute;bottom:0}
.win-card-img{width:81px;height:85px;margin:0 auto}
.win-card-img>img{width:81px;height:75px}
.win-active .win-img0{display:none}
.win-active .win-img1{display:block}
.win-img1{display:none}
.win-img-warp>h2{font-size:20px;font-weight:bold;color:#333;transition:color 0.2s linear}
.win-active .win-title{color:#fff}
.win-img-warp>p{font-size:14px;color:#949a9e;transition:color 0.2s linear}
.win-body-list{width:100%;height:280px;padding:36px 0;font-size:16px;color:#373D41;position:absolute;z-index:10}
.win-body-list>li{line-height:60px}
.win-body-details{width:390px;height:100%;margin-left:17px;display:none;position:relative;z-index:9}
.win-pro-first{width:100%;padding-top:20px}
.win-pro-first-title{color:#373d41;font-size:18px;line-height:28px;margin-bottom:4px}
.win-pro-first>p{color:#a9b0b4;line-height:22px;font-size:14px}
.win-pro-first>p>a{color:#00a2ca}
.win-main-btn{display:block;width:98px;height:28px;border:1px solid #00c1de;line-height:28px;color:#00c1de;margin-top:22px}
.win-pro-other{width:100%;padding-top:20px}
.win-pro-other>li{width:170px;height:80px;padding-right:5px;margin-bottom:10px;float:left}
.win-pro-other>li>p{line-height:22px;color:#373d41}
.win-other-open{color:#00c1de}
.win-body-details-block{display:block}
.win-body-list-none{display:none}
.height66{height:52px;line-height:20px;margin-top:4px}
.paddingtop6{padding-top:10px}
.margintop{margin-top:-26px !important}
.zzidc-info-bg{background:#f5f5f9;display:inline-block;padding-left:20px;overflow:hidden;margin-bottom:6px;width:95%;height:92px}
.main-btn{cursor:pointer;width:100px;height:30px;font-size:14px !important;background-color:#f5f5f9;border:1px solid #4251b6;color:#4251b6;margin-top:22px;margin-bottom:33px;-webkit-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;transition:color 0.3s ease-in-out,background 0.3s ease-in-out}
.main-btn:hover{color:#fff;background:#4251b6}
.width60{width:60%}
/*首页解决方案*/
.solu{width:100%;height:682px;min-width:1200px;position:relative;background-color:#e2e4ea}
.solu-head{height:162px;padding-top:25px;background-color:#4251b6}
.solu-head>h2{font-size:30px;line-height:80px}
.solu-head>p{font-size:20px}
.solu-dsj{display:block;width:0;height:0;border-width:26px 26px 0;border-style:solid;border-color:#4251b6 transparent transparent;position:absolute;top:187px;left:50%;margin-left:-26px;z-index:1}
.solu-body{width:100%;height:390px;padding:52px 0 53px;margin:0 auto;position:relative}
.solu-body-child{width:1526px;height:390px;overflow:hidden;margin:0 auto;position:relative}
.solu-floor{width:100%;height:100%;position:absolute;top:30px;left:0px;background:url(../img_ind/solu-floor.png) no-repeat;z-index:1}
.solu-item-box{width:4575px;height:390px;margin-right:auto;position:relative;left:0}
.solu-item-warp{width:305px;float:left;height:380px;margin-top:10px}
.solu-item{width:225px;height:340px;padding:0 30px;margin:20px auto 0;background-color:#fff;position:relative}
.solu-active{height:380px;margin-top:0px}
.solu-item-active .solu-item{box-shadow:5px -5px 10px 0 rgba(0,0,0,.3)}
.solu-item-img{width:100%;height:114px}
.solu-item-img1{background:url(../img_ind/solu-img1.png) no-repeat center bottom}
.solu-item-img2{background:url(../img_ind/solu-img2.png) no-repeat center bottom}
.solu-item-img3{background:url(../img_ind/solu-img3.png) no-repeat center bottom}
.solu-item-img4{background:url(../img_ind/solu-img4.png) no-repeat center bottom}
.solu-item-img5{background:url(../img_ind/solu-img5.png) no-repeat center bottom}
.solu-item-details{display:none;width:145px;height:36px;border:1px solid #4251b6;color:#4251b6;line-height:36px;position:absolute;left:50%;margin-left:-72.5px;z-index:3;margin-top:20px;transition:background-color .15s}
.solu-item-details:hover{background:#4251b6;color:#fff}
.solu-item-details-active{display:block}
.solu-item-title{color:#4251b6;line-height:80px}
.solu-left-right{width:1567px;height:62px;position:absolute;top:50%;left:50%;margin-left:-783.5px;margin-top:-31px;z-index:2}
.solu-left-right img{padding:15px}
.solu-left,.solu-right{width:62px;height:62px;background:url(../img_ind/full-floor.png) no-repeat}
/*防御*/
.home-kd{background:#4251b6 url(../img_ind/home-fg.png) no-repeat;width:100%;height: 131px;min-width:1200px}
.numberRun2{width:1200px;color:#fff;font-size:22px;position:relative;margin-left:auto;margin-right:auto}
.mt-number-title{position:absolute;left:0;bottom:10px;letter-spacing:2px}
.mt-num-sub{position:absolute;right:0;bottom:10px}
.mt-number-animate{line-height:100px;height:100px;font-size:70px;overflow:hidden;display:inline-block;position:relative;float:right;right:20px;font-family:"Helvetica35-Thin","Microsoft YaHei UI","Calibri","Microsoft YaHei","Consolas";top:12px}
.mt-number-animate .mt-number-animate-dot{width:30px;line-height:100px;float:left;text-align:center}
.mt-number-animate .mt-number-animate-dom{width:50px;text-align:center;float:left;position:relative;top:0;font-family:"Helvetica35-Thin","Microsoft YaHei UI","Calibri","Microsoft YaHei","Consolas";font-weight:100}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span{width:100%;float:left}
@font-face{font-family:'helveticathn';src:url("../font/helveticathn.eot");src:url('../font/helveticathn.eot?#iefix') format('embedded-opentype'),url('../font/helveticathn.woff') format('woff'),url('../font/helveticathn.ttf')  format('truetype'),url('../font/helveticathn.svg#helveticathn') format('svg');font-weight:normal;font-style:normal}
/*地图*/
.map-bg{background:#2e303f url(../img_ind/map-bg.png) top center no-repeat;width:100%;min-width:1200px;height:751px;padding-top:65px}
.zzidc-tit h2{font-size:30px;line-height:80px;text-align:center;font-weight:normal;letter-spacing: 4px;}
.line-row{width:52px;height:5px;background:#4251b6;margin:0 auto;margin-top:15px}
.map-main{overflow:hidden;margin-top:100px;position:relative}
.map-left{float:left;width:146px}
.circle-tit{background:url(../img_ind/circle.png) no-repeat 4px 9px;font-size:16px;color:#fff;line-height:32px;padding-left:50px}
.marker-tit{background:url(../img_ind/marker.png) no-repeat 3px 0;font-size:16px;color:#fff;line-height:32px;padding-left:50px;margin-top:20px}
.dz-list{overflow:hidden;margin-top:8px}
.dz-item{width:146px;height:40px;background:#4251b6;color:#fff;font-size:14px;line-height:40px;text-align:center;margin-top:4px}
.dz-lsj{width:110px;height:44px;position:absolute;left:348px;top:118px;z-index:100}
.dz-zjg{width:132px;height:44px;position:absolute;left:401px;top:72px;z-index:100}
.dz-zz{width:123px;height:45px;position:absolute;right:255px;top:128px;z-index:100}
.dz-gd{width:136px;height:44px;position:absolute;right:260px;top:180px;z-index:100}
.dz-hb{width:96px;height:43px;position:absolute;right:273px;top:89px;z-index:100}
.dz-bj{width:108px;height:44px;position:absolute;right:173px;top:70px;z-index:100}
.dz-ly{width:159px;height:72px;position:absolute;right:135px;top:140px;z-index:99}
.dz-xg{width:108px;height:44px;position:absolute;right:158px;top:206px;z-index:100}
.dz-sh{width:124px;height:44px;position:absolute;right:100px;top:115px;z-index:100}
/*光圈*/
@keyframes warn{0%{transform:scale(0);opacity:1}
30%{transform:scale(0);opacity:0.1}
60%{transform:scale(0.5);opacity:0.5}
100%{transform:scale(1);opacity:0.0}
}@-webkit-keyframes warn{0%{-webkit-transform:scale(0);opacity:0.0}
30%{transform:scale(0);opacity:0.1}
60%{transform:scale(0.5);opacity:0.5}
100%{-webkit-transform:scale(1);opacity:0.0}
}@-moz-keyframes warn{0%{-moz-transform:scale(0);opacity:0.0}
30%{transform:scale(0);opacity:0.1}
60%{transform:scale(0.5);opacity:0.5}
100%{-moz-transform:scale(1);opacity:0.0}
}.circlebox{position:absolute;z-index:10}
.circle{display:inline-block;position:absolute;left:0;width:9px;height:9px;background:#ff8a00;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:1;filter:alpha(opacity=100)}
.pulse{display:inline-block;position:absolute;top:-11px;left:-11px;height:30px;width:30px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#ff8a00;opacity:0.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out;-moz-animation:warn 2s ease-out;animation:warn 2s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite}
.position1{left:312px;top:103px}
.position2{left:329px;top:81px}
.position3{left:386px;top:171px}
.position4{left:458px;top:163px}
.position5{left:467px;top:115px}
.position6{left:475px;top:149px}
.position7{left:493px;top:328px}
.position8{left:558px;top:312px}
.position9{left:701px;top:70px}
.position10{left:710px;top:105px}
.position11{left:716px;top:64px}
.position12{left:728px;top:46px}
.position13{left:853px;top:89px}
.position14{left:859px;top:130px}
.position15{left:878px;top:122px}
.position16{left:882px;top:190px}
.position17{left:894px;top:211px}
.position18{left:910px;top:196px}
.position19{left:921px;top:113px}
.position20{left:885px;top:141px}
.position21{left:937px;top:115px}
.position22{left:950px;top:127px}
.position23{left:944px;top:177px}
.position24{left:962px;top:162px}
.position25{left:963px;top:185px}
.position26{right:235px;top:73px}
.position27{right:235px;top:108px}
.position28{right:196px;top:120px}
.position29{right:206px;top:79px}
.position30{right:208px;top:147px}
.position31{right:177px;top:124px}
.position32{right:144px;top:98px}
.position33{right:230px;top:341px}
.position34{right:145px;top:324px}
/*荣誉*/
.honor-bg{background:#f2f2f2;width:100%;min-width:1200px}
.honor-item{float:left;height:90px;padding-top:42px;*height:91px;padding-left:48px;padding-right:48px}
.honor-item span{color:#8598b5;display:inline-block;vertical-align:middle;width:110px;font-size:14px;line-height:18px;-o-transition:all 0.5s;-ms-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s}
.honor-item:hover.honor-item span{color:#4251b6}
.honor-icon{background:url(../img_ind/honor.png) no-repeat;display:inline-block;vertical-align:middle;transition:transform .5s linear}
.icon-item1{width:45px;height:43px;background-position:0 0;margin-right:12px}
.honor-item:hover .icon-item1{background-position:0 -56px;transform:scale(1.05)}
.icon-item2{width:43px;height:45px;background-position:-69px 0;margin-right:15px}
.honor-item:hover .icon-item2{background-position:-69px -54px;transform:scale(1.05)}
.icon-item3{width:43px;height:45px;background-position:-130px 0;margin-right:15px}
.honor-item:hover .icon-item3{background-position:-130px -55px;transform:scale(1.05)}
.icon-item4{width:45px;height:43px;background-position:-192px 0;margin-right:15px}
.honor-item:hover .icon-item4{background-position:-192px -57px;transform:scale(1.05)}
.icon-item5{width:50px;height:44px;background-position:-258px 0;margin-right:20px}
.honor-item:hover .icon-item5{background-position:-258px -56px;transform:scale(1.05)}
.line-col{width:1px;height:39px;background:#dedadb;float:left;margin:47px 0}
.mt4{margin-top:4px}
.honor-item span.width115{width:115px}
.pleft0{padding-left:0}
.pright0{padding-right:0}
/*合作伙伴*/
.cooper-lb{width:1200px;position:relative}
.arrow-left{}
.arrow-left{display:block;position:absolute;top:50%;margin-top:-23px;left:-24px;background:url(../img_ind/m20170315img2.png) no-repeat;width:47px;height:47px;z-index:9}
.arrow-left:hover{background-position:0 -57px}
.arrow-right{display:block;position:absolute;top:50%;margin-top:-23px;right:-24px;background:url(../img_ind/m20170315img2.png) 0 -114px no-repeat;width:47px;height:47px;z-index:9}
.arrow-right:hover{background-position:0 -171px}
.swiper-container{width:1200px;height:202px;margin:60px 0 0 0}
.cooper-ga-xlb{width:1200px;height:202px;background:#fff}
.cooper-ga-xlb li{width:222px;height:200px;border:1px solid #dedadb;margin-right:20px;text-align:center;line-height:200px}
.cooper-ga-xlb li span{display:inline-block;width:198px;height:53px;background:url(../img_ind/m20170315img1.png) no-repeat;vertical-align:middle}
.cooper-ga-xlb li .cooper-linka{display:block;width:222px;height:200px}
.cooper-ga-xlb li .cooper-img2{background-position:0 -126px}
.cooper-ga-xlb .cooper-img3{background-position:0 -252px}
.cooper-ga-xlb .cooper-img4{background-position:0 -378px}
.cooper-ga-xlb .cooper-img5{background-position:0 -504px}
.cooper-ga-xlb .mright0{margin-right:0}
.pagination{width:100%;text-align:center;margin-top:30px;overflow:hidden}
.swiper-pagination-switch{width:10px;height:10px;background:url(../img_ind/m20170316img1.png) no-repeat;display:inline-block;margin-right:4px;cursor:pointer}
.swiper-active-switch{background-position:0 -15px}
.cooper-wr:hover span{background-position:0 -315px}
.cooper-bd:hover span{background-position:0 -63px}
.cooper-360:hover span{background-position:0 -189px}
.cooper-ibm:hover span{background-position:0 -441px}
.cooper-dell:hover span{background-position:0 -567px}
.mtop140{margin-top:140px}
/*热门动态*/
.newbox{margin-top:50px}
.new-left{width:248px;height: 222px;}
.new-left h4{background:#dedadb;line-height:56px}
.new-left h4 img{vertical-align:middle;margin-left:36px}
.new-middel{background:#f2f2f2;width:636px;height: 222px;margin-left:12px;}
.new-right{width:290px;height: 222px;}
.new-right img{display:block;width:100%;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.new-right .img-box:hover{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)}
.new-h4{border-bottom:2px solid #4251b6;padding-bottom:8px;font-size:16px;padding-top:16px;margin-left:30px;margin-right:30px}
.new-ul li{height:24px;line-height:24px;font-size:12px;color:#00a2ca;padding-left:10px;position:relative;width:222px;float:left}
.new-ul li span{background:url(../img_ind/new-dot.png) no-repeat;background-position:0 -5px;display:inline-block;width:6px;height:6px;vertical-align:middle;margin-top:-1px}
.new-ul li a{color:#333;position:relative;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;margin-left:-9px;padding-left:5px;width:82%}
.new-ul li a:hover{color:#4251b6}
.date{display:inline-block;position:absolute;right:4px;top:0px;font-size:12px;color:#333}
.mleft30{margin-left:30px}
.mrgiht110{margin-right:110px}
.new-ul li a:hover span{background:url(../img_ind/new-dot.png) no-repeat;background-position:0 -22px;display:inline-block;width:6px;height:6px;vertical-align:middle}
.tab_on{height: 165px;float:left;}
.tab_on ul{height: 56px;display:inline-block;vertical-align:middle;}
.tab_on ul li{text-align:center;width:248px;height:52px;line-height:52px;color:#fff;background:#2e303f url(../img_ind/new-icon.png)  95% 50% no-repeat;display:block;font-size:16px;margin-top:3px}
.ssl-tabcontent{width:636px;height:auto}
.tab_on li.nav_on6{width:248px;height:52px;line-height:52px;background:#4251b6 url(../img_ind/new-icon.png)  95% 50% no-repeat;overflow:hidden;cursor:pointer}
.tab_on ul li a{color:#fff}
.tab_on ul li.tab-notice{background-image:none;cursor:pointer}
.tab_on ul li.tab-notice:hover{background:#4251b6}
.dis{display:block}
.undis{display:none}
.marginbottom150{margin-bottom:150px}
#ky-banner2{background:#000a16 url(../img_ind/banner2.jpg) top center no-repeat}
#ky-banner1{background:#0c122a url(../img_ind/banner.jpg) top center no-repeat}
#ga-banner3{background:#0a0412 url(../img_ind/banner3.jpg) top center no-repeat}
#ga-banner4{background:#0f0029 url(../img_ind/banner4.jpg) top center no-repeat}
#ga-banner5{background:#0f1011 url(../img_ind/banner5.jpg) top center no-repeat}
#ga-banner6{background:#0e0f14 url(../img_ind/banner6.jpg) top center no-repeat}
#ga-banner7{background:#0e0f14 url(../img_ind/banner7.jpg) top center no-repeat}
#ga-banner8{background:#0e0f14 url(../img_ind/banner8.jpg) top center no-repeat}
#ga-banner9{background:#020321 url(../img_ind/banner9.jpg) top center no-repeat}
#ga-banner10{background:#020003 url(../img_ind/banner10.jpg) top center no-repeat}
#ga-banner11{background:#00133e url(../img_ind/banner11.jpg) top center no-repeat}
#ga-banner12{background:#00133e url(../img_ind/banner12.jpg) top center no-repeat}
#ga-banner13{background:#001121 url(../img_ind/banner13.jpg) top center no-repeat}
#ga-banner14{background:#001121 url(../img_ind/banner14.jpg) top center no-repeat}
/*20170731一元waf开始*/
.g00ffd8{color:#00ffd8}
.banner4-button{background:transparent;outline:none;width:282px;height:42px;border: 1px solid #fff;text-align:center;line-height:42px;font-size:20px;color: #fff;margin-top:8px;transition:all .3s ease-out}
.banner4-button:hover{background:#fff;color:#000a16;}
/*20170731一元waf结束 */
.g00f0ff{color:#00f0ff}
/*0728数据库活动焦点图开始*/
.get-db-linep1{font-size:56px;color:#fff;line-height:80px;font-weight:100}
.get-db-linep2{color:#fff;font-size:23px;line-height:34px;margin-bottom:70px;margin-top:35px;font-weight:100}
.mtop198{margin-top:198px;}
.mtop145{margin-top:145px}
.ce2ec49{color:#fff;font-size:23px;line-height:34px;margin-bottom:70px;margin-top:35px}
.getdb-button{background:transparent;border:none;outline:none;width:167px;height:37px;border:1px solid #ffffff;text-align:center;line-height:35px;font-size:20px;color:#fff;margin-top:8px;transition:all .3s ease-out;font-weight:100}
.getdb-button:hover{background:#fff;color:#000a16;}
/*0728数据库活动焦点图结束*/
/*20170821对象存储流量计费和带宽计费模式上线*/
.dxcc-linep1{font-size:36px;color:#fff;line-height:80px;font-weight:100}
.dxcc-linep2{color:#fff;font-size:20px;line-height:34px;margin-bottom:20px;margin-top:35px;font-weight:100}
/*快在云端焦点图*/
.fc-txt1{font-size:56px;color:#fff;line-height:100px;font-weight:lighter}
.fc-txt1-16{font-size:36px;color:#fff;line-height:100px;font-weight:lighter}
.fc-txt1-46{font-size:46px;color:#fff;line-height:100px;font-weight:lighter}
.fc-txt2{font-size:23px;color:#fff;line-height:60px;font-weight:lighter}
.fc-link{min-width: 166px;height:35px;font-size:20px;line-height:33px;color:#fff;display:inline-block;background:none;border:1px solid #fff;text-align:center;margin-top:60px;font-weight:lighter;padding-left: 10px;padding-right: 10px;}
.fc-link:hover{background:#fff;color:#00133e;transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s}
.mtop166{margin-top:166px}
/*
* @Author: WangDong
* @Date:   2018-08-06 09:59:29
* @Last Modified by:   WangDong
* @Last Modified time: 2018-09-27 12:15:08
* @email: wangdong@zzidc.com
* @Gainet: I love Gainet.
*/
/*首页解决方案优化2018/9/27*/
/*slick-tab*/
.con-tab{width:100%;min-width:1200px;background:#efefef;padding-bottom:80px;padding-top:70px;}
/*slick-tab*/
.slick-tab{width:100%;height:30px;border-bottom:1px solid #ccc;padding-top:40px;margin-bottom:40px;}
.slick-tab ul{width:1200px;height:30px;margin-left:auto;margin-right:auto}
.slick-tab ul li{border-right:none;float:left;width: 20%;height:30px;line-height:30px;font-size:16px;color:#000;cursor:pointer;text-align:center;}
.tab_boxkyn{width:1200px;height:auto;margin-top:20px;margin-left:auto;margin-right:auto;padding-left: 30px;
    padding-right: 30px;}
.slick-tab li.nav_on6{border-bottom:none;border-bottom:2px #4251b6 solid;height:29px;overflow:hidden;}
.dis{ display:block}
.undis{ display:none}
.all-h4{font-size:22px;text-align:center}
.all-p{font-size:14px;color:#666;padding-left:30px;padding-right:30px;padding-top:14px;min-height:100px}
.all-cola{background:url(../img_ind/20180807wdimg1.jpg) no-repeat;width:351px;height:381px}
.all-colb{background:url(../img_ind/20180807wdimg2.jpg) no-repeat;width:351px;height:381px}
.all-colc{background:url(../img_ind/20180807wdimg3.jpg) no-repeat;width:351px;height:381px}
/*混合云解决方案*/
.all-cola-icon{background:url(../img_ind/20180807wdiconimg1.png) no-repeat;width:87px;height:88px;margin-left:auto;margin-right:auto;top:31px;margin-bottom:48px;position:relative}
.all-cola:hover .all-cola-icon{background:url(../img_ind/20180807wdiconimg1-1.png) no-repeat}
/*快云私有云解决方案*/
.all-colb-icon{background:url(../img_ind/20180807wdiconimg2.png) no-repeat;width:86px;height:88px;margin-left:auto;margin-right:auto;top:31px;margin-bottom:48px;position:relative}
.all-colb:hover .all-colb-icon{background:url(../img_ind/20180807wdiconimg2-2.png) no-repeat}
/*智慧景区解决方案*/
.all-colc-icon{background:url(../img_ind/20180807wdiconimg3.png) no-repeat;width:99px;height:88px;margin-left:auto;margin-right:auto;top:31px;margin-bottom:48px;position:relative}
.all-colc:hover .all-colc-icon{background:url(../img_ind/20180807wdiconimg3-3.png) no-repeat}
/*通用型网站解决方案*/
.all-cold{background:url(../img_ind/20180807wdimg4.jpg) no-repeat;width:351px;height:381px}
.all-cold-icon{background:url(../img_ind/20180807wdiconimg4.png) no-repeat;width:89px;height:89px;margin-left:auto;margin-right:auto;top:31px;margin-bottom:48px;position:relative}
.all-cold:hover .all-cold-icon{background:url(../img_ind/20180807wdiconimg4-4.png) no-repeat}
/*网站弹性伸缩服务*/
.all-cole{background:url(../img_ind/20180807wdimg5.jpg) no-repeat;width:351px;height:381px}
.all-cole-icon{background:url(../img_ind/20180807wdiconimg5.png) no-repeat;width:92px;height:87px;margin-left:auto;margin-right:auto;top:31px;margin-bottom:48px;position:relative}
.all-cole:hover .all-cole-icon{background:url(../img_ind/20180807wdiconimg5-5.png) no-repeat}
/*信息安全等级保护解决方案*/
.all-colf{background:url(../img_ind/20180807wdimg6.jpg) no-repeat;width:351px;height:381px}
.all-colf-icon{background:url(../img_ind/20180807wdiconimg6.png) no-repeat;width:76px;height:90px;margin-left:auto;margin-right:auto;top:31px;margin-bottom:48px;position:relative}
.all-colf:hover .all-colf-icon{background:url(../img_ind/20180807wdiconimg6-6.png) no-repeat}
/*在线教育解决方案*/
.all-colg{background:url(../img_ind/20180807wdimg7.jpg) no-repeat;width:351px;height:381px}
.all-colg-icon{background:url(../img_ind/20180807wdiconimg7.png) no-repeat;width:89px;height:87px;margin-left:auto;margin-right:auto;top:31px;margin-bottom:48px;position:relative}
.all-colg:hover .all-colg-icon{background:url(../img_ind/20180807wdiconimg7-7.png) no-repeat}
/*互联网金融解决方案*/
.all-colh{background:url(../img_ind/20180807wdimg8.jpg) no-repeat;width:351px;height:381px}
.all-colh-icon{background:url(../img_ind/20180807wdiconimg8.png) no-repeat;width:89px;height:87px;margin-left:auto;margin-right:auto;top:31px;margin-bottom:48px;position:relative}
.all-colh:hover .all-colh-icon{background:url(../img_ind/20180807wdiconimg8-8.png) no-repeat}
/*零售云解决方案*/
.all-coli{background:url(../img_ind/20180807wdimg9.jpg) no-repeat;width:351px;height:381px}
.all-coli-icon{background:url(../img_ind/20180807wdiconimg9.png) no-repeat;width:98px;height:88px;margin-left:auto;margin-right:auto;top:31px;margin-bottom:48px;position:relative}
.all-coli:hover .all-coli-icon{background:url(../img_ind/20180807wdiconimg9-9.png) no-repeat}
/*桌面云解决方案*/
.all-colj{background:url(../img_ind/20180807wdimg10.jpg) no-repeat;width:351px;height:381px}
.all-colj-icon{background:url(../img_ind/20180807wdiconimg10.png) no-repeat;width:78px;height:88px;margin-left:auto;margin-right:auto;top:31px;margin-bottom:48px;position:relative}
.all-colj:hover .all-colj-icon{background:url(../img_ind/20180807wdiconimg10-10.png) no-repeat}
/*系统集成解决方案*/
.all-colk{background:url(../img_ind/20180807wdimg11.jpg) no-repeat;width:351px;height:381px}
.all-colk-icon{background:url(../img_ind/20180807wdiconimg11.png) no-repeat;width:86px;height:88px;margin-left:auto;margin-right:auto;top:31px;margin-bottom:48px;position:relative}
.all-colk:hover .all-colk-icon{background:url(../img_ind/20180807wdiconimg11-11.png) no-repeat}
.all-tran{-webkit-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;    margin-left: 24px;    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.08);}
.all-tran:hover{    -webkit-transform: translate(0, -0.625rem);
    -moz-transform: translate(0, -0.625rem);
    transform: translate(0, -0.625rem);}
.slick-link-btn{cursor:pointer;width:130px;height:34px;line-height:34px;font-size:16px;display:inline-block;background-color:#f5f5f9;border:1px solid #4251b6;color:#4251b6;margin-top:22px;margin-bottom:28px;-webkit-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;-moz-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;-o-transition:color 0.3s ease-in-out,background 0.3s ease-in-out;transition:color 0.3s ease-in-out,background 0.3s ease-in-out}
.slick-link-btn:hover{color:#fff;background:#4251b6}
/* swiper-wrapper Styles */
.tab_boxkyn .swiper-container{width:1200px;height:382px;margin:0;overflow: hidden;}
.tab_boxkyn .swiper-nested{width:100%}
.tab_boxkyn .swiper-slide{width: 400px !important;}
.tab_boxkyn .swiper-nested .swiper-slide{line-height:125px;font-size:21px}
.tab_boxkyn .pagination{position:absolute;z-index:100;left:10px;bottom:-40px}
.tab_boxkyn .swiper-pagination-switch{display:inline-block;width:12px;height:12px;border-radius:12px;background:#aaa;margin-right:10px;cursor:pointer}
.tab_boxkyn .swiper-active-switch{background:#4251b6}
.tab_boxkyn .pagination-nested{bottom:auto;top:10px}
.tab_boxkyn .pagination-nested .swiper-pagination-switch{display:block;margin-right:0;margin-bottom:5px}
.tab_boxkyn .device{position:relative}
.tab_boxkyn .device .arrow-left{background:url(../img_ind/arrows.png) no-repeat left top;position:absolute;left:-20px;top:50%;margin-top:-15px;width:17px;height:30px}
.tab_boxkyn .device .arrow-right{background:url(../img_ind/arrows.png) no-repeat left bottom;position:absolute;right:-20px;top:50%;margin-top:-15px;width:17px;height:30px}
/* 20190107 新增底部备案信息 */
.business-license{font-size:0;margin:20px 0}
.business-license a{display:inline-block;margin:0 12px;}
/* 20190107 新增底部备案信息 */
.license-certification{display:inline-block}
.license-certification img{background:url(../img_ind/20190107mlkimg4.png) no-repeat}

.r:hover .nav2 {
    display: block;
    height: 365px;
    padding-top: 23px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.r1:hover .nav-solus {
    display: block;
	width: 625px;height: 245px; padding-top: 16px; margin-top: 0px; padding-bottom: 16px; margin-bottom: 0px;
}

.r2:hover .nav-friend {
    display: block;
	width: 445px;height: 300px; padding-top: 16px; margin-top: 0px; padding-bottom: 16px; margin-bottom: 0px;
}

.r3:hover .nav-sever {
    display: block;
    width: 240px;
    height: 140px;
    padding-top: 16px;
    margin-top: 0px;
    padding-bottom: 16px;
    margin-bottom: 0px;
}
.r4:hover .nav-friend {
    display: block;
    width: 170px; height: 300px; padding-top: 16px; margin-top: 0px; padding-bottom: 16px; margin-bottom: 0px;
}
.r5:hover .nav-friend {
    display: block;
    width: 162px; height: 196px; padding-top: 16px; margin-top: 0px; padding-bottom: 16px; margin-bottom: 0px;
}
.r6:hover .nav-solus {
    display: block;
	width: 625px;height: 161px; padding-top: 16px; margin-top: 0px; padding-bottom: 16px; margin-bottom: 0px;
}
.r7:hover .hd-floor{
	display: block;
    background-color: #2e303f;
    border-bottom: 1px solid #3b444e;
} 
.programme-h4 a{ color:#fff;}
.programme-h4 a:hover{ color:#C8C8C8;}
.h4{ text-align:center;}


/*banner  start */
.sub-station-banner {
	height: 450px;
	position: relative;
	top: 0;
	left: 0;
	min-width: 1180px;
	overflow: hidden;
}

.sub-banner-inner {
	height: 450px;
	width: 1920px;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -960px;
}

.sub-station-banner .hda.sub-station-dot {
	bottom: 30px;
	width: 1180px;
	left: 370px;
	position: absolute;
	z-index: 1;
	text-align: center;
	cursor: pointer;
}

.sub-station-banner .hda.sub-station-dot>ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 5px 15px;
	border-radius: 10px;
	background: url(../img_ind/transparent50fff.png) repeat;
	font-size: 0;
	text-align: center;
}

.sub-station-banner .hda.sub-station-dot li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	font-size: 0;
	color: #999;
	margin: 0 5px;
	border-radius: 50%;
	background: #7b695c;
}

.sub-station-banner .hda.sub-station-dot li:hover {
	background: #fff;
	color: #fff;
}

.sub-station-banner .hda.sub-station-dot li.on {
	background: #fff;
}
/*banner end*/







.big-gray {
	width: 100%;
	min-width: 1180px;
	overflow: hidden;
	position: relative;
	background-color: #f4f4f4;
}

.big-til {
	padding: 60px 0 40px;
	text-align: center;
}

.big-til h3 {
	position: relative;
	line-height: 1;
	color: #3b3b3b;
	font-size: 30px;
	font-weight: bold;
}

.big-til h3 span {
	vertical-align: middle;
	position: relative;
	margin: 0 5px;
}

.big-til h3 .line {
	width: 87px;
	height: 1px;
	background-color: #d2d2d2;
}

.big-til h3 .line i {
	position: absolute;
	right: 0;
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background-color: #d2d2d2;
	top: -1.5px;
}

.big-til h3 .line .icon2 {
	left: 0;
	right: auto;
}

.big-til p {
	color: #848484;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 10px;
}

.hot-aptitude {
}

.hot-aptitude ul {
	font-size: 0;
}

.hot-aptitude ul li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 580px;
	height: 179px;
	border-radius: 3px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	margin-bottom: 23px;
	position: relative;
	vertical-align: top;
}

.hot-aptitude ul li .til {
	color: white;
	font-size: 24px;
	font-weight: bold;
}

.hot-aptitude ul li .desc {
	color: white;
	font-size: 16px;
	padding-top: 10px;
	width: 325px;
}

.hot-aptitude ul li i {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.hot-aptitude ul li:hover {
	box-shadow: 0 0 14px 7px #ddd;
}

.hot-aptitude ul li:hover i {
	right: 53px;
}

.zhzt {
	width: 1220px;
	height: 300px;
	margin: 23px auto 31px;
}

.overflow {
	overflow: hidden;
}

.zhzt ul {
	width: 100%;
}

.left {
	float: left;
}

.zhzt ul li {
	width: 290px;
	height: 290px;
	margin-right: 19px;
	margin-bottom: 20px;
}

.left .zhbg {
	background: #f4f4f4;
}

.zhbg {
	width: 290px;
	height: 290px;
}

.zhbg .bg {
	width: 290px;
	height: 290px;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	display: block;
	border: 1px solid transparent;
}

.zhbg a .bg p {
	font-size: 25px;
	margin: 90px 0 -12px;
	font-weight: 600;
}

.zhbg a .bg p {
	width: 176px;
	height: 52px;
	margin-left: 53px;
	line-height: 66px;
	margin-bottom: 4px;
	font-size: 28px;
}

.zhbg a .bg p, .zhbg a .bg i {
	color: #fff;
	text-align: center;
}

.zhbg a .bg i {
	font-size: 12px;
	font-style: normal;
	display: block;
	line-height: 26px;
}

.zhbg .bg:hover {
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
}

.left .zhbg .bg01 {
	background: url(../img_ind/a01.png) no-repeat 0 0;
}

.left .zhbg .bg02 {
	background: url(../img_ind/a02.png) no-repeat 0 0;
}

.left .zhbg .bg03 {
	background: url(../img_ind/a03.png) no-repeat 0 0;
}

.left .zhbg .bg04 {
	background: url(../img_ind/a04.png) no-repeat 0 0;
}

.left .zhbg .bg05 {
	background: url(../img_ind/a05.png) no-repeat 0 0;
}

.left .zhbg .bg06 {
	background: url(../img_ind/a06.png) no-repeat 0 0;
}

.left .zhbg .bg07 {
	background: url(../img_ind/a07.png) no-repeat 0 0;
}

.left .zhbg .bg08 {
	background: url(../img_ind/a08.png) no-repeat 0 0;
}



.wechat {
	width: 437px;
	height: 50px;
	margin: 0 auto;
	border: 2px solid #0e84e9;
	line-height: 53px;
	color: #fff;
	cursor: pointer;
	border-radius: 53px;
	position: relative;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.wechat-left {
	width: 280px;
	font-size: 14px;
	float: left;
	text-align: center;
	color: #666;
	height: 50px;
	border-radius: 3px 0 0 5px;
}

.wechat-left.t-fff {
	color: white;
}

.wechat-left span {
	color: #0e84e9;
	font-weight: bold;
	font-size: 18px;
}

.wechat-righ {
	width: 155px;
	background: #0e84e9;
	font-size: 16px;
	height: 100%;
	position: absolute;
	right: -1px;
	top: -1px;
	text-align: center;
	border: 1px solid #0e84e9;
	border-radius: 53px;
}

.wechat:hover {
	-webkit-opacity: 0.8;
    /* Netscape and Older than Firefox 0.9 */
	-moz-opacity: 0.8;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
	-khtml-opacity: 0.8;
    /* IE9 + etc...modern browsers */
	opacity: .8;
    /* IE 4-9 */
	filter: alpha(opacity=80);
    /*This works in IE 8 & 9 too*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    /*IE4-IE9*/
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	padding: 0 50px;
}

.wechat-righ i {
	background: url(../img_ind/wechat.png) no-repeat;
	width: 25px;
	height: 24px;
	display: inline-block;
	position: absolute;
	top: 11px;
	left: 28px;
}

.wechat-righ span {
	display: inline-block;
	position: absolute;
	left: 60px;
	top: 0;
	color: #fff;
}

.big-gray {
	width: 100%;
	min-width: 1180px;
	overflow: hidden;
	position: relative;
	background-color: #f4f4f4;
}

.big-til {
	padding: 60px 0 40px;
	text-align: center;
}

.big-til h3 {
	position: relative;
	line-height: 1;
	color: #3b3b3b;
	font-size: 30px;
	font-weight: bold;
}

.big-til h3 span {
	vertical-align: middle;
	position: relative;
	margin: 0 5px;
}

.big-til h3 .line {
	width: 87px;
	height: 1px;
	background-color: #d2d2d2;
}

.big-til h3 .line i {
	position: absolute;
	right: 0;
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background-color: #d2d2d2;
	top: -1.5px;
}

.big-til h3 .line .icon2 {
	left: 0;
	right: auto;
}

.big-til p {
	color: #848484;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 10px;
}
.cultural-publishing {
}

.cultural-publishing .left-img {
	float: left;
	text-align: center;
	color: white;
	width: 280px;
	height: 269px;
	background: url("../img_ind/cultural-publishing-left.jpg") no-repeat;
}

.cultural-publishing .left-img .til {
	font-size: 24px;
	font-weight: bold;
	padding-top: 40px;
}

.cultural-publishing .left-img .sub {
	color: #fcb557;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.cultural-publishing .right-info ul {
	font-size: 0;
	border-top: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
}

.cultural-publishing .right-info ul li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	border-left: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	transition: all .5s linear;
	width: 298.666px;
	height: 133px;
	background-color: white;
}

.cultural-publishing .right-info ul li div {
	padding: 22px 16px;
	color: #424242;
	font-size: 16px;
}

.cultural-publishing .right-info ul li a {
	display: block;
	margin-top: 35px;
	width: 94px;
	height: 33px;
	border: 1px solid #1d7bd3;
	border-radius: 3px;
	position: relative;
	text-align: center;
	line-height: 33px;
}

.cultural-publishing .right-info ul li span {
	color: #1d7bd3;
	position: relative;
	z-index: 1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.cultural-publishing .right-info ul li a i {
	position: absolute;
	width: 0;
	left: 50%;
	height: 33px;
	background-color: #1d7bd3;
	border-radius: 3px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.cultural-publishing .right-info ul li:hover span {
	color: white;
}

.cultural-publishing .right-info ul li:hover a i {
	width: 100%;
	left: 0;
}

.cultural-publishing .right-info ul li:before {
	content: '';
	display: block;
	position: absolute;
	box-sizing: border-box;
	border: 1px solid transparent;
	width: 0;
	height: 0;
	z-index: 0;
	bottom: 0;
	right: 0;
	-webkit-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
	transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
}

.cultural-publishing .right-info ul li:after {
	content: '';
	display: block;
	position: absolute;
	box-sizing: border-box;
	border: 1px solid transparent;
	width: 0;
	height: 0;
	z-index: 0;
	top: 0;
	left: 0;
	-webkit-transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
	transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
}

.cultural-publishing .right-info ul li:hover:before {
	width: 100%;
	height: 100%;
	border-bottom-color: #ff9000;
	border-left-color: #ff9000;
	-webkit-transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
	transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
}

.cultural-publishing .right-info ul li:hover:after {
	width: 100%;
	height: 100%;
	border-top-color: #ff9000;
	border-right-color: #ff9000;
	-webkit-transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
	transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
}

.cultural-publishing .right-info ul li:hover {
	box-shadow: 0 0 14px 5px rgba(0,0,0,.1);
}

.cultural-publishing .right-info ul li>i {
	display: block;
	width: 96px;
	height: 67px;
	background: url("../img_ind/cultural-publishing-icon.jpg") no-repeat;
	position: absolute;
	right: 10px;
	bottom: 0;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}

.cultural-publishing .right-info ul li>.icon2 {
	background-position: -96px 0;
}

.cultural-publishing .right-info ul li>.icon3 {
	background-position: -192px 0;
}

.cultural-publishing .right-info ul li>.icon4 {
	background-position: -288px 0;
}

.cultural-publishing .right-info ul li>.icon5 {
	background-position: -384px 0;
}

.cultural-publishing .right-info ul li>.icon6 {
	background-position: -480px 0;
}

.cultural-publishing .right-info ul li:hover>i {
	right: 20px;
	bottom: 10px;
}

.cultural-publishing-package {
	margin: 44px 0 65px;
}

.cultural-publishing-package ul {
	overflow: hidden;
}

.cultural-publishing-package ul li {
	float: left;
	width: 581px;
	height: 224px;
	position: relative;
	overflow: hidden;
	margin-left: 18px;
}

.cultural-publishing-package ul li:first-child {
	margin-left: 0;
}

.cultural-publishing-package ul li div {
	padding: 30px;
	position: relative;
	color: white;
}

.cultural-publishing-package ul li .til {
	font-size: 28px;
	font-weight: bold;
}

.cultural-publishing-package ul li dl {
	margin-top: 20px;
	overflow: hidden;
	width: 300px;
}

.cultural-publishing-package ul li dl dd {
	float: left;
	width: 150px;
	margin-bottom: 5px;
}

.cultural-publishing-package ul li dl dd a {
	color: white;
	font-size: 16px;
}

.cultural-publishing-package ul li dl dd a:hover {
	text-decoration: underline;
}

.cultural-publishing-package ul li i {
	position: absolute;
	right: -10px;
	bottom: 0;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}

.cultural-publishing-package ul li:hover i {
	bottom: 10px;
	right: 0;
}
.w1180 {
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.necessary-aptitude {
	width: 100%;
	min-width: 1180px;
	overflow: hidden;
	position: relative;
	margin-top: 44px;
}

.necessary-aptitude .big-til {
	padding: 20px 0 40px;
}

.necessary-aptitude .big-til h3 {
	color: white;
}

.necessary-aptitude .big-til p {
	color: white;
}

.necessary-aptitude .w1180 {
}

.necessary-aptitude .left-img {
    float: left;
    width: 280px;
    height: 500px;
    background: url(../img_ind/necessary-aptitude-left.jpg) no-repeat;
    text-align: center;
    color: white;
    background-size: 280px 500px;
}

.necessary-aptitude .left-img .til {
	font-size: 24px;
	font-weight: bold;
	padding-top: 50px;
}

.necessary-aptitude .left-img .sub {
	color: #6bade5;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.necessary-aptitude .left-img a {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 130px;
	height: 33px;
	border: 1px solid white;
	border-radius: 3px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	font-size: 16px;
	line-height: 33px;
	margin-top: 15px;
}

.necessary-aptitude .left-img span {
	position: relative;
	z-index: 1;
	color: white;
}

.necessary-aptitude .left-img i {
	position: absolute;
	width: 0;
	left: 50%;
	height: 33px;
	background-color: white;
	border-radius: 3px;
	top: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.necessary-aptitude .left-img:hover a {
}

.necessary-aptitude .left-img:hover span {
	color: #1d7bd3;
}

.necessary-aptitude .left-img:hover i {
	width: 100%;
	left: 0;
}
.ai-platform {
	font-size: 14px;
	-webkit-font-smoothing: antialiased
}

.ai-platform ol,.ai-platform ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.ai-platform h1,.ai-platform h2,.ai-platform h3,.ai-platform h4,.ai-platform h5,.ai-platform h6 {
	font-family: Microsoft YaHei Light,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial Narrow,Arial,"sans-serif";
	margin: 0;
	font-weight: 500
}

.ai-platform button,.ai-platform input,.ai-platform keygen,.ai-platform select,.ai-platform textarea {
	font-family: Microsoft YaHei Light,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial Narrow,Arial,"sans-serif";
	outline: none!important;
	color: #ccc
}

.ai-platform a {
	cursor: pointer;
	text-decoration: none;
	color: inherit
}

.ai-platform a:hover {
	color: #ff6600
}

.ai-platform a[role=button],.ai-platform button {
	width: 90px;
	height: 32px;
	line-height: 32px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 14px;
	cursor: pointer;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.2);
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	transition: all .1s linear;
	display: inline-block;
	text-align: center;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0
}

.ai-platform a[role=button]:hover,.ai-platform button:hover {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.4);
	-moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.4);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.4)
}

.ai-platform a[role=button].btn-primary,.ai-platform button.btn-primary {
	border: 1px solid #ff6600;
	background-color: #ff6600;
	color: #fff!important
}

.ai-platform a[role=button].btn-primary:hover,.ai-platform button.btn-primary:hover {
	background-color: #ff6e0e
}

.ai-platform a[role=button].btn-normal,.ai-platform button.btn-normal {
	border: 1px solid #ccc;
	background-color: #fff;
	color: #666!important;
}

.ai-platform a[role=button].btn-other,.ai-platform button.btn-other {
	border: 1px solid #333;
	background-color: #333;
	color: #fff!important
}

.ai-platform a[role=button].btn-other:hover,.ai-platform button.btn-other:hover {
	border: 1px solid #ff6600;
	background-color: #ff6600
}

.ai-platform a[role=button].small,.ai-platform button.small {
	width: 80px;
	height: 26px;
	line-height: 26px
}

.ai-platform a[role=button].media,.ai-platform button.media {
	width: 110px;
	height: 38px;
	line-height: 38px
}

.ai-platform a[role=button].large,.ai-platform button.large {
	width: 150px;
	height: 44px;
	line-height: 44px;
	font-size: 18px
}

.ai-platform .container {
	display: block;
	width: 1179px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px;
	position: relative
}

.ai-platform .clear-float {
	zoom: 1
}

.ai-platform .clear-float:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0
}

.ai-platform .disabled {
	opacity: .7;
	cursor: not-allowed
}

.ai-platform ::-webkit-input-placeholder {
	color: #ccc
}

.ai-platform :-moz-placeholder,.ai-platform ::-moz-placeholder {
	color: #ccc
}

.ai-platform :-ms-input-placeholder {
	color: #ccc
}

.ai-platform.page-content .banner {
	height: 500px;
	overflow: hidden;
	background-color: #14191e;
	color: #fff;
	position: relative
}

.ai-platform.page-content .banner ul.banner-content {
	height: 100%;
	position: relative;
	width: 1180px;
	margin: 0 auto;
}

.ai-platform.page-content .banner ul.banner-content>li {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	opacity: 0;
	z-index: 0;
	background-color: #14191e;
	-moz-background-size: cover;
	background-size: cover
}

.ai-platform.page-content .banner ul.banner-content>li.video-bg {
	padding: 100px 0
}

.ai-platform.page-content .banner ul.banner-content>li.video-bg video {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	background-color: transparent;
	opacity: 0
}

.ai-platform.page-content .banner ul.banner-content>li.active {
	opacity: 1;
	z-index: 9;
	-webkit-transition: opacity 1.5s ease-in-out 0s;
	-moz-transition: opacity 1.5s ease-in-out 0s;
	transition: opacity 1.5s ease-in-out 0s
}

.ai-platform.page-content .banner ul.banner-content>li:first-child {
	background-image: url(../img_ind/banner-1.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-position-x: center;
	background-position-y: center
}

.ai-platform.page-content .banner ul.banner-content>li:nth-child(2) {
	background-image: url(../img_ind/banner-2.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-position-x: center;
	background-position-y: center
}

.ai-platform.page-content .banner ul.banner-content>li:nth-child(3) {
	background-image: url(../img_ind/banner-3.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-position-x: center;
	background-position-y: center
}

.ai-platform.page-content .banner ul.banner-content>li:nth-child(4) {
	background-image: url(../img_ind/banner-4.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-position-x: center;
	background-position-y: center
}

.ai-platform.page-content .banner ul.banner-content>li:nth-child(5) {
	background-image: url(../img_ind/banner-5.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-position-x: center;
	background-position-y: center
}

.ai-platform.page-content .banner ul.banner-content>li:nth-child(6) {
	background-image: url(../img_ind/banner-6.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-position-x: center;
	background-position-y: center
}

.ai-platform.page-content .banner ul.banner-content>li:nth-child(7) {
	background-image: url(../img_ind/banner-7.jpg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-position-x: center;
	background-position-y: center
}

.ai-platform.page-content .banner ul.banner-content>li>a {
	color: #fff;
	display: block;
	height: 100%;
	padding: 100px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.ai-platform.page-content .banner ul.banner-content>li h1 {
	font-size: 42px;
	line-height: 42px;
	margin-bottom: 15px;
	margin-left: 50px;
}

.ai-platform.page-content .banner ul.banner-content>li p {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 35px;
	max-width: 30em;
	margin-left: 50px;
}

.ai-platform.page-content .banner ul.banner-content>li .get-started {
	border: 1px solid #fff;
	height: 42px;
	line-height: 42px;
	width: 150px;
	font-size: 18px;
	background-color: transparent;
	color: #fff;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0;
	margin-left: 50px;
}

.ai-platform.page-content .banner ul.banner-content>li .get-started:hover {
	background-color: #fff;
	color: #ff6600;
}

.ai-platform.page-content .banner ul.banner-indicator {
	position: absolute;
	bottom: 20px;
	width: 200px;
	height: 4px;
	text-align: center;
	left: 50%;
	z-index: 99;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

.ai-platform.page-content .banner ul.banner-indicator>li {
	width: 20px;
	height: 4px;
	background-color: hsla(0,0%,100%,.6);
	display: inline-block;
	cursor: pointer
}

.ai-platform.page-content .banner ul.banner-indicator>li.active {
	width: 30px;
	background-color: #fff
}

.ai-platform.page-content .news {
	line-height: 40px;
	height: 40px;
	background-color: #fafafa;
	border-bottom: 1px solid rgba(0,0,0,.05);
	color: #666
}

.ai-platform.page-content .news>.container .news-container {
	float: left;
	width: 100%;
	height: 100%;
}

.ai-platform.page-content .news>.container .news-container>ul {
}

.ai-platform.page-content .news>.container .news-container>ul>li {
	display: inline-block;
	float: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 12px;
	text-align: center;
	line-height: 40px;
	padding-right: 30px;
	padding-left: 30px;
}

.ai-platform.page-content .news>.container .news-container>ul>li a:hover {
	color: #FFFFFF;
}

.ai-platform.page-content .news>.container .news-container>ul>li:hover {
	color: #ff6600;
	border-radius: 5px;
}

.ai-platform.page-content .news>.container .news-container>ul>li a:hover {
	color: #ff6600;
}

.ai-platform.page-content .news>.container>h4 {
	float: left;
	font-size: 12px;
	color: #999;
	margin-left: -100%;
	width: 60px
}

.ai-platform.page-content .home-section h2 {
	font-size: 30px;
	color: #333;
	text-align: center;
	margin: 0 0 30px;
	line-height: 30px
}

.ai-platform.page-content .home-section.tech-service .service-container {
	border: 1px solid rgba(0,0,0,.05);
	border-left: none;
}

.ai-platform.page-content .home-section.tech-service .service-container .service-item {
	width: 25.7%;
	display: inline-block;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff
}

.ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(3n+1),.ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(3n+2) {
	border-right: 1px solid rgba(0,0,0,.05)
}

.ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(n+4) {
	border-top: 1px solid rgba(0,0,0,.05)
}

.ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(n+4) p {
	height: 3em
}

.ai-platform.page-content .home-section.tech-service .service-container .service-item:first-child {
	height: 250px
}

.ai-platform.page-content .home-section.tech-service .service-container .service-item:first-child .service-icon {
    background-image: url(../img_ind/service.png);
    background-repeat: no-repeat;
    background-position: -10px -15px;
    background-position-x: -1px;
    background-position-y: -14px;
}

.ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(2) {
	height: 250px
}

.ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(2) .service-icon {
    background-image: url(../img_ind/service.png);
    background-repeat: no-repeat;
    background-position: -90px -15px;
    background-position-x: -65px;
    background-position-y: -14px;
}

.ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(3) {
	height: 250px
}

.ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(3) .service-icon {
	background-image: url(../img_ind/service.png);
	background-repeat: no-repeat;
	background-position: -170px -15px;
	background-position-x: -210px;
	background-position-y: -15px
}

.ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(4) .service-icon {
	background-image: url(../img_ind/service.png);
	background-repeat: no-repeat;
	background-position: -10px -95px;
	background-position-x: -10px;
	background-position-y: -95px
}

.ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(5) .service-icon {
	background-image: url(../img_ind/service.png);
	background-repeat: no-repeat;
	background-position: -89px -95px;
	background-position-x: -80px;
	background-position-y: -97px
}

.ai-platform.page-content .home-section.tech-service .service-container .service-item:nth-child(6) .service-icon {
	background-image: url(../img_ind/service.png);
	background-repeat: no-repeat;
	background-position: -170px -95px;
	background-position-x: -155px;
	background-position-y: -90px
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail {
    padding: 35px 8px 15px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background-color: #fff;
    z-index: 0;
    height: 100%;
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail:hover {
	z-index: 9
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail:after {
	content: "";
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	transition: all .1s linear;
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: -3px;
	top: -1px;
	padding: 1px;
	background-color: #fff;
	z-index: -1;
	border-top: 2px solid transparent;
	opacity: 0;
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail:hover:after {
	border-top-color: #ff6600;
	opacity: 1;
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,.2);
	-moz-box-shadow: 0 2px 8px rgba(0,0,0,.2);
	box-shadow: 0 2px 8px rgba(0,0,0,.2)
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-icon {
	float: left;
	margin-left: -100%;
	display: inline-block;
	width: 70px;
	height: 70px;
	-moz-background-size: 250px 170px;
	background-size: 450px 170px
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-desc {
	float: left;
	width: 100%
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-desc>* {
	margin-left: 80px
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-desc h3 {
    color: #333;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 0;
    width: 220px;
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-desc p {
	color: #999;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 12px
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail hr {
	margin: 20px 0 18px;
	border-color: rgba(0,0,0,.03);
	border-bottom: 0
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list {
	font-size: 12px;
	margin-left: -28px;
	margin-top: -9px;
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list h4 {
	display: inline-block;
	color: #999;
	border-right: 1px solid rgba(0,0,0,.05);
	width: 60px;
	padding-right: 10px;
	text-align: right;
	vertical-align: middle;
	float: left
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list>ul>li {
	display: block;
	overflow: hidden;
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list>ul .ck {
	width: 120px;
	height: 30px;
	background: #ff6600;
	color: #FFFFFF;
	border-radius: 20px;
	text-align: center;
	line-height: 30px;
	margin-left: 115px;
	margin-bottom: 10px;
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list>ul .ck a:hover {
	color: #FFFFFF;
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list>ul a:hover {
	color: #ff6600;
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list ul>li ul {
	margin-left: 65px;
	display: inline-block;
	vertical-align: middle;
	width: 235px;
	float: left;
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list ul>li li {
	display: inline-block;
	float: left;
	margin-bottom: 10px
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list ul>li li+li {
	margin-right: 30px
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .service-tech-list ul>li li:nth-child(3n+1) {
	margin-right: 30px;
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .inline-list {
	margin-left: 80px
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail .inline-list>li {
	margin-right: 10px;
	display: inline-block;
	float: left
}

.ai-platform.page-content .home-section.tech-service .service-container .service-detail a {
	display: inline-block;
	line-height: 12px
}

.ai-platform.page-content .home-section.tech-service .service-container .more-service {
	color: #999;
	font-size: 14px;
	text-align: center;
	line-height: 174px;
	margin: 0
}

.ai-platform.page-content .home-section.solution .solution-container {
	border: 1px solid rgba(0,0,0,.05);
	height: 320px
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab {
	width: 160px;
	position: relative;
	float: left;
	margin-left: -100%
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li {
	width: 100%
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li��hover .solution-desc {
	display: block;
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li>a {
	display: block;
	color: #666;
	font-size: 16px;
	position: relative;
	padding: 25px 20px;
	height: 30px
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li>a.active,.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li>a:hover {
	color: #ff6600
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li>a.active:before {
	background-color: #ff6600!important;
	right: 20px
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li>a span {
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
	height: 30px
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li>a:before {
	content: "";
	left: 20px;
	right: 100%;
	height: 2px;
	background-color: transparent;
	position: absolute;
	display: inline-block;
	bottom: 0;
	-webkit-transition: right .5s ease 0s;
	-moz-transition: right .5s ease 0s;
	transition: right .5s ease 0s
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:not(:last-child)>a:after {
	content: "";
	left: 20px;
	right: 20px;
	height: 1px;
	background-color: rgba(0,0,0,.05);
	position: absolute;
	display: inline-block;
	bottom: 0
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li .solution-icon {
	width: 30px;
	-moz-background-size: 1200px 620px;
	background-size: 1200px 620px
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:first-child .solution-icon {
	background-image: url(../img_ind/solution.png);
	background-repeat: no-repeat;
	background-position: -10px -10px;
	background-position-x: -10px;
	background-position-y: -10px
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:first-child a.active .solution-icon,.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:first-child a:hover .solution-icon {
	background-image: url(../img_ind/solution.png);
	background-repeat: no-repeat;
	background-position: -10px -50px;
	background-position-x: -10px;
	background-position-y: -50px
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(2) .solution-icon {
	background-image: url(../img_ind/solution.png);
	background-repeat: no-repeat;
	background-position: -50px -10px;
	background-position-x: -50px;
	background-position-y: -10px
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(2) a.active .solution-icon,.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(2) a:hover .solution-icon {
	background-image: url(../img_ind/solution.png);
	background-repeat: no-repeat;
	background-position: -50px -50px;
	background-position-x: -50px;
	background-position-y: -50px
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(3) .solution-icon {
	background-image: url(../img_ind/solution.png);
	background-repeat: no-repeat;
	background-position: -90px -10px;
	background-position-x: -90px;
	background-position-y: -10px
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(3) a.active .solution-icon,.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(3) a:hover .solution-icon {
	background-image: url(../img_ind/solution.png);
	background-repeat: no-repeat;
	background-position: -90px -50px;
	background-position-x: -90px;
	background-position-y: -50px
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(4) .solution-icon {
	background-image: url(../img_ind/solution.png);
	background-repeat: no-repeat;
	background-position: -130px -10px;
	background-position-x: -130px;
	background-position-y: -10px
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(4) a.active .solution-icon,.ai-platform.page-content .home-section.solution .solution-container .solution-tab>li:nth-child(4) a:hover .solution-icon {
	background-image: url(../img_ind/solution.png);
	background-repeat: no-repeat;
	background-position: -130px -50px;
	background-position-x: -130px;
	background-position-y: -50px
}

.ai-platform.page-content .home-section.solution .solution-container .solution-tab:after {
	content: "";
	top: 25px;
	bottom: 25px;
	width: 1px;
	background-color: rgba(0,0,0,.05);
	position: absolute;
	display: inline-block;
	right: 0
}

.ai-platform.page-content .home-section.solution .solution-container .solution-detail {
	float: left;
	height: 100%;
	width: 100%;
	position: relative
}

.ai-platform.page-content .home-section.solution .solution-container .solution-detail:after {
	content: "";
	position: absolute;
	display: inline-block;
	height: 100%;
	left: 210px;
	right: 0;
	top: 0;
	z-index: -1;
	-moz-background-size: 1200px 620px;
	background-size: 1200px 620px;
	background-image: url(../img_ind/solution.png);
	background-repeat: no-repeat;
	background-position: -200px -10px;
	background-position-x: -200px;
	background-position-y: -10px
}

.ai-platform.page-content .home-section.solution .solution-container .solution-detail>div {
	display: none;
	padding: 60px 0 70px 40px;
	margin-left: 210px;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.ai-platform.page-content .home-section.solution .menudiv .con_one_2>div:after {
	content: "";
	position: absolute;
	display: inline-block;
	height: 300px;
	width: 300px;
	top: 20px;
	z-index: 1;
	right: 20px;
	-moz-background-size: 1200px 620px;
	background-size: 1200px 620px;
	-webkit-animation-name: rollInRight;
	-moz-animation-name: rollInRight;
	animation-name: rollInRight;
	-webkit-animation-duration: .2s;
	-moz-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-delay: 0;
	-moz-animation-delay: 0;
	animation-delay: 0;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear
}

.ai-platform.page-content .home-section.solution .solution-container .solution-detail>div:first-child {
	display: block
}

.ai-platform.page-content .home-section.solution .solution-container .solution-detail>div:first-child::after {
	background-image: url(../img_ind/solution.png);
	background-repeat: no-repeat;
	background-position: 10px -330px;
	background-position-x: 10px;
	background-position-y: -330px
}

.ai-platform.page-content .home-section.solution .menudiv .con_one_2>div:nth-child(2):after {
	background-image: url(../img_ind/solution.png);
	background-repeat: no-repeat;
	background-position: -290px -330px;
	background-position-x: -290px;
	background-position-y: -330px
}

.ai-platform.page-content .home-section.solution .solution-container .solution-detail>div:nth-child(3):after {
	background-image: url(../img_ind/solution.png);
	background-repeat: no-repeat;
	background-position: -590px -330px;
	background-position-x: -590px;
	background-position-y: -330px
}

.ai-platform.page-content .home-section.solution .solution-container .solution-detail>div:nth-child(4):after {
	background-image: url(../img_ind/solution.png);
	background-repeat: no-repeat;
	background-position: -890px -330px;
	background-position-x: -890px;
	background-position-y: -330px
}
.cultural-publishing-package {
	margin: 44px 0 65px;
}

.cultural-publishing-package ul {
	overflow: hidden;
}

.cultural-publishing-package ul li {
	float: left;
	width: 581px;
	height: 224px;
	position: relative;
	overflow: hidden;
	margin-left: 18px;
}

.cultural-publishing-package ul li:first-child {
	margin-left: 0;
}

.cultural-publishing-package ul li div {
	padding: 30px;
	position: relative;
	color: white;
}

.cultural-publishing-package ul li .til {
	font-size: 28px;
	font-weight: bold;
}

.cultural-publishing-package ul li dl {
	margin-top: 20px;
	overflow: hidden;
	width: 300px;
}

.cultural-publishing-package ul li dl dd {
	float: left;
	width: 150px;
	margin-bottom: 5px;
}

.cultural-publishing-package ul li dl dd a {
	color: white;
	font-size: 16px;
}

.cultural-publishing-package ul li dl dd a:hover {
	text-decoration: underline;
}

.cultural-publishing-package ul li i {
	position: absolute;
	right: -10px;
	bottom: 0;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}

.cultural-publishing-package ul li:hover i {
	bottom: 10px;
	right: 0;
}
.blue-bg {
	background-color: #2e3ea9;
}
.sky-bg {
	background-color: #1d7bd3;
}

.orange-bg {
	background-color: #ff9000;
}

.green-bg {
	background-color: #22c45b;
}
.www-aliyun-com-home-solution .module-wrap {
	background: #373d41
}

.www-aliyun-com-home-solution .module-wrap .slide-container {
	position: relative;
	min-width: 1000px;
	max-width: 1440px;
	height: 344px
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn-panel {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50px;
	border: 0;
	outline: none;
	cursor: pointer;
	background: transparent
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn-panel i,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn i {
	display: inline-block;
	font-size: 25px;
	color: #fff;
	cursor: pointer;
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70))
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn-panel:hover i,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn:hover i {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn-panel.left-btn,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn.left-btn {
	left: 0
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn-panel.right-btn,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn.right-btn {
	right: 0
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn-panel {
	display: none
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-btn-panel .btn-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #161a1d;
	opacity: .3;
	filter: alpha(opacity=30);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(30));
	display: none
}

.www-aliyun-com-home-solution .module-wrap .slide-container:hover .slide-btn-panel,.www-aliyun-com-home-solution .module-wrap .slide-container:hover .slide-btn-panel .btn-bg {
	display: block
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body {
	position: relative;
	overflow: hidden;
	height: 344px
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content {
	position: absolute;
	*zoom: 1;
	left: 0;
	top: 0
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content:after,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content:before {
	content: "";
	display: table
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content:after {
	clear: both
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item {
	position: relative;
	float: left;
	color: #000;
	font-size: 0;
	text-align: center;
	min-width: 236px;
	max-width: 288px;
	min-height: 344px;
	cursor: pointer
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .item-bg {
	width: 100%;
	height: 100%
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #161a1d;
	opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
	transition: all .4s cubic-bezier(.4,0,.2,1)
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .bg.other-bg {
	opacity: .82;
	filter: alpha(opacity=82);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(82))
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content {
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 0;
	transition: all .4s cubic-bezier(.4,0,.2,1)
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .line-panel {
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	margin-top: 20px;
	transition: all .4s cubic-bezier(.4,0,.2,1)
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .line-panel .item-line {
	width: 20px;
	height: 2px;
	background: #fff;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	transition: all .4s cubic-bezier(.4,0,.2,1)
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel {
	position: relative;
	width: 25%;
	height: 54px;
	display: inline-block
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	transition: all .4s cubic-bezier(.4,0,.2,1)
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	transition: all .4s cubic-bezier(.4,0,.2,1)
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-title {
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	margin-top: 24px;
	font-weight: 700;
	transition: all .4s cubic-bezier(.4,0,.2,1)
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-desc {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	padding: 0 23px;
	line-height: 24px;
	height: 72px
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link {
	display: inline-block;
	border: 1px solid #fff;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	margin-top: 62px
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link:hover {
	color: #00c1de;
	background: #fff
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-desc,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	transition: all .4s cubic-bezier(.4,0,.2,1)
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .bg {
	background: #00c2de;
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90))
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .bg.other-bg {
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90))
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content {
	top: 13%
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0))
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img-hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .line-panel {
	margin-top: 10px
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .line-panel .item-line {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0))
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-title {
	margin-top: 12px
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-desc,.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-link {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-desc {
	margin-top: 22px
}

.www-aliyun-com-home-solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-link {
	margin-top: 14%
}
.aliyun-common-footer-2017 .y-row {
	min-width: 1000px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	zoom: 1;
	*width: 1000px
}

.aliyun-common-footer-2017 .y-row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.y-row {
	min-width: 1000px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	zoom: 1;
	*width: 1000px;
}

.y-row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* 为栅格两边留白10像素 */
.y-row-edge {
	padding-left: 10px;
	padding-right: 10px;
	*padding-left: 0;
	*padding-right: 0;
}

.y-row .y-span1, .y-row .y-span2, .y-row .y-span3, .y-row .y-span4, .y-row .y-span5, .y-row .y-span6, .y-row .y-span7, .y-row .y-span8, .y-row .y-span9, .y-row .y-span10, .y-row .y-span11, .y-row .y-span12 {
	float: left;
	display: inline;
	margin-right: 2%;
	*margin-right: 20px;
}

.y-row .y-span1 {
	width: 6.5%;
	*width: 65px;
}

.y-row .y-span2 {
	width: 15%;
	*width: 150px;
}

.y-row .y-span3 {
	width: 23.5%;
	*width: 235px;
}

.y-row .y-span4 {
	width: 32%;
	*width: 320px;
}

.y-row .y-span5 {
	width: 40.5%;
	*width: 405px;
}

.y-row .y-span6 {
	width: 49%;
	*width: 490px;
}

.y-row .y-span7 {
	width: 57.5%;
	*width: 575px;
}

.y-row .y-span8 {
	width: 66%;
	*width: 660px;
}

.y-row .y-span9 {
	width: 74.5%;
	*width: 745px;
}

.y-row .y-span10 {
	width: 83%;
	*width: 830px;
}

.y-row .y-span11 {
	width: 91.5%;
	*width: 915px;
}

.y-row .y-span12 {
	width: 100%;
	*width: 1000px;
}

.y-row .y-last {
	margin-right: 0px !important;
}
.icon-arrow-left:before {
	content: url(../img_ind/e92b.png)
}

.icon-arrow-right:before {
	content: url(../img_ind/e92c.png)
}
.big-gray {
	width: 100%;
	min-width: 1180px;
	overflow: hidden;
	position: relative;
	background-color: #f4f4f4;
}

.big-til {
	padding: 60px 0 40px;
	text-align: center;
}

.big-til h3 {
	position: relative;
	line-height: 1;
	color: #3b3b3b;
	font-size: 30px;
	font-weight: bold;
}

.big-til h3 span {
	vertical-align: middle;
	position: relative;
	margin: 0 5px;
}

.big-til h3 .line {
	width: 87px;
	height: 1px;
	background-color: #d2d2d2;
}

.big-til h3 .line i {
	position: absolute;
	right: 0;
	width: 3px;
	height: 3px;
	border-radius: 3px;
	background-color: #d2d2d2;
	top: -1.5px;
}

.big-til h3 .line .icon2 {
	left: 0;
	right: auto;
}

.big-til p {
	color: #848484;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 10px;
}
.normal-question {
	padding-bottom: 60px;
}

.counsolor-box {
	overflow: hidden;
	padding-bottom: 35px;
}

.left-question {
	float: right;
	width: 823px;
}

.left-question ul {
	overflow: hidden;
	margin-top: -20px;
}

.left-question ul li {
	float: left;
	width: 390px;
	overflow: hidden;
	padding: 20px 5px;
	border-bottom: 1px solid #ededed;
	transition: all .3s;
}

.left-question ul li.right {
	float: right;
}

.left-question ul li .left-txt {
	width: 265px;
	line-height: 35px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #565656;
	font-size: 16px;
	float: left;
}

.left-question ul li .right-btn {
	position: relative;
	float: right;
	transition: all .5s;
	border-radius: 2px;
	line-height: 35px;
	width: 115px;
	text-align: center;
	border: 1px solid #1d7bd3;
}

.left-question ul li .right-btn span {
	position: relative;
	color: #1d7bd3;
	transition: all .5s;
	z-index: 1;
}

.left-question ul li .right-btn i {
	position: absolute;
	display: block;
	bottom: -1px;
	left: 50%;
	width: 0;
	height: 100%;
	background-color: #0e84e9;
	transition: all 0.3s ease-in;
	top: 0;
	z-index: 0;
}

.left-question ul li:hover {
	background-color: #f8f8f8;
}

.left-question ul li:hover .right-btn span {
	color: white;
}

.left-question ul li:hover i {
	width: 100%;
	left: 0;
}

.right-counselor {
	width: 300px;
	height: 287px;
	float: left;
	overflow: hidden;
	position: relative;
}

.right-counselor-box ul {
	overflow: hidden;
}

.right-counselor-box ul li {
	float: left;
	overflow: hidden;
	position: relative;
	height: 287px;
	width: 300px;
}

.right-counselor-box ul li .img {
	position: relative;
	overflow: hidden;
	background-color: #393941;
}

.right-counselor-box ul li .til {
	position: absolute;
	padding: 10px;
	overflow: hidden;
	bottom: 0;
	left: 0;
	width: 280px;
	background: url("../img_ind/tranbg-6.png") repeat;
}

.right-counselor-box ul li .til span {
	color: #ccc;
	float: left;
	line-height: 35px;
}

.right-counselor-box ul li .til font {
	color: #fff;
	font-size: 18px;
}

.right-counselor-box ul li .til a {
	display: block;
	float: right;
	width: 102px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: white;
	background-color: #1d7bd3;
	border-radius: 3px;
}

.right-counselor .prev,.right-counselor .next {
	position: absolute;
	width: 29px;
	height: 35px;
	background: url("../img_ind/tranbg-3.png") repeat;
	line-height: 3;
	text-align: center;
	top: 50%;
	left: 0;
	margin-top: -17px;
	display: none;
}

.right-counselor .prev span,.right-counselor .next span {
	background: url("../img_ind/btn-pre-n.png") no-repeat;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 11px;
	height: 18px;
}

.right-counselor .next {
	right: 0;
	left: auto;
}

.right-counselor .next span {
	background: url("../img_ind/btn-pre-n.png") no-repeat -11px 0;
}

.sub-station-btn:hover {
	background: #000;
}

.auto {
    margin: 0 auto;
    min-width: 1200px;
    max-width: 1200px;
}
.cloud-product {
    position: relative;
    z-index: 9;
    padding: 10px 0px 40px 0px;
}
.news-trends-list {
    margin-top: 46px;
}
.press-release {
    float: left;
    margin-left: 40px;
    width: 370px;
}
.press-release:first-child {
    margin-left: 0px;
}
.press-release-title-wrapper {
    position: relative;
    display: block;
    margin-bottom: 20px;
}
.press-release-title {
    position: absolute;
    top: -10px;
    width: 120px;
    height: 120px;
}
.pull-left {
    float: left;
}
.blue-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00aaff;
    opacity: 0.9;
}
.press-release-word {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    padding: 40px 0px;
    width: 120px;
    height: 120px;
    font-size: 20px;
    text-align: center;
    line-height: 32px;
    color: #fff;
}
.release-title-bg {
    width: 370px;
    height: 100px;
}
.release-title-bg.title-bg-1 {
    background: url(../img_ind/news_bg_01.jpg) no-repeat center;
}
.press-release-list {
    margin: 0 auto;
    height: 174px;
}
.press-release-list li {
    margin-top: 22px;
    float: left;
    width: 100%;
    height: 14px;
    line-height: 14px;
}
.press-release-list li:first-child {
    margin-top: 20px;
}
.press-release-list li a {
    display: block;
}
.press-release-list li a i {
    float: left;
    width: 21%;
    font-style: normal;
    font-size: 12px;
    color: #888;
    white-space: nowrap;
}
.press-release-list li a span {
    float: left;
    width: 76%;
    font-size: 14px;
    color: #555;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.release-title-bg.title-bg-2 {
    background: url(../img_ind/news_bg_02.jpg) no-repeat center;
}
.release-title-bg.title-bg-3 {
    background: url(../img_ind/odds2.jpg) no-repeat top;
}


.qualification-certificate {
	padding: 0 0 75px;
	width: 100%;
	min-width: 1180px;
	background: url("../img_ind/qualification-certificate.jpg") no-repeat center;
	overflow: hidden;
	position: relative;
}

.qualification-certificate .big-til {
	padding-bottom: 35px;
}

.qualification-certificate .big-til h3 {
	color: #fff;
}

.qualification-certificate .big-til p {
	color: #fff;
}
.certificate-side {
	width: 1180px;
	margin: 0 auto;
	position: relative;
}

.certificate-dis {
	width: 540px;
	height: 376px;
}

.certificate-dis li {
	position: relative;
}

.certificate-img {
	width: 540px;
	height: 376px;
}

.certificate-tips {
	width: 530px;
	background: #1d7bd3;
	position: absolute;
	top: 0;
	left: 569px;
	box-shadow: 0 0 3px 1px rgba(0,0,0,.15);
	border-radius: 3px;
	padding: 20px 30px 30px;
}

.certificate-triangle {
	display: block;
	width: 0;
	height: 0;
	border-top: 12px transparent solid;
	border-bottom: 12px transparent solid;
	border-right: 13px #1d7bd3 solid;
	position: absolute;
	left: -13px;
	top: 50%;
	margin-top: -12px;
}

.certificate-tips>h3 {
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 10px;
}

.certificate-tips>p {
	font-size: 14px;
	color: #fff;
}

.certificate-list .udf_oo {
	width: 1145px;
	margin: 0 auto;
}

.certificate-list ul {
	overflow: hidden;
}

.certificate-list li {
	width: 207px;
	float: left;
	margin: 0 10px;
	text-align: center;
	border: 1px transparent dashed;
}

.certificate-list li.active {
	border: 1px #1d7bd3 dashed;
}

.certificate-list li p {
	font-size: 16px;
	color: #fff;
	padding: 0 5px;
}

.certificate-list-img {
	padding: 10px;
}

.certificate-list-img {
	padding: 10px;
	width: 137px;
	height: 95px;
}

.certificate-side .ban-btn {
	position: absolute;
	bottom: 130px;
	display: block;
	width: 29px;
	height: 55px;
	background-image: url(../img_ind/p_n.png);
}

.certificate-side .ban-btn.sPrev {
	left: -15px;
	background-position: 0 0;
}

.certificate-side .ban-btn.sNext {
	right: -15px;
	background-position: -29px 0;
}

.certificate-side .ban-btn.sPrev:hover {
	background-position: 0 -55px;
}

.certificate-side .ban-btn.sNext:hover {
	background-position: -29px -55px;
}

.certificate-border {
	width: 610px;
	border-bottom: 1px #e5e5e5 solid;
	position: absolute;
	right: 0;
	bottom: 187px;
}

.certificate-border>span {
	display: block;
	width: 85px;
	height: 5px;
	background: #1d7bd3;
	position: absolute;
	bottom: -3px;
}

.certificate-list .udf_circle {
	bottom: -45px;
	width: 1180px;
	font-size: 0;
	position: absolute;
	z-index: 1;
	text-align: center;
	cursor: pointer;
}

.certificate-list .udf_circle ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 5px 15px;
	border-radius: 10px;
	font-size: 0;
	text-align: center;
}

.certificate-list .udf_circle li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	font-size: 0;
	color: #999;
	margin: 0 5px;
	border-radius: 50%;
	background: #7b695c;
}

.certificate-list .udf_circle li:hover {
	background: #1397ea;
	color: #1397ea;
}

.certificate-list .udf_circle li.on {
	background: #1397ea;
}





.pagehome, .page-container, .page {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.home-return{
    width: 56px;
    height: 56px;
    margin: 0;
    background: url(../img_ind/icon-return.png) no-repeat center center;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    right: -25px;
    bottom: -36px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.act .home-return{
	opacity: 1;
    visibility: visible;
}

.page-pagination .swiper-pagination-switch{
	display: block;
	margin: 30px 0;
	width:  12px;
	height: 12px;
	background: #82cddb;
	border-radius:  50%;
	opacity: 0.5;
	position: relative;
	cursor:  pointer;
}
.page-pagination .swiper-pagination-switch::before{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 56px;
	height: 56px;
	margin: -28px 0 0 -28px;
	background: #82cddb;
	opacity: 0.2;
	border-radius: 50%;
	visibility: hidden;
}
.page-pagination .swiper-pagination-switch::after{
    content: "";
    width: 52px;
    height: 52px;
    background: no-repeat center center;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -24px 0 0 -25px;
    opacity: 0;
	transition: all 0.2s;
	visibility: hidden;
}

.page-pagination .swiper-active-switch{
	opacity: 1;
}
.page-pagination .swiper-active-switch::before{
	visibility: visible;
}
.page-pagination .swiper-active-switch::after{
	opacity: 1;
	visibility: visible;
}

.banner,.banner a{
	width: 100%;
	height: 100%;
	display: block;
	cursor: unset;
	box-sizing: border-box;
	cursor:  pointer;
}
.banner{
	padding-top: 114px;
}
.mbanner{
    display:none;
}
.banner-box{
	width: 100%;
	height: 100%;
	position:  relative;
}
.banner-img{
	width: 100%;
	height: 100%;
	background: no-repeat center center;
	background-size: cover;
	=: 1900px
	position:;
}
.banner .swiper-slide{
	width: 100%;
	height: 100%;
	margin:  0;
	padding:  0;
	position:  relative;
	overflow:  hidden;
}
.two-menu h1 span{
	vertical-align: middle;
}
.banner-el {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 8;
    
}
.banner-el img{
	width: 100%;
}
.banner-el .img1 {
    left: 0;
    bottom: 0;
    height: 150px;
    position: absolute;
    animation: banner0-el-flash1 4s linear infinite alternate;
    -moz-animation: banner0-el-flash1 4s linear infinite alternate;
    -webkit-animation: banner0-el-flash1 4s linear infinite alternate;
    -ms-animation: banner0-el-flash1 4s linear infinite alternate;
}
.banner-el .img2 {
    right: -250px;
    bottom: 0px;
    height: 150px;
    position: absolute;
    animation: banner0-el-flash2 4s linear infinite alternate;
    -moz-animation: banner0-el-flash2 4s linear infinite alternate;
    -webkit-animation: banner0-el-flash2 4s linear infinite alternate;
    -ms-animation: banner0-el-flash2 4s linear infinite alternate;
}
@keyframes banner0-el-flash1{
    0% {
        left: 0;
        opacity: 0.9;
    } 
    100% {
        left: -50px;
        opacity: 1;
    } 
}
@keyframes banner0-el-flash2{
    0% {
        right: -250px;
        opacity: 0.9;
    } 
    100% {
        right: -100px;
        opacity: 1;
    } 
}
.banner-text{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 7;
}
.banner-text h1{
	font-size: 25px;
	color: #fff;
	margin-bottom: 20px;
}
.banner-text p{
    font-size: 50px;
    color: #fff;
    margin-top: 70px;
}
.banner-text p span{
	margin-right: 100px;
	display: inline-block;
}
.banner-text-main{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transition: all 1s;
}
.banner-btn{
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}
.active .banner-text-main{
	left: 50%;
	opacity: 1;
}
.swiper-pagination-switch{
	width: 12px;
	height:  12px;
	display: inline-block;
	margin: 0 10px;
	opacity: 0.8;
	background: #fff;
	border-radius: 50%;
	cursor: pointer;
}
.banner-btn .swiper-active-switch{
	background: #82cddb;
}
.home-product{
	padding-top: 114px;
	height:  100%;
	box-sizing:  border-box;
	width:  100%;
	position:  relative;
}
.home-title{
	padding: 35px 0;
	text-align: center;
	color: #333;
	font-size: 36px;
	position:  relative;
	z-index: 3;
}
.page2-el1-wrap{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: all 1.5s;
	z-index:  2;
}
.page.swiper-slide-active .page2-el1-wrap{
	opacity: 1;
}
.page2-el1{
	width: 520px;
	height: 520px;
	background: url(../img_ind/page2-el1.png) no-repeat center center;
	position:  absolute;
	bottom: 130px;
	left: 80px;
	background-size:  contain;
	animation: quan1 5s linear infinite;
	-moz-animation: quan1 5s linear infinite;
	-webkit-animation: quan1 5s linear infinite;
	-ms-animation: quan1 5s linear infinite;
}
.page2-el1::after{
	content: "";
	width: 50px;
	height: 50px;
	background:url(../img_ind/quan.png) no-repeat center center;
	background-size: contain;
	position: absolute;
	left: 137px;
	top: -6px;
	border-radius: 50%;
	background: #fff;
	border:  1px solid #1d6eb5;
}
@keyframes quan1{
	0% {
	    transform: rotate(0);
	    -webkit-transform: rotate(0);
	    -moz-transform: rotate(0);
	    -ms-transform: rotate(0);
	}
	100% {
	    transform: rotate(360deg);
	    -webkit-transform: rotate(360deg);
	    -moz-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	}
}
@keyframes quan2{
	0% {
	    transform: rotate(360deg);
	    -webkit-transform: rotate(360deg);
	    -moz-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	}
	100% {
	    transform: rotate(0);
	    -webkit-transform: rotate(0);
	    -moz-transform: rotate(0);
	    -ms-transform: rotate(0);
	}
}
.page2-el2-wrap{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: url(../img_ind/page2-bg.png) no-repeat  left bottom;
	background-size: 100%;
}
.page2-el3-wrap{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
}
.page2-el3{
	position: absolute;
	width: 680px;
	height: 680px;
	bottom: 55px;
	left:  0;
	opacity: 0;
	transition: all 1.5s;
	transform: scale(0);
	
}
.page2-el3-bg{
	position: absolute;
	width: 680px;
	height: 680px;
	bottom: 55px;
	left:  0;
	background:url(../img_ind/page2-el3.png) no-repeat center center;
	background-size: contain;
	animation: quan3 5s linear infinite;
	-moz-animation: quan3 5s linear infinite;
	-webkit-animation: quan3 5s linear infinite;
	-ms-animation: quan3 5s linear infinite;
}
@keyframes quan3{
	0% {
	    transform: rotate(0);
	    -webkit-transform: rotate(0);
	    -moz-transform: rotate(0);
	    -ms-transform: rotate(0);
	}
	100% {
	    transform: rotate(360deg);
	    -webkit-transform: rotate(360deg);
	    -moz-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	}
}
.page.swiper-slide-active .page2-el3{
	opacity: 2;
	transform: scale(1);
}
.page2-el3 .img1{
	position: absolute;
	left: -12px;
	top: 40px;
}
.page2-el3 .img2{
	position: absolute;
	right: 62px;
	top: 182px;
}
.page2-el3 .img3{
	position: absolute;
	bottom: -30px;
	left: 265px;
}
.page2-img{
	width: 160px;
	height: 160px;
	position:  relative;
}
.page2-img img{
	width: 100%;
	height: 100%;
	position: relative;
	z-index:  2;
}
.page2-img::after{
    content: "";
    position: absolute;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    background: #adcfee;
    border-radius: 50%;
    transition: all 0.5s;
}
.page2-el3 .quan1{
	width: 400px;
	height: 400px;
	background: url(../img_ind/quan1.png) no-repeat center center;
	background-size: cover;
	position: absolute;
	left: 140px;
	top: 143px;
	animation: quan2 5s linear infinite;
	-moz-animation: quan2 5s linear infinite;
	-webkit-animation: quan2 5s linear infinite;
	-ms-animation: quan2 5s linear infinite;
}
.page2-el3 .img1 p,.page2-el3 .img2 p,.page2-el3 .img3 p{
	text-align: center;
	color: #005bac;
	font-size: 18px;
	padding: 10px 0;
}
.page2-el3 .img1.act p,.page2-el3 .img2.act p,.page2-el3 .img3.act p{
    color: #82cddb;
}
.page2-el3 .img3 p{
	color: #fff;
}
.page2-el3 .img:hover .page2-img::after{
    background: #82cddb;
}
.page2-el3 .img.act .page2-img::after{
    background: #82cddb;
}
.page2-right{
    position: absolute;
    right: -300px;
    bottom: 330px;
    width: 605px;
    height:  320px;
    transition: all 1.5s;
    opacity: 0;
}
.page.swiper-slide-active .page2-right{
	right: 0;
	opacity: 1;
}
.swiper-solve1{
	top: 0;
}
.page2-block{
	padding: 0 60px;
	box-sizing:  border-box;
	opacity: 0;
	visibility: hidden;
	position:  absolute;
	left:  0;
	top: 0;
	width:  100%;
	height: 100%;
	transition:  all 0.5s;
}
.page2-block.active{
	opacity: 1;
	visibility: visible;
}
.page2-right ul{
	overflow: hidden;
}
.page2-right li{
	float: left;
	width:  120px;
	height:  120px;
	background: rgba(0,91,172,0.6);
	margin: 0 20px 40px;
	border-radius: 50%;
	text-align:  center;
	cursor:  pointer;
	transition: all 0.5s;
}
.page2-right li img{
	max-width: 60px;
	margin: 20px 0 10px;
}
.page2-right li p{
	font-size: 14px;
	color: #fff;
	padding: 0 18px;
}
.page2-right li:hover{
	background: #82cddb;
}
.btn-l{
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -45px;
	cursor:  pointer;
}
.btn-l img,.btn-r img{
	max-width: 100%;
}
.btn-r{
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -45px;
	cursor:  pointer;
}
.home-solve{
    padding-top: 114px;
    height: 100%;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    background: url(../img_ind/page3-bg.jpg) no-repeat center top;
    background-size: cover;
}
.page3 .home-title{
	color: #fff;
}
.home-solve-block{
	opacity: 0;
	visibility: hidden;
	position:  absolute;
	left:  0;
	top: 40px;
	width:  100%;
	height: 100%;
	transition: all 0.5s;
}
.home-solve-block.active{
	opacity: 1;
	visibility: visible;
}
.home-solve-block a{
	display: block;
	padding: 5px;
	position:  relative;
	transition: all .2s;
	-webkit-transition: all .2s;
	transform: scale(0);
	opacity: 0;
	top: 0;
	padding-top: 40px;
	height: 0;
}
.page.swiper-slide-active .home-solve-block a{
	height: 500px;
	transform: scale(1);
	opacity: 1;
}
.home-solve-img{
	height: 220px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	overflow:  hidden;
}
.home-solve-img .home-solve-box{
	width: 100%;
	height: 100%;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background: no-repeat center center;
	background-size: cover;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.home-solve-block a:hover .home-solve-box{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.home-solve-block a:hover {
	top: -40px;
}
.home-solve-text{
	padding: 25px 25px 65px;
	height: 190px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.home-solve-text h1{
	font-size: 16px;
	color: #333;
	font-weight: normal;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-bottom: 10px;
}
.home-solve-text p{
 	overflow: hidden;
 	text-overflow: ellipsis;
 	display: -webkit-box;
 	-webkit-line-clamp: 3;
 	-webkit-box-orient: vertical;
 	font-size: 14px;
 	color: #999;
 	line-height: 1.8;
 	height: 72px;
}
.home-solve-block .href{
	position: absolute;
	right: 35px;
	bottom: 30px;
	color: #999;
	font-size: 12px;
}
.home-solve-main{
	padding-top: 40px;
	height:  465px;
	position:  relative;
}
.page3-btn1-left,.page3-btn2-left,.page3-btn3-left{
	left: -30px;
	top: 210px;
	position:  absolute;
	cursor: pointer;
}
.page3-btn1-right,.page3-btn2-right,.page3-btn3-right{
	right: -30px;
	top: 210px;
	position: absolute;
	cursor:  pointer;
}
.page3-btn{
	padding-top: 0;
	text-align: center;
	transition: all 1.5s;
	opacity: 0;
}
.page.swiper-slide-active .page3-btn{
	padding-top: 80px;
	opacity: 1;
}
.page3-btn li{
	display: inline-block;
	background: rgba(255,255,255,0.1);
	width: 170px;
	height: 140px;
	text-align: center;
	cursor:  pointer;
	position:  relative;
	transition:  all 0.5s;
	vertical-align: top;
	top: 0;
}
.page3-btn li img{
	margin: 25px 0 18px;
}
.page3-btn li p{
	font-size: 18px;
	color: #fff;
}
.page3-btn li.act{
	top: -20px;
	background: rgba(255,255,255,0.35);
}
.home-partner{
    padding-top: 190px;
    height: 100%;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}
#element{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index:  1;
}
#element canvas{
	width: 100%;
	height: 100%;
}
.home-partner-block{
	position: relative;
}
.home-partner-block ul{
	overflow: hidden;
	text-align: center;
}
.home-partner-block li{
    width: 170px;
    height: 70px;
    display: inline-block;
    border: 1px solid #e0e0e0;
    margin: 12px 2px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: 0;
    background:  #fff;
    transform: scale(3);
    opacity: 0;
    transition: all 0.4s 0.5s;
}
.page.swiper-slide-active .home-partner-block li{
	transform: scale(1);
	opacity: 1;
}
.home-partner-block li img{
	max-width: 93%;
	max-height: 93%;
	display:  block;
	margin:  0 auto;
	transition: all 1s;
    -webkit-transition: all 1s;
}
@-webkit-keyframes ascaleX{
   0%{
   	-webkit-transform: scaleX(1);
   }
   50%{
   	-webkit-transform: scaleX(0);
   }
   100%{
   	-webkit-transform: scaleX(1);
   }
}
@keyframes ascaleX{
   0%{
   	transform: scaleX(1);
   }
   50%{
   	transform: scaleX(0);
   }
   100%{
   	transform: scaleX(1);
   }
}

.home-partner-block li.noborder{
	border: none;
}
.home-partner-block li:hover img{
    animation: ascaleX .3s linear;
}
.customer-number{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 270px;
	height: 150px;
	background: #f5f5f5;
	margin: -75px 0 0 -135px;
	text-align:  center;
	z-index:  2;
	opacity: 0;
	transition: all 1.5s;
}
.page.swiper-slide-active .customer-number{
	opacity: 1;
}
.customer-number h1{
	font-size: 56px;
	color: #333;
	margin: 20px 0 10px;
}
.customer-number p{
	font-size: 15px;
	color: #999;
}
.home-partner-main{
	padding-bottom: 50px;
	position: relative;
	z-index: 4;
}
.partner-btn{
	position: absolute;
	bottom: 0;
	right: 10%;
	z-index:  2;
}
.partner-btn span{
	width: 46px;
	height: 46px;
	display: inline-block;
	cursor: pointer;
	background-size: contain;
}
.partner-btn .partner-l{
	background: url(../img_ind/hz-l.png) no-repeat center center;
	background-size: contain;
}
.partner-btn .partner-r{
	background: url(../img_ind/hz-r.png) no-repeat center center;
	background-size:  contain;
}
.partner-l:hover{
	background-image: url(../img_ind/hz-l-act.png);
}
.partner-r:hover{
	background-image: url(../img_ind/hz-r-act.png);
}
.home-news{
	padding-top: 114px;
	height: 100%;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	background: url(../img_ind/page5-bg.jpg) no-repeat center top;
	background-size: cover;
}
.home-news-left{
	float: left;
	width: 46%;
	border-right:  1px solid #fff;
	padding: 0 40px 0 0;
	box-sizing:  border-box;
	opacity: 0;
	transition: all 1.5s;
	transform: translateX(-100%);
}
.page.swiper-slide-active .home-news-left{
	opacity: 1;
	transform: translateX(0);
}
.home-news-main{
	height: 100%;
	padding-top: 114px;
	box-sizing:  border-box;
}
.home-left-title{
	font-size: 34px;
	color: #fff;
	margin-bottom: 20px;
}
.home-left-main h1{
	font-size: 22px;
	color: #fff;
	font-weight: normal;
	margin:  20px 0 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.home-left-main p{
	color: #cccbcb;
	font-size: 18px;
	line-height: 1.5;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.home-left-img{
	overflow: hidden;
}
.home-left-main:hover .home-left-box{
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
}
.news-right-main:hover .home-left-box{
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
}
.home-left-box{
	width: 100%;
	height: 100%;
	background: no-repeat center center;
	background-size: cover;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.home-news-right{
    float: right;
    width: 54%;
    height: 90%;
    position: relative;
    padding: 52px 0 58px 40px;
    box-sizing: border-box;
    opacity: 0;
	transition: all .5s;
	transform: translateX(100%);
}
.page.swiper-slide-active .home-news-right{
	opacity: 1;
	transform: translateX(0);
}
.news-right-main{
	height: 110px;
	position: relative;
	background: rgba(255,255,255,0.3);
	display:  block;
	width: 0;
	opacity:  0;
	transition: all 1.5s 0.5s;
}
.page.swiper-slide-active .news-right-main{
	width: 100%;
	opacity:  1;
}
.news-right-main .time{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100px;
    background: #005bac;
    text-align: center;
}
.news-right-main .text-main{
	height: 100%;
	padding: 20px 185px 0 125px;
	box-sizing:  border-box;
    background:#fff;
}
.news-right-main .text-main h1{
	font-size: 16px;
	color: #333;
	font-weight: normal;
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-right-main .text-main p{
	font-size: 14px;
	color: #666;
	line-height: 1.8;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 52px;
}
.page4-bg{
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img_ind/page4-bg.png) no-repeat bottom center;
	background-size: cover;
	width: 100%;
	height: 276px;
	z-index:  2;
}
.home-news-img{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 170px;
	background: no-repeat center center;
	background-size: cover;
	overflow:  hidden;
}
.news-right-main .time h1{
	margin: 20px 0 5px;
	color: #fff;
	font-weight: normal;
	font-size: 40px;
}
.news-right-main .time p{
	color: #fff;
	font-size: 20px;
}
.news-right-main .time::after{
	position: absolute;
	right: -10px;
	top: 50%;
	content: "";
	border-left: 10px solid #005bac;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	margin-top: -5px;
}
.news-right-main:hover .time{
	background: #fff;
	color: #005bac;
}
.news-right-main:hover h1,.news-right-main:hover p{
	color: #005bac;
}
.news-right-main:hover .time::after{
	border-left-color: #fff;
}
.news-right-main:hover .text-main h1,.news-right-main:hover .text-main p{
	color: #fff;
}
.news-right-main:hover .text-main{
    background:#005bac;
}
.home-news-r{
    position: absolute;
    bottom: 30px;
    left: 40px;
    cursor: pointer;
}
.home-news-l{
    position: absolute;
    top: 12px;
    left: 40px;
    cursor: pointer;
}
.home-news-l img,.home-news-r img{
	width: 100%;
}
.news-href{
	position: absolute;
	bottom: 30px;
	right: 0;
	font-size: 16px;
	color: #fff;
}
.home-map{
    padding-top: 30px;
    height: 100%;
    box-sizing: border-box;
    width: 100%;
}
.home-map-main{
	padding-top: 0px;
	padding-bottom:20px;
	overflow:  hidden;
}
.map-left{
	float: left;
	width: 50%;
	position:  relative;
	opacity: 0;
	transition: all 1.5s;
	transform: translateX(-100%);
}
.page.swiper-slide-active .map-left{
	opacity: 1;
	transform: translateX(0%);
}
.map-left .imgbg{
	width: 100%;
	display: block;
}
.map-right{
	width: 45%;
	float: right;
	height: 500px;
	padding-bottom: 36px;
	position:  relative;
	opacity: 0;
	transition: all 1.5s;
	transform: translateX(100%);
}
.page.swiper-slide-active .map-right{
	opacity: 1;
	transform: translateX(0%);
}
.map-right-main .content{
	height: 400px;
	overflow-y: auto;
	padding-right: 14px;
}
.map-right-main{
    height: 100%;
    overflow: hidden;
}
.map-right-main .content::-webkit-scrollbar
{
    width: 6px;
    height: 6px;
    background-color:transparent;
}
.map-right-main .content::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: transparent;
}
.map-right .title{
	font-size: 36px;
	color: #333;
	margin-bottom: 24px;
}
.map-nav{
	overflow: hidden;
	margin-bottom: 30px;
}
.map-nav span{
	float: left;
	font-size: 22px;
	color: #7e7e7e;
	border-bottom: 1px solid transparent;
	margin-right: 45px;
	padding-bottom: 8px;
	cursor:  pointer;
}
.map-nav span.act{
	color: #005bac;
	border-bottom: 2px solid #005bac;
}
.map-block-img{
	height: 230px;
	background:no-repeat center center;
	background-size: cover;
	margin-bottom: 30px;
}
.map-block-text,.map-block-text ul{
	overflow: hidden;
}
.map-block-text li{
	width: 50%;
	float: left;
	margin-bottom: 12px;
	padding-left: 22px;
	box-sizing:  border-box;
	position:  relative;
	line-height: 1.5;
}
.map-block-text li span,.map-block-text li a{
	font-size: 14px;
	color: #333;
	vertical-align: middle;
	margin-left: 10px;
}
.map-block-text li img{
	position: absolute;
	left: 0;
	top: 0;
}
.info-href{
	position: absolute;
	right: 0;
	bottom: 0;
}
.info-href a{
	color: #999;
	font-size: 14px;
}
.info-href a img{
	margin-right: 10px;
}
.map-right-block{
	display: none;
	height: 100%;
}
.map-right-block:nth-child(1){
	display: block;
}
.pointer{
    position: absolute;
    font-size: 14px;
    color: #005bac;
    background: #fff;
    padding: 3px 10px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 0 5px #bbb;
}
.pointer1{
    right: 20%;
    top: 30%;
}
.pointer2{
    right: 10%;
    top: 45%;
}
.pointer3{
    right: 8%;
    top: 57%;
}
.pointer4{
    right: 16%;
    top: 82%;
}
.pointer5{
    right: 44%;
    top: 62%;
}
.pointer6{
    right: 38%;
    top: 35%;
}
.pointer7{
    right: 10%;
    top: 9%;
}

.map-right-block .content p{
	font-size: 16px;
	color: #666;
	line-height: 3;
	margin-bottom: 20px;
}
.pointer:hover{
	background: #9ece82;
	color: #fff;
}
.mb-partner-main{
	display: none;
}
.page2-bg{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
@media only screen and (min-width: 1401px) and (max-width: 1650px) {
    .page2-el3{
        width: 490px;
        height: 490px;
        bottom: 10px;
        left: 70px;
    }
    .page2-el3-bg{
        width: 510px;
        height: 510px;
        bottom: 20px;
        left: 70px;
    }
    .page2-el3 .quan1{
        width: 305px;
        height: 305px;
        background: url(../img_ind/quan1.png) no-repeat center center;
        background-size: cover;
        position: absolute;
        left: 103px;
        top: 100px;
        animation: quan2 5s linear infinite;
        -moz-animation: quan2 5s linear infinite;
        -webkit-animation: quan2 5s linear infinite;
        -ms-animation: quan2 5s linear infinite;
    }
    .page2-img{
        width: 120px;
        height: 120px;
    }
    .page2-el3 .img3{
        left: 192px;
        bottom: -10px;
    }
    .page2-el3 .img1{
        top: 4px;
        left: -15px;
    }
    .page2-el1{
        width: 400px;
        height: 400px;
        bottom: 77px;
        left: 125px;
    }
    .page2-el3 .img1 p, .page2-el3 .img2 p, .page2-el3 .img3 p{
        font-size: 16px;
        padding-top: 0;
    }
    .page2-el3 .img2{
        top: 98px;
        right: 30px;
    }
    .page2-el1::after{
        width: 40px;
        height: 40px;
        top: -14px;
    }
    .home-title{
        padding: 10px 0;
        font-size: 28px;
    }
    .page2-right{
        bottom: 150px;
        width: 550px;
        right: 50px;
    }
    .page2-block{
         padding: 0 50px;
    }
    .page2-right li{
        width: 110px;
        height: 110px;
        margin: 0 15px 30px;
    }
}
/*笔记本*/
@media only screen and (min-width: 701px) and (max-width: 1400px) {
	.banner,.home-product,.home-solve,.home-partner,.home-news,.home-map{
		padding-top: 45px;
	}
	.page-pagination .swiper-pagination-switch{
		margin: 20px 0;
	}
	.page-pagination .swiper-pagination-switch::after{
		width: 40px;
		height: 40px;
		margin: -18px 0 0 -19px;
	}
	.page-pagination .swiper-pagination-switch::before{
		width: 40px;
		height: 40px;
		margin: -20px 0 0 -20px;
	}
	.banner-el .img1{
		height: 100px;
	}
	.banner-el .img2{
		height: 120px;
	}
	.banner-el .img2{
		height: 110px;
	}
	.banner-text h1{
		font-size: 22px;
		margin-bottom: 15px;
	}
	.banner-text p{
        font-size: 20px;
        margin-bottom: 10px;
	}
	.page2-el3{
        width: 490px;
        height: 490px;
        bottom: 10px;
        left: 70px;
	}
	.page2-el3-bg{
		width: 510px;
	    height: 510px;
	    bottom: 20px;
	    left: 70px;
	}
	.page2-el3 .quan1{
	    width: 305px;
	    height: 305px;
	    background: url(../img_ind/quan1.png) no-repeat center center;
	    background-size: cover;
	    position: absolute;
	    left: 103px;
	    top: 100px;
	    animation: quan2 5s linear infinite;
	    -moz-animation: quan2 5s linear infinite;
	    -webkit-animation: quan2 5s linear infinite;
	    -ms-animation: quan2 5s linear infinite;
	}
	.page2-img{
		width: 120px;
		height: 120px;
	}
	.page2-el3 .img3{
	    left: 192px;
	    bottom: -10px;
	}
	.page2-el3 .img1{
	    top: 4px;
    	left: -15px;
	}
	.page2-el1{
	    width: 400px;
	    height: 400px;
	    bottom: 77px;
	    left: 125px;
	}
	.page2-el3 .img1 p, .page2-el3 .img2 p, .page2-el3 .img3 p{
		font-size: 16px;
		padding-top: 0;
	}
	.page2-el3 .img2{
	    top: 98px;
    	right: 30px;
	}
	.page2-el1::after{
		width: 40px;
		height: 40px;
		top: -14px;
	}
	.home-title{
	    padding: 10px 0;
    	font-size: 28px;
	}
	.page2-right{
	    bottom: 150px;
	    width: 550px;
	    right: 50px;
	}
	.page2-block{
		 padding: 0 50px;
	}
	.page2-right li{
		width: 110px;
		height: 110px;
		margin: 0 15px 30px;
	}
	.home-solve-main{
	    padding: 24px 100px;
        height: 277px;
	}
    .page.swiper-slide-active .home-solve-block a{
        height: 270px;
        padding-top:0;
    }
	.home-solve-block{
		left: 100px;
		right: 100px;
		width: auto;
		top: 5px;
	}
	.page4-bg{
		height: 190px;
	}
	.home-solve-img{
		height: 180px;
	}
	.home-solve-text{
		height: 150px;
		padding: 15px 15px 35px;
	}
	.home-solve-block .href{
	    bottom: 16px;
    	right: 15px;
	}
	.home-solve-text p{
		line-height: 1.5;
		height: 58px;
	}
	.page3-btn1-left, .page3-btn2-left, .page3-btn3-left,.page3-btn1-right, .page3-btn2-right, .page3-btn3-right{
		top: 165px;
	}
	.page.swiper-slide-active .page3-btn{
		padding-top: 35px;
	}
	.page3-btn li{
	    width: 130px;
	    height: 100px;
	}
	.page3-btn li img{
		width: 46px;
		margin: 14px 0;
	}
	.page3-btn li p{
		font-size: 16px;
	}
	.page2-right li img{
		max-width: 42px;
	}
	.home-partner-block li{
		width: 140px;
		height: 52px;
		line-height: 52px;
		margin: 15px 2px 0;
	}
	.partner-btn{
		right: 20px;
	}
	.home-news-main{
		padding: 10px 50px 0px;
	}
	.home-news-left{
		padding: 25px 50px 0 0;
	}
	.home-left-title{
		font-size: 24px;
	}
	.home-left-main h1{
		font-size: 17px;
		margin: 10px 0 5px;
	}
	.home-left-main p{
		font-size: 14px;
	}
	.home-news-right{
		padding: 68px 10px 26px 35px;
	}
	.news-right-main{
		height: 85px;
	}
	.news-right-main .time{
		width: 90px;
	}
	.news-right-main .time h1{
	    font-size: 34px;
    	margin: 12px 0 4px;
	}
	.news-right-main .time p{
		font-size: 16px;
	}
	.home-news-img{
		width: 140px;
	}
	.news-right-main .text-main{
	    padding: 10px 150px 0 110px;
	}
	.news-right-main .text-main h1{
		font-size: 15px;
		margin-bottom: 3px;
	}
	.home-news-r,.news-href{
		bottom: -10px;
		font-size: 14px;
	}
	.home-news-l{
		top: 27px;
	}
	.home-map-main{
		padding: 12px 50px 0;
	}
	.map-right .title{
		font-size: 27px;
		margin-bottom: 15px;
	}
	.map-right-block .content p{
		font-size: 14px;
	}
	.customer-number{
		width: 240px;
		height: 110px;
		margin: -55px 0 0 -120px;
	}
	.customer-number h1{
		font-size: 38px;
	}
}

/*手机*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
	.banner,.home-product,.home-solve,.home-partner,.home-news,.home-map{
		padding-top: 48px;
	}
    .pcbanner{
        display:none;
    }
    .mbanner{
        display:block;
    }
	.page-pagination{
		display: none;
	}
	.page-pagination .swiper-pagination-switch{
		margin: 20px 0;
	}
	.page-pagination .swiper-pagination-switch::after{
		width: 40px;
		height: 40px;
		margin: -18px 0 0 -19px
	}
	.page-pagination .swiper-pagination-switch::before{
		width: 40px;
		height: 40px;
		margin: -20px 0 0 -20px;
	}
	.banner-text-main{
		width: 95%;
		padding-left: 20%;
	}
	.banner-el .img1{
		height: 60px;
	}
	.banner-el .img2{
		height: 47px;
	}
	.banner-text h1{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.banner-text p{
	    font-size: 30px;
        margin-top: 30px;
	}
	.banner-text p span{
		margin-right: 30px;
	}
	.banner-text p span:last-child{
		margin-right: 0;
	}
	.page2-el1-wrap{
		display: none;
	}
	.page2-el3{
	    background: none;
        width: 100%;
        height: 130px;
        top: 120px;
        left: 0;
        position: initial;
        margin-top: 120px;
        margin-bottom:60px;
	}
	.page2-el3-bg{
		background: none;
		width:  100%;
		height: 130px;
		top: 120px;
		left:  0;
        display:none;
	}
	.page2-el3 .img1,.page2-el3 .img2,.page2-el3 .img3{
		position: initial;
		float: left;
		width: 33.333%;
	}
	.page2-img{
		width: 100px;
		height: 100px;
		margin:  0 auto;
	}
	.page2-el3 .img1 p, .page2-el3 .img2 p, .page2-el3 .img3 p{
		color: #005bac;
		font-size: 14px;
		padding: 5px 0;
	}
	.page2-el3 .quan1{
		display: none;
	}
	.home-title{
	    padding: 20px 0 0px;
	    font-size: 20px;
	}
	.page2-right{
	    bottom: 0;
	    width: 100%;
	    right: 0;
        height: 270px;
        position:relative;
	}
	.page2-block{
		padding: 0 20px;
	}
	.page2-right ul{
		width: 300px;
		margin: 0 auto;
	}
	.page2-right li{
		width: 90px;
		height: 90px;
		margin: 0 5px 12px;
	}
	.page2-right li p{
		font-size: 12px;
		padding: 0 9px;
	}
	.home-solve-main{
		padding: 15px 62px;
		height: 310px;
	}
	.home-solve-block{
		left: 50px;
		right: 50px;
		width: auto;
        top: 10px;
	}
	.home-solve-img{
		height: 165px;
	}
	.home-solve-text{
		height: 135px;
		padding: 15px 15px 35px;
	}
	.home-solve-block .href{
	    bottom: 16px;
    	right: 15px;
	}
	.home-solve-text p{
		line-height: 1.5;
		height: 58px;
	}
	.btn-l{
		width: 30px;
		left: 0px;
		margin-top: -65px;
	}
	.btn-r{
		width: 30px;
		right: 0px;
		margin-top: -65px;
	}
	.page3-btn1-left, .page3-btn2-left, .page3-btn3-left,.page3-btn1-right, .page3-btn2-right, .page3-btn3-right{
		top: 168px;
	}
	.page3-btn1-left, .page3-btn2-left, .page3-btn3-left{
		left: -30px;
	}
	.page3-btn1-right, .page3-btn2-right, .page3-btn3-right{
		right: -30px;
	}
	.page3-btn{
		padding-top: 0;
	}
    .page.swiper-slide-active .page3-btn{
        padding-top:30px;
    }
	.page3-btn li{
	    width: 80px;
	    height: 85px;
	}
	.page3-btn li img{
		width: 36px;
		margin: 14px 0;
	}
	.page3-btn li p{
		font-size: 12px;
	}
	.page2-right li img{
		max-width: 26px;
		margin: 15px 0 9px;
	}
	.page4-bg{
		height: 90px;
	}
	.home-partner-block li{
        height: 48px;
        line-height: 45px;
        float: left;
        width: 31.33%;
        margin: 5px 1%;
        box-sizing: border-box;
	}
	.partner-btn{
		right: 20px;
	}
	.home-news-main{
		padding: 20px 10px 0px;
	}
	.home-news-left{
		display: none;
	}
	.home-left-title{
		font-size: 24px;
	}
	.home-left-main h1{
		font-size: 18px;
	}
	.home-left-main p{
		font-size: 14px;
	}
	.home-news-right{
		padding: 30px 0px;
		width: 100%;
        max-height: 570px;
	}
	.news-right-main{
		height:80px;
	}
	.news-right-main .time{
		width: 80px;
	}
	.news-right-main .time h1{
	    font-size: 30px;
	    margin: 14px 0 4px;
	}
	.news-right-main .time p{
		font-size: 16px;
	}
	.home-news-img{
		width: 140px;
		display:  none;
	}
	.news-right-main .text-main{
	    padding: 5px 10px 0px 95px;
	}
    .news-right-main .text-main p{
        font-size: 13px;
        line-height: 1.5;
        overflow: hidden;
        height: 37px;
    }
	.news-right-main .text-main h1{
		font-size: 15px;
		margin-bottom: 6px;
	}
	.home-news-r{
		bottom: 10px;
		font-size: 14px;
		width: 25px;
		left: 0;
	}
	.news-href{
		bottom: 10px;
		font-size: 14px;
	}
	.home-news-l{
		top: 5px;
		left: 0px;
		width: 25px;
	}
	.home-map-main{
		padding: 2px 5px 0;
	}
	.map-right .title{
		font-size: 18px;
		margin-bottom: 5px;
	}
	.map-right-block .content p{
		font-size: 12px;
		margin-bottom: 5px;
	}
	.customer-number{
		width: 220px;
		height: 110px;
		margin: 15px auto;
		position: initial;
		padding-top: 21px;
		box-sizing:  border-box;
	}
	.customer-number h1{
		font-size: 36px;
		margin: 0;
	}
	.page3-btn li:hover{
		top: -10px;
	}
	.mb-partner-main{
		display: block;
		padding-bottom: 80px;
	}
	.pc-partner-main{
		display: none;
	}
	.home-partner .swiper-slide{
		width: 100%;
	}
	.home-partner .home-title{
		margin-bottom: 15px;
	}
	.partner-btn span{
		width: 40px;
		height: 40px;
	}
	.map-left{
		width: 72%;
		margin:  0 auto;
		float:  none;
	}
	.map-right{
		width: 100%;
		height: 250px;
		padding-bottom: 25px;
		float:  none;
	}
	.map-nav{
		margin-bottom: 10px;
	}
	.map-nav span{
		font-size: 14px;
		padding-bottom:  4px;
	}
	.map-block-img{
		height: 110px;
		margin-bottom: 6px;
	}
	.map-block-text li{
		margin-bottom: 0px;
        padding-left: 0;
        line-height: 1.3;
	}
	.info-href a img{
		width: 18px;
	}
	.info-href a{
		font-size: 12px;
	}
	.map-block-text li span{
		font-size: 12px;
        color:#333;
        margin-left:0;
	}
	.pointer{
		font-size: 12px;
		padding:  2px 4px;
		border-radius: 3px;
	}
    .page.swiper-slide-active .home-solve-block a{
        padding-top:0;
    }
    .home-solve-main{
        padding-top: 15px;
    }
    .map-block-text li img{
        display:none;
    }
	
}
@media only screen and (min-width: 100px) and (max-width: 330px) {
	.page2-right ul{
		width: 280px;
	}
	.page2-right li{
		width: 80px;
		height: 80px;
	}
	.page2-right{
		height: 300px;
	}
	.home-solve-img{
		height: 150px;
	}
	.home-solve-main{
		padding: 10px 40px;
	}
	.home-solve-text{
		height: 140px;
	}
}

.jj{width:200px;line-height:50px;text-align:center;border:1px solid #ccc;float:left;margin:5px;}
.jj a{color:#363636;}

.wrap {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}


.time-line {
	position: relative;
	min-width: 1180px;
	background: url(../img_ind/about_big-bg.jpg) no-repeat center -150px;
	padding: 15px 0 20px;
}

.time-line-main {
	position: relative;
	z-index: 1;
	width: 1180px;
	text-align: center;
	margin: 0 auto;
}

.time-line-main>h3 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	line-height: 45px;
}

.city-list {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-top: 1px #fff solid;
	border-bottom: 1px #fff solid;
	line-height: 32px;
	color: #fff;
	margin-top: 10px;
}

.city-list>label {
	margin: 0 16px;
}

.city-list>span {
	position: absolute;
	left: 50%;
	margin-left: -3px;
	padding: 0 2px;
	display: block;
	background: #3e9aef;
}

.city-list>span.top {
	top: -3px;
}

.city-list>span.bottom {
	bottom: -3px;
}

.city-list>span>i {
	width: 2px;
	height: 5px;
	display: block;
	background: #fff;
}

.time-line-warp {
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.time-list-main {
	width: 1224px;
}

.time-axis {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 55px;
	min-width: 1180px;
	height: 30px;
	background: url(../img_ind/time_line1.png) repeat center;
}

.time-list-main>ul {
	overflow: hidden;
}

.time-list-main li {
	display: block;
	float: left;
	width: 140px;
	padding: 285px 64px 0 0;
	text-align: left;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.time-list-main li.active>i {
	background: url(../img_ind/time_dot_s.png) no-repeat center;
	-webkit-animation: dyamiuc_round 2.5s linear 0s infinite normal;
	animation: dyamiuc_round 2.5s linear 0s infinite normal
}

@-webkit-keyframes dyamiuc_round {
	0% {
		-webkit-transform: scale(.3);
		transform: scale(.3);
		opacity: 0
	}

	50% {
		-webkit-transform: scale(.7);
		transform: scale(.7);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@keyframes dyamiuc_round {
	0% {
		-webkit-transform: scale(.3);
		transform: scale(.3);
		opacity: 0
	}

	50% {
		-webkit-transform: scale(.7);
		transform: scale(.7);
		opacity: 1
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

.time-list-main li>i {
	display: block;
	margin: 0 auto;
	width: 41px;
	height: 41px;
	position: relative;
	left: 1px;
	background: url(../img_ind/time_dot.png) no-repeat 11px center;
}

.time-list-main li>p {
	font-size: 16px;
	line-height: 30px;
}

.time-txt {
	position: absolute;
	padding: 10px;
	bottom: 105px;
	width: 230px;
	background: url(../img_ind/transparent40.png) repeat;
	color: #fff;
	line-height: 25px;
	border-radius: 5px;
}

.time-txt>i {
	position: absolute;
	left: 50%;
	margin-left: -4.5px;
	bottom: -5px;
	display: block;
	width: 9px;
	height: 5px;
	background: url(../img_ind/time_arrow.png) no-repeat;
}

.time-p-n {
	position: absolute;
	bottom: 34px;
	display: block;
	width: 35px;
	height: 35px;
	background-image: url(../img_ind/time_p_n.png);
}

.time-p-n.prev {
	display: none;
	left: 0;
	background-position: 0 -35px;
}

.time-p-n.prev:hover {
	background-position: 0 0;
}

.time-p-n.next {
	right: 0;
	background-position: -35px 0;
}

.time-p-n.next:hover {
	background-position: -35px -35px;
}

.time-txt>p {
	padding: 5px 10px 0;
	line-height: 22px;
}

.time-img>img {
	width: 100%;
}

.full-time {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
}
.user-brand-list {
	overflow: hidden;
	margin-bottom: 50px;
	padding: 10px 0;
	list-style: none;
	margin: 0;
}
.user-brand-list>li {
    display: inline-block;
    width: 20%;
    float: left;
    text-align: center;
    height: 100px;
    position: relative;
    -moz-background-size: 1200px 575px;
    background-size: 1200px 575px;
}
.user-brand-list>li:first-child {
    background-image: url(../img_ind/user-brand.png);
    background-repeat: no-repeat;
    background-position: 0 -12px;
    background-position-x: 0;
    background-position-y: -12px;
}
.user-brand-list>li:nth-child(2) {
    background-image: url(../img_ind/user-brand.png);
    background-repeat: no-repeat;
    background-position: -240px -12px;
    background-position-x: -240px;
    background-position-y: -12px;
}
.user-brand-list>li:nth-child(3) {
    background-image: url(../img_ind/user-brand.png);
    background-repeat: no-repeat;
    background-position: -480px -12px;
    background-position-x: -480px;
    background-position-y: -12px;
}
.user-brand-list>li:nth-child(4) {
    background-image: url(../img_ind/user-brand.png);
    background-repeat: no-repeat;
    background-position: -720px -12px;
    background-position-x: -720px;
    background-position-y: -12px;
}
.user-brand-list>li:nth-child(5) {
    background-image: url(../img_ind/user-brand.png);
    background-repeat: no-repeat;
    background-position: -960px -12px;
    background-position-x: -960px;
    background-position-y: -12px;
}
.user-brand-list>li:nth-child(6) {
    background-image: url(../img_ind/user-brand.png);
    background-repeat: no-repeat;
    background-position: 0 -162px;
    background-position-x: 0;
    background-position-y: -162px;
}
.user-brand-list>li:nth-child(7) {
    background-image: url(../img_ind/user-brand.png);
    background-repeat: no-repeat;
    background-position: -240px -162px;
    background-position-x: -240px;
    background-position-y: -162px;
}
.user-brand-list>li:nth-child(8) {
    background-image: url(../img_ind/user-brand.png);
    background-repeat: no-repeat;
    background-position: -480px -162px;
    background-position-x: -480px;
    background-position-y: -162px;
}
.user-brand-list>li:nth-child(9) {
    background-image: url(../img_ind/user-brand.png);
    background-repeat: no-repeat;
    background-position: -720px -162px;
    background-position-x: -720px;
    background-position-y: -162px;
}
.user-brand-list>li:nth-child(10) {
    background-image: url(../img_ind/user-brand.png);
    background-repeat: no-repeat;
    background-position: -960px -162px;
    background-position-x: -960px;
    background-position-y: -162px;
}
.user-brand-list>li:first-child:hover {
	background-image:url(../img_ind/user-brand.png);
	background-repeat:no-repeat;
	background-position:0 -312px;
	background-position-x:0;
	background-position-y:-312px
}
.user-brand-list>li:nth-child(2):hover {
	background-image:url(../img_ind/user-brand.png);
	background-repeat:no-repeat;
	background-position:-240px -312px;
	background-position-x:-240px;
	background-position-y:-312px
}
.user-brand-list>li:nth-child(3):hover {
	background-image:url(../img_ind/user-brand.png);
	background-repeat:no-repeat;
	background-position:-480px -312px;
	background-position-x:-480px;
	background-position-y:-312px
}
.user-brand-list>li:nth-child(4):hover {
	background-image:url(../img_ind/user-brand.png);
	background-repeat:no-repeat;
	background-position:-720px -312px;
	background-position-x:-720px;
	background-position-y:-312px
}
.user-brand-list>li:nth-child(5):hover {
	background-image:url(../img_ind/user-brand.png);
	background-repeat:no-repeat;
	background-position:-960px -312px;
	background-position-x:-960px;
	background-position-y:-312px
}
.user-brand-list>li:nth-child(6):hover {
	background-image:url(../img_ind/user-brand.png);
	background-repeat:no-repeat;
	background-position:0 -462px;
	background-position-x:0;
	background-position-y:-462px
}
.user-brand-list>li:nth-child(7):hover {
	background-image:url(../img_ind/user-brand.png);
	background-repeat:no-repeat;
	background-position:-240px -462px;
	background-position-x:-240px;
	background-position-y:-462px
}
.user-brand-list>li:nth-child(8):hover {
	background-image:url(../img_ind/user-brand.png);
	background-repeat:no-repeat;
	background-position:-480px -462px;
	background-position-x:-480px;
	background-position-y:-462px
}
.user-brand-list>li:nth-child(9):hover {
	background-image:url(../img_ind/user-brand.png);
	background-repeat:no-repeat;
	background-position:-720px -462px;
	background-position-x:-720px;
	background-position-y:-462px
}
.user-brand-list>li:nth-child(10):hover {
	background-image:url(../img_ind/user-brand.png);
	background-repeat:no-repeat;
	background-position:-960px -462px;
	background-position-x:-960px;
	background-position-y:-462px
}
.task-panel-bd .zbj-btn-primary{ color:#FF6600}
.task-panel-bd .zbj-btn-primary:hover{ color:#fff}


.module-wrap {
    min-width: 1000px;
}
.aliyun-common-footer-2017 .y-row {
	min-width: 1000px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	zoom: 1;
	*width: 1000px
}

.aliyun-common-footer-2017 .y-row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.aliyun-common-footer-2017 .y-left,.aliyun-common-footer-2017 .y-right {
	display: inline
}

.aliyun-common-footer-2017 .y-left {
	float: left!important
}

.aliyun-common-footer-2017 .y-right {
	float: right!important
}

.aliyun-common-footer-2017 .y-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.aliyun-common-footer-2017 .y-clear {
	zoom: 1
}

.aliyun-common-footer-2017 .y-align-center {
	text-align: center!important
}

.aliyun-common-footer-2017 a.y-btn-anti,.aliyun-common-footer-2017 a.y-btn-anti:link,.aliyun-common-footer-2017 a.y-btn-anti:visited,.aliyun-common-footer-2017 a.y-btn-blue,.aliyun-common-footer-2017 a.y-btn-blue:link,.aliyun-common-footer-2017 a.y-btn-blue:visited,.aliyun-common-footer-2017 a.y-btn-trans,.aliyun-common-footer-2017 a.y-btn-trans:link,.aliyun-common-footer-2017 a.y-btn-trans:visited,.aliyun-common-footer-2017 a.y-btn-white,.aliyun-common-footer-2017 a.y-btn-white:link,.aliyun-common-footer-2017 a.y-btn-white:visited {
	display: inline-block;
	min-width: 78px;
	height: 33px;
	padding: 0 30px 1px;
	background: #00a2ca;
	line-height: 33px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	outline: none;
	border-radius: 0;
	*width: auto
}

.aliyun-common-footer-2017 a.y-btn-blue:hover {
	background: #33b5d4;
	border-color: #33b5d4;
	text-decoration: none
}

.aliyun-common-footer-2017 a.y-btn-blue:active {
	background: #008fb2;
	border-color: #008fb2
}

.float-tool {
	position: fixed;
	width: 44px;
	right: 8px;
	bottom: 40%;
	z-index: 250
}

.aliyun-common-footer-2017 {
	font-size: 12px
}

.aliyun-common-footer-2017 .module-wrap * {
	box-sizing: border-box
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time {
	background-color: #31373b
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content {
	height: 120px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content .ali-main-time-what {
	line-height: 120px;
	color: #fff;
	font-size: 16px;
	transition: color .3s
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content .ali-main-time-what:hover {
	color: #28d0e9!important
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li {
	width: 25%;
	float: left;
	text-align: left
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li a {
	position: relative;
	padding-left: 60px;
	height: 120px;
	line-height: 120px;
	display: inline-block;
	color: #666
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li a img {
	position: absolute;
	left: 0;
	width: 50px;
	top: 34px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li a img.white {
	display: block
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li a img.black {
	display: none
}

.aliyun-common-footer-2017 .module-wrap .ali-main-time .ali-main-time-content>li a:hover {
	text-decoration: none
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know {
	padding-top: 30px;
	background-color: #373d41;
	min-height: 220px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div {
	padding-bottom: 30px;
	position: relative;
	box-sizing: border-box;
	padding-left: 300px;
	border-bottom: 1px solid #4b5054
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell {
	left: 0;
	width: 280px;
	position: absolute
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div {
	position: relative;
	padding-left: 80px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div img {
	position: absolute;
	left: 0;
	width: 50px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div img.white {
	display: none
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div img.black {
	display: block
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div img.white-black {
	display: none
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div h2 {
	color: #d7d8d9;
	font-size: 16px;
	height: 30px;
	margin-top: 0;
	margin-bottom: 0
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div h1 {
	color: #fff;
	font-size: 25px;
	height: 30px;
	margin-top: 0;
	margin-bottom: 0
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div ul {
	margin: 16px 0
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div ul li {
	height: 30px;
	line-height: 30px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div ul li a {
	font-size: 14px;
	color: #9b9ea0;
	transition: color .3s
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .phone-cell>div ul li a:hover {
	color: #28d0e9!important;
	text-decoration: none
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content {
	border-left: 1px solid #4b5054;
	box-sizing: border-box;
	padding-left: 130px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content>li {
	width: 22%;
	float: left
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-title {
	color: #d7d8d9;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
	font-weight: bolder
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent {
	margin-top: 14px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent li {
	margin-top: 8px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent li a {
	color: #9b9ea0;

	height: 18px;
	line-height: 18px;
	transition: color .3s
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent li a:hover {
	color: #28d0e9!important;
	text-decoration: none
}

.aliyun-common-footer-2017 .module-wrap .ali-main-know>div .ali-main-know-content .ali-main-know-subcontent li.qr-code img {
	margin-top: 16px;
	width: 80px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-hot {
	padding-top: 20px;
	background-color: #373d41
}

.aliyun-common-footer-2017 .module-wrap .ali-main-hot>div {
	border-bottom: 1px solid #4b5054;
	padding-bottom: 20px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-hot .ali-main-hot-content>li {
	position: relative;
	padding-left: 80px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-hot .ali-main-hot-content>li .ali-main-hot-title {
	font-size: 12px;
	color: #9b9ea0;
	font-weight: bolder;
	position: absolute;
	left: 0;
	margin-top: 8px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-hot .ali-main-hot-content>li .ali-main-hot-subcontent li {
	width: 124px;
	float: left;
	margin-top: 8px
}

.aliyun-common-footer-2017 .module-wrap .ali-main-hot .ali-main-hot-content>li .ali-main-hot-subcontent li a {
	color: #73777a;
	transition: color .3s
}

.aliyun-common-footer-2017 .module-wrap .ali-main-hot .ali-main-hot-content>li .ali-main-hot-subcontent li a:hover {
	color: #28d0e9!important;
	text-decoration: none
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 {
	background-color: #373d41;
	padding-top:20px;
	padding-bottom:25px;
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .copyright .big {
	display: inline-block
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .copyright .big a {
	font-size: 16px;
	color: #9b9ea0;
	margin-right: 35px;
	transition: color .3s
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .copyright .big a:hover {
	color: #28d0e9!important;
	text-decoration: none
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .copyright .footer-search {
	display: inline-block;
	float: right;
	margin-left: 10px;
	position: relative
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice {
	background-color: hsla(0,0%,100%,.1);
	box-sizing: content-box!important;
	display: none;
	width: 100px;
	height: 30px;
	border: 1px solid #bbbdbf;
	padding: 0 10px 0 35px;
	line-height: 30px;
	position: relative;
	cursor: pointer;
	color: #bbbdbf
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice:hover .icon-up3,.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice:hover ul {
	display: block
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice:hover .icon-down3 {
	display: none
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice img {
	width: 22px;
	left: 6px;
	position: absolute;
	top: 5px
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice .icon-up3 {
	display: none;
	font-family: iconfont!important
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice .icon-down3 {
	display: block;
	font-family: iconfont!important
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice i {
	position: absolute;
	right: 5px;
	top: 7px
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice>ul {
	display: none;
	background-color: hsla(0,0%,100%,.1);
	width: 145px;
	left: -1px;
	position: absolute;
	top: 30px;
	color: #bbbdbf;
	border: 1px solid #bbbdbf
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .select-choice>ul li {
	position: relative;
	padding: 0 10px 0 35px
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .footer-search {
	display: inline-block;
	float: right;
	margin-left: 10px;
	position: relative
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .footer-search input {
	background-color: hsla(0,0%,100%,.1);
	border: 1px solid #bbbdbf;
	height: 30px;
	color: #bbbdbf;
	padding: 0 30px 0 10px;
	width: 178px
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .footer-search button {
	width: 30px;
	position: absolute;
	top: 1px;
	height: 30px;
	right: 1px;
	background-color: hsla(0,0%,100%,0);
	border: 0;
	cursor: pointer
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .footer-search button i {
	font-size: 16px;
	color: #b3b3b3
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .link-wrap {
	padding-top: 10px
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .link-wrap .link-item {
	display: inline-block;
	font-size: 14px;
	color: #73777a;
	margin-right: 10px;
	margin-top: 10px;
	transition: color .3s
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .link-wrap .link-item:hover {
	color: #28d0e9!important;
	text-decoration: none
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .copyright {
	color: #73777a;
	font-size: 14px;
	margin-top: 10px
}

.aliyun-common-footer-2017 .module-wrap .ali-copyright-100 .xin {
	margin-top: 10px;
	display: block
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time {
	background-color: #ebecec
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time .ali-main-time-content {
	height: 120px
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time .ali-main-time-content .ali-main-time-what {
	color: #373d41
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time .ali-main-time-content>li a {
	position: relative;
	padding-left: 60px;
	height: 120px;
	line-height: 120px
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time .ali-main-time-content>li a img.white {
	display: none
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-time .ali-main-time-content>li a img.black {
	display: block
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know {
	background-color: #f5f5f6
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know>div {
	border-bottom: 1px solid #cfd0d1
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell img.white {
	display: block
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell img.black,.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell img.white-black {
	display: none
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell h1,.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell h2 {
	color: #373d41
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .phone-cell ul li a {
	color: #73777a
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .ali-main-know-content {
	border-left: 1px solid #cfd0d1
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .ali-main-know-content .ali-main-know-title {
	color: #373d41
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-know .ali-main-know-content .ali-main-know-subcontent li a {
	color: #73777a
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-hot {
	background-color: #f5f5f6
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-hot>div {
	border-bottom: 1px solid #cfd0d1
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-hot .ali-main-hot-content .ali-main-hot-title {
	color: #73777a
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-main-hot .ali-main-hot-content .ali-main-hot-subcontent li a {
	color: #9b9ea0
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-copyright-100 {
	background-color: #f5f5f6
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-copyright-100 .big a {
	color: #73777a!important
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-copyright-100 .copyright,.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white .ali-copyright-100 .link-wrap .link-item {
	color: #9b9ea0
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white.aliyun-common-footer-small .ali-main-know {
	background-color: #ebecec
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white.aliyun-common-footer-small .ali-main-know .phone-cell img.black,.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white.aliyun-common-footer-small .ali-main-know .phone-cell img.white {
	display: none
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white.aliyun-common-footer-small .ali-main-know .phone-cell img.white-black {
	display: block
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-white.aliyun-common-footer-small .ali-main-know .phone-cell li a {
	color: #373d41
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-time {
	display: none
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know {
	background-color: #31373b;
	min-height: 110px;
	box-sizing: border-box
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know>div {
	border-bottom: none
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .phone-cell {
	height: 110px;
	width: 100%
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .phone-cell ul {
	left: 267px;
	position: absolute;
	top: -4px
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .phone-cell ul li {
	float: left;
	border-left: 1px solid #cfd0d1;
	padding: 0 15px;
	height: 20px;
	line-height: 20px
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .phone-cell ul li:first-child {
	border-left: none
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .phone-cell ul li a {
	font-size: 16px;
	color: #fff
}

.aliyun-common-footer-2017 .module-wrap .aliyun-common-footer-small .ali-main-know .ali-main-know-content {
	display: none
}
.copyright .aicp{ color:#73777a}
.copyright .aicp:hover{ color:#00a2ca}
/*�����ͷ�*/
#floatDivBoxs {
    width: 170px;
    background: #fff;
    position: fixed;
    top:57.5%;
    left:0px;
    z-index: 999;
}
#floatDivBoxs .floatDtt {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #00a0e9;
    color: #fff;
    font-size: 15px;
    text-align: center;
    position: relative;
    letter-spacing: 5px;
}
#floatDivBoxs .floatDqq {
    padding: 0 20px;
}
#floatDivBoxs .floatDqq li {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    border-bottom: 1px solid #e3e3e3;
    padding: 0px 0 0 50px;
    width: 135px;
    letter-spacing: 2px;
}
#floatDivBoxs .floatDqq li a:hover{color:#e8431f;}

#floatDivBoxs .floatDtxt {
    font-size: 15px;
    color: #333;
    padding: 12px 20px;
}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../img_ind/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow {
    background: #fff;
    box-shadow: 0px 0px 2px rgba(0,160,233,.5);
}
#rightArrow {
    width: 30px;
    height: 117px;
    background: url(../img_ind/online_arrow.png) no-repeat;
    position: fixed;
    top:57.5%;
    left: 170px;
    z-index: 999;
}
#rightArrow a {
    display: block;
    height: 120px;
}






/*关于我们*/
.about{ padding:70px 0 0 0; height: 420px;}
.about .boxa{width: 1200px; margin:0 auto; position: relative; z-index: 9;}
.about .leftbox {
    width: 600px;
    height: 420px;
    float: left;
}
.about .leftbox li {
    display: block;
    float: left;
    width:198px;
    height: 140px;
    overflow: hidden;
    text-align: center;
    margin-right: 2px;
    margin-bottom: 2px;
}
.about .leftbox li:hover{}
.about .leftbox li img{ width: 100%; height: 100%;
	transform: scale(1);
	-ms-transform: scale(1) ;
	-moz-transform: scale(1) ;
	-webkit-transform: scale(1) ;
}

.about .leftbox li img{
	transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
}
.about .leftbox li:hover img {
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
}
.about .rightbox{float: left; width: 600px;}
.about .rightbox table{width: 600px; height: 420px;}
.about .rightbox .td{display: inline-block; *display: inline; *zoom:1; padding-left:80px;}
.about .rightbox .title{}
.about .rightbox .title h2{font-size: 24px; color: #FA032E;}
.about .rightbox .title span{font-size: 14px; color:#AAAAAA; text-transform: uppercase; line-height: 2;}
.about .rightbox .content h4{ padding:52px 0 25px 0; font-size: 18px; color:#383838;}
.about .rightbox .content p{font-size: 13px; line-height: 20px; color: #828282; width: 460px; height: 60px; padding-bottom:40px;}
.about .rightbox a.more{ width: 178px; height: 47px; border: 1px solid #ccc; display: block; margin-top:50px;  text-align: center; line-height: 48px; font-size:14px; color: #363636;}


.r {
    width: 95px !important;
    padding: 0 5px;
}
















.list .item {
    margin: 0 10px 25px 10px;
    border-bottom: 1px dashed #97a0b42e;
    overflow: hidden;
    padding: 20px 25px 8px;
    padding-top: 0;
    width: 1175px !important;
    word-break: break-all;
    font-family: Microsoft YaHei;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	float: left;
}

.list .item h3 {
    font-weight: bold;
    color:#eaeaea;
    height: 30px;
    line-height: 30px;
    width: 985px;
    float: left;
}
.links {
    min-height: 35px;
    float: left;
    line-height: 35px;
    padding: 0 0;
    text-align: left;
}
.hot {
    color: #4f93e6 !important;
}





.d2 {
    display: none;
    width: 515px !important;
    height: 275px !important;
}
.db:hover .d2{ display:block;}

.list .item1 {
    margin: 0 10px 12px 10px;
    border-bottom: 1px dashed #e4e4e4;
    overflow: hidden;
    padding: 23px 0 15px;
    padding-top: 0;
    width: 495px !important;
    word-break: break-all;
    font-family: Microsoft YaHei;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    float: left;
}

.list .item1 h3 {
    font-weight: bold;
    color: #fff;
    height: 30px;
    line-height: 30px;
    width: 910px;
    float: left;
    text-align: left;
}
.item1 a {
    color: #eaeaea;
    padding: 0 41px;
}
.item1 .links a{padding: 0 40px;}
.text-left1 {
    height: 290px !important;
}










.d3 {
    display: none;
    width: 901px !important;
    height: 303px !important;
}
.dc:hover .d3{ display:block;}
.list .item2 {
    margin: 0 10px 25px 10px;
    border-bottom: 1px dashed #e4e4e4;
    overflow: hidden;
    padding: 23px 0 20px;
    padding-top: 0;
    width: 882px !important;
    word-break: break-all;
    font-family: Microsoft YaHei;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.list .item2 h3 {
    font-weight: bold;
    color:#eaeaea;
    height: 30px;
    line-height: 30px;
    width: 882px;
    float: left;
    text-align: left;
}
.item2 a {
    color: #eaeaea;
    padding: 0 32px;
}
.item2 .links a{padding: 0 32px;}
.text-left2 {
    height: 370px !important;
}




.d4 {
    display: none;
    width: 505px !important;
    height: 100px !important;
}

.list .item3 {
    margin: 0 10px 10px 10px;
    border-bottom: 1px dashed #e4e4e4;
    overflow: hidden;
    padding: 23px 0 5px;
    padding-top: 0;
    width: 484px !important;
    word-break: break-all;
    font-family: Microsoft YaHei;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.list .item3 h3 {
    font-weight: bold;
    color: #eaeaea;
    height: 30px;
    line-height: 30px;
    width: 484px;
    float: left;
    text-align: left;
}
.item3 a {
    color: #eaeaea;
    padding: 0 32px;
}
.item3 .links a{padding: 0 32px;}



.d5 {
    display: none;
    width: 536px !important;
    height: 92px !important;
}
.dds:hover .d5 {
    display: block;
}

.list .item4 {
    margin: 0 10px 10px 10px;
    border-bottom: 1px dashed #e4e4e4;
    overflow: hidden;
    padding: 23px 0 5px;
    padding-top: 0;
    width: 510px !important;
    word-break: break-all;
    font-family: Microsoft YaHei;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.list .item4 h3 {
    font-weight: bold;
    color:#eaeaea;
    height: 30px;
    line-height: 30px;
    width: 510px;
    float: left;
    text-align: left;
}
.item4 a {
    color: #eaeaea;
    padding: 0 32px;
}
.item4 .links a{padding: 0 32px;}





.d6 {
    display: none;
    width: 268px !important;
    height: 245px !important;
    right: 75px !important;
}
.dds:hover .d6 {
    display: block;
}

.list .item6 {
    margin: 0 10px 10px 29px;
    border-bottom: 1px dashed #e4e4e4;
    overflow: hidden;
    padding: 23px 0 5px;
    padding-top: 0;
    width: 205px !important;
    word-break: break-all;
    font-family: Microsoft YaHei;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.list .item6 h3 {
    font-weight: bold;
    color:#eaeaea;
    height: 30px;
    line-height: 30px;
    width: 205px;
    float: left;
    text-align: left;
}

.item6 a {
    color: #eaeaea;
    padding: 0 32px;
}
.item6 a {
    color: #eaeaea;
    padding: 0 70px;
}








.d7 {
    display: none;
    width: 404px !important;
    height: 92px !important;
}
.dds:hover .d7 {
    display: block;
}

.list .item5 {
    margin: 0 10px 10px 27px;
    border-bottom: 1px dashed #e4e4e4;
    overflow: hidden;
    padding: 23px 0 5px;
    padding-top: 0;
    width: 365px !important;
    word-break: break-all;
    font-family: Microsoft YaHei;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}
.list .item5 h3 {
    font-weight: bold;
    color:#eaeaea;
    height: 30px;
    line-height: 30px;
    width: 365px;
    text-align: left;
}

.item5 a {
    color: #eaeaea;
    padding: 0 32px;
}
.item5.links a{padding: 0 32px;}





.item a {
    color: #fff;
    padding: 0px 30px;
}
.links a{ color: #eaeaea;}
.item a:hover{    color: #4f93e6;}
.item1 a:hover{    color: #4f93e6;}
.item2 a:hover{    color: #4f93e6;}
.item3 a:hover{    color: #4f93e6;}
.item4 a:hover{    color: #4f93e6;}
.item5 a:hover{    color: #4f93e6;}

.text-left{height: 425px !important;}










































.xz1{
				opacity: 1;
    transform: perspective(800px) rotateY(0);
    -o-transform: perspective(800px) rotateY(0);
    -webkit-transform: perspective(800px) rotateY(0);
    -ms-transform: perspective(800px) rotateY(0);
    transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
			}
			.xz2{opacity: 0;
			position: absolute;
    top: 0;
    transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    transform: perspective(800px) rotateY(-180deg);
    -o-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -webkit-transform: perspective(800px) rotateY(-180deg);}
	
	.xz:hover .xz1 {
    opacity: 0;
    transform: perspective(800px) rotateY(-180deg);
    -o-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -webkit-transform: perspective(800px) rotateY(-180deg);
}
.xz:hover .xz2 {
    opacity: 1;
    transform: perspective(800px) rotateY(0);
    -o-transform: perspective(800px) rotateY(0);
    -ms-transform: perspective(800px) rotateY(0);
    -webkit-transform: perspective(800px) rotateY(0);
}
.bg02iimhg{padding: 45px 97px 0 !important;}
.bg02iimhgp {
    margin: 0px 10px 0 !important;
    font-size: 15px !important;
    width: 275px !important;
    line-height: 48px !important;
}
.bg02iimhi{padding: 5px 20px!important;width: 260px!important;float: left!important;text-align: left!important;font-size: 14px!important;}
.bg01_p {
    margin: 35px 13px 0!important;
    font-size: 14px!important;
    width: 266px!important;
    line-height: 48px!important;
    color: #fff!important;
    text-align: center;
}
.bg01_i{padding: 5px 20px!important;width: 260px!important;float: left!important;text-align: left!important;font-size: 13px!important;color: #fff!important;line-height: 26px!important;}
.bg01_ia{color: #57c8f9!important;font-weight: bold!important;float: right!important;width: 190px;}
.bg01_y1i{padding: 16px 10px;text-align: left;float: left;height: 80px}
.bg01_y1ia{font-weight: bold;background:#fbfbfb;width:115px;border-radius:7px;text-align:center;float:left;margin:5px 10px;height:30px;font-size:14px;line-height: 30px;}
.bg01_ia1 {
    color: #57c8f9!important;
    font-weight: bold!important;
    float: right!important;
    width: 165px;
}
.bg01_ia2 {
    color: #57c8f9!important;
    font-weight: bold!important;
    float: right!important;
    width: 200px;
}
.bg01_ia3{
    color: #57c8f9!important;
    font-weight: bold!important;
    float: right!important;
    width: 72px;
}
.bg01_ia4 {
    color: #57c8f9!important;
    font-weight: bold!important;
    float: right!important;
    width: 145px;
}


