/************
 * 页面样式
 ************/
.about_banner { height: 700px; display: flex; align-items: center; }
@media only screen and (max-width: 1200px) {
.about_banner { height: 600px; }
}
@media only screen and (max-width: 1000px) {
.about_banner { height: 500px; }
}
@media only screen and (max-width: 767px) {
.about_banner { height: 400px; }
}
.ke_abcon { margin-top: 5vh }
.ke_abcon .box3-nav { border-top: 0px; border-bottom: 1px solid #dcdcdc }
.ke_abcon .box3-nav ul li a:after { bottom: 0px; top: auto; }
.ke_abcon .box3-nav ul li a:after { bottom: 0px; top: auto; }
.ke_abcon .box3-nav ul .li_act a::after { width: 100%; }
.ke_abcon .box3-nav ul li { padding: 0 40px; margin: 0px; position: relative }
.ke_abcon .box3-nav ul li::before { position: absolute; background-color: #dcdcdc; width: 1px; height: 18px; content: ''; top: 50%; right: 0px; margin-top: -9px; }
.ke_abcon .box3-nav ul li:last-of-type::before { content: none }
@media only screen and (max-width: 991px) {
.ke_abcon .box3-nav ul li::before { content: none; }
}
@media only screen and (max-width: 991px) {
.ke_abcon .box3-nav { border: none }
}
@media only screen and (max-width: 991px) {
.ke_abcon .box3-nav ul li { padding: 0px; margin: 5px; }
}
@media only screen and (max-width: 991px) {
.ke_abcon .box3-nav ul li { padding: 0px; margin: 5px; }
}
@media only screen and (max-width: 767px) {
.ke_abcon .box3-nav { display: block; }
}
@media only screen and (max-width: 767px) {
.about_banner hgroup { width: 100%; padding: 0 15px; }
}
.clear {clear: both;}
/*===box3===*/
.box3 { padding-top: 50px; }
.box3-nav { margin-top: 30px; border-top: 1px dotted #d1d1d1; text-align: center; }
.box3-nav ul { }
.box3-nav ul li { display: inline-block; margin: 0px 26px; }
.box3-nav ul li a { position: relative; display: block; line-height: 3.8; font-size: 1rem; color: #454545; }
.box3-nav ul li a:after { content: ""; position: absolute; top: -1px; left: 0px; width: 0px; height: 2px; background: #3981c7; transition: .6s; }
.box3-nav ul li a:hover { color: #307dc6; }
.box3-nav ul li a:hover::after { width: 100%; }
.box3-nav ul .li_act a { color: #307dc6; }
.box3-nav ul .li_act a:after { width: 100%; }
.box3-list { margin-top: 10px; }
.box3-list ul { }
.box3-list ul li { float: left; box-sizing: border-box; width: 25%; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.box3-list ul li .pic { position: relative; padding: 37.5% 0px; overflow: hidden; }
.box3-list ul li .pic-flex { position: absolute; top: 0px; left: 0px; width: 100%; display: flex; align-items: center; justify-content: center; }
.box3-list ul li .fade { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 2; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.4); }
.box3-list ul li:hover .fade { opacity: 1; }
.box3-list ul li .fade span { position: relative; width: 200px; padding: 15px 0px; text-align: center; }
.box3-list ul li .fade span:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 1px; background: rgba(255,255,255,.7); transform: scale(0, 1); transition-delay: .2s; transition: .4s; }
.box3-list ul li .fade span:after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 1px; background: rgba(255,255,255,.7); transform: scale(0, 1); transition-delay: .2s; transition: .4s; }
.box3-list ul li:hover .fade span:before, .box3-list ul li:hover .fade span:after { transform: scale(1); }
.box3-list ul li .fade span i { font-size: 4rem; color: #fff; }
.box3-list ul li h6 { padding: 15px 0px; margin: 0px 20px; border-bottom: 1px solid #e5e5e5; line-height: 24px; font-size: 1.6rem; color: #454545; }
.box3-list ul li h6 span { display: block; font-size: 1.4rem; color: #929292; }
.box3-list ul li:hover h6 { color: #307dc6; }
.box3-list ul li p { position: relative; overflow: hidden; margin: 0px 20px; line-height: 46px; font-size: 1.2rem; color: #929292; text-align: right; font-family: "Arial"; text-transform: uppercase; }
.box3-list ul li p i { position: absolute; top: 18px; left: 0px; transition: color .2s 0s; }
.box3-list ul li:hover p i { color: #307dc6; transition: color .2s .6s; animation: moreLeft .8s; }
@keyframes moreLeft {  50% {
 left: 100px;
 opacity: 0;
}
 60% {
 left: -50px;
 opacity: 0;
}
 100% {
 left: 0px;
 opacity: 1;
}
}
@media screen and (min-width: 960px) {
.box3-list ul li:nth-of-type(9) { display: block; }
}
@media screen and (max-width: 1200px) {
.box3 { padding-top: 30px; }
.box3-list ul li { width: 33.33%; }
}
@media screen and (max-width: 991px) {
.box3 { padding-top: 20px; }
.box3-nav { margin-top: 20px; border-top: 0px; }
.box3-nav ul li { margin: 5px; }
.box3-nav ul li a { overflow: hidden; padding: 0px 15px; border: 1px solid #454545; border-radius: 8px; line-height: 2.4; }
.box3-nav ul li a:after { display: none; }
.box3-nav ul li a:hover { border-color: #2278c4; background: #2278c4; color: #fff; }
}
@media screen and (max-width: 960px) {
.box3-list ul li { width: 50%; border-bottom: none; }
.box3-list ul li h6 { padding: 0px; height: 54px; overflow: hidden; margin: 0px 5px; line-height: 54px; font-size: 1.4rem; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.box3-list ul li h6 span { display: none; }
.box3-list ul li p { display: none; }
.box3-list ul li .fade span { max-width: 90%; padding: 10px 0px; }
.box3-list ul li .fade span i { font-size: 2.4rem; }
}
@media screen and (max-width: 767px) {
.box3-nav { display: none; }
.box3-list { margin-top: 20px; }
}
@media screen and (max-width: 600px) {
.box3-list ul li { width: 100%; float: none; margin-bottom: 10px }
}
.layout { box-sizing: border-box; width: 100%; max-width: 1200px; margin: auto; }
.title1 hr { width: 30px; margin: 0 auto; background-color: #dcdcdc; height: 2px; border: none; margin-top: 15px; }
/*===公用标题===*/
.title1 { line-height: 1.4; text-align: center; }
.title1 h5 { line-height: inherit; font-size: 2.8rem; color: #222; font-weight: 700; font-family: "Impact"; letter-spacing: 2px; text-transform: uppercase; margin: 0; }
.title1 h5 span { color: #2278c4; }
.title1 h6 { margin-top: 4px; line-height: inherit; font-size: 3rem; color: #414347; margin: 0; }
.title1 h4 { line-height: inherit; font-size: 1.9rem; color: #414347; font-weight: 700; margin: 0; }
 @media screen and (max-width: 1200px) {
.title1 h5 { font-size: 4rem; }
.title1 h6 { font-size: 2.5rem; }
.title1 h4 { font-size: 2.5rem; }
}
@media screen and (max-width: 991px) {
.title1 h5 { font-size: 3.5rem; }
.title1 h6 { font-size: 2rem; }
.title1 h4 { font-size: 2rem; }
}
@media screen and (max-width: 767px) {
.title1 h5 { font-size: 1.9rem; }
.title1 h6 { font-size: 1.8rem; }
.title1 h4 { font-size: 1.8rem; }
}
/**/
@media only screen and (max-width: 640px) { .container { width: 96%; margin: 0 auto;max-width: 96%; } }
/*公共部分 start*/
.r-hgroup{
	text-align: center;
	padding-bottom: 50px;
	padding-top: 50px;
}
.r-hgroup h3{
	font-size: 36px;
	color: #307cc7;
}
.r-hgroup h6{
	font-size: 14px;
	color: #969696;
	margin-top: 20px;
}
@media only screen and (max-width: 1024px) {
	.r-hgroup{
		text-align: center;
		padding-bottom: 32px;
		padding-top: 32px;
	}
	.r-hgroup h3{
		font-size: 28px;
		color: #307cc7;
	}
	.r-hgroup h6{
		margin-top: 12px;
	}
}
@media only screen and (max-width: 767px) {
	.r-hgroup{
		text-align: center;
		padding-bottom: 22px;
		padding-top: 22px;
	}
	.r-hgroup h3{
		font-size: 22px;
		color: #307cc7;
	}
	.r-hgroup h6{
		margin-top: 8px;
	}
}
.r-hgroup2{
	position: relative;
}
.r-hgroup2 h3{
	color: #373737;
}
.r-hgroup2:after{
	content: "";
	position: absolute;
	background: #307cc7;
	width: 42px;
	height: 1px;
	left: 50%;
	bottom: 0;
	margin-left: -21px;
}
/*公共部分 over*/
.layout {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	margin: auto;
}

@media screen and (max-width: 1200px) {
	.layout, .app_pn5 {
		padding: 0px 15px;
	}
}

/*rbox24 start*/
.rbox24 .r-hgroup h6{
	line-height: 24px;
}
.rbox24 .layout{
	padding: 3% 0;
	padding-bottom: 5%;
}
.rbox24 {
	border-bottom: 3px solid #00a0e9;
}

/*rbox24 over*/

/*rbox25 start*/
.rbox25{
	padding-top: 157px;
	padding-bottom: 122px;
	border-bottom: 3px solid #00a0e9;
}
.rbox25 .rbox25-left{
	width: 50%;
	float: left;
	text-align: left;
}
.rbox25 .rbox25-right{
	width: 50%;
	padding-right: 24px;
	max-width: 369px;
	float: right;
}
.rbox25 .rbox25-right h2{
	text-align: center;
	font-size: 36px;
	color: #1172c2;
}
.rbox25 .rbox25-right>span{
	width: 100%;
	border-top: 1px dashed #1172c2;
	display: inline-block;
	position: relative;
}
.rbox25 .rbox25-right>span:after{
	content: "";
	height: 13px;
	width: 13px;
	border-radius: 50%;
	background: #1172c2;
	position: absolute;
	left: 0;
	top: 0%;
	margin-top: -6.5px;
}
.rbox25 .rbox25-right article{
	padding-top: 170px;
	padding-left: 30px;
	background: url(../../img/zwz0210/rbox25-icon.png) no-repeat 30px 80px;
	font-size: 14px;
	color: #787878;
	line-height: 23px;
}
@media only screen and (max-width: 1024px) {
	.rbox25{
		padding-top: 100px;
		padding-bottom: 70px;
		border-bottom: 3px solid #00a0e9;
	}
	.rbox25 .rbox25-right h2{
		font-size: 32px;
	}
	.rbox25 .rbox25-right article{
		padding-top: 120px;
	}
	.rbox25 .rbox25-right article{
		background: url(../../img/zwz0210/rbox25-icon.png) no-repeat 30px 50px;
	}
}
@media only screen and (max-width: 850px) {
	.rbox25{
		padding-top: 50px;
		padding-bottom: 40px;
	}
	.rbox25 .rbox25-left{
		width: 100%;
		float: none;
		margin: 0 auto;
		text-align: left;
		max-width: 369px;
	}
	.rbox25 .rbox25-left img{
		margin-top: 30px;
	}
	.rbox25 .rbox25-right{
		width: 100%;
		padding-right: 0;
		max-width: none;
		float: right;
	}
	.rbox25 .rbox25-right h2{
		text-align: center;
		font-size: 26px;
		color: #1172c2;
	}
	.rbox25 .rbox25-right>span{
		width: 100%;
		border-top: 1px dashed #1172c2;
		display: inline-block;
		position: relative;
	}
	.rbox25 .rbox25-right>span:after{
		content: "";
		height: 13px;
		width: 13px;
		border-radius: 50%;
		background: #1172c2;
		position: absolute;
		left: 0;
		top: 0%;
		margin-top: -6.5px;
	}
	.rbox25 .rbox25-right article{
		padding-top: 100px;
		padding-left: 30px;
		background: url(../../img/zwz0210/rbox25-icon.png) no-repeat 30px 30px;
		font-size: 14px;
		color: #787878;
		line-height: 22px;
	}
}
@media only screen and (max-width: 500px) {
	.rbox25{
		padding-top: 40px;
		padding-bottom: 30px;
	}
	.rbox25 .rbox25-right h2{
		font-size: 22px;
	}
	.rbox25 .rbox25-right article{
		padding-top: 80px;
		padding-left: 20px;
		background: url(../../img/zwz0210/rbox25-icon.png) no-repeat 20px 20px;
	}
}
/*rbox25 over*/

/*rbox26 start*/
.rbox26{
	padding: 0 1%;
	padding-bottom: 50px;
}
.rbox26 h2{
	height: 180px;
	line-height: 180px;
	text-align: center;
	font-size: 36px;
	color: #1172c2;
}
.rbox26 ul{
	max-width: 1733px;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
}
.rbox26 ul li{
	width: 18.3%;
	border: 1px solid #dddddd;
	text-align: center;
}
.rbox26 ul li:nth-child(1){
	border-top: 2px solid #ffc001;
}
.rbox26 ul li:nth-child(2){
	border-top: 2px solid #3edba6;
}
.rbox26 ul li:nth-child(3){
	border-top: 2px solid #ff7d70;
}
.rbox26 ul li:nth-child(4){
	border-top: 2px solid #3bb5ff;
}
.rbox26 ul li:nth-child(5){
	border-top: 2px solid #a68ceb;
}
.rbox26 ul li img{
	width: 35%;
	min-width: 80px;
	margin: 60px 0;
	max-width: 112px;
}
.rbox26 ul li p{
	line-height: 36px;
	color: #949494;
	font-size: 18px;
	height: 156px;
}
@media only screen and (max-width: 1200px) {
	.rbox26{
		padding: 0 1%;
		padding-bottom: 50px;
	}
	.rbox26 h2{
		height: 100px;
		line-height: 100px;
		font-size: 28px;
	}
	.rbox26 ul{
		max-width: 1733px;
		display: flex;
		margin: 0 auto;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.rbox26 ul li{
		width: 32%;
		border: 1px solid #dddddd;
		text-align: center;
		margin-bottom: 15px;
	}
	.rbox26 ul li img{
		margin: 50px 0;
	}
	.rbox26 ul li p{
		line-height: 32px;
		color: #949494;
		font-size: 16px;
		height: 144px;
	}
}
@media only screen and (max-width: 767px) {
	.rbox26{
		padding-bottom: 30px;
	}
	.rbox26 h2{
		height: 80px;
		line-height: 80px;
		font-size: 24px;
	}
	.rbox26 ul li{
		width: 32%;
		margin-bottom: 15px;
	}
	.rbox26 ul li img{
		margin: 30px 0;
	}
	.rbox26 ul li p{
		line-height: 28px;
		color: #949494;
		font-size: 14px;
		height: 100px;
	}
}
@media only screen and (max-width: 600px) {
	.rbox26{
		padding-bottom: 20px;
	}
	.rbox26 h2{
		height: 60px;
		line-height: 60px;
		font-size: 22px;
	}
	.rbox26 ul li{
		width: 46%;
	}
	.rbox26 ul li img{
		margin: 30px 0;
	}
	.rbox26 ul li p{
		line-height: 24px;
		color: #949494;
		font-size: 14px;
		height: 90px;
	}
}
/*rbox26 over*/
/*rbox27 start*/
.rbox27{
	background: url(../../img/zwz0210/rbox27-bg.png) no-repeat center;
	text-align: center;
	padding-bottom: 80px;
}
.rbox27 h3{
	font-size: 36px;
	color: #fff;
	text-align: center;
	padding: 86px 0 76px;
}
.rbox27 .rbox27-img{
	width: 522px;
	display: inline-block;
}
.rbox27 ul{
	width: 275px;
	display: inline-block;
	vertical-align: top
}
.rbox27 ul li:first-child{
	padding-top: 52px;
	padding-bottom: 180px;
}
.rbox27 ul p{
	position: relative;
	font-size: 14px;
	color: #fff;
	text-align: right;
	height: 30px;
}
.rbox27 .rbox27-left p{
	padding-right: 90px;
	line-height: 24px;
}
.rbox27 .rbox27-right p{
	padding-left: 90px;
	text-align: left;
}
.rbox27 ul span{
	position: absolute;
	width: 90px;
	text-align: center;
	top: 0;
}
.rbox27 .rbox27-left p span{
	right: 0;
}
.rbox27 .rbox27-right p span{
	left: 0;
	transform: rotate(180deg);
}
.rbox27 .rbox27-bool{
	display: none;
}
@media only screen and (max-width: 1200px) {
	.rbox27{
		padding-bottom: 60px;
	}
	.rbox27 h3{
		padding: 60px 0 40px;
	}
	.rbox27 .rbox27-img{
		width: 43.5%;
	}
	.rbox27 ul{
		width: 25.2%;
	}
}
@media only screen and (max-width: 1024px) {
	.rbox27{
		padding-bottom: 30px;
	}
	.rbox27 h3{
		font-size: 24px;
		color: #fff;
		text-align: center;
		padding: 40px 0 20px;
	}
	.rbox27 .rbox27-img{
		display: none;
	}
	.rbox27 ul{
		width: 100%;
	}
	.rbox27 .rbox27-right p{
		text-align: center;
		padding: 0;
	}
	.rbox27 ul li p span{
		display: none;
	}
	.rbox27 ul li:first-child{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.rbox27 .rbox27-bool{
		display: block;
	}
	.rbox27 .rbox27-left{
		display: none;
	}
}
/*rbox27 over*/