@charset "utf-8";

/*main_content*/
#main_content{
	width:100%;
}
#main_content .banner{
	height:500px;
}
#main_content #banner1{
	background:url("../images/banner9.jpg") no-repeat center center;
	background-size:cover; 
}
#main_content .banner .e_table{
	width:100%;
	height:100%;
	text-align: center;
}
#main_content .banner .banner_content{
	max-width:600px;
	margin:0 auto;
}
#main_content .banner .banner_content h2{
	font-size:44px;
	color:#e7a100;
	font-weight:normal;
	text-transform: uppercase;
	word-break: break-all;
}
#main_content .banner .banner_content h1{
	font-size:28px;
	color:#fff;
	font-weight:normal;
	line-height: 42px;
	margin-top:35px;
}

/*leading*/
#main_content #leading{width:100%;background:#e1e1e1;}
#about_us_milestones #main_content #leading{background:#eee;}
#main_content #leading .in_leading{padding:65px 200px;/*overflow:hidden;*/}
#about_us_honors #main_content #leading .in_leading{border-top:1px solid #eee;}
#about_us_milestones #main_content #leading .in_leading{padding-top:0 !important;padding-bottom:0 !important;}
#main_content #leading .in_leading h1{font-size:40px;color:#a37b1f;line-height:55px;margin-bottom:35px;/*word-break:break-all;*/}
#main_content #leading .in_leading p{font-size:18px;color:#58595b;line-height:30px;text-align:justify;text-justify:inter-character;}
#about_us_honors #main_content #leading .in_leading p{padding:0 100px;}
#main_content #leading .in_leading p.intro1{margin-bottom:20px;}
#main_content #leading .in_leading .intro22{padding: 0 100px; }
/*video*/
#main_content #leading .video_box{width:100%;margin-top:60px;}
#main_content #leading .video_box video{width:100%;}

/*title*/
.page_title{margin:80px 0;text-align:center;}
.page_title h1{font-size:40px;color:#eeeeee;line-height:45px;}
.page_title span.title_bar{display:block;width:60px;height:3px;margin:0 auto;margin-top:35px;background:#a37b1f;}

/*about classify*/
#main_content #hosting_service{width:100%;background:#eeeeee;}
#main_content #hosting_service .in_hosting_service{padding:100px;overflow:hidden;max-width:1230px;margin:0 auto;}
#main_content #hosting_service .in_hosting_service .service_block ul.column2{overflow:hidden;margin:-9px;}
#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.column{float:left;width:33.3%;}
#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.column .visible_box{margin:9px;overflow:hidden;}
#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.column .visible_box .in_box{position:relative;background:#eeeeee;border: 2px solid #a37b1f;}
#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.column .visible_box .in_box .service_block_main{width:100%;}
#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.column .visible_box .in_box .a_btn{margin-bottom:35px;}
#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.colocation .visible_box .in_box .a_btn{
	visibility:hidden;
}
#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.column .visible_box .in_box .service_block_main .content{padding:60px 15px 35px 15px;}
#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.column .visible_box .in_box .service_block_main .content h1{font-size:24px;color:#1f252f;text-align:center;line-height:25px;padding-top:85px; margin-bottom:45px;font-family:"微软雅黑";}
#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.colocation .visible_box .in_box .service_block_main .content h1{background:url("../images/about-fl-icon1.png") no-repeat center top;}
#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.management .visible_box .in_box .service_block_main .content h1{background:url("../images/about-fl-icon2.png") no-repeat center top;}
#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.network .visible_box .in_box .service_block_main .content h1{background:url("../images/about-fl-icon3.png") no-repeat center top;}
#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.resource .visible_box .in_box .service_block_main .content h1{background:url("../images/about-fl-icon4.png") no-repeat center top;}
#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.column .visible_box .in_box .service_block_main .content p{font-size:16px;color:#666666;line-height:30px;text-align:left;margin-bottom:35px;}

/*Milestones*/
#main_content #data_fl{width:100%;background:#eeeeee;}
#main_content #data_fl .in_data_fl{padding:100px;overflow:hidden;max-width:1230px;margin:0 auto;}
#main_content #data_fl .in_data_fl ul.column3{overflow:hidden;margin:0 -2px;}
#main_content #data_fl .in_data_fl ul.column3 li.column{float:left;width:33.3%;}
#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box{margin:0 2px;}
#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .title h1{font-size:24px;color:#bd1b21;/*text-transform:uppercase;*/margin-bottom:20px;min-height:60px;font-family:"whitneySC","微软雅黑";}
#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block{background:#cdcfd0;}
#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block{position:relative;min-height:480px;}
#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block .date_num{padding:0 50px;font-size:24px;color:#fff;line-height:64px;background: #838485 url("../images/meilestones-icon.png") no-repeat left center;font-family:"whitneySC";}
#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block .milestones_main{padding:50px 25px;}
#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block h1{text-align:center;font-size:24px;color:#1f252f;/*text-transform:uppercase;*/margin-bottom:35px;font-family:"whitneySC","微软雅黑";}
#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block ul li{color:#1f252f;font-size:18px;margin-bottom:20px;line-height:30px;text-align:left;padding-left:12px;background:url("../images/milestones-list-style1.png") no-repeat left 13px;}
#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block ul li.course {
    padding-left: 0;
    background: none;
    margin-bottom: 0;
    position: relative;
}
#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block ul li.course h2 {
    padding-left: 12px;
    background: url("../images/milestones-list-style2.png") no-repeat left center;
    font-size: 21px;
    font-weight: bold;
    color: #2d2d2d;
    line-height: 45px;
    position: relative;
    z-index: 2;
}
#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block ul li.course p {
    color: inherit;
    font-size: inherit;
    line-height: 35px;
    margin-bottom: 0;
    padding-left: 27px;
}
#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block ul li.course span.line {
    position: absolute;
    display: block;
    width: 1px;
    background: #7f7f7f;
    left: 3px;
    top: 0;
    bottom: 0;
}
#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block ul li.course_first span.line {
    top: 25px;
}
#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block ul li.course_last span.line {
    bottom: auto;
    height: 25px;
}

/*honors*/
.owl-loaded{
	margin-top:60px;
}
#main_content #leading{
  width:100%;
  background: #eeeeee;
  position: relative;
  overflow:hidden;
}
#main_content #leading .in_leading{
  padding:80px 100px;
  max-width:1230px;
  margin:0 auto;
}
#main_content #leading .in_leading .hh{
	height: 80px;
}
#about_us_index #main_content #leading{
	background:#e1e1e1;
}
#about_us_honors #main_content #leading .in_leading{
	padding-bottom:0 !important;
	padding-top:0 !important;
}
#about_us_milestones #main_content #leading .in_leading{
	padding-bottom:0 !important;
	padding-top:0 !important;
}
#main_content #leading .in_leading .column{
  padding-bottom:65px;
  position:relative;
}
#main_content #leading .in_leading .column .border-bar{
  position:absolute;
  width:1px;
  height:100%;
  background: #bcbec0;
  left:0;
  top:0;
}
#main_content #leading .in_leading .column .honors_main .in_main{
  position:relative;
}
#main_content #leading .in_leading .column.padding_t .honors_main{
  padding-top:70px;
  position: relative;
}
#main_content #leading .in_leading .column .honors_main .honors_icon img{
  width:auto;
}
#main_content #leading .in_leading .column .honors_main .in_main .honors_words{
  min-height:250px;
  padding:0 20px;
}
#main_content #leading .in_leading .column .honors_main .in_main .honors_words ul{
  margin:15px auto 20px;
}
#main_content #leading .in_leading .column .honors_main .in_main .honors_words ul li{
  padding-left:14px;
  background:url("../images/honors-list-style1.png") no-repeat left 8px;
  font-size:16px;
  color:#1f252f;
  line-height: 30px;
}
#main_content #leading .in_leading .column .year_num{
  position:absolute;
  width:100%;
  height:65px;
  left:0;
  bottom:0;
  background:#bd1b21;
  text-indent:25px;
  line-height: 65px;
  color:#ffffff;
  z-index: 9;
}
#main_content #leading .in_leading .column .year_num span{
	font-size:32px;
	font-family:"whitneySC";
}
#main_content #leading .in_leading .column.padding_t .year_num{
  background: #c3353a;
}
#main_content #leading .in_leading .owl-theme .owl-controls{
  margin:0;
}
#main_content #leading .in_leading .owl-theme .owl-controls .owl-nav div{
  position:absolute;
  bottom:0;
  height:65px;
  width:17px;
  margin:0;
  padding:0;
  text-indent:-9999px;
  border-radius: 0;
  background: none;
}
#main_content #leading .in_leading .owl-theme .owl-controls .owl-nav div.owl-prev{
  background:url("../images/honors-prev-icon.png") no-repeat center center;
  left:-17px;
}
#main_content #leading .in_leading .owl-theme .owl-controls .owl-nav div.owl-next{
  background:url("../images/honors-next-icon.png") no-repeat center center;
  right:-17px;
}
/*background*/
#main_content #leading .red_bg{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
}
#main_content #leading .red_bg .color_bar{
  float:left;
  height:65px;
  width:50%;
}
#main_content #leading .red_bg .color_bar.left{
  background: #c3353a;
}
#main_content #leading .red_bg .color_bar.right{
  background: #bd1b21;
}

/*mobile bar*/
#mobile_bar{
  width:100%;
  background: #eee;
  display: none;
}
#mobile_bar .in_mobile_bar{
  padding:30px 30px;
  overflow: hidden;
}
#mobile_bar .in_mobile_bar .rate_bar{
  width:100%;
  position:relative;
  height:8px;
  background: #c5c5c6;
  overflow: hidden;
}
#mobile_bar .in_mobile_bar .rate_bar .rate{
  position:absolute;
  height:100%;
  background: #98989a;
  width:0;
  max-width:100%;
}
/*/honors*/

/*Qualifications*/
#qf{
	width:100%;
	background:#cdcfd0;
}
#qf .in_qf{
	padding:0 200px;
	padding-bottom:35px;
	overflow:hidden;
	max-width:1230px;
	margin:0 auto;
}
#qf .in_qf .page_title h1{
	color:#a37b1f;
}
#qf .in_qf .q_tip{
	font-size:18px;
	color:#1f252f;
	line-height:30px;
	margin-bottom:35px;
}
#qf .in_qf ul.column3{
	overflow:hidden;
	margin:0 -35px;
}
#qf .in_qf ul.column3 li{
	float:left;
	width:33.3%;
}
#qf .in_qf ul.column3 li .visible_box{
	margin:0 35px;
}
#qf .in_qf ul.column3 li .visible_box .q_main{
	/*padding-bottom:55px;*/
}
#qf .in_qf ul.column3 li .visible_box .q_main .pic img{
	width:100%;
}
#qf .in_qf ul.column3 li .visible_box .q_main h1{
	font-size:16px;
	color:#1f252f;
	line-height:30px;
	margin-top:25px;
	min-height:140px;
}


#qf .in_qf ul.qf_list{
	padding:40px 0;
	display:none;
}
#qf .in_qf ul.qf_list li{
	padding: 10px 0;
	padding-left:22px;
	background:url("honors-list-style1.png")/*tpa=http://www.gds-services.com/images/GDS/images/honors-list-style1.png*/ no-repeat left 23px;
	font-size:18px;
	line-height:30px;
	color:#1f252f;
	border-bottom:1px solid #a37b1f;
}
#qf .in_qf ul.qf_list li.first{
	border-top:1px solid #a37b1f;
}







@media screen and (max-width: 1530px) {

	#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .title h1{
		margin-bottom:0;
		height:70px;
	}

}
@media screen and (max-width: 1440px) {

	#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.column .visible_box .in_box .service_block_main .content h1{
		font-size:18px;
	}

}
@media screen and (max-width: 1345px) {

	#main_content #leading .in_leading{
		padding:65px 100px;
	}
	/*Milestones*/
	#main_content #data_fl .in_data_fl{
		padding:80px;
	}
	#main_content #hosting_service .in_hosting_service{
		padding:80px;
	}
	#qf .in_qf{
		padding:0 100px;
		padding-bottom:35px;
		overflow:hidden;
	}

}
@media screen and (max-width: 1230px) {

	#main_content #leading .in_leading{
		padding:65px 50px;
	}
	#main_content #leading .in_leading .hh{
		height: 65px;
	}
	#about_us_honors #main_content #leading .in_leading p{
		padding:0 50px;
	}
	/*Milestones*/
	#main_content #data_fl .in_data_fl{
		padding:50px;
	}
	#main_content #hosting_service .in_hosting_service{
		padding:50px;
	}
	#qf .in_qf{
		padding:0 50px;
		padding-bottom:35px;
		overflow:hidden;
	}

}
@media screen and (max-width: 1120px) {

	.page_title{
		margin:40px 0;
	}
	#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block .milestones_main{
		padding:30px;
	}
	#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block h1{
		margin-bottom: 20px;
	}
	#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.column .visible_box .in_box .service_block_main .content h1{
		height:60px;
		margin-bottom:15px;
	}
	#qf .in_qf ul.column3{
		margin:0 -10px;
	}
	#qf .in_qf ul.column3 li .visible_box{
		margin:0 10px;
	}

}
@media screen and (max-width: 1000px) {

	#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block h1{
		font-size: 20px;
	}

}
@media screen and (max-width: 960px) {
	#main_content #leading .in_leading .hh{
		height: 35px;
	}
	#main_content .banner .banner_content{
		width:auto;
		padding:0 30px;
	}
	#main_content #leading .in_leading{
		padding: 35px 30px;
	}
	#main_content #leading .video_box{
		margin-top:35px;
	}
	#about_us_honors #main_content #leading{
		padding-bottom: 10px;
	}
	#about_us_milestones #main_content #leading .in_leading{
		padding-bottom:70px !important;
	}
	#about_us_honors #main_content #leading .in_leading p{
		padding:0px;
	}
	#main_content #leading .in_leading .owl-theme .owl-controls{
	    display: none;
	  }
	  #mobile_bar{
	    display: block;
	  }
	  #main_content #leading .red_bg{
		display:none;
	  }
	  #main_content #leading .in_leading .column.padding_t .honors_main{
		padding-top:0;
	  }
	  #main_content #leading .in_leading .column.padding_t .year_num{
		background:#bd1b21;
	  }
	  #main_content #leading .in_leading .column .year_num{
		text-align:center;
		text-indent:0;
	  }
	  .owl-carousel .owl-stage-outer{
		overflow:visible;
	  }
	  .owl-loaded{
		/*width:auto;
		padding:0 30px;*/
	  }
	  .owl-carousel .owl-item{
		background:#fff;
		box-shadow: 1px 2px 5px 2px #b4b4b4;
	  }
	  #main_content #leading .in_leading .column .border-bar{
		display:none;
	  }
	  
	  #qf {
		    background: #c5c5c6;
		}
	  #qf .in_qf{
		padding:0 30px;
		padding-bottom:35px;
		overflow:hidden;
	}
	#qf .in_qf ul.column3 li .visible_box .q_main h1{
		display:none;
	}
	#qf .in_qf ul.column3 li .visible_box{
		margin:10px;
	}
	#qf .in_qf .q_tip{
		margin-bottom:0;
		min-height:60px;
	}
	#qf .in_qf ul.qf_list{
		display:block;
	}
	  
	  
	#main_content #hosting_service .in_hosting_service{
		padding:30px;
	}
	#main_content #leading .in_leading h1{
		font-size:35px;
	}
	#main_content #leading .in_leading p.intro2{
		margin-top:35px;
	}
	.page_title{
		margin:20px 0;
	}
	.page_title h1{
		font-size:35px;
	}
	.page_title span.title_bar{
		margin-top:20px;
	}
	.owl-loaded{
		margin-top:50px;
	}
	/*Milestones*/
	#main_content #data_fl{
		background:#fff;
	}
	#main_content #data_fl .in_data_fl{
		padding:0 30px;
		padding-bottom:70px;
	}
	#main_content #data_fl .in_data_fl ul.column3 li.column{
		float:none;
		width:100%;
	}
	#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.column{
		width:100%;
		float:none;
	}
	#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .title h1{
		margin-top:70px;
		margin-bottom:20px;
		height:auto;
	}
	#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block{
		height:auto !important;
		min-height:auto !important;
	}
	#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.column .visible_box .in_box .a_btn{
		margin:0 15px;
		margin-bottom:15px;
	}
	#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.column .visible_box .in_box .service_block_main{
		height:auto !important;
		min-height:auto !important;
	}
	

}
@media screen and (max-width: 768px) {

	#main_content #banner{
		height:600px;		
	}
	#main_content #banner .banner_content{
		width:auto;
		padding:0 50px;
	}
	#main_content #banner .banner_content h2{
		margin-top:0;
	}
	#main_content #leading .in_leading .intro22{
		padding: 0;
	}
}

@media screen and (max-width: 483px) {

	#main_content .banner .banner_content h1{
		font-size:23px;
		margin-top:20px;
		line-height: 45px;
	}
	#main_content .banner .banner_content h2{
		font-size:40px;
	}
	#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block .milestones_main{
		padding:20px;
	}
	#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block h1{
		font-size:18px;
	}
	#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .title h1{
		font-size:18px;
	}
	#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block .date_num{
		font-size:20px;
	}
	#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block ul li{
		font-size:16px;
		line-height: 25px;
	}
	#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .title h1{
		margin-top:50px;
	}
	#main_content #data_fl .in_data_fl ul.column3 li.column .visible_box .fl_block .in_fl_block ul li.course h2 {
	    font-size: 19px;
	}

}
@media screen and (max-width: 460px) {

	#main_content #hosting_service .in_hosting_service .service_block ul.column2 li.column .visible_box .in_box .service_block_main .content{
		padding:20px;
	}

}