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

a{
	color:#000;
}

a:hover{
	text-decoration: none;
	color: #d03030 !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:1200px;
	max-width:1920px;
	margin:0px auto;
	overflow: hidden;
}

.w1200{
	width:1200px;
	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{
	text-align: center;
	padding: 50px 0px;
	line-height: 30px;
	background: -webkit-linear-gradient(left,#086fe1,#08bfc9);
	background: -o-linear-gradient(left,#086fe1,#08bfc9);
	background: -moz-linear-gradient(left,#086fe1,#08bfc9);
	background: linear-gradient(left,#086fe1,#08bfc9);
}

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

#layout1{
	margin-top: -545px;
	position: relative;
	padding-bottom: 75px;
	z-index: 9;
}

#layout1 .w1200{
	position: relative;
}

#layout1 .photo{
	height: 745px;
	background: #000;
	margin-bottom: 75px;
}

#layout1 .photo video{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

#layout1 .photo .cover{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba(0,0,0,0.5);
}

#layout1 .photo .play{
	position: absolute;
	width: 142px;
	height: 141px;
	left: 50%;
	top: 50%;
	margin: -71px 0px 0px -71px;
	background: url("images/ly1-play.png");
	cursor: pointer;
}

#layout1 .photo .close{
	position: absolute;
	width: 40px;
	height: 40px;
	right: 25px;
	top: 25px;
	background: url("images/ly1-close.png");
	cursor: pointer;
}

#layout1 .arrow1,
#layout1 .arrow2{
	position: absolute;
	width: 84px;
	height: 168px;
	cursor: pointer;
	top: 288px;
}

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

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

#layout2{
	padding: 75px 0px;
}

#layout1 .topic{
	float: left;
	margin: 20px 0px 0px 15px;
	width: 520px;
	text-align: center;
	font-size: 46px;
	font-weight: bold;
	font-family: "SimHei";
	background: -webkit-linear-gradient(left, #007cde, #01d6c3);
    background: -o-linear-gradient(left, #007cde, #01d6c3);
    background: -moz-linear-gradient(left, #007cde, #01d6c3);
    background: linear-gradient(to right, #007cde, #01d6c3);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

#layout1 .text{
	float: right;
	width: 580px;
	margin: 0px 15px 0px 0px;
}

#layout1 .text p{
	line-height: 40px;
	font-size: 20px;
	color: #414141;
	text-indent: 2em;
	text-align: justify;
}

#layout1 .text .more{
	display: inline-block;
	vertical-align: top;
	background: #08bdc9;
	width: 132px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	margin: 15px 0px 0px 448px;
}

#layout1 .text .more:hover{
	color: #dfdfdf !important;
}

#layout3{
	background: #ecf7fd;
	padding: 75px 0px;
}

#layout3 .topic{
	text-align: center;
}

#layout3 .topic img{
	display: inline-block;
	vertical-align: top;
}

#layout3 .headline{
	text-align: center;
	margin: 45px 0px;
	border-top: 1px solid #0092d7;
	border-bottom: 1px solid #0092d7;
	line-height: 66px;
	height: 66px;
}

#layout3 .headline h2{
	display: inline-block;
	vertical-align: top;
	background: url("images/ly3-point.png") no-repeat 0px center;
	font-size: 40px;
	padding-left: 30px;
}

#layout3 .photo{
	float: left;
	width: 675px;
	height: 490px;
}

#layout3 .photo p{
	position: absolute;
	width: 90%;
	left: 5%;
	bottom: 55px;
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	height: 22px;
	z-index: 9;
}

#layout3 .photo p,
#layout3 .photo p a{
	color: #fff;
}

#layout3 .photo p a:hover{
	color: #dfdfdf !important;
}

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

#layout3 .photo .arrow1,
#layout3 .photo .arrow2{
	position: absolute;
	width: 10px;
	height: 21px;
	cursor: pointer;
	bottom: 18px;
	z-index: 9;
}

#layout3 .photo .arrow1{
	background: url("images/ly3-arrow1.png");
	right: 50%;
	margin-right: 60px;
}

#layout3 .photo .arrow2{
	background: url("images/ly3-arrow2.png");
	left: 50%;
	margin-left: 60px;
}

#layout3 .photo .point{
	position: absolute;
	width: 120px;
	left: 50%;
	margin-left: -60px;
	bottom: 24px;
	height: 8px;
	text-align: center;
}

#layout3 .photo .point span{
	display: inline-block;
	vertical-align: top;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border: 1px solid #fff;
	margin: 0px 6px;
	cursor: pointer;
	background: #fff;
}

#layout3 .photo .point .current{
	background: none;
}

#layout3 .list{
	float: right;
	width: 495px;
}

#layout3 .list li{
	border-top: 1px solid #d4d6d7;
	padding-top: 35px;
	margin-top: 35px;
}

#layout3 .list li:nth-of-type(1){
	border: none;
	padding-top: 0px;
	margin-top: 0px;
}

#layout3 .list h3{
	font-size: 30px;
	line-height: 34px;
	height: 34px;
}

#layout3 .list p{
	line-height: 36px;
	height: 72px;
	font-size: 21px;
	color: #414141;
	text-indent: 2em;
	margin-top: 10px;
}

#layout3 .list p a{
	color: #1c4de8;
}

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

#layout4 .topic,
#layout4 .title{
	text-align: center;
}

#layout4 .topic img,
#layout4 .title img{
	display: inline-block;
	vertical-align: top;
}

#layout4 .topic{
	margin-bottom: 95px;
}

#layout4 .title{
	margin-top: 70px;
	margin-bottom: 40px;
}

#layout4 .bottom{
	text-align: center;
	margin-top: 45px;
	line-height: 36px;
}

#layout4 .bottom .more{
	display: inline-block;
	vertical-align: top;
	color: #6bcbca;
	font-size: 17px;
	margin-right: 20px;
}

#layout4 .bottom .arrow{
	display: inline-block;
	vertical-align: top;
	border: 2px solid #dbdbdb;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 27px;
	cursor: pointer;
	margin: 0px 6px;
	color: #bda179;
}

#layout4 .list1 ul{
	margin-left: -30px;
}

#layout4 .list1 li{
	float: left;
	width: 585px;
	margin: 0px 0px 0px 30px;
}

#layout4 .list1 .photo{
	height: 405px;
}

#layout4 .list2 ul{
	margin-left: -32px;
	margin-top: -18px;
}

#layout4 .list2 li{
	float: left;
	width: 276px;
	margin: 18px 0px 0px 32px;
}

#layout4 .list2 .photo{
	height: 192px;
}

#layout4 .list3 ul{
	margin-left: -30px;
	margin-top: -18px;
}

#layout4 .list3 li{
	float: left;
	width: 216px;
	margin: 25px 0px 0px 30px;
}

#layout4 .list3 .photo{
	height: 149px;
}

#layout4 .list1 .photo,
#layout4 .list2 .photo,
#layout4 .list3 .photo{
	border-radius: 8px;
}

#layout4 .list1 h3,
#layout4 .list2 h3,
#layout4 .list3 h3{
	font-size: 18px;
	color: #212121;
	font-weight: normal;
	margin-top: 8px;
	line-height: 20px;
	height: 40px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#layout4 .list1 h3 a,
#layout4 .list2 h3 a,
#layout4 .list3 h3 a{
	color: #212121;	
}

#layout4 .list1 p,
#layout4 .list2 p,
#layout4 .list3 p{
	font-size: 15px;
	line-height: 20px;
	height: 20px;
	color: #777;
	margin-top: 2px;
}

#layout5{
	padding: 55px 0px;
}

#layout5 .topic{
	margin-right: 27px;
	padding: 23px 0px 0px 18px;
	border-radius: 18px 18px 0px 0px;
	height: 92px;
	border: 3px solid #c7ebff;
	background: -webkit-linear-gradient(left,#007cde,#01d6c3);
	background: -o-linear-gradient(left,#007cde,#01d6c3);
	background: -moz-linear-gradient(left,#007cde,#01d6c3);
	background: linear-gradient(left,#007cde,#01d6c3);
}

#layout5 .main{
	margin-top: -74px;
}

#layout5 .main .top{
	height: 75px;
	background: url("images/ly5-bg.png");
}

#layout5 .main .show{
	border: 3px solid #c7ebff;
	border-top: none;
	background: #edf8fd;
	border-radius: 0px 0px 18px 18px;
	max-height: 800px;
	overflow-y: auto;
	padding: 30px;
}