@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-size:14px; font-weight:1.5; font-family:"微软雅黑", sans-serif !important;color:#333;}
a,img,input{ text-decoration:none; font-size:14px; border:0}
body,h1,h2,h3,h4,h5,h6,form,ol,li ,dl,ul,input,tr,td{margin: 0px;padding: 0px;list-style-type: none; color:#333; font-weight:normal}
ul li{ list-style:none;}
.clear{ clear:both;}
.left{ float:left;}
.right{ float:right;}
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ color:#333 } a:focus{ -moz-outline-style: none; /* FF */} 
a:hover{ color:#b8232e}
input,button,select,textarea{outline:none}
textarea{resize:none}
input,textarea{ outline:none; -webkit-appearance: none;}

.cent,.foot{ max-width:1200px; margin:auto; overflow:hidden; width:100%}
.hea{ padding:0 5%}
.hea .left{ width:14.2%;}
.hea .right{ width:50%; overflow:hidden}
.logo img{ width:100%; margin:13% 0}
.flexslider{position:relative;overflow:hidden;}
.flexslider .slides{position:relative;z-index:1;}
.flexslider .slides li a{ display:block;}
.flexslider .slides li img{ width:100%}
.nav ul{ overflow:hidden;}
.nav ul li{ float:left; text-align:center; width:16%; text-align:right}
.nav ul li a{ font-size:16px; display:block; color:#333;}
.nav ul li a img{ vertical-align:middle; margin-left:5px}
.nav ul li a:hover,.nav ul .dq a,.dropMenu li a:hover{ color:#b8232e}
.dropMenu { width:262px; position:absolute; top: 0; left:0; z-index:9999;visibility: hidden; margin-top:1.1%; background-color: rgba(000,000,000,0.5); padding:1%; margin-left:20px}
.dropMenu li{ text-align:center; line-height:27px;}
.dropMenu .no{ border:0}
.dropMenu li a{ display:block; font-size:16px; color:#fff; text-align:left; margin-left:5%}
.dropMenu li a:hover{ color:#fff}
.nav-qz{overflow: hidden;zoom:1; border-bottom:#333 1px solid; padding:2% 0}
.con-qz{ border:0; padding:3% 0}
.nav-qz li{width:33.333%;text-align: center; border:0; float:left; font-size:18px; font-weight:bold}
.nav-qz li img{ display:block; margin:auto}
.nav-qz .current{ color:#dc0526;}
.con-qz li a{ float:left; width:21%; margin:0 2%; font-size:18px}
.con-qz li,.nav-qz li{ color:#fff; padding:0; margin:0px; border-bottom:0}
.zg{width:100%;}
.hea .right dl{ float:right; width:22%; overflow:hidden; padding:0.5% 0; background:#61b7b4; margin-top:3.5%}
.hea .right dl dd{ font-size:22px; color:#fff; text-align:center}
.hea .right dl dd img{ vertical-align:middle; margin-right:5%}
header{ display:none}
.yy{ text-align:right; margin:4.5% 0 2%}
.yy a{ display:inline-block; margin-left:4.5%}
.bj1{ background:#f2f2f2; padding:1% 0}
.bj1 .cent{ max-width:1310px}
.sy1 .left,.sy1 .right{ width:50%}
.sy1 .left p img{ width:100%}
.sy1 .right{ padding:7% 0}
.sy1 .right h1,.sy1 .right p{ padding:0 15%}
.sy1 .right h1,.lcont h1{ font-size:24px; font-weight:bold; margin-bottom:4%}
.sy1 .right p,.lcont p{ font-size:16px; line-height:26px}
.sy1 .right p a,.lcont p a{ border:#b8232e 1px solid; border-radius:10px; width:140px; line-height:45px; text-align:center; color:#b8232e; display:block; margin-top:7%; font-size:16px}
.lcont h1,.lcont p{ padding:0 25% 0 35%}
.lcont p a{ border:#666 1px solid;}
.lcont h1{ margin-bottom:6%}
.lcont p a{ margin-top:14%}
.sy1 .right p a:hover,.lcont p a:hover{ border:#b8232e 1px solid; background:#b8232e; color:#fff}
.footer{ background:#e6e7e7; padding:3% 0 2%}
.fo1{ overflow:hidden; border-bottom:#000 1px solid; padding-bottom:1%}
.fo1 div{ width:13.333%; float:left; border-left:#000 1px solid; padding:0 0 0 5%; overflow:hidden; margin-bottom:1%}
.fo2{ margin-top:1.2%}
.fo2 p,.fo2 p a{ text-align:center;}
.fo1 .fo1-1{ border:0; width:25.333%}
.fo1 .fo1-1{ padding:0 4% 0 0}
.fo1-1 h1 img{ display:block; margin:0 auto 6%;}
.fo1-1 ul{ overflow:hidden}
.fo1-1 ul li{ float:left; width:50%; text-align:center; margin:1.7% 0; letter-spacing:2px}
.onutre1,.onutre2{ margin-top: -3% !important;}
.fo1-1 ul li a{ font-size:16px}
.fo1 .fo1-2{ width:36.333%}
.fo1-2 ul li{ font-size:16px; margin:6.2% 0; letter-spacing:2px}
.fo1-2 ul li span{ margin-left:6%}
.fo1-2 ul li img{ vertical-align:middle; margin-right:6%}
.fo1 div dl dt img{ width:89%; display:block; margin:auto}
.fo1 div dl{ width:100%; float:right; margin:4% 0}
.fo1 div dl dd{ text-align:center; font-size:14px; margin-top:8%; letter-spacing:2px}
.fo1-2 ul li span{ display:inline-block; margin-left:8%}
.fo1 .fo1-2{ padding:0 7%}
.fo2 p,.fo2 p a{ font-size:14px; line-height:26px}
.fo2 p span{ display:inline-block; margin:0 4%}

.banner p img{ width:100%}
.he_ZoomInImg{background:#000;width:100%;padding:0;margin:0;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg:hover .he_ZoomInImg_img{opacity:.6;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.he_ZoomInImg .he_ZoomInImg_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_caption,.he_ZoomInImg .he_ZoomInImg_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_ZoomInImg .he_ZoomInImg_caption_p{font-size:16px;text-align:center; -webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0; text-align:center; line-height:30px; letter-spacing:2px; color:#fff; padding:30% 17%}
.he_ZoomInImg:hover .he_ZoomInImg_caption_p{color:#fff;opacity:1}
.cp{ overflow:hidden}
.cp dl{ float:left; width:31.333%; margin:1%}
.cp dl dd{ text-align:center; margin-top:6%; font-size:18px;}
.ny-b{ font-size:30px; text-align:center; margin:5% 0}
.ny-b img{ vertical-align:middle; margin:0 5%}
.fy{ text-align:center; margin:4% 0 5% !important; color:#b1b1b1;}
.fy a{ font-size:16px; color:#b1b1b1; display:inline-block; border:#a0a0a0 1px solid; margin:0 0.5%; padding:1.2% 1.6%; line-height:20px; vertical-align:middle}
.fy a:hover{ border:#b8232e 1px solid; background:#b8232e; color:#fff}

.xw1{ margin-top:5%}
.xw1 a,.xw2 dl .x-b a,.xw2 dl .x-x a{ color:#333}
.xw-z1{ width:40.5%}
.xw-z1 img{ width:100%}
.xw-y1{ width:56%; border:#999 1px solid}
.xw-y1 h1{ background:#b8232e; font-size:24px; color:#fcfcfc; padding:2% 7%; overflow:hidden; margin:0; font-weight:normal}
.xw-y1 h1 img{ vertical-align:middle; float:right; width:9%}
.xw-y1 h1 span{ float:left; margin-top:1%}
.xw-y1-1{ padding:6% 5% 5%}
.xw-y1-1 .left{ width:12%}
.xw-y1-1 .right{ width:84%}
.xw-y1-1 .left h2 span{ display:block; font-size:16px}
.xw-y1-1 .left h2{ font-size:60px; color:#999; text-align:center; margin:0; font-weight:normal}
.xw-y1-1 .right h2 a{ font-size:16px; margin:0; font-weight:bold}
.xw-y1-1 .right p{ font-size:14px; line-height:26px; color:#333; margin-top:3% !important}
.xw-y1-1 .right p span{ font-size:14px}
.xw-y1-1 .right p a{ display:block; text-align:right; font-size:14px}
.xw2 dl{ overflow:hidden; border-bottom:#999 1px solid; margin-top:3%}
.xw2 dl dt{ width:17%; float:left; position:relative}
.xw2 dl dt img{ width:100%}
.xw2 dl dd{ width:77%; float:right; margin-left:0}
.xw2 dl dt .time{ display:block; position:absolute; right:-21px; top:26%; width:46px; height:60px; background:#b8232e; line-height:43px; color:#fff; text-align:center; font-size:24px; font-weight:bold}
.xw2 dl dt span span{ background:#84060f; display:block; line-height:19px; font-size:14px; font-weight:normal}
.xw2 dl dd{ font-size:14px; line-height:26px; color:#333}
.xw2 dl .x-b{ margin-top:1%; color:#333; font-weight:bold; margin-bottom:0.5%}
.xw2 dl .x-b a{ font-size:16px;}
.xw2 dl .x-b a:hover{ color:#b8232e}
.xw2 dl .x-x a{ display:block; text-align:right}
.xw2{ margin-bottom:5%}
.xw1 .left{ float:left}
.xw1 .right{ float:right}
.xw1 .clear{ clear:both}

.lx1{ margin-bottom:6%}
.lx1 .left{ width:30%}
.lx1 .right{ width:67%}
.lx1 .left div dl{ overflow:hidden; margin-bottom:6%}
.lx1 .left div dl dt{ width:23%; float:left}
.lx1 .left div dl dd{ width:68%; float:right; font-size:18px; line-height:30px; padding-top:3%}
.lx1 .left div dl .dd{ padding-top:0}
.lx1 .left div dl dd span{ font-size:14px; line-height:24px; display:block}
.lx1 .left div dl dt img{ width:100%}
.sys{ overflow:hidden; margin-left:8%}
.sys dt{ float:left; width:42%}
.sys dt img{ width:100%}
.sys dd{ float:right; width:48%; text-align:center; padding-top:8%; font-size:18px; line-height:40px}

.gj1{ position:relative; border:#999 1px solid; margin:10% 0 15% 15%;}
.gj1 .left{ position:absolute; left:-15%; top:21%;}
.gj1 .left{ width:62.5%} 
.gj1 .right{ width:36%; padding:8%}
.gj1 .left p img{ width:100%}
.gj1 .right p{ font-size:16px; text-indent:2em; line-height:28px;text-align: justify;}
.gj1 .right h1{ font-size:24px}
.gj1 .right h1 img{ display:block; margin:5% 0 8%}
.bj2{ background:#eee; padding-bottom:5%}
.gn{ text-align:center; font-size:30px; padding:5% 0}
.gn img{ margin:0 5%; vertical-align:middle}

#timeline {
max-width: 800px;
height: 650px;
overflow: hidden;
position: relative;
background:url(../images/c4_1.jpg) 15px top repeat-y;
margin:auto
}
#dates {
width:35%;
height: 600px;
overflow: hidden;
float: left;
}
#dates li {
list-style: none;
width: 100px;
height: 150px;
line-height: 150px;
font-size: 24px;
padding-left:45px;
background:url(../images/c1_2_1.png) left center no-repeat;
}
#dates a {
line-height: 38px;
padding-bottom: 10px;
font-size:30px
}
#dates .selected {
font-size: 48px;
}

#issues {
width:60%;
height: 600px;
overflow: hidden;
float: left;
}	
#issues li {
height:650px;
list-style: none;

}
#issues li img {
margin:18% 0 6%;
width:100%
}
#issues li h1 {
font-size: 30px;
text-align: center;
margin-bottom:6%
}
#issues li p {
font-size: 18px;
font-weight: normal;
line-height: 28px;
}

#grad_top,
#grad_bottom {
width: 500px;
height: 80px;
position: absolute;
}
#next,
#prev {
position: absolute;
left:61%;
font-size: 70px;
width:60px;
height:60px;
text-indent: -9999px;
overflow: hidden;
}
#next:hover,
#prev:hover {
background-position:  0 0;
}
#next {
bottom: 0;
background-image:url(../images/c1_4_2.png);
}
#prev {
top: 0;
background-image:url(../images/c1_3_1.png);
}
#next.disabled,
#prev.disabled {
opacity: 0.2;
}
.gs1{ margin:6% 0 0}
.gs1 .left{ width:40%}
.gs1 .right{ width:47%}
.gs1 .right p img{ width:100%}
.gs1 .left h1{ font-size:24px; font-weight:bold; margin:10% 0}
.gs1 .left p{ font-size:18px; line-height:35px;text-align: justify;}

.kwicks{
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks.horizontal li {
	float: left;
}

.kwicks li{
	float: left;
	width:193px;
	height: 420px;
}
#kwick1 { 
	background-color: #53b388;
	background-image:url(../images/j-1_1.jpg);
}
#kwick2 {
	background-color: #5a69a9;
	background-image:url(../images/j-2_1.jpg);
}
#kwick3 {
	background-color: #c26468;
	background-image:url(../images/j-3_1.jpg);
}    	
			
.kwicks.horizontal #kwick_3 {
	margin-right: none;
}
.kwicks.vertical #kwick_3 {
	margin-bottom: none; 
}
.gs2{ max-width:588px; margin:0 auto; overflow:hidden}
.gs2-1{ display:none}
.dti img{ max-width:100%; margin:0 auto 4%; display:block}

.dingwei{position:absolute; width:100%; overflow:hidden}
.dingwei_r{position:relative;}
.db_dh ul{list-style:none;}
.db_dh ul li{float:left;margin-left:1px;margin-top:1px;z-index:5;}
.db_dh1{opacity:1;transition:0.9s;z-index:5;}
.db_dh2{opacity:0;transition:0.9s;}
.db_dh ul{ overflow:hidden}
.db_dh ul li{ float:left; width:24.8%; margin:0.1%}
.db_dh ul li,.db_dh ul li .db_dh1 img,.db_dh ul li .db_dh0 img{ height:200px}
.db_dh ul li img{ width:100%}
.db_dh ul li:hover .db_dh1{opacity:0;}
.db_dh ul li:hover .db_dh2{z-index:2;opacity:1;}
.sn-simple-logo{ overflow:hidden}

.diti{ position:relative}
.diti ul li img{ vertical-align:middle; padding:0 5%; display:inline-block; float:right}
.diti ul li{ font-size:14px; width:228px; text-align:right; line-height:24px; cursor:pointer}
.diti ul li .wz{ float:left; display:inline-block; width:196px; height:24px}
.diti ul .d3 .wz{ height:48px}
.diti ul .d5 .wz{ height:72px}
.diti ul li .wz span{ display:none}
.diti ul li:hover .wz span{ display:block}
.diti ul .d4 .wz,.diti ul .d5 .wz{ float:right; text-align:left; color:#84060f}
.diti ul .d4 img,.diti ul .d5 img{ float:left}
.diti .d1{ position:absolute; bottom:481px; right:421px; color:#fff;}
.diti .d2{ position:absolute; bottom:466px; right:405px; color:#fff;}
.diti .d3{ position:absolute; bottom:411px; right:428px; color:#000;}
.diti .d4{ position:absolute; bottom:487px; right:207px; color:#000;}
.diti .d5{ position:absolute; bottom:400px; right:215px; color:#000;}


@media screen and (min-width: 768px) {
	.dsp_pc {
		display: block;
	}
	.dsp_sp {
		display: none;
	}
	#cont02 {
		width: 100%;
		display: table;
		background-color: white;
	}
	#cont02 .lcont {
		width: 50%;
		display: table-cell;
		vertical-align: middle;
	}
	#cont02 .rcont {
		width: 50%;
		display: table-cell;
		vertical-align: top;
	}

	#cont02 .rcont ul {
		width: 100%;
	}

	#cont02 .rcont ul.s1 li {
		float: left;
	    width: calc(100% / 3);
	}

	#cont02 .rcont ul.s2 li {
		float: left;
	    width: 50%;
	}

	#cont02 .rcont ul li img {
		z-index: 1;
		width: 100%;
		height: auto;
		position: relative;
		transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
	}

	#cont02 .rcont li{
		z-index: 1;
		position: relative;
		transform: scale(1);
		box-sizing: border-box;
		transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
	}

	#cont02 .rcont li a{
		display: block;
		transform-style: preserve-3d;
		background-color: #b8232e;
	}

	#cont02 .rcont li a::after{
		width: 8px;
		right: 10px;
		content: " ";
		height: 12px;
		bottom: 10px;
		position: absolute;
		background-size: cover;
		transform-style: preserve-3d;
		background-image: url(../images/rightarrow_1.png);
	}

	#cont02 .rcont li:hover{
		z-index: 2;
	}

	#cont02 .rcont li:hover a{
		border-radius: 5px;
		-webkit-box-shadow: 10px 10px 44px 2px rgba(0,0,0,0.09);
	}

	#cont02 .rcont li a::before{
		content: " ";
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
		width: calc(100% - 10px);
		height: calc(100% - 10px);
		border: solid 5px #b8232e;
		border-radius: 5px;
		opacity: 0;
		transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
	}

	#cont02 .rcont li:hover a::before{
		opacity: 1;
	}

	#cont02 .rcont li:hover::after{
		content: " ";
		top: 5%;
		left: 5%;
		z-index: -2;
		width: 100%;
		height: 100%;
		position: absolute;
		border-radius: 5px;
		opacity: 0.25;
		background-size: 4px;
		background-repeat: repeat;
		background-image: url(../images/linepatten.png);
		-webkit-animation: bgMover 0.5s ease forwards;

	}

	#cont02 .rcont li:hover:last-child{
		margin-left: -7%;
	}

	#cont02 .rcont li:hover img{
		 border-radius: 20px 20px 100px 20px;
	}

	#cont02 .rcont li .backdrop img{
		width: 107%;
		height: auto;
		border-radius: 0 0 0 0;
	}

}

@media screen and (max-width: 767px) {
	#cont02 {
		padding:1% 0 0 0;
	}
	.dsp_pc {
		display: none;
	}
	.dsp_sp {
		display: block;
	}
	.dsp_sp{ width:100%}
	.rcont,.lcont{ width:100%; overflow:hidden}
}

@-webkit-keyframes bgMover {
	0% {
		top: 0%;
		left: 0%;
	}
	100% {
		top: 5%;
		left: 5%;
	}
}

@keyframes bgMover {
	0% {
		top: 0%;
		left: 0%;
	}
	100% {
		top: 5%;
		left: 5%;
	}
}

.dashfklja{ font-family:"微软雅黑", sans-serif !important; }