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

a{
	color:#000;
}

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

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

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

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

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

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

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%;
}

#footer{
	background: #000;
	line-height: 26px;
	padding: 45px 0px;
}

#footer .logo{
	float: left;
	width: 248px;
	margin-top: 39px;
}

#footer .text{
	float: right;
	width: 835px;
}

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

#header .w1200{
	height: 408px;
	position: relative;
}

#header .top-left{
	position: absolute;
	left: 0px;
	top: 23px;
}

#header .top-right{
	position: absolute;
	right: 0px;
	top: 23px;
	line-height: 42px;
}

#header .top-right a{
	margin-left: 25px;
	color: rgba(0,0,0,0.6);
}

#nav .tree{
	position: absolute;
	width: 58px;
	height: 42px;
	background: url("images/header-tree.png");
	top: 0px;
	right: -230px;
}

#nav{
	background: #ce2f2f;
	border-bottom: 1px solid #da6060;
}

#nav .w1200{
	height: 70px;
	line-height: 70px;
	position: relative;
}

#nav .black{
	position: absolute;
	width: 495px;
	height: 100%;
	top: 0px;
	left: -360px;
	background: #000;
}

#nav a{
	font-size: 20px;
	color: #fff;
	position: relative;
	letter-spacing: 2px;
	z-index: 9;
	transition: opacity 0.2s;
}

#nav a img{
	display: inline-block;
	vertical-align: top;
	margin: 23px 7px 0px 0px;
}

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

#nav .home{
	float: left;
}

#nav .right a{
	float: left;
	margin-left: 40px;
}

#layout1{
	background: #d13838;
}

#layout1 .w1200{
	width: 1065px;
	padding: 50px 0px 50px 135px;
	background: url("images/ly1.png") no-repeat left center;
	min-height: 82px;
	text-align: center;
}

#layout1 h2{
	font-size: 48px;
	line-height: 52px;
	height: 52px;
}

#layout1 p{
	font-size: 16px;
	line-height: 20px;
	height: 20px;
	margin-top: 15px;
}

.more{
	position: absolute;
	right: 18px;
	top: 0px;
	width: 24px;
	height: 20px;
	transition: all 0.2s;
}

.more-color1{ background: url("images/topic-more1.png"); }
.more-color2{ background: url("images/topic-more2.png"); }
.more-color3{ background: url("images/topic-more3.png"); }

.more-color1:hover{ background: url("images/topic-more3.png"); }
.more-color2:hover{ opacity:0.7; }
.more-color3:hover{ opacity:0.6; }


.topic1{
	float: left;
}

.topic2{
	text-align: center;
}

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

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

#layout2 .w1200{
	padding: 0px 0px 80px 0px;
	position: relative;
}

#layout2 .topic1{
	margin-top: 50px;
}

#layout2 .more{
	top: 40px;
}

#layout3{
	margin-top: -20px;
	padding-top: 20px;
	padding-bottom: 40px;
}

#layout3 .w1200{
	position: relative;
	background: #fff;
	box-shadow: 0px -5px 15px #e3e3e3;
	padding-bottom: 20px;
}

#layout3 .more{
	top: 18px;
}

#layout3 .topic1{
	margin-top: 50px;
}

#layout4{
	background: url("images/hyg.jpg") no-repeat center top;
}

#layout4 .w1200{
	height: 237px;
	position: relative;
}

#layout4 .topic{
	position: absolute;
	left: 152px;
	top: 0px;
	height: 100%;
	width: 225px;
}

#layout4 .btn{
	position: absolute;
	left: 0px;
	bottom: 22px;
	border: 2px solid #fff;
	background: #d13838;
	width: 148px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border-radius: 17px;
}

#layout4 .btn:hover{
	color: #dfdfdf !important;
}

#layout4 .more{
	top: 18px;
}

#layout5 .w1200{
	padding: 0px 0px 80px 0px;
	position: relative;
}

#layout5 .topic1{
	margin-top: 50px;
}

#layout5 .more{
	top: 40px;
}

#layout6{
	padding-bottom: 80px;
	position: relative;
	overflow: visible;
}

#layout6 .bg{
	position: absolute;
	width: 100%;
	height: 857px;
	background: url("images/ly6-bg.jpg") no-repeat center bottom;
	left: 0px;
	bottom: 0px;
	z-index: -1;
}

#layout6 .w1200{
	position: relative;
	background: #fff;
	box-shadow: 0px 0px 10px #ccc;
	background-color:rgba(255,255,255,0.88);
	padding-bottom: 50px;
}

#layout6 .more{
	top: 18px;
}

#layout6 .topic1{
	margin: 30px 0px 0px -20px;
}

#layout7{
	background: #558196 url("images/ly7-bg.png") no-repeat center top;
}

#layout7 .w1200{
	padding: 50px 0px 50px 0px;
	position: relative;
}

#layout7 .more{
	top: 60px;
}

#layout8 .w1200{
	padding: 50px 0px 30px 0px;
	position: relative;
}

#layout8 .more{
	top: 80px;
}

#layout9{
	background: url("images/ly9-bg.jpg") no-repeat center bottom;
}

#layout9 .w1200{
	padding: 50px 0px 80px 0px;
	position: relative;
}

#layout9 .more{
	top: 60px;
}

.main1{
	float: right;
	width: 965px;
	margin-right: 10px;
}

.main1a{
	margin-top: 70px;
}

.main1b{
	margin-top: 50px;
}

.main1 h3{
	font-size: 40px;
	line-height: 50px;
	height: 50px;
	font-weight: normal;
	margin-right: 40px;
}

.main1 p{
	line-height: 24px;
	color: #8d8d8d;
	margin-top: 12px;
	margin-right: 40px;
}

.main1 p a{
	color: #e19696;
}

.main1a p{
	height: 24px;
}

.main1b p{
	max-height: 48px;
}

.main1 .line{
	height: 1px;
	background: #f0f0f0;
	margin-top: 15px;
}

.main1 ul{
	margin-left: -65px;
	margin-top: 12px;
}

.main1 li{
	float: left;
	height: 48px;
	line-height: 48px;
	font-size: 18px;
	width: 450px;
	margin-left: 65px;
	border-bottom: 1px dashed #e5e6e5;
}

.main2{
	float: right;
	width: 765px;
}

.main2 .photo{
	float: left;
	width: 240px;
	height: 160px;
	margin-top: 45px;
}

.main2 .list{
	float: right;
	margin: 37px 50px 0px 0px;
	width: 430px;
}

.main2 .list li{
	font-size: 16px;
	line-height: 44px;
	height: 44px;
}

.main3{
	margin-top: 50px;
	position: relative;
}

.main3 ul{
	margin-left: -33px;
}

.main3 li{
	float: left;
	width: 275px;
	margin-left: 33px;
}

.main3 .photo{
	height: 345px;
	border: 5px solid #a7d3e9;
}

.main3 .photo .play{
	position: absolute;
	width: 65px;
	height: 70px;
	background: url("images/play.png");
	left: 50%;
	top: 50%;
	margin: -35px 0px 0px -32px;
}

.main3 p{
	line-height: 24px;
	height: 48px;
	font-size: 16px;
	margin: 10px 5px 0px 5px;
}

.main3 .arrow1,.main3 .arrow2{
	position: absolute;
	width: 91px;
	height: 91px;
	cursor: pointer;
	top: 132px;
	opacity: 0;
	transition: opacity 0.3s;
	z-index: 9;
}

.main3 .arrow1{
	left: -40px;
	background: url("images/arrow1.png");
}

.main3 .arrow2{
	right: -40px;
	background: url("images/arrow2.png");
}

.main3:hover .arrow1,.main3:hover .arrow2{
	opacity: 1;
}

@media screen and (max-width: 1280px) {
	.main3 .arrow1{ left: 5px; top:420px; }
	.main3 .arrow2{ right: 5px; top: 420px; }
}

.tab{
	text-align: center;
	margin-top: 50px;
	height: 14px;
}

.tab span{
	display: inline-block;
	vertical-align: top;
	height: 14px;
	width: 14px;
	border-radius: 7px;
	background: #fff;
	margin: 0px 14px;
	cursor: pointer;
	transition: box-shadow 0.2s;
}

.tab .current{
	width: 38px;
}

.tab span:hover{
	box-shadow: 0px 0px 3px #eee;
}

.main4{
	margin-top: 50px;
}

.main4 ul{
	margin-left: -45px;
	margin-top: -30px;
}

.main4 li{
	float: left;
	width: 370px;
	margin: 30px 0px 0px 45px;
	background: #fff;
	box-shadow: 0px 0px 20px #ddd;
	padding-bottom: 15px;
}

.main4 .photo{
	height: 220px;
}

.main4 p{
	line-height: 20px;
	height: 20px;
	font-size: 16px;
	margin: 15px 15px 0px 15px;
}

.main4 h5{
	font-size: 14px;
	font-weight: normal;
	color: #a3a3a3;
	line-height: 20px;
	height: 20px;
	margin: 5px 15px 0px 15px;
}

.main5{
	margin-top: 50px;
}

.main5 ul{
	margin: -35px 0px 0px -65px;
}

.main5 li{
	float: left;
	width: 188px;
	margin: 35px 0px 0px 65px;
	text-align: center;
	overflow: visible;
}

.main5 .photo{
	width: 178px;
	height: 178px;
	border: 5px solid #fff;
	border-radius: 50%;
	box-shadow: 0px 0px 20px #ddd;
}

.main5 p{
	font-size: 18px;
	height: 22px;
	margin-top: 8px;
	line-height: 22px;
}




/* 22年4月改Start */
#layout4{
    background-image: url(images/hyg.jpg);
}

#layout4 .btn {
    bottom: 162px;
    border: none;
    background: #277de3;
    width: 111px;
    height: 25px;
    line-height: 25px;
    border-radius: 0px;
}

#layout4 .more{
	width: 20px;
	height: 20px;
	background: url("images/ly4-more2.png");
	right: 0px;
	top: 14px;
}

#layout4 .main2{
	width: 600px;
}

#layout4 .photo{
	width: 255px;
	height: 155px;
	margin-top: 42px;
}

#layout4 .list{
	margin: 37px 0px 0px 0px;
	width: 330px;
}

#layout4 .list li{
	height: 40px;
	line-height: 40px;
}
/* 22年4月改End */



/* 23年3月改Start */
#layout10 .w1200{
	padding: 0px 0px 30px 0px;
	position: relative;
}

#layout10 .topic1{
	margin-top: 50px;
}

#layout10 .more{
	top: 40px;
}
/* 23年3月改End */