@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#000;
}

a{
	color:#000;
}

a:hover{
	text-decoration: none;
	color: #c00 !important;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}

img{
	display:block;
	max-height: 100%;
	max-width: 100%;
}

.wrapper{
	width:100%;
	min-width:1170px;
	max-width:1920px;
	margin:0px auto;
	overflow: hidden;
}

.w1170{
	width:1170px;
	margin:0px auto;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}

.photo{
	position: relative;
	overflow: hidden;
}

.photo img{
	width: 100%;
	height: 100%;
	transition: transform 0.2s;
}

.photo:hover img{
	transform: scale(1.05,1.05);
}

.photo2{
	position: relative;
	overflow: hidden;
}

.photo2 img{
	width: 100%;
	height: 100%;
}

#cover{
	position: relative;
	width: 100%;
	height: 100%;
	min-width: 1170px;
	background: url("images/cover-bg.jpg") no-repeat center center;
	background-size: 100% 100%;
}

#cover .btn{
	position: absolute;
	width: 9.3%;
	height: 6.1%;
	top: 87.2%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: transform 0.2s;
}

#cover .btn1{
	background-image: url("images/cover-btn1.png");
	left: 34%;
}

#cover .btn2{
	background-image: url("images/cover-btn2.png");
	left: 45.35%;
}

#cover .btn3{
	background-image: url("images/cover-btn3.png");
	right: 34%;
}

#cover .btn:hover{
	transform: scale(1.08,1.08);
}

#cover .logo{
	position: absolute;
	width: 24.4%;
	height: 7.9%;
	background: url("images/cover-logo.png") no-repeat center center;
	background-size: contain;
	left: 6%;
	top: 6.5%;
}

#cover .topic{
	position: absolute;
	width: 79%;
	height: 55.5%;
	background: url("images/cover-topic.png") no-repeat center center;
	background-size: contain;
	left: 10.5%;
	top: 21.5%;
}

#top{
	height: 100px;
}

#top .logo{
	float: left;
	margin-top: 25px;
}

#top .nav{
	float: left;
	margin-left: 40px;
	border-right: 1px solid #f2f2f2;
}

#top .nav li{
	float: left;
	height: 64px;
	width: 19px;
	padding: 18px 19px;
	text-align: center;
	border-left: 1px solid #f2f2f2;
	position: relative;
	font-size: 16px;
	overflow: visible;
}

#top .nav li:hover{
	background: #d71023;
}

#top .nav li:hover span,#top .nav li:hover span a{
	color: #fff !important;
}

#top .nav li span{
	display: inline-block;
	vertical-align: top;
	line-height: 16px;
}

#top .nav li span a{
	color: #585858;
}

#top .nav li span i{
	display: block;
	width: 100%;
	height: 32px;
}

#top .nav .drop{
	position: absolute;
	top: 100px;
	left: 0px;
	text-align: left;
	line-height: 30px;
	padding: 13px 5px;
	background: #fff;
	border: 2px solid #d71023;
	width: auto;
	font-size: 18px;
	white-space:nowrap;
	word-break:break-all;
	display: none;
}

#top .nav li:hover .drop{
	display: block;
}

#top .nav .drop a{
	display: inline-block;
	vertical-align: top;
	margin: 0px 12px;
	white-space:nowrap;
	word-break:break-all;
}

#top .lng{
	float: right;
	margin-right: 25px;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	padding: 14px 0px;
	height: 72px;
	width: 60px;
	text-align: center;
}

#top .lng p{
	line-height: 24px;
	height: 24px;
}

#top .icon{
	float: right;
}

#top .icon li{
	float: left;
	margin-left: 7px;
	margin-top: 30px;
	width: 38px;
	height: 40px;
	position: relative;
	overflow: visible;
}

#top .icon li a{
	display: block;
	width: 100%;
	height: 100%;
}

#top .icon .icon1{ background-image: url("images/top-icon1.png"); }
#top .icon .icon2{ background-image: url("images/top-icon2.png"); }
#top .icon .icon3{ background-image: url("images/top-icon3.png"); }

#top .icon .icon1:hover{ background-image:url("images/top-icon1b.png"); }
#top .icon .icon2:hover{ background-image:url("images/top-icon2b.png"); }
#top .icon .icon3:hover{ background-image:url("images/top-icon3b.png"); }

#top .icon .drop{
	position: absolute;
	left: 50%;
	margin-left: -57px;
	top: 60px;
	width: 95px;
	background: #fff;
	padding: 10px;
	text-align: center;
	display: none;
}

#top .icon li:hover .drop{
	display: block;
}

#top .icon .drop img{
	width: 95px;
}

#top .icon .drop p{
	line-height: 20px;
	font-size: 14px;
	color: #333;
}

#header{
	background: url("images/header.jpg") no-repeat center top;
	height: 400px;
}

#layout1{
	margin-top: 50px;
}

#layout1 .headline{
	text-align: center;
}

#layout1 .headline h2{
	font-size: 42px;
	line-height: 50px;
	height: 50px;
}

#layout1 .headline p{
	line-height: 20px;
	height: 20px;
	margin-top: 10px;
}

#layout1 .headline p a{
	color: #a3a3a3;
	margin: 0px 5px;
}

#layout1 .box2{
	margin-top: 35px; 
}

#layout1 .box2 .left{
	width: 260px;
	margin-top: -10px;
}

#layout1 .box2 .left .photo{
	height: 160px;
	margin-top: 10px;
	border-radius: 5px;
}

#layout1 .box2 .left .photo p{
	position: absolute;
	width: 100%;
	height: 36px;
	line-height: 36px;
	text-align: center;
	left: 0px;
	bottom: 0px;
	z-index: 9;
}

#layout1 .box2 .left .photo .shadow{
	position: absolute;
	width: 100%;
	height: 33px;
	background: url("images/shadow1.png");
	left: 0px;
	bottom: 0px;
}

#layout1 .box2 .middle{
	float: left;
	width: 570px;
	margin-left: 40px;
	margin-top: -5px;
}

#layout1 .box2 .middle li{
	line-height: 42px;
	height: 42px;
	font-size: 20px;
	padding-left: 25px;
	background: url("images/ly1-list.png") no-repeat left center;
}

#layout1 .box2 .middle .bold{
	font-weight: bold;
}

#layout1 .box2 .right{
	width: 270px;
}

#layout1 .box2 .right .countdown{
	height: 60px;
	border-radius: 5px;
	background: #f0cd74;
	margin-bottom: 12px;
}

#layout1 .box2 .right .countdown span{
	float: left;
	margin-left: 62px;
	margin-top: 8px;
	line-height: 22px;
	color: #8d6700;
	font-size: 16px;
}

#layout1 .box2 .right .countdown .date{
	float: right;
	width: 86px;
	height: 54px;
	line-height: 54px;
	background: url("images/countdown.png") no-repeat;;
	overflow: hidden;
	margin: 3px 30px 0px 0px;
	padding-left: 10px;
	font-size: 38px;
	color: #d4012a;
	font-weight: bold;
	text-align: center;
	letter-spacing: 20px;
}

#layout1 .box2 .right ul{
	margin-top: -5px;
}

#layout1 .box2 .right li{
	height: 60px;
	line-height: 60px;
	border-radius: 5px;
	margin-top: 7px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

#layout1 .box2 .right .color1{ background: #f1ce6e; }
#layout1 .box2 .right .color2{ background: #f1ce6e; }
#layout1 .box2 .right .color3{ background: #f09c59; }
#layout1 .box2 .right .color4{ background: #d71023; }
#layout1 .box2 .right .color5{ background: #bd1a30; }
#layout1 .box2 .right .color6{ background: #8b1c2a; }


#layout1 .box2 .right li img{
	display: inline-block;
	vertical-align: top;
	margin: 14px 18px 0px 0px;
}

#layout1 .box2 .right li a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}

#layout1 .box2 .right li a:hover{
	color: #fff !important;
	opacity: 0.8;
}

#layout1 .box3{
	margin-top: 30px;
}

#layout1 .box3 .focus{
	float: left;
	width: 870px;
	height: 360px;
	border-radius: 5px;
}

#layout1 .box3 .focus .shadow{
	position: absolute;
	width: 100%;
	height: 47px;
	background: url("images/shadow2.png");
	left: 0px;
	bottom: 0px;
}

#layout1 .box3 .focus p{
	position: absolute;
	max-width: 680px;
	left: 35px;
	bottom: 0px;
	height: 44px;
	line-height: 44px;
	font-size: 18px;
	z-index: 9;
}

#layout1 .box3 .focus .point{
	position: absolute;
	right: 20px;
	bottom: 18px;
	height: 8px;
	z-index: 10;
}

#layout1 .box3 .focus .point span{
	float: left;
	border-radius: 50%;
	border: 1px solid #fff;
	width: 6px;
	height: 6px;
	margin-right: 10px;
	cursor: pointer;
	background: #fff;
}

#layout1 .box3 .focus .point .current{
	background: none;
}

#layout1 .box3 .focus .arrow1,#layout1 .box3 .focus .arrow2{
	position: absolute;
	width: 55px;
	height: 74px;
	cursor: pointer;
	top: 50%;
	margin-top: -59px;
	opacity: 0;
}

#layout1 .box3 .focus:hover .arrow1,#layout1 .box3 .focus:hover .arrow2{
	opacity: 1;
}

#layout1 .box3 .focus .arrow1{
	background: url("images/ly1-arrow1b.png");
	left: 0px;
}

#layout1 .box3 .focus .arrow2{
	background: url("images/ly1-arrow2b.png");
	right: 0px;
}

#layout1 .box3 .focus .arrow1:hover{
	background: url("images/ly1-arrow1a.png");
}

#layout1 .box3 .focus .arrow2:hover{
	background: url("images/ly1-arrow2a.png");
}

#layout1 .box3 .right{
	width: 270px;
	height: 360px;
	background: #000;
	border-radius: 5px;
	overflow: hidden;
}

#layout1 .box3 .right .photo{
	height: 275px;
}

#layout1 .box3 .right .photo .play{
	position: absolute;
	width: 54px;
	height: 55px;
	left: 50%;
	top: 50%;
	margin: -50px 0px 0px -27px;
	background: url("images/ly1-play.png");
}

#layout1 .box3 .right .photo .shadow{
	position: absolute;
	width: 100%;
	height: 48px;
	left: 0px;
	bottom: 0px;
	background: url("images/shadow3.png");
}

#layout1 .box3 .right .photo p{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	z-index: 9;
}

#layout1 .box3 .right .line{
	height: 1px;
	background: url("images/ly1-line.png") no-repeat center top;
}

#layout1 .box3 .right .list{
	margin: 12px 15px 0px 15px;
}

#layout1 .box3 .right .list li{
	height: 30px;
	line-height: 30px;
	padding-left: 17px;
	background: url("images/ly1-list2.png") no-repeat left center;
}

.topic{
	height: 50px;
}

.topic span{
	float: left;
}

.topic .logo{
	float: right;
	width: 168px;
	height: 50px;
	background: url("images/topic-logo.png");
}

#layout2{
	margin-top: 60px;
	background: url("images/ly2-bg.jpg") no-repeat center top;
}

#layout2 .w1170{
	height: 576px;
}

#layout2 .topic{
	padding-top: 35px;
}

#layout2 .main{
	margin: 77px 145px 0px 145px;
}

#layout2 .main .play{
	float: left;
	width: 103px;
	height: 103px;
	background: url("images/ly2-play.png");
	margin-top: 7px;
}

#layout2 .main .tag{
	float: left;
	width: 55px;
	height: 117px;
	font-size: 24px;
	text-align: center;
	line-height: 27px;
	font-weight: bold;
	margin-left: 18px;
}

#layout2 .main .tag td{
	padding: 0px 5px;
	position: relative;
}

#layout2 .main .tag td i{
	position: absolute;
	width: 53px;
	height: 115px;
	border-radius: 5px;
	border: 1px dashed #fff;
	left: 0px;
	top: 0px;
}

#layout2 .main .text{
	float: right;
	width: 685px;
	margin-top: -5px;
}

#layout2 .main .text h3{
	font-size: 38px;
	line-height: 47px;
	height: 94px;
	text-shadow: 0px 0px 1px #b39faa;
}

#layout2 .main .text p{
	font-size: 18px;
	line-height: 22px;
	height: 22px;
	margin-top: 8px;
}

#layout2 .tab{
	margin-top: 105px;
	height: 128px;
	padding: 14px 0px;
	border-radius: 5px;
	background-color:rgba(255,255,255,0.66);
	overflow: hidden;
	position: relative;
}

#layout2 .tab .list{
	margin: 0px 93px 0px 93px;
}

#layout2 .tab .list li{
	float: left;
	width: 156px;
	height: 128px;
	margin: 0px 4px;
	border-radius: 5px;
}

#layout2 .tab .list li p{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: center;
	z-index: 9;
}

#layout2 .tab .list li p span{
	color: #f2eb86;
}

#layout2 .tab .list li .shadow{
	position: absolute;
	width: 100%;
	height: 48px;
	left: 0px;
	bottom: 0px;
	background: url("images/shadow3.png");
}

#layout2 .tab .arrow1,#layout2 .tab .arrow2{
	position: absolute;
	width: 29px;
	height: 50px;
	cursor: pointer;
	top: 50%;
	margin-top: -25px;
}

#layout2 .tab .arrow1:hover,#layout2 .tab .arrow2:hover{
	opacity: 0.8;
}

#layout2 .tab .arrow1{
	left: 32px;
	background: url("images/ly2-arrow1.png");
}

#layout2 .tab .arrow2{
	right: 32px;
	background: url("images/ly2-arrow2.png");
}

#layout3{
	margin-top: 60px;
}

#layout4{
	margin-top: 60px;
}

#layout3 .main,#layout4 .main{
	position: relative;
	min-height: 79px;
	margin-top: 40px;
}

#layout3 .arrow1,#layout3 .arrow2,#layout4 .arrow1,#layout4 .arrow2{
	position: absolute;
	width: 79px;
	height: 79px;
	top: 50%;
	margin-top: -40px;
	cursor: pointer;
	display: none;
	z-index: 9;
}

#layout3 .main:hover .arrow1,#layout3 .main:hover .arrow2{
	display: block;
}

#layout4 .main:hover .arrow1,#layout4 .main:hover .arrow2{
	display: block;
}

#layout3 .arrow1,#layout4 .arrow1{
	background: url("images/ly3-arrow1.png");
	left: -45px;
}

#layout3 .arrow2,#layout4 .arrow2{
	background: url("images/ly3-arrow2.png");
	right: -45px;
}

#layout3 .arrow1:hover,#layout4 .arrow1:hover{
	background: url("images/ly3-arrow1b.png");
}

#layout3 .arrow2:hover,#layout4 .arrow2:hover{
	background: url("images/ly3-arrow2b.png");
}

#layout3 .list,#layout4 .list{
	overflow: hidden;
	border-radius: 5px;
}

#layout3 .list ul{
	margin-left: -5px;
}

#layout3 .list li{
	float: left;
	width: 230px;
	height: 360px;
	margin-left: 5px;
}

#layout3 .list .text{
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
	background: #333;
	color: #fff;
	padding: 13px 0px;
}

#layout3 .list li:hover .text{
	background: #8b1c2a;
}

#layout3 .list .text h4{
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	margin: 0px 15px;
}

#layout3 .list .text p{
	margin: 10px 15px 0px 15px;
	font-size: 16px;
	line-height: 24px;
	display: none;
}

#layout3 .list li:hover .text p{
	display: block;
}

#layout4 .list ul{
	margin-left: -10px;
}

#layout4 .list li{
	float: left;
	width: 285px;
	height: 505px;
	margin-left: 10px;
	border-radius: 5px;
}

#layout4 .list .text{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 65px;
	color: #fff;
}

#layout4 .list .text .tag{
	width: 76px;
	font-size: 26px;
	background: #c00;
	text-align: center;
}

#layout4 .list .text .word{
	padding: 0px 18px;
	line-height: 22px;
	font-size: 16px;
	background-color:rgba(0,0,0,0.75);
}

#layout4 .list .code{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 440px;
	text-align: center;
	background-color:rgba(0,0,0,0.75);
	color: #fff;
	opacity: 0;
}

#layout4 .list li:hover .code{
	opacity: 1;
}

#layout4 .list .code img{
	width: 168px;
	height: 168px;
	display: inline-block;
	vertical-align: top;
}

#layout4 .list .code p{
	line-height: 22px;
	font-size: 16px;
	margin-top: 15px;
}

#layout5{
	margin-top: 60px;
	background: url("images/ly5-bg.jpg") no-repeat center top;
	height: 621px;
}

#layout6{
	margin-top: 60px;
}

#layout6 .main{
	/*height: 671px;*/
	width: 1169px;
	position: relative;
	margin-top: 40px;
	height: 446px;
}

#layout6 .main .news1{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 778px;
	height: 446px;
	background: #d71023;
	overflow: hidden;
}

#layout6 .main .news1 .photo{
	float: left;
	width: 500px;
	height: 446px;
}

#layout6 .main .news1 .text{
	float: right;
	width: 230px;
	height: 446px;
	margin-right: 24px;
}

#layout6 .main .news1 .text h3{
	font-size: 30px;
	line-height: 36px;
	font-weight: normal;
}

#layout6 .main .news1 .text p{
	line-height: 24px;
	font-size: 14px;
	margin-top: 15px;
}

#layout6 .main .small{
	position: absolute;
	width: 387px;
	height: 221px;
}

#layout6 .main .small table{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	background-color:rgba(215,16,35,0.85);
	color: #fff;
	opacity: 0;
}

#layout6 .main .small:hover table{
	opacity: 1;
}

#layout6 .main .news2{
	right: 0px;
	top: 0px;
}

#layout6 .main .news3{
	right: 0px;
	top: 225px;
}

#layout6 .main .news4{
	left: 0px;
	bottom: 0px;
}

#layout6 .main .news5{
	left: 391px;
	bottom: 0px;
}

#layout6 .main .news6{
	right: 0px;
	bottom: 0px;
}

#layout6 .main2{
	width: 1169px;
	margin-top: 4px;
	position: relative;
}

#layout6 .main2 ul{
	margin-left: -4px;
}

#layout6 .main2 li{
	float: left;
	width: 387px;
	height: 221px;
	margin-left: 4px;
}

#layout6 .main2 table{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	background-color:rgba(215,16,35,0.85);
	color: #fff;
	opacity: 0;
}

#layout6 .main2 li:hover table{
	opacity: 1;
}

#layout6 .main2 .arrow1,#layout6 .main2 .arrow2{
	position: absolute;
	width: 79px;
	height: 79px;
	top: 50%;
	margin-top: -40px;
	cursor: pointer;
	display: none;
	z-index: 9;
}

#layout6 .main2:hover .arrow1,#layout6 .main2:hover .arrow2{
	display: block;
}

#layout6 .arrow1{
	background: url("images/ly3-arrow1.png");
	left: -45px;
}

#layout6 .arrow2{
	background: url("images/ly3-arrow2.png");
	right: -45px;
}

#layout6 .arrow1:hover{
	background: url("images/ly3-arrow1b.png");
}

#layout6 .arrow2:hover{
	background: url("images/ly3-arrow2b.png");
}

#layout7{
	background: url("images/ly7.jpg") no-repeat center top;
	margin-top: 60px;
	position: relative;
	overflow: hidden;
}

#layout7 .w1170{
	height: 348px;
	position: relative;
}

#layout7 .w1170 a{
	display: block;
	width: 100%;
	height: 100%;
}

#layout7 .logo{
	position: absolute;
	width: 185px;
	height: 134px;
	background: url("images/ly7-logo.png");
	left: 45px;
	top: 68px;
}

#layout7 .topic{
	position: absolute;
	width: 846px;
	height: 104px;
	background: url("images/ly7-topic.png");
	left: 245px;
	top: 95px;
}

#layout7 video{
	position: absolute;
	width: 1920px;
	height: 348px;
	left: 50%;
	margin-left: -960px;
	top: 0px;
}

#footer{
	background: #8b1c2a;
	padding: 45px 0px;
}

#footer .text{
	float: left;
	width: 600px;
	line-height: 26px;
}

#footer .code{
	float: right;
}

#footer .code li{
	float: left;
	width: 95px;
	margin-left: 40px;
}

#footer .code li img{
	width: 95px;
}

#footer .code li p{
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	text-align: center;
}


#layout8{
	margin-top: 60px;
}

#layout8 .main{
	margin-top: 40px;
}

#layout8 .main ul{
	margin: -30px 0px 0px -30px;
}

#layout8 .main li{
	float: left;
	width: 370px;
	height: 190px;
	margin: 30px 0px 0px 30px;
	border-radius: 5px;
}

#layout8 .main .shadow{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: #000;
	transition: opacity 0.2s;
	opacity: 0.6;
}

#layout8 .main li:hover .shadow{
	opacity: 0.3;
}

#layout8 .main p{
	position: absolute;
	bottom: 40px;
	left: 0px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 30px;
	line-height: 44px;
	z-index: 9;
}

#layout8 .main p span{
	display: inline-block;
	vertical-align: top;
	border-bottom: 3px double rgba(255,255,255,0.5);
}