@charset "utf-8";*{margin:0;padding:0} 
body{margin:0 auto;position: relative; max-width:640px; color:#444;font-size:14px;font-family:"微软雅黑"}
a{text-decoration:none}
li,ol,ul{list-style:none}
.clear{clear:both}
img,input,select{border:0}
img,input,li,select,textarea{vertical-align:middle}
input:focus{outline:0}
.fl{float:left}
.fr{float:right}
.hide,.pt-item-open{ display: none;}
.show{ display: block;}
header{ height: 46px; overflow: hidden;}
header img{ max-height: 46px;}
img{max-width:100%}
#logo{margin-left: 3%;padding-top: 5px;}
#menu{padding-top:15px;margin-right: 3%;}
#menu img{ height: 20px;}
.mod-title{margin-bottom:20px;}
.mod-title .des-text{text-align:left}
.mod-title .qc-btn{margin:30px auto 0}
.pt-item{margin-bottom:10px;padding-right:10px;padding-left:10px;background-color:#fff}
.pt-item:last-child{margin-bottom:0}
.pt-title{padding-right:5px;padding-left:5px}
.pt-title a{-webkit-tap-highlight-color:transparent}
.pt-category{position:relative;display:block;height:50px;color:#000;font-size:16px}
.pt-category:before{display:inline-block;width:0;height:100%;content:"";vertical-align:middle;font-size:0}
.pt-category .pd-img{display:inline-block;margin-right:15px;width:32px;height:32px;vertical-align:middle}
.pt-category .text{display:inline-block;vertical-align:middle;font-size:20px}
.pt-item .arr{position:absolute;top:20px;right:0;display:inline-block;width:17px;height:10px;background-image:url(../images/arr-down.png);background-size:17px auto}

.pt-ct{display:none;padding:15px 5px 5px;border-top:1px solid #e2e2e2}
.pt-item-open .pt-ct{display:block}
.pt-ct .ct-item{margin-bottom:10px}
.sub-title{display:block;padding-top:5px;padding-bottom:5px}
.sub-title h4{color:#333;font-weight:400;font-size:18px}
.sub-title .des-text{color:#999;font-size:13px;line-height:20px}
.mod-wrap-solution{position:relative;padding-top:95px;padding-bottom:83px;height:775px}
.mod-wrap-solution .solution-bg{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-position:top center;background-size:cover;background-repeat:no-repeat}
.mod-wrap-solution.solution-game .solution-bg{background-image:url(../images/bg1.jpg)}
.mod-wrap-solution.solution-medical .solution-bg{background-image:url(../images/bg2.jpg)}
.mod-wrap-solution.solution-finance .solution-bg{background-image:url(../images/bg3.jpg)}
.mod-wrap-solution.solution-e-commerce .solution-bg{background-image:url(../images/bg4.jpg)}
.title{margin-bottom:0px;height: 50px; padding-left: 2%; line-height: 50px; font-size: 16px;}
article{padding-top:5px; background: #f1f1f1;}
header,section ul{background:#FFF}
section{ border-top: 15px solid #f1f1f1; padding-top: 20px; border-bottom: 15px solid #f1f1f1;}
.product-icon img{height:50px}
.ecs-top-wrapper{position:relative;padding:25px;border-bottom:1px #f1f1f1 solid}
.ecs-top-wrapper .ecs-top .product-icon-wrapper{position:absolute;top:0;left:0}
.ecs-top-wrapper .ecs-top .ecs-meta{overflow:hidden;padding-left:90px}
.ecs-top-wrapper .ecs-top .ecs-meta .ecs-title{margin-bottom:2px;color:#000;font-size:20px}
.ecs-top-wrapper .ecs-top .ecs-meta .ecs-des{color:#383838;font-size:16px}
.ecs-top-wrapper .ecs-top-cover{position:absolute;top:0;left:0;display:block;width:100%;height:100%}
.product-icon-hosting{width:100px;height:70px}
.product-icon1{background:url(../images/11.png) no-repeat 20px center}
.product-icon2{background:url(../images/12.png) no-repeat 20px center}
.product-icon3{background:url(../images/13.png) no-repeat 20px center}
.product-icon4{background:url(../images/14.png) no-repeat 20px center}
.product-icon5{background:url(../images/15.png) no-repeat 20px center}
#parter ul li{ padding:1%;float:left;margin-left:1%;margin-bottom: 1%; width:29.5%;border:1px solid #ddd;}
#parter ul li img{width:90%; height: auto;}
.top-box{ color: #333;}
.top-box h3{ font-size: 28px; display: inline-block; font-weight: normal; float: left;}
.top-box span{ font-size: 14px; display: inline-block; margin-left: 5%}
footer{padding-top:30px; padding-bottom: 30px; background: #f1f1f1;}
.gold-service,.gold-service .service-text-box{position:relative}
center{border-top: 15px solid #f1f1f1; background: #FFF; margin-top: 20px; text-align: left;}
.gold-service .top-box{display:block;box-sizing:border-box;margin-bottom:1.50666667rem;width:100%}
 .service-text-list{margin-left: 5%;}
.gold-service .service-text-box .service-text{position:relative;float:left;margin-bottom:1.26666667rem;width:33.3%}
.gold-service .service-text-box .service-text p{width:100%;white-space:nowrap}
.gold-service .service-text-box .service-text .service-title{color:#323232;font-size:1.56rem;}
.gold-service .service-text-box .service-text .service-des{color:#323232;font-size:14px}
#parter ul{margin-left: -1%;}
.ecs-more-button {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    text-align: center;font-size: 18px;
    background-color: #fafafa;
    border-bottom: 1px #ececec solid; color: #333;
}
.ecs-more-button .ecs-more-arrow {
    width: 16px;
    height: 20px;
    display: inline-block;
    text-align: center;
    margin-left: .26666667rem;background: url(../images/arr-down.png) center bottom no-repeat;
}
#parter{ padding-top: 20px;}
.gold-service .service-text-box .service-text .service-text-cover{position:absolute;top:0;left:0;width:100%;height:100%}
.link-bar {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 80%;
	height: 40px;
	background-color: #00a2c9;
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 40px
}
 
.footer .footer-link {
	overflow: hidden; text-align: left;margin: 20px auto;
}

.footer .footer-link .link-item {
	padding: 8px;
	border-right: 1px #d8d8d8 solid;
	color: #383838;
	font-size: 14px; 
}

.footer .footer-link .link-item:last-child {
	border-right: none
}

.ck-slide ul { margin: 0; padding: 0; list-style-type: none;}
.ck-slide { position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper {width: 100%;height: 100%; position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li {width: 100%;height: 100%; position: absolute;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev { left: 5px; background: url(../images/arrow-left.png) #000 50% no-repeat;}
.ck-slide .ck-next { right: 5px; background: url(../images/arrow-right.png) #000 50% no-repeat;}
.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; background: rgba(0,0,0,0.5);}
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #fe6500;}
.ck-slidebox ul li em:hover { background-color: #fe6500;}

.ck-slide { width: 100%; height: 180px; margin: 0 auto;} 
.dropdown-content {
  background-color:#fff;z-index: 99999999;
  box-sizing:border-box;
  width:100%; top: 46px; left: 0;
  position:absolute;border-top: 1px solid #ccc;
}
.dropdown-content .channel-list {
  width:100%;box-shadow: 2px 5px 15px #d6d6d6;
}
.dropdown-content .channel-list .selected .channel-item-title .channel-title {
  color:#00a2c9!important
}
.dropdown-content .channel-list .channel-item { 
  padding:2%;
  box-sizing:border-box;
  border-bottom:1px #f1f1f1 solid;
  overflow:hidden;
  position:relative
}
.dropdown-content .channel-list .channel-item .channel-item-title {
  height:30px; line-height: 30px;
  width:100%;
  position:relative
}
.dropdown-content .channel-list .channel-item .channel-item-title .channel-title {
  float:left;
  font-size:18px;
  color:#000; 
}
.dropdown-content .channel-list .channel-item .channel-item-cover {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:block
}
.dropdown-content .channel-list .channel-item .sub-channel-box {
  animation:showFade .5s; 
}
.dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list {
  overflow:hidden
}
.dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list .sub-channel-item-wrapper {
  width:50%; 
  float:left;
  position:relative;
  padding:2%;
  box-sizing:border-box
}
.dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list .sub-channel-item-wrapper .sub-channel-item {
 
  display:block;
  position:relative
}
.dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list .sub-channel-item-wrapper .sub-channel-item .sub-channel-title {
  padding-right:.53333333rem 0 .33333333rem;
  color:#000;
  font-size:14px
}
.dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-list .sub-channel-item-wrapper:hover {
  background-color:#f3f3f3
}
.dropdown-content .channel-list .channel-item .sub-channel-box .sub-channel-more-button {
  display:block;
  text-align:center;
  line-height:1.33333333rem;
  height:1.33333333rem;
  color:#3f3f3f;
  font-size:.4rem
} 
.dropdown-content .channel-list .channel-item .icon-arrow {
  position:absolute;
  margin-top:-2%;
  top:50%;
  right:0
}
.dropdown-content .channel-list .channel-item .channel-arrow { 
  width:12px;
  height:22px; background: url(../images/icon_a1.png) no-repeat center;
}
.dropdown-content .channel-list .channel-item .sub-channel-box .channel-arrow{ 
	height: 10px;
	background: url(../images/icon_a1.png) no-repeat center;}
.dropdown-content .channel-list .channel-item .channel-open-arrow { 
  background-size:.45333333rem .25333333rem;
  width:16px;
  height:16px;
}
.dropdown-content .channel-list .channel-item .channel-hide-arrow { 
  width:16px;
  height:16px;
}
@media only screen and (min-width: 640px) { 
.ck-slide{height: 320px;}
	}