body{
	background: #000;
}

section.info{
	padding: 30px;
    overflow: hidden;
    background: #fff;
}
section.info div.top,
section.yrList div.top {
    line-height: 30px;
    font-size: 24px;
    color: #333;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin: 30px auto;
    overflow: hidden;
}
section.info div.top span,
section.yrList div.top span {
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #8d8d8d;
    font-weight: 500;
}
section.yrList a.go {
    text-align: center;
    width: 150px;
    height: 52px;
    border: #ff545c 1px solid;
    line-height: 52px;
    font-size: 14px;
    display: block;
    overflow: hidden;
    color: #ff545c;
    margin: 80px auto;
}

section.info div.left{
	width:50%;
	margin-right:50px;
	float: left;
}
section.info div.left img{
	display:block;
	width:100%;
}
section.info div.right{
	font-size: 14px;
	
	line-height: 28px;
padding: 30px;
}

section.yrList {
	background: #f5f5f5;
	overflow: hidden;
	padding:30px;
}
section.yrList div.top a.showCareer{
	margin:10px auto;
	display: block;
    width: 120px;
    height: 30px;
    background: #ff545c;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
}
section.yrList ul.list{
	margin-top: 15px;
}
section.yrList ul.list a{
	display: block;
	overflow:hidden;
	position:relative;
}
section.yrList ul.list a span{
	display:block;
}
section.yrList ul.list a span.title{
font-size: 24px;
    font-weight: bold;
    margin-bottom: 8px;
}
section.yrList ul.list a span.thumb{
	height: 0;
	padding-top:154%;
	position:relative;
	overflow:hidden;
}
section.yrList ul.list a span.thumb span{
	width:100%;
	height: 100%;
	position:absolute;
	left:0;
	top:0;
	background: no-repeat center / cover;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}
section.yrList ul.list li:hover a span.thumb span{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
section.yrList ul.list a span.wrap{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	background: rgba(255, 84, 92, 0.7);
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
section.yrList ul.list a:hover span.wrap{
	opacity: 1;
	filter: alpha(opacity=100);
}
section.yrList ul.list a span.wrap span.box{
	line-height: 25px;
    color: #fff;
    font-size: 12px;
    margin:80px 50px;
    overflow:hidden;
}
section.yrList ul.list a span.wrap span.box span.more{
	color: #ff545c;
	margin-top: 50px;
}

section.gallery{
	position:relative;
}
section.gallery div#owl-top{
	overflow: hidden;
}
section.gallery div#owl-top div.item span{
	width:100%;
	display:block;
	padding-top:90%;
	background: no-repeat center / cover;
}
section.gallery div#owl-top div.owl-nav{
	position:absolute;
	width:100%;
	left:0;
	top:50%;
	z-index: 1;
	margin-top: -28px;
}
section.gallery div#owl-top div.owl-nav button{
	padding:3px 10px !important;
}
section.gallery div#owl-top div.owl-nav button i{
	font-size: 50px !important;
}
section.gallery div#owl-top div.owl-nav button.owl-prev{
	margin-left:30px;
	float: left;
}
section.gallery div#owl-top div.owl-nav button.owl-next{
	margin-right: 30px;
	float: right;
}
section.gallery:after{
	content:'';
	display: block;
	position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    bottom: 60px;
    z-index: 11;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAvBAMAAABTWYTHAAAAA3NCSVQICAjb4U/gAAAAHlBMVEX///////////////////////////////////////8V2MxSAAAACnRSTlMAESIzRFVmd4iZu4Nz1gAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAC8SURBVDiNxc0tDgJBDAXgLssBFodcgcGhSHAIDJZkT8Ah0EgsIJjbMjs703n9WUmo6EvafinR/2txdYb7PrY29PY67MY4PM1m+0phUSYOysQiJgYx0QiIQkAkEkQgQRApAkiRigxhhKS5ACpk08W2/HQVZdI80sH5zqiQ9TsFICbH6ROjlSSAgiKAFKnopAkj0qQiQwQSBJEigBSpyBBGhhTkkIwcMiGXJOSSEZFPIrr5JKIwQ4iGucUv6ws8ej7TFGK9GgAAAABJRU5ErkJggg==') no-repeat center / 100% auto;
    animation: fadeOutDown 1s linear infinite alternate running;
    -webkit-animation: fadeOutDown 1s linear infinite alternate running;
}

section.pinfo{
	background: #fff;
	padding: 60px 50px 100px 50px;
	overflow: hidden;
}
section.pinfo h3{
	font-size: 24px;
    color:#ff545c;
    font-weight: bold;
    width: 100%;
    overflow: hidden;
    display: block;
    margin: 20px 0;
    margin-bottom: 50px;
}
section.pinfo h3 span{
	font-size: 16px;
    color: #fff;
    font-weight: 500;
}
section.pinfo div.wrap{
	color: #969595;
    line-height: 30px;
    overflow:hidden;
    position:relative;
}
section.pinfo div.wrap *{
	max-width: 100% !important;
}

section.mainVideo{
	overflow: hidden;
    position: relative;
    margin: 50px 30px;
	background: #3d3d3d;
}
section.mainVideo a{
	display: block;
	height:0;
	padding-top:39.23%;
	position:relative;
}
section.mainVideo a span.thumb{
	display: block;
	width: 100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background: no-repeat center / cover;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	overflow: hidden;
}
section.mainVideo a:hover span.thumb{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
section.mainVideo a.m-video:after,
section.making ul.list li a.m-video:after{
	content:'';
	width:70px;
	height:70px;
	display: block;
	position:absolute;
	left:50%;
	top:50%;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEkAAABJBAMAAACDXRbvAAAAA3NCSVQICAjb4U/gAAAAMFBMVEX///////////////////////////////////////////////////////////////9Or7hAAAAAEHRSTlMAESIzRFVmd4iZqrvM3e7/dpUBFQAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAJRSURBVEiJjZZNSBtBFIDfRmNsGkwuPRR0CQgtpVTSHjx5yD0o8dSDCEt7EqVIIAcpiOeebA8pSBHxZKGUUkm9iZBe9CAo9W5KaGwt1JtRa5774+78vVnmQXZnXr6dmTfz3psHIMjom/1/3b8bLyFGHnzerT7LWcPPP/x5oYVmf0+GzXurdZqxFoU/pto5ilp8J/YftQlo/KusefxDge4fqR9Ov5UUiT1iFdanvKiYmCcWAamW0E22KMj92OF7rwo01fOLH+onDQE8KXMDa4ZyrWpRTXVl+bA16OipvoOwtaKHAD7evnsP4qihYvDOlOOo5E7wfs1U/YSxW/7T4jYre65SI/4Jp9aYJoOqa6T9I7YLPIXrMtXT9J6zIFCoeMc371GXqGvZ5Cn3l2hKFF7mRcp2+33LMoUdkbrjruFuWaEkQ5NfAAZyKoVCWFjHAGNAUF2H1zYAZigKr/ijqgG8JynscAtZELeLo5CLi5I/KUnhZqR1l97UUcxQO46KDHWpMy0VGZqNpfA8ovQzYrcSzXiop8Ll2zE7gd+5ndDtKrK0WtKeEF6wI1rQnTb+LzJtTeM5ous0NF4ouKHnhZRHM/M88TyaiA4pPLzoUCNNdNQg0pSoxWtHgPyoVTIALolQkAGkbML5aCBBNhEzk5qagszEZ7mMHP0QZjk+Yw5cqSlz63YAtq9pR4HC7GuWyc1uBRhS54mE3TBmt5XZzWd4i5rdyIa3u1mlYFh1mFUwhtWQYWWlVGknZJUGMGdQ8bnycHu3+tSvHk8rWgjMKlGt3AAgAYZA9wP9SgAAAABJRU5ErkJggg==') no-repeat center / 100%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
}

section.others{
	overflow: hidden;
	padding:50px 30px;
border-top: 1px #efefef solid;
    background: #fff !important;
}
section.others div.subnav{
	text-align: center;
}
section.others div.subnav a {
    display: inline-block;
    width: 45%;
background: #c7c7c7;
    max-width: 157px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: #fff;
    border: #fff 1px solid;
    margin: 0 5px;
    font-size: 16px;
    font-weight: bold;
}
section.others div.subnav a.active{
	border: #ff545c 1px solid;
    background: #ff545c;
}
section.others div.container{
	padding:30px 0;
}
section.others div.container div.item{
	position:relative;
}
section.others div.container div.item span{
	display: block;
	height:0;
	padding-top:154.11%;
	background: no-repeat center / cover;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
}
section.others div.container div.item:hover span{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
section.others div.container >div.layui-row{
	display: none;
}
section.others div.container > div.layui-row.active{
	display: block;
}



@media screen and (min-width:1720px){
	section.yrList ul.list a span.wrap span.box{
		margin:40px;
	}
	section.mainVideo{
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width:991px) {
	section.info div.left{
		width:100%;
		margin:0 0 10px;
	}
	section.yrList ul.list a span.wrap span.box{
		margin:20px;
	}

}
@media screen and (max-width:767px) {
	section.info,
	section.yrList{
		padding:10px 5%;
	}
	section.info div.top, section.yrList div.top{
		margin:15px auto;
	}
	section.info div.right{
		font-size: 12px;
	}
	section.yrList ul.list{
		margin:10px -5px 0;
	}
	section.yrList ul.list li{
		padding:5px;
	}
	section.yrList ul.list a span.wrap span.box{
		margin:10px;
	}
	section.yrList ul.list a span{
		line-height: 20px;
	}
	section.yrList ul.list a span.wrap span.box span.more{
		margin-top: 10px;
	}
	.layui-layer-content{
		padding:10px !important;
		overflow: hidden;
	}
	section.pinfo{
		padding:35px;
	}
	section.pinfo h3{
		font-size: 18px;
		margin:10px 0 20px;
	}
	section.pinfo h3 span{
		font-size: 14px;
	}
	section.pinfo div.wrap{
		line-height: 24px;
	}
	section.mainVideo{
		margin:10px;
	}
	section.mainVideo a.m-video:after,
	section.making ul.list li a.m-video span.thumb:after{
		width:40px;
		height: 40px;
	}
	section.others{
		padding: 30px 10px;
	}
	section.others div.subnav a{
		font-size: 14px;
	    width: 40%;
	    height: 32px;
	    line-height: 32px;
	}
}
@media screen and (max-width:639px) {

}
@media screen and (max-width:479px) {

}