@charset "utf-8";
/* CSS Document */

.nav0 {
	background: #404144;
	height: 50px;
	width: 960px;
	line-height: 50px;
}

.nav0 ul li {
	float: left;
	width: 90px;
	height: 50px; 
	margin-right:12px;
}

.nav0>ul>li>a {
	color: #fff;
	width: 95px;
	height: 50px;
	display: inline-block;
	text-align: center;
	font-size: 16px;
}

.nav0>ul>li>a:hover {
	color: #fff;
	background: #2d2d2f;
}

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

.nav1 li.kj {
	width: 240px;
	background: #3498db;
	color: #fff;
	margin-right:0;
}

.nav1 li.kj>a {
	width: 240px;
	color: #fff;
}

.nav1 li.kj a:hover {
	background: #3498db;
}
.main_wrap,.main_wrap3{
	width:100%;
	background-color:#FFF;
	}
.content_1{
	width:1200px;
	margin:0 auto;
	text-align:center;
	height:440px;
	position:relative;
	top:-80px;
	}
.content_5{
	width:1200px;
	margin:0 auto;
	text-align:center;
	position:relative;
	top:-75px;
	}
.content_1 h2{
	font-size:40px;
	display:inline;
	}
.yhc_more{
	color:#424242;
	font-family:"微软雅黑";
	float:right;
	padding-top:15px;
	padding-right:200px;
	}
.yhc_wrapper1{
	width:1126px;
	margin:0 auto;
	margin-top:20px;
	height:161px;
	}
.effect-yhc1{
	width:520px;
	height:167px;
	text-align:left;
	float:left;
	margin-right:13px;
	}
.yhc2_site{
	font-family:"微软雅黑";
	}
.yhc2_site a{
	color:#333;
	}
.yhc2_site a:hover{
	color:#FFF;
	}
.yhc2{
	background:url(../images/yhc_pic6.jpg) no-repeat;
	width:200px;
	height:167px;
	float:left;
	}	
.yhc2 h3{
	font-size:16px;
	padding-top:72px;
	}
.yhc2 h3 a,.yhc4 h3 a{
	color:#333;
}
.yhc2 h3 a:hover,.yhc4 h3 a:hover{
	color:#FFF;
	}
.yhc4{
	background:url(../images/yhc_pic5.jpg) no-repeat;
	width:200px;
	height:167px;
	float:left;
	margin-right:13px;
	}	
.yhc4 h3{
	font-size:16px;
	padding-top:72px;
	}
.main_wrap2{
	background:#ff7e7e url(../images/do_bg.jpg) no-repeat;
	width:100%;
	height:501px;
	}
.content_2{
	width:1200px;
	margin:0 auto;
	text-align:center;
	padding-top:70px;
	}
.content_2 h2{
	color:#fff;
	font-size:40px;
	margin-bottom:50px;
	}
.content_2 p{
	text-align:left;
	width:980px;
	margin:0 auto;
	font-size:18px;
	color:#FFF;
	font-family:"微软雅黑";
	line-height:36px;
	margin-bottom:60px;
	}
.content_2 .btn-big{
	width:535px;
	height:64px;
	color:#ff2121;
	background-color:#FFF;
	font-size:30px;
	border-radius:100px;
	-moz-border-radius:100px;
	-ms-border-radius:100px;
	-webkit-border-radius:100px;
	-o-border-radius:100px;
	}
.main_wrap3{
	position:relative;
	top:-115px;
	width:1200px;
	margin:0 auto;
	}
.wrap3_container{
	width:1200px;
	margin:0 auto;
	padding-top:60px;
	}
.wrap3_container h2{
	text-align:center;
	font-size:40px;
	}
.wrap3_container ul{
	width:1000px;
	margin:0 auto;
	margin-top:60px;
	}
.wrap3_container li{
	width:490px;
	float:left;
	margin-bottom:40px;
	}
.wrap3_container li img{
	float:left;
	padding:10px 11px;
	}
.wrap3_container li h3{
	font-size:20px;
	color:#343434;
	margin-bottom:10px;
	}
.wrap3_container li p{
	width:494px;
	font-size:15px;
	color:#757575;
	font-family:"微软雅黑";
	padding-right:10px;
	}
.wrap3_content2	{
	width:1200px;
	margin:25px auto;
	}
.wrap3_content2_box_wrap{
	border:1px solid #ced4da;
	width:388px;
	height:459px;
	padding:15px;
	margin-right:18px;
	}	
	
.wrap3_content2_box1{
	width:355px;
	}
.top_box1{
	height:128px;
	background-color:#3ec6df;
	padding-top:26px;
	color:#FFF;
	}
.top_box1 h2{
	background:url(../images/new_icon1.png) no-repeat center left;
	margin-bottom:10px;
	margin-left:30px;
	padding-left:53px;
	}
.top_box1 p{
	margin-left:30px;
	width:280px;
	font-family:"微软雅黑";
	}
.top_box1_ul{
	margin-top:15px;
	margin-left:15px;
	}
.top_box1_ul li{
	margin-bottom:10px;
	font-family:"微软雅黑";
	font-size:15px;
	height:28px;
	}
.btn-more{
	margin-top:10px;
	margin-left:70px;
	margin-bottom:20px;
	width:136px;
	background:none;
	border:1px solid #3ec6df;
	color:#3ec6df;
	font-family:"微软雅黑";
	}
.wrap3_content2_box2{
	width:355px;
	}
.top_box2{
	height:128px;
	background-color:#3e6ee0;
	padding-top:26px;
	color:#FFF;
	}
.top_box2 h2{
	background:url(../images/new_icon2.png) no-repeat center left;
	margin-bottom:10px;
	margin-left:30px;
	padding-left:53px;
	}
.top_box2 p{
	margin-left:30px;
	width:280px;
	font-family:"微软雅黑";
	}
.mmore1{
	border:1px solid #3e6ee0;
	color:#3e6ee0;
	font-family:"微软雅黑";
	}
.wrap3_content2_box3{
	width:355px;
	}
.top_box3{
	height:128px;
	background-color:#1e95e5;
	padding-top:26px;
	color:#FFF;
	}
.top_box3 h2{
	background:url(../images/new_icon3.png) no-repeat center left;
	margin-bottom:10px;
	margin-left:30px;
	padding-left:53px;
	}
.top_box3 p{
	margin-left:30px;
	width:280px;
	font-family:"微软雅黑";
	}
.more2{
	border:1px solid #1e95e5;
	color:#1e95e5;
	font-family:"微软雅黑";
	}
.main_wrap4{
	width:100%;
	height:360px;
	position:relative;
	top:-125px;
	}
.wrap4_container{
	width:1200px;
	margin:0 auto;
	text-align:center;
	}
.wrap4_container h2{
	color:#FFF;
	font-size:40px;
	display:inline;
	}
.jt_container .yhc_more a{
	color:#FFF;
	}	
.jt_container .yhc_more a:hover{
	color:#333;
	}	
	
.box1{
	margin:0 auto;
	height:162px;
	}
.box1 ul li{
	margin-bottom:15px;
	
	}	
.dh{
	width:100%;
	background-color:#404144;
	}
.link{
	margin-top:135px;
	}



figure.effect-yhc1 {
	background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
	background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
}

figure.effect-yhc1 img {
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}

figure.effect-yhc1 figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
}

figure.effect-yhc1 figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-yhc1 h2 {
	padding: 30% 0 10px 0;
	font-size:22px;
}
figure.effect-yhc1 h2 a{
	color:#FFF;
	
	}
figure.effect-yhc1 p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
}

figure.effect-yhc1:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-yhc1:hover figcaption::before,
figure.effect-yhc1:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


figure.effect-yhc3 {
	background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
	background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
	float:right;
	width:361px;
	height:167px;
	
}

figure.effect-yhc3 img {
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}

figure.effect-yhc3 figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
}

figure.effect-yhc3 figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-yhc3 h2 {
	padding: 30% 0 10px 0;
	font-size:22px;
}

figure.effect-yhc3 p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
}

figure.effect-yhc3:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-yhc3:hover figcaption::before,
figure.effect-yhc3:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-yhc5 {
	background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
	background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
	float:left;
	width:520px;
	height:167px;
	
}

figure.effect-yhc5 img {
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}

figure.effect-yhc5 figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
}

figure.effect-yhc5 figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-yhc5 h2 {
	padding: 30% 0 10px 0;
	font-size:22px;
}

figure.effect-yhc5 p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
}

figure.effect-yhc5:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-yhc5:hover figcaption::before,
figure.effect-yhc5:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-yhc6 {
	background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
	background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%);
	float:right;
	width:361px;
	height:167px;
}

figure.effect-yhc6 img {
	width: -webkit-calc(100% + 60px);
	width: calc(100% + 60px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50px,0,0);
	transform: translate3d(-50px,0,0);
}

figure.effect-yhc6 figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-20px,0,0);
	transform: translate3d(-20px,0,0);
}

figure.effect-yhc6 figcaption {
	padding: 3em;
	text-align: left;
}

figure.effect-yhc6 h2 {
	padding: 30% 0 10px 0;
	font-size:22px;
}

figure.effect-yhc6 p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
}

figure.effect-yhc6:hover img {
	opacity: 0.7;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-yhc6:hover figcaption::before,
figure.effect-yhc6:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.grid {
	overflow: hidden;
	margin: 0;
	list-style: none;
	text-align: center;
	width:1200px;
	margin:0 auto;
	margin-top:25px;
}

/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	height:167px;
	margin-right:13px;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding-top: 4em;
	padding-left: 3em;
	padding-right: 3em;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	color:#fff;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}


/* effect-jtyh1*/

.jt_container{
	width:1200px;
	margin:0 auto;
	height:417px;
	}
.jt_container h2{
	text-align:center;
	color:#FFF;
	font-size:40px;
	display:inline;
	padding-left:400px;
	}

figure.effect-jtyh1 {
	background: #10edff;
	width:613px;
	height:167px;
	float:left;
}

figure.effect-jtyh1 img {
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-jtyh1:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-jtyh1 figcaption {
	text-align: left;
}

figure.effect-jtyh1 h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
	font-size:20px;
	color:#fff;
	
}

figure.effect-jtyh1 h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-jtyh1:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-jtyh1 p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.effect-jtyh1:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


figure.effect-jtyh3 {
	background: #10edff;
	width:361px;
	height:167px;
	float:right;
}

figure.effect-jtyh3 img {
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-jtyh3:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-jtyh3 figcaption {
	text-align: left;
}

figure.effect-jtyh3 h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
	font-size:20px;
}

figure.effect-jtyh3 h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-jtyh3:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-jtyh3 p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.effect-jtyh3:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
figure.effect-jtyh5 {
	background: #10edff;
	width:613px;
	height:167px;
	float:left;
}

figure.effect-jtyh5 img {
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-jtyh5:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-jtyh5 figcaption {
	text-align: left;
}

figure.effect-jtyh5 h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
	font-size:20px;
}

figure.effect-jtyh5 h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-jtyh5:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-jtyh5 p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.effect-jtyh5:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}



figure.effect-jtyh6 {
	background: #10edff;
	width:361px;
	height:167px;
	float:right;
}

figure.effect-jtyh6 img {
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-jtyh6:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-jtyh6 figcaption {
	text-align: left;
}

figure.effect-jtyh6 h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
	font-size:20px;
}

figure.effect-jtyh6 h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

figure.effect-jtyh6:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-jtyh6 p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

figure.effect-jtyh6:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}