@charset "UTF-8";

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
	border: none;
	padding: 0;
	margin: 0;
}

img {
	border: 0;
	display: inline-block;
}

.tran_scale {
	overflow: hidden;
	display: block;
}

.tran_scale:hover img {
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.bx-wrapper .bx-viewport {
	background: transparent !important;
	border: 0 !important;
	border-radius: initial !important;
	box-shadow: none !important;
	left: 0 !important;
}

.bx-loading {
	display: none;
}

.mCustomScrollBox {
	padding-right: 20px;
}

a {
	color: #333;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

a.more {
	position: relative;
}

a.more span {
	position: relative;
	z-index: 2;
}

a.more:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100px;
	background: rgba(255, 255, 255, 0.3);
	transition: all 0.3s;
}

.no_touch a.more:hover:after {
	width: 100%;
}

img.phone_img {
	display: none;
}

@media only screen and (max-width: 767px) {
	img.pc_img {
		display: none;
	}

	img.phone_img {
		display: block;
	}
}

/*无图——图片的父级要加relative,要设置高度。padding-bottom:30%; #ff809a ——*/
.err_position {
	background: #ff809a;
}

.err_position img {
	width: auto !important;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.tran_scale:hover a.err_position img {
	-ms-transform: translate(-50%, -50%) !important;
	-webkit-transform: translate(-50%, -50%) !important;
	-moz-transform: translate(-50%, -50%) !important;
	-o-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
}

body {
	font-size: 14px;
	overflow: hidden;
	height: 100%;
	margin: 0;
	background-size: cover;
	-ms-behavior: url(../images/backgroundsize.min.htc);
	behavior: url(../images/backgroundsize.min.htc);
}

html,
body {
	height: 100%;
}

body.n_body {
	margin: 0 auto;
	overflow: visible;
	overflow-x: hidden;
}

body.w1200 {
	overflow: visible;
	height: auto;
}

.ins {
	float: left;
	margin-left: 10%;
	margin-top: 3% !important;
	width: 48% !important;
}

.cl_con04img img {
	width: auto;
}

/* 新增模块 为什么选择我们 */
.con056 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: auto;
	padding: 30px 0;
	background-color: #f7f9fe;
}

.con056_title,
.cl_con04_title {
	font-size: 32px;
	line-height: 62px;
	letter-spacing: 3px;
	color: #325bdb;
	text-align: center;

}

.con056_xians,
.cl_con04_xians {
	width: 73px;
	height: 2px;
	background-color: #325bdb;
	margin: 0 auto;
}

.con056_details,
.cl_con04_details {
	font-size: 20px;
	line-height: 62px;
	letter-spacing: 2px;
	color: rgba(0, 0, 0, 0.75);
	text-align: center;
}

.con056_contents {

	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.con056_item {

	height: 354px;
	width: 30%;
	background-color: #fff;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}

.con056_item * {
	display: block;
}

.con056_item img {
	width: 30%;
	max-width: 98px;
	margin: 30px auto;
}

.con056_item .bd {
	display: none;
}

.con056_item .tlt {
	text-align: center;
	font-size: 22px;
	letter-spacing: 0px;
	color: #666666;
	margin: 20px auto;
}

.con056_item .num {
	font-family: PingFang-SC-Heavy;
	font-size: 200px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 62px;
	letter-spacing: 0px;
	color: #325bdb;
	opacity: 0.1;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -30px;
}

.con056_item:hover {
	background-color: #325bdb;
}

.con056_item:hover .bd {
	display: block;
}

.con056_item:hover .ld {
	display: none;
}

.con056_item:hover .tlt,
.con056_item:hover .num {
	color: #fff;
	opacity: 1;
}

.anli {
	width: 90%;
	max-width: 1200px;
	margin: 30px auto;
	position: relative;
}

.swiper-container {
	overflow: auto;
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
	--swiper-navigation-color: #999999 !important;
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{
	background-image: url(../images/right.png) !important;
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{
	background-image: url(../images/left.png) !important;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: -20px !important;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: -20px !important;
	left: auto;
}

/*.cl_con04imgss2{width: 51%;display: inline-block}*/
.icon_box {
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
}

.sf1 {
	width: 10px;
	height: 10px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	transform: rotate(-45deg);
	animation: mymove1 1.5s linear infinite;
	margin: 0 auto;
}

.icon_box .sf1 {
	width: 10px;
	height: 10px;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	transform: rotate(-45deg);
	animation: mymove 1.5s linear infinite;
	margin: 0 auto;
}

.icon_box .sf2 {
	width: 10px;
	height: 10px;
	border-left: 2px solid #000;
	border-bottom: 1px solid #000;
	transform: rotate(-45deg);
	animation: mymove2 1.5s linear infinite;
	margin: 0 auto;
}

.busi_con03.ani_con03 div.dl dl:hover .sf1 {
	animation: mymove1 1s linear infinite;
}

@keyframes mymove {
	0% {
		border-left: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	50% {
		border-left: 1px solid #eee;
		border-bottom: 1px solid #eee;
	}

	100% {
		border-left: 1px solid #000;
		border-bottom: 1px solid #000;
	}
}

@keyframes mymove1 {
	0% {
		border-left: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
	}

	50% {
		border-left: 1px solid #f60;
		border-bottom: 1px solid #f60;
	}

	100% {
		border-left: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
	}
}

.sf2 {
	width: 10px;
	height: 10px;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	transform: rotate(-45deg);
	animation: mymove3 1.5s linear infinite;
	margin: 0 auto;
}

.busi_con03.ani_con03 div.dl dl:hover .sf2 {
	animation: mymove3 1.5s linear infinite;
	margin: 0 auto;
}

@keyframes mymove2 {
	0% {
		border-left: 1px solid #eee;
		border-bottom: 1px solid #eee;
	}

	50% {
		border-left: 1px solid #000;
		border-bottom: 1px solid #000;
	}

	100% {
		border-left: 1px solid #eee;
		border-bottom: 1px solid #eee;
	}
}

@keyframes mymove3 {
	0% {
		border-left: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
	}

	50% {
		border-left: 1px solid #f60;
		border-bottom: 1px solid #f60;
	}

	100% {
		border-left: 1px solid #e0e0e0;
		border-bottom: 1px solid #e0e0e0;
	}
}

.c_text {
	text-align: center;
	margin-top: 10px;
	font-size: 16px;
	color: #fff;
}

#section3 {
	background: #f6f6f6;
}

#section3 .iScrollVerticalScrollbar {
	display: none;
}

.s1_con {
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.s1_con .left_box {
	float: left;
	width: 50%;
	height: 555px;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px);
	overflow: hidden;
}

.about_logo {
	display: none;
}

/*logo动画*/

/*logo图标盒子*/
.box_logo {
	position: relative;
	width: 380px;
	height: 555px;
	float: right;
	overflow: hidden;
	opacity: 0;
	margin-right: 100px;
}

/*舞台*/
.box_logo .box {
	width: 300px;
	height: 555px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-ms-perspective: 800px;
	-o-perspective: 800px;
	perspective: 800px;
}

/*容器*/
.box_logo .box .con {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*动画加到容器上.start_turn*/
.box_logo .start_turn {
	-webkit-animation: photoRotate 1.2s ease-in-out;
	-moz-animation: photoRotate 1.2s ease-in-out;
	-ms-animation: photoRotate 1.2s ease-in-out;
	-o-animation: photoRotate 1.2s ease-in-out;
	animation: photoRotate 1.2s ease-in-out;
}

.box_logo .con>div {
	float: left;
	position: relative;
}

.box_logo .box0 {
	width: 30px;
	height: 383px;
	-webkit-transform: rotateY(0deg) translateZ(130px) skewY(30deg);
	-moz-transform: rotateY(0deg) translateZ(130px) skewY(30deg);
	-ms-transform: rotateY(0deg) translateZ(130px) skewY(30deg);
	-o-transform: rotateY(0deg) translateZ(130px) skewY(30deg);
	transform: rotateY(0deg) translateZ(130px) skewY(30deg);
	position: relative;
	opacity: 0;
	top: -50px;
	-webkit-transition: transform 0.5s ease-in-out;
	-moz-transition: transform 0.5s ease-in-out;
	-o-transition: transform 0.5s ease-in-out;
	-ms-transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
}

.box_logo .box0_bg {
	position: absolute;
	top: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 30px;
	height: 100%;
	background: #000;
	-webkit-transition: transform 0.5s ease-in-out;
	-moz-transition: transform 0.5s ease-in-out;
	-ms-transition: transform 0.5s ease-in-out;
	-o-transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
}

.box_logo .box1 {
	width: 30px;
	height: 306px;
	margin-top: 37px;
	position: relative;
	-webkit-transform: rotateY(-58deg) translateZ(130px);
	-moz-transform: rotateY(-58deg) translateZ(130px);
	-ms-transform: rotateY(-58deg) translateZ(130px);
	-o-transform: rotateY(-58deg) translateZ(130px);
	transform: rotateY(-58deg) translateZ(130px);
	opacity: 0;
	top: -50px;
	-webkit-transition: transform 0.5s ease-in-out;
	-moz-transition: transform 0.5s ease-in-out;
	-ms-transition: transform 0.5s ease-in-out;
	-o-transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
}

.box_logo .box1_bg {
	position: absolute;
	top: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 90px;
	height: 100%;
	background: #f60;
	-webkit-transition: transform 0.5s ease-in-out;
	-moz-transition: transform 0.5s ease-in-out;
	-ms-transition: transform 0.5s ease-in-out;
	-o-transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
}

.box_logo .box2 {
	width: 30px;
	height: 306px;
	margin-top: 37px;
	position: relative;
	-webkit-transform: rotateY(58deg) translateZ(130px);
	-moz-transform: rotateY(58deg) translateZ(130px);
	-ms-transform: rotateY(58deg) translateZ(130px);
	-o-transform: rotateY(58deg) translateZ(130px);
	transform: rotateY(58deg) translateZ(130px);
	opacity: 0;
	top: -50px;
	-webkit-transition: transform 0.5s ease-in-out;
	-moz-transition: transform 0.5s ease-in-out;
	-ms-transition: transform 0.5s ease-in-out;
	-o-transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
}

.box_logo .box2_bg {
	position: absolute;
	top: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 90px;
	height: 100%;
	background: #7d7d7d;
	-webkit-transition: transform 0.5s ease-in-out;
	-moz-transition: transform 0.5s ease-in-out;
	-ms-transition: transform 0.5s ease-in-out;
	-o-transition: transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
}

.box_logo .box0.pos0 {
	-webkit-transform: rotateY(0deg) translateZ(100px) skewY(30deg);
	-moz-transform: rotateY(0deg) translateZ(100px) skewY(30deg);
	-ms-transform: rotateY(0deg) translateZ(100px) skewY(30deg);
	-o-transform: rotateY(0deg) translateZ(100px) skewY(30deg);
	transform: rotateY(0deg) translateZ(100px) skewY(30deg);
}

.box_logo .box1.pos1 {
	width: 30px;
	height: 290px;
	margin-top: 45px;
	-webkit-transform: rotateY(-65deg) translateZ(85px);
	-moz-transform: rotateY(-65deg) translateZ(85px);
	-ms-transform: rotateY(-65deg) translateZ(85px);
	-o-transform: rotateY(-65deg) translateZ(85px);
	transform: rotateY(-65deg) translateZ(85px);
}

.box_logo .box1.pos1 .box1_bg {
	width: 110px;
}

.box_logo .box2.pos2 {
	width: 30px;
	height: 290px;
	margin-top: 45px;
	-webkit-transform: rotateY(65deg) translateZ(85px);
	-moz-transform: rotateY(65deg) translateZ(85px);
	-ms-transform: rotateY(65deg) translateZ(85px);
	-o-transform: rotateY(65deg) translateZ(85px);
	transform: rotateY(65deg) translateZ(85px);
}

.box_logo .box2.pos2 .box2_bg {
	width: 110px;
}

.box_logo .text {
	font-size: 14px;
	position: absolute;
	width: 120px;
}

.box_logo .text h3 {
	font-weight: normal;
}

.box_logo .text i {
	font-size: 12px;
	color: #999;
}

.box_logo .left .text {
	bottom: 45%;
	left: -90px;
	padding-left: 10px;
}

.box_logo .left .text em {
	opacity: 0;
}

.box_logo .left .text i {
	opacity: 0;
	position: relative;
	left: -33px;
	top: 20px;
}

.box_logo .left .text span {
	display: inline-block;
	position: absolute;
	width: 0px;
	height: 1px;
	background: #f60;
	top: 100%;
	left: -1px;
	opacity: 0;
}

.box_logo .center .text {
	bottom: -70px;
	left: -10px;
}

.box_logo .center .text em {
	opacity: 0;
}

.box_logo .center .text i {
	opacity: 0;
	position: relative;
	left: 0px;
}

.box_logo .center .text span {
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 1px;
	background: #000;
	top: 0%;
	left: 0;
	opacity: 0;
}

.box_logo .right .text {
	bottom: 45%;
	right: -90px;
}

.box_logo .right .text em {
	opacity: 0;
	float: right;
	position: relative;
	right: 10px;
}

.box_logo .right .text i {
	opacity: 0;
	position: relative;
	float: right;
	top: 22px;
	right: -25px;
}

.box_logo .right .text span {
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 1px;
	background: #7d7d7d;
	top: 100%;
	right: -1px;
	opacity: 0;
}

.box_logo .logo_text {
	width: 0px;
	height: 66px;
	line-height: 1.8;
	background: url(../images/about_tit.png) no-repeat;
	position: absolute;
	top: 53%;
	right: 54px;
	z-index: 999999999;
	-webkit-transform: translateZ(2000px);
	-moz-transform: translateZ(2000px);
	-ms-transform: translateZ(2000px);
	-o-transform: translateZ(2000px);
	transform: translateZ(2000px);
}

@-webkit-keyframes photoRotate {
	0% {
		-webkit-transform: rotateY(0deg) translate(-50%, -50%);
	}

	100% {
		-webkit-transform: rotateY(360deg) translate(-50%, -50%);
	}
}

@-moz-keyframes photoRotate {
	0% {
		-moz-transform: rotateY(0deg) translate(-50%, -50%);
	}

	100% {
		-moz-transform: rotateY(360deg) translate(-50%, -50%);
	}
}

@-o-keyframes photoRotate {
	0% {
		-o-transform: rotateY(0deg) translate(-50%, -50%);
	}

	100% {
		-o-transform: rotateY(360deg) translate(-50%, -50%);
	}
}

@keyframes photoRotate {
	0% {
		transform: rotateY(0deg) translate(-50%, -50%);
	}

	100% {
		transform: rotateY(360deg) translate(-50%, -50%);
	}
}

/*logo动画结束*/
/*ie,火狐下logo动画*/
.box_logo_2d {
	position: relative;
	width: 380px;
	height: 555px;
	float: right;
	overflow: hidden;
	margin-right: 130px;
	background: #f6f6f6;
	-webkit-transition: transform 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out;
	-o-transition: transform 0.5s ease-out;
	-ms-transition: transform 0.5s ease-out;
	transition: transform 0.5s ease-out;
}

.box_logo_2d .text_2d {
	position: relative;
}

.box_logo_2d .text_2d h3 {
	font-size: 14px;
	position: absolute;
	width: 120px;
	top: 50%;
	font-weight: normal;
}

.box_logo_2d .text_2d i {
	position: absolute;
	font-size: 12px;
	color: #999;
}

.box_logo_2d .text_2d em {
	position: absolute;
	font-size: 12px;
}

.box_logo_2d .text_2d span {
	display: inline-block;
	position: absolute;
	height: 1px;
	background: #7d7d7d;
}

.box_logo_2d .box_left {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
}

.box_logo_2d .box_left h3 {
	left: 47px;
}

.box_logo_2d .box_left i {
	top: 20px;
	left: 0px;
	opacity: 0;
}

.box_logo_2d .box_left em {
	left: 0px;
	opacity: 0;
}

.box_logo_2d .box_left span {
	width: 0px;
	left: 0px;
	top: 20px;
	background: #f60;
}

.box_logo_2d .box_right {
	position: absolute;
	right: 0px;
	top: 0px;
	opacity: 0;
}

.box_logo_2d .box_right h3 {
	right: 47px;
}

.box_logo_2d .box_right i {
	top: 20px;
	right: 0px;
	opacity: 0;
}

.box_logo_2d .box_right em {
	right: 0px;
	opacity: 0;
}

.box_logo_2d .box_right span {
	width: 0px;
	top: 20px;
	right: 0px;
}

.box_logo_2d .box_center {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 0;
	opacity: 0;
	z-index: 9;
}

.box_logo_2d .box_center h3 {
	bottom: -15px;
	top: auto;
	left: 0px;
	opacity: 0;
}

.box_logo_2d .box_center i {
	top: 0px;
	left: 15px;
	opacity: 0;
}

.box_logo_2d .box_center em {
	top: 0px;
	left: 0px;
}

.box_logo_2d .box_center span {
	display: none;
}

.box_logo_2d .logo_text_2d {
	position: absolute;
	top: 280px;
	right: 50px;
	z-index: 10;
	opacity: 0;
	width: 0px;
	height: 70px;
	background: url(../images/logo_2d_text.png) no-repeat;
}

.s1_con .right_box {
	position: absolute;
	left: 50%;
	top: 100px;
	float: right;
	width: 610px;
	z-index: 99;
}

.right_box>h3 {
	height: 80px;
	position: relative;
	font-weight: normal;
}

.right_box>h3 span {
	display: inline-block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100px;
	height: 1px;
	background-color: #2e2d33;
	-webkit-transition: width 0.5s ease-out;
	-moz-transition: width 0.5s ease-out;
	-o-transition: width 0.5s ease-out;
	-ms-transition: width 0.5s ease-out;
	transition: width 0.5s ease-out;
}

.right_box:hover>h3 span {
	width: 50px;
}

.right_box div.p {
	color: #7d7d7d;
	line-height: 2;
	margin-top: 40px;
}

.right_box div.more {
	margin-top: 90px;
	display: inline-block;
	overflow: hidden;
}

.right_box div.more a {
	overflow: hidden;
	display: inline-block;
	width: 220px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #7d7d7d;
	-webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-ms-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.wrap .dh {
	font-size: 20px;
	line-height: 60px;
	color: #FFFFFF;
	margin-left: 40px;
	position: absolute;
	right: 10px;
	display: none;
}

.right_box div.more a span {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 100ms;
	-moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 100ms;
	-o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 100ms;
	-ms-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 100ms;
	transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 100ms;
	position: relative;
}

.right_box div.more a span:after {
	content: attr(data-tit);
	position: absolute;
	height: 50px;
	top: 0px;
	left: 0px;
	right: 0;
	color: transparent;
	-webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 200ms;
	-moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 200ms;
	-o-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 200ms;
	-ms-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 200ms;
	transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) 200ms;
	-webkit-transform: translate(0, 100%);
	-moz-transform: translate(0, 100%);
	-o-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
}

.right_box div.more a:hover span {
	color: transparent;
	-webkit-transform: translate(0, -100%);
	-moz-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	-o-transform: translate(0, -100%);
	transform: translate(0, -100%);
}

.right_box div.more a:hover {
	border: 1px solid #f60;
}

.right_box div.more a:hover span:after {
	background-color: #f60;
	color: #fff;
}

@media only screen and (max-width: 1600px) {
	.box_logo {
		margin-right: 80px;
	}

	.right_box>h3 {
		height: 60px;
	}

	.right_box div.p {
		margin-top: 20px;
	}

	.right_box div.more {
		margin-top: 50px;
	}

	.right_box div.more a {
		width: 160px;
		height: 40px;
		line-height: 40px;
	}

	.right_box div.more a span {
		height: 40px;
		line-height: 40px;
	}

	.right_box div.more a span:after {
		height: 40px;
	}
}

@media only screen and (max-width: 1366px) {
	.box_logo {
		margin-right: 0px;
	}

	.box_logo .box0 {
		height: 286px;
		-webkit-transform: rotateY(0deg) translateZ(122px) skewY(30deg);
		-moz-transform: rotateY(0deg) translateZ(122px) skewY(30deg);
		-o-transform: rotateY(0deg) translateZ(122px) skewY(30deg);
		-ms-transform: rotateY(0deg) translateZ(122px) skewY(30deg);
		transform: rotateY(0deg) translateZ(122px) skewY(30deg);
	}

	.box_logo .box0_bg {
		width: 27px;
	}

	.box_logo .box1 {
		height: 230px;
		margin-top: 26px;
		-webkit-transform: rotateY(-65deg) translateZ(122px);
		-o-transform: rotateY(-65deg) translateZ(122px);
		-moz-transform: rotateY(-65deg) translateZ(122px);
		-ms-transform: rotateY(-65deg) translateZ(122px);
		transform: rotateY(-65deg) translateZ(122px);
	}

	.box_logo .box1_bg {
		width: 120px;
	}

	.box_logo .box2 {
		height: 230px;
		margin-top: 26px;
		-webkit-transform: rotateY(65deg) translateZ(122px);
		-moz-transform: rotateY(65deg) translateZ(122px);
		-ms-transform: rotateY(65deg) translateZ(122px);
		-o-transform: rotateY(65deg) translateZ(122px);
		transform: rotateY(65deg) translateZ(122px);
	}

	.box_logo .box2_bg {
		width: 120px;
	}

	.box_logo .box0.pos0 {
		-webkit-transform: rotateY(0deg) translateZ(122px) skewY(30deg);
		-moz-transform: rotateY(0deg) translateZ(122px) skewY(30deg);
		-ms-transform: rotateY(0deg) translateZ(122px) skewY(30deg);
		-o-transform: rotateY(0deg) translateZ(122px) skewY(30deg);
		transform: rotateY(0deg) translateZ(122px) skewY(30deg);
	}

	.box_logo .box1.pos1 {
		height: 239px;
		margin-top: 22px;
		-webkit-transform: rotateY(-70deg) translateZ(53px);
		-moz-transform: rotateY(-70deg) translateZ(53px);
		-o-transform: rotateY(-70deg) translateZ(53px);
		-ms-transform: rotateY(-70deg) translateZ(53px);
		transform: rotateY(-70deg) translateZ(53px);
	}

	.box_logo .box1.pos1 .box1_bg {
		width: 130px;
	}

	.box_logo .box2.pos2 {
		height: 239px;
		margin-top: 22px;
		-webkit-transform: rotateY(70deg) translateZ(56px);
		-moz-transform: rotateY(70deg) translateZ(56px);
		-o-transform: rotateY(70deg) translateZ(56px);
		-ms-transform: rotateY(70deg) translateZ(56px);
		transform: rotateY(70deg) translateZ(56px);
	}

	.box_logo .box2.pos2 .box2_bg {
		width: 130px;
	}

	.box_logo .center .text {
		bottom: -60px;
	}

	.box_logo .logo_text {
		right: 90px;
		background: url(../images/about_tit_1366.png) no-repeat;
		height: 48px;
	}

	.s1_con .right_box {
		top: 150px;
		width: 520px;
	}

	.box_logo_2d {
		margin-right: 30px;
	}
}

@media only screen and (max-width: 1200px) {
	#section3 {
		height: auto !important;
	}

	.box_logo {
		display: none;
	}

	.box_logo_2d {
		display: none;
	}

	.about_logo {
		display: block;
		text-align: center;
		width: 50%;
		margin: 0 auto;
	}

	.about_logo img {
		max-width: 100%;
	}

	.s1_con .left_box {
		width: 40%;
		-webkit-transform: translateX(45px);
		-moz-transform: translateX(45px);
		-ms-transform: translateX(45px);
		transform: translateX(45px);
		height: auto;
	}

	.s1_con .right_box {
		width: 40%;
		top: 30px;
	}

	#bg-animation {
		height: 600px !important;
		width: 100% !important;
	}

	#banner img:first-child {
		display: none;
		width: 100%;
	}

	#banner img:last-child {
		display: block !important;
	}

	.right_box>h3 {
		height: 50px;
	}

	.right_box>div.p {
		line-height: 1.5;
		margin-top: 15px;
	}
}

@media only screen and (max-width: 1100px) {
	.right_box div.more {
		margin-top: 20px;
		width: 120px;
	}

	.right_box div.more a {
		height: 30px;
		line-height: 30px;
		width: 100%;
		box-sizing: border-box;
	}

	.right_box div.more a span {
		height: 30px;
		line-height: 29px;
		font-size: 12px;
	}

	.right_box div.more a span:after {
		height: 30px;
	}
}

@media only screen and (max-width: 1024px) {
	#bg-animation {
		height: 500px !important;
	}
}

@media only screen and (max-width: 768px) {
	.right_box>h3 {
		height: auto;
		padding-bottom: 15px;
		line-height: 1.2;
	}

	#bg-animation {
		opacity: 0;
	}
}

@media only screen and (max-width: 700px) {
	.s1_con {
		top: 0%;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		position: static;
		padding-bottom: 30px;
	}

	.s1_con .left_box {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
		float: none;
		margin: 30px auto;
	}

	.s1_con .right_box {
		width: 100%;
		position: static;
		left: 0;
		padding: 0 20px;
		box-sizing: border-box;
	}

	#bg-animation {
		display: none;
	}
}

/*内页 样式 */
h3 p.f_title {
	line-height: 0.9;
}

h3 span.line {
	display: block;
	height: 1px;
	width: 100px;
}

.cl_box {
	position: relative;
	z-index: 9;
}

.cl_con01 {
	/* background: #f6f6f6 url(../images/cl_c01_bg.jpg) no-repeat center top; */
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0;
	z-index: 1;
}

.cl_con01 .cl_c01_bg {
	width: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: #f6f6f6;
	z-index: 0;
}

.cl_con01 h3 {
	z-index: 5;
	text-align: center;
	width: 840px;
	margin: 170px auto 0;
	position: relative;
}

.cl_con01 h3 p {
	color: #000;
}

.cl_con01 h3 span.line {
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	background: #262626;
}

.cl_con01 .p {
	position: relative;
	z-index: 5;
	text-align: center;
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	color: #7d7d7d;
}

.brand_con01 .commer_c01_bg {
	position: absolute;
	z-index: 2;
	height: 0;
	padding-bottom: 30%;
	width: 69%;
	bottom: 0;
	left: 0px;
	clip: rect(0px, 1920px, 1000px, 0px);
	background-size: cover !important;
}

.brand_con01 .commer_c01_bg.commer_ani {
	-webkit-animation: animateOne linear 4s;
	-ms-animation: animateOne linear 4s;
	animation: animateOne linear 4s;
}

@media only screen and (min-width: 1950px) {
	.brand_con01 .commer_c01_bg {
		width: 62%;
		padding-bottom: 27%;
		clip: rect(0px, 1920px, 1000px, 0px);
	}
}

@media only screen and (max-width: 1440px) {
	.brand_con01 .commer_c01_bg {
		width: 87%;
		padding-bottom: 40%;
	}
}

@media only screen and (max-width: 1200px) {

	/*.cl_con01{height: 550px;}*/
	.cl_con01 h3 {
		margin-top: 150px;
	}
}

@media only screen and (max-width: 900px) {

	/*.cl_con01{height: 400px;}*/
	.cl_con01 .p {
		width: 100%;
		box-sizing: border-box;
		padding: 0 20px;
	}

	.cl_con01 h3 {
		margin-top: 80px;
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.cl_con01 {
		position: relative !important;
		height: auto;
		padding-bottom: 90px;
	}

	.dh {
		display: block !important;
	}

	.con056_item .tlt {
		font-size: 20px;
	}

	.cl_con01 h3 {
		margin-top: 40px;
	}

	.cl_con01 .p br {
		display: none;
	}
}

.commer_con01 {
	overflow: hidden;
}

.commer_con01 h3 p {
	color: #fff;
}

.commer_con01 h3 span.line {
	background: #fff;
}

.commer_con01 .p {
	color: #e4e4e4;
	width: 850px;
}

.commer_con01 .commer_c01_bg {
	position: absolute;
	z-index: 2;
	height: 0;
	padding-bottom: 25%;
	width: 81%;
	bottom: 0;
	right: 0px;
	clip: rect(0px, 2920px, 1000px, 0px);
	background-size: cover !important;
}

@media only screen and (max-width: 1440px) {
	.commer_con01 .commer_c01_bg {
		bottom: 15%;
	}
}

.ipadPro1024 .commer_con01 .commer_c01_bg {
	bottom: 0;
}

.commer_con01 .commer_c01_bg.commer_ani {
	-webkit-animation: animateOne linear 4s;
	-ms-animation: animateOne linear 4s;
	animation: animateOne linear 4s;
}

@-webkit-keyframes animateOne {
	0% {
		clip: rect(0px, 0px, 1100px, 0px);
	}

	100% {
		clip: rect(0px, 2920px, 1100px, 0px);
	}
}

@keyframes animateOne {
	0% {
		clip: rect(0px, 0px, 1100px, 0px);
	}

	100% {
		clip: rect(0px, 2920px, 1100px, 0px);
	}
}

.activ_con01 {
	background: url(../images/active_con01_bg.jpg) no-repeat center top;
}

.activ_con01 .commer_c01_bg {
	padding-bottom: 28.5%;
	bottom: -32px;
}

/*@media only screen and (max-width: 1440px){
  .activ_con01 .commer_c01_bg{bottom:10%;}
}*/
.ipadPro1024 .activ_con01 .commer_c01_bg {
	bottom: 0;
}

@media only screen and (max-width: 1200px) {

	/*.commer_con01{height: 550px;}*/
	.commer_con01 h3 {
		margin-top: 150px;
	}

	.commer_con01 .commer_c01_bg {
		bottom: 0;
	}
}

@media only screen and (max-width: 900px) {

	/*.commer_con01{height: 400px;}*/
	.commer_con01 .p {
		width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
	}

	.commer_con01 h3 {
		margin-top: 80px;
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 767px) {
	.commer_con01 {
		position: relative !important;
		margin-top: 60px;
		height: auto;
		padding-bottom: 0px;
		top: 0px !important;
	}

	.commer_con01 h3 {
		margin-top: 50px;
	}

	.commer_con01 h3 p.f_title {
		line-height: 1.2;
	}

	.commer_con01 .p br {
		display: none;
	}
}

.cl_con02 {
	height: 700px;
}

.commer_con02 {
	background: #fff;
}

.cl_con02 .cl_c02_logo {
	float: left;
	position: relative;
	/*top:-60px;*/
	/*入场动画*/
	top: 0px;
	opacity: 0;
}

.cl_con02 .cl_c02_text {
	float: right;
	width: 560px;
	/*入场动画*/
	position: relative;
	left: -20px;
	opacity: 0;
}

.cl_con02 .cl_c02_text h3 {
	color: #fff;
	line-height: 1;
	margin-top: 120px;
	position: relative;
}

.cl_con02 .cl_c02_text h3 p {
	display: inline-block;
}

.cl_con02 .cl_c02_text h3 em.en {
	color: #cecece;
	padding-left: 15px;
}

.cl_con02 .cl_c02_text h3 span.line {
	background: #7d7d7d;
	width: 100px;
}

.cl_con02 .cl_c02_text div.p {
	color: #cecece;
}

.cl_con02 .cl_c02_bottom {
	margin-top: 30px;
}

.cl_con02 .cl_c02_bottom dl:first-child {
	margin-left: 20px;
}

.cl_con02 .cl_c02_bottom dl {
	float: left;
	width: 125px;
	text-align: center;
	margin-left: 135px;
	position: relative;
	/*入场动画*/
	top: 10px;
	opacity: 0;
}

.cl_con02 .cl_c02_bottom dl dd {
	margin-top: 25px;
	line-height: 1;
	color: #cecece;
}

.p_f_02 .cl_con02 {
	position: fixed;
	z-index: 2;
	left: 0;
	top: 0;
	right: 0;
	margin-top: 0 !important;
}

.commer_con02 .wrap {
	position: relative;
}

.commer_con02 .text {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 590px;
	opacity: 0;
}

.commer_con02 .text h3 em.en {
	color: #7d7d7d;
	line-height: 0.8;
	display: inline-block;
}

.commer_con02 .text h3 span.line {
	background: #cecece;
}

.commer_con02 .text div.p {
	color: #7d7d7d;
}

.commer_con02 .map_bg {
	text-align: right;
	position: relative;
	top: 250px;
}

.commer_con02 .map_bg p {
	position: absolute;
	width: 97px;
	height: 97px;
	text-align: center;
	z-index: 9;
}

.commer_con02 .map_bg p.p1 {
	top: 25%;
	left: 16%;
}

.commer_con02 .map_bg p.p2 {
	top: 15%;
	left: 37%;
}

.commer_con02 .map_bg p.p3 {
	top: -4%;
	left: 57%;
}

.commer_con02 .map_bg p.p4 {
	top: 26%;
	left: 67%;
}

.commer_con02 .map_bg p.p5 {
	top: 20%;
	left: 90%;
}

.commer_con02 .map_bg p span {
	display: inline-block;
	font-size: 16px;
	margin-top: 10px;
}

.commer_con02 .map_bg>img {
	-webkit-animation: rotateX 10s linear infinite;
	-moz-animation: rotateX 10s linear infinite;
	-ms-animation: rotateX 10s linear infinite;
	animation: rotateX 10s linear infinite;
}

@-webkit-keyframes rotateX {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes rotateX {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@media only screen and (max-width: 1440px) {
	.commer_con02 .map_bg {
		top: 165px;
	}
}

@media only screen and (max-width: 1366px) {
	.cl_con02 .cl_c02_logo {
		width: 450px;
	}

	.cl_con02 .cl_c02_logo img {
		width: 100%;
	}

	.cl_con02 .cl_c02_text {
		width: 600px;
	}

	.cl_con02 .cl_c02_text h3 {
		margin-top: 70px;
	}

	.cl_con02 .cl_c02_bottom {
		margin-top: 0;
	}

	.commer_con02 .text {
		width: 500px;
	}
}

@media only screen and (max-width: 1200px) {
	.cl_con02 {
		height: 550px;
	}

	.cl_con02 .cl_c02_bottom dl {
		width: 20%;
		margin: 0;
	}

	.cl_con02 .cl_c02_bottom dl:first-child {
		margin: 0;
	}

	.cl_con02 .cl_c02_text {
		width: 50%;
		padding-right: 50px;
		box-sizing: border-box;
	}

	.commer_con02 .text {
		left: 40px;
	}

	.commer_con02 .map_bg p.p1 {
		top: 16%;
	}

	.commer_con02 .map_bg p.p2 {
		top: 12%;
	}

	.commer_con02 .map_bg p.p3 {
		left: 52%;
	}

	.commer_con02 .map_bg p.p4 {
		top: 12%;
	}

	.commer_con02 .map_bg p.p5 {
		top: 8%;
		left: 81%;
	}
}

@media only screen and (max-width: 900px) {
	.cl_con02 {
		height: 500px;
	}

	.cl_con02 .cl_c02_logo {
		width: 50%;
		top: -30px !important;
	}

	.cl_con02 .cl_c02_text {
		width: 50%;
		box-sizing: border-box;
		padding: 0 20px;
		float: left;
	}

	.commer_con02 .text {
		width: 300px;
	}

	.commer_con02 .map_bg p.p5 {
		top: -2%;
	}

	.commer_con02 .map_bg p.p4 {
		top: 8%;
	}
}

@media only screen and (max-width: 767px) {
	.cl_con02 {
		height: auto;
		padding-bottom: 0px;
	}

	.cl_con02 .cl_c02_logo {
		float: none;
		top: 0 !important;
	}

	.cl_con02 .cl_c02_text {
		width: 100%;
		float: none;
	}

	.cl_con02 .cl_c02_text h3 {
		margin-top: 30px;
	}

	.cl_con02 .cl_c02_bottom {
		margin-top: 20px;
	}

	.cl_con02 .cl_c02_bottom dl dt {
		width: 50%;
		margin: 0 auto;
	}

	.cl_con02 .cl_c02_bottom dl dt img {
		max-width: 100%;
	}

	.cl_con02 .cl_c02_bottom dl dd {
		font-size: 12px;
		line-height: 1.2;
	}

	.commer_con02 {
		height: auto;
	}

	.commer_con02 .text {
		position: static;
		margin: 40px 0 0 0px;
		padding-left: 20px;
		box-sizing: border-box;
	}

	.commer_con02 .map_bg {
		position: static;
		margin-top: 30px;
	}

	.commer_con02 .map_bg p {
		position: static;
		float: left;
		width: 20%;
	}

	.commer_con02 .map_bg p img {
		max-width: 80%;
	}

	.commer_con02 .map_bg p span {
		font-size: 12px;
		display: block;
	}

	.commer_con02 .map_bg>img {
		display: none;
	}
}

.cl_con03 {
	height: 700px;
	background: #e4e4e4;
}

.cl_con03 .cl_c03_text {
	width: 550px;
	margin: 80px auto 0;
	text-align: center;
}

.cl_con03 .cl_c03_text h3 {
	position: relative;
	/*入场动画*/
	top: 10px;
	opacity: 0;
}

.cl_con03 .cl_c03_text h3 p {
	color: #262626;
}

.cl_con03 .cl_c03_text h3 span.line {
	margin-left: auto;
	margin-right: auto;
	background: #383838;
}

.cl_con03 .cl_c03_text div.p {
	color: #7d7d7d;
	position: relative;
	/*入场动画*/
	top: 10px;
	opacity: 0;
}

.c03_bottom_line {
	width: 17%;
	height: 1px;
	background: #acacac;
	position: absolute;
}

.commer_con03 .c03_bottom_line {
	bottom: 291px;
}

.brand_con03 .c03_bottom_line {
	bottom: 302px;
}

.left_line {
	left: 0px;
}

.left_line span {
	display: inline-block;
	background: #f60;
	width: 0%;
	height: 100%;
	position: absolute;
}

.right_line {
	right: 0px;
}

.right_line span {
	display: inline-block;
	background: #f60;
	width: 0%;
	height: 100%;
	position: absolute;
}

.cl_c03_bottom {
	margin-top: 90px;
	position: relative;
}

.cl_c03_bottom .c03_lay {
	width: 1020px;
	margin: 0 auto;
}

.cl_c03_bottom dl {
	width: 240px;
	float: left;
	position: relative;
	display: inline-block;
}

.cl_c03_bottom dl dt {
	height: 51px;
	line-height: 51px;
	width: 51px;
	margin-left: 4px;
	position: relative;
}

.cl_c03_bottom dl dt img {
	vertical-align: middle;
}

.cl_c03_bottom dl dt em {
	position: absolute;
	left: 0px;
	top: 0;
	width: 0px;
	overflow: hidden;
}

.cl_c03_bottom dl dd.dian {
	border: 1px solid #acacac;
	width: 18px;
	height: 18px;
	border-radius: 100%;
	position: relative;
	margin: 20px 0 20px 18px;
}

.cl_c03_bottom dl dd.dian span {
	display: inline-block;
	position: absolute;
	left: 3px;
	top: 3px;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background: #acacac;
}

.cl_c03_bottom dl dd.line {
	width: 86%;
	height: 1px;
	background: #acacac;
	position: absolute;
	top: 80px;
	left: 45px;
}

.cl_c03_bottom dl dd.line span {
	position: absolute;
	background: #f60;
	display: inline-block;
	width: 0%;
	height: 1px;
}

.cl_c03_bottom dl dd.text {
	width: 60px;
}

.cl_c03_bottom dl:last-child {
	width: auto;
}

.cl_c03_bottom dl:last-child dd.line {
	display: none;
}

.p_f_03 .cl_con03 {
	position: fixed;
	z-index: 3;
	left: 0;
	top: 0;
	right: 0;
	margin-top: 0 !important;
}

.commer_con03 {
	background: url(../images/commer_con03_bg.jpg) no-repeat center top;
}

.commer_con03 .cl_c03_text {
	width: 700px;
}

.commer_con03 .cl_c03_text h3 {}

.commer_con03 .cl_c03_text h3 p {
	color: #fff;
}

.commer_con03 .cl_c03_text h3 span.line {
	background: #fff;
}

.commer_con03 .cl_c03_text div.p {
	color: #ccc;
}

.commer_con03 dl {
	width: 236px;
}

.commer_con03 dl dt {
	height: 54px;
	width: 67px;
}

.commer_con03 dl dd.text {
	height: 54px;
	line-height: 54px;
	width: 80px;
	color: #fff;
	margin-left: -5px;
}

.commer_con03 dl dd.dian {
	width: 5px;
	height: 5px;
	background: #cdcdcd;
	border: 0;
	margin: 24px 0 20px 25px;
}

.commer_con03 dl dd.dian span {
	width: 1px;
	height: 30px;
	border-left: 1px dashed #fff;
	border-radius: 0;
	left: 2px;
	top: 10px;
	background: transparent;
}

.commer_con03 dl dd.line {
	left: 30px;
	width: 100%;
}

.commer_con03 dl:nth-child(2) dd.dian span {
	top: -35px;
}

.commer_con03 dl:nth-child(3) dt {
	margin-left: -8px;
}

.commer_con03 dl:nth-child(4) dd.dian span {
	top: -35px;
}

.commer_con03 dl:nth-child(4) dd.text {
	margin-left: -10px;
}

.commer_con03 dl:nth-child(5) dt {
	margin-left: -6px;
}

.commer_con03 dl:nth-child(5) dd.text {
	margin-left: -10px;
}

.xq_bnt {
	text-align: center;
	margin-top: 70px;
}

.xq_bnt a {
	display: inline-block;
	width: 280px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #f60;
	border-radius: 10px;
}

.xq_bnt a img {
	margin-top: 13px;
}

@media only screen and (max-width: 1600px) {
	.commer_con03 .c03_bottom_line {
		bottom: 297px;
	}

	.brand_con03 .c03_bottom_line {
		bottom: 308px;
	}
}

@media only screen and (max-width: 1366px) {
	.cl_con03 .cl_c03_text {
		margin-top: 50px;
	}

	.cl_c03_bottom {
		margin-top: 50px;
	}

	.commer_con03 .c03_bottom_line {
		bottom: 385px;
	}

	.isIe .commer_con03 .c03_bottom_line {
		bottom: 363px;
	}

	.brand_con03 .c03_bottom_line {
		bottom: 385px;
	}

	.xq_bnt {
		margin-top: 40px;
	}
}

@media only screen and (max-width: 1200px) {
	.cl_con03 {
		height: 550px;
	}

	.cl_c03_bottom {
		margin-top: 20px;
	}

	.cl_c03_bottom .c03_lay {
		width: 100%;
		padding: 0 40px;
		box-sizing: border-box;
	}

	.brand_con03 .c03_bottom_line {
		/*bottom: 310px*/
		display: none;
	}

	.commer_con03 .c03_bottom_line {
		bottom: 200px;
	}

	.commer_con03 dl {
		width: 23%;
	}
}

@media only screen and (max-width: 1100px) {
	.commer_con03 .c03_bottom_line {
		bottom: 197px;
	}
}

@media only screen and (max-width: 1024px) {
	.cl_c03_bottom dl {
		width: 22%;
	}

	.cl_c03_bottom .c03_lay {
		transform: translateX(30px);
	}

	.commer_con03 .c03_bottom_line {
		bottom: 197px;
	}
}

@media only screen and (max-width: 900px) {
	.cl_con03 {
		height: 500px;
	}

	.cl_c03_bottom .c03_lay {
		transform: translateX(20px);
	}

	.commer_con03 .c03_bottom_line {
		bottom: 147px;
	}
}

@media only screen and (max-width: 767px) {
	.xq_bnt {
		margin-top: 30px;
	}

	.xq_bnt a {
		width: 190px;
		height: 45px;
		line-height: 45px;
	}

	.xq_bnt a img {
		margin-top: 10px;
	}

	.cl_con03 {
		height: auto;
		padding-bottom: 30px;
	}

	.cl_con03 .cl_c03_text {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
		margin-top: 50px;
	}

	.cl_c03_bottom .c03_lay {
		padding: 0;
		transform: translateX(12px);
	}

	.cl_c03_bottom {
		margin-top: 20px;
	}

	.cl_c03_bottom dl {
		width: 20%;
		margin-bottom: 20px;
	}

	.cl_c03_bottom dl dt {
		width: 35px;
		margin-left: 12px;
	}

	.cl_c03_bottom dl dt em {
		width: 35px !important;
		opacity: 0;
	}

	.cl_c03_bottom dl dt img {
		width: 100%;
	}

	.brand_con03 .cl_c03_bottom dl dd.line {
		width: 70%;
		top: 70px;
		left: 41px;
	}

	.brand_con03 .cl_c03_bottom dl dd.dian {
		margin: 12px 0 12px 22px;
		width: 12px;
		height: 12px;
	}

	.brand_con03 .cl_c03_bottom dl dd.dian span {
		width: 8px;
		height: 8px;
		top: 2px;
		left: 2px;
	}

	.cl_c03_bottom dl dd.text {
		font-size: 12px;
		text-align: center;
	}

	.brand_con03 .c03_bottom_line {
		bottom: 223px;
		display: none;
	}

	.brand_con03 .c03_bottom_line.right_line {
		bottom: 91px;
		width: 40px !important;
	}

	.cl_c03_bottom {
		overflow: hidden;
	}

	.commer_con03 .c03_bottom_line.right_line {
		bottom: 116px;
		width: 155px !important;
	}

	.commer_con03 .c03_bottom_line {
		bottom: 269px;
		display: none;
	}

	.commer_con03 h3 p.f_title {
		line-height: 1.2;
	}

	.commer_con03 dl dt {
		width: 35px;
	}

	.commer_con03 dl dd.text {
		margin: 0;
	}

	/*.commer_con03 dl dd.line{left:22px;top:66px;}*/
	.commer_con03 .cl_c03_bottom dl {
		width: 20%;
	}

	.commer_con03 .cl_c03_bottom dl dt em {
		width: 35px !important;
		opacity: 0;
	}

	.commer_con03 .cl_c03_bottom dl dt img {
		width: 100%;
	}

	.commer_con03 .cl_c03_bottom dl dd {
		font-size: 12px;
	}

	.commer_con03 .cl_c03_bottom dl dd.line {
		width: 100%;
	}

	.commer_con03 .cl_c03_bottom .c03_lay {
		padding: 0;
	}

	.commer_con03 dl dd.dian span {
		top: 5px;
	}

	.commer_con03 dl:nth-child(2) dd.dian span {
		top: -30px;
	}

	.commer_con03 dl:nth-child(4) dd.dian span {
		top: -30px;
	}

	.commer_con03 dl:nth-child(3) dt {
		margin-left: 11px;
	}

	.commer_con03 dl:nth-child(5) dt {
		margin-left: 11px;
	}

	.commer_con03 .c03_lay {
		transform: translateX(8px);
	}

	.commer_con03 dl dd.text {
		margin-left: 0 !important;
	}

	.commer_con03 dl:nth-child(1) dd.text {
		margin-left: -12px !important;
	}

	.commer_con03 dl:nth-child(2) dd.text {
		margin-left: -12px !important;
	}

	.commer_con03 dl:nth-child(3) dd.text {
		margin-left: -12px !important;
	}

	.commer_con03 dl:nth-child(4) dd.text {
		margin-left: -12px !important;
	}

	.commer_con03 dl:nth-child(5) dd.text {
		margin-left: -12px !important;
	}
}

@media only screen and (max-width: 375px) {
	.brand_con03 .c03_lay {
		transform: translateX(8px);
	}

	.commer_con03 .c03_lay {
		transform: translateX(12px);
	}
}

@media only screen and (max-width: 320px) {
	.cl_c03_bottom dl dd.line {
		width: 60%;
	}

	.brand_con03 .c03_lay {
		transform: translateX(3px);
	}

	.commer_con03 .c03_lay {
		transform: translateX(3px);
	}
}

.ipadPro1366 .commer_con03 .c03_bottom_line {
	bottom: 197px;
}

.ipadPro1024 .commer_con03 .c03_bottom_line {
	bottom: 305px;
}

.cl_con04>div {
	position: relative;
}

.cl_con04>div .text {
	position: absolute;
	z-index: 5;
}

.cl_con04>div .text p {
	margin-top: 10px;
}

.cl_con04 .cl_con04_img {
	height: 700px;
	overflow: hidden;
}

.cl_con04 .cl_con04_img .text {
	color: #fff;
	left: 65%;
	top: 50%;
}

.cl_con04 .cl_con04_img a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	box-sizing: border-box;
}

.cl_con04 .cl_con04_img a img {
	margin-right: 10%;
	float: right;
}

.cl_con04 .cl_con04_img a:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.cl_con04 .cl_con05_img {
	/* height: 700px; */
	overflow: hidden;
	background-color: #fff;
}

/* 
.cl_con04 .cl_con05_img .text {
  width: auto;
  height: 70px;
  color: #000;
  right: 20%;
  top: 50%;
} */

.cl_con04left {
	float: right;
}

.dian {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #f60;
	border-radius: 100%;
	position: relative;
	right: 10px;
	top: -2px;
}

.commer_con04 .cl_con04_img .text {
	left: 20%;
}

.commer_con04 .cl_con05_img .text {
	left: 65%;
}

.cl_con04 .cl_con05_img a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #c9c9cb;
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	box-sizing: border-box;
	transform: scale(1);
}

.cl_con04 .cl_con05_img a:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.cl_con04 .cl_con06_a {
	background: #f7f9fe;
	text-align: center;
}

.cl_con04 .cl_con06_a a {
	color: #131313;
	line-height: 1;
	display: inline-block;
	width: 100%;
	padding: 105px 0;
}

.c6-list a span {
	width: 120px;
	height: 30px;
	display: block;
	background: #325bdb;
	color: #FFFFFF;
	line-height: 30px;
}

.cl_con04 .cl_con06_a:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.cl_con04 .cl_con06_a:hover a {
	color: #fff;
}

.p_f_04 .cl_con04 {
	position: fixed;
	z-index: 4;
	left: 0;
	top: 0;
	right: 0;
	margin-top: 0 !important;
}

@media only screen and (max-width: 1366px) {
	.cl_con04 .cl_con05_img .text {

		height: auto;
		right: 10%;
		top: 50%;
		padding: 15px;
	}

	.commer_con04 .cl_con05_img .text {
		left: 75%;
	}
}

@media only screen and (max-width: 1200px) {

	.cl_con04 .cl_con04_img,
	.cl_con04 .cl_con05_img {
		height: 550px;
	}

	.cl_con04 .cl_con04_img a,
	.cl_con04 .cl_con05_img a {
		background-size: cover;
	}

	.cl_con05_img.cf a {
		background-size: 150%;
		background-position-y: 70px;
	}

	.cl_con04 .cl_con06_a a {
		padding: 50px 0;
	}
}

@media only screen and (max-width: 900px) {

	.cl_con04 .cl_con04_img,
	.cl_con04 .cl_con05_img {
		height: 500px;
	}

	.commer_con04 .cl_con04_img .text {
		left: 5%;
	}

	.cl_con05_img.cf {
		height: 400px;
	}

	.cl_con04_img.cf {
		height: 370px;
	}
}

@media only screen and (max-width: 767px) {
	.cl_con04img img {
		display: block;
		width: 90%;
		margin: 0 auto;
	}

	.cl_con04 .cl_con04_img,
	.cl_con04 .cl_con05_img {
		height: 250px;
	}

	.cl_con04img {
		margin-right: 0% !important;
		margin-top: 35% !important;
		margin-bottom: 20px;
		width: 100% !important;
	}

	#c5 {
		/* text-align: center; */
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		width: 50%;
		margin: 0 auto;
	}

	.cl_con04>div .text p {
		margin-top: 0;
		color: #fff;
	}

	.cl_con05_img .text .fnt_32,
	.cl_con04_img .text .fnt_32 {
		color: #fff;
	}

	.cl_con04 .cl_con04_img .text {
		top: 30%;
		padding: 10px;
		box-sizing: border-box;
		left: 65%;
	}

	.cl_con04 .cl_con05_img .text {
		width: 25%;
		padding: 10px;
		left: 0;
		top: 35%;
	}

	.cl_con04.commer_con04 .cl_con05_img .text {
		left: auto;
		right: 0;
		top: 30%;
	}

	.cl_con04.commer_con04 .cl_con04_img .text {
		left: 15px;
		right: auto;
		top: 30%;
		width: 25%;
	}
}

@media only screen and (max-width: 380px) {

	.cl_con04 .cl_con04_img,
	.cl_con04 .cl_con05_img {
		height: 200px;
	}
}

@media only screen and (max-width: 320px) {
	.cl_con04 .cl_con04_img .text {
		left: 63%;
	}

	.cl_con04 .cl_con04_img .text p {
		font-size: 12px;
	}
}

.cl_con04 .cl_con04_img .text p em {
	padding-right: 10px;
}

.cl_con04.busi_con04 .cl_con04_img .text p em {
	padding-right: 0px;
}

.cl_con04>div .text p em {
	padding-right: 10px;
}

@media only screen and (max-width: 767px) {
	.cl_con04 .cl_con04_img .text p em {
		white-space: nowrap;
		display: block;
	}

	.cl_con04>div .text p em {
		white-space: nowrap;
		display: block;
	}

	.cl_con04.commer_con04 .cl_con05_img .text {
		width: 25%;
	}
}

.service {
	margin-top: 70px;
	overflow-x: hidden;
}

.service h3 {
	color: #000;
	margin-top: 100px;
	position: relative;
}

.service h3 em.en {
	color: #7d7d7d;
	display: block;
	line-height: 1;
}

.service h3 span.line {
	background: #000;
}

.service div.p {
	color: #7d7d7d;
}

.service ul {
	margin-top: 15px;
}

.service li {
	width: 130px;
	float: left;
	color: #fff;
	margin-right: 70px;
	margin-top: 30px;
}

.service li img {
	max-width: 100%;
	-webkit-transition: transform 0.5s ease-out;
	-moz-transition: transform 0.5s ease-out;
	-ms-transition: transform 0.5s ease-out;
	transition: transform 0.5s ease-out;
	margin-left: 13px;
}

.service li p {
	line-height: 1.8;
	height: 45px;
	color: #fff;
}

/*.service li:hover img{transform:translateY(10px);}*/

.service .serv_text_w h3 {
	color: #fff;
}

.service .serv_text_w h3 em.en {
	color: #fff;
}

.service .serv_text_w h3 span.line {
	background: #fff;
}

.service .serv_text_w div.p {
	color: #fff;
}

.service .serv_text_w div.more a {
	color: #fff;
	border: 1px solid #fff;
}

.service .serv_text_w div.more a:hover {
	border: 1px solid #fff;
}

.service .serv_text_w div.more a:hover span:after {
	background-color: #fff;
	color: #f60;
}

.service .serv_con {
	height: 760px;
	position: relative;
}

@media only screen and (max-width: 1366px) {
	.service .serv_con {
		height: 700px;
	}

	.service h3 {
		margin-top: 150px;
	}

	.service li {
		margin-top: 10px;
		margin-right: 50px;
	}
}

@media only screen and (max-width: 1280px) {
	.service li {
		margin-right: 30px;
	}
}

@media only screen and (max-width: 1024px) {
	.service {
		margin-top: 90px;
	}

	.service h3 {
		margin-top: 70px;
	}

	.service .serv_con {
		height: 550px;
	}

	.service li {
		width: 33.33%;
		margin-right: 0;
	}
}

@media only screen and (max-width: 1000px) {
	.service li {
		padding-right: 5%;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 650px) {
	.service h3 {
		margin-top: 20px;
	}

	.service .serv_con {
		height: auto;
		padding-bottom: 50px;
		box-sizing: border-box;
	}

	.service li img {
		margin-left: 5px;
	}
}

.service .serv_con01 {
	background: #fff;
}

.serv_con01 .serv_c01_left {
	width: 50%;
	/*动画*/
	position: relative;
	left: -100px;
	opacity: 0;
}

.serv_con01 .serv_c01_left .c01_l_con {
	width: 600px;
	float: right;
}

.serv_con01 .serv_c01_left li p {
	color: #7d7d7d;
}

.serv_con01 .serv_c01_left li:nth-child(3) img {
	margin-left: 27px;
}

.serv_con01 .serv_c01_right {
	position: absolute;
	left: 50%;
	right: -100px;
	opacity: 0;
	top: 15%;
}

.serv_con01 .serv_c01_right .c01_r_con {
	float: right;
}

.serv_con01 .serv_c01_right .c01_r_con img {
	width: 100%;
}

@media only screen and (max-width: 1366px) {
	.serv_con01 h3 {
		margin-top: 70px;
	}
}

@media only screen and (max-width: 1024px) {
	.serv_con01 .serv_c01_right {
		top: 25%;
	}
}

@media only screen and (max-width: 650px) {
	.serv_con01 h3 {
		margin-top: 20px;
	}

	.serv_con01 .serv_c01_left .c01_l_con {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.serv_con01 .serv_c01_right {
		position: static;
	}

	.serv_con01 .serv_c01_right .c01_r_con {
		float: none;
	}

	.serv_con01 .serv_c01_left {
		width: 100%;
	}

	.serv_con01 .serv_c01_left li:nth-child(3) img {
		margin-left: 15px;
	}
}

@media only screen and (max-width: 320px) {
	.serv_con01 .serv_c01_left li:nth-child(4) {
		padding-right: 1%;
	}
}

.service .serv_con02 {
	background: #f60;
}

.serv_con02 .serv_c02_left {
	width: 50%;
	height: 100%;
}

.serv_con02 .serv_c02_left .c02_l_con {
	width: 100%;
	height: 100%;
	position: relative;
}

.serv_con02 .serv_c02_left .c02_l_con p {
	position: absolute;
}

.serv_con02 .serv_c02_left .c02_l_con p:nth-child(1) {
	left: 60%;
}

.serv_con02 .serv_c02_left .c02_l_con p:nth-child(2) {
	left: 40%;
	top: 40%;
}

.serv_con02 .serv_c02_left .c02_l_con p:nth-child(3) {
	left: 5%;
	bottom: 30px;
}

.serv_con02 .serv_c02_left .c02_l_con p:nth-child(4) {
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.serv_con02 .serv_c02_right {
	position: absolute;
	left: 50%;
	right: 0px;
	top: 0px;
	opacity: 0;
}

.serv_con02 .serv_c02_right .c02_r_con {
	width: 600px;
	float: left;
	margin-left: 80px;
}

.serv_con02 .serv_c02_right li:nth-child(3) img {
	margin-left: 27px;
}

@media only screen and (max-width: 1600px) {
	.serv_con02 .serv_c02_left .c02_l_con p:nth-child(2) {
		left: 20%;
		top: 40%;
	}
}

@media only screen and (max-width: 1280px) {
	.serv_con02 .serv_c02_right .c02_r_con {
		width: 95%;
	}
}

@media only screen and (max-width: 1024px) {
	.serv_con02 .serv_c02_right .c02_r_con {
		width: 95%;
		margin-left: 0px;
		padding-left: 60px;
		box-sizing: border-box;
	}

	.serv_con02 .serv_c02_left .c02_l_con p:nth-child(2) {
		left: 5%;
		top: 30%;
	}

	.serv_con02 .serv_c02_left .c02_l_con p:nth-child(3) {
		left: 60%;
	}
}

@media only screen and (max-width: 650px) {
	.serv_con02 .serv_c02_left {
		width: 100%;
	}

	.serv_con02 .serv_c02_left .c02_l_con p {
		position: static;
	}

	.serv_con02 .serv_c02_left .c02_l_con p img {
		max-width: 100%;
	}

	.serv_con02 .serv_c02_left .c02_l_con p:nth-child(1) {
		position: absolute;
		top: 0px;
		left: 0px;
	}

	.serv_con02 .serv_c02_left .c02_l_con p:nth-child(2) {
		display: none;
	}

	.serv_con02 .serv_c02_left .c02_l_con p:nth-child(3) {
		display: none;
	}

	.serv_con02 .serv_c02_left .c02_l_con p:nth-child(4) {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
		padding: 10px;
	}

	.serv_con02 .serv_c02_right {
		width: 100%;
		position: static;
	}

	.serv_con02 .serv_c02_right .c02_r_con {
		padding: 0 20px;
		width: 100%;
	}

	.serv_con02 .serv_c02_right li:nth-child(3) img {
		margin-left: 20px;
	}
}

.service .serv_con03 {
	background: #000;
}

.serv_con03 .serv_c03_left {
	width: 50%;
	height: 100%;
	position: relative;
	left: -100px;
	opacity: 0;
}

.serv_con03 .serv_c03_left .c03_l_con {
	width: 600px;
	float: right;
}

.serv_con03 .serv_c03_left li p {
	color: #7d7d7d;
}

.serv_con03 .serv_c03_left div.p {
	color: #7d7d7d;
}

.serv_con03 .serv_c03_left h3 em.en {
	color: #7d7d7d;
}

.serv_con03 .serv_c03_left h3 span.line {
	background: #7d7d7d;
}

.serv_con03 .serv_c03_right {
	position: absolute;
	left: 50%;
	top: 50%;
	right: -100px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
}

.serv_con03 .serv_c03_right .c03_r_con {
	float: right;
}

.serv_con03 .serv_c03_right .c03_r_con img {
	width: 100%;
}

@media only screen and (max-width: 1280px) {
	.serv_con03 .serv_c03_left .c03_l_con {
		width: 95%;
	}
}

@media only screen and (max-width: 650px) {
	.serv_con03 .serv_c03_left {
		float: none;
		width: 100%;
		padding: 20px 20px 0;
		box-sizing: border-box;
	}

	.serv_con03 .serv_c03_left .c03_l_con {
		width: 100%;
	}

	.serv_con03 .serv_c03_right {
		float: none;
		width: 100%;
		position: static;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		box-sizing: border-box;
		padding: 20px 0 0 20px;
	}

	.serv_con03 .serv_c03_left li:nth-child(3) img {
		margin-left: 8px;
	}
}

.service .serv_con04 {
	background: #333;
}

.serv_con04 h3 {
	margin-top: 200px;
}

.serv_con04 .serv_c04_left {
	width: 50%;
	height: 100%;
	opacity: 0;
}

.serv_con04 .serv_c04_left .c04_l_con {
	width: 100%;
	height: 100%;
	position: relative;
}

.serv_con04 .serv_c04_left .c04_l_con p {
	position: absolute;
}

.serv_con04 .serv_c04_left .c04_l_con p:nth-child(1) {
	left: 20%;
	top: 80px;
}

.serv_con04 .serv_c04_left .c04_l_con p:nth-child(2) {
	top: 80px;
	z-index: 5;
	left: 45%;
}

.serv_con04 .serv_c04_left .c04_l_con p:nth-child(3) {
	left: 20%;
	bottom: 50px;
}

.serv_con04 .serv_c04_left .c04_l_con p:nth-child(4) {
	left: 40%;
	top: 0px;
	z-index: 4;
	opacity: 0;
}

.serv_con04 .serv_c04_right {
	position: absolute;
	left: 50%;
	right: 0px;
	top: 0px;
}

.serv_con04 .serv_c04_right .c04_r_con {
	width: 600px;
	float: left;
	margin-left: 80px;
	position: relative;
	right: -100px;
	opacity: 0;
}

.serv_con04 .serv_c04_right li p {
	color: #c4c4c4;
}

.serv_con04 .serv_c04_right div.p {
	color: #c4c4c4;
}

.serv_con04 .serv_c04_right h3 em.en {
	color: #c4c4c4;
}

.serv_con04 .serv_c04_right h3 span.line {
	background: #c4c4c4;
}

.serv_con04 .serv_c04_right li {
	width: auto;
}

.serv_con04 .serv_c04_right li:nth-child(1) img {
	margin-left: 15px;
}

.serv_con04 .serv_c04_right li:nth-child(2) img {
	margin-left: 35px;
}

.serv_con04 .serv_c04_right li:nth-child(3) img {
	margin-left: 10px;
}

@media only screen and (max-width: 1440px) {
	.serv_con04 .serv_c04_left {
		-webkit-transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		transform: translateX(-100px);
	}
}

@media only screen and (max-width: 1366px) {
	.serv_con04 li {
		margin-right: 100px;
	}
}

@media only screen and (max-width: 1280px) {
	.serv_con04 .serv_c04_right .c04_r_con {
		width: 95%;
	}
}

@media only screen and (max-width: 1024px) {
	.serv_con04 h3 {
		margin-top: 70px;
	}

	.serv_con04 .serv_c04_left .c04_l_con p:nth-child(1) {
		top: 50px;
		z-index: 5;
	}

	.serv_con04 .serv_c04_left .c04_l_con p:nth-child(2) {
		top: 30px;
	}

	.serv_con04 .serv_c04_left .c04_l_con p:nth-child(3) {
		bottom: 0;
		display: none;
	}

	.serv_con04 .serv_c04_right .c04_r_con {
		margin-left: 0;
		padding-left: 50px;
		box-sizing: border-box;
	}

	.serv_con04 li {
		margin-right: 0px;
		padding-right: 70px;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 1000px) {
	.serv_con04 .serv_c04_right .c04_r_con {
		padding-left: 85px;
	}

	.serv_con04 li {
		padding-right: 20px;
	}
}

@media only screen and (max-width: 650px) {
	.serv_con04 h3 {
		margin-top: 20px;
	}

	.serv_con04 li {
		padding-right: 18px;
	}

	.serv_con04 .serv_c04_left {
		width: 100%;
		height: auto;
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
		box-sizing: border-box;
		padding-left: 30px;
		padding-right: 10px;
		padding-top: 20px;
	}

	.serv_con04 .serv_c04_left .c04_l_con p {
		position: static;
	}

	.serv_con04 .serv_c04_left .c04_l_con p:nth-of-type(1) {
		position: absolute;
		top: 5px;
		left: 75px;
	}

	.serv_con04 .serv_c04_left .c04_l_con p:nth-of-type(1) img {
		max-width: 85%;
	}

	.serv_con04 .serv_c04_left .c04_l_con p:nth-child(2) img {
		max-width: 60%;
	}

	.serv_con04 .serv_c04_left .c04_l_con p:nth-child(4) {
		display: none;
	}

	.serv_con04 .serv_c04_right {
		position: static;
		width: 100%;
		margin-top: 20px;
	}

	.serv_con04 .serv_c04_right .c04_r_con {
		padding: 0 20px;
	}

	.serv_con04 .serv_c04_right li {
		width: 33.33%;
		text-align: center;
	}

	.serv_con04 .serv_c04_right li:nth-child(1) {
		text-align: left;
	}

	.serv_con04 .serv_c04_right li:nth-child(1) img {
		margin-left: 10px;
	}

	.serv_con04 .serv_c04_right li:nth-child(2) img {
		margin-left: 0;
	}

	.serv_con04 .serv_c04_right li:nth-child(3) img {
		margin-left: 0;
	}
}

.ser_ico {
	height: 860px;
	background: url(../images/ser_ico_bg.jpg) no-repeat center top;
}

.ser_ico h3 {
	text-align: center;
}

.ser_ico h3 span.line {
	background: #000;
	margin-left: auto;
	margin-right: auto;
}

.ser_ico_con .s2_r_con {
	width: 48%;
	float: left;
	position: relative;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	height: 190px;
	margin-top: 70px;
	margin-right: 4%;
	opacity: 0;
}

.ser_ico_con .s2_r_con:nth-of-type(3n) {
	margin-right: 4%;
}

.ser_ico_con .s2_r_con:nth-of-type(2n) {
	margin-right: 0%;
}

.ser_ico_con .s2_r_con dl {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}

.ser_ico_con .s2_r_con dl dt {
	margin: 0 auto;
	position: relative;
}

.ser_ico_con .s2_r_con dl dd {
	text-align: center;
	margin-top: 30px;
	height: 120px;
}

.ser_ico_con .s2_r_con dl dd h4 {
	height: 40px;
	color: #2e2d33;
	position: relative;
}

.ser_ico_con .s2_r_con dl dd h4 span {
	display: inline-block;
	position: absolute;
	left: 50%;
	bottom: 0px;
	width: 30px;
	height: 1px;
	background: #2e2d33;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: width 0.5s ease-out;
	-moz-transition: width 0.5s ease-out;
	-ms-transition: width 0.5s ease-out;
	transition: width 0.5s ease-out;
}

.ser_ico_con .s2_r_con dl dd div.p {
	color: #7d7d7d;
	line-height: 1.8;
	margin-top: 12px;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

.ser_ico_con .s2_r_con dl dd div.p span {
	padding: 0 10px;
	white-space: nowrap;
}

.ser_ico_con .s2_r_con01 dt {
	width: 46px;
	height: 39px;
}

.ser_ico_con .s2_r_con01 dt span {
	position: absolute;
}

.ser_ico_con .s2_r_con01 dt span:nth-child(1) {
	top: 6px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.ser_ico_con .s2_r_con01 dt span:nth-child(2) {
	top: 15px;
	left: 7px;
}

.ser_ico_con .s2_r_con01 dt span:nth-child(3) {
	top: 18px;
	left: 7px;
}

.ser_ico_con .s2_r_con02 dt {
	width: 27px;
	height: 40px;
}

.ser_ico_con .s2_r_con02 dt span {
	position: absolute;
}

.ser_ico_con .s2_r_con02 dt span:nth-child(1) {
	top: 10px;
	left: 120%;
}

.ser_ico_con .s2_r_con03 dt {
	width: 45px;
	height: 36px;
}

.ser_ico_con .s2_r_con03 dt span {
	position: absolute;
}

.ser_ico_con .s2_r_con03 dt span:nth-child(1) {
	top: 4px;
	left: 44px;
}

.ser_ico_con .s2_r_con03 dt span:nth-child(2) {
	top: -1px;
	left: 45px;
}

.ser_ico_con .s2_r_con03 dt span:nth-child(3) {
	top: -6px;
	left: 46px;
}

.ser_ico_con .s2_r_con04 dt {
	width: 34px;
	height: 31px;
}

.ser_ico_con .s2_r_con04 dt span {
	position: absolute;
	height: 17px;
	display: inline-block;
}

.ser_ico_con .s2_r_con04 dt span:nth-child(1) {
	top: 14px;
	left: 25px;
}

.ser_ico_con .s2_r_con04 dt span:nth-child(2) {
	top: 18px;
	left: 31px;
}

.ser_ico_con .s2_r_con05 dt {
	width: 46px;
	height: 32px;
}

.ser_ico_con .s2_r_con05 dt span {
	position: absolute;
}

.ser_ico_con .s2_r_con05 dt span:nth-child(1) {
	top: 16px;
	left: 33px;
}

.ser_ico_con .s2_r_con05 dt span:nth-child(2) {
	top: 15px;
	left: 44px;
}

.ser_ico_con .s2_r_con06 dt {
	width: 30px;
	height: 31px;
}

.ser_ico_con .s2_r_con06 dt span {
	position: absolute;
}

.ser_ico_con .s2_r_con06 dt span:nth-child(1) {
	top: -10px;
	left: 20px;
}

.ser_ico_con .s2_r_con06 dt span:nth-child(2) {
	top: -10px;
	left: 35px;
}

.ser_ico_con .s2_r_con:hover dl dd h3 span {
	width: 95px;
	background: #f60;
}

.ser_ico_con .s2_r_con:hover dl dd div.p {
	opacity: 1;
}

.ser_ico_con .s2_r_con01:hover dt span:nth-child(1) {
	-webkit-animation: ico_o 1s infinite linear alternate;
	animation: ico_o 1s infinite linear alternate;
}

.ser_ico_con .s2_r_con02:hover dt span:nth-child(1) {
	-webkit-animation: ico_t 1.5s infinite ease-out;
	animation: ico_t 1.5s infinite ease-out;
}

.ser_ico_con .s2_r_con03:hover dt span:nth-child(1) {
	-webkit-animation: ico_th 1.5s infinite linear alternate;
	animation: ico_th 1.5s infinite linear alternate;
}

.ser_ico_con .s2_r_con03:hover dt span:nth-child(2) {
	-webkit-animation: ico_th 1.5s 0.4s infinite linear alternate;
	animation: ico_th 1.5s 0.4s infinite linear alternate;
}

.ser_ico_con .s2_r_con03:hover dt span:nth-child(3) {
	-webkit-animation: ico_th 1.5s 0.8s infinite linear alternate;
	animation: ico_th 1.5s 0.8s infinite linear alternate;
}

.ser_ico_con .s2_r_con04:hover dt span:nth-child(1) {
	-webkit-animation: ico_f 1s infinite ease-out;
	animation: ico_f 1s infinite ease-out;
}

.ser_ico_con .s2_r_con05:hover dt span:nth-child(2) {
	-webkit-animation: ico_fi 1s infinite ease-out alternate;
	animation: ico_fi 1s infinite ease-out alternate;
}

.ser_ico_con .s2_r_con06:hover dt span:nth-child(2) {
	-webkit-animation: ico_s 1s infinite ease-out alternate;
	animation: ico_s 1s infinite ease-out alternate;
}

@media only screen and (max-width: 1024px) {
	.ser_ico {
		height: 550px;
	}

	.ser_ico_con .s2_r_con {
		margin-top: 20px;
		height: 180px !important;
		background-color: #f4f4f4;
	}

	.ser_ico_con .s2_r_con dl dd {
		margin-top: 10px;
	}

	.ser_ico_con .s2_r_con dl dd h4 {
		height: 45px;
		line-height: 1.2;
	}

	.ser_ico h3 {
		margin-top: 50px;
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 650px) {
	.ser_ico {
		padding-bottom: 30px;
		height: auto;
	}

	.ser_ico_con .s2_r_con {
		width: 50%;
		box-sizing: border-box;
		margin-right: 0;
		padding-left: 5%;
	}

	.ser_ico_con .s2_r_con dl dd div.p {
		line-height: 1.2;
		font-size: 12px;
	}

	.ser_ico_con .s2_r_con dl dd div.p br {
		display: none;
	}

	.ser_ico_con .s2_r_con dl dd h4 i {
		display: none;
	}

	.ser_ico_con .s2_r_con dl dd h4 em {
		display: block;
		line-height: 1;
		margin-top: 5px;
	}

	.ser_ico_con .s2_r_con dl dd div.p br {
		display: none;
	}

	.ser_ico_con .s2_r_con dl dd div.p span {
		padding: 0 5px;
	}

	.ser_ico_con .s2_r_con:nth-of-type(3n) {
		margin-right: 0%;
	}

	.ser_ico_con .s2_r_con dl dd h4 {
		height: 60px;
	}

	.ser_ico_con .s2_r_con dl dd h4 em {
		font-size: 12px;
	}
}

@media only screen and (max-width: 340px) {
	.ser_ico_con .s2_r_con dl dd h4 {
		height: 55px;
	}
}

.cloud_all {
	margin-top: 70px;
}

.cl_a_banner {
	height: 839px;
	position: relative;
	width: 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

.cl_a_banner .cl_p {
	position: absolute;
	top: 0;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 0;
}

.cl_a_banner .con {
	color: #fff;
	position: relative;
	z-index: 1;
	text-align: center;
}

.cl_a_banner .con h3 {
	margin-top: 100px;
	line-height: 1;
	text-align: center;
	/*动画*/
	position: relative;
	top: 20px;
	opacity: 0;
}

.cl_a_banner .con h3 span.line {
	margin-left: auto;
	margin-right: auto;
	background: #fff;
}

.cl_a_banner .con div.p {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	color: #c4c4c4;
	/*动画*/
	position: relative;
	top: 20px;
	opacity: 0;
}

.cl_a_banner .con div.img {
	margin-top: 75px;
	opacity: 0;
}

@media only screen and (max-width: 1440px) {
	.cl_a_banner .con div.img {
		margin-top: 40px;
	}
}

@media only screen and (max-width: 1366px) {
	.cl_a_banner {
		height: 710px;
	}

	.cl_a_banner .con div.img {
		max-width: 720px;
		margin: 40px auto 0;
	}

	.cl_a_banner .con div.img img {
		width: 100%;
	}
}

@media only screen and (max-width: 1280px) {
	.cl_a_banner .con h3 {
		margin-top: 50px;
	}
}

@media only screen and (max-width: 1200px) {
	.cl_a_banner {
		height: 600px;
	}
}

@media only screen and (max-width: 1024px) {
	.cloud_all {
		margin-top: 70px;
	}
}

@media only screen and (max-width: 767px) {
	.cl_a_banner {
		padding-bottom: 50px;
		height: auto;
	}

	.cl_a_banner .con {
		padding: 0 20px;
		box-sizing: border-box;
	}

	.cl_a_banner .con div.p br:first-child {
		display: none;
	}
}

.cl_a_inf {
	width: 100%;
	height: 325px;
	background-color: #f60;
	background-image: url(../images/cloud_a_svg.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0px 100px;
	color: #fff;
	position: relative;
}

.cl_a_inf .left {
	float: left;
}

.cl_a_inf .left h3 {
	margin-top: 120px;
	line-height: 1;
}

.cl_a_inf .right {
	float: right;
	width: 600px;
	position: absolute;
	top: 50%;
	left: 60%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
}

.cl_a_inf .right h3 {
	position: relative;
}

.cl_a_inf .right h3 p {
	line-height: 1;
}

.cl_a_inf .right h3 span {
	display: block;
	background: #fff;
}

.cl_a_inf .right div.p {}

@media only screen and (max-width: 1330px) {
	.cl_a_inf .left {
		margin-left: 60px;
	}

	.cl_a_inf .right {
		width: 500px;
		margin-right: 100px;
	}

	.cl_a_inf .right h3 {
		height: 46px;
	}
}

@media only screen and (max-width: 1200px) {
	.cl_a_inf {
		height: auto;
		padding: 50px 0;
	}

	.cl_a_inf .left h3 {
		margin-top: 0;
	}

	.cl_a_inf .right {
		width: 40%;
		margin-right: 10%;
		position: static;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@media only screen and (max-width: 767px) {
	.cl_a_inf .left {
		margin-left: 20px;
	}

	.cl_a_inf .right {
		width: 100%;
		margin: 0;
		padding: 20px;
		box-sizing: border-box;
	}

	.cl_a_inf .right h3 {
		height: auto;
	}
}

.cl_a_con01 {
	height: 960px;
	background-image: url(../images/cloud_bg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.ipadPro1024 .cl_a_con01 {
	background: #fff !important;
}

.cl_a_con01 .wrap {
	width: 1330px;
}

.cl_a_con01 h3 {
	position: relative;
	color: #232323;
	margin-top: 100px;
	text-align: center;
	opacity: 0;
	top: 30px;
}

.cl_a_con01 h3 span {
	display: block;
	width: 0px;
	background: #232323;
	margin-right: auto;
	margin-left: auto;
}

.cl_a_con01 .cl_a_c01_dl {
	margin-top: 80px;
	height: 448px;
}

.cl_a_con01 .cl_a_c01_dl dl {
	width: 318px;
	height: 448px;
	background: url(../images/cloud_a_bg.png) no-repeat;
	float: left;
	margin-left: 19px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	/*动画*/
	position: relative;
	opacity: 0;
	top: 100px;
}

.cl_a_con01 .cl_a_c01_dl dl:first-child {
	margin-left: 0;
}

.cl_a_con01 dt {
	margin: 100px 0 0 55px;
	height: 61px;
	width: 85px;
	background-repeat: no-repeat;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.cl_a_con01 dd {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.cl_a_con01 dd.dd_tit {
	height: 75px;
	margin: 55px 0 0 55px;
	background: url(../images/cloud_a_line.png) no-repeat right bottom;
}

.cl_a_con01 dd.dd_tit em {
	color: #7d7d7d;
	text-transform: Uppercase;
}

.cl_a_con01 dd.dd_con {
	margin: 10px 0 0 55px;
}

.cl_a_con01 dd.dd_con li {
	background: url(../images/dian.png) no-repeat left center;
	padding-left: 10px;
	color: #7d7d7d;
	line-height: 1;
	float: left;
	margin: 20px 40px 0 0;
}

.cl_a_con01 dl.last_dl dd.dd_con li {
	margin: 20px 0px 0 0;
	width: 115px;
}

.cl_a_con01 dl.last_dl dd.dd_con li+li+li+li {
	width: auto;
}

.cl_a_con01 div.more a {
	margin: 0px auto;
	color: #7d7d7d;
	border-color: #7d7d7d;
}

@media only screen and (max-width: 1440px) {
	.cl_a_con01 {
		height: auto;
		padding-bottom: 100px;
	}
}

@media only screen and (max-width: 1366px) {
	.cl_a_con01 dt {
		margin-top: 70px;
	}

	.cl_a_con01 .cl_a_c01_dl {
		max-width: 1280px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 70px;
	}

	.cl_a_con01 .cl_a_c01_dl dl {
		width: 305px;
		height: 430px;
		background-size: cover;
	}

	.cl_a_con01 h3 {
		height: 70px;
	}
}

@media only screen and (max-width: 1330px) {
	.cl_a_con01 .wrap {
		width: 100%;
	}

	.cl_a_con01 h3 {
		margin-top: 70px;
	}

	.cl_a_con01 .cl_a_c01_dl {
		max-width: 1160px;
	}

	.cl_a_con01 .cl_a_c01_dl dl {
		width: 275px;
		height: 388px;
	}

	.cl_a_con01 dt {
		margin-top: 50px;
		margin-left: 35px;
	}

	.cl_a_con01 dd.dd_tit {
		margin: 35px 0 0 35px;
	}

	.cl_a_con01 dd.dd_con {
		margin-left: 35px;
	}

	.cl_a_con01 dl.last_dl dd.dd_con li {
		width: 95px;
	}
}

@media only screen and (max-width: 1200px) {
	.cl_a_con01 {
		background-color: #ecf0ef;
		background-size: cover;
	}

	.cl_a_con01 h3 {
		margin-top: 50px;
	}

	.cl_a_con01 {
		height: auto;
		padding-bottom: 50px;
	}

	.cl_a_con01 .cl_a_c01_dl {
		margin-top: 30px;
		height: auto;
		margin-bottom: 50px;
	}

	.cl_a_con01 .cl_a_c01_dl dl {
		width: 23%;
		margin: 0 1%;
		height: 333px;
	}

	.cl_a_con01 .cl_a_c01_dl dl:first-child {
		margin-left: 1%;
	}

	.cl_a_con01 dt {
		margin: 30px 0 0 20px;
		width: 70px;
		height: 50px;
		background-size: cover;
	}

	.cl_a_con01 dd.dd_tit {
		margin: 15px 0 0 20px;
	}

	.cl_a_con01 dd.dd_con li {
		margin: 10px 20px 0 0;
		float: none;
	}

	.cl_a_con01 dl.last_dl dd.dd_con li {
		width: 100%;
		margin: 10px 20px 0 0;
	}
}

@media only screen and (max-width: 1000px) {
	.cl_a_con01 .cl_a_c01_dl dl {
		width: 48%;
		height: 172px !important;
		margin: 1%;
		background: rgba(255, 255, 255, 0.5);
		border: 1px solid #e4e4e4;
		box-sizing: border-box;
		padding: 20px;
	}

	.cl_a_con01 dt {
		float: left;
		margin: 0;
	}

	.cl_a_con01 dd.dd_tit {
		float: left;
		margin: 0;
		margin-left: 20px;
		height: 60px;
	}

	.cl_a_con01 dd.dd_con {
		float: left;
		width: 100%;
		margin: 0;
	}

	.cl_a_con01 dd.dd_con li {
		width: 50%;
		float: left;
		margin-right: 0;
		margin-left: 0px;
		box-sizing: border-box;
	}

	.cl_a_con01 dl.last_dl dd.dd_con li {
		width: 50%;
		margin-right: 0;
		margin-left: 0px;
	}

	.cl_a_con01 .cl_a_c01_dl {
		margin-bottom: 30px;
	}

	.cl_a_con01 .cl_a_c01_dl dl {
		opacity: 1 !important;
		top: 0px !important;
	}
}

@media only screen and (max-width: 767px) {
	.cl_a_con01 .cl_a_c01_dl {
		margin-top: 0;
	}

	.cl_a_con01 dd.dd_con li {
		width: 100%;
	}

	.cl_a_con01 dd.dd_tit {
		margin-top: 10px;
		margin-left: 0;
		height: 50px;
	}

	.cl_a_con01 dl.last_dl dd.dd_con li {
		width: 100%;
	}

	.cl_a_con01 .cl_a_c01_dl dl {
		height: 200px !important;
	}
}

@media only screen and (max-width: 560px) {
	.cl_a_con01 .cl_a_c01_dl dl {
		height: 260px !important;
	}
}

@media only screen and (max-width: 325px) {
	.cl_a_con01 .cl_a_c01_dl dl {
		width: 98%;
		height: 160px !important;
	}

	.cl_a_con01 dd.dd_con li {
		width: 50%;
	}

	.cl_a_con01 dd.dd_tit {
		margin-top: 0px;
		margin-left: 10px;
	}

	.cl_a_con01 dl.last_dl dd.dd_con li {
		width: 50%;
	}
}

.cl_a_con02 {
	height: 700px;
	background: #f6f6fb;
}

.cl_a_con02 .wrap {
	max-width: 1330px;
}

.cl_a_con02 .left {
	float: left;
	width: 58%;
	margin-top: 160px;
	background: url(../images/left_bg_box.png) no-repeat center bottom;
	text-align: center;
	position: relative;
	top: -30px;
	opacity: 0;
}

.cl_a_con02 .left span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: right;
}

.cl_a_con02 .left span img {
	box-shadow: 0 0 20px #ddd;
	opacity: 0;
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
}

.cl_a_con02 .left span:first-child {
	margin-right: 3%;
	width: 97%;
}

.cl_a_con02 .left span:first-child+span {
	top: 50%;
	text-align: center;
}

.cl_a_con02 .left img {
	max-width: 100%;
}

.cl_a_con02 .left span:nth-child(1) img {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}

.cl_a_con02 .left span:nth-child(2) img {
	-webkit-transition: all 1s 0.5s;
	-moz-transition: all 1s 0.5s;
	-ms-transition: all 1s 0.5s;
	transition: all 1s 0.5s;
}

.cl_a_con02 .left span:nth-child(1) img.ani01 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.cl_a_con02 .left span:nth-child(2) img.ani02 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.cl_a_con02 .right {
	float: right;
	width: 40%;
	margin-top: 210px;
	position: relative;
	left: -30px;
	opacity: 0;
}

.cl_a_con02 .right h3 {
	position: relative;
}

.cl_a_con02 .right h3 p {}

.cl_a_con02 .right h3 em {
	color: #595757;
	display: inline-block;
	line-height: 1;
}

.cl_a_con02 .right h3 span {
	background: #232323;
}

.cl_a_con02 .right div.p {
	color: #595757;
}

@media only screen and (max-width: 1366px) {
	.cl_a_con02 {
		height: auto;
		padding-bottom: 60px;
	}

	.cl_a_con02 .left {
		margin-top: 60px;
	}

	.cl_a_con02 .right {
		margin-top: 150px;
		width: 35%;
		float: left;
		margin-left: 5%;
	}
}

@media only screen and (max-width: 1024px) {
	.cl_a_con02 .left {
		width: 50%;
		margin-left: 2%;
	}

	.cl_a_con02 .left span img {
		width: 85%;
	}

	.cl_a_con02 .left span:first-child img {
		width: 30%;
	}
}

@media only screen and (max-width: 1000px) {
	.cl_a_con02 .right {
		margin-top: 80px;
	}
}

@media only screen and (max-width: 767px) {
	.cl_a_con02 .left {
		width: 100%;
		margin-left: 0px;
		padding: 0 5%;
		box-sizing: border-box;
		background: none;
	}

	.cl_a_con02 .right {
		width: 100%;
		padding: 0 5%;
		box-sizing: border-box;
		margin-left: 0px;
		margin-top: 30px;
	}
}

.cl_a_con03 {
	height: 700px;
	background: #262626;
}

.cl_a_con03 .wrap {
	max-width: 1330px;
}

.cl_a_con03 .left {
	float: left;
	width: 44%;
	margin-top: 160px;
	padding-right: 6%;
	text-align: right;
	opacity: 0;
	left: -50px;
	position: relative;
}

.cl_a_con03 .left h3 {
	position: relative;
	color: #fff;
}

.cl_a_con03 .left h3 p {}

.cl_a_con03 .left h3 em {
	color: #e4e4e4;
	line-height: 1;
	display: inline-block;
}

.cl_a_con03 .left h3 span {
	background: #595757;
	margin-right: 0;
	margin-left: auto;
}

.cl_a_con03 .left div.p {
	color: #c4c4c4;
}

.cl_a_con03 .right {
	float: right;
	width: 50%;
	margin-top: 150px;
	position: relative;
	opacity: 0;
}

.cl_a_con03 .right img {
	max-width: 100%;
}

@media only screen and (max-width: 1366px) {
	.cl_a_con03 {
		height: auto;
		padding-bottom: 60px;
	}

	.cl_a_con03 .right {
		margin-top: 60px;
		margin-left: 0px;
	}

	.cl_a_con03 .left {
		margin-top: 100px;
		width: 35%;
		float: left;
		margin-left: 5%;
		padding-right: 0;
	}
}

@media only screen and (max-width: 1200px) {
	.cl_a_con03 {}
}

@media only screen and (max-width: 767px) {
	.cl_a_con03 .left {
		width: 100%;
		margin-left: 0px;
		padding: 0 5%;
		box-sizing: border-box;
		background: none;
		text-align: left;
		margin-top: 30px;
	}

	.cl_a_con03 .left h3 span.line {
		margin-right: auto;
		margin-left: 0;
	}

	.cl_a_con03 .right {
		width: 100%;
		padding: 0 5%;
		box-sizing: border-box;
		margin-left: 0px;
	}
}

.cl_a_con04 {
	height: 700px;
	position: relative;
	overflow: hidden;
}

.cl_a_con04 .wrap {
	width: 1035px;
	position: absolute;
	top: 50%;
	left: 0%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.c04_dl dl {
	float: left;
	text-align: center;
	color: #7d7d7d;
	margin: 0 80px;
	width: 185px;
}

.c04_dl dt {
	font-size: 30px;
	font-family: "YourWebFontName";
}

.c04_dl dt p {
	font-size: 90px;
}

.c04_dl dd {
	font-size: 16px;
}

.cl_a_con04 div.more {
	margin-top: 120px;
}

.cl_a_con04 div.more a {
	margin: 0px auto;
	color: #7d7d7d;
	border-color: #7d7d7d;
}

.cl_a_con04.con04_anim .img img {
	-webkit-animation: scale_img 30s infinite ease-out alternate;
	-moz-animation: scale_img 30s infinite ease-out alternate;
	-ms-animation: scale_img 30s infinite ease-out alternate;
	animation: scale_img 30s infinite ease-out alternate;
}

@-webkit-keyframes scale_img {
	0% {
		transform: scale(1) translateX(0px);
	}

	50% {
		transform: scale(1.5) translateX(50px);
	}

	100% {
		transform: scale(2) translateX(50px);
	}
}

@keyframes scale_img {
	0% {
		transform: scale(1) translateX(0px);
	}

	50% {
		transform: scale(1.5) translateX(50px);
	}

	100% {
		transform: scale(2) translateX(50px);
	}
}

@media only screen and (min-width: 1925px) {
	.cl_a_con04.con04_anim .img img {
		width: 150%;
		margin-top: -150px;
	}
}

@media only screen and (max-width: 1440px) {
	.cl_a_con04 {
		height: 500px;
	}
}

@media only screen and (max-width: 1366px) {
	.cl_a_con04 .wrap {
		max-width: 965px;
	}

	.c04_dl dt p {
		font-size: 70px;
	}

	.cl_a_con04 div.more {
		margin-top: 80px;
	}

	.c04_dl dl {
		margin: 0 68px;
	}
}

@media only screen and (max-width: 1200px) {
	.cl_a_con04 {
		height: auto;
	}

	.cl_a_con04.con04_anim .img img {
		width: 100%;
	}

	.cl_a_con04 .wrap {
		width: 100%;
	}
}

@media only screen and (max-width: 1200px) {
	.c04_dl dl {
		width: 33.33%;
		margin: 0;
	}

	.cl_a_con04 div.more {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.cl_a_con04.con04_anim .img img {
		width: 140%;
	}

	.c04_dl dt {
		font-size: 20px;
	}

	.c04_dl dt p {
		font-size: 32px;
	}

	.c04_dl dd {
		font-size: 12px;
	}
}

@media only screen and (max-width: 325px) {
	.cl_a_con04.con04_anim .img img {
		width: 180%;
	}

	.c04_dl dl {
		padding: 0 10px;
		box-sizing: border-box;
	}

	.c04_dl dt {
		font-size: 18px;
	}

	.c04_dl dt p {
		font-size: 30px;
	}
}

/*案例详情页*/
.case_page01 {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	-webkit-transition: all 1s ease-in-out 0.2s;
	-moz-transition: all 1s ease-in-out 0.2s;
	-ms-transition: all 1s ease-in-out 0.2s;
	transition: all 1s ease-in-out 0.2s;
	z-index: 2;
}

.case_page01 .case_page01_bg_right {
	position: absolute;
	right: 0px;
	bottom: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}

.case_page01.fast_right .case_page01_bg_right {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}

.case_page01 .case_page01_bg_left {
	position: absolute;
	left: 0px;
	bottom: 0;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
}

.case_page01.fast_left .case_page01_bg_left {
	-webkit-transform: translateY(40%);
	-moz-transform: translateY(40%);
	-ms-transform: translateY(40%);
	transform: translateY(40%);
}

.case_page01 .case_page01_con {
	position: relative;
	z-index: 9;
	max-width: 1920px;
	margin: 0 auto;
}

.ipadPro1024 .case_page01 .case_page01_con {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.case_page01 .c_p01_left {
	margin: 10% 0 0 5%;
	width: 505px;
	float: left;
	-webkit-transition: all 0.8s ease-in-out 0.2s;
	-moz-transition: all 0.8s ease-in-out 0.2s;
	-ms-transition: all 0.8s ease-in-out 0.2s;
	transition: all 0.8s ease-in-out 0.2s;
	opacity: 0;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px);
}

.case_page01 .c_p01_left.left_anim {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.case_page01 .c_p01_left>p {
	margin-top: 100px;
}

.case_page01 .c_p01_left h3 {
	position: relative;
	margin-top: 45px;
}

.case_page01 .c_p01_left h3 p {}

.case_page01 .c_p01_left h3 em {
	color: #7d7d7d;
	line-height: 0.8;
	display: inline-block;
}

.case_page01 .c_p01_left h3 span {
	display: block;
	background: #232323;
}

.case_page01 .c_p01_left div.p {
	color: #7d7d7d;
}

.case_page01 .c_p01_right {
	float: right;
	position: relative;
	z-index: 2;
	/*width: 935px;*/
	width: 49%;
	margin: 9% 5% 0 0;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
	opacity: 0;
}

.case_page01 .c_p01_right.right_anim {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
	-webkit-transition: all 1s ease-in-out 0.8s;
	-moz-transition: all 1s ease-in-out 0.8s;
	-ms-transition: all 1s ease-in-out 0.8s;
	transition: all 1s ease-in-out 0.8s;
}

.case_page01 .c_p01_right .c_p01_r_pc img {
	width: 100%;
}

.case_page01 .c_p01_right .c_p01_r_pc_shad {
	-webkit-transition: all 1s ease-in-out 0.7s;
	-moz-transition: all 1s ease-in-out 0.7s;
	-ms-transition: all 1s ease-in-out 0.7s;
	transition: all 1s ease-in-out 0.7s;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
	opacity: 0;
}

.case_page01 .c_p01_right.right_anim .c_p01_r_pc_shad {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	opacity: 1;
}

.case_page01 .c_p01_right .c_p01_r_pc_shad img {
	width: 100%;
}

.case_page01 .c_p01_right .pc_img_box {
	position: absolute;
	top: 4%;
	left: 4%;
	right: 4%;
	height: 0px;
	padding-bottom: 52%;
	overflow: hidden;
}

.case_page01 .c_p01_right .pc_img_box img {
	width: 100%;
	-webkit-transition: transform 1s ease-out 0s;
	-moz-transition: transform 1s ease-out 0s;
	-ms-transition: transform 1s ease-out 0s;
	transition: transform 1s ease-out 0s;
	position: relative;
}

.case_page01 .c_p01_right .pc_img_box img.an_img {
	-webkit-transition: transform 10s ease-out 2s;
	-moz-transition: transform 10s ease-out 2s;
	-ms-transition: transform 10s ease-out 2s;
	transition: transform 10s ease-out 2s;
}

.ie9 .case_page01 .c_p01_right .pc_img_box img.an_img {
	-webkit-transform: translateY(0px) !important;
	-moz-transform: translateY(0px) !important;
	-ms-transform: translateY(0px) !important;
	transform: translateY(0px) !important;
}

.case_page01 .c_p01_right .pc_img_box video {
	width: 100%;
	position: relative;
	z-index: 1;
}

.case_page01 .c_p01_right .pc_img_box .video {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
}

.ipadPro1366 .case_page01 .c_p01_left {
	width: 100%;
	margin: 0;
	padding: 0 50px;
	box-sizing: border-box;
}

.ipadPro1366 .case_page01 .c_p01_right {
	width: 55%;
	margin: 150px auto 0;
	float: none;
}

@media only screen and (min-width: 1950px) {
	.case_page01 .c_p01_left {
		margin-top: 12%;
	}

	.case_page01 .c_p01_left>p {
		margin-top: 150px;
	}

	.case_page01 .c_p01_right {
		margin-top: 19%;
	}
}

@media only screen and (max-width: 1440px) {
	.case_page01 .c_p01_right {
		width: 45%;
		margin: 140px 9% 0 0;
	}

	.case_page01.fast_right .case_page01_bg_right {
		-webkit-transform: translateY(45%);
		-moz-transform: translateY(45%);
		-ms-transform: translateY(45%);
		transform: translateY(45%);
	}

	.case_page01 .c_p01_left {
		width: 400px;
		margin-top: 150px;
	}

	.case_page01 .c_p01_left>p {
		margin-top: 50px;
	}

	.case_page01 .c_p01_left h3 {
		margin-top: 30px;
		height: 80px;
	}

	.case_page01 .c_p01_left div.p {}
}

@media only screen and (max-width: 1366px) {
	.case_page01 .c_p01_left>p {
		margin-top: 30px;
	}

	.case_page01 .c_p01_left h3 {
		margin-top: 20px;
	}

	.case_page01 .c_p01_left div.p {}

	.case_page01 .c_p01_right .pc_img_box {
		top: 4%;
		left: 4.1%;
	}

	.case_page02 .c_p02_right div.p {
		margin-top: 15px;
	}

	.case_page02 .c_p02_right>p {
		margin-top: 20px;
	}
}

.case_page01 .c_p01_left>span.guang_logo img {
	width: 170px;
}

@media (min-width: 1200px) and (max-width: 1366px) {
	.case_page01 .c_p01_left>span.hy_logo img {
		width: 90px;
	}

	.case_page01 .c_p01_left>span.m_logo img {
		width: 80px;
	}

	.case_page01 .c_p01_left>span.hang_logo img {
		width: 80px;
	}

	.case_page01 .c_p01_left>span.guang_logo img {
		width: 90px;
	}

	.case_page01 .c_p01_left>span.byd_logo img {
		width: 180px;
	}

	/*.case_page01 .c_p01_left>span{display: block;}
  .case_page01 .c_p01_left>span.hy_logo img{width: 90px;}
  .case_page01 .c_p01_left>span.m_logo img{width: 80px;}
  .case_page01 .c_p01_left>span.hang_logo img{width: 80px;}
  .case_page01 .c_p01_left .fnt_30{font-size: 22px;}
  .case_page01 .c_p01_left>p{margin-top: 20px;}
  .case_page01 .c_p01_left{margin-top:120px;}
  .case_page01 .c_p01_left h3{height: auto;margin-top: 15px;}
  .case_page01 .c_p01_left h3 .mt_25{margin-top: 15px;}*/
}

@media only screen and (max-width: 1024px) {
	.case_page01 .c_p01_right {
		margin-top: 200px;
	}
}

@media only screen and (max-width: 1000px) {
	.case_page01 .c_p01_left {
		width: 100%;
		margin: 0;
		padding: 0px 15% 0 5%;
		box-sizing: border-box;
	}

	.case_page01 .c_p01_left.left_anim {
		-webkit-transform: translateY(-100px);
		-moz-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		transform: translateY(-100px);
	}

	.case_page01 .c_p01_right {
		width: 55%;
	}

	.case_page01.fast_left .case_page01_bg_left {
		-webkit-transform: translateY(25%);
		-moz-transform: translateY(25%);
		-ms-transform: translateY(25%);
		transform: translateY(25%);
	}
}

@media only screen and (max-width: 767px) {
	body.n_body {
		margin: 0 auto;
		overflow: visible !important;
		overflow-x: hidden !important;
	}

	.case_page01 {
		position: static;
	}

	.case_page01 .c_p01_right {
		opacity: 1;
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
	}

	.case_page01 .c_p01_right .c_p01_r_pc_shad {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}

	.case_page01 .c_p01_left {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}

	.case_page01 .c_p01_right {
		width: 75%;
		margin: 120px auto 0;
		float: none;
	}

	.case_page01.fast_right .case_page01_bg_right {
		-webkit-transform: translateY(70%);
		-moz-transform: translateY(70%);
		-ms-transform: translateY(70%);
		transform: translateY(70%);
		display: none;
	}

	.case_page01.fast_left .case_page01_bg_left {
		-webkit-transform: translateY(25%);
		-moz-transform: translateY(25%);
		-ms-transform: translateY(25%);
		transform: translateY(25%);
		display: none;
	}

	.case_page01 .c_p01_left {
		padding: 0 20px;
		position: relative;
	}

	.case_page01 .c_p01_left.left_anim {
		-webkit-transform: translateY(-30px);
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	.case_page01 .c_p01_left>p {
		margin-top: 30px;
	}

	.case_page01 .c_p01_left h3 {
		margin-top: 10px;
		height: auto;
	}

	.case_page01 .c_p01_left div.p {
		font-size: 12px;
	}
}

@media only screen and (max-width: 325px) {
	.case_page01 .c_p01_left {
		max-width: 100%;
	}

	.case_page01 .c_p01_left span {
		width: 100%;
		display: inline-block;
	}

	.case_page01 .c_p01_left span img {
		max-width: 100%;
	}
}

.case_page02 {
	position: relative;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	overflow: auto;
	z-index: 2;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	/*互动过程，可以防止滚轮滚动两下的bug*/
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.case_page02 .case_page02_con {
	position: relative;
	overflow: hidden;
	max-width: 1920px;
	margin: 0 auto;
}

.case_page02 .c_p02_left {
	position: relative;
	width: 50%;
	height: 0px;
	padding-bottom: 43%;
	top: 50%;
	-webkit-transform: translateY(-45%);
	-moz-transform: translateY(-45%);
	-ms-transform: translateY(-45%);
	transform: translateY(-45%);
}

.case_page02 .c_p02_left p {
	position: absolute;
	bottom: 0px;
}

.case_page02 .c_p02_left p img {
	max-width: 100%;
}

.case_page02 .c_p02_left p:first-child {
	width: 67%;
	left: 200px;
	-webkit-transform: translateX(-200px);
	-moz-transform: translateX(-200px);
	-ms-transform: translateX(-200px);
	transform: translateX(-200px);
	opacity: 0;
}

.case_page02 .c_p02_left p:first-child+p {
	width: 28%;
	left: 83%;
	-webkit-transform: translateX(-375px);
	-moz-transform: translateX(-375px);
	-ms-transform: translateX(-375px);
	transform: translateX(-375px);
	opacity: 0;
}

.case_page02 .c_p02_left p:first-child+p+p {
	width: 14%;
	left: 105%;
	-webkit-transform: translateX(-520px);
	-moz-transform: translateX(-520px);
	-ms-transform: translateX(-520px);
	transform: translateX(-520px);
	opacity: 0;
}

.case_page02 .c_p02_left.left_anim p:first-child {
	-webkit-transition: transform 2s ease-in-out 1.2s, opacity 0.5s ease-in-out 1s;
	-moz-transition: transform 2s ease-in-out 1.2s, opacity 0.5s ease-in-out 1s;
	-ms-transition: transform 2s ease-in-out 1.2s, opacity 0.5s ease-in-out 1s;
	transition: transform 2s ease-in-out 1.2s, opacity 0.5s ease-in-out 1s;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

.case_page02 .c_p02_left.left_anim p:first-child+p {
	-webkit-transition: transform 2s ease-out 1.2s, opacity 0.5s ease-out 1s;
	-moz-transition: transform 2s ease-out 1.2s, opacity 0.5s ease-out 1s;
	-ms-transition: transform 2s ease-out 1.2s, opacity 0.5s ease-out 1s;
	transition: transform 2s ease-out 1.2s, opacity 0.5s ease-out 1s;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

.case_page02 .c_p02_left.left_anim p:first-child+p+p {
	-webkit-transition: transform 2s ease-out 1.2s, opacity 0.5s ease-out 1s;
	-moz-transition: transform 2s ease-out 1.2s, opacity 0.5s ease-out 1s;
	-ms-transition: transform 2s ease-out 1.2s, opacity 0.5s ease-out 1s;
	transition: transform 2s ease-out 1.2s, opacity 0.5s ease-out 1s;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
}

.case_page02 .c_p02_right {
	position: absolute;
	right: 150px;
	bottom: 100px;
	text-align: right;
	opacity: 0;
}

.case_page02 .c_p02_right.right_anim {
	opacity: 1;
	-webkit-transition: all 1s ease-in-out 1.5s;
	-moz-transition: all 1s ease-in-out 1.5s;
	-ms-transition: all 1s ease-in-out 1.5s;
	transition: all 1s ease-in-out 1.5s;
}

.case_page02 .c_p02_right h3 {
	position: relative;
	margin-top: 45px;
}

.case_page02 .c_p02_right h3 p {}

.case_page02 .c_p02_right h3 em {
	color: #7d7d7d;
	display: inline-block;
	line-height: 0.8;
}

.case_page02 .c_p02_right h3 span {
	display: block;
	background: #232323;
	margin-left: auto;
	margin-right: 0;
}

.case_page02 .c_p02_right>p {
	margin-top: 40px;
	color: #7d7d7d;
}

.case_page02 .c_p02_right div.p {
	color: #7d7d7d;
	margin-top: 30px;
}

/*pc phone*/
.layer_02 .case_page01 .c_p01_right .pc_img_box img.an_img {
	width: 100%;
	-webkit-transition: transform 20s ease-out 2s;
	-moz-transition: transform 20s ease-out 2s;
	-ms-transition: transform 20s ease-out 2s;
	transition: transform 20s ease-out 2s;
}

.layer_02 .case_page02 .c_p02_left p:first-child+p {
	width: 26%;
	left: 91%;
}

/*pc pad*/
.layer_01 .case_page01 .c_p01_right .pc_img_box img.an_img {
	width: 100%;
	-webkit-transition: transform 20s ease-out 2s;
	-moz-transition: transform 20s ease-out 2s;
	-ms-transition: transform 20s ease-out 2s;
	transition: transform 20s ease-out 2s;
}

.layer_01 .case_page02 .c_p02_left p:first-child+p {
	width: 73%;
	left: 55%;
}

.layer_01 .case_page02 .c_p02_left p:first-child+p+p {
	width: 16%;
	left: 114%;
}

.layer_01 .case_page02 .c_p02_left p:first-child+p+p.other_width {
	width: 24%;
}

/*pc ipad*/
.layer_03 .case_page01 .c_p01_right .pc_img_box img.an_img {
	width: 100%;
	-webkit-transition: transform 20s ease-out 2s;
	-moz-transition: transform 20s ease-out 2s;
	-ms-transition: transform 20s ease-out 2s;
	transition: transform 20s ease-out 2s;
}

.layer_03 .case_page02 .c_p02_left p:first-child+p {
	width: 30%;
	left: 82%;
	z-index: 2;
}

.layer_03 .case_page02 .c_p02_left p:first-child+p+p {
	width: 40%;
	left: 108%;
}

@media only screen and (min-width: 1950px) {
	.case_page02 .c_p02_right {
		bottom: 300px;
	}
}

@media only screen and (max-width: 1440px) {
	.case_page02 .c_p02_right h3 {
		margin-top: 30px;
	}

	.case_page02 .c_p02_right>p {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 1366px) {
	.case_page02 .c_p02_right {
		bottom: 80px;
	}

	.layer_01 .case_page02 .c_p02_left p:first-child+p+p {
		left: 110%;
	}
}

@media only screen and (max-width: 1024px) {
	.case_page02 .c_p02_right {
		bottom: 130px;
	}

	.case_page02 .c_p02_left.left_anim p:first-child {
		-webkit-transform: translateX(-100px);
		opacity: 1;
		-moz-transform: translateX(-100px);
		opacity: 1;
		-ms-transform: translateX(-100px);
		opacity: 1;
		transform: translateX(-100px);
		opacity: 1;
	}

	.case_page02 .c_p02_left.left_anim p:first-child+p {
		-webkit-transform: translateX(-50px);
		-moz-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		transform: translateX(-50px);
		opacity: 1;
	}

	.case_page02 .c_p02_left.left_anim p:first-child+p+p {
		-webkit-transform: translateX(-50px);
		-moz-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		transform: translateX(-50px);
		opacity: 1;
	}
}

@media only screen and (max-width: 1000px) {
	.case_page02 .c_p02_left {
		width: 70%;
		-webkit-transform: translateY(-30%);
		-moz-transform: translateY(-30%);
		-ms-transform: translateY(-30%);
		transform: translateY(-30%);
	}

	.case_page02 .c_p02_right {
		top: 150px;
		bottom: auto;
		right: 30px;
	}

	.case_page02 .c_p02_left p:first-child {
		left: 160px;
	}
}

.case_page02 .c_p02_right div.p .tcaaa {
	margin-top: 30px;
}

@media only screen and (max-width: 767px) {
	.case_page02 .c_p02_left {
		width: 100%;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		padding-bottom: 80%;
	}

	.case_page02 .c_p02_left.left_anim p:first-child {
		-webkit-transform: translateX(-180px);
		-moz-transform: translateX(-180px);
		-ms-transform: translateX(-180px);
		transform: translateX(-180px);
		opacity: 1;
	}

	.case_page02 .c_p02_left.left_anim p:first-child+p {
		-webkit-transform: translateX(-150px);
		-moz-transform: translateX(-150px);
		-ms-transform: translateX(-150px);
		transform: translateX(-150px);
		opacity: 1;
	}

	.case_page02 .c_p02_left.left_anim p:first-child+p+p {
		-webkit-transform: translateX(-150px);
		-moz-transform: translateX(-150px);
		-ms-transform: translateX(-150px);
		transform: translateX(-150px);
		opacity: 1;
	}

	.case_page02 .c_p02_right div.p {
		margin-top: 10px;
	}

	.case_page02 .c_p02_right div.p .tcaaa {
		margin-top: 20px;
	}

	.case_page02 .c_p02_right div.p .tcaaa img {
		width: 200px;
	}

	.case_page02 .c_p02_right>p {
		margin-top: 10px;
	}

	.case_page02 .c_p02_right h3 {
		margin-top: 0;
	}

	.case_page02 {
		position: static;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		margin-top: 50px;
	}

	.case_page02 .c_p02_right {
		position: static;
		opacity: 1;
		text-align: left;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.case_page02 .c_p02_right h3 span {
		margin-right: auto;
		margin-left: 0;
	}

	.case_page02 .c_p02_left {
		padding-bottom: 0;
		height: auto;
	}

	.case_page02 .c_p02_left p {
		opacity: 1 !important;
		position: static;
		margin: 20px auto;
	}

	.case_page02 .c_p02_left p:first-child {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
	}

	.case_page02 .c_p02_left p:first-child+p {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
	}

	.case_page02 .c_p02_left p:first-child+p+p {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
	}

	.case_page02 .c_p02_left p:first-child {
		width: 90% !important;
		text-align: center;
	}

	.case_page02 .c_p02_left p:first-child+p {
		width: 90% !important;
		text-align: center;
	}

	.case_page02 .c_p02_left p:first-child+p+p.other_width {
		width: 90% !important;
		text-align: center;
	}

	.case_page02 .c_p02_left p:first-child+p+p {
		width: 90% !important;
		text-align: center;
	}
}

.case_more {
	background: #000;
}

.case_more .case_tit {
	padding: 70px 0;
	color: #fff;
	text-align: center;
}

.case_more .case_tit em {
	color: #7d7d7d;
}

.case_more .case_con dl {
	width: 25%;
	float: left;
	height: 0px;
	padding-bottom: 25%;
	overflow: hidden;
}

.case_more .case_con dl img {
	width: 100%;
	-webkit-transition: transform 1s ease-out;
	-moz-transition: transform 1s ease-out;
	-ms-transition: transform 1s ease-out;
	transition: transform 1s ease-out;
}

.case_more .case_con dl:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

@media only screen and (max-width: 767px) {
	.case_more .case_tit {
		padding: 30px 0;
	}

	.case_more .case_con dl {
		width: 50%;
		padding-bottom: 50%;
	}
}

/*联系我们*/
.contact {
	overflow: hidden;
	position: relative;
}

.contact_con {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.contact_con .contact_text {
	position: absolute;
	right: 0px;
	bottom: 150px;
	z-index: 9;
	width: 600px;
	text-align: right;
	color: #fff;
	opacity: 0;
}

.contact_con .contact_text h3 span {
	background: #f60;
	margin-left: auto;
	margin-right: 0;
}

.contact_con .contact_text h3 em {
	display: block;
	line-height: 0.8;
}

.contact_con .contact_text ul {
	margin-top: 110px;
	overflow: hidden;
}

.contact_con .contact_text ul:after {
	content: "";
	display: block;
	width: 500px;
	height: 1px;
	background: #3b3b3f;
	float: right;
	margin-top: 20px;
}

.contact_con .contact_text li {
	color: #e4e4e4;
}

.contact_con .contact_text li:first-child+li {
	font-size: 12px;
	color: #c4c4c4;
}

.contact_con .contact_text dl {
	color: #e4e4e4;
	margin-top: 15px;
}

.touch_body .contact_con .contact_text dl a {
	color: #e4e4e4;
}

.contact_con .case_page01_bg_right {
	position: absolute;
	right: -1000px;
	bottom: 0;
	z-index: 8;
}

.contact_map {
	position: relative;
}

.map_con {
	width: 100%;
	-webkit-transition: normal;
	-moz-transition: normal;
	-ms-transition: normal;
	transition: normal;
}

.map_con img {
	-webkit-transition: normal;
	-moz-transition: normal;
	-ms-transition: normal;
	transition: normal;
}

.BMap_pop>div>div {
	border-radius: 8px;
	border: 0 !important;
}

.BMap_pop .BMap_center {
	border: 0 !important;
	border-right: 1px solid #fff !important;
}

.BMap_top {
	border: 0 !important;
}

.BMap_bottom {
	border: 0 !important;
}

/*.BMap_Marker:first-child+.BMap_Marker{display:none!important;}*/
@media only screen and (max-width: 1600px) {
	.contact_con .case_page01_bg_right {
		-webkit-transform: translateX(150px);
		-moz-transform: translateX(150px);
		-ms-transform: translateX(150px);
		transform: translateX(150px);
	}
}

@media only screen and (max-width: 1366px) {
	.contact_con .contact_text {
		bottom: 100px;
	}

	.contact_con .contact_text ul {
		margin-top: 50px;
	}
}

.touch_body .Bmap_close {
	width: 10px !important;
	height: 10px !important;
}

@media only screen and (max-width: 768px) {
	.contact {
		height: auto !important;
	}

	.contact_con {
		position: static;
	}

	.contact_con .contact_text {
		position: static;
		padding: 20px;
		box-sizing: border-box;
		background-color: #303030;
		opacity: 1 !important;
		width: 100%;
		text-align: left;
	}

	.contact_con .contact_text h3 span {
		margin-left: 0px;
		margin-right: auto;
	}

	.contact_con .contact_text ul {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.contact_con .contact_text dl {
		margin-bottom: 10px;
		margin-top: 0;
	}

	.contact_con .contact_text dl dd em {
		display: block;
		margin-bottom: 10px;
	}

	.contact_con .contact_text dl dd em a {
		color: #e4e4e4;
	}

	.contact_con .case_page01_bg_right {
		display: none;
	}

	.map_con {
		height: 450px !important;
		width: 100%;
	}
}

@media only screen and (max-width: 320px) {
	.map_con {
		height: 350px !important;
	}
}

/*活动营销*/

.activ_con02 {
	background: url(../images/active_con02_bg.jpg) no-repeat center top;
}

.activ_con02 h3 {
	z-index: 1;
	text-align: center;
	width: 840px;
	line-height: 1;
	margin: 100px auto 0;
	position: relative;
	top: 50px;
	opacity: 0;
}

.activ_con02 h3 p {}

.activ_con02 h3 em {
	color: #7d7d7d;
	display: inline-block;
}

.activ_con02 h3 span.line {
	width: 100px;
	background: #262626;
	margin-left: auto;
	margin-right: auto;
}

.activ_con02 .p {
	position: relative;
	z-index: 1;
	text-align: center;
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	color: #7d7d7d;
	opacity: 0;
}

.activ_con02 div.dl {
	margin-top: 90px;
}

.activ_con02 div.dl dl {
	width: 25%;
	text-align: center;
	float: left;
	opacity: 0;
	top: 100px;
	position: relative;
}

.activ_con02 div.dl dl dt img {
	max-width: 100%;
}

.activ_con02 div.dl dl dd {
	margin-top: 30px;
}

.activ_con02.ani_act02 h3 {
	opacity: 1;
	top: 0;
	-webkit-transition: opacity 1s ease-out, top 1s ease-out;
	-moz-transition: opacity 1s ease-out, top 1s ease-out;
	-ms-transition: opacity 1s ease-out, top 1s ease-out;
	transition: opacity 1s ease-out, top 1s ease-out;
}

.activ_con02.ani_act02 .p {
	opacity: 1;
	-webkit-transition: opacity 1s ease-out 1s;
	-moz-transition: opacity 1s ease-out 1s;
	-ms-transition: opacity 1s ease-out 1s;
	transition: opacity 1s ease-out 1s;
}

.activ_con02.ani_act02 div.dl dl:nth-child(1) {
	opacity: 1;
	top: 0;
	-webkit-transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s;
	-moz-transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s;
	-ms-transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s;
	transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s;
}

.activ_con02.ani_act02 div.dl dl:nth-child(2) {
	opacity: 1;
	top: 0;
	-webkit-transition: opacity 1s ease-out 2s, top 1s ease-out 2s;
	-moz-transition: opacity 1s ease-out 2s, top 1s ease-out 2s;
	-ms-transition: opacity 1s ease-out 2s, top 1s ease-out 2s;
	transition: opacity 1s ease-out 2s, top 1s ease-out 2s;
}

.activ_con02.ani_act02 div.dl dl:nth-child(3) {
	opacity: 1;
	top: 0;
	-webkit-transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s;
	-moz-transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s;
	-ms-transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s;
	transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s;
}

.activ_con02.ani_act02 div.dl dl:nth-child(4) {
	opacity: 1;
	top: 0;
	-webkit-transition: opacity 1s ease-out 3s, top 1s ease-out 3s;
	-moz-transition: opacity 1s ease-out 3s, top 1s ease-out 3s;
	-ms-transition: opacity 1s ease-out 3s, top 1s ease-out 3s;
	transition: opacity 1s ease-out 3s, top 1s ease-out 3s;
}

@media only screen and (max-width: 1440px) {
	.activ_con02 h3 {
		margin-top: 70px;
	}

	.activ_con02 div.dl {
		margin-top: 60px;
	}
}

@media only screen and (max-width: 1024px) {
	.activ_con02 h3 {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.activ_con02 .p {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 767px) {
	.activ_con02 {
		position: relative !important;
		height: auto;
		padding-bottom: 50px;
	}

	.activ_con02 h3 {
		margin-top: 40px;
	}

	.activ_con02 div.dl {
		margin-top: 30px;
	}
}

.activ_con03 {
	background: url(../images/active_con03_bg.jpg) no-repeat center top;
}

.activ_con03 .text {
	position: absolute;
	top: 50%;
	left: 20%;
	width: 500px;
	opacity: 0;
	color: #fff;
	z-index: 5;
}

.activ_con03 .text h3 {
	position: relative;
}

.activ_con03 .text h3 span {
	display: block;
	height: 1px;
	background: #e4e4e4;
}

.activ_con03 .text div.p {
	color: #e4e4e4;
}

.activ_con03 .map_bg {
	position: relative;
	height: 0px;
	padding-bottom: 38%;
	right: 0px;
}

.activ_con03 .map_bg>img {
	bottom: 0px;
	position: absolute;
	right: 0px;
}

.activ_con03 .xq_bnt {
	text-align: left;
}

.activ_con03.ani_act03 .text {
	opacity: 1;
	top: 20%;
	-webkit-transition: opacity 1s ease-out, top 1s ease-out;
	-moz-transition: opacity 1s ease-out, top 1s ease-out;
	-ms-transition: opacity 1s ease-out, top 1s ease-out;
	transition: opacity 1s ease-out, top 1s ease-out;
}

@media only screen and (min-width: 1950px) {
	.activ_con03 .map_bg {
		padding-bottom: 28%;
	}
}

@media only screen and (max-width: 1440px) {
	.activ_con03 .text {
		top: 10%;
	}

	.activ_con03 .map_bg {
		padding-bottom: 45%;
	}

	.activ_con03 .map_bg>img {
		width: 60%;
	}
}

@media only screen and (max-width: 1366px) {
	.activ_con03 .text {
		left: 10%;
	}
}

@media only screen and (max-width: 900px) {
	.activ_con03 .map_bg {
		padding-bottom: 67%;
	}
}

@media only screen and (max-width: 767px) {
	.activ_con03 {
		padding-bottom: 0;
	}

	.activ_con03 .map_bg>img {
		width: 100%;
	}

	.activ_con03 .text {
		position: static;
		width: 100%;
		padding: 40px 20px 0;
		box-sizing: border-box;
	}

	.activ_con03 .map_bg {
		text-align: right;
		height: auto;
		padding-bottom: 0;
	}

	.activ_con03 .map_bg>img {
		position: static;
	}
}

.ipadPro1024 .activ_con03 .map_bg {
	padding-bottom: 52%;
}

.ipadPro1366 .activ_con03 .map_bg {
	padding-bottom: 55%;
}

.activ_con04 .cl_con04_img .text {
	left: 20%;
}

.activ_con04 .cl_con05_img .text {
	width: auto;
	top: 45%;
	left: 61%;
}

@media only screen and (max-width: 1366px) {
	.activ_con04 .cl_con05_img .text {
		left: 71%;
	}
}

@media only screen and (max-width: 900px) {
	.activ_con04 .cl_con04_img .text {
		left: 0%;
		top: 30%;
	}
}

@media only screen and (max-width: 767px) {
	.activ_con04 .cl_con05_img .text {
		right: 0;
		left: auto;
		width: 30%;
	}
}

/*业务系统*/
.busi_con01 img {
	display: block;
	width: 100%;
}

/* .busi_con01 {
	background: url(../images/busi_bg01.jpg) no-repeat center top;
} */

.busi_con01 .commer_c01_bg {
	width: 57%;
	left: 0px;
	right: auto;
	padding-bottom: 25%;
}

.busi_con01 h3 p {
	color: #000;
}

.busi_con01 h3 span.line {
	background: #262626;
}

.busi_con01 .p {
	color: #7d7d7d;
	position: relative;
	z-index: 2;
}

@media only screen and (max-width: 1440px) {
	.busi_con01 .commer_c01_bg {
		bottom: 0;
		width: 70%;
		padding-bottom: 31%;
	}
}

.busi_con02 {
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.busi_con02 .warp {
	width: 1400px;
}

.busi_con02 .txts {
	display: none;
}

.busi_con02 .txtss {
	display: block;
}

.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.busi_con02 .text {
	width: 500px;
	text-align: right;
}

.busi_con02 .text h3 {
	position: relative;
	color: #fff;
}

.busi_con02 .text .tes {
	font-size: 30px;
	letter-spacing: 2px;
	color: #000000;
	opacity: 0.8;
	font-weight: bold;
}

.busi_con02 .text h3 p {
	color: #325bdb;
	letter-spacing: 2px;
	font-size: 32px;
}

.busi_con02 .text h3 em {
	color: #325bdb;
	font-size: 11px;
	letter-spacing: 0;
}

.busi_con02 .text h3 span {
	height: 1px;
	background: #fff;
}

.busi_con02 .text div.p {
	font-size: 28px;
	line-height: 39px;
	letter-spacing: 1px;
	color: #000000;
	opacity: 0.8;
}

.busi_con02 .text div.p div:nth-child(3) {
	margin-bottom: 10px;
}

.busi_con02 .text div.p span {
	font-weight: bold;
}

.busi_con02 .text div.p img {
	vertical-align: middle;
	margin-right: 20px;
}

.busi_con02 .img {
	width: 781px;
}

.busi_con02 .img>img {
	width: 100%;
	display: block;
}

@media only screen and (max-width: 1366px) {
	.busi_con02 .img>dl {
		bottom: 30%;
	}

	.busi_con02 .img>dl.ani_ico.ico02 {
		bottom: 35%;
	}
}

@media only screen and (max-width: 1200px) {
	.busi_con02 .text {
		left: 10%;
		top: 10%;
	}
}

@media only screen and (max-width: 1000px) {
	.busi_con02 .img {
		width: 100%;
		height: auto;
	}

	.busi_con02 .img>dl {
		bottom: 35%;
	}

	.busi_con02 .img>dl.ani_ico.ico01 {
		left: 10%;
	}

	.busi_con02 .img>dl.ani_ico.ico02 {
		bottom: 40%;
	}

	.busi_con02 .img>dl.ani_ico.ico03 {
		left: 80%;
	}
}

@media only screen and (max-width: 767px) {
	#banner .yd {
		display: block !important;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}

	.s4_join {
		height: auto;
		padding-bottom: 0;
		overflow: hidden;
		width: 100%;
	}

	.s4_join .join_text div.more {
		bottom: 20px;
		margin-bottom: 0 !important;
	}

	#c6>img {
		width: 150%;
		position: relative;
		left: 50%;
		transform: translateX(-50%);

	}

	.c_text {
		font-size: 12px;
	}

	.busi_con02 .text {
		position: static;
		width: auto;
		padding: 40px 20px;
		padding-bottom: 0px;
		box-sizing: border-box;
	}

	.flex {
		flex-wrap: wrap;
	}

	.busi_con02 .txts {
		display: block;
	}

	.busi_con02 .txtss {
		display: none;
	}

	.busi_con02 .img {
		height: auto;
	}

	.busi_con02 .img>div {
		width: 60%;
		bottom: -300px;
	}

	.busi_con02 .img>div img {
		width: 100%;
	}

	.busi_con02 .img>dl {
		bottom: 10px;
	}

	.busi_con02 .img>dl.ani_ico img {
		width: 100%;
	}

	.busi_con02 .img>dl.ani_ico dt {
		width: 30px;
		margin: 0 auto;
	}

	.busi_con02 .img>dl dd {
		margin-top: 10px;
	}

	.busi_con02 .img>dl.ani_ico.ico02 {
		bottom: 10px;
		left: 45%;
	}

	.busi_con02 .img>dl.ani_ico.ico03 {
		left: 75%;
	}
}

@media (min-width: 670px) and (max-width: 767px) {
	.busi_con02 .img>dl.ani_ico.ico01 {
		left: 20%;
	}

	.busi_con02 .img>dl.ani_ico.ico02 {
		left: 47%;
	}

	.busi_con02 .img>dl.ani_ico.ico03 {
		left: 72%;
	}
}

@media (min-width: 500px) and (max-width: 670px) {
	.busi_con02 .img>div {
		width: 60%;
		bottom: -200px;
	}

	.busi_con02 .img>dl.ani_ico.ico01 {
		left: 20%;
	}

	.busi_con02 .img>dl.ani_ico.ico02 {
		left: 47%;
	}

	.busi_con02 .img>dl.ani_ico.ico03 {
		left: 72%;
	}
}

@media only screen and (max-width: 500px) {
	.busi_con02 .img>div {
		width: 60%;
		bottom: -100px;
	}

	.busi_con02 {
		background-size: 0%;
	}
}

@media only screen and (max-width: 375px) {
	.busi_con02 .img {
		height: auto;
		overflow: hidden;
	}
}

@media only screen and (max-width: 325px) {
	.busi_con02 .img {
		height: auto;
	}

	.busi_con02 .img>dl.ani_ico.ico01 {
		left: 7%;
	}

	.busi_con02 .img>dl.ani_ico.ico02 {
		bottom: 0%;
		left: 43%;
	}

	.busi_con02 .img>dl.ani_ico.ico03 {
		left: 70%;
	}
}

.busi_con03 {
	background: white url(../images/sdxj.png) no-repeat center top;
}

.busi_con03 h3 {
	z-index: 1;
	text-align: center;
	width: 840px;
	margin: 100px auto 0;
	position: relative;
	font-size: 32px;
	letter-spacing: 3px;
	color: #325bdb;
	top: 50px;
	opacity: 0;
}

.busi_con03 h3 span.line {
	margin-left: auto;
	margin-right: auto;
	background: #325bdb;
	width: 73px;
	height: 2px;
	margin-top: 30px;
}

.busi_con03 .mt_30 {
	position: relative;
	z-index: 1;
	text-align: center;
	width: 840px;
	font-size: 20px !important;
	letter-spacing: 2px;
	color: #000000;
	opacity: 0.75;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.busi_con03 .p span {
	color: #1eb600;
}

.busi_con03 div.dl {
	margin-top: 40px;
}

.busi_con03 div.dl dl {
	width: 25%;
	text-align: center;
	float: left;
	opacity: 0;
	top: 50px;
	position: relative;
	transition: all 0.4s;
}

.busi_con03 div.dl dl dt img {
	max-width: 100%;
}

.busi_con03 div.dl dl dd {
	margin-top: 30px;
}

.busi_con03 div.dl dl:hover dd {
	color: rgba(255, 102, 0, 0.8);
}

.busi_con03 div.dl dl dt img:last-child {
	display: none;
}

.busi_con03 div.dl dl:hover dt img:first-child {
	display: none;
}

.busi_con03 div.dl dl:hover dt img:last-child {
	display: block;
	margin: 0 auto;
}

.busi_con03.ani_con03 h3 {
	opacity: 1;
	top: 0;
	-webkit-transition: opacity 1s ease-out, top 1s ease-out;
	-moz-transition: opacity 1s ease-out, top 1s ease-out;
	-ms-transition: opacity 1s ease-out, top 1s ease-out;
	transition: opacity 1s ease-out, top 1s ease-out;
}

.busi_con03.ani_con03 .p {
	opacity: 1;
	-webkit-transition: opacity 1s ease-out 1s;
	-moz-transition: opacity 1s ease-out 1s;
	-ms-transition: opacity 1s ease-out 1s;
	transition: opacity 1s ease-out 1s;
}

.busi_con03.ani_con03 div.dl dl:nth-child(1) {
	opacity: 1;
	top: 0;
	-webkit-transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s;
	-moz-transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s;
	-ms-transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s;
	transition: opacity 1s ease-out 1.5s, top 1s ease-out 1.5s;
}

.busi_con03.ani_con03 div.dl dl:nth-child(2) {
	opacity: 1;
	top: 0;
	-webkit-transition: opacity 1s ease-out 2s, top 1s ease-out 2s;
	-moz-transition: opacity 1s ease-out 2s, top 1s ease-out 2s;
	-ms-transition: opacity 1s ease-out 2s, top 1s ease-out 2s;
	transition: opacity 1s ease-out 2s, top 1s ease-out 2s;
}

.busi_con03.ani_con03 div.dl dl:nth-child(3) {
	opacity: 1;
	top: 0;
	-webkit-transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s;
	-moz-transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s;
	-ms-transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s;
	transition: opacity 1s ease-out 2.5s, top 1s ease-out 2.5s;
}

.busi_con03.ani_con03 div.dl dl:nth-child(4) {
	opacity: 1;
	top: 0;
	-webkit-transition: opacity 1s ease-out 3s, top 1s ease-out 3s;
	-moz-transition: opacity 1s ease-out 3s, top 1s ease-out 3s;
	-ms-transition: opacity 1s ease-out 3s, top 1s ease-out 3s;
	transition: opacity 1s ease-out 3s, top 1s ease-out 3s;
}

.busi_con03.ani_con03 div.dl dl:nth-child(5) {
	opacity: 1;
	top: 0;
	-webkit-transition: opacity 1s ease-out 3.5s, top 1s ease-out 3.5s;
	-moz-transition: opacity 1s ease-out 3.5s, top 1s ease-out 3.5s;
	-ms-transition: opacity 1s ease-out 3.5s, top 1s ease-out 3.5s;
	transition: opacity 1s ease-out 3.5s, top 1s ease-out 3.5s;
}

@media only screen and (max-width: 1440px) {
	.busi_con03 h3 {
		margin-top: 70px;
	}

	.busi_con03 div.dl {
		margin-top: 40px;
	}
}

@media only screen and (max-width: 1366px) {
	.busi_con03 h3 {
		margin-top: 40px;
	}

	.xq_bnt {
		margin-top: 50px;
	}
}

@media only screen and (max-width: 1100px) {
	.busi_con03 h3 {
		margin-top: 50px;
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.busi_con03 .p {
		width: 100%;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.busi_con03 div.dl {
		margin-top: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.busi_con03 h3 {
		margin-top: 40px;
	}

	/* .busi_con03 div.dl dl dt {
    width: 80%;
    margin: 0 auto;
  } */
	.indexService.mobile .indexServiceImg img {
		height: 300px;
		object-fit: cover;
	}

	.indexServiceImg div {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.busi_con03 div.dl dl dt img {
		width: 100%;
	}

	.busi_con03 div.dl {
		margin-top: 20px;
	}

	.busi_con03 div.dl dl dd {
		margin-top: 10px;
	}

	/* .busi_con03.ani_con03 div.dl dl:nth-child(3) {
    width: 100%;
  } */

	.busi_con03.ani_con03 div.dl dl:nth-child(3) img {
		-webkit-filter: grayscale(0%);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		filter: grayscale(0%);
	}

	.busi_con03.ani_con03 div.dl dl:nth-child(3) .fnt_16 {
		color: rgba(255, 102, 0, 0.8);
	}
}

.busi_con04 .cl_con04_img .text {
	top: 30%;
	left: 15%;
	text-align: right;
}

.indexService.mobile .indexServiceImg dd p {
	text-align: center;
	font-size: 18px;
	width: 48%;
	color: #ff4229;
	margin-top: 8px;
}

.tit1 {
	width: 100%;
}

.busi_con04 .cl_con04_img .text h3 span {
	font-size: 32px;
	color: #325bdb;
	letter-spacing: 3px;
}

.busi_con04 .cl_con04_img .text h3 span span {
	font-weight: bold;
	font-size: 39px;
}

.busi_con04 .cl_con04_img .text h3 i {
	display: block;
	width: 64px;
	height: 3px;
	margin-top: 10px;
	background-color: #325bdb;
}

.busi_con04 .cl_con05_img .text {
	top: 50%;
	right: 20%;
	text-align: right;
}

.s4_join .join_text div.more {
	bottom: 80px;
}

.busi_con04 .cl_con05_img .text p.fn_xians {
	width: 95px;
	height: 3px;
	background-color: #0000ff;
	float: right;
}

.busi_con04 .cl_con05_img .text p {
	font-size: 32px;
	letter-spacing: 2px;
	color: #325bdb;
}

.busi_con04 .cl_con05_img .texts {
	top: 25% !important;
}

.busi_con04 .cl_con05_img .text p.fn_xian {
	width: 53px;
	height: 3px;
	background-color: #325bdb;
	float: right;
	margin-top: 20px;
}

.busi_con04 .cl_con05_img .text p.fn_mag {
	margin-top: 40px;
}

.busi_con04 .cl_con05_img .text p.fn_maga {
	margin-top: 25px;
}

.busi_con04 .cl_con05_img .text p.fn_mags {
	font-size: 25px;
	letter-spacing: 1px;
	margin-top: 0px;
}

.busi_con04 .cl_con05_img .text p span {
	font-size: 42px;
	font-weight: bold;
}

@media only screen and (max-width: 1440px) {
	.busi_con04 .cl_con05_img .text {
		right: 10%;
	}

	.tt {
		right: 10%;
	}

	.ins {
		margin-top: 13% !important;
	}

	.cl_con04img img {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.busi_con04 .cl_con05_img .text {
		right: 0px;
		top: 30%;
	}

	.busi_con04 .cl_con04_img .text {
		left: 0px;
		top: 30%;
	}

	.busi_con04 .cl_con04_img .text {
		text-align: left;
	}

}

.anchorBL {
	display: none;
}

.bug_bg {
	display: none;
	background: #fff;
	height: 100px;
	position: fixed;
	top: 800px;
	left: 0px;
	right: 0px;
	z-index: 1;
}

@media only screen and (max-width: 767px) {
	.bug_bg {
		display: block;
	}
}

/*落地*/
.ld_body {
	background: url(../images/ld_banner.jpg) no-repeat;
	background-size: 100%;
	background-attachment: fixed;
	overflow-y: auto;
}

.ld_body em {
	display: none;
}

.ld_con01 {
	height: 0px;
	padding-bottom: 47%;
	overflow: hidden;
	position: relative;
}

.ld_con01 h1 {
	margin: 70px 0 0 60px;
}

.ld_con01 .ld_banner_text {
	position: absolute;
	right: 15%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ld_con01 .ld_banner_text p {
	margin-bottom: 65px;
	-webkit-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}

.ld_con01 .ld_banner_text p:first-child {
	margin-bottom: 35px;
}

.ld_con01 .ld_banner_text.scroll_div p:first-child {
	opacity: 0;
	transform: translateY(-40px);
}

.ld_con01 .ld_banner_text.scroll_div p:first-child+p {
	opacity: 0;
	transform: translateY(-35px);
}

.ld_con01 .ld_banner_text.scroll_div p:first-child+p+p {
	opacity: 0;
	transform: translateY(-25px);
}

@media only screen and (max-width: 1440px) {
	.ld_con01 h1 {
		margin: 3% 0 0 3%;
	}
}

@media only screen and (max-width: 1366px) {
	.ld_con01 .ld_banner_text p img {
		width: 80%;
	}

	.ld_con01 .ld_banner_text p:first-child {
		margin-bottom: 25px;
	}

	.ld_con01 .ld_banner_text p {
		margin-bottom: 45px;
	}
}

@media only screen and (max-width: 1100px) {
	.ld_con01 h1 {
		width: 170px;
	}

	.ld_con01 h1 img {
		width: 100%;
	}

	.ld_con01 .ld_banner_text {
		right: 5%;
	}

	.cl_con04 .cl_con04_img a.yx img {
		display: block;
	}

	.cl_con04 .cl_con04_img a.yx {
		background: #f7f9fe;
	}
}

@media only screen and (max-width: 1000px) {
	.ld_con01 .ld_banner_text {
		width: 35%;
	}

	.ld_con01 .ld_banner_text p img {
		width: 100%;
	}

	.ld_con01 .ld_banner_text p:first-child {
		margin-bottom: 15px;
	}

	.ld_con01 .ld_banner_text p {
		margin-bottom: 25px;
	}
}

@media only screen and (max-width: 767px) {
	.ld_body {
		background-position-x: 50%;
		background-size: 150%;
	}

	.ld_con01 {
		padding-bottom: 68%;
	}

	.ld_con01 h1 {
		width: 100px;
	}

	.ld_con01 .ld_banner_text {
		width: 50%;
	}

	.ld_con01 .ld_banner_text p:nth-of-type(1) img {
		display: none;
	}

	.ld_con01 .ld_banner_text p:nth-of-type(2) img {
		display: none;
	}

	.ld_con01 .ld_banner_text p:first-child {
		margin-bottom: 5px;
	}

	.ld_con01 .ld_banner_text p {
		margin-bottom: 13px;
	}

	.ld_con01 .ld_banner_text p em {
		display: block;
		color: #fff;
		font-size: 12px;
	}

	.ld_con01 .ld_banner_text p:first-child em {
		color: #fff;
		font-size: 20px;
	}

	.cl_con04 .cl_con05_img a {
		width: 200%;
		margin-left: -98%;
		margin-top: -2%;
	}
}

.ld_con02 {
	background: #fff;
}

.ld_con02>h3 {
	height: 120px;
	text-align: center;
}

.ld_con02>h3 img {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
	top: 50%;
}

.ld_con02 ul {
	max-width: 1920px;
	margin: 0 auto;
}

.ld_con02 li {
	float: left;
	width: 25%;
	padding-bottom: 19.8%;
	height: 0px;
	overflow: hidden;
	position: relative;
}

.ld_con02 li>img {
	max-width: 100%;
}

.ld_con02 li p {
	position: absolute;
	top: 50%;
	left: 0%;
	right: 0px;
	text-align: center;
	z-index: 2;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.ld_con02 li p img {
	max-width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.ld_con02 li i {
	opacity: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.4);
	z-index: 1;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.ld_con02 li:hover i {
	opacity: 1;
}

.ld_con02 li:hover p {
	-webkit-transform: translateY(-53%);
	transform: translateY(-53%);
}

.ld_con02 li.last_li {
	background: #f8f8f8;
}

.ld_con02 li.last_li div.p {
	position: absolute;
	top: 50%;
	left: 0%;
	right: 0px;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ld_con02 li.last_li div.p .text {
	font-size: 20px;
	margin-bottom: 20px;
}

.ld_con02 li.last_li div.p .btn {
	display: inline-block;
	width: 170px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background: #f60;
	border-radius: 40px;
	border: 1px solid #f60;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
}

.ld_con02 li.last_li div.p .btn:hover {
	background: transparent;
	color: #f60;
}

@media only screen and (min-width: 1925px) {
	.ld_con02 ul {
		margin-bottom: 100px;
		overflow: hidden;
	}
}

@media only screen and (max-width: 1100px) {
	.ld_con02>h3 {
		height: 90px;
	}

	.ld_con02>h3 img {
		width: 130px;
	}

	.ld_con02 li.last_li div.p .text img {
		width: 80%;
	}

	.ld_con02 li.last_li div.p .btn {
		width: 140px;
		height: 35px;
		line-height: 35px;
	}

	.ld_con02 li {
		padding-bottom: 19.7%;
	}
}

@media only screen and (max-width: 1000px) {
	.ld_con02 li {
		padding-bottom: 19.6%;
	}

	.ld_con02 li.last_li div.p .text {
		margin-bottom: 0px;
	}
}

@media only screen and (max-width: 767px) {
	.ld_con02>h3 {
		height: 70px;
	}

	.ld_con02>h3 img {
		width: 100px;
	}

	.ld_con02 li {
		width: 50%;
		padding-bottom: 39.6%;
	}

	.ld_con02 li.last_li div.p .text {
		margin-bottom: 10px;
	}

	.ld_con02 li.last_li div.p .text img {
		display: none;
	}

	.ld_con02 li.last_li div.p .text em {
		display: block;
		font-size: 14px;
	}

	.ld_con02 li.last_li div.p .btn {
		width: 100px;
		height: 30px;
		line-height: 30px;
	}
}

.ld_con03 {
	position: relative;
	overflow: hidden;
	background: #fff;
}

.ld_con03>h3 {
	position: absolute;
	top: 70px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 9;
}

.ld_con03 li>img {
	width: 100%;
}

/*.ld_con03 .video>video{position: absolute;top: 0px;left: 0px;z-index: -1;}
.ld_con03 .video>img{width: 100%;}*/
.ld_con03_text {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 2;
	text-align: center;
}

.ld_con03_text div.p {
	text-align: left;
	max-width: 1440px;
	margin-right: auto;
	margin-left: auto;
	top: 50%;
	position: relative;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ld_con03_text div.p p img {
	max-width: 100%;
}

.ld_con03_text div.p p.other_p {
	margin: 30px 0 40px;
}

.ld_con03_text div.p p.other_p+p {
	width: 100px;
	height: 100px;
	cursor: pointer;
}

.ld_con03_text div.p p:nth-of-type(1) {
	height: 0px;
	padding-bottom: 2%;
	overflow: hidden;
}

.ld_con03_text div.p p:nth-of-type(1) img {
	position: relative;
	top: 30px;
}

.ld_con03_text div.p p.other_p {
	height: 0px;
	padding-bottom: 4%;
	overflow: hidden;
}

.ld_con03_text div.p p.other_p img {
	position: relative;
	top: 60px;
}

.ld_con03_text div.p p:last-child img {
	left: 20px;
	opacity: 0;
	position: relative;
}

.video_place {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 999999999;
}

.lt9 .video_place {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");
}

.video_con {
	z-index: 2;
	width: 80%;
	height: 60%;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

.lt9 .video_con {
	top: 20%;
	left: 10%;
	background: #000;
}

.video_con video {
	width: 100%;
	height: 100%;
}

.video_close_btn {
	position: absolute;
	top: 15%;
	right: 10%;
	width: 120px;
	height: 35px;
	background: #4f7cc9;
	color: #fff;
	text-align: center;
	line-height: 35px;
	cursor: pointer;
}

@media only screen and (max-width: 1440px) {
	.ld_con03_text div.p {
		padding: 0 10%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 1366px) {
	.ld_con03>h3 {
		top: 40px;
	}

	.ld_con03_text div.p p.other_p {
		margin: 20px 0 30px;
	}

	.ld_con03_text div.p p.other_p+p img {
		width: 80%;
	}
}

@media only screen and (max-width: 1100px) {
	.ld_con03>h3 img {
		width: 120px;
	}

	.ld_con03_text div.p p.other_p+p img {
		width: 50%;
	}
}

@media only screen and (max-width: 767px) {
	.video_con {
		width: 95%;
		height: 50%;
	}

	.ld_con03>h3 img {
		width: 90px;
	}

	.ld_con03_text div.p {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.ld_con03_text div.p p {
		color: #fff;
	}

	.ld_con03_text div.p p.other_p {
		margin: 0;
		height: auto;
		padding-bottom: 0px;
		margin: 5px 0 10px;
	}

	.ld_con03_text div.p p:nth-of-type(1) {
		padding-bottom: 0;
		height: auto;
	}

	.ld_con03_text div.p p.other_p+p {
		width: 30px;
		height: 30px;
	}

	.ld_con03_text div.p p img {
		display: none;
	}

	.ld_con03_text div.p p.other_p+p img {
		display: block;
		width: 100%;
	}

	.ld_con03_text div.p p em {
		display: block;
	}

	.ld_con03_text div.p p:nth-of-type(1) em {
		position: relative;
		top: 30px;
	}

	.ld_con03_text div.p p.other_p em {
		position: relative;
		top: 60px;
	}

	.ld_con03_text div.p p:last-child em {
		left: 20px;
		opacity: 0;
		position: relative;
	}
}

@media only screen and (max-width: 450px) {
	.ld_con03 .video>img {
		width: 145%;
	}
}

.ld_con04 {
	background: #fff;
}

.ld_con04 dl {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
	padding: 70px 0;
	overflow: hidden;
}

.ld_con04 dl a {
	border: 1px solid #f60;
	display: inline-block;
	width: 185px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #f60;
	border-radius: 50px;
}

.ld_con04 dl dt {
	float: left;
	margin-right: 230px;
	background: url(../images/ld_img16.png) no-repeat;
	padding-left: 83px;
	height: 55px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.ld_con04 dl dd {
	float: left;
	background: url(../images/ld_img17.png) no-repeat;
	padding-left: 75px;
	height: 55px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.ld_con04 dl dt:hover {
	background-position: 10px 0;
}

.ld_con04 dl dt:hover a {
	color: #f60;
	background: transparent;
}

.ld_con04 dl dd:hover {
	background-position: 10px 0;
}

.ld_con04 dl dd:hover a {
	color: #f60;
	background: transparent;
}

@media only screen and (max-width: 1100px) {
	.ld_con04 dl {
		padding: 40px 0;
	}
}

@media only screen and (max-width: 1000px) {
	.ld_con04 dl {
		width: 590px;
	}

	.ld_con04 dl dt {
		width: 270px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-right: 50px;
	}

	.ld_con04 dl dd {
		width: 270px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 767px) {
	.ld_con04 dl {
		padding: 20px 0;
		width: 100%;
		text-align: center;
	}

	.ld_con04 dl a {
		width: 90%;
		text-indent: 20px;
	}

	.ld_con04 dl dt {
		width: 50%;
		height: auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0;
		background: none;
		padding: 0;
	}

	.ld_con04 dl dt a {
		background: #f60 url(../images/ld_img16_0.png) no-repeat 30px center;
	}

	.ld_con04 dl dd {
		width: 50%;
		height: auto;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		background: none;
		padding: 0;
	}

	.ld_con04 dl dd a {
		background: #f60 url(../images/ld_img17_0.png) no-repeat 30px center;
	}
}

@media only screen and (max-width: 320px) {
	.ld_con04 dl dt a {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		background-position: 20px center;
	}

	.ld_con04 dl dd a {
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		background-position: 20px center;
	}
}

.ld_con05 {
	background: #fff;
}

.ld_con05 .ld_c05_con {
	max-width: 1740px;
	margin-right: auto;
	margin-left: auto;
}

.ld_con05 dl {
	position: relative;
	float: left;
	margin-left: 40px;
}

.ld_con05 dl dd {
	overflow: hidden;
	height: 0px;
	padding-bottom: 63.5%;
}

.ld_con05 dl dd img {
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.ld_con05 dl:first-child {
	margin-left: 0;
}

.ld_con05 dl dt {
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}

.ld_con05 dl dt p:first-child {
	margin-bottom: 25px;
}

.ld_con05 dl dt p:first-child+p {
	margin-bottom: 15px;
}

.ld_con05 dl:hover dd img {
	transform: s