/*内容展示 公共部分*/
body{
	height: auto;
}
.content{
	width: 100%;
	overflow: hidden;
}
.banner_show_center{
	max-width: 1240px;
	margin: 0 auto;
	overflow: hidden;
}

.banner{
	text-align: center;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.banner .pc{
	display: block;
}
.banner .phone{
	display: none;
}
.banner li{
	height: auto;
}
.banner li.banner1{
	background: url(../images/banner/banner_bg1.jpg) no-repeat center;
	background-size: cover;
}
.banner .banner_center{
	width: 100%;
	max-width: 1240px;
	min-width: 320px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.banner .banner1 .banner_text{
	width: 55%;
	float: left;
	margin-left: 5%;
	overflow: hidden;
}
.banner .banner1 .banner_text h2{
	width: 100%;
	max-width: 1100px;
	color: #333333;
	font-family: "Microsoft YaHei", "SimSun", Arial;
	font-size: 3rem;
	font-weight: normal;
	line-height: 1.5em;
	margin: 35% auto 2rem;
	text-align: left;
}
.banner .banner1 .banner_text h2+p{
	width: 100%;
	max-width: 1100px;
	color: #666666;
	font-family: "Microsoft YaHei", "SimSun", Arial;
	font-size: 2rem;
	line-height: 1.5em;
	text-align: left;
}
.banner.en .banner1 .banner_text h2{
	font-size: 3rem;
	letter-spacing: 0;
	margin-top: 30%;
}
.banner.en .banner1 .banner_text h2+p{
	font-size: 2rem;
}
.banner .banner1 .banner_pic{
	width: 35%;
	float: right;
	margin: 10% 5% 10% 0;
}
.banner .banner1 .banner_pic img{
	width: 100%;
	display: block;
}
.banner li.banner2{
	background: url(../images/banner/banner_bg2.jpg) no-repeat center;
	background-size: cover;
	position: relative;
}
.banner .banner2 .banner_text{
	width: 40%;
	float: left;
	margin-left: 5%;
	overflow: hidden;
}
.banner .banner2 .banner_text h2{
	color: #fff;
	font-family: "Microsoft YaHei", "SimSun", Arial;
	font-size: 4rem;
	font-weight: normal;
	line-height: 2em;
	margin: 40% auto 0;
	text-align: center;
}
.banner.en .banner2 .banner_text{
	width: 45%;
}
.banner.en .banner2 .banner_text h2{
	font-size: 3rem;
	line-height: 1.5em;
	letter-spacing: 0;
}
.banner .banner2 .banner_pic.pc{
	width: 45%;
	float: right;
	margin: 10% 5% 10% 0;
}
.banner .banner2 .banner_pic.pc img{
	width: 100%;
	display: block;
}
.banner .banner2 .banner_pic .banner_pic1{
	width: 60%;
	float: left;
}
.banner .banner2 .banner_pic .banner_pic2{
	width: 45%;
	float: right;
	margin-left: -5%;
}
.banner a{
	width: 8em;
	border: 1px solid #fff;
	border-radius: 2rem;
	clear: both;
	color: #fff;
	display: none;
	font-size: 1.6rem;
	line-height: 4.6rem;
	margin: 0 auto 9rem;
	padding: 0 2rem;
	text-align: center;
}
.banner.en a{
	width: 12em;
	font-size: 1.4rem;
}
@media screen and (max-width: 720px){
	.banner{
		background-position: 60% center;
	}
	.banner li.banner1{
		background-position: right center;
	}
	.banner .pc{
		display: none;
	}
	.banner .phone{
		display: block;
	}
	.banner li.banner2{
		background: url(../images/banner/banner_bg2_phone.jpg) no-repeat center bottom;
		background-size: cover;
	}
	.banner .banner1 .banner_text,.banner .banner2 .banner_text,.banner.en .banner1 .banner_text,.banner.en .banner2 .banner_text{
		width: 90%;
		min-width: 300px;
		float: none;
		margin: 0 auto;
	}
	.banner .banner1 .banner_text h2,.banner .banner2 .banner_text h2{
		color: #fff;
		font-size: 6em;
		letter-spacing: 0;
		line-height: 1.2em;
		margin-top: 2rem;
		text-align: center;
	}
	.banner.en .banner1 .banner_text h2{
		margin-bottom: 0;
	}
	.banner .banner2 .banner_text h2{
		font-size: 5.5em;
		margin: 35% auto;
	}
	.banner .banner1 .banner_text h2+p{
		color: #fff;
		font-size: 3.8em;
		line-height: 1.2em;
		padding: .8rem 0;
		margin-bottom: 1rem;
		text-align: center;
	}
	.banner.en .banner1 .banner_text h2,.banner.en .banner2 .banner_text h2{
		min-height: 2.4em;
		font-size: 4.5em;
		line-height: 1.2em;
		margin-top: 2rem;
		padding: .8rem 0;
	}
	.banner.en .banner1 .banner_text h2+p{
		min-height: 2.4em;
		font-size: 3.5em;
		line-height: 1.2em;
		padding: .8rem 0;
		margin-bottom: 1rem;
	}
	.banner.en .banner2 .banner_text h2{
		margin: 3.2em auto 0;
	}
	.banner .banner1 .banner_pic{
		width: 90%;
		max-width: 420px;
		float: none;
		margin: 0 auto 2rem;
	}
	.banner .banner2 .banner_pic{
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}
	.banner .banner2 .banner_pic .banner_pic3{
		width: 100%;
		display: block;
	}
	.banner a{
		display: block;
		font-size: 3em;
		line-height: 2.5em;
		margin-bottom: 10%;
	}
	.banner .banner2 .banner_pic,.banner .banner2 a{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.banner.en a{
		font-size: 2.5em;
		line-height: 2.5em;
	}
}

.payment .payment_project{
	width: 100%;
	margin: 3% auto 0;
	overflow: hidden;
}
.payment .payment_project1,.payment .payment_project2{
	width: 75%;
}
.payment .payment_project3{
	width: 100%;
}
.payment .payment_project ul{
	width: 100%;
	overflow: hidden;
}
.payment .payment_project li{
	width: 25%;
	cursor: pointer;
	float: left;
	margin: 0;
}
.payment .payment_project1 li,.payment .payment_project2 li{
	width: 33.3%;
	position: relative;
}
.payment .payment_project3 li{
	width: 25%;
	position: relative;
}
.payment .payment_project .payment_project_bg1{
	background: url(../images/banner/project_bg1.jpg) no-repeat center;
	background-size: cover;
}
.payment .payment_project .payment_project_bg2{
	background: url(../images/banner/project_bg2.jpg) no-repeat center;
	background-size: cover;
}
.payment .payment_project .payment_project_bg3{
	background: url(../images/banner/project_bg3.jpg) no-repeat center;
	background-size: cover;
}
.payment .payment_project .payment_project_bg4{
	background: url(../images/banner/payment_project_bg4.jpg) no-repeat center;
	background-size: cover;
}
.payment .payment_project .payment_project_bg5{
	background: url(../images/banner/payment_project_bg5.jpg) no-repeat center;
	background-size: cover;
}
.payment .payment_project .payment_project_bg6{
	background: url(../images/banner/payment_project_bg6.jpg) no-repeat center;
	background-size: cover;
}
.payment .payment_project .payment_project_bg7{
	background: url(../images/banner/payment_project_bg7.jpg) no-repeat center;
	background-size: cover;
}
.payment .payment_project .payment_project_bg8{
	background: url(../images/banner/payment_project_bg8.jpg) no-repeat center;
	background-size: cover;
}
.payment .payment_project .payment_project_bg9{
	background: url(../images/banner/payment_project_bg9.jpg) no-repeat center;
	background-size: cover;
}
.payment .payment_project .payment_project_bg10{
	background: url(../images/banner/payment_project_bg10.jpg) no-repeat center;
	background-size: cover;
}
.payment .payment_project .payment_project_text{
	width: 100%;
	margin: 13.3% auto 16%;
	position: relative;
	z-index: 1;
}
.payment .payment_project_text .payment_project_img{
	width: 25%;
	display: block;
	margin: 0 auto 7%;
}
.payment .payment_project2 .payment_project_text .payment_project_img,.payment .payment_project3 .payment_project_text .payment_project_img{
	margin: 0 auto 4%;
}
.payment .payment_project2 .payment_project_text span,.payment .payment_project3 .payment_project_text span{
	width: 2rem;
	height: 1px;
	background: #fff;
	display: block;
	margin: 0 auto -1px;
}
.payment .payment_project_text b{
	color: #fff;
	display: block;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.4em;
	margin-bottom: 8.6%;
	text-align: center;
}
.payment.en .payment_project_text b{
	min-height: 2.8em;
}
.payment .payment_project2 .payment_project_text b,.payment_pc .payment_project3 .payment_project_text b{
	margin-top: 3%;
}
.payment .payment_project_text p{
	min-height: 2.8em;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.4em;
	margin: 0 1rem 3%;
	text-align: center;
}
.payment.en .payment_project_text p{
	min-height: 5.6em;
	margin: 0 0.5rem 3%;
}
.payment .payment_project1 .payment_project_text p{
	margin-top: 1.4em;
	padding: 0.7em 0;
}
.payment .payment_project2 .payment_project_text p,.payment .payment_project3 .payment_project_text p{
	min-height: 5.6em;
}
.payment .payment_project1 .payment_project_text .payment_project_pic{
	width: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
}
.payment .payment_project1 .payment_project_text .payment_project_pic img{
	width: 12%;
	display: block;
	margin: 0 auto;
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 12%;
}
.payment .payment_project .payment_project_color{
	width: 100%;
	height: 100%;
	background: #009fe9;
	display: none;
	opacity: 0.9;
	position: absolute;
	top: 0;
	left: 0;
}
.payment .payment_project .payment_project_zzc{
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	position: absolute;
	top: 0;
	left: 0;
}

.payment_pc{
	width: 100%;
	display: none;
	background: #fff;
}
.payment_pc .payment_nav{
	width: 99%;
	max-width: 1000px;
	margin: 5% auto 3.5%;
}
.payment_pc .payment_nav ul{
	overflow: hidden;
	padding: 1rem 0;
}
.payment_pc .payment_nav li{
	width: 26%;
	background: #fff;
	border-bottom: 1rem solid #fff;
	box-shadow: 0.2rem 0.2rem 1rem #c6dae4;
	cursor: pointer;
	float: left;
	margin: 0 3.6%;
	overflow: hidden;
}
.payment_pc .payment_nav li.nownav{
	border-color: #1a96d5;
}
.payment_pc .payment_nav img{
	width: 25%;
	display: block;
	margin: 7% auto 5%;
}
.payment_pc .payment_nav b{
	color: #333333;
	display: block;
	font-size: 1.6rem;
	line-height: 1.5em;
	margin: 0 5% 4%;
	text-align: center;
}
.payment_pc.en .payment_nav b{
	min-height: 3em;
}
.payment_pc .payment_nav p{
	min-height: 3em;
	color: #999999;
	font-size: 1.4rem;
	line-height: 1.5em;
	margin: 0 5% 1.5em;
	text-align: center;
}
.payment_pc.en .payment_nav p{
	min-height: 4.5em;
}
.payment_pc .payment_content_bg{
	width: 100%;
	background: #f8f8f8;
}
.payment_pc .payment_content{
	width: 95%;
	max-width: 1000px;
	display: none;
	margin: 0 auto;
	padding: 3% 0 0;
	position: relative;
}
.payment_pc .payment_content .payment_content_arrow{
	width: 0;
	height: 0;
	border-width: 3rem;
	border-style: solid;
	border-color: transparent transparent #f8f8f8 transparent;
	margin: -3rem;
	position: absolute;
	top: -3rem;
}
.payment_pc .payment_content .payment_content_arrow_left{
	left: 15%;
}
.payment_pc .payment_content .payment_content_arrow_center{
	margin: -3rem auto;
	left: 0;
	right: 0;
}
.payment_pc .payment_content .payment_content_arrow_right{
	right: 15%;
}
.payment_pc .payment_content>h3{
	color: #333333;
	font-size: 1.8rem;
	line-height: 1.5em;
	text-align: center;
}
.payment_pc .payment_content>span{
	width: 6.1rem;
	height: 0.4rem;
	background: #1a96d5;
	display: block;
	margin: 1% auto 1.1%;
}
.payment_pc .payment_content>p{
	min-height: 3.4em;
	color: #999999;
	font-size: 1.4rem;
	line-height: 1.7em;
	margin: 0 1rem;
	text-align: center;
}
.payment_pc .payment_product{
	width: 100%;
	margin-top: 4%;
	overflow: hidden;
}
.payment_pc .payment_product ul{
	width: 100%;
	overflow: hidden;
}
.payment_pc .payment_product li{
	width: 24%;
	float: left;
	margin-left: 1%;
	overflow: hidden;
}
.payment_pc .payment_product li:first-child{
	margin-left: 0;
}
.payment_pc .payment_product li img{
	width: 24%;
	display: block;
	margin: 0 auto 5%;
}
.payment_pc .payment_product li b{
	color: #333333;
	display: block;
	font-size: 1.6rem;
	line-height: 1.5em;
	margin: 0 5% 3.8%;
	text-align: center;
}
.payment_pc.en .payment_product li b{
	min-height: 3em;
	font-size: 1.4rem;
}
.payment_pc .payment_product li p{
	min-height: 7.5em;
	color: #999999;
	font-size: 1.2rem;
	line-height: 1.875em;
	margin: 0 5%;
	text-align: center;
}
.payment_pc.en .payment_product li p{
	display: none;
}
.payment_pc.en .payment_project1,.payment_pc.en .payment_project2{
	max-width: 560px;
	min-width: 560px;
}
@media screen and (min-width: 721px){
	.payment_pc{
		display: block;
	}
}

.payment_mobile{
	width: 100%;
	background: #e6e6e6;
	display: none;
}
.payment_mobile>ul{
	margin: 0 1rem;
	overflow: hidden;
	padding-bottom: 1rem;
}
.payment_mobile>ul>li{
	background: #fff;
	background-size: 1rem auto;
	margin-top: 1.2rem;
}
.payment_mobile .payment_title{
	background: url(../images/banner/down.gif) no-repeat 98% center;
	background-size: 2rem;
	border: 1px solid #e6e6e6;
	margin-bottom: -1px;
	overflow: hidden;
	padding: 2rem 1rem;
	position: relative;
}
.payment_mobile .payment_title img{
	width: 60px;
	display: block;
	float: left;
}
.payment_mobile .payment_title b{
	color: #333333;
	display: block;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 25px;
	margin-left: 70px;
	padding-top: 5px;
	/*单行溢出*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.payment_mobile.en .payment_title b{
	font-size: 1.4rem;
}
.payment_mobile .payment_title p{
	color: #999999;
	font-size: 1.4rem;
	line-height: 25px;
	margin-left: 70px;
	margin-right: 2rem;
	padding-bottom: 5px;
	/*单行溢出*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.payment_mobile.en .payment_title p{
	font-size: 1.2rem;
}
.payment_mobile .payment_content{
	width: 100%;
	max-width: 600px;
	display: none;
	margin: 0 auto;
	overflow: hidden;
}
.payment_mobile .payment_content>h3{
	width: 95%;
	max-width: 600px;
	color: #333333;
	font-size: 1.6rem;
	line-height: 1.5em;
	margin: 8.55% auto 2%;
	text-align: center;
}
.payment_mobile.en .payment_content>h3{
	font-size: 1.4rem;
}
.payment_mobile .payment_content>span{
	width: 6.1rem;
	height: 4px;
	background: #1a96d5;
	display: block;
	margin: 0 auto;
}
.payment_mobile .payment_content>p{
	width: 95%;
	max-width: 600px;
	color: #999999;
	font-size: 1.2rem;
	line-height: 2em;
	margin: 1.28% auto 18.52%;
	text-align: center;
}
.payment_mobile.en .payment_content>p{
	line-height: 1.5em;
}
.payment_mobile .payment_product{
	width: 95%;
	margin: 0 auto 11.39%;
}
.payment_mobile .payment_product ul{
	width: 100%;
	overflow: hidden;
}
.payment_mobile .payment_product li{
	width: 50%;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	float: left;
	margin: -1px 0 0 -1px;
	overflow: hidden;
}
.payment_mobile .payment_product img{
	width: 50px;
	display: block;
	margin: 5.13% auto;
}
.payment_mobile .payment_product b{
	width: 90%;
	color: #333333;
	display: block;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 auto;
	text-align: center;
}
.payment_mobile.en .payment_product b{
	min-height: 3em;
	font-size: 1.2rem;
	margin-bottom: 1rem;
}
.payment_mobile .payment_product p{
	width: 90%;
	color: #999999;
	display: block;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0 auto 9.68%;
	text-align: center;
}
.payment_mobile.en .payment_product p{
	display: none;
}
.payment_mobile .payment_product1 p,.payment_mobile .payment_product2 p{
	min-height: 6em;
}
.payment_mobile .payment_product3 p{
	min-height: 4.5em;
}
.payment_mobile .payment_project{
	width: 100%;
	margin: 0 auto -18px;
	overflow-x: scroll;
	overflow-y: hidden;
	padding-bottom: 18px;
	position: relative;
	z-index: 1;
}
.payment_mobile .payment_project ul{
	width: 100%;
	margin: 0 auto;
}
.payment_mobile .payment_project1 ul,.payment_mobile .payment_project2 ul{
	max-width: 450px;
	min-width: 390px;
}
.payment_mobile.en .payment_project1 ul,.payment_mobile.en .payment_project2 ul{
	width: 450px;
	max-width: 450px;
	min-width: 450px;
}
.payment_mobile .payment_project3 ul{
	max-width: 600px;
	min-width: 520px;
}
.payment_mobile.en .payment_project3 ul{
	width: 600px;
	max-width: 600px;
	min-width: 600px;
}
.payment_mobile .payment_project li{
	float: left;
	position: relative;
}
.payment_mobile .payment_project1 li,.payment_mobile .payment_project2 li{
	width: 33.3%;
}
.payment_mobile .payment_project3 li{
	width: 25%;
}
.payment_mobile .payment_project .payment_project_text{
	width: 100%;
	margin: 15% auto;
	position: relative;
	z-index: 3;
}
.payment_mobile .payment_project .payment_project_text .payment_project_img{
	width: 30%;
}
.payment_mobile .payment_project .payment_project_text b{
	width: 100%;
	min-height: 2.8em;
	font-size: 1.3rem;
	margin: 10% auto 5%;
}
.payment_mobile.en .payment_project .payment_project_text b{
	min-height: 4.2em;
}
.payment_mobile .payment_project3 .payment_project_text p{
	width: 90%;
	min-height: 8.4em;
	margin: auto;
}
.payment_mobile .payment_project_botom{
	height: 0;
	background: #fff;
	background-size: 1rem auto;
	padding-bottom: 6.98%;
	position: relative;
	z-index: 2;
}
@media screen and (max-width: 720px){
	.payment_mobile{
		display: block;
	}
	.payment .payment_project1 .payment_project_text p{
		min-height: 4.2em;
	}
	.payment.en .payment_project1 .payment_project_text p{
		min-height: 5.6em;
	}
}

.index_message{
	width: 100%;
	max-width: 1100px;
	height: 0;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.index_message ul{
	width: 100%;
	background: #fff;
	box-shadow: 0 0 1rem #6d6d6d;
	position: absolute;
	top: -4rem;
	left: 0;
	right: 0;
}
.index_message li{
	width: 50%;
	background: #fff;
	display: block;
	float: left;
}
.index_message li:first-child{
	width: calc(50% - 1px);
	width: -webkit-calc(50% - 1px);
	width: -moz-calc(50% - 1px);
	width: -o-calc(50% - 1px);
	border-right: 1px solid #5386f4;
}
.index_message li a{
	width: 100%;
	display: block;
	overflow: hidden;
	padding: 1rem 0;
}
.index_message .index_message_center{
	width: 90%;
	max-width: 350px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.index_message img{
	width: 6rem;
	display: block;
	float: left;
}
.index_message.en img{
	width: 5.5rem;
}
.index_message b,.index_message p{
	width: calc(100% - 9rem);
	width: -webkit-calc(100% - 9rem);
	width: -moz-calc(100% - 9rem);
	width: -o-calc(100% - 9rem);
	max-width: 220px;
	display: block;
	float: right;
	line-height: 2rem;
}
.index_message.en b,.index_message.en p{
	width: calc(100% - 6rem);
	width: -webkit-calc(100% - 6rem);
	width: -moz-calc(100% - 6rem);
	width: -o-calc(100% - 6rem);
	max-width: 245px;
}
.index_message b{
	color: #2e3233;
	font-size: 1.6rem;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.index_message li:hover b{
	color: #009fe9;
}
.index_message.en b{
	margin-top: 0;
}
.index_message p{
	height: 4rem;
	color: #292a40;
	font-size: 1.4rem;
}
.index_message.en p{
	height: 3rem;
	font-size: 1.3rem;
	line-height: 1.5rem;
	padding: .5rem 0;
}
@media screen and (max-width: 720px){
	.index_message ul,.index_message li a{
		height: auto;
		box-shadow: 0 0 0 #6d6d6d;
	}
	.index_message ul{
		box-shadow: 0 0 1rem #6d6d6d;
	}
	.index_message .index_message_center{
		padding-bottom: 0;
	}
	.index_message img,.index_message.en img{
		width: 25%;
		max-width: 4.5rem;
		min-width: 36px;
		float: none;
		margin: 0 auto;
	}
	.index_message b,.index_message p{
		width: 100%;
		max-width: auto;
		float: none;
		font-weight: normal;
		margin: 0 auto;
		text-align: center;
	}
	.index_message b{
		width: 95%;
		font-size: 1.4rem;
	}
	.index_message.en b{
		width: 95%;
		font-size: 1.3rem;
		line-height: 1.5em;
	}
	.index_message p{
		width: 80%;
		height: 3.75rem;
		font-size: 1.2rem;
		line-height: 1.25rem;
		padding: .5rem 0;
	}
	.index_message.en p{
		width: 95%;
		padding: 0;
	}
}
@media screen and (max-width: 540px){
	.index_message.en p{
		width: 180px;
		height: 4.5rem;
	}
}
@media screen and (max-width: 500px){
	.index_message.en p{
		width: 140px;
		height: 6rem;
	}
}

.index_bg1{
	width: 100%;
	background: url(../images/banner/bg.png) no-repeat center bottom;
	background-size: 100% auto;
}

.video{
	width: 100%;
	margin: 5% auto;
	overflow: hidden;
}
.video .video_center{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
.video ul{
	width: 300%;
	margin-top: 5%;
	padding: 2rem 0;
}
.video li{
	float: left;
	transition: transform .5s;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-o-transition: transform .5s;
}
.video li .video_li_center{
	width: 85%;
	border: solid #0998db;
	border-width: 0;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	transition: border-width .5s;
	-webkit-transition: border-width .5s;
	-moz-transition: border-width .5s;
	-o-transition: border-width .5s;
}
.video li .video_li_center>img{
	width: 100%;
	display: block;
	position: relative;
	z-index: 0;
}
.video li.swiper-slide-active{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	z-index: 5;
}
.video .video_text{
	width: 100%;
	height: 100%;
	background: url(../images/banner/imgpage_video_zzc.png);
	color: #fff;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
}
.video .video_default{
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.video .video_default img{
	width: 18%;
	display: block;
	margin: 2% auto;
}
.video .video_default b{
	width: 100%;
	display: block;
	font-size: 1.6rem;
	line-height: 2rem;
	text-align: center;
}
.video.en .video_default b{
	font-size: 1.4rem;
	line-height: 2rem;
}
.video .video_default p{
	width: 175px;
	display: block;
	font-size: 1.4rem;
	line-height: 2rem;
	margin: 0 auto;
	padding: .5rem 0;
	text-align: center;
}
.video .s-swiper-slide .video_default p{
	width: 150px;
}
.video.en .video_default p{
	width: 180px;
	font-size: 1.2rem;
	line-height: 1.5rem;
	margin: 0 auto;
}
.video .video_bg{
	width: 100%;
	height: 100%;
	display: none;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.video .video_bg .voice{
	width: 3rem;
	height: 3rem;
	opacity: 0.7;
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 2;
}
.video .video_bg .voice.voice_play{
	background: url(../images/banner/muted_true.jpg) no-repeat center;
	background-size: 100%;
}
.video .video_bg .voice.voice_pause{
	background: url(../images/banner/muted_false.jpg) no-repeat center;
	background-size: 100%;
}
.video video{
	width: 100%;
	height: 100%;
	display: block;
}
.video .video_play .video_li_center>img{
	opacity: 0;
}
.video .video_play .video_text{
	display: none;
}
.video .video_play .video_bg{
	display: block;
}
.video .video_pause .video_li_center>img{
	opacity: 0;
}
.video .video_pause .video_default{
	height: 60%;
	top: 40%;
}
.video .video_pause .video_text{
	background: none;
	display: block;
}
.video .video_pause .video_text img{
	width: 24%;
	margin: -12% auto 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
}
.video .video_pause .video_text b,.video .video_pause .video_text p{
	display: none;
}
.video .video_pause .video_bg{
	display: block;
}
.video .swiper-pagination{
	margin-top: 1rem;
	position: static;
}
.video .swiper-pagination span{
	width: 3rem;
	height: 5px;
	border-radius: 0;
}
.video .swiper-pagination-bullet-active{
	background: #1a96d5;
}
.video .video-js.vjs-playing .vjs-tech {
    pointer-events: auto;
}
@media screen and (max-width: 720px){
	.video li.swiper-slide-active{
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
	}
}

.project_show{
	/*background: #333333;*/
}
.project_show h2{
	color: #548af6;
	display: none;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 2em;
	margin: 3rem 0 1rem;
	text-align: center;
}
.project_show.en h2{
	font-size: 1.6rem;
}
.project_show #pc_project_list{
	width: 100%;
	max-width: 1100px;
	background-size: 100%;
	display: block;
	margin: 0 auto;
}
.project_show #pc_project_list li{
	width: 20%;
	height: 30rem;
	background-size: cover;
	float: left;
	overflow: hidden;
	position: relative;
}
.project_show #pc_project_list li.i4bg1{
	background: url(../images/banner/project_bg1.jpg) no-repeat;
}
.project_show #pc_project_list li.i4bg2{
	background: url(../images/banner/project_bg2.jpg) no-repeat;
}
.project_show #pc_project_list li.i4bg3{
	background: url(../images/banner/project_bg3.jpg) no-repeat;
}
.project_show #pc_project_list li.i4bg4{
	background: url(../images/banner/project_bg4.jpg) no-repeat;
}
.project_show #pc_project_list li.i4bg5{
	background: url(../images/banner/project_bg5.jpg) no-repeat;
}
.project_show #pc_project_list .project_text{
	width: 100%;
	height: 12.5rem;
	margin-top: -6.25rem;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 3;
	transition: margin-top .5s;
	-webkit-transition: margin-top .5s;
	-moz-transition: margin-top .5s;
	-o-transition: margin-top .5s;
}
.project_show #pc_project_list .project_text img{
	width: 5rem;
	display: block;
	margin: 0 auto;
}
.project_show #pc_project_list .project_text span{
	width: 2rem;
	height: 0;
	border-top: .2rem solid #fff;
	display: block;
	margin: 1.5rem auto;
}
.project_show #pc_project_list .project_text b{
	color: #fff;
	display: block;
	font-size: 1.4rem;
	line-height: 2rem;
	margin: 0 auto;
	text-align: center;
}
.project_show.en #pc_project_list .project_text b{
	width: 98%;
	font-size: 1.3rem;
	line-height: 1.5rem;
}
.project_show #pc_project_list li.nowhover .project_text{
	margin-top: -10rem;
}
.project_show.en #pc_project_list li.nowhover .project_text{
	margin-top: -11.5rem;
}
.project_show #pc_project_list .project_now{
	width: 100%;
	margin-top: 0;
	opacity: 0;
	margin: 8.75rem auto 0;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transition: margin-top .5s, opacity .5s;
	-webkit-transition: margin-top .5s, opacity .5s;
	-moz-transition: margin-top .5s, opacity .5s;
	-o-transition: margin-top .5s, opacity .5s;
}
.project_show #pc_project_list .project_now p{
	color: #fff;
	font-size: 1.2rem;
	line-height: 2em;
	text-align: center;
}
.project_show.en #pc_project_list .project_now p{
	line-height: 1.5em;
}
.project_show #pc_project_list .project_now img{
	width: 2.5rem;
	display: block;
	margin: 1rem auto 0;
}
.project_show #pc_project_list li.nowhover .project_now{
	margin-top: 5rem;
	opacity: 1;
}
.project_show.en #pc_project_list li.nowhover .project_now{
	margin-top: 2rem;
}
.project_show #pc_project_list .zzc{
	width: 100%;
	height: 100%;
	background: url(../images/banner/project_black.png);
}
.project_show #pc_project_list li.nowhover .zzc{
	background: url(../images/banner/project_blue.png);
}
.project_show #phone_project_list{
	display: none;
}
.project_show #phone_project_list li{
	width: 100%;
	height: auto;
	background: #fff;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	float: none;
	margin-top: -1px;
	overflow: hidden;
	position: relative;
}
.project_show #phone_project_list li:first-child{
	margin-top: 0;
}
.project_show #phone_project_list .project_center{
	max-width: 400px;
	margin: 0 auto;
}
.project_show #phone_project_list .project_list_img{
	width: 15%;
	max-width: 60px;
	background-size: 100% auto;
	display: block;
	float: left;
	margin: 1rem 0 1rem 2.5%;
	overflow: hidden;
	padding-bottom: 15%;
}
.project_show #phone_project_list .project_list_img{
	background-repeat: no-repeat;
	background-position: center bottom;
}
.project_show #phone_project_list .project_list_img.i4bg1{
	background-image: url(../images/banner/project_pic1_blue.png);
}
.project_show #phone_project_list .project_list_img.i4bg2{
	background-image: url(../images/banner/project_pic2_blue.png);
}
.project_show #phone_project_list .project_list_img.i4bg3{
	background-image: url(../images/banner/project_pic3_blue.png);
}
.project_show #phone_project_list .project_list_img.i4bg4{
	background-image: url(../images/banner/project_pic4_blue.png);
}
.project_show #phone_project_list .project_list_img.i4bg5{
	background-image: url(../images/banner/project_pic5_blue.png);
}
.project_show #phone_project_list li:active{
	background: #548af6;
	border-color: #548af6;
}
.project_show #phone_project_list li:active .project_list_img{
	background-position: center top;
}
.project_show #phone_project_list li:active span,.project_show #phone_project_list li:active p{
	color: #fff;
}
.project_show #phone_project_list span{
	width: 78%;
	color: #121212;
	display: block;
	float: right;
	font-size: 1.4rem;
	line-height: 1.5em;
	margin: 1rem 0;
}
.project_show.en #phone_project_list span{
	width: 81%;
	margin: .8rem 0 .5rem;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.project_show #phone_project_list p{
	width: 78%;
	color: #323232;
	float: right;
	font-size: 1.2rem;
	line-height: 1.5em;
}
.project_show.en #phone_project_list p{
	width: 81%;
	line-height: 1.25em;
	margin-bottom: .5rem;
	text-align: left;
}
@media screen and (max-width: 720px){
	.project_show{
		background: #fff;
		overflow: hidden;
	}
	.project_show h2{
		display: block;
	}
	.project_show #pc_project_list{
		display: none;
	}
	.project_show #phone_project_list{
		display: block;
	}
}

.about_business_bg{
	width: 100%;
	background: url(../images/banner/situation_bg.png) no-repeat center bottom;
	background-size: 100% 100%;
	overflow: hidden;
}
.situation .situation_center{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
.situation h2{
	/*background: url(../images/banner/situation_h2.png) no-repeat center;*/
	color: #333333;
	font-size: 2.8rem;
	font-weight: normal;
	line-height: 2em;
	letter-spacing: 0.2em;
	margin: 3rem auto 0;
	text-align: center;
}
.situation.en h2{
	background: none;
	font-size: 2.5rem;
	letter-spacing: 0;
}
.situation h2+span.situation_title_botder{
	width: 5rem;
	height: 0.4rem;
	background: #1a96d5;
	display: block;
	margin: 0 auto 0.6rem;
}
.situation p{
	font-size: 1.8rem;
	line-height: 2em;
	text-align: center;
}
.situation.en p{
	font-size: 1.7rem;
}
.situation img{
	width: 650px;
	display: block;
	margin: 2rem auto;
}
@media screen and (max-width: 720px){
	.situation h2{
		background: none;
		font-size: 1.8rem;
		margin: 2rem auto .5rem;
	}
	.situation.en h2{
		background: none;
		font-size: 2rem;
		line-height: 1.25em;
		margin: 0 auto;
		padding: 0.75rem 0;
	}
	.situation p{
		width: 75%;
		color: #666666;
		font-size: 1.4rem;
		line-height: 1.5em;
		margin: 0 auto;
		padding: 0 0 .5rem 0;
	}
	.situation.en p{
		width: 90%;
		font-size: 1.4rem;
	}
	.situation img{
		width: 90%;
	}
}
@media screen and (max-width: 610px){
	.situation p{
		max-width: 300px;
	}
}
@media screen and (max-width: 420px){
	.situation h2{
		width: 16em;
	}
}
@media screen and (max-width: 360px){
	.situation h2{
		width: 14em;
	}
}

.partner{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
.partner h2{
	color: #333333;
	font-size: 2.8rem;
	font-weight: normal;
	line-height: 2em;
	letter-spacing: 0.2em;
	margin: 3rem auto 0;
	text-align: center;
}
.partner.en h2{
	letter-spacing: 0;
}
.partner h2+span{
	width: 5rem;
	height: 0.4rem;
	background: #1a96d5;
	display: block;
	margin: 0 auto 0.6rem;
}
.partner ul{
	width: 95%;
	margin: 5% auto;
	overflow: hidden;
}
.partner li{
	width: 18%;
	cursor: pointer;
	float: left;
	overflow: hidden;
	margin: 0 1%;
}
.partner img{
	width: 200%;
	display: block;
}
@media screen and (min-width: 721px){
	.partner img{
		position: relative;
		left: -100%;
	}
	.partner li:hover img{
		left: 0%;
	}

}
@media screen and (max-width: 720px){
	.partner h2{
		background: none;
		font-size: 1.8rem;
		margin: 2rem auto .5rem;
	}
	.partner li{
		width: 23%;
		float: left;
		overflow: hidden;
		margin: 0 1%;
	}
}
@media screen and (max-width: 560px){
	.partner li{
		width: 30%;
		float: left;
		overflow: hidden;
		margin: 0 1.5%;
	}
}
