@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#000;
	overflow-x: hidden;
	width: 100%;
	max-width: 1920px;
	min-width: 1280px;
}

@media screen and (max-width: 1280px) {
	body{ width: 1280px; overflow-x:scroll; }
}

a{
	color:#000;
}

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

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	opacity: 0.8;
	color: #fff !important;
}

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

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

.w1200{
	width:1200px;
	margin:0px auto;
}

.w1280{
	width:1280px;
	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%;
}

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

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

.photo2:hover img{
	transform: scale(1.02,1.02);
}

#footer{
	line-height: 28px;
	padding: 24px 0px;
	font-size: 14px;
	text-align: center;
	background: url("images/footer.jpg") center top;
}

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

.topic1{
	text-align: center;
	position: relative;
}

.topic1 img{
	display: inline-block;
	vertical-align: top;
}

.topic1 .more{
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -12px;
	height: 23px;
	line-height: 23px;
	color: #999;
	background: url("images/more1.png") no-repeat left center;
	padding-left: 32px;
}

.topic1 .more:hover{
	background-image: url("images/more1b.png");
}

.topic1 .more.fw{
	background-image: url("images/more2.png");
	color: #fff;
}

.topic1 .more.fw:hover{
	opacity: 0.8;
	color: #fff !important;
}

#layout1{
	margin-top: -336px;
	position: relative;
	z-index: 9;
}

#layout1 .w1200{
	border: 6px solid #fff;
	background: #0d5bc6 url("images/ly1-bg.jpg") no-repeat right center;
	background-size: auto 100%;
}

#layout1 .photo2{
	float: left;
	width: 832px;
	height: 450px;
}

#layout1 .tab{
	float: right;
	width: 368px;
	height: 420px;
	margin-top: 15px;
	overflow: hidden;
}

#layout1 .tab table{
	width: 100%;
	height: 420px;
	margin-top: -1px;
}

#layout1 .tab table td{
	padding: 0px 25px;
	position: relative;
	font-size: 18px;
	line-height: 26px;
}

#layout1 .tab table td i{
	position: absolute;
	left: 25px;
	top: 0px;
	width: calc(100% - 50px);
	height: 1px;
	background-color:rgba(255,255,255,0.3);
}

#layout1 .tab .current{
	background: url("images/ly1-current.jpg");
	background-size: cover;
	font-weight: bold;
}

#layout1 .tab .current i{
	display: none;
}

#layout2{
	margin-top: 70px;
	position: relative;
	z-index: 9;
}

#layout2 .main{
	float: left;
	width: 790px;
	margin-top: 55px;
}

#layout2 .main .hot{
	background: url("images/ly2-hot.jpg") no-repeat right top;
}

#layout2 .main .hot .photo2{
	float: left;
	width: 390px;
	height: 235px;
}

#layout2 .main .hot .text{
	float: right;
	width: 350px;
	margin: 25px 25px 0px 0px;
}

#layout2 .main .hot .text h3{
	font-size: 26px;
	line-height: 36px;
	height: 72px;
}

#layout2 .main .hot .text p{
	line-height: 30px;
	height: 90px;
	margin-top: 15px;
}

#layout2 .main .hot .text p a{
	color: #fce30e;
}

#layout2 .main .list{
	margin-top: 25px;
}

#layout2 .main .list ul{
	margin-left: -36px;
}

#layout2 .main .list li{
	float: left;
	margin-left: 36px;
	padding-left: 25px;
	width: 352px;
	background: url("images/ly2-list.png") no-repeat left center;
	font-size: 18px;
	height: 48px;
	line-height: 48px;
}

#layout2 .rank{
	float: right;
	width: 368px;
	height: 548px;
	background: url("images/ly2-rank.jpg");
	margin-top: 55px;
	position: relative;
}

#layout2 .rank .show{
	position: absolute;
	background: #fff;
	width: 332px;
	height: 418px;
	left: 18px;
	top: 113px;
	border-radius: 5px;
}

#layout2 .rank table{
	width: 100%;
	height: 100%;
	font-size: 16px;
}

#layout2 .rank th{
	background: #f4f4f4;
	height: 48px;
}

#layout2 .rank th img{
	display: inline-block;
	vertical-align: top;
}

#layout2 .rank th.name{
	padding-left: 24px;
	width: auto;
}

#layout2 .rank td{
	text-align: center;
	height: 37px;
	line-height: 37px;
}

#layout2 .rank .name{
	text-align: left;
	padding-left: 52px;
	width: 80px;
	position: relative;
}

#layout2 .rank .name span{
	position: absolute;
	left: 24px;
	top: 50%;
	margin-top: -9px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	border-radius: 3px;
}

#layout2 .rank .no1 span{
	background: #f4d389;
}

#layout2 .rank .no2 span{
	background: #d8d7d7;
}

#layout2 .rank .no3 span{
	background: #edc4a2;
}

#layout3{
	background: url("images/ly3-bg.jpg") no-repeat center top;
	height: 978px;
	margin-top: -15px;
}

#layout3 .w1200{
	padding-top: 115px;
}

#layout3 .media{
	float: left;
	width: 600px;
	margin-top: 65px;
	position: relative;
	z-index: 9;
}

#layout3 .media .big{
	height: 363px;
}

#layout3 .media .big .shadow{
	position: absolute;
	width: 100%;
	height: 85px;
	background: url("images/photo-shadow1.png");
	left: 0px;
	bottom: 0px;
}

#layout3 .media .big p{
	position: absolute;
	width: 100%;
	height: 54px;
	line-height: 54px;
	font-size: 18px;
	left: 0px;
	bottom: 0px;
	text-align: center;
	z-index: 9;
}

#layout3 .media .small{
	width: 295px;
	height: 177px;
	margin-top: 10px;
}

#layout3 .media .small .shadow{
	position: absolute;
	width: 100%;
	height: 53px;
	background: url("images/photo-shadow2.png");
	left: 0px;
	bottom: 0px;
}

#layout3 .media .small p{
	position: absolute;
	width: 100%;
	height: 44px;
	line-height: 44px;
	font-size: 18px;
	left: 0px;
	bottom: 0px;
	text-align: center;
	z-index: 9;
}

#layout3 .text{
	float: right;
	width: 515px;
	height: 502px;
	padding: 48px 35px 0px 35px;
	background: url("images/ly3-block.jpg");
	margin-top: 65px;
	position: relative;
	z-index: 9;
}

#layout3 .text .hot{
	border-bottom: 1px solid #78c6f2;
	padding-bottom: 22px;
}

#layout3 .text .hot h3{
	font-size: 24px;
	height: 28px;
	line-height: 28px;
}

#layout3 .text .hot p{
	line-height: 30px;
	height: 60px;
	margin-top: 12px;
}

#layout3 .text ul{
	margin-top: 17px;
}

#layout3 .text li{
	height: 54px;
	line-height: 54px;
	font-size: 18px;
	background: url("images/ly3-list.png") no-repeat left center;
	padding-left: 22px;
}

#layout4{
	padding-top: 80px;
	padding-bottom: 175px;
	background: url("images/ly4-bg.jpg") no-repeat center bottom;
}

#layout4 .w1200{
	position: relative;
	z-index: 9;
}

#layout4 .block{
	width: 580px;
	position: relative;
	z-index: 9;
}

#layout4 .topic2 img{
	float: left;
}

#layout4 .topic2 .more{
	float: right;
	margin-top: 15px;
	height: 23px;
	line-height: 23px;
	color: #999;
	background: url("images/more1.png") no-repeat left center;
	padding-left: 32px;
}

#layout4 .topic2 .more:hover{
	background-image: url("images/more1b.png");
}

#layout4 .hot{
	margin-top: 25px;
	background: #ecf8ff;
	height: 172px;
}

#layout4 .hot .photo2{
	float: left;
	width: 285px;
	height: 172px;
}

#layout4 .hot .text{
	float: right;
	width: 255px;
	margin: 20px 20px 0px 0px;
}

#layout4 .hot .text h3{
	line-height: 26px;
	height: 52px;
	font-size: 20px;
}

#layout4 .hot .text p{
	line-height: 24px;
	height: 72px;
	color: #666;
	margin-top: 12px;
}

#layout4 .small{
	margin-top: 25px;
	width: 285px;
	height: 172px;
}

#layout4 .small p{
	position: absolute;
	width: 100%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	left: 0px;
	bottom: 0px;
	z-index: 9;
}

#layout4 .small .shadow{
	position: absolute;
	width: 100%;
	height: 53px;
	left: 0px;
	bottom: 0px;
	background: url("images/photo-shadow2.png");
}

#layout4 ul{
	margin-top: 25px;
}

#layout4 li{
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	background: url("images/ly2-list.png") no-repeat left center;
	padding-left: 28px;
}

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

#layout5 .w1200{
	padding-top: 125px;
}

#layout5 .main{
	height: 327px;
	width: 1266px;
	margin: 305px 0px 0px -33px;
	background: url("images/ly5-main.png");
	position: relative;
	z-index: 9;
}

#layout5 .main table{
	position: absolute;
	font-size: 18px;
	text-align: center;
	color: #fff;
}

#layout5 .main table a{
	color: #fff;
}

#layout5 .main table a:hover{
	color: #fff !important;
	font-weight: bold;
}

#ly5a{ width: 207px; height: 72px; left: 52px; top: 0px; }
#ly5b{ width: 132px; height: 199px; left: 0px; top: 128px; }
#ly5c{ width: 207px; height: 72px; left: 96px; top: 255px; }
#ly5d{ width: 142px; height: 248px; left: 341px; top: 0px; }
#ly5e{ width: 150px; height: 72px; left: 475px; top: 0px; }
#ly5f{ width: 248px; height: 72px; left: 325px; top: 255px; }
#ly5g{ width: 207px; height: 72px; left: 647px; top: 0px; }
#ly5h{ width: 132px; height: 199px; left: 595px; top: 128px; }
#ly5i{ width: 207px; height: 72px; left: 691px; top: 255px; }
#ly5j{ width: 207px; height: 72px; left: 963px; top: 0px; }
#ly5k{ width: 132px; height: 199px; left: 1134px; top: 0px; }
#ly5l{ width: 207px; height: 72px; left: 1007px; top: 255px; }

#layout6{
	background: url("images/ly6-bg.jpg") no-repeat center top;
	height: 992px;
}

#layout6 .w1200{
	padding-top: 12px;
}

#layout6 .main{
	margin-top: 75px;
	position: relative;
	height: 560px;
	overflow: hidden;
	z-index: 9;
}

#layout6 .main .arrow1,#layout6 .main .arrow2{
	position: absolute;
	width: 100px;
	height: 100px;
	cursor: pointer;
	transition: margin 0.2s;
	top: 358px;
	z-index: 9;
}

#layout6 .main .arrow1{
	left: 106px;
	background: url("images/ly6-arrow1.png");
}

#layout6 .main .arrow2{
	right: 106px;
	background: url("images/ly6-arrow2.png");
}

#layout6 .main .arrow1:hover{
	margin-left: -5px;
}

#layout6 .main .arrow2:hover{
	margin-right: -5px;
}

#layout6 .main .photo{
	position: absolute;
	width: 290px;
	height: 290px;
	border: 1px solid #a9ebfc;
	border-radius: 50%;
}

#layout6 .main .photo .border{
	width: 250px;
	height: 250px;
	border: 20px solid #fff;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
	background: url("images/ly6-blank.png");
}

#layout6 .main .photo .border table{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	transition: opacity 0.2s;
	background-color:rgba(255,169,19,0.8);
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	color: #fff;
}

#layout6 .main .photo .border table td{
	padding: 0px 15px;
}

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

#layout6 .main .pic1{
	left: 148px;
	top: 0px;
}

#layout6 .main .pic2{
	left: 454px;
	top: 0px;
}

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

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

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