@charset "gb2312";
/*! 
 * authod: wangjunxin
 * date: 2015/05/14
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5 {
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {
	border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}
a {
	cursor: pointer;
blr: expression(this.onFocus=this.blur());
	outline: none;
	text-decoration: none;
}
html {
	_background-image: url(about:blank);
	_background-attachment: fixed;
}
h1, .side li span {
	width: 0;
	height: 0;
	overflow: hidden;
}
h2, .header .yy, .header .logo, .footer .logo-4399 {
	text-indent: -99999px;
}
.section-1 .nav a, .video .play {
	width: 100%;
	height: 100%;
}
.section-2 a, .section-5 .caption {
	width: 100%;
}
.header .info-box dt, .header .info-box dd, .section-1 .nav a, .section-6 h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.header .btn-box a, .section-6 p a, .section .title, .side li a, .side li span, .side .gotoTop {
	background-repeat: no-repeat;
}
.header .info-box dt, .header .info-box dd {
	display: inline-block;
*display: inline;
*zoom: 1;
}
.header .btn-box, .section-2, .section-2 .content, .section-4 .c, .section-5 .list, .section-6 .list, .side li {
*zoom: 1;
}
.header .btn-box:after, .section-2:after, .section-2 .content:after, .section-4 .c:after, .section-5 .list:after, .section-6 .list:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	content: " ";
}
.header .logo, .header .btn-box .btn-1, .section-1 .fig-box, .section-1 .nav, .section-1 .nav li, .section-2 .nav, .section-2 li, .section-2 .fig-box, .section-4 .figure, .section-4 .txt-box, .section-4 .txt-box span, .section-5 li, .section-6 li, .header .nav, .header .btn-box .btn-2, .side li span {
	_display: inline;
}
.header .logo, .header .btn-box .btn-1, .section-1 .fig-box, .section-1 .nav, .section-1 .nav li, .section-2 .nav, .section-2 li, .section-2 .fig-box, .section-4 .figure, .section-4 .txt-box, .section-4 .txt-box span, .section-5 li, .section-6 li {
	float: left;
}
.header .nav, .header .btn-box .btn-2, .side li span {
	float: right;
}
.header .btn-box a, .section-6 p a, .section .title, .side li a, .side li span, .side .gotoTop {
	background-repeat: no-repeat;
}
.header .btn-box a, .section-6 p a {
	background-image: url('http://i3.yeyou.itc.cn/2015/www/cy6931/zt/xszt/mlzj/btn.png');
}
.wrapper {
	position: relative; /*width: 1024px;*/
	margin: 0 auto;
}
body {
	position: relative;
	font: 12px/24px "Microsoft Yahei";
	background: url('http://i2.yeyou.itc.cn/2015/www/cy6931/zt/xszt/mlzj/bg.jpg') center -233px no-repeat;
}
.cb {
	clear: both;
}
/*开头*/

.wrap {
	background-color: rgb(255, 255, 255);
	background-image: url("../images/bg_01.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	height: 900px;
}
.main {
	height: 100%;
	margin: 0 auto;
	position: relative;
	width: 1000px;
		background-image: url("../images/main_01.jpg");
	background-position: center top;
	background-repeat: no-repeat;
}
.logo {
 height: 106px;
    left: 239.5px;
    position: absolute;
    top: 38px;
    transform: translate3d(0px, 0px, 0px);
    width: 214px;
    z-index: 1;
}
.meiti {
	left: 0;
	position: absolute;
	top: 17px;
	transform: translate3d(0px, 0px, 0px);
	z-index: 1;
}
.ksyx {
   display: block;
    height: 87px;
    left: 121.5px;
    position: absolute;
    top: 735px;
    transform: translate3d(0px, 0px, 0px);
    width: 233px;
    z-index: 1;
}
 
.lblq {
	    display: block;
    height: 93px;
    left: 383.5px;
    position: absolute;
    top: 731px;
    transform: translate3d(0px, 0px, 0px);
    width: 232px;
    z-index: 1;
}
 
.wrap .miaoshu {
	left: 128px;
	position: absolute;
	top: 458px;
	transform: translate3d(0px, 0px, 0px);
	z-index: 1;
}
.wrapper {
	width:1000px;
	background: url('../images/1.jpg') center 0 no-repeat;
}
.header {
	position: relative;
	width: 1000px;
	height: 1133px;
	margin:0 auto;
}
.header .yy {
	width: 269px;
	height: 168px;
	background: url('../images/yy.png') 0 0 no-repeat;
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-webkit-transform: translate(0, -10px);
	transform: translate(0, -10px);
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	position: absolute;
	top: 0;
	left: -285px;
}
.header .yy:hover {
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.header .logo {
	width: 220px;
	height: 88px;
	background: url('../images/logo.png') 0 0 no-repeat;
	margin: 10px 0 0 -5px;
}
.header .nav {
	width:146px;
	height:32px;
	position: relative;
	margin: 9px -9px 0 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	color: #fff;
	text-align:center;
	background:url('../images/link_bg.png') no-repeat left top;
}
.header .nav a {
	color: #f5f2e5;
	margin: 0 5px;
}
.header .nav a:hover {
	color: white;
}
.info-box {
	position: relative;
	width: 472px;
	height: 107px;
	padding: 10px;
	color: #fff;
	line-height: 26px;
}
.info-box span {
	color: #ffde02;
	font-weight: bold;
}
.header .btn-box {
	width: 401px;
	height: 90px;
	overflow: hidden;
	margin: 36px 0 0 36px;
}
.header .btn-box a {
	font-size: 0;
	line-height: 0;
	color: #fff;
}
.header .btn-box .btn-1 {
	background-position: 0 0;
	width: 196px;
	height: 88px;
}
.header .btn-box .btn-2 {
	background-position: -214px 0px;
	width: 189px;
	height: 89px;
}
.header .video_tab {
	position: absolute;
	top: 700px;
	left: 715px;
	width: 278px;
}
.header .video_tab li {
	position: relative;
	width: 278px;
	height: 126px;
	margin-bottom: 3px;
}
.header .video_tab .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 278px;
	height: 126px;
	z-index: 0;
}
.header .video_tab .link {
	position: relative;
	display: block;
	width: 270px;
	height: 96px;
	padding-left: 8px;
	padding-top: 30px;
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
	color: #fff;
	z-index: 1;
}
.header .video_container {
	position: absolute;
	top: 700px;
	left: 6px;
	width: 694px;
	height: 374px;
	border: 5px solid #576676;
	background-color: #000;
}
/*第1部分*/




 
#zyjsBox .Focus_list li {
	height: 506px;
	list-style: outside none none;
	position: absolute;
	text-align: center;
}
.section {
	position: relative;
	margin: 0 auto;
	width:1000px;
}
.section-1 {
	background:url('../images/2.jpg') no-repeat center top;/*padding-bottom:185px;*/
	height:532px;
	position: relative;
	margin: 0 auto;
	width:1000px;
}
.section-2 {
	background:url('../images/3.jpg') no-repeat center top;
	height:422px;
	position: relative;
	margin: 0 auto;
	width:1000px;
}
.section-3 {
	background:url('../images/4.jpg') no-repeat center top;
	height:708px;
	position: relative;
	margin: 0 auto;
	width:1000px;
}
.section-4 {
	background:#005586 url('../images/5.jpg') no-repeat center top;
	height:429px;
	position: relative;
	margin: 0 auto;
	width:1000px;
}
.section-5 {
	background:#1c1c20 url('../images/6.jpg') no-repeat center top;
	height:380px;
	position: relative;
	margin: 0 auto;
	width:1000px;
}
.section-6 {
	background:#DEDEDE url('../images/6.jpg') no-repeat center top;
	height:549px;
	position: relative;
	margin: 0 auto;
	width:1000px;
}
.section h3.title {
	font-size: 36px;
	line-height: 100px;
	font-weight: bold;
	color: #4f4e4e;
	margin: 0;
	padding-left: 67px;
}
.section h3.title span {
	color: #df4141;
}
.section-2 .hero-list {
	width: 975px;
	height: 323px;
	margin: 0 auto;
	position: relative;
	background: url('../images/zhiye.jpg') no-repeat;
}
.section-2 .hero-tab {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.section-2 .hero-tab a {
	display: block;
	float: left;
	width: 183px;
	height: 323px;
	text-indent: -9999px;
}
.section-2 .hero-box {
	display: none;
	position: relative;
	width: 975px;
	height: 323px;
	z-index: 0;
}
.section-2 .hero-box .zhiye {
	position: absolute;
	top: 0;
	height: 323px;
}
.section-2 .gongshou .zhiye {
	left: 286px;
	width: 262px;
}
.section-2 .zhanshi .zhiye {
	left: -80px;
	width: 262px;
}
.section-2 .fashi .zhiye {
	left:103px;
	width: 262px;
}
.section-2 .hero-content {
	float: right;
	width: 350px;
	height: 238px;
	padding: 55px 40px 30px 40px;
	overflow: hidden;
}
.section-2 .hero-content .hero-title {
	float: left;
	font-size: 48px;
	line-height: 1;
	color: #df4141;
	font-weight: bold;
}
.section-2 .hero-content .stars {
	float: left;
	padding-top: 6px;
	padding-left: 25px;
}
.section-2 .hero-desc {
	margin-top: 25px;
	color: #585858;
	line-height: 26px;
}
.section-2 .hero-desc h3 {
	color: #df4141;
	font-size: 14px;
	border-bottom: 1px solid #d2d2d2;
}
.section-2 .hero-desc h3 span {
	color:#585858
}
.stars {
	font-size: 14px;
	color: #403f3f;
}
.stars a {
	display: inline-block;
	width: 14px;
	height: 16px;
	margin-right: 1px;
	background-image: url('../images/stars.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}
.stars-1 .s1 {
	background-position: 0 -16px;
}
.stars-2 .s1, .stars-2 .s2 {
	background-position: 0 -16px;
}
.stars-3 .s1, .stars-3 .s2, .stars-3 .s3 {
	background-position: 0 -16px;
}
.stars-4 .s1, .stars-4 .s2, .stars-4 .s3, .stars-4 .s4 {
	background-position: 0 -16px;
}
.stars-5 .s1, .stars-5 .s2, .stars-5 .s3, .stars-5 .s4, .stars-5 .s5 {
	background-position: 0 -16px;
}
.section-3 h3.title {
	padding-top: 7px;
}
.section-3 .txt-box {
	color: #585858;
	width: 1000px;
	overflow: hidden;
	line-height: 26px;
}
.section-3 .txt-box table {
	width: 600px;
	height: 190px;
}
.section-3 .txt-box td {
	vertical-align: middle;
}
.section-3 .txt-box h3 {
	padding-bottom: 10px;
	font-size: 24px;
	font-weight: bold;
	line-height: 36px;
	color: #df4141;
}
.section-3 .txt-box .pic {
	display: block;
	width: 374px;
	height: 190px;
}
.section-3 .txt-box-l .pic {
	float: left;
	margin-right: 24px;
}
.section-3 .txt-box-r .pic {
	float: right;
	margin-left: 24px;
}
.section-3 .txt-box p {
	max-height: 144px;
	overflow: hidden;
}
.section-4 h3.title {
	padding-top: 7px;
}
.section-4 .list {
	width: 975px;
	margin: 0 auto;
	overflow: hidden;
}
.section-4 .list li {
	width: 295px;
	height: 319px;
	float: left;
	position: relative;
	margin-right: 45px;
}
.section-4 .list .pic {
	width: 295px;
	height: 319px;
	position: relative;
	z-index: 0;
}
.section-4 .show {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 295px;
	height: 319px;
	background: url('../images/show.png') no-repeat;
	z-index: 10;
	text-align: center;
	line-height: 26px;
	color: #fff;
}
.section-4 .show p {
	text-align:left;
}
.section-4 .show table {
	width: 255px;
	margin: 0 auto;
	height: 319px;
	text-align: center;
}
.section-4 .show table td {
	vertical-align: middle;
	text-align: center;
}
.section-4 .show h3 {
	color: #df4141;
	font-size: 30px;
	font-weight: bold;
	line-height: 36px;
	padding-bottom: 10px;
}
.section-4 .show p {
	max-height: 273px;
	overflow: hidden;
}
.section-5 .list {
	width: 975px;
	margin: 0 auto;
	overflow: hidden;
}
.section-5 li {
	position: relative;
	width: 220px;
	float: left;
	margin-right: 30px;
	text-align: center;
	color: #717171;
}
.section-5 li .pic {
	position: relative;
	display: block;
	width: 220px;
	height: 245px;
	z-index: 0;
}
.section-5 li span {
	font-size: 18px;
	line-height: 36px;
	font-weight: bold;
}
.section-5 .show {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 245px;
	background: url('../images/show.png') no-repeat;
	z-index: 10;
	text-align: center;
	line-height: 26px;
	color: #fff;
}
.section-5 .show table {
	width: 200px;
	margin: 0 auto;
	height: 245px;
	text-align: center;
}
.section-5 .show table td {
	vertical-align: middle;
	text-align: center;
}
.section-5 .show h3 {
	color: #df4141;
	font-size: 18px;
	font-weight: bold;
	line-height: 36px;
}
.section-5 .show p {
	max-height: 164px;
	overflow: hidden;
}
.section-6 h3.title {
	line-height: 99px;
}
.section-6 .list {
	width: 975px;
	margin: 0 auto;
	overflow: hidden;
}
.section-6 li {
	width: 470px;
	height: 157px;
	margin-right: 35px;
	margin-bottom: 25px;
}
.section-6 li .link {
	display: block;
	width: 460px;
	height: 147px;
	padding:5px;
	position: relative;
	background-color: #717171;
	font-size: 30px;
	line-height: 46px;
	font-weight: bold;
	color: #fff;
}
.section-6 li .link:hover {
	background-color: #df4141;
}
.section-6 li .pic {
	display: block;
	width: 315px;
	height: 147px;
	position: relative;
	z-index: 0;
}
.section-6 li .content {
	position: absolute;
	top: 0;
	right: 0;
	width: 121px;
	height: 120px;
	padding: 0 15px;
	padding-top: 37px;
	background-color: #717171; /* background-image: url('http://i3.yeyou.itc.cn/2015/www/cy6931/zt/xszt/mlzj/a-icon.png'); background-repeat: no-repeat; background-position: 15px 92px; */
}
.section-6 li .link:hover .content {
	background-color: #df4141;
}
.slider {
	position: relative;
	width: 950px;
	height: 506px;
	padding: 10px;
	margin:0 auto;
	background-color: #cfcfcf;
}
.slider-box {
	position: relative;
	width: 950px;
	height: 506px;
	overflow: hidden;
	line-height: 26px;
}
.slider-box li a {
	display: block;
	width: 950px;
	height: 506px;
	color: #303030;
}
.slider-box li img {
	display: block;
	width:950px;
	height: 411px;
	margin-bottom: 10px;
}
.prev {
	position: absolute;
	left: 19px;
	top: 170px;
	cursor: pointer;
	width: 57px;
	height:57px;
	background:url('../images/arrow.png') no-repeat 0 0;
}
.next {
	position: absolute;
	right: 19px;
	top: 170px;
	cursor: pointer;
	width: 57px;
	height:57px;
	background:url('../images/arrow.png') no-repeat -57px 0;
}
.prev:hover, .next:hover {
	background-image: url('../images/arrow-hover.png');
}
.side {
	position: fixed;
	top: 50%;
	_position: absolute;
_top: expression(eval(documentElement.scrollTop+180));
	right: 128px;
	_left: 90%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.side ul {
}
.side li {
	position: relative;
	height: 46px;
	margin-bottom: 5px;
}
.side li a {
	position: relative;
	display: block;
	width:46px;
	height: 46px;
	z-index: 1;
	background-image: url('../images/sprites-s7b58813f56.png');
	background-position: 0 0;
	font-size: 24px;
	color: #fff;
	font-weight: normal;
	line-height: 46px;
	font-family: "Impact";
	text-align: center;
}
.side li span {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 46px;
	line-height: 46px;
	text-align: center;
	z-index: 0;
transition: width .3s;
-webkit-transition: width .3s;
}
.side li.on a {
	background-position: 0 -46px;
}
.side li.on span {
	width: 68px;
	padding-left: 46px;
	padding-right: 14px;
	background: url('../images/side_on.png') no-repeat; /* background-size: 100% 100%; */
}
.side .gotoTop {
	display: block;
	width: 46px;
	height: 46px;
	margin-bottom: 5px;
	background-image: url('../images/sprites-s7b58813f56.png');
	background-position: 0 0;
	font-size: 14px;
	color: #fff;
	line-height: 46px;
	text-align: center;
}
.side .gotoTop:hover {
	background-position: 0 -46px;
}
/*底部系统*/


.footer {
	background-color: #111312;
	color: #6c6c6c;
	min-width: 1000px;
	padding-bottom: 15px;
	position: relative;
}
.w1000 {
	margin: auto;
	width: 1000px;
}
.rec-game {
	border-bottom: 1px solid #d9d9d9;
	padding: 15px 0;
}
.tc {
	text-align: center;
}
.rec-game a, .rec-game a:visited {
	color: #6c6c6c;
	margin-left: 10px;
}
.about-37 {
	color: #d9d9d9;
	font: 400 12px/40px "Microsoft Yahei", "宋体";
}
.about-37 a, .about-37 a:visited {
	color: #6c6c6c;
	font-size: 14px;
	margin: 0 6px;
}
a {
	color: #6c6c6c;
}
.copyright {
	line-height: 18px;
}
.legal-ico {
	height: 50px;
	margin: auto;
	padding: 10px 0;
	width: 960px;
}
.legal-ico li {
	float: left;
}
.legal-ico a, .legal-ico a:visited {
	display: block;
	height: 30px;
	line-height: 15px;
	padding: 10px;
}
.red {
	color: red;
}