@charset "utf-8";

/*main_content*/
/*banner*/
#main_content{
	width:100%;
}
#main_content .banner{
	height:500px;
}
#main_content #banner1{
	background:url("../images/banner1.jpg") no-repeat center center;
	background-size:cover; 
	height:auto;
	/*height:500px\9;*//*ie8*/
	position:relative;
}
#main_content #banner2{
	background:url("../images/banner2.jpg") no-repeat center center;
	background-size:cover; 
}
#main_content #banner1 .banner_words{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 99;
}
#main_content #banner1 video{
	width:100%;
	display: block;
}
#main_content .banner .e_table{
	width:100%;
	height:100%;
	text-align: center;
}
#main_content .banner .banner_content{
	max-width:700px;
	margin:0 auto;
}
#main_content .banner .banner_content h2{
	font-size:44px;
	color:#e7a100;
	font-weight:normal;
	margin-top: 55px;
	/*text-transform: uppercase;*/
	word-break: break-all;
	letter-spacing: 10px;
}
#main_content #banner1 .banner_content h2{
	margin-top:0;
}
#main_content .banner .banner_content h1{
	font-size:28px;
	color:#fff;
	font-weight:normal;
	line-height: 42px;
	margin-top:35px;
}
#main_content .banner .banner_content .a_btn{
	margin-top:50px;
}

/*experience*/
#main_content #experience{
	width:100%;
	background: #eee;
}
#main_content #experience .in_experience{
	padding:0 75px;
	max-width: 1230px;
	margin: 0 auto;
    width: auto;
}
#main_content #experience .in_experience ul{
	overflow: hidden;
}
#main_content #experience .in_experience ul li{
	width:16.6%;
	float:left;
	overflow: hidden;
	position: relative;
}
#main_content #experience .in_experience ul li span{
	display:block;
	margin-top:100%;
}
#main_content #experience .in_experience ul li .experience_content{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
#main_content #experience .in_experience ul li .experience_content .exp_border{
	height:100%;
	border-right:2px solid #dddedf;
}
#main_content #experience .in_experience ul li.first .experience_content .exp_border{
	border-left:2px solid #dddedf;
}
#main_content #experience .in_experience ul li .experience_content .exp_border .e_table{
	width:100%;
	height:100%;
	text-align: center;
}
#main_content #experience .in_experience ul li .experience_content .exp_border .exp_num{
	font-size:20px;
	color:#a37b1f;
	line-height: 40px;
}
#main_content #experience .in_experience ul li .experience_content .exp_border .exp_name{
	font-size:20px;
	color:#58595b;
	line-height: 25px;
	min-height:50px;;
	/*text-transform: uppercase;*/
}

/*service*/
#main_content #service{width:100%;background:#eeeeee;}
#main_content #service .in_service{padding:65px 100px;overflow:hidden;max-width: 1230px;margin: 0 auto;  width: auto;}
#main_content #service .in_service .ser_pic{float:left;width:50%;text-align:center;}
#main_content #service .in_service .ser_pic img{width:100%;max-width:294px;max-height:341px;}
#main_content #service .in_service .ser_words{float:left;width:50%;}
#main_content #service .in_service .ser_words h1{font-size:40px;color:#1f252f;line-height:75px;}
#main_content #service .in_service .ser_words p{font-size:18px;color:#58595b;line-height:35px;margin-top:10px;padding-right:35%;}
#main_content #service .in_service .ser_words .a_btn{margin:0;margin-top:40px;}

#main_content #cpl{width:100%;background:#fff;}
#main_content #cpl .in_cpl{padding:65px 100px;overflow:hidden;max-width: 1230px;margin: 0 auto;  width: auto;}
#main_content #cpl .in_cpl .cpl_pic{float:right;width:50%;text-align:center;}
#main_content #cpl .in_cpl .cpl_title {margin-left: 24%;font-size: 40px;}


/*GDS links*/
#main_content #g_links{width:100%;background:#bd1b21;}
#main_content #g_links .in_g_links{max-width:1230px;margin:0 auto;}
#main_content #g_links .in_g_links ul{text-align:center;overflow:hidden;}
#main_content #g_links .in_g_links ul li{display:inline-block;}
#main_content #g_links .in_g_links ul li a{display:block;padding:70px;cursor:default;}
#main_content #g_links .in_g_links ul li a span{display:block;font-size:20px;color:#fff;/*text-transform:uppercase;*/padding-top:90px;line-height:24px;}
#main_content #g_links .in_g_links ul li a span sup{font-size:10px;top: -1em;}

#main_content #g_links .in_g_links ul li.link1 a span{background:url("../images/g-links-icon1.png") no-repeat center top;}
#main_content #g_links .in_g_links ul li.link2 a span{background:url("../images/g-links-icon2.png") no-repeat center top;}
#main_content #g_links .in_g_links ul li.link3 a span{background:url("../images/g-links-icon3.png") no-repeat center top;}
#main_content #g_links .in_g_links ul li.link4 a span{background:url("../images/g-links-icon4.png") no-repeat center top;}

/*download*/
#main_content #download{
	width:100%;
	background: #fff;
}
#main_content #download .in_download{
	padding:100px 100px;
}
#main_content #download .in_download ul{
	overflow: hidden;
}
#main_content #download .in_download ul ol{
	width:33.3%;
	float:left;
}
#main_content #download .in_download ul ol.last .download_content{
	border-left:2px solid #cdcfd0;
	padding-left: 29%;
	padding-bottom: 45px;
}
#main_content #download .in_download ul ol .title{
	font-size:22px;
	color:#58595b;
	/*text-transform: uppercase;*/
	line-height: 30px;
	/*margin-bottom:30px;*/
	height:80px;
}
#main_content #download .in_download ul ol ul li{
	margin-bottom: 15px;
}
#main_content #download .in_download ul ol ul li .name{
	font-size:22px;
	color:#1f252f;
	line-height: 30px;
	padding-left:30px;
	background:url("download-icon.png") no-repeat left center;
}
#main_content #download .in_download ul ol ul li .date{
	font-size:14px;
	color:#58595b;
	line-height: 30px;
	padding-left:30px;
}
#main_content #download .in_download ul ol.last .usd{
	font-size:36px;
	color:#a37b1f;
	line-height: 30px;
}
#main_content #download .in_download ul ol.last .change{
	font-size:18px;
	color:#a37b1f;
	line-height: 28px;
	margin-top:30px;
}
#main_content #download .in_download ul ol.last .time{
	font-size:14px;
	color:#58595b;
	line-height: 30px;
}
/*/download*/





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

	#main_content #download .in_download{
		padding: 80px 80px;
	}
	#main_content #service .in_service{
		    padding: 65px 80px;
	}
	#main_content #cpl .in_cpl{
		padding: 65px 80px;
	}

}
@media screen and (max-width: 1250px) {
	
	#main_content #g_links .in_g_links ul li a{
		padding:50px;
	}
	
}
@media screen and (max-width: 1230px) {

	#main_content #download .in_download{
		padding: 50px 50px;
	}
	#main_content #service .in_service{
		    padding: 50px 50px;
	}
	#main_content #cpl .in_cpl{
		padding: 50px 50px;
	}

}
@media screen and (max-width: 1180px){
	
	#main_content #g_links .in_g_links ul li a{
		padding:40px;
	}
	
}
@media screen and (max-width: 1120px) {

	#main_content #experience .in_experience{
		padding: 0px;
	}
	#main_content #experience .in_experience ul li{
		width:100%;
	}
	#main_content #experience .in_experience ul li span{
		margin-top:13%;
	}
	#main_content #experience .in_experience ul li .experience_content .exp_border{
		border-top:1px solid #dddedf;
		border-right:none;
	}
	#main_content #experience .in_experience ul li.first .experience_content .exp_border{
		border-left:none;
		border-top:none;
	}
	#main_content #service .in_service .ser_words p{
		padding-right:0;
	}
	#main_content #g_links .in_g_links ul li{
		width:100%;
		float:left;
	}

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

	#main_content .banner .banner_content{
		width:auto;
		padding:0 30px;
	}
	#main_content #banner1{
		height:500px;
	}
	#main_content #banner1 video{
		display:none;
	}
	#main_content #download .in_download{
		padding: 30px 30px;
	}
	#main_content #service .in_service{
		padding: 30px 30px;
	}
	#main_content #download .in_download ul ol{
		float:none;
		width:100%;
		margin-bottom: 30px;
	}
	#main_content #download .in_download ul ol .title{
		font-size:18px;
		height:60px;
	}
	#main_content #download .in_download ul ol ul li {
	    margin-bottom: 10px;
	}
	#main_content #download .in_download ul ol ul li .name{
		font-size:20px;
	}
	#main_content #download .in_download ul ol.last .download_content{
		padding-left:30px;
	}
	#main_content #experience .in_experience ul li .experience_content .exp_border .exp_name{
		height:auto;
		min-height:auto;
	}
	#main_content #service .in_service .ser_pic img{max-width: 50%;max-height:50%;}
	#main_content #service .in_service .ser_words h1{line-height: 45px;}
	#main_content #service .in_service .ser_pic{width:100%;float:none;}
	#main_content #service .in_service .ser_words{width:100%;float:none;}

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

	#main_content #experience .in_experience ul li .experience_content .exp_border .exp_num{
		font-size:15px;
		line-height: 25px;
	}
	#main_content #experience .in_experience ul li .experience_content .exp_border .exp_name{
		font-size:18px;
		line-height: 25px;
	}

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

	#main_content .banner{
		height:600px;		
	}
	#main_content #banner1{
		height:600px;
	}
	#main_content .banner .banner_content h2{
		margin-top:0;
	}
	#main_content #g_links .in_g_links ul li{
		width:100%;
		float:left;
	}

}
@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;
	}

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

	#main_content #experience .in_experience ul li .experience_content .exp_border .exp_num{
		font-size:14px;
		line-height: 20px;
	}
	#main_content #experience .in_experience ul li .experience_content .exp_border .exp_name{
		font-size:16px;
		line-height: 20px;
	}

}