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

/* background: #2c140e; */


@media only screen and (max-height: 938px) { body{ font-size: 15px !important; } }
@media only screen and (max-height: 875px) { body{ font-size: 14px !important; } }
@media only screen and (max-height: 813px) { body{ font-size: 13px !important; } }
@media only screen and (max-height: 750px) { body{ font-size: 12px !important; } }
@media only screen and (max-height: 688px) { body{ font-size: 11px !important; } }
@media only screen and (max-height: 625px) { body{ font-size: 10px !important; } }

a{
	color:#333;
}

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

.fw{
	color: #fff;
}
.fw666{
	color: #fff;
}
.fw a{
	color: #fff;
}

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

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

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

p,li{
	overflow:hidden;
}

table{
	font-size: 1em;
}

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

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

.photo p{
	position: absolute;
	left: 0px;
	bottom : 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#side-nav{
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 190px;
	background: rgba(255,129,0,1) ;
	z-index: 1000;
}

#side-nav img{
	height: 100%;
}

#side-nav .top{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 16.4%;
	width: auto;
}

#side-nav .top img{
	height: 100%;
	width: auto;
	max-width: none;
}

#side-nav .home{
	position: absolute;
	top: 85%;
	height: 2.8%;
	width: 54%;
	left: 23%;
	overflow: hidden;
	background: url("images/nav-home.png") no-repeat center center;
	background-size: contain;
}

#side-nav .logo{
	position: absolute;
	width: 64.8%;
	height: 2.8%;
	left: 15.5%;
	top: 93%;
	background: url("images/nav-logo.png") no-repeat center center;
	background-size: contain;
}

#side-nav table{
	position: absolute;
	left: 23%;
	width: 54%;
	top: 17%;
	height: 65%;
	font-size: 1.1em;
	text-align: center;
}

#side-nav table td{
	border-bottom: 1px solid #e69294;
}

#side-nav table a{
	color: #b82109;
	font-weight: bolder;
}

#side-nav table .current,#side-nav table td:hover{
	border-bottom-color: #ffcc00;
	background: url("images/nav-star.png") no-repeat left center;
	background-size: 1.2em 1.2em;
	padding-left: 1.4em;
	font-weight: bold;
}

#side-nav table .current a,#side-nav table a:hover,#side-nav table td:hover a{
	color: #ffcc00 !important;
}

#page{
	height: 100%;
	max-height: 1000px;
	white-space: nowrap;
    overflow-x: scroll;
	overflow-y: hidden;
}

#page .roll{
	position: relative;
	height: 100%;
	vertical-align: top;
    display: inline-block;
}

.reel-left{
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	max-height: 1000px;
	z-index: 999;
}

.reel-right{
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	max-height: 1000px;
	margin-left: -6px;
	z-index: 990;
}

.reel-right2{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 2000px;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	max-height: 1000px;
	z-index: 995;
}

.reel-left img,.reel-right img,.reel-right2 img{
	height: 100%;
}

@-ms-keyframes reel{
	from{  }
	99%{ width: 2000px; }
	to{ width: 0px; left: 2000px; }
}
@-moz-keyframes reel{
	from{  }
	99%{ width: 2000px; }
	to{ width: 0px; left: 2000px; }
}
@-o-keyframes reel{
	from{  }
	99%{ width: 2000px; }
	to{ width: 0px; left: 2000px; }
}
@-webkit-keyframes reel{
	from{  }
	99%{ width: 2000px; }
	to{ width: 0px; left: 2000px; }
}
@keyframes reel{
	from{  }
	99%{ width: 2000px; }
	to{ width: 0px; left: 2000px; }
}

.reel-right2{
	animation:'reel' 2s linear 0.8s forwards;
	-ms-animation:reel 2s linear 0.8s forwards;
	-moz-animation:reel 2s linear 0.8s forwards;
	-o-animation:'reel' 2s linear 0.8s forwards;
	-webkit-animation:'reel' 2s linear 0.8s forwards;
}

#page .main{
	display: inline-block;
	vertical-align: top;
	position: relative;
	height: 95.2%;
	margin-left: -6px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	background: #fff url("images/bg.jpg") repeat-x left bottom;
	background-size: auto 100%;
}

#header{
	display: inline-block;
	vertical-align: top;
	height: 100%;
	position: relative;
}

#header img{
	height: 100%;
	max-width: none;
}

#header .logo{
    position: absolute;
    top: 63.3%;
    left: 83%;
    height: 9.5%;
}

#header .logo img{
	height: 100%;
	width: auto;
}

#header .logo .nav-btn{
	float: left;
	margin-right: 1em;
	height: 100%;
}

#header .logo .pic{
	float: left;
	height: 100%;
}

#header .part1{
position: absolute;
    width: 101%;
    height: 50%;
    background: url(images/hd-part1.png) no-repeat center center;
    background-size: contain;
    left: -21%;
    top: 0.3%;
    z-index: 9;
}

#header .part2{
position: absolute;
    width: 70%;
    height: 62%;
    background: url(images/hd-part2.png) no-repeat center bottom;
    background-size: contain;
    left: -10.6%;
    bottom: 30%;
    z-index: 8;
}

#header .part3{
	position: absolute;
    width: 100%;
    height: 100%;
    background: url(images/hd-part3.png) no-repeat left bottom;
    background-size: contain;
    left: 0%;
    bottom: 19%;
}


#header .part4{
    position: absolute;
    width: 54%;
    height: 100%;
    background: url(images/hd-part4.png) no-repeat left bottom;
    background-size: contain;
    left: 38%;
    bottom: 26%;
}





@-ms-keyframes part4{
	from{ opacity:0; }
	82.3%{ opacity:0; }
	to{ opacity:1; }
}
@-moz-keyframes part4{
	from{ opacity:0; }
	82.3%{ opacity:0; }
	to{ opacity:1; }
}
@-o-keyframes part4{
	from{ opacity:0; }
	82.3%{ opacity:0; }
	to{ opacity:1; }
}
@-webkit-keyframes part4{
	from{ opacity:0; }
	82.3%{ opacity:0; }
	to{ opacity:1; }
}
@keyframes part4{
	from{ opacity:0; }
	82.3%{ opacity:0; }
	to{ opacity:1; }
}

#header .part4{
	animation:'part4' 5.5s linear 0s forwards;
	-ms-animation:part4 5.5s linear 0s forwards;
	-moz-animation:part4 5.5s linear 0s forwards;
	-o-animation:'part4' 5.5s linear 0s forwards;
	-webkit-animation:'part4' 5.5s linear 0s forwards;
}







@-ms-keyframes part3{
	from{ opacity:0; }
	82.3%{ opacity:0; }
	to{ opacity:1; }
}
@-moz-keyframes part3{
	from{ opacity:0; }
	82.3%{ opacity:0; }
	to{ opacity:1; }
}
@-o-keyframes part3{
	from{ opacity:0; }
	82.3%{ opacity:0; }
	to{ opacity:1; }
}
@-webkit-keyframes part3{
	from{ opacity:0; }
	82.3%{ opacity:0; }
	to{ opacity:1; }
}
@keyframes part3{
	from{ opacity:0; }
	82.3%{ opacity:0; }
	to{ opacity:1; }
}

#header .part3{
	animation:'part3' 3.4s linear 0s forwards;
	-ms-animation:part3 3.4s linear 0s forwards;
	-moz-animation:part3 3.4s linear 0s forwards;
	-o-animation:'part3' 3.4s linear 0s forwards;
	-webkit-animation:'part3' 3.4s linear 0s forwards;
}

@-ms-keyframes part2{
	from{ opacity:0; }
	84.2%{ opacity:0; bottom: -10%; }
	to{ opacity:1; }
}
@-moz-keyframes part2{
	from{ opacity:0; }
	84.2%{ opacity:0; bottom: -10%; }
	to{ opacity:1; }
}
@-o-keyframes part2{
	from{ opacity:0; }
	84.2%{ opacity:0; bottom: -10%; }
	to{ opacity:1; }
}
@-webkit-keyframes part2{
	from{ opacity:0; }
	84.2%{ opacity:0; bottom: -10%; }
	to{ opacity:1; }
}
@keyframes part2{
	from{ opacity:0; }
	84.2%{ opacity:0; bottom: -10%; }
	to{ opacity:1; }
}

#header .part2{
	animation:'part2' 3.8s linear 0s forwards;
	-ms-animation:part2 3.8s linear 0s forwards;
	-moz-animation:part2 3.8s linear 0s forwards;
	-o-animation:'part2' 3.8s linear 0s forwards;
	-webkit-animation:'part2' 3.8s linear 0s forwards;
}

@-ms-keyframes part1{
	from{ opacity:0; }
	86%{ opacity:0; transform: scale(0.8, 0.8); }
	to{ opacity:1; }
}
@-moz-keyframes part1{
	from{ opacity:0; }
	86%{ opacity:0; transform: scale(0.8, 0.8); }
	to{ opacity:1; }
}
@-o-keyframes part1{
	from{ opacity:0; }
	86%{ opacity:0; transform: scale(0.8, 0.8); }
	to{ opacity:1; }
}
@-webkit-keyframes part1{
	from{ opacity:0; }
	86%{ opacity:0; transform: scale(0.8, 0.8); }
	to{ opacity:1; }
}
@keyframes part1{
	from{ opacity:0; }
	86%{ opacity:0; transform: scale(0.8, 0.8); }
	to{ opacity:1; }
}

#header .part1{
	animation:'part1' 4.3s linear 0s forwards;
	-ms-animation:part1 4.3s linear 0s forwards;
	-moz-animation:part1 4.3s linear 0s forwards;
	-o-animation:'part1' 4.3s linear 0s forwards;
	-webkit-animation:'part1' 4.3s linear 0s forwards;
}

#footer{
	display: inline-block;
	vertical-align: top;
	height: 100%;
	position: relative;
}

#footer img{
	height: 45%;
	max-width: none;
}

#footer table{
	position: absolute;
	right: 5%;
	top: 23.6%;
	height: 12.5%;
	width: 30%;
	font-size: 1em;
}

#footer .logo{
	position: absolute;
right: 25%;
    top: 8%;
	height: 4.8%;
	width: 30%;
}

#footer .logo img{
	height: 100%;
}

.layout{
	display: inline-block;
	vertical-align: top;
	position: relative;
	height: 100%;
	white-space: normal;
}

.layout .topic{
    position: absolute;
    left: 0px;
    top: 0.3%;
    width: 7.5em;
    height: 95%;
    text-align: center;
}

.layout .topic img{
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
	max-height: 100%;
}

.layout .con{
	float: right;
	height: 100%;
	position: relative;
}

#layout01{
	margin-left: 0em;
	width: 75em;
}

#layout01 .bg{
	position: absolute;
	height: 30%;
	width: 120em;
	left: -30em;
	top: 0em;
	background: url("images/ly01-bg.png");
	background-size: 100% 100%;
	z-index: -1;
}

#layout01 .headline{
	position: absolute;
	width: calc(100% - 1px);
	height: 13.5%;
	top: 5.8%;
	border: 1px solid #e1dfe8;
	background: url("images/ly01-headline.png") no-repeat 2em center;
	background-size: 5em 5em; 
	text-align: center;
}





#layout01 .headline table{
	position: absolute;
	left: 8em;
	top: 0em;
	width: calc(100% - 9em);
	height: 100%;
}

#layout01 .headline h2{
	font-size: 2.8em;
	height: 1.2em;
	line-height: 1.2em;
}

#layout01 .headline p{
	line-height: 1.2em;
	height: 1.2em;
	margin-top: 0.5em;
}

#layout01 .headline p a{
	font-size: 0.94em;
	margin: 0px 0.2em;
}

#layout01 .focus{
	position: absolute;
	left: 0%;
	top: 22%;
	height: 35.6%;
	width: 37.5em;
}

#layout01 .focus img{
	height: 21.2em;
	max-height: none;
	min-height: 100%;
	position: absolute;
	left: 0%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(-0, -50%);
	transform: translate(0, -50%);
}

#layout01 .focus .shadow{
	position: absolute;
	width: 100%;
	height: 3.2em;
	left: 0px;
	bottom: -1px;
	background: url("images/ly01-shadow1.png") center -1px;
	background-size: auto 100%;
}

#layout01 .focus p{
	height: 2.5em;
	line-height: 2.5em;
	left: 3%;
	max-width: 75%;
	z-index: 9;
}

#layout01 .focus .point{
	position: absolute;
	bottom: 0.9em;
	right: 3%;
	height: 0.7em;
}

#layout01 .focus .point span{
	float: left;
	width: 0.4em;
	height: 0.4em;
	border-radius: 50%;
	border: 0.15em solid #fff;
	cursor: pointer;
	margin-left: 0.4em;
}

#layout01 .focus .point .current{
	background: #fff;
}

#layout01 .video{
	position: absolute;
	width: 18.1em;
	height: 10.9em;
	top: 59.5%;
	float: none !important;
}

#layout01 .video.left{
	left: 0px;
}

#layout01 .video.right{
	left: 19.4em;
}

#layout01 .video p{
	width: 100%;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	z-index: 9;
}

#layout01 .video p a{
	font-size: 0.88em;
}

#layout01 .video .shadow{
	position: absolute;
	width: 100%;
	height: 2.5em;
	left: 0px;
	bottom: -1px;
	background: url("images/ly01-shadow2.png") center -1px;
	background-size: auto 100%;
}

#layout01 .video .play{
	position: absolute;
	width: 3.3em;
	height: 4em;
	background: url("images/ly01-play.png");
	background-size: 100% 100%;
	left: 50%;
	margin-left: -1.65em;
	top: 50%;
	margin-top: -3.25em;
}

#layout01 .text{
	position: absolute;
	right: 0%;
	top: 21%;
	width: 34.5em;
	height: 60%;
	overflow: hidden;
}

#layout01 .text table{
	width: 100%;
	height: 100%;
	margin-top: -1px;
}

#layout01 .text td{
	border-top: 1px dashed #c2bbb5;
}

#layout01 .text h3{
	font-size: 1.4em;
	line-height: 1.2em;
	height: 1.2em;
	margin-bottom: 0.2em;
}

#layout01 .text li{
	background: url("images/ly01-star.png") no-repeat left center;
	background-size: 0.88em 0.88em;
	padding-left: 1.2em;
	height: 2.2em;
	line-height: 2.2em;
}

#layout01 .more{
	position: absolute;
	right: 0%;
	top: 78%;
	height: 2.2%;
}

#layout01 .more img{
	height: 100%;
}


































#layout02,#layout03,#layout04,#layout05,#layout06,#layout07,#layout08,#layout09,#layout10{
	margin-left: 18em;
}

#layout02{
	margin-left: 4em;
}


#layout02{
	width: 130em;
}

#layout02 .con{
width: 34.7em;
    margin-right: 2em;
}

#layout02 .list{
	position: absolute;
	width: 100%;
	left: 0%;
	top: 6%;
	text-align: center;
}

#layout02 .list li{
	height: 18.5em;
	margin-bottom: 0.88em;
	position: relative;
	background: url("images/play2.png") no-repeat 0px 0px;
	z-index: 9;
}

#layout02 .list img{
	height: 100%;
	width: 100%;
}

#layout02 .xinjia{
    position: absolute;
    width: 3.3em;
    height: 4em;
    background: url(images/ly01-play.png);
    background-size: 100% 100%;
    left: 50%;
    margin-left: -1.65em;
    top: 50%;
    margin-top: -3.25em;
}


#layout02 .list .shadow{
	position: absolute;
	width: 100%;
	height: 2.6em;
	left: 0px;
	bottom: -1px;
	background: url("images/ly02-shadow.png") center -1px;
	background-size: auto 100%;
}

#layout02 .list p{
	position: absolute;
	width: 100%;
	height: 2.5em;
	line-height: 2.5em;
	left: 0px;
	bottom: 0px;
	z-index: 9;
	text-align: center;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#layout02 .list p a{
	font-size: 0.88em;
}

#layout02 .tab{
	height: 2em;
	margin-top: 1.5em;
}

#layout02 .tab .arrow1,#layout02 .tab .arrow2{
	width: 2em;
	height: 2em;
	display: inline-block;
	vertical-align: top;
	margin: 0px 0.5em;
	cursor: pointer;
	background-size: 100% 100%;
}

#layout02 .tab .arrow1{
	background-image: url("images/ly02-arrow1.png");
}

#layout02 .tab .arrow2{
	background-image: url("images/ly02-arrow2.png");
}

#layout02 .tab span{
	display: inline-block;
	vertical-align: top;
	width: 0.88em;
	height: 0.88em;
	border-radius: 50%;
	background: #fff;
	margin: 0.56em 0.7em 0px 0.7em;
	cursor: pointer;
}

#layout02 .tab .current{
	background: #cd2528;
}

#layout03{
	width: 87.5em;
}

#layout03 .con{
	width: 75em;
}

#layout03 .tag{
	position: absolute;
	left: -0.5em;
	top: 7.8%;
	background: #dba856;
	color: #fff;
	font-weight: bold;
	height: 2.5em;
	line-height: 2.5em;
	padding: 0px 1.2em;
	z-index: 9;
}

#layout03 .tag span{
	font-size: 1.1em;
}

#layout03 .tag i{
	position: absolute;
	left: 0em;
	top: 2.5em;
	width: 0;
	height: 0;
	border-top: 0.5em solid #8c5e14;
	border-left: 0.5em solid transparent; 
}

#layout03 img{
	max-height: none;
	min-height: 100%;
	position: absolute;
	left: 0%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(-0, -50%);
	transform: translate(0, -50%);
}

#layout03 .news1{
	position: absolute;
	left: 0%;
	top: 5.8%;
	background: #fff;
	width: 51.4em;
	height: 34.1%;
	overflow: hidden;
}

#layout03 .news1 .pic{
	width: 31.5em;
	position: relative;
}

#layout03 .news1 .pic img{
	height: 20.4em;
}

#layout03 .news1 .text{
	padding: 0px 1.5em;
}

#layout03 .news1 .text h3{
	font-size: 1.5em;
	line-height: 1.2em;
	max-height: 3.6em;
}

#layout03 .news1 .text p{
	color: #8d8d8d;
	line-height: 1.6em;
	font-size: 0.88em;
	max-height: 11.2em;
	margin-top: 1.5em;
}

#layout03 .news2{
	top: 5.8%;
}

#layout03 .news3{
	top: 23.5%;
}

#layout03 .style2{
	position: absolute;
	right: 0em;
	width: 22.8em;
	height: 16.5%;
	background: #ececec;
}

#layout03 .style2 td{
	padding: 0px 1em;
}

#layout03 .style2 h3{
	font-size: 1.5em;
	line-height: 1.4em;
	max-height: 2.8em;
	font-weight: normal;
}

#layout03 .style2 p{
	font-size: 0.88em;
	line-height: 1.6em;
	max-height: 3.2em;
	color: #969696;
	margin-top: 0.4em;
}

#layout03 .news4{
	left: 0%;
	top: 42%;
	height: 21.3%;
	width: 31.5em;
}

#layout03 .news5{
	left: 0%;
	top: 64.3%;
	height: 13.3%;
	width: 31.5em;
}

#layout03 .news6{
	left: 32.2em;
	top: 42%;
	height: 35.6%;
	width: 19.3em;
}

#layout03 .style3{
	position: absolute;
	background: #ececec;
	overflow: hidden;
}

#layout03 .style3 .pic{
	position: relative;
	overflow: hidden;
}

#layout03 .news4 .pic{
	width: 18.8em;
}

#layout03 .news4 .pic img{
	height: 12.7em;
}

#layout03 .news5 .pic{
	width: 12.7em;
}

#layout03 .news5 .pic img{
	height: 8em;
}

#layout03 .news6 .pic{
	height: 61.8%;
}

#layout03 .news6 .pic img{
	height: 13.1em;
	width: 100%;
}

#layout03 .style3 .text{
	padding: 0px 1.5em;
}

#layout03 .style3 .text h3{
	font-size: 1.5em;
	line-height: 1.4em;
	font-weight: normal;
}

#layout03 .style3 .text h3 a{
	color: #666;
}

#layout03 .news7{
	top: 42%;
}

#layout03 .news8{
	top: 54.2%;
}

#layout03 .news9{
	top: 66.4%;
}

#layout03 .style4{
	position: absolute;
	right: 0%;
	background: #d99b5e;
	width: 22.8em;
	height: 11.3%;
}

#layout03 .style4 td{
	padding: 0px 1em;
}

#layout03 .style4 h3{
	font-size: 1.5em;
	line-height: 1.4em;
	max-height: 2.8em;
	font-weight: normal;
}

#layout04{
	width: 96.4em;
	background: url("images/ly04-bg.png");
	background-size: 100% 100%;
}

#layout04 .topic{
	left: 9.8em;
}

#layout04 .con{
	width: 60.6em;
	margin-right: 14em;
}

#layout04 ul{
	position: absolute;
	width: 100%;
	height: 96%;
	left: 0%;
	top: 4%;
}

#layout04 .fw666{
	position: absolute;
	width: 100%;
	height: 96%;
	left: 0%;
	top: 35%;
	color: #fff;
}

#layout04 .tt1{
	position: absolute;
	width: 100%;
	top: 0%;
	font-size: 2.5em;
	line-height: 2.5em;
	max-height: 2.8em;
	font-weight: normal;
	color:#FF0;
	text-align:center;
}


#layout04 .tt2{
	position: absolute;
	width: 100%;
	top: 32%;
	font-size: 2.5em;
	line-height: 2.5em;
	max-height: 2.8em;
	font-weight: normal;
	color:#FF0;
	text-align:center;
}

#layout04 li{
	float: left;
	width: 25em;
	margin: 7% 5.3em 0em 0em;
}

#layout04 li h3{
	font-size: 1.5em;
	line-height: 1.2em;
	height: 2.4em;
	font-weight: normal;
	margin-bottom: 0.6em;
}

#layout04 li .photo{
	float: left;
	width: 12.5em;
	height: 7em;
}

#layout04 li p{
	float: right;
	width: 11.2em;
	color: #fe766c;
	line-height: 1.4em;
	height: 7em;
}

#layout05{
	width: 88.1em;
}

#layout05 .con{
	width: 85em;
	overflow: hidden;
}

#showcase {
	position: absolute;
	left: 50%;
	top: 0%;
	margin-left: -45em;
    width: 90em;
    height: 95%;
}

.cloud9-item.active .h5-mask {
    display: none;
}

.cloud9-item {
    position: relative;
    display: inline-block;
 /*  width: 18em;  */
    height: 35em;
    opacity: 0.98;
	cursor:pointer;
}

.cloud9-item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    content: ""
}
.cloud9-item.active:after {
    display: none;
}

.cloud9-item.active .h5-mask{
    background: transparent;
}

.cloud9-item.active.show-code .h5-mask {
    display: block;
    background: #000;
    background: rgba(0, 0, 0, .7);
}
.cloud9-item.active.show-code .code {
    display: inline-block;
}
.cloud9-item.active.show-code p {
    display: block
}

.cloud9-item .img-h5bg {
    width: 100%;
    height: 100%;cursor:pointer;
}

.cloud9-item.active .img-h5bg {
    transition: all .3s ease;
}

.cloud9-item.active .img-h5bg:hover {
    transform: scale(1.3);
}

#layout05 .list2{
	display: none;
}

#layout06{
	width: 86em;
}

#layout06 .con{
	width: 75em;
}

#layout06 .focus{
	position: absolute;
	top: 6.3%;
	left: 0em;
	height: 37.5em;
	width: 100%;
	overflow: hidden;
}

#layout06 .focus li{
	position: absolute;
	display: none;
}

#layout06 .focus li img{
	max-height: none;
	min-height: 100%;
	position: absolute;
	left: 0%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(-0, -50%);
	transform: translate(0, -50%);
}

#layout06 .focus .big img{
	height: 37.8em;
}

#layout06 .focus .small img{
	height: 30em;
}

#layout06 .focus .big{
	display: block;
	width: 53.4em;
	height: 37.5em;
	top: 0em;
	left: 10.8em;
	z-index: 9;
}






#layout06 .focus .big .cover{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 3.7em;
	background-color: rgba(0,0,0,0.6);
}

#layout06 .focus .big p{
	position: absolute;
	width: 100%;
	height: 3.7em;
	line-height: 3.7em;
	left: 0px;
	bottom: 0px;
	text-align: center;
	z-index: 9;
}

#layout06 .focus .big p a{
	font-size: 1.4em;
	display: inline-block;
	vertical-align: top;
}

#layout06 .focus .big span{
	display: inline-block;
	vertical-align: top;
	font-size: 1.4em;
	margin-left: 1.2em;
}

#layout06 .focus .big span i{
	color: #ffcc00;
	font-size: 2em;
	font-family: "Arial";
}

#layout06 .focus .small{
	display: block;
	width: 42.7em;
	height: 30em;
	top: 3.75em;
	z-index: 5;
}

#layout06 .focus .small-left{
	left: 0em;
}

#layout06 .focus .small-right{
	left: 32.3em;
}

#layout06 .focus .small .cover{
	position: absolute;
	bottom: 0em;
	left: 0em;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.4);
}

#layout06 .focus .arrow1,#layout06 .focus .arrow2{
	position: absolute;
	width: 3em;
	height: 5.3em;
	background-size: 100% 100%;
	top: 50%;
	margin-top: -2.7em;
	cursor: pointer;
	z-index: 55;
}

#layout06 .focus .arrow1{
	left: 3.4em;
	background-image: url("images/ly06-arrow1.png");
}

#layout06 .focus .arrow2{
	right: 3.4em;
	background-image: url("images/ly06-arrow2.png");
}





















#layout07{
	width: 98em;
}

#layout07 .con{
	width: 84.8em;
	background: url("images/ly07-bg.png") no-repeat right top;
	background-size: 78.5em 83%;
}

#layout07 .focus{
	position: absolute;
	width: 37.6em;
	top: 5.8%;
	left: 0%;
	height: 65%;
}

#layout07 .focus .photo{
	height: 75%;
}

#layout07 .focus .photo img{
	height: 29em;
	max-height: none;
	min-height: 100%;
	position: absolute;
	left: 0%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(-0, -50%);
	transform: translate(0, -50%);
}

#layout07 .focus .tab{
	height: 25%;
}

#layout07 .focus .tab dl{
	margin-left: -0.2em;
	height: 100%;
}

#layout07 .focus .tab dd{
	float: left;
	width: 12.4em;
	height: 100%;
	margin-left: 0.2em;
	background: #ececec;
	overflow: visible;
	position: relative;
}

#layout07 .focus .tab table{
	width: 100%;
	height: 100%;
}

#layout07 .focus .tab table td{
	padding: 0px 1.5em;
}

#layout07 .focus .tab span{
	display: block;
	text-align: center;
	font-size: 1.6em;
	line-height: 1.2em;
	color: #d6d6d6;
}

#layout07 .focus .tab p{
	line-height: 1.7em;
	height: 5.1em;
	color: #888;
	margin-top: 0.3em;
}

#layout07 .focus .tab .current{
	background: #cd2528;
}

#layout07 .focus .tab .current span{
	color: #fff;
}

#layout07 .focus .tab .current p{
	font-weight: bold;
}

#layout07 .focus .tab .current p a,#layout07 .focus .tab .current p a:hover{
	color: #fff !important;
}

#layout07 .focus .tab .current i{
	position: absolute;
	top: -0.8em;
	left: 50%;
	margin-left: -0.9em;
	width: 0;
	height: 0;
	border-right: 0.9em solid transparent;
	border-left: 0.9em solid transparent;
	border-bottom: 0.9em solid #cd2528;
}

#layout07 .news{
	position: absolute;
	top: 7.8%;
	left: 41em;
	height: 40%;
	width: 29.4em;
}

#layout07 .news .line{
	height: 1px;
	border-top: 1px dashed #cc5a5a;
	margin: 1.3em 0px 0.5em 0px;
}









#layout07 .news h3{
font-size: 1.6em;
    line-height: 1.6em;
    max-height: 5.8em;
    margin-bottom: 1em;

	font-size: 1.4em;
    line-height: 1.2em;
    height: 1.2em;
    margin-bottom: 0.2em;
	color:#333;
}

#layout07 .news h3 a{

	color:#333;
}

#layout07 .news p{
color: #333;
    font-size: 0.88em;
    line-height: 1.8em;
    max-height: 16.8em;
    margin-top: 0em;
    margin-bottom: 3em;
}



#layout07 .news li{
	font-size: 1.1em;
	line-height: 2.8em;
	height: 2.8em;
}














#layout071{
	width: 98em;
}

#layout071 .con{
	width: 84.8em;
	background: url("images/ly07-bg.png") no-repeat right top;
	background-size: 78.5em 83%;
}

#layout071 .focus{
	position: absolute;
	width: 37.6em;
	top: 5.8%;
	left: 0%;
	height: 65%;
}

#layout071 .focus .photo{
	height: 75%;
}

#layout071 .focus .photo img{
	height: 29em;
	max-height: none;
	min-height: 100%;
	position: absolute;
	left: 0%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(-0, -50%);
	transform: translate(0, -50%);
}

#layout071 .focus .tab{
	height: 25%;
}

#layout071 .focus .tab dl{
	margin-left: -0.2em;
	height: 100%;
}

#layout071 .focus .tab dd{
	float: left;
	width: 12.4em;
	height: 100%;
	margin-left: 0.2em;
	background: #ececec;
	overflow: visible;
	position: relative;
}

#layout071 .focus .tab table{
	width: 100%;
	height: 100%;
}

#layout071 .focus .tab table td{
	padding: 0px 1.5em;
}

#layout071 .focus .tab span{
	display: block;
	text-align: center;
	font-size: 1.6em;
	line-height: 1.2em;
	color: #d6d6d6;
}

#layout071 .focus .tab p{
	line-height: 1.7em;
	height: 5.1em;
	color: #888;
	margin-top: 0.3em;
}

#layout071 .focus .tab .current{
	background: #cd2528;
}

#layout071 .focus .tab .current span{
	color: #fff;
}

#layout071 .focus .tab .current p{
	font-weight: bold;
}

#layout071 .focus .tab .current p a,#layout071 .focus .tab .current p a:hover{
	color: #fff !important;
}

#layout071 .focus .tab .current i{
	position: absolute;
	top: -0.8em;
	left: 50%;
	margin-left: -0.9em;
	width: 0;
	height: 0;
	border-right: 0.9em solid transparent;
	border-left: 0.9em solid transparent;
	border-bottom: 0.9em solid #cd2528;
}

#layout071 .news{
	position: absolute;
	top: 7.8%;
	left: 41em;
	height: 40%;
	width: 29.4em;
}

#layout071 .news .line{
	height: 1px;
	border-top: 1px dashed #cc5a5a;
	margin: 1.3em 0px 0.5em 0px;
}









#layout071 .news h3{
font-size: 1.6em;
    line-height: 1.6em;
    max-height: 5.8em;
    margin-bottom: 1em;

	font-size: 1.4em;
    line-height: 1.2em;
    height: 1.2em;
    margin-bottom: 0.2em;
	color:#333;
}

#layout071 .news h3 a{

	color:#333;
}

#layout071 .news p{
color: #333;
    font-size: 0.88em;
    line-height: 1.8em;
    max-height: 16.8em;
    margin-top: 0em;
    margin-bottom: 3em;
}



#layout071 .news li{
	font-size: 1.1em;
	line-height: 2.8em;
	height: 2.8em;
}











#layout072{
	width: 98em;
}

#layout072 .con{
	width: 84.8em;
	background: url("images/ly07-bg.png") no-repeat right top;
	background-size: 78.5em 83%;
}

#layout072 .focus{
	position: absolute;
	width: 37.6em;
	top: 5.8%;
	left: 0%;
	height: 65%;
}

#layout072 .focus .photo{
	height: 75%;
}

#layout072 .focus .photo img{
	height: 29em;
	max-height: none;
	min-height: 100%;
	position: absolute;
	left: 0%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(-0, -50%);
	transform: translate(0, -50%);
}

#layout072 .focus .tab{
	height: 25%;
}

#layout072 .focus .tab dl{
	margin-left: -0.2em;
	height: 100%;
}

#layout072 .focus .tab dd{
	float: left;
	width: 12.4em;
	height: 100%;
	margin-left: 0.2em;
	background: #ececec;
	overflow: visible;
	position: relative;
}

#layout072 .focus .tab table{
	width: 100%;
	height: 100%;
}

#layout072 .focus .tab table td{
	padding: 0px 1.5em;
}

#layout072 .focus .tab span{
	display: block;
	text-align: center;
	font-size: 1.6em;
	line-height: 1.2em;
	color: #d6d6d6;
}

#layout072 .focus .tab p{
	line-height: 1.7em;
	height: 5.1em;
	color: #888;
	margin-top: 0.3em;
}

#layout072 .focus .tab .current{
	background: #cd2528;
}

#layout072 .focus .tab .current span{
	color: #fff;
}

#layout072 .focus .tab .current p{
	font-weight: bold;
}

#layout072 .focus .tab .current p a,#layout072 .focus .tab .current p a:hover{
	color: #fff !important;
}

#layout072 .focus .tab .current i{
	position: absolute;
	top: -0.8em;
	left: 50%;
	margin-left: -0.9em;
	width: 0;
	height: 0;
	border-right: 0.9em solid transparent;
	border-left: 0.9em solid transparent;
	border-bottom: 0.9em solid #cd2528;
}

#layout072 .news{
	position: absolute;
	top: 7.8%;
	left: 41em;
	height: 40%;
	width: 29.4em;
}

#layout072 .news .line{
	height: 1px;
	border-top: 1px dashed #cc5a5a;
	margin: 1.3em 0px 0.5em 0px;
}









#layout072 .news h3{
font-size: 1.6em;
    line-height: 1.6em;
    max-height: 5.8em;
    margin-bottom: 1em;

	font-size: 1.4em;
    line-height: 1.2em;
    height: 1.2em;
    margin-bottom: 0.2em;
	color:#333;
}

#layout072 .news h3 a{

	color:#333;
}

#layout072 .news p{
color: #333;
    font-size: 0.88em;
    line-height: 1.8em;
    max-height: 16.8em;
    margin-top: 0em;
    margin-bottom: 3em;
}



#layout072 .news li{
	font-size: 1.1em;
	line-height: 2.8em;
	height: 2.8em;
}
























































#layout073{
	width: 98em;
}

#layout073 .con{
	width: 84.8em;
	background: url("images/ly07-bg.png") no-repeat right top;
	background-size: 78.5em 83%;
}

#layout073 .focus{
	position: absolute;
	width: 37.6em;
	top: 5.8%;
	left: 0%;
	height: 65%;
}

#layout073 .focus .photo{
	height: 75%;
}

#layout073 .focus .photo img{
	height: 29em;
	max-height: none;
	min-height: 100%;
	position: absolute;
	left: 0%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(-0, -50%);
	transform: translate(0, -50%);
}

#layout073 .focus .tab{
	height: 25%;
}

#layout073 .focus .tab dl{
	margin-left: -0.2em;
	height: 100%;
}

#layout073 .focus .tab dd{
	float: left;
	width: 12.4em;
	height: 100%;
	margin-left: 0.2em;
	background: #ececec;
	overflow: visible;
	position: relative;
}

#layout073 .focus .tab table{
	width: 100%;
	height: 100%;
}

#layout073 .focus .tab table td{
	padding: 0px 1.5em;
}

#layout073 .focus .tab span{
	display: block;
	text-align: center;
	font-size: 1.6em;
	line-height: 1.2em;
	color: #d6d6d6;
}

#layout073 .focus .tab p{
	line-height: 1.7em;
	height: 5.1em;
	color: #888;
	margin-top: 0.3em;
}

#layout073 .focus .tab .current{
	background: #cd2528;
}

#layout073 .focus .tab .current span{
	color: #fff;
}

#layout073 .focus .tab .current p{
	font-weight: bold;
}

#layout073 .focus .tab .current p a,#layout073 .focus .tab .current p a:hover{
	color: #fff !important;
}

#layout073 .focus .tab .current i{
	position: absolute;
	top: -0.8em;
	left: 50%;
	margin-left: -0.9em;
	width: 0;
	height: 0;
	border-right: 0.9em solid transparent;
	border-left: 0.9em solid transparent;
	border-bottom: 0.9em solid #cd2528;
}

#layout073 .news{
	position: absolute;
	top: 7.8%;
	left: 41em;
	height: 40%;
	width: 29.4em;
}

#layout073 .news .line{
	height: 1px;
	border-top: 1px dashed #cc5a5a;
	margin: 1.3em 0px 0.5em 0px;
}









#layout073 .news h3{
font-size: 1.6em;
    line-height: 1.6em;
    max-height: 5.8em;
    margin-bottom: 1em;

	font-size: 1.4em;
    line-height: 1.2em;
    height: 2.3em;
    margin-bottom: 0.2em;
	color:#333;
}

#layout073 .news h3 a{

	color:#333;
}

#layout073 .news p{
color: #333;
    font-size: 0.88em;
    line-height: 1.8em;
    max-height: 16.8em;
    margin-top: 0em;
    margin-bottom: 3em;
}



#layout073 .news li{
	font-size: 1.1em;
	line-height: 2.8em;
	height: 2.8em;
}














#layout08{
	width: 42em;
	background: url("images/ly08-bg.png") no-repeat right top;
	background-size: 95.1em 87.6%;
}

#layout08 .con{
	width: 55em;
}

#layout08 .block{
	position: absolute;
	top: 2.8%;
	height: 72.2%;
	width: 45em;
	float: none !important;
}

#layout08 .left{
	left: 0em;
}

#layout08 .right{
	right: 6.5em;
}

#layout08 .block h3{
	font-size: 2.2em;
	line-height: 1.3em;
	height: 18.6em;
	font-weight: normal;
}

#layout08 .block h3 a{
	color: #c43535;
}
#layout08 .block p{
	line-height: 2.1em;
	margin-top: 1em;
	color: rgb(88 53 47);
	font-size: 1.4em;
    text-indent: 2em;
}


#layout08 .block .line{
	height: 1px;
	border-top: 1px dashed #ccc7bb;
	margin: 1.5em 0px 0.5em 0px;
}

#layout08 .block li{
	height: 3.3em;
	line-height: 3.3em;
	background: url("images/ly01-star.png") no-repeat left center;
	background-size: 0.88em 0.88em;
	padding-left: 1.2em;
}

#layout08 .block li a{
	font-size: 1.1em;
}

#layout09{
	width: 91em;
}

#layout09 .con{
	width: 77em;
}

#layout09 .hot{
	position: absolute;
	left: 2em;
	top: 4.8%;
	height: 48.7%;
	width: 29.5em;
}

#layout09 .hot h3{
	font-size: 3em;
	line-height: 1.2em;
	max-height: 3.6em;
	overflow: hidden;
}

#layout09 .hot h3 a{
	color: #c43535;
}

#layout09 .hot p{
	font-size: 1.2em;
	line-height: 1.9em;
	max-height: 11.4em;
	margin-top: 1.2em;
}

#layout09 .list1{
	position: absolute;
	right: 0%;
	top: 5.8%;
	width: 42em;
	height: 47.2%;
	overflow: hidden;
}

#layout09 .list1 ul{
	height: 100%;
}

#layout09 .list1 li{
	float: left;
	width: 13.4em;
	height: 47.7%;
	margin: 0px 0px 2.3% 0.6em;
	position: relative;
}

#layout09 .list1 .color1{ background-color:#d92111; }
#layout09 .list1 .color2{ background-color:#57a4dc; }
#layout09 .list1 .color3{ background-color:#eba600; }
#layout09 .list1 .color4{ background-color:#fc3a51; }
#layout09 .list1 .color5{ background-color:#2ac3d7; }
#layout09 .list1 .color6{ background-color:#e76700; }

#layout09 .list1 table{
	position: absolute;
	left: 0%;
	top: 0%;
	height: 100%;
	width: 100%;
	color: #fff;
}

#layout09 .list1 .tab1{
	font-size: 3.5em;
	line-height: 1.3em;
	text-align: center;
	font-weight: bold;
}

#layout09 .list1 .tab2{
	opacity: 0;
}

#layout09 .list1 .tab2 td{
	padding: 0px 1em;
	line-height: 1.5em;
}

#layout09 .list1 li:hover .tab1{
	opacity: 0;
}

#layout09 .list1 li:hover .tab2{
	opacity: 1;
}

#layout09 .list2{
	position: absolute;
	width: 100%;
	top: 55.5%;
	left: 0px;
	height: 22.3%;
}

#layout09 .list2 ul{
	height: 100%;
}

#layout09 .list2 li{
	float: left;
	width: 23.8em;
	height: 100%;
	margin-left: 1.86em;
	background: #d99b5e;
}

#layout09 .list2 table{
	width: 100%;
	height: 100%;
}

#layout09 .list2 table td{
	padding: 0px 1em;
}

#layout09 .list2 h3{
	font-size: 1.5em;
	line-height: 1.4em;
	height: 2.8em;
	font-weight: normal;
}

#layout09 .list2 p{
	font-size: 0.88em;
	line-height: 1.7em;
	max-height: 5.1em;
	color: #edd1ba;
	margin-top: 1em;
}

#layout10{
	width: 100em;
}

#layout10 .con{
	width: 86.3em;
	background: url("images/ly10-bg.png") no-repeat left top;
	background-size: 84.3em 86.2%;
}

#layout10 .title{
	position: absolute;
	height: 18.8%;
	left: 35.4em;
	width: 11.3em;
	top: 32.5%;
	text-align: center;
}

#layout10 .title img{
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

#layout10 .circle{
	position: absolute;
	width: 12.25em;
	height: 15.5%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	text-align: center;
	color: #fff;
	cursor: pointer;
}

#layout10 .circle a,#layout10 .circle a:hover{
	color: #fff !important;
}

#layout10 .circle td{
	font-size: 2.2em;
	line-height: 1.3em;
	
}

#layout10 .circle.text2 td{
	padding: 0px 0.4em;
}

#layout10 .c1{ left: 26.5em; top: 7.2%; background-image: url("images/ly10-c1.png"); }
#layout10 .c2{ left: 45.6em; top: 65%; background-image: url("images/ly10-c2.png"); }
#layout10 .c3{ left: 14.8em; top: 55.5%; background-image: url("images/ly10-c3.png"); }
#layout10 .c4{ left: 54.5em; top: 5.6%; background-image: url("images/ly10-c4.png"); }
#layout10 .c5{ left: 62.2em; top: 41%; background-image: url("images/ly10-c5.png"); }
#layout10 .c6{ left: 13.3em; top: 26.3%; background-image: url("images/ly10-c6.png"); }
#layout10 .c7{ left: 77em; top: 45.4%; background-image: url("images/ly10-c7.png"); }
#layout10 .c8{ left: 4.2em; top: 9.2%; background-image: url("images/ly10-c8.png"); }
#layout10 .c9{ left: 75em; top: 13%; background-image: url("images/ly10-c9.png"); }
#layout10 .c10{ left: 1.1em; top: 53.6%; background-image: url("images/ly10-c10.png"); }

#layout10 .card{
	position: absolute;
	width: 31em;
	height: 26%;
	background: #ee5724;
	left: 26.3em;
	top: 28.5%;
	box-shadow: 0em 0em 1em #ccc;
	color: #fff;
	border: 0.3em solid #fff;
	border-radius: 1em;
	display: none;
}

#layout10 .card table{
	width: 100%;
	height: 100%;
	font-size: 1em;
}

#layout10 .card .name{
	border-right: 1px solid #fff;
	width: 1.9em;
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1.05em;
	padding-left: 0.54em;
	text-align: center;
}

#layout10 .card a,#layout10 .card a:hover{
	color: #fff !important;
}

#layout10 .card .text{
	padding: 0px 2.2em 0px 3em;
	position: relative;
}

#layout10 .card .text i{
	position: absolute;
	left: 0%;
	top: 50%;
	margin-top: -1em;
	width: 0;
	height: 0;
	border-top: 1em solid transparent;
	border-bottom: 1em solid transparent;
	border-left: 1em solid #fff;
}

#layout10 .card .text p{
line-height: 1.7em;
    font-size: 1.5em;
}


#certify {
	position: relative;
	width: 100%;
	margin: 0 auto
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 53.4em;
	height: 37.5em;
	background: #fff;
	 
}
#certify  .swiper-slide img{
	display:block;
	width:100%;
	height:100%;
}
#certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;

}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}



#certify .cover{
	 
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}

#certify .swiper-slide p{
	display:none;
	position: absolute;
	width: 100%;
	height: 3.7em;
	line-height: 3.7em;
	left: 0px;
	bottom: 0px;
	text-align: center;
	z-index: 9;
}

#certify .swiper-slide p a{
	font-size: 1.4em;

	display: inline-block;
	vertical-align: top;
}

#certify span{
	display: inline-block;
	vertical-align: top;
	font-size: 1.4em;
	margin-left: 1.2em;
}
#certify span i{
	color: #ffcc00;
	font-size: 2em;
	font-family: "Arial";
}

#certify .swiper-slide-active p{display:block;}

#certify .swiper-slide-active .cover{height:3.7em;}

#layout02 .swiper-pagination{display:inline-block;position:unset;}
#layout02 .tab span.swiper-pagination-bullet-active{background: #cd2528;}
#layout02 .swiper-pagination-bullet{opacity:1}
#layout01 .focus .point{width:15%;float:right;}
#layout01 .focus .point span{opacity:1;}
#layout01 .swiper-pagination-bullet-active{background:#fff;}