﻿html,
body {
	height: 100%
}

.yth-f2 {
	height: 780px
}

.yth-f2-bg {
	padding: 80px 0 75px;
}

.yth-f2 .item-l {
	margin-right: 73px
}

.yth-f2 .item-l li {
	font-size: 0
}

.yth-f2 .item-r {
	width: 750px;
	font-size: 0
}

.slider-container {
	width: 740px;
	margin: 28px auto;
	position: relative;
	overflow: hidden
}

.pictureSlider {
	height: 518px;
	margin-bottom: 60px
}

.poster-item {
	width: 246px;
	height: 520px;
	border-radius: 30px;
	cursor: pointer;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	box-shadow: 10px 15px 40px 0 rgba(19, 35, 42, .09)
}

.yth-f2-paging {
	font-size: 0;
	text-align: center
}

.yth-f2-paging span {
	width: 14px;
	height: 14px;
	border-radius: 100%;
	background-color: #e3e2ed;
	display: inline-block;
	margin-left: 10px;
	cursor: pointer
}

.yth-f2-paging span.active {
	background-color: #adabc9
}

.yth-f2-paging span:first-child {
	margin-left: 0
}


.yth-f4-box {
	width: 1200px;
	margin: 0 auto
}

.yth-f4 {
	padding: 100px 0
}

.yth-f4-content {
	font-size: 0;
	text-align: center
}

.yth-f4-content li {
	display: inline-block
}

.yth-f4 .f4-cont {
	float: left;
	width: 238px;
	height: 278px;
	padding-top: 60px;
	text-align: center;
	border: 1px solid #e3e2e5;
	border-left: none;
	cursor: pointer
}

.yth-f4 li:first-child .f4-cont {
	border-left: 1px solid #e3e2e5
}

.yth-f4 .f4-cont-h {
	float: left;
	display: none;
	width: 478px;
	height: 298px;
	padding-top: 40px;
	text-align: center;
	border: 1px solid #2589ff;
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1);
	cursor: pointer
}

.yth-f4 .f4-cont i,
.yth-f4 .f4-cont-h i {
	width: 80px;
	height: 80px
}

.yth-f4 .f4-cont u,
.yth-f4 .f4-cont-h u {
	display: block;
	margin: 0 auto;
	width: 30px;
	height: 4px;
	background-color: #e3e2e5;
	border-radius: 10px
}

.yth-f4 .f4-cont-h u {
	background-color: #2589ff
}

.yth-f4-content li.active .f4-cont {
	display: none
}

.yth-f4-content li.active .f4-cont-h {
	display: block
}

.yth-f5 {
	padding: 100px 0 140px
}

.yth-f5-content {
	font-size: 0
}

.yth-f5-content li {
	display: inline-block;
	margin-left: 165px;
	text-align: center
}

.yth-f5-content li:first-child {
	margin-left: 0
}

.yth-f5-content li i {
	display: block;
	width: 100px;
	height: 100px;
	margin-bottom: 10px
}

.yth-f6 {
	height: 548px;
	padding: 100px 0 112px;
	background: url('../images/bg1.png') center center no-repeat;
}

.yth-f6-content {
	font-size: 0;
	color: #fff;
	width: 1200px;
	margin: 0 auto
}

.yth-f6-content li {
	position: relative;
	display: inline-block;
	margin-left: 25px;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
	border-radius: 10px
}

.yth-f6-content li:first-child {
	margin-left: 0
}

.yth-f6-content span {
	font-size: 20px;
	position: absolute;
	top: 40px;
	left: 0;
	text-align: center;
	width: 100%
}

.yth-f6-content i {
	position: absolute;
	top: 90px;
	width: 20px;
	height: 4px;
	background-color: #fff;
	left: 50%;
	margin-left: -10px
}

.yth-f7 {
	padding: 100px 0 142px
}

.yth-f7-content {
	font-size: 0;
	margin-top: 96px
}

.yth-f7-content li {
	display: inline-block;
	width: 340px;
	height: 290px;
	background-color: #fff;
	box-shadow: 0 10px 20px 0 rgba(138, 138, 138, .1);
	border-radius: 10px
}

.yth-f7-content li i {
	display: block;
	width: 16px;
	height: 6px;
	background-color: #2589ff;
	margin: 5px auto 25px
}

.yth-f7-content li .des {
	font-size: 18px;
	color: #595961;
	letter-spacing: 1.76px;
	line-height: 31px
}

 
.xcxyth-f4-sprite,
.xcxyth-f4-aqwd-h,
.xcxyth-f4-aqwd,
.xcxyth-f4-mkd-h,
.xcxyth-f4-mkd,
.xcxyth-f4-wxxz-h,
.xcxyth-f4-wxxz,
.xcxyth-f4-ywjz-h,
.xcxyth-f4-ywjz {
	background-image: url('../images/xcxyth-f4.png');
	background-repeat: no-repeat
}

.xcxyth-f4-aqwd-h {
	background-position: 0 0
}

.xcxyth-f4-aqwd {
	background-position: 0 -85px
}

.xcxyth-f4-mkd-h {
	background-position: 0 -170px
}

.xcxyth-f4-mkd {
	background-position: 0 -255px
}

.xcxyth-f4-wxxz-h {
	background-position: 0 -340px
}

.xcxyth-f4-wxxz {
	background-position: 0 -425px
}

.xcxyth-f4-ywjz-h {
	background-position: 0 -510px
}

.xcxyth-f4-ywjz {
	background-position: 0 -595px
}

.xcxyth-f5-sprite,
.xcxyth-f5-ewm,
.xcxyth-f5-fj,
.xcxyth-f5-gd,
.xcxyth-f5-gzh,
.xcxyth-f5-lsss,
.xcxyth-f5-tj,
.xcxyth-f5-tw,
.xcxyth-f5-wxss,
.xcxyth-f5-xx,
.xcxyth-f5-zd {
	background-image: url('../images/xcxyth-f5.png');
	background-repeat: no-repeat
}

.xcxyth-f5-ewm {
	background-position: 0 0
}

.xcxyth-f5-fj {
	background-position: 0 -105px
}

.xcxyth-f5-gd {
	background-position: 0 -210px
}

.xcxyth-f5-gzh {
	background-position: 0 -315px
}

.xcxyth-f5-lsss {
	background-position: 0 -420px
}

.xcxyth-f5-tj {
	background-position: 0 -525px
}

.xcxyth-f5-tw {
	background-position: 0 -630px
}

.xcxyth-f5-wxss {
	background-position: 0 -735px
}

.xcxyth-f5-xx {
	background-position: 0 -840px
}

.xcxyth-f5-zd {
	background-position: 0 -945px
}
