.tab_wrapper,ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tab_wrapper {
  margin: 10px 0 50px;
  display: inline-block;
  width: 100%;
  position: relative;
}
.tab_wrapper > ul {
  clear: both;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #f00;
}
.tab_wrapper > ul li {
  float: left;
  cursor: pointer;
  font-weight: bold;
  padding: 8px 18px;
  text-transform: uppercase;
  border: 1px solid #ccc;
  font-size: 1.05em;
  border-bottom: 0;
  position: relative;
  border-top: 3px solid #ccc;
  color: #999;
  margin: 0 5px 0 0;
}
.tab_wrapper > ul li.active {
  border-color: #f00;
  color: #f00;
}
.tab_wrapper > ul li.active:after {
  content: "";
  position: absolute;
  bottom: -1px;
  height: 1px;
  left: 0;
  background: #fff;
  width: 100%;
}
.tab_wrapper .controller {
  display: block;
  overflow: hidden;
  clear: both;
  position: absolute;
  top: 0;
  right: 0;
}
.tab_wrapper .controller span {
  padding: 8px 22px;
  background: #f00;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
}
.tab_wrapper .controller span.next {
  float: right;
  margin-left: 10px;
}
.tab_wrapper .content_wrapper {
  float: left;
  width: 100%;
  border-top: 0;
  box-sizing: border-box;
  overflow:hidden;
  
  
  
  
   background-color:none;
box-shadow: 0 2px 20px rgba(0,0,0,.2);
-webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
  
  
  
  
}
.tab_wrapper .content_wrapper .tab_content {
  display: none;
  padding: 0px;
  



  
  
  
}
.tab_wrapper .content_wrapper .tab_content.active {
  /* display: block; */
}
.tab_wrapper .content_wrapper .tab_content .error {
  color: red;
}
.tab_wrapper .content_wrapper .accordian_header {
  display: none;
  padding: 10px 20px;
  text-transform: uppercase;
  font-weight: bold;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #fff;
  position: relative;
  cursor: pointer;
}
.tab_wrapper .content_wrapper .accordian_header.active {
  color: #f00;
  border-bottom: 1px solid #ccc;
}
.tab_wrapper .content_wrapper .accordian_header.active:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 5px;
  height: 100%;
  background: #f00;
}
.tab_wrapper .content_wrapper .accordian_header .arrow {
  float: right;
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
  border-radius: 2px;
  transform: rotate(-135deg);
  background: #fff;
  border-top: 3px solid #ccc;
  border-left: 3px solid #ccc;
  /* &:after{
  	position: absolute;
  	top: 0;
  	content: "";
  	left: 0;
  	width: 10px;
  	height: 10px;
  	background: $white;
  	border-top: 3px solid $border_color;
  	border-left: 3px solid $border_color;
  } */
}
.tab_wrapper .content_wrapper .accordian_header.active .arrow {
  transform: rotate(45deg);
  margin-top: 5px;
  border-top: 3px solid #f00;
  border-left: 3px solid #f00;
}
.tab_wrapper.left_side > ul {
  width: 25%;
  float: left;
  border-bottom: 1px solid #ccc;
}
.tab_wrapper.left_side > ul li {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 18px;
  border-width: 1px;
  border-right: 0;
  border-left: 0;
}
.tab_wrapper.left_side > ul li:after {
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: #ccc;
}
.tab_wrapper.left_side > ul li.active {
  border-color: #ccc;
}
.tab_wrapper.left_side > ul li.active:after {
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: #f00;
}
.tab_wrapper.left_side > ul li.active:before {
  right: -1px;
  position: absolute;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
}
.tab_wrapper.left_side .content_wrapper {
  width: 75%;
  border: 1px solid #ccc;
  float: left;
}
.tab_wrapper.left_side .controller {
  top: -50px;
}
.tab_wrapper.right_side > ul {
  width: 25%;
  float: right;
  border-bottom: 1px solid #ccc;
}
.tab_wrapper.right_side > ul li {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 18px;
  border-width: 1px;
  border-right: 0;
  border-left: 0;
  text-align: right;
}
.tab_wrapper.right_side > ul li:after {
  right: 0;
  left: inherit;
  top: 0;
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: #ccc;
}
.tab_wrapper.right_side > ul li.active {
  border-color: #ccc;
}
.tab_wrapper.right_side > ul li.active:after {
  right: 0;
  left: inherit;
  top: 0;
  width: 5px;
  height: 100%;
  content: "";
  background: #f00;
}
.tab_wrapper.right_side > ul li.active:before {
  left: -2px;
  right: inherit;
  position: absolute;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
}
.tab_wrapper.right_side .content_wrapper {
  width: 75%;
  float: left;
  border: 1px solid #ccc;
}
.tab_wrapper.right_side .controller {
  top: -50px;
}
.tab_wrapper.accordion .content_wrapper {
  border-color: #ccc;
}
.tab_wrapper.accordion .content_wrapper .accordian_header {
  display: block;
}
.tab_wrapper.accordion > ul {
  display: none;
}

@media only screen and (max-width: 736px) {
  .tab_wrapper > ul {
    display: none;
  }
  .tab_wrapper .content_wrapper {
    border: 0;
  }
  .tab_wrapper .content_wrapper .accordian_header {
    display: block;
  }
  .tab_wrapper.left_side .content_wrapper, .tab_wrapper.right_side .content_wrapper {
    width: 100%;
    border-top: 0;
  }
  .tab_wrapper .controller {
    display: none;
  }
}


.first_tab .tab_list{ margin:0 auto;border:0px;}
.first_tab .tab_list li{border:none;color:#666;font-weight:initial}
.first_tab .tab_list li.active{border-bottom:4px solid #f00;color:#333;font-weight:bold;}


@media (min-width: 800px)  {
.first_tab .tab_list{width:500px; margin:0 auto;display: block;}	

.tuijian{    width: 100%;
   
    z-index: 99;
    position: absolute;
    bottom: 0;
    background: hsla(0,0%,100%,.3);
	}
.tuijian a{display:block;
padding: 5px;
}
.tuijian a:hover{background: rgb(255,0255,255,0.5);

}
.single-service-3 .inner .title .icon {

    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    border-radius: 4px;
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 34px;
}

.single-service-3 .inner .content, .single-service-3 .inner .title h4 {
    color: #FFF;
    padding-left: 100px;
	margin:0px;
}	
}





/*banner*/

   .swiper-banner {
  position: relative;

      height: 600px;
    }
	
	.swiper-banner .zhunr{width:1200px;margin:0 auto;}
	.swiper-banner .zhunr .zuo_left{float: left;
    width: 670px;}
		.swiper-banner .zhunr .zuo_left p{text-align:left;}
	.swiper-banner  .zhunr .you_right{float: left;
    width: 500px;
	}
	.swiper-banner  .zhunr .hxd_wz1{padding-top:0px;}
	.swiper-banner  .zhunr .hxd_wz2{padding-top:17px;}
	.swiper-banner  .zhunr i{padding:0 5px;}
.swiper-banner .zhunr .banner-text1{
	
	font-size: 36px;
    line-height: 30px;
    color: #fff;
    padding-top: 150px;
}	


 .swiper-banner .zhunr .zuo_left .banner-link-button{
    display: inline-block;
    border: 1px solid #f33;
    margin-top: 30px;
    width: 160px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    transition-duration: .5s;
    background: #f90;
}
.swiper-banner .zhunr .banner-text2{
	
    margin-top: 50px;
    font-size: 40px;
    line-height: 30px;
    color: #e4e7eb;
}	
.swiper-banner .zhunr .banner-text3{
	
    font-size: 20px;
    line-height: 50px;
    color: #fff;
    padding-top: 30px;
}	

.swiper-banner .zhunr .mx{display: block;
    overflow: hidden;
    margin-top: 20px;}

.swiper-banner .zhunr .mx dl {
    width: 100%;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.swiper-banner .zhunr .mx dl dd{
	
	    width: 200px;
    float: left;
    color: #FFF;
    text-indent: 35px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
}











     .swiper-banner .swiper-slide {
      text-align: center;
      font-size: 18px;
	} 
	.swiper-pagination-banner{text-align:center;bottom:10px;
    position: absolute;
	    z-index: 999;}
	
	.swiper-banner .swiper-pagination-bullet{border-radius:0;width:2px;height:10px;background:#fff;opacity:1;transition: height 1s;}
	.swiper-banner .swiper-pagination-bullet-active{height:30px;}
	
	
	
	
	
	
	
	@media (max-width: 1200px){
		
		.you_right{display:none;}
		
		.swiper-banner .zhunr .zuo_left p{text-align:center;}
		.swiper-banner .zhunr .zuo_left{margin:0 auto;float:none;width:100%;}
		.swiper-banner .zhunr .banner-text2{font-size:20px;margin:0px;}
		.swiper-banner .zhunr .banner-text3{padding:0px;}
		.swiper-banner .zhunr{margin:0 auto;width:100%}
		.swiper-banner{height:455px;}
	}
	
	@media (max-width: 620px){
	.swiper-banner .zhunr .mx{display:none;}	
	.swiper-banner .zhunr .zuo_left .banner-link-button{margin-top:10px;}
		
	}
	
	
	
	
	
	
/*index-host*/
.host-area{    
background:#fafafa url(/templets/1m_img/bg.jpg);
background-repeat:no-repeat;
background-position: center;
    background-size: cover;
	
	}
	
	
	
	.swiper-host{overflow: hidden;}
	.swiper-host .swiper-slide{width:100px;background:#fafafa;}
	.swiper-host .swiper-pagination{bottom:-20px;}


.swiper-host .swiper-slide {padding-bottom:10px;background:#fff;     border-right: #eee solid 1px;}
.swiper-host .swiper-slide:hover{

box-shadow: 0 2px 20px rgba(0,0,0,.2);
-webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
z-index:1;
}

.swiper-host .swiper-slide .title{line-height:60px;font-size:18px;font-weight:bold;color:#333;text-align:center;

}
/*.swiper-host .swiper-slide:hover .title{background:#f00;color:#fff;}*/
.swiper-host .swiper-slide .mod {height:502px;position:relative;overflow:hidden;}
.serverZyPage .rec-domain-outer {height:503px}
.swiper-host .swiper-slide .icon {display:block;text-align:center;padding:22px 0 8px 0}
.swiper-host .swiper-slide .icon img {display:inline}
.swiper-host .swiper-slide .prsRow {text-align:center;height:60px;padding-bottom:15px;margin:0 32px;border-bottom:1px solid #f3f3f4}
.swiper-host .swiper-slide .prsRow .ys {font-size:12px;color:#14px;color:#ff303a;line-height:16px;position:relative;left:0;top:-15px}
.swiper-host .swiper-slide .prsRow .num {line-height:36px;color:#ff303a;font-size:32px;    font-weight: bold;}
.swiper-host .swiper-slide .prsRow .dw {line-height:36px;color:#666;font-size:14px}
.swiper-host .swiper-slide .propr{height:320px;}
.swiper-host .swiper-slide .propr .zu{padding:0px 10%;}
.swiper-host .swiper-slide .propr .lt {width:50%;float:left;border-bottom:1px solid #f3f3f4;padding:8px 0px;}
.swiper-host .swiper-slide .propr .t1 {display:block;color:#000;font-size:12px;line-height:22px}
.swiper-host .swiper-slide .propr .t2 {display:block;color:#666;font-size:13px;line-height:22px;overflow:hidden;width:150px;white-space:nowrap;}
.tg-upgrade {position:absolute;top:-3px;right:60px}
.swiper-host .swiper-slide .propr .model_ct {width:80px;height:22px;overflow:hidden}
.swiper-host .swiper-slide .propr .rt {width:50%;float:left;border-bottom:1px solid #f3f3f4;padding:8px 0px;}
.swiper-host .swiper-slide .propr .rt {float:left}
.favorable {position:relative}
.swiper-host .swiper-slide .propr .cpu_mt {width:160px;height:22px;overflow:hidden}
.swiper-host .swiper-slide .bts {padding:20px 0 0 0;font-size:0;text-align:center;position:relative;z-index:2}
.swiper-host .swiper-slide .btn {display:inline-block;zoom:1;border:1px solid #d9d9d9;border-radius:3px;width:98px;height:28px;line-height:16px;font-size:14px;color:#000;cursor:pointer;transition:all linear .2s}
.swiper-host .swiper-slide .mod:hover .btn {border-color:#e95048;width:136px;color:#e95048}
.swiper-host .swiper-slide .rec-slider-item {border:1px solid #c8c8c8;float:left;list-style:none;position:relative;width:285px!important}
.swiper-host .swiper-slide .rec-slider-item:hover {border-color:#ff303a}
.swiper-host .swiper-slide .bx-wrapper {border:none;margin:0 auto}
.swiper-host .swiper-slide .bx-wrapper .bx-viewport {height:503px!important}
.tg-favorable {position:absolute;top:0;right:0}

	.section-title {text-align:center;padding:50px;}

 .bg1 i,.bg1 p{color:#666;text-align:center;}
 .bg1 h2{color:#333}
.shuzi span{color:#252b3a;font-size:16px;}
.bg1 p{margin-top:10px;}
	.youshi-area .shuzi i{font-size:20px;}
	.shuzi{text-align:center;}
	.shuzi .num1{font-size:50px;color:#252b3a;font-weight:bold;}
.swiper-youshi{padding:20px 0;}
.swiper-youshi .inner p{font-size:16px;text-align: center;
    color: #252b3a}
	
	.youshi-area .swiper-slide{padding-bottom:40px;}
	.youshi-area h2,.youshi-area p{color:#fff;}
.title .shuzi{padding-left:15px;padding-bottom:15px;}
	.youshi-area .inner .pic{  
	    width: 80px;
    height: 80px;
    margin: 10px auto;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    margin-bottom: 20px;

    border: 1px #fff solid;
}
	.youshi-area .inner .pic i{font-size:50px;color:#fff;}
	.youshi-area .inner p{font-size:18px;color:#fff;}
	.youshi-area{
		    background: url(/home-static/images/youshi_bg.jpg) no-repeat  center/cover;padding:100px 0 100px 0;
		
	}

	.youshi-area i{color:#000;}
.megamenu-fw ul li div div div ul li a span{padding:0 10px;color:#f33}
.megamenu-fw ul li div div div ul li a i{padding:0 5px;}
@media screen and (max-width: 600px) {
.swiper-host .swiper-slide .title{line-height:40px;}	
.swiper-host .swiper-slide .propr .lt,.swiper-host .swiper-slide .propr .rt{padding:4px 0px;}
.swiper-host .swiper-slide .propr{height:260px;}
.swiper-host .swiper-slide .mod{height:430px;}
	
}

	

@media (min-width:1200px){.container{width:1270px}}


/*首页新闻*/

.news-area{background:#eee;padding:70px 0 120px 0;}
.index_news{padding:10px;}
.index_news h4{font-size:20px;line-height:40px;border-bottom:#ccc 1px solid;padding:6px;}
.index_news h4 a{font-size:14px; float:right;color:#ccc;}
.index_news li{line-height:35px;border-bottom:#ddd 1px dotted;padding:0 5px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.index_news li span{float:right;}
.index_news li i{    color: #ff5a00;
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    font-style: normal;}
	
.hk-pro-area{padding:70px 0 120px 0;}
.hk-pro-area .pic{text-align:center;background:#666;padding:20px;border-radius:3px;}	
.hk-pro-area .pic i{font-size:40px;color:#666;}

.hk-pro-area .active .hk-pro .pic{background:#f33;padding:20px;transition: background 0.5s;}	
.hk-pro-area .active .hk-pro .pic i{color:#f33;transition: background 0.5s;transition: font-size 0.5s;font-size:50px;}
.hk-pro-area .active .hk-pro{box-shadow:0 2px 3px -1px #f00}
.hk-pro-area .pic .pic1{   
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    line-height: 80px; background:#fff;}

	.hk-pro-area .hk-pro{background:#eee;border-radius:3px;}
	.hk-pro-area .hk-pro p{padding:0 20px 20px 20px}
	.hk-pro-area h4{padding:10px;margin:0px;font-size:18px;text-align:center;}
/*服务*/

.joint-ctrl .ctrl-box {
	position: absolute;
	color: #a8a8a8;
	width: 80px;
	text-align: center;
	line-height: 80px;
	font-size: 50px;
	cursor: pointer;
	z-index: 99;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
.joint-ctrl .ctrl-box:hover {
	color: #e8444e;
}
.joint-ctrl .ctrl-left {
	left: 5%;
	top: 52%;
}
.joint-ctrl .ctrl-right {
	right: 5%;
	top: 52%;
}
@media (max-width:1200px) {
.joint-ctrl .ctrl-left {
	left: 0;
}
.joint-ctrl .ctrl-right {
	right: 0;
}
}
@media (max-width:767px) {
.joint-ctrl .ctrl-box {
	width: 50px;
	line-height: 50px;
}
}
.joint-wbox {
	width: 100%;
	overflow: hidden;
	background: #292e33;
	margin: 30px auto 30px auto;
}
.joint-box {
	width: 1260px;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
.joint-box.swiper-container-horizontal {
	width: 1260px;
	height: 500px;
}
.joint-box ul li:hover p.ysi {
    font-size: 36px;
    height: 80px;
	left: 50%;
	width: 80px;
	margin-left: -40px;
	border: 3px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 80px;
    color: #fff;
    line-height: 2;
}
.joint-box ul li p{text-align:center;}
.joint-box ul li p i{font-size:50px;}
.joint-box ul li:hover p i{font-size:40px;}
.joint-box ul li p.ysi {
    font-size: 46px;
    height: 100px;
	left: 50%;
	width: 100px;
	margin-left: -50px;
	border: 3px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 140px;
    color: #fff;
    line-height: 2;
    z-index: 2;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
}
.joint-box ul li:hover p.yst {
	font-size: 20px;
    top: 180px;
    opacity: 1;
    filter: alpha(opacity=100);
}
.joint-box ul li p.yst {
    font-size: 22px;
    height: 40px;
	width: 100%;
    overflow: hidden;
    position: absolute;
    top: 320px;
    color: #fff;
    line-height: 2;
    z-index: 2;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
}
.joint-box ul li:hover p.ysy {
	font-size: 16px;
    top: 210px;
    opacity: 1;
    filter: alpha(opacity=100);
}
.joint-box ul li p.ysy {
    font-size: 18px;
    height: 40px;
	width: 100%;
    overflow: hidden;
    position: absolute;
    top: 350px;
    color: #fff;
    line-height: 2;
    z-index: 2;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
}
.joint-box ul li:hover p.ysl {
    top: 280px;
    opacity: 1;
    filter: alpha(opacity=100);
}
.joint-box ul li p.ysl {
	text-align: left;
    text-indent: 26px;
    font-size: 14px;
    height: 150px;
    padding: 0 12px;
    overflow: hidden;
    position: absolute;
    top: 240px;
    color: #fff;
    line-height: 2;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}
.ysfx {
    text-indent: 24px;
    font-size: 16px;
    height: 24px;
    padding: 0 12px;
    overflow: hidden;
    color: #3c3c3c;

}
.joint-cut {
	width: 99999px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
}

.joint-cut:after {
	display: table;
	content: '';
	clear: both;
}
.joint-bin {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 500px;
	display: table;
	position: relative;
	color: #fff;		
}
.jimg1 {
    height: 500px;
    background-image: url(../../1m_img/fw1.jpg)
} 
.jimg2 {
    height: 500px;
    width: 252px;
    background-image: url(../images/ys2.jpg)
}
.jimg3 {
    height: 500px;
    width: 252px;
    background-image: url(../images/ys3.jpg)
}
.jimg4 {
    height: 500px;
    width: 252px;
    background-image: url(../images/ys4.jpg)
}
.jimg5 {
    height: 500px;
    width: 252px;
    background-image: url(../images/ys5.jpg)
}
.joint-tms {
	height: 500px;

	background: rgba(40,45,50,0.5);
}
.joint-tms:hover {
	background: rgba(0,165,255,0.5);
	transition: .1s ease-in-out;
	-moz-transition: .1s ease-in-out;
	-ms-transition: .1s ease-in-out;
	-o-transition: .1s ease-in-out;
	-webkit-transition: .1s ease-in-out;
	cursor: pointer;
}
.joint-bin a {
	display: table-cell;
	vertical-align: middle;
	background: rgba(255,255,255,.35);
	text-align: center;
	width: 100%;
	height: 100%;
	
	
}
.joint-bin[data-swiper-row="0"] a {
	border-width: 0 1px 0 0;
}
.joint-bin a img {
	line-height: 0;
	max-width: 210px;
	max-height: 120px;
}
.joint-bin a:hover img {
	-webkit-animation: tada 1s .2s ease both;
	-moz-animation: tada 1s .2s ease both;
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0)
}
}
@-moz-keyframes tada {
0% {
-moz-transform:scale(1)
}
10%, 20% {
-moz-transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-moz-transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-moz-transform:scale(1.1) rotate(-3deg)
}
100% {
-moz-transform:scale(1) rotate(0)
}
}
@media (max-width:1440px) {
.joint-box.swiper-container-horizontal {
	width: 1008px;
}
}
@media (max-width:1200px) {
.joint-box.swiper-container-horizontal {
	width: 756px;
}
}
@media (max-width:992px) {
.joint-box.swiper-container-horizontal {
	width: 756px;
}

}
@media (max-width:767px) {
.joint-box.swiper-container-horizontal {
	width: 504px;
}
}
@media (max-width:480px) {
.joint-box.swiper-container-horizontal {
	width: 252px;
}
}
.joint-box.joint-type-0 .joint-bin {
	display: block;
	height: auto !important;
}
.joint-box.joint-type-0 .joint-bin a {
	display: block;
}
.joint-box.joint-type-0 .joint-bin a img {
	max-width: 100%;
	max-height: none;
}

/*footer*/
footer,.link {
  background-color: #1f2131;
  color: #fff;
  line-height: 24px;
border-top:1px solid #84868a;padding:10px 0;  }
.link a{    color: #fff;    padding: 0 5px;}
.link span{font-weight:bold;font-size:16px;}
.footer-top {
  padding: 65px 0; }
  @media only screen and (max-width: 991px) {
    .footer-top {
      padding: 30px 0; } }
  .footer-top .media img {
    width: 60px; }
    .footer-top .media img img {
      width: 100%; }
.footer-top .inner i{padding-right:8px;}
.footer_widget p{margin-bottom:3px}
.footer_widget h5 {
  font-size: 16px; }

.footer_widget h4,
.footer_widget h5 {
  color: #fff; }
.foot_pic i{color:#84868a;font-size:45px;line-height:50px;margin-right:10px;}
.footer_title span{color:#fff;font-weight:bold;}
.footer_title {color:#84868a;}
.foot-pic-list{border-bottom:1px solid #84868a;margin-bottom:30px;padding-bottom:20px;}
@media only screen and (max-width: 991px) {
  .footer_widget {
    padding: 15px; } }
.footer_widget h4 {
  margin-bottom: 10px;
  font-size: 18px; }
  @media only screen and (max-width: 991px) {
    .footer_widget h4 {
      margin-bottom: 20px; } }
.footer_widget ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  .footer_widget ul li a {
    color: #fff;
    padding: 3px 0; }
.footer_widget .media {
  margin-bottom: 14px; }
  .footer_widget .media h5 {
    margin: 0;
    line-height: 20px; }
  .footer_widget .media a {
    color: #fff;
    font-size: 14px; }
  .footer_widget .media span {
    color: rgba(255, 255, 255, 0.4);
    font-size: 12px; }
.footer_widget .nw_form {
  position: relative; }
  .footer_widget .nw_form input {
    width: 100%;
    display: block;
    background-color: #1f2131;
    border-radius: 3px;
    height: 40px;
    border: 1px solid #1f2131;
    color: #fff;
    text-indent: 20px; }
    .footer_widget .nw_form input::-webkit-input-placeholder {
      color: #fff; }
    .footer_widget .nw_form input::-moz-placeholder {
      color: #fff; }
    .footer_widget .nw_form input:-ms-input-placeholder {
      color: #fff; }
    .footer_widget .nw_form input:-moz-placeholder {
      color: #fff; }
  .footer_widget .nw_form button {
    position: absolute;
    right: 0;
    top: 0;
    height: 40px;
    border: none;
    color: #fff;
    padding: 0 15px;
    border-radius: 0 3px 3px 0; }

.footer-bottom {
  background-color: #1f2131;
}
  .footer-bottom a {
    color: #fff;
    padding: 0 10px; }
  @media only screen and (max-width: 991px) {
    .footer-bottom {
      text-align: center; }
      .footer-bottom .text-right {
        text-align: center !important;
        margin-top: 5px; } }
		
		
		/*左右切换箭头*/
		.swiper-button-nexta,.swiper-button-preva {
	position: absolute;
	top: 50%;
	width: 18px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background:#eee;
	line-height:44px;
}

.swiper-button-nexta.swiper-button-disabled,.swiper-button-preva.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-preva i,.swiper-button-nexta i{font-size:20px;color:#f00;}
.swiper-button-preva,.swiper-container-rtl .swiper-button-nexta {

	left: 10px;
	right: auto
}

.swiper-button-nexta,.swiper-container-rtl .swiper-button-preva {

	right: 10px;
	left: auto
}

.channel_nav{background:#070c19;}

.channel_nav ul li{text-align:center;line-height:70px; font-size:18px;}
.channel_nav ul li a{color:#fff;display:block;}
.channel_nav ul li.thisclass{background:#f00;}

.channel_nav ul li.thisclass::after {
    content: "";
    border: 8px solid transparent;
    border-top-color: #f00;
    left: 45%;
    bottom: -16px;
    position: absolute; }
.channel_nav ul li.thisclass::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 100%;
    left: 0;
    top: -20px; }












/*---------- 云虚拟机 ---------*/

.host_list-area .vm-type h2 {
  font-weight: bold;
  font-size:20px;
  text-align:center;
  line-height:50px;
  border-bottom:#ccc solid 1px;
}

.vm_list{border:#ccc solid 1px;padding:20px;transition: margin-top 0.5s;margin-top:50px;background:#fff;}
.vm_list:hover {
    border-color: #F9AA79;
    box-shadow: 0 0 5px 5px rgba(249, 170, 121, 0.15);
    margin-top: 30px;
    cursor: pointer;
	
}
.host_list-area .vm-type .vm-type-desc {
  margin-top: 5px;
}
.host_list-area .vm-params-item {
  float: left;
  padding: 0 10px;
  margin: 10px 0;
  text-align:center;
}
.host_list-area .vm-params-item p {
  display: inline-block;
  text-align: center;
}

.host_list-area .vm-params-item.item2 {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;

  text-align: center;
}

.vm_list .buy a{margin-right:5px;}

.font-larger {
    font-size: 24px;
	color:#000;
}
.vm-detail p{line-height:30px;padding:0px;margin:0px;}

.font-36 {
    font-size: 36px; 
}
.moneynow{display:inline-block;}
.moneynow span{font-size:30px; color:#f00;}
.vm-detail p span,.shijian span,.jiage span{font-weight:bold;}
.color-orange { 
    color: #ff6600;
}

.host-youshi .pic{text-align:center;width:100px;height:100px; margin:15px auto 0; border-radius: 50%;line-height:100px;

}
.host-youshi .pic1{background:#01B468;}
.host-youshi .pic2{background:#059fff;}
.host-youshi .pic3{background:#EAC100;}
.host-youshi .pic4{background:#D94600;}
.host-youshi .pic5{background:#408080;}
.host-youshi .pic6{background:#AE00AE;}
.host-youshi .pic7{background:#E1E100;}
.host-youshi .pic8{background:#FF8040;}
.host-youshi .pic i{font-size:40px;color:#fff;}
.host-youshi h4{text-align:center; font-size:16px;padding:10px 0;margin:0px;font-weight: inherit;color:#222;}
.host-youshi p{font-size:14px; color:#999;text-align:center;}


.news_help_list .qa-title{font-size:18px;color:#333;border-bottom:1px #ddd solid; padding-bottom:10px;margin-bottom:5px;}
.news_help_list .qa-title a{color: #ff5a00;
    display: inline-block;
    font-size: 12px;
float:right}
.news_help_list .qa-box-list a	{    color: #333;
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    padding-left: 6px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
	
.news_help_list {
    background-color: #fff;
  
    padding: 30px;
   margin-bottom:10px;
    
	border:1px #eee solid;
}
.qa-title1 {
    background: rgba(0, 0, 0, 0) url(img/icon-question-box-01.png) no-repeat scroll 30px 30px;
}
@media (max-width: 737px){
	
.channel_nav ul li{font-size:12px;line-height:40px; }
}


.news_list-area .text-center{font-size:18px;}
.news_list-area .info{font-size:14px;color:#333;}




/*index_service*/
.service_tab{box-shadow: 0 2px 20px rgba(0,0,0,.2);
-webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
}
.service_tab .tab_list{
	
	background:#fafafa url(/templets/1m_img/nav-bg.jpg);
background-repeat:no-repeat;
background-position: bottom;
    background-size: cover;
}

.service_tab.tab_wrapper.left_side > ul li.active{
	font-weight:bold;font-size:16px; color:#000;background-color: hsla(0,0%,100%,.68);box-shadow:none;}

.service_tab.tab_wrapper.left_side > ul li:after{left: 0;
    top: 0;
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    background: none;}
.service_tab.tab_wrapper.left_side > ul li.active:after{
	
	
	    left: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #f00;
}
.service_tab.tab_wrapper.left_side > ul li:before{width:0}

.service_tab.tab_wrapper .content_wrapper{box-shadow:none;border:1px solid #eee;}
.service_tab.tab_wrapper.left_side > ul{width:20%;padding:20px 0;    height: 431px;}
.service_tab.tab_wrapper.left_side .content_wrapper{width:80%;}


.content_wrapper .inner{border:0px solid #eee;padding:20px;height: 214px;}
.content_wrapper .inner:nth-child(2){border-width:0 1px;}
.content_wrapper .inner:nth-child(4){border-width:1px 0 0 0;}
.content_wrapper .inner:nth-child(5){border-width:1px 1px 0 1px;}
.content_wrapper .inner:nth-child(6){border-width:1px 0 0 0;}
.content_wrapper .inner:hover{
	
	box-shadow: 0 2px 20px rgba(0,0,0,.2);
-webkit-box-shadow: 0 2px 20px rgba(0,0,0,.2);
}


.por-btn-primary {
    background-color: #c7000b;
    border-color: #c7000b;
    color: #fff;
}

.por-btn {
    display: inline-block;

    border: 1px solid ;
    outline: none;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer;
    height: 32px;
    font-size: 12px;
    line-height: 30px;
    border-radius: 2px;
    padding-left: 24px;
    padding-right: 24px;
}

.por-btn-primary:hover {
    background-color: #d64a52;
    border-color: #d64a52;
    color: #fff;
    -webkit-box-shadow: 0 8px 6px -4px (#d64a52,50%);
    box-shadow: 0 8px 6px -4px (#d64a52,50%);
}
.product-card-inner h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #252b3a;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-card-inner p {
    font-size: 14px;
    line-height: 22px;
    color: #575d6c;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    max-height: 44px;
	padding:0px;
	margin:5px 0;
}

.product-tag {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
  

    border: 1px solid ;
    border-radius: 2px;
    font-style: normal;
    line-height: 16px;
    font-size: 12px;
   
}

.product-tag-outline-grey {
    padding: 0 8px;
    background-color: transparent;
    border-color: #adb0b8;
    color: #8a8e99;
}
.product-price {
    font-size: 12px;
    line-height: 14px;
    color: #575d6c;
    overflow: hidden;
}

.product-price em {
    font-style: normal;
    font-weight: 700;
    color: #c7000b;
}
.product-price span {
    font-size: 20px;
    line-height: 20px;
}




.market-main{margin:20px 0 40px}

.market-main p{
font-size: 18px;
    line-height: 28px;
    color: #252b3a;
font-weight:bold;
	margin:0px;
}
.market-main a{margin-top:10px;}
.market-main a:hover{border-color:#f00;color:#f00}

@media only screen and (min-width: 736px) {
.hostyijian_tab .tab_list{ margin:0 auto;border:0px;text-align:center;display: block;
border-bottom: 1px solid hsla(0,0%,100%,.2);
    width: 1270px;
}
.hostyijian_tab .tab_list li{border:none;color:#fff;font-weight:initial;display: inline-block;
    float: none;font-size:18px;}
.hostyijian_tab .tab_list li.active{border-bottom:4px solid #f00;color:#fff;font-weight:bold;}
.hostyijian_tab .content_wrapper{
background:none;
box-shadow:none;
    -webkit-box-shadow: none;
	padding-bottom:40px;
}

.hostyijian-area .section-title h2,.hostyijian-area .section-title h4{color:#fff;}
.hostyijian-area .section-title h4{font-size:16px;}

.hostyijian_tab .tab_content h3{color:#fff;margin-top:50px;font-size:26px;    font-weight: bold;}
.hostyijian_tab .tab_content h4{color:#fff; font-size:18px;padding:0;margin:0}
.hostyijian_tab .tab_content p{color:#fff;font-size:18px;line-height:36px;}
.hostyijian_tab .tab_content p span{border:1px solid #fff;padding:10px;display: inline-block;margin:5px;font-size:16px;}
.hostyijian_tab .tab_content p.yimeitedian{padding: 10px;
    background: rgba(200,200,200,0.4);margin-top:60px}

.sp .hostyijian_tab .content_wrapper .tab_content{

/*padding-top: 320px;*/

}
.hostyijian_tab > ul li.active:after {
    content: "";
    position: absolute;
    bottom: -1px;
    height: 1px;
    left: 0;
    background: #F66;
    width: 100%;
}

.hostyijian_tab .hostyijian_back{
	
	position: absolute;
    height: 900px;
    top: -260px;
    width: 100%;

    z-index: -1;
	
}
.hostyijian_tab .tab_1 .hostyijian_back{
	background:  url(/home-static/images/banner1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}
	
.hostyijian_tab .tab_2 .hostyijian_back{
	background:  url(/home-static/images/banner2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}
	
	
	.hostyijian_tab .tab_3 .hostyijian_back{
	background:  url(/home-static/images/banner1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}
	
.hostyijian_tab .tab_4 .hostyijian_back{
	background:  url(/home-static/images/banner2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}


.hostyijian_tab .tab_5 .hostyijian_back{
	background:  url(/home-static/images/banner1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}
	
.hostyijian_tab .tab_6 .hostyijian_back{
	background:  url(/home-static/images/banner2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}

}


@keyframes scaleDraw {
	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0% {
	transform:scale(1);
	/*开始为原始大小*/
}
25% {
	transform:scale(1.2);
	/*放大1.1倍*/
}
50% {
	transform:scale(1);
}
75% {
	transform:scale(1.2);
}
}

.video-but{padding-left:15px;}
.video-but i{font-size:16px;
height:50px;
width:50px;
    background-color: hsla(0,0%,100%,.3);
    color: #fff;
-webkit-border-radius: 50%;
    text-align: center;
    line-height: 50px;
display: inline-block;

	-webkit-animation-name:scaleDraw;
	/*关键帧名称*/
            -webkit-animation-timing-function:ease-in-out;
	/*动画的速度曲线*/
            -webkit-animation-iteration-count:infinite;
	/*动画播放的次数*/
            -webkit-animation-duration:4s;
	/*动画所花费的时间*/
			
}
.video-but i:hover{background-color: hsla(0,0%,100%,.5);}