@charset "utf-8";
/*head*/

*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
body{
	font-family: "思源黑体 CN Normal";
	font-size:14px;
	height:100%;
	width:100%;
	color: #333;
    background-color: #FFFFFF;
	line-height: 1.5;
	overflow-x:hidden;
}
.box1{
	font-family: "思源黑体 CN Normal";
	font-size:14px;
	height:100%;
	width:100%;
	color: #333;
    background-color: #FFFFFF;
	line-height: 1.5;

}


figure, body {
    margin: 0;
    padding: 0;
    line-height: 1.4;

}

a{
	text-decoration:none;
	cursor:pointer;
	transition:all .3s;
	outline:none;
}
a:hover,
a:visited,
a:focus,
a:active {
    text-decoration: none !important;
    outline: none !important;
}
ul{
	list-style:none;
}
.lf{
	float:left;
}
.rg{
	float: right;
}
.clear{
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}
.head{
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	min-width: 1000px;
	z-index: 9999;
	background: #fff;
	border-bottom: 1px solid #ddd;
	height: 150px;
	transition: all .3s;
	box-shadow: 0 3px 4px rgb(26 26 26 / 10%);
}
.head.headFix {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    width: 100%;
	background: #fff;
	border-bottom: 1px solid #ddd;
    box-shadow: 0 3px 4px rgb(26 26 26 / 10%);
    border: none;
}
.applebox{
	width: 100%;

    overflow: hidden;
	}

.head1 {
	width:100%;
    height: 46px;
    line-height: 46px;
    background: #FAFAFA;

}	
.top {
	width:100%;
    max-width:1400px;
	margin:auto;
    height: 46px;
    line-height: 46px;
    background: #FAFAFA;
}
.topleft {
	float: left;
	font-size: 14px;
	color: #8a8a8a;
}
.topright {
    float: right;
    font-size: 14px;
    color: #8a8a8a;
}

.language{
    height: 46px;
	float: right;
	width: 200px;
	background-image: url(../imge/Language%20E.png);
}
.language ul{
	margin: 0px;
	padding-left:29px;
}
.language ul li{
	list-style: none;
	float: left;
	line-height: 46px;
	margin-left: 15px;
	width: 70px;
	height: 25px;
}
.language ul li a{
	float: left;
	color: #323232;
	text-decoration: none;
}
.language ul li a:hover{
	float: left;
	color: #e4392a;
	text-decoration: none;
}
.head2{
	width: 100%;
	max-width: 1400px;
	margin: auto;
	height: 46px;
	line-height: 46px;
	background: #fff;
}
.logo{
	padding-top:30px;
	transition:all .3s
}
.logo a{
    display:block;
	position:relative;
	overflow:hidden
}
.logo img{
	width:100%;
	position:relative;
	z-index:100
}
.logo .p1{
	background: #ff6d07;
	position: absolute;
	top: 0%;
	left: 0px;
	width: 100%;
	height: 80%;
}
.nav{
	width:60%;
	margin-top: 12px;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s
}
.nav ul li{
	float: right;
	width:14.28%;
	height:80px;
	transition:all .3s
}
.nav ul li .a1{
	line-height:80px;
	display:block;
	text-align:center;
	font-size:15px;
	color:#333;
	background:url(../imge/1_02.jpg) right center no-repeat;
	transition:all .3s
}
.nav ul li .a12{
	line-height:80px
	;display:block;
	text-align:center;
	font-size:15px;
	color:#333;
	transition:all .3s
}
.nav ul li:hover .a1{
	color: #e4392a;
	transition:all .3s
}
.nav ul li:hover .a12{
	color: #e4392a;
	transition:all .3s
}
.nav ul li.fouse{
	color: #e4392a;
	line-height:80px;
	display:block;
	text-align:center;
	font-size:15px;
	transition:all .3s
}
.nav ul li.fouse a{
	color: #e4392a;
	line-height:80px;
	display:block;
	text-align:center;
	font-size:15px;
	transition:all .3s
}
.nav ul li .div1{
	display:none;
    background:#fff;
    width:100%;
    left:0px;
	position:absolute;
	top:147px;
	z-index:100
}
.nav ul li .div1 .p1{
	width:57.4%;
	float:right;
	height:65px;
	line-height:65px
}
.nav ul li .div1 .p1 a{
	color:#999;
	font-size:14px;

	background: url(../imge/1_26.jpg) center bottom no-repeat;
	display:inline-block;
	height:65px;
	line-height:65px;
	margin-right:5%;
	transition:all .5s
}
.nav ul li .div1 .p1 a:hover{
	background:url(../imge/1_27.jpg) center bottom no-repeat;color:#1a1a1a
}
.nav ul li .mad1 .p1 .pad{
	margin-left:20%
}
.nav ul li .mad2 .p1 .pad{
	margin-left:10%
}
.nav ul li .mad2_EN .p1 .pad{
	margin-left:8%
}
.nav ul li .mad3 .p1 .pad{
	margin-left:48%
}
.nav ul li .mad4 .p1{
	text-align: right;
	margin-right: 24.5%;
}
.nav ul li .mad4_EN .p1{
	text-align: right;
	margin-right:8%;
}
.nav ul li .mad5 .p1{
	text-align:right
}
.a_txt{
	display:none
}
@media (max-width: 1450px){

.top{
	width: 94%;
}
    .head2{
	width: 94%;		
}
	.nav ul li .mad2_EN .p1 .pad{
	margin-left:17%
}
}
@media (min-width: 1152px){
.moblie_head{
	display: none !important; 
}
	}
/*小于1400大于1200稍微调整下字体*/
@media screen and (max-width: 1366px) and (min-width:1280px) {
.nav ul li .a1{
	font-size:15px
}
.nav ul li .a12{
	font-size:15px
}
.nav ul li .div1 .p1 a{
	font-size:13px
}
.foot_top ul{
	margin-left:60px
}
.nav ul li .div1 .p1{
	width:68%
}
.top{
	width: 88%;
}
    .head2{
	width: 88%;		
}
}
@media (max-width: 1280px)  {
	.top{
	width: 90%;
}
    .head2{
	width: 90%;		
}
.nav ul li .mad2_EN .p1 .pad{
	margin-left:4%
}
}
/*移动端导航*/
@media screen and (max-width: 1152px) and (min-width: 0px){
.applebox{
	margin-top:0px;}
.head{
	display:none;
}
.moblie_head{
	display:block;
	height:60px;
	background:#fff;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:9999;
	border-bottom:1px solid #ddd
}
.moblie_head .lf{
	padding-top:18px;
	padding-left:5%;
}
.moblie_head .lf img{
	height:30px;
}
.moblie_head .rg{
	padding-right:5%;
	padding-top:22px
}
.moblie_head .rg a img{
	height:16px;
	vertical-align:top
}
.moblie_head .rg2{
	float: right;
	color: #646464;
	font-size: 16px;
	line-height: 60px;
	padding-right: 5%;
}
.moblie_head .rg2 a{
	height:16px;
	color: #646464;
	vertical-align:top
}
.moblie_head .rg2 a:hover{
	float: right;
	color: #004EA2;
}
.a_txt{
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	width:0px;
	height:0px;
	overflow:hidden;
	z-index:10000
}
.a_txt .div1{
	position: absolute;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=0);
	opacity: 0;
	left: 50px;
	top: 34px;
	z-index: 1;
	background: #373841;
}
.a_txt .div2{
	position:absolute;
	width:20%;
	left:0px;
	top:5%;
	z-index:100;
	text-align:center;
	filter:alpha(opacity=0);
	opacity:0
}
.a_txt .div3{
	position: absolute;
	width: 80%;
	right: 0px;
	top: 56px;
	background: #fafafa;
	height: 100%;
	z-index: 100;
	right: -963px
}
.a_txt .div3 ul{
	padding-left:5%;
	padding-right:5%
}
.a_txt .div3 ul li{
	border-bottom:1px solid #ebebeb
}

.a_txt .div3 ul li a{
	display:block;
	height:60px;
	color:#000;
	line-height:60px;
	padding-left:5%;
	font-size:16px
}
.a_txt .div3 ul li a:hover{
	color:#004ea2;
}
.a_txt .div3 ul li .focus{
	color:#004ea2;
}
.a_txt .div3 ul li .focus a{
	color:#004ea2;
}
.a_txt .div3 ul li .a_js2{
	background: url(../imge/plus.png) 95% center no-repeat;
	-webkit-transition:all 0s;
	-moz-transition:all 0s;
	transition:all 0s
}
.a_txt .div3 ul li .a_js2_on{
	background:url(../imge/reduce.png) 95% center no-repeat;
	-webkit-transition:all 0s;
	-moz-transition:all 0s;
	transition:all 0s
}
.a_txt .div3 ul li .a_txt2{
	display: none;
}
.a_txt .div3 ul li .a_txt2 a{
	height: 40px;
	line-height: 40px;
	color: #969696;
	font-size:14px
}
.a_txt .div3 ul li .a_txt2 a:hover{
	height:40px;
	line-height:40px;
	color:#004ea2;	
	font-size:14px
}

}
@media (max-width: 500px)  {
.slidel1 h2 {
	font-size: 10px;

}
.slidel1 h2 span {
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	font-size:10px;
}
.slidel2 h2 {
	font-size: 10px;

}
.slidel2 h2 span {
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	font-size:10px;
}
.slidel3 h2 {
	font-size: 10px;

}
.slidel3 h2 span {
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	font-size:10px;
}
.slidel4 h2 {
	font-size: 10px;

}
.slidel4 h2 span {
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	font-size:10px;
}
.moblie_head .rg2{
	display: none !important;
}
/* timeline */
#timeline{width:760px;height:300px;overflow:hidden;margin:100px auto;position:relative;background:url('img/dot.gif') left 45px repeat-x;}
#dates{width:760px;height:60px;overflow:hidden;}
#dates li{list-style:none;float:left;width:100px;height:50px;font-size:24px;text-align:center;background:url('img/biggerdot.png') center bottom no-repeat;}
#dates a{line-height:38px;padding-bottom:10px;}
#dates .selected{font-size:38px;}
#issues{width:760px;height:300px;overflow:hidden;}	
#issues li{width:760px;height:300px;list-style:none;float:left;}
#issues li h2{color:#ffcc00;font-size:42px;margin:20px 0;text-shadow:#000 1px 1px 2px;}
#issues li p{font-size:14px;margin-right:70px; margin:10px; font-weight:normal;line-height:22px;}
}
@media (max-width: 350px)  {
	.moblie_head .lf{
		width:82%;
		height:82%;	
		line-height: 60px;	
}
	.moblie_head .lf img{
		width:82%;
		height:82%;
		line-height: 60px;	
}
}