* {
	padding: 0;
	margin: 0;
}

ul {
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

p,
span,
h1,
h2,
h3,
h4,
h5,
h6,
small,
div,
li,
a {
	font-family: "Microsoft YaHei" !important;
	color: #999999;
}

img {
	border: none;
}

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

header {
	height: 112px;
	overflow: hidden;
}

img {
	max-width: 100%;
}

header a {
	display: block;
	width: 523px;
	height: 71px;
	float: left;
	margin-top: 20px;
	overflow: hidden;
}

header a img {
	float: left;
	display: block;
	width: 273px;
	height: 71px;
}

header a span {
	display: block;
	width: 250px;
	float: left;
	font-size: 22px;
	color: #666666;
	padding-top: 30px;
}

header p {
	width: 350px;
	height: 32px;
	float: right;
	margin-top: 40px;
	background: url(../images/tel.png) left center no-repeat;
	line-height: 40px;
	font-size: 32px;
	color: #333333;
	text-indent: 55px;
	height: 40px;
	color: #c11920;
}

/*banner调用css*/

.Banner {
	width: 100%;
	position: relative;
}

.Banner .arrow-left {
	background: url(../images/arrows.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
	z-index: 10;
}

.Banner .arrow-right {
	background: url(../images/arrows.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
	z-index: 10;
}

.Banner .pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
}

.Banner .swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #999;
	margin: 0 3px;
	cursor: pointer;
}

.Banner .swiper-active-switch {
	background: #fff;
}

.Banner .swiper-slide {
	position: relative;
	opacity: 0;
	transition: opacity 0.7s ease-in-out;
	width: 100% !important;
}

.Banner .swiper-slide-active {
	opacity: 1;
}

.Banner .swiper-slide .img {
	position: absolute;
}

.Banner .inner {
	position: relative;
	display: block;
	width: 1000px;
	height: 668px;
	margin: 0 auto;
}

.Banner .slide1 {
	background: url(../images/banner.jpg) center no-repeat;
}

.Banner .slide2 {
	background: url(../images/banner-zhu2.jpg) center no-repeat;
}

.Banner .slide3 {
	background: url(../images/banner-zhu6.jpg) center no-repeat;
}

.Banner .slide1 .s0 {
	left: 50%;
	margin-left: -380px;
	width: 759px;
	top: 270px
}

.Banner .slide1 .s1 {
	left: 50%;
	margin-left: -198px;
	top: 390px;
	width: 396px;
}

.Banner .slide1 .s2 {
	left: 50%;
	margin-left: -435px;
	top: 280px
}

.Banner .slide1 .s3 {
	left: 0;
	bottom: 0px;
	z-index: 5;
	height: 190px
}

.Banner .slide1 .s4 {
	right: 0;
	bottom: 0px;
	z-index: 0;
	height: 160px
}

.Banner .slide2 .zh-a-1 {
	left: 0px;
	top: 200px;
	z-index: 9;
}

.Banner .slide2 .zh-a-2 {
	left: 240px;
	top: 150px;
}

.Banner .slide2 .zh-a-3 {
	width: 114px;
	height: 53px;
	left: 50%;
	margin-left: -57px;
	bottom: 30px;
}

.Banner .slide3 .b-1 {
	width: 614px;
	height: 32px;
	left: 50%;
	margin-left: -307px;
	top: 180px;
}

.Banner .slide3 .b-1 img {
	display: block;
}

.Banner .slide3 .b-2 {
	width: 930px;
	height: 195px;
	left: 50%;
	margin-left: -475px;
	top: 240px;
}

.Banner .slide3 .b-2 img {
	display: block;
}

.Banner .slide3 .b-3 {
	width: 740px;
	height: 38px;
	left: 50%;
	margin-left: -370px;
	top: 460px;
}

.Banner .slide3 .b-s-1 {
	width: 100px;
	left: 50px;
	bottom: 0px;
}

.Banner .slide3 .b-s-2 {
	left: 160px;
	width: 160px;
	bottom: 0px;
}

.Banner .slide3 .b-s-3 {
	left: 390px;
	width: 58px;
	bottom: 0px;
}

.Banner .slide3 .b-s-4 {
	right: 359px;
	width: 103px;
	bottom: 0px;
}

.Banner .slide3 .b-s-5 {
	right: 250px;
	width: 150px;
	bottom: 0px;
}

.Banner .slide3 .b-s-6 {
	right: 0;
	width: 65px;
	bottom: 0px;
}

.Banner .slide3 .b-y-1 {
	top: 40px;
	left: 50%;
	margin-left: -20px;
}

.Banner .slide3 .b-y-2 {
	top: 40px;
	left: 0
}

.Banner .slide3 .b-y-3 {
	top: 40px;
	right: 0
}

.loop {
	animation-iteration-count: infinite;
	/*无限*/
	animation-timing-function: linear;
	/*平滑*/
}

.targetBtn {
	margin-top: 20px;
	position: absolute;
	bottom: 60px;
	left: 352px;
	z-index: 999;
}

.targetBtn a {
	height: 50px;
	border-radius: 50px;
	background: rgba(0, 0, 0, .5);
	float: left;
	line-height: 50px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}

.targetBtn .a1 {
	width: 110px;
}

.targetBtn .a2 {
	width: 170px;
	margin-left: 15px;
}

/*自定义CSS动画*/

.moveRight {
	-webkit-animation-name: moveRight;
	animation-name: moveRight
}

@-webkit-keyframes moveRight {
	0% {
		opacity: 0;
		left: 0px;
	}

	10% {
		opacity: 1;
	}

	100% {
		opacity: 1;
		left: 550px;
	}
}

@keyframes moveRight {
	0% {
		opacity: 0;
		left: 0px;
	}

	10% {
		opacity: 1;
	}

	100% {
		opacity: 1;
		left: 550px;
	}
}

.moveLeft {
	-webkit-animation-name: moveLeft;
	animation-name: moveLeft
}

@-webkit-keyframes moveLeft {
	0% {
		opacity: 0;
		left: 390px;
	}

	10% {
		opacity: 1;
	}

	100% {
		opacity: 1;
		left: -370px;
	}
}

@keyframes moveLeft {
	0% {
		opacity: 0;
		left: 390px;
	}

	10% {
		opacity: 1;
	}

	100% {
		opacity: 1;
		left: -370px;
	}
}

/*banner调用结束*/

.Banner {
	position: relative;
	margin-top:calc(2vw + 53px);
}

.Banner .Nav {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	height: 60px;
	z-index: 9;
}

.Banner .Nav .Nav-bg {
	background: #000;
	height: 60px;
	opacity: 0.6;
}

.Nav-bar {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -600px;
}

.Nav-bar ul li {
	float: left;
	line-height: 60px;
}

.Nav-bar ul li a {
	color: #FFFFFF;
	font-size: 16px;
	overflow: hidden;
}

.Nav-bar ul li a span {
	float: left;
	font-size: 16px;
	color: #FFFFFF;
}

.Nav-bar ul li a i {
	display: inline-block;
	background: url(../images/san.png) no-repeat center;
	background-size: 100%;
	width: 10px;
	height: 60px;
	float: left;
	margin-left: 5px;
}

.Nav-bar ul li {
	padding-left: 115px;
}

.Nav-bar ul li:nth-child(1) {
	padding-left: 0;
}

.Nav-block {
	z-index: 9999;
}

.Nav-bar ul li:hover {
	color: #feaa23;
}

.Nav-bar ul li:hover .Nav-block {
	display: block;
}

.Nav-Pro {
	background: url(../images/nav-bg.png) no-repeat center;
	background-size: 100%;
	width: 615px;
	height: 248px;
	position: absolute;
	top: 53px;
	display: none;
}

.Nav-Pro ul li {
	padding-left: 22px !important;
}

.Nav-Pro ul li h3 {
	color: #e30d0d;
	font-size: 16px;
	line-height: 16px;
	margin-top: 34px;
}

.Nav-Link {
	margin-top: 30px;
}

.Nav-Link a {
	display: block;
	line-height: 28px;
	color: #333333 !important;
}

.Nav-Pro ul li:nth-child(2) {
	padding: 0 70px 0 90px !important;
}

.Nav-Pro2 {
	width: 375px;
	height: 170px;
	background: url(../images/nav-bg.png) left top;
	position: absolute;
	top: 53px;
	padding-left: 40px;
	overflow: hidden;
	padding-top: 20px;
	display: none;
}

.Nav-Pro2 a {
	display: block;
	color: #333333 !important;
	float: left;
	width: 180px;
	line-height: 40px;
}

.Nav-Pro3 {
	width: 693px;
	height: 483px;
	background: url(../images/nav-bg2.png) left top;
	background-size: 100%;
	position: absolute;
	top: 53px;
	overflow: hidden;
	display: none;
}

.Nav-left {
	width: 260px;
	float: left;
	margin-left: 20px;
}

.Nav-left h3 {
	line-height: 16px;
	color: #E30D0D;
	font-size: 16px;
	margin-top: 34px;
}

.Nav-left img {
	display: block;
	margin-top: 14px;
	width: 230px;
	height: 100px !important;
}

.Nav-text {
	margin-top: 10px;
}

.Nav-text p {
	background: url(../images/dian.png) left center no-repeat;
	background-size: 8px;
	text-indent: 12px;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}

.Nav-right {
	width: 335px;
	float: left;
	margin-left: 40px;
}

.Nav-right H4 {
	line-height: 16px;
	color: #333333;
	font-size: 16px;
	margin-top: 34px;
	font-weight: normal;
}

.Nav-right img {
	width: 100px;
	height: 100px;
	display: block;
}

.Nav-right .Nav-text p {
	background: none;
	text-indent: 0;
	line-height: 34px;
}

.clear {
	clear: both;
}

.Nav-ul {
	overflow: hidden;
	padding-left: 20px;
	margin-top: 26px;
}

.Nav-ul li {
	padding-left: 0 !important;
	width: 98px;
	height: 33px;
	border: 2px solid #E30D0D;
	color: #E30D0D;
	line-height: 33px !important;
	text-align: center;
	margin-left: 36px;
	border-radius: 5px;
}

.Nav-ul li a {
	color: #E30D0D !important;
	display: block;
}

.Nav-ul li:nth-child(1) {
	margin-left: 0;
}

.Nav-Pro4 {
	width: 395px;
	height: 170px;
	background: url(../images/nav-bg.png) left top;
	position: absolute;
	top: 53px;
	overflow: hidden;
	display: none;
}

.Nav-Both {
	width: 385px;
	height: 143px;
	border: 1px solid #bfbfbf;
	margin-left: 4px;
	margin-top: 11px;
	padding-top: 10px;
}

.Nav-Both a {
	display: block;
	color: #333333 !important;
	line-height: 40px;
	background: url(../images/wen.png) left center no-repeat;
	text-indent: 45px;
	margin-left: 15px;
}

.Nav-bar ul li a:hover {
	color: #feaa23 !important;
}

.Nav-bar ul li a:hover span {
	color: #FEAA23 !important;
}

.Nav-ul li:hover {
	border: 2px solid #feaa23;
}

.title {
	text-align: center;
	margin-top: 60px;
}

.title h3 {
	font-size: 36px;
	color: #000000;
}

.title h3 span {
	color: #c11920;
}

.title p {
	color: #666666;
	font-size: 22px;
	margin-top: 5px;
}

.Can-ul {
	overflow: hidden;
	margin-bottom: 80px;
}

.Can-ul li {
	width: 355px;
	float: left;
	margin-left: 50px;
	margin-top: 63px;
}

.Can-ul li:nth-child(1) {
	margin-left: 0;
}

.Can-ul li:nth-child(4) {
	margin-left: 0;
}

.Can-ul li a {
	display: block;
	width: 130px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #FFFFFF url(../images/tb1.png) no-repeat center 30px;
	padding-top: 80px;
	font-size: 18px;
	color: #333333;
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
	margin: 20px auto;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.Can-ul li a:hover {
	background: #f8b551 url(../images/tb1-on.png) no-repeat center 30px;
	color: #FFFFFF;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	box-shadow: none;
}

.Can-ul li p {
	font-size: 14px;
	text-align: center;
	color: #999999;
	text-align: center;
	margin-top: 40px;
}

.Can-ul li:nth-child(2) a {
	background: #FFFFFF url(../images/tb2.png) no-repeat center 30px;
}

.Can-ul li:nth-child(3) a {
	background: #FFFFFF url(../images/tb3.png) no-repeat center 30px;
}

.Can-ul li:nth-child(4) a {
	background: #FFFFFF url(../images/tb4.png) no-repeat center 30px;
}

.Can-ul li:nth-child(5) a {
	background: #FFFFFF url(../images/tb5.png) no-repeat center 30px;
}

.Can-ul li:nth-child(6) a {
	background: #FFFFFF url(../images/tb6.png) no-repeat center 30px;
}

.Can-ul li:nth-child(2) a:hover {
	background: #f8b551 url(../images/tb2-on.png) no-repeat center 30px;
}

.Can-ul li:nth-child(3) a:hover {
	background: #f8b551 url(../images/tb3-on.png) no-repeat center 30px;
}

.Can-ul li:nth-child(4) a:hover {
	background: #f8b551 url(../images/tb4-on.png) no-repeat center 30px;
}

.Can-ul li:nth-child(5) a:hover {
	background: #f8b551 url(../images/tb5-on.png) no-repeat center 30px;
}

.Can-ul li:nth-child(6) a:hover {
	background: #f8b551 url(../images/tb6-on.png) no-repeat center 30px;
}

.Case ul {
	overflow: hidden;
}

.Case ul li {
	width: 20%;
	float: left;
	position: relative;
	overflow: hidden;
	height: 354px;
	/*这个地方程序调用高度*/
}

.Case ul li img {
	display: block;
	width: 100%;
}

.Case ul li .Case-Txt {
	position: absolute;
	width: 100%;
	top: 30%;
	text-align: center;
}

.Case ul li .Case-Txt h3 {
	font-size: 26px;
	color: #FFFFFF;
	font-weight: normal;
}

.Case ul li .Case-Txt a {
	display: block;
	height: 48px;
	width: 110px;
	border: 1px solid #FFFFFF;
	font-size: 14px;
	line-height: 48px;
	margin: 0 auto;
	color: #FFFFFF;
	margin-top: 26px;
}

.Case ul li .Case-img {
	width: 100%;
	transition: top 0.5s;
	-moz-transition: top 0.5s;
	-webkit-transition: top 0.5s;
	-o-transition: top 0.5s;
	position: absolute;
	top: 0;
}

.Case ul li:hover .Case-img {
	width: 100%;
	top: -40px;
}

.Case-text {
	background: #eaecee;
	line-height: 50px;
	height: 50px;
	font-size: 16px;
	transition: bottom 0.5s;
	-moz-transition: bottom 0.5s;
	-webkit-transition: bottom 0.5s;
	-o-transition: bottom 0.5s;
	position: absolute;
	bottom: -50px;
	width: 100%;
	text-align: center;
}

.Case ul li:hover .Case-text {
	bottom: 0;
	width: 100%;
}

.Case-text a {
	color: #333333;
	display: block;
}

.Case-text a:hover {
	color: #F8B551;
}

.Tome {
	width: 1326px;
	margin: 0 auto;
	padding-bottom: 110px;
}

.Tome .title {
	margin-top: 96px;
}

.Tome-ul {
	overflow: hidden;
	margin: 0 auto;
	margin-top: 50px;
	width: 1200px !important;
}

.Tome-ul li {
	width: 170px !important;
	/* height: 106px; */
	margin: 0 14px;
	margin-top: 36px;
	border: 1px solid #eee;
}

.Tome-ul li a {
	display: block;
}

.Tome-ul li a img {
	width: 156px;
	height: 97px;
	display: block;
}

.About .title {
	width: 100%;
}

.About .title img {
	width: 100%;
}

.About-Contont {
	overflow: hidden;
	margin-top: 50px;
}

.About-left {
	float: left;
	width: 48%;
}

.About-left img {
	display: block;
}

.About-right {
	width: 52%;
	float: right;
}

.About-C {
	width: 670px;
	margin-left: 50px;
}

.About-title {
	overflow: hidden;
	height: 34px;
}

.About-title img {
	display: block;
	float: left;
	width: 140px;
	height: 34px;
}

.About-title a {
	display: block;
	float: right;
	width: 69px;
	height: 8px;
	margin-top: 13px;
	background: url(../images/more.jpg) center;
	background-size: 100%;
	margin-right: 125px;
}

.About-text {
	margin-top: 36px;
}

.About-text p {
	font-size: 16px;
	line-height: 28px;
	color: #666666;
}

.About-ul {
	overflow: hidden;
	margin-left: -47px;
	margin-top: 30px;
}

.About-ul li {
	width: 192px;
	float: left;
	margin-left: 47px;
}

.About-ul li a {
	display: block;
	text-align: center;
}

.About-ul li a p {
	color: #000000;
	font-size: 16px;
	margin-top: 15px;
}

.Study {}

.Study .title {
	width: 830px;
	height: 106px;
	margin: 0 auto;
	margin-top: 110px;
}

.Study-img {
	width: 312px;
	height: 322px;
	margin: 0 auto;
	margin-top: 75px;
	margin-bottom: 45px;
}

.Study-img img {
	display: block;
	width: 100%;
}

.Study-btn {
	overflow: hidden;
	width: 708px;
	margin: 0 auto;
}

.Study-btn a {
	display: block;
	width: 193px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background: url(../images/btn-bg.png) center no-repeat;
	font-size: 18px;
	color: #000000;
	font-weight: 900;
	float: left;
	margin-left: 107px;
}

footer {
	margin-top: 75px;
	background: url(../images/foot-bg.jpg) no-repeat center;
	height: 510px;
}

.Foot {
	overflow: hidden;
	padding-top: 44px;
}

.Foot-left {
	width: 210px;
	float: left;
}

.Foot-left h3 {
	color: #FFFFFF;
	font-size: 16px;
	background: url(../images/liu.png) no-repeat left center;
	background-size: 16px;
	font-weight: normal;
	text-indent: 20px;
	line-height: 20px;
	margin-bottom: 10px;
}

.Foot-left input {
	width: 206px;
	background: #4b4b58;
	height: 28px;
	border: 2px solid #5f5f65;
	margin-top: 15px;
	border-radius: 3px;
	text-indent: 5px;
	outline: none;
}

.Foot-left button {
	display: block;
	width: 210px;
	height: 32px;
	background: #feaa23;
	border: none;
	border-radius: 3px;
	margin-top: 26px;
	font-size: 14px;
}

.Foot-conter {
	width: 295px;
	margin-left: 175px;
	float: left;
}

.Foot-conter h3 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
}

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

.Foot-ul li {
	line-height: 32px;
}

.Foot-ul li a {
	font-size: 14px;
	color: #999999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}

.Foot-right {
	width: 370px;
	float: right;
}

.Foot-right h3 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
}

.Foot-txt {
	margin-top: 15px;
}

.Foot-txt p {
	color: #999999;
	font-size: 14px;
	line-height: 32px;
}

.Foot-txt p img {
	width: 138px;
	height: 138px;
	margin-top: 10px;
}

.Foot-text {
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	margin-top: 35px;
}

.Foot-text p {
	color: #FFFFFF;
}

.Foot-text p a {
	color: #ffffff;
}

.Foot-text a {
	margin-top: 15px;
}

/*图片运动特效*/

.rightDownBig img {
	-webkit-animation-name: rightDownBig;
	animation-name: rightDownBig;
}

@-webkit-keyframes rightDownBig {
	100% {
		transform: scale(1.1, 1.1) translate(4%, 4%);
	}
}

@keyframes rightDownBig {
	100% {
		transform: scale(1.1, 1.1) translate(4%, 4%);
	}
}

.swiper-slide img {
	animation-duration: 15s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	-webkit-animation-duration: 15s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
}

#banner {
	height: 280px;
	overflow: hidden;
	margin-top:78px;
}

#banner img {
	height: 280px;
	width: 100%;
}

.Banner-text {
	position: absolute;
	top: 100px;
	z-index: 1;
	width: 266px;
	height: 124px;
	left: 50%;
	margin-left: -133px;
}

.Banner-text img {
	height: 124px !important;
	display: block;
}

.Contont2 {
	width: 1147px;
	margin: 0 auto;
}

.Tation {
	margin-top: 76px;
}

.Tation-table {
	text-align:center;
	width: 100%;
	
}

.Tation-table a {
	display:inline-block;
	width: 140px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	border-radius: 8px;
	border: 2px solid #dcdcdc;
	margin-left: 57px;
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	margin-bottom:20px;
}

.Tation-table a:hover {
	border: 2px solid #feaa23;
	color: #feaa23;
}

.Tation-table a.menu1 {
	border: 2px solid #feaa23;
	color: #feaa23;
}

.Tation-ul {
	overflow: hidden;
	margin-left: -41px;
}

.Tation-ul li {
	width: 256px !important;
	height: 256px !important;
	overflow: hidden;
	float: left;
	margin-left: 41px;
	margin-top: 41px;
}

.Tation-ul li img {
	width: 256px;
	height: 256px;
	overflow: hidden;
	margin-bottom: 15px;
	display: block;
}

.Tation-ul li a .big_img {
	width: 256px;
	height: 256px;
	overflow: hidden;
	position: relative;
}

.Tion a .big_img .case-border {
	position: absolute;
	background: none;
	transition: all .5s ease-in-out;
	z-index: 100;
}

.Tion a .big_img .case-border:nth-of-type(1) {
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 10px solid #e53239;
}

.Tion a .big_img .case-border:nth-of-type(2) {
	top: 0;
	right: 0;
	width: 0px;
	height: 0;
	border-right: 10px solid #e53239;
}

.Tion a .big_img .case-border:nth-of-type(3) {
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-bottom: 10px solid #e53239;
}

.Tion a .big_img .case-border:nth-of-type(4) {
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
	border-left: 10px solid #e53239;
}

.Tion a:hover .big_img .case-border:nth-of-type(1) {
	width: 100%;
}

.Tion a:hover .big_img .case-border:nth-of-type(2) {
	height: 600px;
}

.Tion a:hover .big_img .case-border:nth-of-type(3) {
	width: 100%;
}

.Tion a:hover .big_img .case-border:nth-of-type(4) {
	height: 600px;
}

.Tion a .big_img img {
	display: block;
	max-width: 100%;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.Tion a:hover .big_img img {
	-webkit-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
	-webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.Tation-main {
	overflow: hidden;
}

.Tation-left {
	width: 553px !important;
	height: 594px !important;
	float: left;
}

.Tation-left li {
	width: 553px !important;
	height: 553px !important;
	margin-top: 41px;
}

.Tation-left img {
	display: block;
	width: 553px;
	height: 553px;
}

.Tation-left a .big_img {
	width: 553px;
	height: 553px;
	overflow: hidden;
	position: relative;
	margin-top: 41px;
}

.Tation-right {
	width: 594px;
	height: 594px;
	overflow: hidden;
}

.Tation-ul2 {
	overflow: hidden;
}

.Tation-ul2 li a .big_img {
	overflow: hidden;
	position: relative;
	height: 256px;
	width: 256px;
}

.Tation-ul2 li {
	display: block;
	height: 256px !important;
	width: 256px !important;
	margin-left: 41px;
	float: left;
	margin-top: 41px;
}

.Tation-ul2 li a {
	display: block;
}

.Tation-ul2 li img {
	display: block;
	height: 256px;
	width: 256px;
}

/*案例详情*/

.Case-detalis {
	width: 1146px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 65px;
}

.Case-title {
	font-size: 26px;
	color: #000000;
	line-height: 30px;
}

.Case-wrap {
	overflow: hidden;
}

.Case-left {
	width: 534px;
	overflow: hidden;
	border: 1px solid #d1cfcf;
	height: auto;
	float: left;
}

.Case-left img {
	width: 534px;
	display: block;
}

.Case-right {
	width: 570px;
	float: right;
}

.Case-right-text h3 {
	color: #feaa23;
	font-size: 22px;
	font-weight: normal;
	margin-top: 25px;
}

.Case-right-text p {
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	margin-top: 15px;
}

.Case-btn {
	margin-top: 35px;
}

.Case-btn a {
	display: block;
	width: 138px;
	height: 48px;
	text-align: center;
	line-height: 50px;
	float: left;
	border-radius: 8px;
	border: 3px solid #feaa23;
	margin-right: 65px;
	color: #FEAA23;
	font-size: 14px;
	font-weight: bold;
}

/*小程序代码开始*/

.Join {
	width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
}

.tit {
	width: 201px;
	height: 116px;
	margin: 0 auto;
}

.tit img {
	display: block;
}

.Join-contont {
	position: relative;
	margin-top: 85px;
}

.Join-contont img {
	display: block;
	width: 643px;
	height: 546px;
}

.Join-contont .Join-text {
	position: absolute;
	left: 550px;
	top: 110px;
	width: 650px;
}

.Join-contont .Join-text p {
	font-size: 20px;
	color: #333333;
	line-height: 30px;
	margin-top: 36px;
}

.Tage {
	background: url(../images/pic19.jpg) no-repeat center top;
	height: 1020px;
	margin-top: 80px;
	overflow: hidden;
}

.Tage-wrap {
	width: 1130px;
	margin: 0 auto;
	margin-top: 310px;
}

.Tage-part {}

.Tage-part ul {
	overflow: hidden;
}

.Tage-part ul li {
	width: 280px;
	height: 236px;
	float: left;
	background: #FFFFFF;
}

.Tage-part ul li p {
	color: #333333;
	line-height: 32px;
	font-size: 16px;
	width: 235px;
	margin: 0 auto;
	margin-top: 80px;
}

.Tage-part ul li:nth-child(4) {
	background: none;
}

.Tage-part ul li h3 {
	color: #FFFFFF;
	background: #c11920;
	width: 125px;
	height: 132px;
	line-height: 132px;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
}

.Tage-Lump {
	height: 472px;
}

.Lump-left {
	width: 280px;
	height: 472px;
	float: left;
}

.Lump-left img {
	display: block;
	width: 64px;
	height: 303px;
	margin: 0 auto;
	margin-top: 45px;
}

.Lump-right {
	width: 850px;
	float: left;
}

.Lump-part {
	overflow: hidden;
}

.Lump-part li {
	width: 280px;
	height: 236px;
	float: left;
	background: #FFFFFF;
}

.Lump-part li:nth-child(2) {
	width: 570px;
	height: 236px;
}

.Lump-part li img {
	display: block;
	width: 570px;
	height: 236px;
}

.Lump-part li p {
	color: #333333;
	line-height: 32px;
	font-size: 16px;
	width: 235px;
	margin: 0 auto;
	margin-top: 80px;
}

.Lump-text {
	width: 445px;
	height: 130px;
	margin-top: 45px;
	margin-left: 28px;
}

.Lump-text h3 {
	font-size: 16px;
	color: #333333;
	font-weight: normal;
}

.Lump-text hr {
	width: 30px;
	border-top: 1px solid #333;
	margin: 22px 0;
}

.Lump-text p {
	width: 445px !important;
	margin-top: 0 !important;
}

.So {
	overflow: hidden;
	width: 1387px;
	margin: 0 auto;
	margin-top: 130px;
}

.So-left {
	width: 790px;
	float: left;
}

.So-left ul {
	overflow: hidden;
	margin-left: -55px;
	margin-top: -76px;
}

.So-left li {
	width: 154px;
	height: 154px;
	float: left;
	background: #BFBFBF url(../images/tb7.png) no-repeat center 30px;
	background-size: 43px;
	border-radius: 50%;
	overflow: hidden;
	margin-left: 55px;
	margin-top: 76px;
}

.So-left li p {
	color: #fefefe;
	text-align: center;
	font-size: 22px;
	margin-top: 85px;
}

.So-left li:nth-child(2) {
	background: #BFBFBF url(../images/tb8.png) no-repeat center 30px;
	background-size: 43px;
}

.So-left li:nth-child(3) {
	background: #BFBFBF url(../images/tb9.png) no-repeat center 30px;
	background-size: 43px;
}

.So-left li:nth-child(4) {
	background: #BFBFBF url(../images/tb10.png) no-repeat center 30px;
	background-size: 43px;
}

.So-left li:nth-child(5) {
	background: #BFBFBF url(../images/tb11.png) no-repeat center 30px;
	background-size: 43px;
}

.So-left li:nth-child(6) {
	background: #BFBFBF url(../images/tb12.png) no-repeat center 30px;
	background-size: 43px;
}

.So-left li:nth-child(7) {
	background: #BFBFBF url(../images/tb13.png) no-repeat center 30px;
	background-size: 43px;
}

.So-left li:nth-child(8) {
	background: #BFBFBF url(../images/tb14.png) no-repeat center 30px;
	background-size: 43px;
}

.So-left li:hover {
	background: #c11920 url(../images/tb7.png) no-repeat center 30px;
	transition: all .5s ease-in-out;
	background-size: 43px;
}

.So-left li:hover:nth-child(2) {
	background: #c11920 url(../images/tb8.png) no-repeat center 30px;
	transition: all .5s ease-in-out;
	background-size: 43px;
}

.So-left li:hover:nth-child(3) {
	background: #c11920 url(../images/tb9.png) no-repeat center 30px;
	transition: all .5s ease-in-out;
	background-size: 43px;
}

.So-left li:hover:nth-child(4) {
	background: #c11920 url(../images/tb10.png) no-repeat center 30px;
	transition: all .5s ease-in-out;
	background-size: 43px;
}

.So-left li:hover:nth-child(5) {
	background: #c11920 url(../images/tb11.png) no-repeat center 30px;
	transition: all .5s ease-in-out;
	background-size: 43px;
}

.So-left li:hover:nth-child(6) {
	background: #c11920 url(../images/tb12.png) no-repeat center 30px;
	transition: all .5s ease-in-out;
	background-size: 43px;
}

.So-left li:hover:nth-child(7) {
	background: #c11920 url(../images/tb13.png) no-repeat center 30px;
	transition: all .5s ease-in-out;
	background-size: 43px;
}

.So-left li:hover:nth-child(8) {
	background: #c11920 url(../images/tb14.png) no-repeat center 30px;
	transition: all .5s ease-in-out;
	background-size: 43px;
}

.So-right {
	width: 520px;
	float: right;
	overflow: hidden;
}

.So-top {
	width: 497px;
	height: 98px;
	margin: 0 auto;
	margin-top: 15px;
}

.So-top img {
	display: block;
	width: 497px;
	height: 98px;
}

.So-text {
	width: 520px;
	height: 100px;
	overflow: hidden;
	background: #EEEEEE;
	padding-top: 15px;
	margin-top: 70px;
}

.So-text p {
	padding-left: 20px;
	font-size: 20px;
	color: #666666;
	line-height: 40px;
}

.So-right a {
	display: block;
	width: 520px;
	height: 76px;
}

.So-right a img {
	display: block;
	width: 520px;
	height: 76px;
}

.US {
	margin-top: 40px;
}

.US-title {
	width: 200px;
	height: 115px;
	margin: 0 auto;
}

.US-title img {
	display: block;
}

.US-wrap {
	position: relative;
	height: 485px;
	overflow: hidden;
	margin-top: 75px;
}

.US-block {
	width: 100%;
	height: 215px;
	background: #333333;
}

.US-red {
	position: absolute;
	width: 1460px;
	top: 50px;
	height: 432px;
	background: url(../images/pic25.jpg) no-repeat center bottom;
	left: 50%;
	margin-left: -730px;
}

.US-img {
	width: 786px;
	height: 400px;
	margin-left: 22px;
	float: left;
}

.US-img img {
	display: block;
	width: 786px;
	height: 400px;
}

.US-text {
	width: 580px;
	float: left;
	margin-left: 40px;
}

.US-text img {
	width: 380px;
	height: 58px;
	display: block;
	margin-top: 80px;
}

.US-text hr {
	border-top: 1px solid #FFFFFF;
	width: 38px;
	margin: 40px 0;
}

.US-text p {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 30px;
}

.Need {
	width: 1200px;
	margin: 0 auto;
	margin-top: 60px;
}

.Need-title {
	width: 304px;
	height: 117px;
	margin: 0 auto;
}

.Need-title img {
	display: block;
}

.Need-ul {}

.Need-ul li {
	height: auto;
	overflow: hidden;
	position: relative;
	margin-top: 60px;
}

.Need-img {
	width: 690px;
	height: 555px;
	position: absolute;
	top: 0;
	right: 0;
}

.Need-main-title {
	width: 300px;
	height: 60px;
	font-size: 36px;
	line-height: 30px;
	font-weight: bold;
	color: #F00;
}

.Need-txt {
	color: #333333;
	font-size: 14px;
	line-height: 26px;
	width: 602px;
	margin-top: 35px;
}

.Need-txt h3 {
	color: #333333;
	font-size: 14px;
}

.Need-txt p {
	color: #333333;
}

.Need-ul li:nth-child(2) .Need-main {
	float: right;
}

.Need-ul li:nth-child(2) .Need-img {
	left: 0;
	top: 0;
}

.Need-ul li:nth-child(2) .Need-txt {
	width: 500px;
}

.Pay {
	background: url(../images/pic31.jpg) no-repeat center top;
	overflow: hidden;
	margin-top: 145px;
}

.Pay-title {
	width: 528px;
	height: 82px;
	margin: 0 auto;
	margin-top: 55px;
}

.Pay-title img {
	display: block;
	width: 528px;
	height: 82px;
}

.Pay-wrap {
	width: 1202px;
	height: 654px;
	margin: 0 auto;
	background: url(../images/pic33.jpg) center no-repeat;
	margin-top: 70px;
	overflow: hidden;
}

.Pay-main {
	width: 1154px;
	height: 616px;
	border: 1px solid #FFFFFF;
	margin: 0 auto;
	margin-top: 18px;
}

.Pay-ul {
	overflow: hidden;
	margin-top: 55px;
}

.Pay-ul li {
	float: left;
	width: 112px;
	text-align: center;
	margin-left: 140px;
	margin-top: 55px;
}

.Pay-ul li img {
	display: block;
	width: 112px;
	height: 112px;
}

.Pay-ul li p {
	color: #FFFFFF;
	font-size: 24px;
	margin-top: 26px;
	line-height: 24px;
}

.Pay-img {
	width: 945px;
	height: 83px;
	margin: 0 auto;
	margin-top: 90px;
}

.As {
	margin-top: 50px;
}

.As-title {
	width: 245px;
	height: 120px;
	margin: 0 auto;
}

.As-title img {
	display: block;
}

.As-M {
	width: 565px;
	margin: 0 auto;
	margin-top: 45px;
	overflow: hidden;
}

.As-M a {
	display: block;
	width: 60px;
	float: left;
	margin-left: 65px;
	text-align: center;
	color: #666666;
	font-size: 14px;
}

.As-M a:hover {
	color: #FD482C;
}

.Any {
	overflow: hidden;
	margin-top: 55px;
}

.Any-left {
	width: 48%;
	float: left;
}

.Any-left img {
	display: block;
}

.Any-right {
	width: 600px;
	float: left;
}

.Any-title {
	background: #c11920;
	width: 645px;
	height: 200px;
	overflow: hidden;
	margin-left: -50px;
	margin-top: 40px;
}

.Any-title img {
	display: block;
	width: 232px;
	height: 147px;
	margin-top: 26px;
	margin-left: 90px;
}

.Any-text {
	padding-left: 50px;
	margin-top: 10px;
}

.Any-text p {
	font-size: 18px;
	color: #666666;
	line-height: 32px;
	text-indent: 2em;
}

.Idea {
	overflow: hidden;
	margin-top: 50px;
}

.Idea-right {
	float: right;
}

.Idea-right img {
	display: block;
}

.Idea-left {
	width: 530px;
	float: right;
}

.Idea-text {
	margin-top: 40px;
}

.Idea-text p {
	font-size: 18px;
	line-height: 32px;
	color: #666666;
}

.Vision {
	background: url(../images/bainiu.png) top center no-repeat;
	overflow: hidden;
	padding-top: 120px;
}

.Vision-left {
	width: 45%;
	float: left;
}

.Vision-left img {
	display: block;
	width: 100%;
}

.Vision-right {
	width: 760px;
	float: left;
}

.Vision-right h3 {
	color: #000000;
	font-size: 24px;
	margin: 10px 15px 5px 15px;
}

.Vision-text {
	background: #fdfbfb;
	height: 115px;
	padding-top: 15px;
	border-bottom: 20px solid #EEEEEE;
	box-shadow: 2px -2px 5px #dbdbdb;
}

.Vision-text p {
	width: 700px;
	margin: 0 auto;
	font-size: 18px;
	color: #666666;
	line-height: 32px;
}

.Vision-right .About-ul {
	padding-left: 90px;
}

.Tame-wrap {
	width: 1200px;
	margin: 0 auto;
	margin-top: 60px;
	position: relative;
}

.Tame-title {
	width: 288px;
	height: 115px;
	margin: 0 auto;
}

.Tame-title img {
	display: block;
}

.Tame-Ceo {
	width: 550px;
	height: 415px;
	position: relative;
	overflow: hidden;
	margin-top: 80px;
}

.Tame-bg {
	width: 295px;
	height: 295px;
	background: #EEEEEE;
	position: absolute;
	right: 20px;
	bottom: 0;
}

.Tame-img {
	position: absolute;
	left: 0;
	top: 0;
	width: 342px;
	height: 355px;
}

.Tame-img img {
	display: block;
}

.Tame-text {
	background: #fdfbfb url(../images/jian.png) center 260px no-repeat;
	width: 295px;
	height: 295px;
	position: absolute;
	bottom: 20px;
	right: 0;
	overflow: hidden;
}

.Tame-text p {
	width: 260px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 26px;
	margin-top: 30px;
}

.Tame-name {
	position: absolute;
	right: 15px;
	top: 0;
}

.Tame-J {
	margin-top: 55px;
}

.Tame-j-title {
	width: 203px;
	height: 50px;
}

.Tame-j-title img {
	display: block;
}

.Tame-main {
	overflow: hidden;
	width: 720px;
	margin-left: -19px;
	margin-top: 30px;
}

.Tame-main li {
	width: 125px;
	float: left;
	margin-left: 19px;
}

.Tame-main li img {
	width: 125px;
	height: 167px;
	display: block;
}

.Tame-main li h3 {
	font-size: 16px;
	color: #333333;
	font-weight: normal;
	margin: 10px 0;
}

.Tame-main li p {
	font-size: 14px;
	color: #666666;
}

.Tame-cao {
	position: absolute;
	right: 0;
	width: 440px;
	top: 270px;
}

.Tame-C {
	height: 640px;
	position: relative;
}

.Tame-cao-bg {
	background: #EEEEEE;
	width: 325px;
	height: 258px;
	position: absolute;
	bottom: 0;
	left: 40px;
}

.Tame-txt {
	background: #fbfbfb;
	width: 325px;
	height: 310px;
	position: absolute;
	left: 60px;
	bottom: 33px;
	overflow: hidden;
}

.Tame-txt p {
	width: 290px;
	margin: 0 auto;
	margin-top: 85px;
	font-size: 14px;
	line-height: 26px;
}

.Tame-I {
	position: absolute;
	top: 10px;
	right: 0;
}

.Tame-name2 {
	position: absolute;
	left: 0;
	top: 200px;
}

.Tame-more {
	margin: 100px 0 115px 0;
}

.Tame-more a {
	display: block;
	width: 190px;
	height: 54px;
	margin: 0 auto;
	border: 3px solid #feaa23;
	border-radius: 8px;
	text-align: center;
	line-height: 54px;
	color: #000000;
	font-size: 18px;
}

.banner-img {
	width: 100%;
	height: auto !important;
}

.banner-img img {
	display: block;
	margin-top:78px;
	width: 100% !important;
}

.Sur {
	margin-top: 40px;
}

.Sur-title {
	width: 390px;
	height: 70px;
	margin: 0 auto;
}

.Sur-title img {
	display: block;
}

.Sur-Wrap {
	overflow: hidden;
	height: 962px;
	background: #f2f2f2;
	margin-top: 40px;
}

.Sur-right {
	width: 546px;
	float: right;
	margin-top: 25px;
	overflow: hidden;
}

.Sur-right img {
	display: block;
	margin-top: 84px;
}

.Sur-left {
	width: 575px;
	float: left;
}

.Sur-left h3 {
	color: #171717;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
}

.Sur-left .Sur-text p {
	color: #171717;
	font-size: 14px;
	line-height: 30px;
	margin-top: 30px;
}

.Sur-link {
	width: 538px;
	height: 48px;
	background: url(../images/pic47.jpg) center no-repeat;
	background-size: 100%;
	line-height: 48px;
	text-indent: 2em;
	color: #FFFFFF;
	font-size: 16px;
	margin-top: 30px;
}

.Demon {
	overflow: hidden;
	margin: 0 auto;
	margin-top: 45px;
	width: 1200px;
}

.Demon-ul {
	overflow: hidden;
	margin-left: -14px;
	margin-top: 25px;
}

.Demon-ul li {
	float: left;
	width: 226px;
	height: 304px;
	margin-left: 14px;
}
.Demon-ul.duankou{ margin-left:0px;}
.Demon-ul.duankou li{ width:280px; margin-left:18px;}
.Demon-ul li .Demon-wrap {
	background: url(../images/pic49.jpg) center no-repeat;
	height: 304px;
	padding: 0 20px;
	overflow: hidden;
}
.Demon-ul.duankou li .Demon-wrap{ background-size:140%;}
.Demon-ul li .Demon-wrap h3 {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 20px;
	margin-top: 35px;
}

.Demon-ul li .Demon-wrap p {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 26px;
	margin-top: 10px;
}

.Demon-main {
	border: 1px solid #BFBFBF;
	height: 302px;
}

.Demon-top {
	margin: 0 auto;
	text-align: center;
	height: 195px;
	border-bottom: 1px solid #BFBFBF;
	overflow: hidden;
}

.Demon-top h3 {
	color: #333333;
	font-size: 20px;
	margin-top: 35px;
}

.Demon-top p {
	font-size: 14px;
	line-height: 26px;
	width: 145px;
	margin: 0 auto;
	margin-top: 30px;
}

.Demon-ul li a {
	display: block;
	width: 108px;
	height: 33px;
	border: 1px solid #3c8be2;
	border-radius: 16px;
	text-align: center;
	line-height: 33px;
	margin: 0 auto;
	font-size: 14px;
	color: #3C8BE2;
	transition: all .3s ease-in-out;
	margin-top: 15px;
}

.Demon-ul li a:hover {
	background: #3C8BE2;
	color: #FFFFFF;
	transition: all .3s ease-in-out;
	margin-top: 15px;
}

.Demon-title {
	width: 333px;
	margin: 0 auto;
	text-align: center;
	padding-bottom:20px;
}

.Demon-title .Demon-title-text {
	position: relative;
	height: 35px;
}

.Demon-title .Demon-title-text h3 {
	color: #007AFF;
	font-weight:bold;
	font-size: 30px;
	line-height: 35px;
	background: #FFFFFF;
	z-index: 1;
	width: 152px;
	position: absolute;
	top: 0;
	left: 90px;
}

.Demon-title .Demon-title-text hr {
	position: absolute;
	top: 17px;
	left: 0;
	width: 100%;
	border-top: 1px solid #FFFFFF;
}

.Demon-title p {
	color: #333333;
	font-size: 16px;
	margin-top: 15px;
}

.Demon-bottom p {
	font-size: 14px;
	text-align: center;
	color: #ff6000;
	margin-top: 20px;
}

.Demon-show {
	display: none;
}

.Demon-bg {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.5;
	z-index: 9;
}

.Demon-con {
	background: #FFFFFF;
	width: 1000px;
	height: 600px;
	position: fixed;
	top: 150px;
	left: 50%;
	margin-left: -500px;
	border-radius: 10px;
	overflow: hidden;
	z-index: 99;
}

.Demon-tit {
	height: 50px;
	background: #3C8BE2;
	color: #FFFFFF;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
}

.Demon-text {
	width: 833px;
	height: 500px;
	margin: 0 auto;
	margin-top: 30px;
}

.Fun {
	height: 600px;
	width: 100%;
	background: url(../images/yue-bg.jpg) center;
	margin-top: 56px;
	overflow: hidden;
}

.Fun-img {
	width: 1223px;
	height: 495px;
	margin: 0 auto;
	margin-top: 52px;
	overflow: hidden;
}

.Fun-img img {
	display: block;
}

.Quotes {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding: 60px 0 50px 0;
}

.Quotes .Quotes-left {
	width: 335px;
	float: left;
}

.Quotes .Quotes-left img {
	width: 241px;
	height: 317px;
	display: block;
	margin: 0 auto;
}

.Quotes-right {
	width: 800px;
	float: left;
	padding-top: 30px;
	position: relative;
}

.Quotes-right p {
	color: #333333;
	font-size: 16px;
	line-height: 36px;
	width: 680px;
	margin: 0 auto;
}

.Quotes-right ul {
	margin-top: 60px;
	padding-left: 110px;
}

.Quotes-right ul li {
	background: url(../images/pic51.png) left center no-repeat;
	background-size: 24px;
	height: 34px;
	line-height: 34px;
	text-indent: 36px;
	font-size: 16px;
	color: #333333;
	margin-top: 10px;
}

.Quotes-right ul li span {
	display: block;
	background: #0096ed;
	width: 245px;
	margin-left: 36px;
	color: #FFFFFF;
	color: #fffc00;
	font-size: 18px;
	text-indent: 0;
	text-align: center;
	border-radius: 30px;
}

.Quotes-right ul li:nth-child(2) {
	background: url(../images/pic52.png) left center no-repeat;
	background-size: 24px;
}

.Quotes-right ul li:nth-child(2) img {
	margin-top: 5px
}

.Quotes-right ul li:nth-child(3) {
	background: url(../images/pic53.png) left center no-repeat;
	background-size: 24px;
}

.Quotes-img1 {
	position: absolute;
	left: 0;
	top: 30px;
}

.Quotes-img2 {
	position: absolute;
	right: 0;
	top: 30px;
}

.Mple {
	height: 330px;
	background: #F2F2F2;
	margin-bottom: -75px;
}

.Mple-wrap {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.Mple-title {
	width: 330px;
	height: 30px;
	margin: 0 auto;
	margin-top: 35px;
}

.Mple-title img {
	display: block;
}

.Mple-ul {
	overflow: hidden;
	margin-top: 70px;
}

.Mple-ul li {
	float: left;
	width: 230px;
	height: 146px;
	margin-left: 10px;
}

.Mple-ul li img {
	display: block;
}

.Sent {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 90px;
}

.Sent-left {
	width: 318px;
	height: 600px;
	float: left;
}

.Sent-left img {
	display: block;
	width: 318px;
	height: 600px;
}

.Sent-right {
	float: right;
	width: 520px;
	float: left;
	margin-left: 152px;
}

.Sent-title {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 30px;
}

.Sent-title h3 {
	color: #252525;
	line-height: 56px;
	font-size: 46px;
	font-weight: normal;
}

.Sent-txt {
	margin-top: 15px;
}

.Sent-txt p {
	color: #252525;
	font-size: 16px;
	line-height: 42px;
}

.Sent-black {
	margin-top: 70px;
	margin-left: 35px;
}

.Sent-black p {
	color: #252525;
	line-height: 62px;
	font-size: 18px;
}

.Sent-black p span {
	font-size: 22px;
	color: #252525;
}

.Tel {
	background: url(../images/pic60.jpg) left top;
	height: 300px;
	overflow: hidden;
}

.Tel-title {
	text-align: center;
	font-size: 30px;
	color: #FFFFFF;
	margin-top: 45px;
}

.Tel-main {
	width: 508px;
	height: 113px;
	border: 1px solid #FFFFFF;
	font-size: 50px;
	line-height: 113px;
	text-align: center;
	color: #FFFFFF;
	margin: 0 auto;
	margin-top: 60px;
}

.APK-case-title {
	width: 275px;
	background: url(../images/line.jpg) center bottom no-repeat;
	background-size: 100%;
	margin: 0 auto;
	color: #252525;
	font-size: 30px;
	line-height: 100px;
	text-align: center;
}

.Case-ul {
	width: 1133px;
	margin: 0 auto;
	margin-top: 30px;
}

.Case-ul ul {
	overflow: hidden;
	margin-left: -22px;
}

.Case-ul li {
	width: 363px !important;
	height: 278px !important;
	margin-left: 22px;
	margin-top: 20px;
}

.Case-ul li .Case-img {
	width: 363px !important;
	height: 278px !important;
}

.Cess {
	height: 560px;
	background: url(../images/pic62.jpg) no-repeat center;
	overflow: hidden;
	margin-top: 70px;
}

.Cess-title {
	width: 275px;
	margin: 0 auto;
	font-size: 30px;
	line-height: 100px;
	text-align: center;
	color: #FFFFFF;
	background: url(../images/line2.png) no-repeat center bottom;
	background-size: 100%;
	margin-top: 90px;
}

.Cess-ul {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 90px;
}

.Cess-ul li {
	width: 165px;
	float: left;
	text-align: center;
	margin-left: 30px;
}

.Cess-ul li h3 {
	font-weight: normal;
	font-size: 20px;
	color: #FFFFFF;
	opacity: 0.8;
}

.Cess-ul li p {
	color: #ffffff;
	font-size: 14px;
	line-height: 26px;
	opacity: 0.8;
}

.Cess-ul li:hover i {
	background-color: #3368e0;
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
}

.Cess-ul li i {
	display: block;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	margin: 0 auto;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	background: rgba(0, 0, 0, 0.2) url(../images/tb23.png) no-repeat center;
}

.xuan {
	margin-top: 25px;
}

.xuan p {
	margin-top: 15px;
}

.Cess-ul li:nth-child(2) i {
	background-color: #3368e0;
	background: rgba(0, 0, 0, 0.2) url(../images/tb24.png) no-repeat center;
}

.Cess-ul li:hover:nth-child(2) i {
	background-color: #3368e0;
}

.Cess-ul li:nth-child(3) i {
	background: rgba(0, 0, 0, 0.2) url(../images/tb25.png) no-repeat center;
}

.Cess-ul li:nth-child(4) i {
	background: rgba(0, 0, 0, 0.2) url(../images/tb26.png) no-repeat center;
}

.Cess-ul li:nth-child(5) i {
	background: rgba(0, 0, 0, 0.2) url(../images/tb27.png) no-repeat center;
}

.Cess-ul li:nth-child(6) i {
	background: rgba(0, 0, 0, 0.2) url(../images/tb28.png) no-repeat center;
}

.Cess-ul li:hover:nth-child(2) i {
	background-color: #3368e0;
}

.Cess-ul li:hover:nth-child(3) i {
	background-color: #3368e0;
}

.Cess-ul li:hover:nth-child(4) i {
	background-color: #3368e0;
}

.Cess-ul li:hover:nth-child(5) i {
	background-color: #3368e0;
}

.Cess-ul li:hover:nth-child(6) i {
	background-color: #3368e0;
}

.Gram-title {}

.Gram-title h3 {
	font-size: 30px;
	text-align: center;
	width: 275px;
	margin: 0 auto;
	font-weight: normal;
	color: #252525;
	line-height: 100px;
	height: 100px;
	background: url(../images/line.jpg) center bottom no-repeat;
}

.Gram-title p {
	font-size: 14px;
	color: #666666;
	margin-top: 15px;
	text-align: center;
}

.Gram-ul {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	border-left: 1px solid #DCDCDC;
	margin-top: 60px;
}

.Gram-ul li {
	width: 399px;
	float: left;
	height: 395px;
	border-right: 1px solid #dcdcdc;
}

.Gram-text {
	width: 265px;
	margin: 0 auto;
}

.Gram-text h3 {
	text-align: center;
	font-size: 18px;
	color: #333333;
	font-weight: normal;
	margin: 50px 0 40px 0;
}

.Gram-text p {
	font-size: 14px;
	line-height: 26px;
	height: 60px;
	margin: 10px;
}

.Partner {
	width: 1154px;
	margin: 0 auto;
	overflow: hidden;
}

.Partner-ul {
	overflow: hidden;
	margin-top: 45px;
	width: 1155px;
}

.Partner-ul li {
	width: 230px;
	float: left;
	/* border-right: 1px solid #e4e4e4; */
	position: relative;
	/* border-bottom: 1px solid #e4e4e4; */
}

.Partner-ul li a {
	display: block;
}

.Partner-ul li a img {
	display: block;
}

.Partner-ul li .Partner-pic2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.Partner-ul li a .Partner-pic1 {
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}

.Partner-ul li a:hover .Partner-pic1 {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}

.Partner-ul li a .Partner-pic2 {
	-webkit-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateY(-180deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
	/*z-index:10;

    position:absolute;*/
}

.Partner-ul li a:hover .Partner-pic2 {
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotate(0deg);
	z-index: 10;
	position: absolute;
}

.Hant {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	margin-top: 100px;
}

.Hant-text {
	width: 705px;
	position: absolute;
	top: 165px;
	left: 490px;
}

.Hant-text .Hant-tit {
	color: #333333;
	font-size: 26px;
}

.Hant-text .Hant-txt {
	margin-top: 45px;
}

.Hant-text .Hant-txt p {
	font-size: 20px;
	line-height: 34px;
	color: #333333;
	margin-top: 10px;
	text-indent: 2em;
}

.Hant-tel {
	color: #9d0707;
	font-size: 26px;
	text-indent: 2em;
	margin-top: 15px;
}

.Infor {
	margin-top: 110px;
	background: url(../images/pic64.jpg) no-repeat center bottom;
	background-size: 100%;
	padding-bottom: 180px;
}

.Infor-wrap {
	width: 1200px;
	margin: 0 auto;
}

.Infor-title {
	text-align: center;
	background: url(../images/lin3.png) center bottom no-repeat;
	padding-bottom: 18px;
}

.Infor-title h3 {
	font-size: 34px;
	font-weight: normal;
	color: #333333;
	letter-spacing: 6px;
	font-weight: bold;
}

.Infor-title p {
	font-size: 14px;
	color: #666666;
	text-transform: uppercase;
	margin-top: 10px;
}

.Infor-ul {
	overflow: hidden;
	margin-top: 55px;
	border-top: 1px solid #BFBFBF;
	border-left: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
}

.Infor-ul li {
	width: 398px;
	border-right: 1px solid #bfbfbf;
	height: 715px;
	overflow: hidden;
	float: left;
	background: #FFFFFF;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.Infor-txt {
	text-align: center;
	overflow: hidden;
	margin-top: 50px;
}

.Infor-txt h2 {
	color: #666666;
	font-family: arial;
	font-size: 72px;
	line-height: 72px;
}

.Infor-txt p {
	color: #5184cf;
	font-size: 36px;
	line-height: 40px;
	margin-top: 40px;
}

.Infor-img {
	width: 295px;
	margin: 0 auto;
	margin-top: 50px;
}

.Infor-img img {
	display: block;
	width: 295px;
	height: 250px;
}

.Infor-img p {
	font-size: 22px;
	line-height: 32px;
	color: #333333;
	margin-top: 30px;
}

.Infor-ul li:hover {
	background: #ffc500;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.Infor-ul li:hover .Infor-txt h2 {
	color: #FFFFFF;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.OUD {
	margin-top: 70px;
}

.OUD-wrap {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 70px;
}

.OUD-left {
	width: 367px;
	height: 218px;
	float: left;
}

.OUD-left img {
	display: block;
}

.OUD-right {
	width: 770px;
	float: right;
}

.OUD-right {
	font-size: 20px;
	line-height: 30px;
}

.OUD-right p {
	color: #666666;
	text-indent: 2em;
}

.Hot {
	margin-top: 90px;
}

.Hot-ul {
	overflow: hidden;
	margin-top: 60px;
	width: 1230px;
	overflow: hidden;
}

.Hot-ul li {
	width: 275px;
	border: 1px solid #bfbfbf;
	padding-bottom: 40px;
	float: left;
	margin-left: 30px;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.Hot-ul li .Hot-top {
	height: 132px;
	background: #FFFFFF;
	background: url(../images/tb29.png) center no-repeat;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.Hot-text {
	text-align: center;
	width: 220px;
	margin: 0 auto;
	margin-top: 45px;
}

.Hot-text h3 {
	color: #333333;
	font-size: 20px;
	font-weight: normal;
}

.Hot-text p {
	color: #666666;
	font-size: 16px;
	line-height: 30px;
	margin-top: 40px;
	height: 90px;
}

.Hot-ul li:nth-child(2) .Hot-top {
	background: url(../images/tb30.png) center no-repeat;
}

.Hot-ul li:nth-child(3) .Hot-top {
	background: url(../images/tb31.png) center no-repeat;
}

.Hot-ul li:nth-child(4) .Hot-top {
	background: url(../images/tb32.png) center no-repeat;
}

.Hot-ul li:hover {
	border: 1px solid #5184CF;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.Hot-ul li:hover .Hot-top {
	background: #5184cf url(../images/tb29-on.png) center no-repeat;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.Hot-ul li:hover:nth-child(2) .Hot-top {
	background: #5184cf url(../images/tb30-on.png) center no-repeat;
}

.Hot-ul li:hover:nth-child(3) .Hot-top {
	background: #5184cf url(../images/tb31-on.png) center no-repeat;
}

.Hot-ul li:hover:nth-child(4) .Hot-top {
	background: #5184cf url(../images/tb32-on.png) center no-repeat;
}

.Cloud {
	margin-top: 65px;
	background: #EEEEEE;
	overflow: hidden;
	padding-bottom: 122px;
}

.Cloud .Infor-title {
	margin-top: 40px;
}

.Cloud-ul {
	overflow: hidden;
	margin-top: 100px;
}

.Cloud-ul li {
	width: 19%;
	float: left;
	margin-left: 1%;
}

.Cloud-img {
	position: relative;
}

.Cloud-img img {
	display: block;
	width: 100%;
}

.Cloud-ul li h3 {
	background: #FFFFFF;
	width: 100%;
	text-align: center;
	line-height: 70px;
	height: 70px;
	font-weight: normal;
	font-size: 20px;
	color: #333333;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.Cloud-ul li:hover h3 {
	background: #5184CF;
	color: #FFFFFF;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.Cloud-ul li .Cloud-fun {
	background: rgba(0, 0, 0, .4);
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	left: 0;
	opacity: 0;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.Cloud-ul li .Cloud-fun p {
	color: #FFFFFF;
	font-size: 18px;
	line-height: 30px;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 3px;
	margin-top: 30%;
}

.Cloud-ul li:hover .Cloud-fun {
	opacity: 1;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.Ment {
	margin-top: 65px;
}

.Ment-wrap {
	width: 1200px;
	margin: 0 auto;
	margin-top: 90px;
	overflow: hidden;
}

.Ment-left {
	width: 600px;
	height: 591px;
	background: url(../images/pic74.jpg) center no-repeat;
	background-size: 100%;
	overflow: hidden;
	float: left;
}

.Ment-left-text {
	width: 555px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 30px;
}

.Ment-left-text h3 {
	color: #FFFFFF;
	font-size: 34px;
	height: 55px;
	line-height: 55px;
	background: url(../images/tb33.png) left center no-repeat;
	background-size: 52px;
	text-indent: 70px;
	font-weight: normal;
	letter-spacing: 3px;
	margin-bottom: 20px;
}

.Ment-left-text p {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 28px;
	text-indent: 2em;
}

.Ment-right {
	width: 600px;
	float: left;
	background: #dcdcdc;
	height: 591px;
}

.Ment-border {
	border-bottom: 1px solid #FFFFFF;
}

.Ment-Part {
	height: 295px;
	overflow: hidden;
}

.Ment-text {
	width: 500px;
	margin-left: 26px;
	margin-top: 38px;
}

.Ment-Part h3 {
	color: #010101;
	font-size: 34px;
	height: 55px;
	line-height: 55px;
	background: url(../images/tb34.png) left center no-repeat;
	background-size: 52px;
	text-indent: 70px;
	font-weight: normal;
	letter-spacing: 3px;
	margin-bottom: 15px;
}

.Ment-Part p {
	color: #4c4c4c;
	font-size: 16px;
	line-height: 28px;
	text-indent: 2em;
}

.Partners {
	width: 1200px;
	margin: 0 auto;
	margin-top: 85px;
}

.Partners-ul {
	overflow: hidden;
	width: 1260px;
	margin-top: 40px;
}

.Partners-ul li {
	border: 1px solid #BFBFBF;
	width: 248px;
	height: 154px;
	border-radius: 5px;
	float: left;
	margin-right: 60px;
	margin-top: 30px;
}

.Partners-ul li a {
	display: block;
}

.Partners-ul li img {
	display: block;
}

.Nav-Drawer {
	position: absolute;
	right: 30px;
	display: block;
	width: 60px;
	height: 60px;
	background: url(../images/tb35.png) no-repeat center;
	background-size: 12px;
	top: 0;
}

.bgDiv {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .3;
	position: fixed;
	display: none;
	z-index: 99;
	bottom: 0;
}

.rightNav {
	width: 50%;
	max-width: 250px;
	height: 100%;
	background: #151515;
	position: fixed;
	z-index: 999;
	top: 0;
	right: -50%;
}

.rightNav h3 {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 16px;
	margin: 30px;
}

.rightNav {}

.rightNav ul li {
	padding: 0 30px;
	border-bottom: 1px solid #1e1e1e;
}

.rightNav ul li a {
	text-indent: 15px;
	color: #666666;
	background: url(../images/tb37.png) left center no-repeat;
	display: block;
	background-size: 10px;
	line-height: 50px;
	text-indent: 25px;
}

.Nav-wrap {
	position: absolute;
	top: 60px;
	background: url(../images/pic76.png) no-repeat right top;
	background-size: 100%;
	width: 258px;
	height: 111px;
	right: 0;
	overflow: hidden;
}

.Nav-main {
	position: absolute;
	right: 90px;
	width: 60px;
	height: 60px;
	background-size: 12px;
	top: 0;
}

.Nav-Search {
	display: block;
	width: 60px;
	height: 60px;
	background: url(../images/tb36.png) no-repeat center;
	background-size: 12px;
}

.Nav-wrap {
	display: none;
}

.Nav-wrap input {
	width: 196px;
	height: 40px;
	border: 1px solid #BFBFBF;
	margin: 0 auto;
	display: block;
	margin-top: 38px;
	font-size: 16px;
	outline: none;
	text-indent: 5px;
}

.Scope {
	width: 1218px;
	margin: 0 auto;
}

.Scope-left {
	width: 218px;
	height: 540px;
	margin-top: -120px;
	position: relative;
	z-index: 9999;
	float: left;
}

.Scope-left img {
	display: block;
}

.Scope-right {
	width: 900px;
	float: left;
	margin-top: 60px;
	margin-left: 90px;
}

.Scope-right h3 {
	color: #333333;
	font-size: 28px;
	font-weight: normal;
}

.Scope-right p {
	font-size: 22px;
	line-height: 38px;
	color: #434242;
	margin-top: 75px;
	text-indent: 2em;
}

.Scope-right span {
	display: block;
	width: 450px;
	height: 63px;
	line-height: 63px;
	border: 2px solid #1a6fa6;
	font-size: 22px;
	color: #434242;
	text-align: center;
	background: url(../images/tel2.png) 20px center no-repeat;
	background-size: 40px;
	margin-top: 70px;
}

.clear {
	clear: both;
}

.Adv {
	height: 805px;
	margin-top: 130px;
}

.Adv-bg {
	width: 100%;
	height: 425px;
	background: #e5e5e5;
}

.Adv-wrap {
	position: relative;
}

.Adv-title {
	width: 338px;
	height: 294px;
	position: absolute;
	right: 0;
	top: -160px;
}

.Adv-title img {
	display: block;
	width: 338px;
	height: 294px;
}

.Adv-ul {
	overflow: hidden;
	margin-left: -16px;
	position: absolute;
	top: 208px;
}

.Adv-ul li {
	float: left;
	margin-left: 16px;
}

.Adv-img {
	width: 282px;
	height: 216px;
}

.Adv-img img {
	display: block;
	width: 282px;
	height: 216px;
}

.Adv-text {
	width: 280px;
	height: 214px;
	border: 1px solid #aaaaaa;
	border-top: none;
	overflow: hidden;
	background: #FFFFFF;
}

.Adv-text h3 {
	color: #333333;
	font-size: 28px;
	margin-top: 40px;
	margin-left: 26px;
}

.Adv-text p {
	font-size: 14px;
	line-height: 20px;
	width: 226px;
	margin: 0 auto;
	margin-top: 30px;
}

.Tech {
	background: url(../images/pic82.jpg) no-repeat center;
	height: 770px;
	overflow: hidden;
}

.Tech .Infor-title h3 {
	color: #FFFFFF;
}

.Tech .Infor-title p {
	color: #FFFFFF;
}

.Tech .Infor-title {
	margin-top: 80px;
}

.Tech-p {
	text-align: center;
	margin-top: 20px;
	color: #999999;
}

.Tech-wrap {
	height: 500px;
	width: 1200px;
	margin: 0 auto;
	background: url(../images/pic83.png) no-repeat center;
	background-size: 1000px;
	overflow: hidden;
	position: relative;
	margin-top: 30px;
}

.Tech-wrap p {
	text-align: center;
	position: absolute;
	color: #fffdfd;
	font-size: 18px;
}

.T1 {
	left: 40px;
	top: 130px;
}

.T2 {
	top: 20px;
	left: 340px;
}

.T3 {
	top: 140px;
	left: 590px;
}

.T4 {
	top: 40px;
	left: 790px;
}

.T5 {
	right: 0;
	top: 145px;
}

.T6 {
	right: 20px;
	top: 285px;
}

.T7 {
	bottom: 50px;
	right: 280px;
}

.T8 {
	bottom: 40px;
	right: 770px;
}

.T9 {
	left: 70px;
	bottom: 130px;
}

.Succ {
	margin-top: 85px;
}

.Succ-p {
	color: #999999;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
}

.Succ-ul {
	width: 1190px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 60px;
}

.Succ-ul ul {
	overflow: hidden;
	width: 1200px;
}

.Succ-ul li {
	width: 293px;
	float: left;
	margin-right: 6px;
}

.Succ-ul li a {
	display: block;
}

.Succ-ul li .Succ-img {
	width: 293px;
	height: 242px;
}

.Succ-ul li .Succ-img img {
	display: block;
	width: 293px;
	height: 242px;
}

.Succ-text {
	width: 291px;
	height: 167px;
	border: 1px solid #BFBFBF;
	border-top: none;
	overflow: hidden;
}

.Succ-txt {
	width: 250px;
	margin: 0 auto;
}

.Succ-part {
	overflow: hidden;
	margin-top: 15px;
}

.Succ-part p {
	width: 45px;
	float: left;
	color: #666666;
	font-size: 12px;
	line-height: 20px;
}

.Succ-part h3 {
	width: 205px;
	float: left;
	font-size: 12px;
	color: #333333;
	border-bottom: 1px solid #BFBFBF;
	line-height: 20px;
	font-weight: normal;
}

.Succ-part:nth-child(1) h3 {
	font-weight: bold;
}

.Succ-btn {
	width: 210px;
	height: 45px;
	border: 1px solid #1a6fa6;
	border-radius: 10px;
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 45px;
	margin-top: 40px;
	color: #333333;
}

.Ard {
	width: 1186px;
	margin: 0 auto;
	margin-top: 55px;
	overflow: hidden;
}

.Ard-ul {
	overflow: hidden;
	width: 1230px;
	margin-top: 45px;
}

.Ard-ul li {
	width: 370px;
	height: 187px;
	overflow: hidden;
	background: #4392ee url(../images/tb38.png) center 150px no-repeat;
	float: left;
	margin-right: 38px;
	margin-top: 13px;
}

.Ard-ul li h3 {
	font-size: 30px;
	color: #FFFFFF;
	text-align: center;
	line-height: 32px;
	margin-top: 50px;
}

.Ard-ul li p {
	color: #FFFFFF;
	font-size: 22px;
	text-align: center;
	margin-top: 20px;
}

.Ard-text {
	margin-top: 90px;
	height: 253px;
	overflow: hidden;
	position: relative
}

.Ard-img {
	width: 744px;
	height: 253px;
}

.Ard-img img {
	display: block;
}

.Ard-txt {
	width: 480px;
	height: 200px;
	background: url(../images/pic86.jpg) center;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: 27px;
}

.Ard-txt h3 {
	color: #FFFFFF;
	margin-top: 36px;
	margin-left: 60px;
	font-size: 44px;
	font-weight: normal;
	letter-spacing: 5px;
}

.Ard-txt p {
	color: #FFFFFF;
	margin-top: 30px;
	margin-left: 60px;
}

.News {
	background: #f2f2f2;
	overflow: hidden;
	margin-bottom: -75px;
	padding-bottom: 75px;
}

.News-top {
	overflow: hidden;
	margin: 60px 0 35px 0;
}

.News-top ul {
	overflow: hidden;
}

.News-top ul li {
	width: 150px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	background: #FFFFFF;
	border-radius: 25px;
	font-size: 16px;
	float: left;
	margin-right: 12px;
}

.News-top ul li a {
	color: #666666;
	display: block;
	border-radius: 25px;
}

.News-top ul li a:hover {
	background: #c01920;
	color: #FFFFFF;
}

.News-top ul li.News-active {
	background: #c01920;
	color: #FFFFFF;
}

.News-top ul li.News-active a {
	color: #FFFFFF;
}

.News-ul {
	/*overflow: hidden;*/
}

.News-ul ul {
	width: 1230px;
}

.News-ul ul li {
	width: 588px;
	float: left;
	background: #FFFFFF;
	overflow: hidden;
	padding: 38px 0;
	margin-right: 22px;
	margin-top: 22px;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.News-ul ul li:hover {
	box-shadow: 0px 0px 20px #999;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.News-ul ul li .News-cont {
	height: 150px;
	overflow: hidden;
}

.News-left {
	width: 160px;
	float: left;
	text-align: center;
	border-right: 1px solid #BFBFBF;
	height: 150px;
	overflow: hidden;
}

.News-left h3 {
	font-family: arial !important;
	color: #535353;
	font-size: 48px;
	margin-top: 35px;
}

.News-left p {
	color: #535353;
	font-size: 14px;
	margin-top: 15px;
}

.News-right {
	width: 320px;
	float: left;
	height: 150px;
	margin-left: 50px;
}

.News-h3 {
	font-size: 18px;
	color: #666666;
	display: block;
	line-height: 26px;
}

.News-right p {
	color: #999999;
	font-size: 14px;
	line-height: 24px;
	margin-top: 20px;
}

.News-right .News-a {
	color: #999999;
	font-size: 14px;
	margin-top: 35px;
	display: block;
}

.News-right .News-a:hover {
	color: #c01920;
}

.News-h3:hover {
	color: #C01920;
}

.Pag {
	overflow: hidden;
	margin-top: 40px;
	position: relative;
}

.Pag .Pag-left {
	height: 60px;
	background: #FFFFFF;
	border-radius: 25px;
	float: left;
	padding: 0 30px;
}

.Pag .Pag-left ul li {
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	margin-top: 15px;
	margin-right: 10px;
}

.Pag .Pag-left ul li a {
	display: block;
	background: #FFFFFF;
	border-radius: 50%;
}

.Pag-active span {
	background: #c01920;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	color: #FFFFFF;
}

.Pag .Pag-left ul li a:hover {
	color: #FFFFFF;
	background: #C01920;
}

.Pag-right {
	height: 50px;
	position: absolute;
	right: 0;
	top: 5px;
	width: 140px;
}

.Pag-right a {
	display: block;
	width: 50px;
	height: 50px;
	background: #FFFFFF;
	border-radius: 50%;
	float: left;
	margin-left: 20px;
}

.Pag-right a i.prev {
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/tb39.jpg) center no-repeat;
}

.Pag-right a i.next {
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/tb40.jpg) center no-repeat;
}

.Details {
	background: #f2f2f2;
	overflow: hidden;
	margin-bottom: -75px;
	padding-bottom: 50px;
}

.Details .Details-top {
	color: #666666;
	height: 80px;
}

.Details .Details-top a {
	color: #666666;
	font-size: 16px;
	line-height: 80px;
}

.Details .Details-top a:hover {
	color: #C01920;
}

.Details-cont {
	background: #FFFFFF;
}

.Details-wrap {
	width: 1075px;
	margin: 0 auto;
}

.Details-title {
	text-align: center;
	padding: 40px 0 15px 0;
	border-bottom: 1px solid #BFBFBF;
}

.Details-title h3 {
	color: #333333;
	font-size: 28px;
	font-weight: normal;
	line-height: 36px;
}

.Details-title p {
	color: #999999;
	font-size: 14px;
	margin-top: 20px;
}

.Details-text {
	padding-bottom: 50px;
	border-bottom: 1px solid #BFBFBF;
}

.Details-text p {
	color: #333333;
	font-size: 16px;
	line-height: 28px;
	margin-top: 25px;
}

.Details-text p img {
	text-align: center;
	/*border: 1px solid #BFBFBF;*/
}

.Details-next {
	padding: 40px 0;
}

.Details-next li {
	font-size: 14px;
	line-height: 30px;
	color: #666666;
}

.Details-next li a {
	color: #666666;
}

.Details-next li a:hover {
	color: #C01920;
}

.For {
	margin-top: 50px;
}

.For .For-tit {
	font-size: 22px;
	color: #333333;
	font-weight: normal;
	line-height: 22px;
	margin-bottom: 10px;
}

.Meth {
	width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
}

.Meth .Meth-title {
	width: 383px;
	height: 119px;
	margin: 0 auto;
}

.Meth .Meth-title img {
	display: block;
	width: 383px;
	height: 119px;
}

.Meth-main {
	width: 1200px;
	height: 95px;
	position: relative;
}

.Meth-main .Meth-main-bg {
	background: #333333;
	height: 80px;
	width: 1190px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.Meth-main-txt {
	width: 280px;
	height: 88px;
	line-height: 88px;
	background: url(../images/tb41.png) center no-repeat;
	background-size: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #FFFFFF;
	font-size: 30px;
	letter-spacing: 5px;
	text-indent: 38px;
}

.Meth-table {
	width: 1140px;
	border: 1px solid #BFBFBF;
	margin: 0 auto;
	margin-top: 40px;
	border-bottom: 0;
}

.Meth-bg {
	background: #f2f2f2;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-bottom: 1px solid #BFBFBF;
}

.Meth-bg li {
	height: 60px;
}

.Meth-ul {
	overflow: hidden;
}

.Meth-ul li {
	float: left;
	width: 259px;
	border-right: 1px solid #BFBFBF;
	font-size: 22px;
	color: #666666;
}

.Meth-ul li:nth-child(3) {
	width: 309px;
	border-right: 1px solid #BFBFBF;
}

.Meth-ul li:nth-child(4) {
	width: 310px;
	border-right: 0;
}

.Meth-ul2 {
	border-bottom: 1px solid #BFBFBF;
}

.Meth-ul2 li {
	height: 102px;
	text-align: center;
	line-height: 102px;
	font-size: 18px;
}

.Meth-ul2 li img {
	display: block;
	margin: 0 auto;
	margin-top: 22px;
}

.Meth-wrap {
	margin-top: 40px;
}

.Meth-wrap2 {
	margin-bottom: 100px;
}

.Meth-ul3 li {
	width: 259px;
	border-right: 1px solid #BFBFBF;
	float: left;
	text-align: center;
}

.Meth-ul3 li:nth-child(2) {
	width: 369px;
}

.Meth-ul3 li:nth-child(3) {
	width: 309px;
}

.Meth-ul3 li:nth-child(4) {
	width: 200px;
	border-right: 0;
}

.Meth-ul4 {
	border-bottom: 1px solid #BFBFBF;
	overflow: hidden;
}

.Meth-ul4 li {
	font-size: 18px;
	color: #666666;
	height: 102px;
	line-height: 102px;
}

.Meth-ul4 li img {
	display: block;
	margin: 0 auto;
	margin-top: 25px;
}

.Meth-ul5 li:nth-child(2) {
	padding: 0 25px;
	width: 319px;
	line-height: 24px;
	text-align: left;
	padding-top: 29px;
	height: 73px;
}

.Contoct {
	background: #f2f2f2;
	margin-bottom: -75px;
	overflow: hidden;
	padding-bottom: 70px;
}

.Contact-top {
	background: #FFFFFF;
	overflow: hidden;
	padding-bottom: 60px;
}

.Contact-top ul {
	overflow: hidden;
}

.Contact-top ul li {
	width: 180px;
	float: left;
	margin-left: 50px;
}

.Contact-top ul li h3 {
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	margin-top: 60px;
}

.Contact-top ul li p {
	color: #666666;
	font-size: 14px;
	line-height: 24px;
	margin-top: 20px;
}

.Contact-top ul li:nth-child(2) {
	width: 140px;
	margin-left: 125px;
}

.Contact-top ul li:nth-child(3) {
	width: 140px;
	margin-left: 150px;
}

.Contact-top ul li:nth-child(4) {
	width: 240px;
	margin-left: 140px;
}

.Contact-Map {
	display: block;
	width: 1200px;
	border: none;
	height: 540px;
}

.What {
	background: url(../images/pic98.jpg) center no-repeat;
	height: 390px;
	overflow: hidden;
	text-align: center;
	position: relative;
}

.What h3 {
	font-size: 36px;
	color: #FFFFFF;
	font-weight: 500;
	line-height: 36px;
	margin-top: 80px;
}

.What p {
	font-size: 16px;
	line-height: 28px;
	color: #FFFFFF;
	margin-top: 55px;
}

.What span {
	display: block;
	width: 52px;
	height: 52px;
	background: url(../images/pic99.png) center no-repeat;
	background-size: 100%;
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -26px;
}

.Your {
	height: 733px;
	background: url(../images/pic100.jpg) center no-repeat;
	overflow: hidden;
}

.Your .Infor-title {
	margin-top: 60px;
	background: url(../images/line4.png) center bottom no-repeat;
}

.Your .Your-p {
	font-size: 14px;
	color: #666666;
	margin-top: 15px;
	text-align: center;
}

.Your-ul {
	overflow: hidden;
	width: 1330px;
	margin-top: 60px;
}

.Your-ul li {
	width: 305px;
	height: 376px;
	border: 1px solid #b28860;
	text-align: center;
	overflow: hidden;
	float: left;
	margin-right: 130px;
}

.Your-ul li h3 {
	color: #333333;
	font-size: 22px;
	font-weight: normal;
	margin-top: 30px;
}

.Your-ul li .Your-text {
	margin-top: 20px;
	height: 180px;
}

.Your-ul li .Your-text p {
	color: #666666;
	font-size: 14px;
	line-height: 30px;
}

.Your-ul li a {
	display: block;
	width: 253px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #b28860;
	border-radius: 20px;
	margin: 0 auto;
	color: #FFFFFF;
	margin-top: 15px;
}

.Your-txt {
	color: #b28860;
	font-size: 14px;
	margin-top: 15px;
}

.Ant {
	background: url(../images/pic102.jpg) center top no-repeat;
	height: 875px;
	position: relative;
}

.Ant-potion {
	position: absolute;
	bottom: 0;
	left: 0;
}

.Ant-wrap {
	position: relative;
}

.Ant-title {
	text-align: right;
	width: 190px;
	position: absolute;
	right: 0;
	top: 100px;
}

.Ant-title h3 {
	color: #eb2128;
	font-size: 34px;
}

.Ant-title p {
	text-transform: uppercase;
	font-size: 14px;
	margin-top: 8px;
	color: #999999;
}

.Ant-title hr {
	border-top: 6px solid #FFFFFF;
	width: 32px;
	float: right;
	margin-top: 40px;
}

.Ant-part {
	width: 298px;
	height: 233px;
	border: 1px solid #FFFFFF;
}

.Ant-main {
	width: 190px;
	margin: 0 auto;
	margin-top: 38px;
	position: relative;
}

.Ant-main h3 {
	color: #FFFFFF;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #FFFFFF;
	width: 100px;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	margin-left: 72px;
}

.Ant-txt {
	margin-top: 40px;
}

.Ant-txt p {
	font-size: 14px;
	line-height: 28px;
}

.Ant-Tion {
	width: 35px;
	height: 35px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.Ant-ul {
	overflow: hidden;
}

.Ant-ul li {
	width: 300px;
	float: left;
}

.Ant-block {
	top: 95px;
	left: 0;
	position: absolute;
}

.Mic {
	overflow: hidden;
}

.Mic-left {
	width: 600px;
	float: left;
}

.Mic-left ul {
	overflow: hidden;
}

.Mic-left ul li {
	width: 300px;
	height: 292px;
	float: left;
}

.Mic-left ul li a {
	display: block;
}

.Mic-left ul li img {
	display: block;
	width: 300px;
	height: 292px;
}

.Mic-right {
	width: 600px;
	float: left;
	height: 584px;
}

.Mic-right a {
	display: block;
}

.Mic-right ul li {
	width: 600px;
	height: 584px;
}

.Mic-right ul li img {
	display: block;
	width: 600px;
	height: 584px;
}

.Pack {
	background: #e5e5e5;
	height: 720px;
	overflow: hidden;
}

.Pack .Infor-title {
	background: url(../images/line4.png) center bottom no-repeat;
	margin-top: 80px;
}

.Pack-ul {
	overflow: hidden;
	width: 1350px;
	overflow: hidden;
	margin-top: 60px;
}

.Pack-ul li .Pack-wrap {
	width: 330px;
	height: 378px;
	background: #bcbcbb;
	border-radius: 10px;
	font-size: 22px;
	color: #545454;
	overflow: hidden;
}

.Pack-ul li {
	position: relative;
	padding-top: 42px;
	width: 330px;
	float: left;
	margin-right: 105px;
}

.Pack-ul li .Pack-top {
	width: 290px;
	height: 56px;
	line-height: 56px;
	margin: 0 auto;
	text-align: center;
	background: #FFFFFF;
	border-radius: 10px;
	color: #545454;
	margin-top: 74px;
}

.Pack-ul li .Pack-text {
	width: 290px;
	height: 178px;
	margin: 0 auto;
	background: #FFFFFF;
	border-radius: 10px;
	margin-top: 19px;
	padding-top: 30px
}

.Pack-ul li .Pack-text p {
	font-size: 20px;
	line-height: 36px;
	color: #545454;
	padding-left: 30px;
}

.Pack-ul li .Pack-text p span {
	color: #f7818e;
}

.Pack-ul li i {
	display: block;
	width: 85px;
	height: 85px;
	background: #b28860;
	color: #FFFFFF;
	font-size: 46px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	text-align: center;
	line-height: 85px;
	left: 50%;
	margin-left: -45px;
	border: 3px solid #FFFFFF;
}

.Ding {
	margin-top: 50px;
}

.Ding .Infor-title {
	background: url(../images/line4.png) center bottom no-repeat;
}

.Ding-ul {
	overflow: hidden;
	width: 1230px;
}

.Ding-ul li {
	width: 120px;
	text-align: center;
	float: left;
	margin-top: 55px;
}

.Ding-ul li img {
	display: block;
	width: 96px;
	height: 96px;
	margin: 0 auto;
}

.Ding-ul li p {
	color: #666666;
	margin-top: 20px;
}

.Func {
	background: url(../images/pic108.jpg) center bottom no-repeat;
	padding-bottom: 210px;
	overflow: hidden;
	margin-top: 65px;
	margin-bottom: -75px;
}

.Func-ul {
	overflow: hidden;
	width: 1250px;
	margin-top: 40px;
}

.Func-ul li {
	width: 208px;
	height: 170px;
	border: 1px solid #BFBFBF;
	background: #FFFFFF;
	text-align: center;
	position: relative;
	float: left;
	margin-right: 40px;
	margin-top: 36px;
}

.Func-ul li img {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	margin-top: 35px;
}

.Func-ul li h3 {
	color: #444444;
	font-size: 20px;
	font-weight: normal;
	margin-top: 10px;
}

.Func-ul li .Func-text {
	background: #f0faff;
	width: 208px;
	height: 170px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Func-ul li:hover .Func-text {
	opacity: 1;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Func-text p {
	color: #848484;
	font-size: 16px;
	line-height: 28px;
}

.Func-text p span {
	color: #ff7391;
}

.Func-ul li .Func-text2 p:nth-child(1) {
	margin-top: 60px;
}

.Func-ul li .Func-text3 p:nth-child(1) {
	margin-top: 30px;
}

.Func-ul li .Func-text4 p:nth-child(1) {
	margin-top: 45px;
}

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

.Value .Value-title {
	text-align: center;
}

.Value .Value-title h3 {
	color: #cf0212;
	font-size: 30px;
	font-weight: normal;
}

.Value .Value-title img {
	display: block;
	margin: 0 auto;
	margin-top: 25px;
}

.Value .Value-text {
	background: #f4f4f4;
	height: 175px;
	overflow: hidden;
	margin-top: 40px;
}

.Value .Value-text p {
	width: 1100px;
	margin: 0 auto;
	color: #666666;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	margin-top: 35px;
}

.Value-ul {
	overflow: hidden;
	width: 1220px;
}

.Value-ul li {
	width: 190px;
	height: 268px;
	background: #f4f4f4;
	overflow: hidden;
	margin-top: 10px;
	text-align: center;
	float: left;
	margin-right: 12px;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Value-ul li i {
	display: block;
	width: 56px;
	height: 56px;
	background: url(../images/OA1.png) center no-repeat;
	background-size: 100%;
	margin: 0 auto;
	margin-top: 68px;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Value-ul li p {
	margin-top: 28px;
	color: #333333;
	font-size: 18px;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Value-ul li:nth-child(2) i {
	background: url(../images/OA2.png) center no-repeat;
	background-size: 100%;
}

.Value-ul li:nth-child(3) i {
	background: url(../images/OA3.png) center no-repeat;
	background-size: 100%;
}

.Value-ul li:nth-child(4) i {
	background: url(../images/OA4.png) center no-repeat;
	background-size: 100%;
}

.Value-ul li:nth-child(5) i {
	background: url(../images/OA5.png) center no-repeat;
	background-size: 100%;
}

.Value-ul li:nth-child(6) i {
	background: url(../images/OA6.png) center no-repeat;
	background-size: 100%;
}

.Value-ul li:hover {
	background: #cf0212;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Value-ul li:hover p {
	color: #FFFFFF;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Value-ul li:hover i {
	background: url(../images/OA1-ON.png) center no-repeat;
	background-size: 100%;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Value-ul li:hover:nth-child(2) i {
	background: url(../images/OA2-ON.png) center no-repeat;
	background-size: 100%;
}

.Value-ul li:hover:nth-child(3) i {
	background: url(../images/OA3-ON.png) center no-repeat;
	background-size: 100%;
}

.Value-ul li:hover:nth-child(4) i {
	background: url(../images/OA4-ON.png) center no-repeat;
	background-size: 100%;
}

.Value-ul li:hover:nth-child(5) i {
	background: url(../images/OA5-ON.png) center no-repeat;
	background-size: 100%;
}

.Value-ul li:hover:nth-child(6) i {
	background: url(../images/OA6-ON.png) center no-repeat;
	background-size: 100%;
}

.Tra {
	overflow: hidden;
	margin-top: 130px;
}

.Tra-left {
	width: 820px;
	float: left;
}

.Tra-left img {
	display: block;
	width: 820px;
}

.Tra-right {
	width: 300px;
	float: right;
	text-align: right;
}

.Tra-right h3 {
	font-weight: normal;
	font-size: 26px;
	color: #111111;
}

.Tra-text {
	margin-top: 50px;
}

.Tra-text p {
	color: #333333;
	font-size: 18px;
	line-height: 34px;
}

.Tra-right a {
	display: block;
	width: 160px;
	height: 45px;
	color: #cf0212;
	border: 1px solid #CF0212;
	border-radius: 22px;
	line-height: 45px;
	text-align: center;
	float: right;
	margin-top: 70px;
}

.Rity {
	margin-top: 230px;
}

.Rity-title {
	width: 285px;
	margin: 0 auto;
	height: 30px;
	line-height: 30px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.Rity-title h3 {
	font-weight: normal;
	color: #CF0212;
	font-size: 18px;
	width: 116px;
	background: #FFFFFF;
	position: absolute;
	left: 50%;
	margin-left: -58px;
}

.Rity-title hr {
	border-top: 1px solid #CF0212;
	margin-top: 15px;
}

.Rity-text {
	margin-top: 50px;
}

.Rity-text p {
	font-size: 14px;
	color: #333333;
	line-height: 34px;
}

.Rity-text p img {
	display: block;
	width: 860px;
	margin: 70px auto;
}

.Core {
	background: url(../images/pic110.jpg) no-repeat center;
	height: 635px;
	overflow: hidden;
	width: 100%;
}

.Core .Core-title {
	width: 500px;
	margin: 0 auto;
	text-align: center;
	margin-top: 38px;
}

.Core .Core-title h3 {
	font-weight: normal;
	font-size: 30px;
	color: #FFFFFF;
}

.Core .Core-title img {
	display: block;
	margin-top: 25px;
}

.Core-table {
	overflow: hidden;
	width: 1210px;
}

.Core-table a {
	display: block;
	width: 192px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	background: #FFFFFF;
	float: left;
	margin-right: 9px;
	cursor: pointer;
}

.Core-table a:hover {
	color: #FFFFFF;
	background: #cf0212;
}

.Core-table a.menu1 {
	color: #FFFFFF;
	background: #cf0212;
}

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

.Core-text {
	overflow: hidden;
	height: 222px;
	width: 100%;
	background: rgba(0, 0, 0, 0.4);
}

.Core-text ul {
	overflow: hidden;
}

.Core-text li {
	width: 600px;
	float: left;
}

.Core-text ul li p {
	color: #ffffff;
	font-size: 14px;
	line-height: 35px;
	margin-left: 30px;
}

.Core-text ul li p:nth-child(1) {
	margin-top: 20px;
}

.Core-table {
	margin-top: 46px;
}

.Core-tel {
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	margin-top: 70px;
}

.OA-contact {
	width: 1198px;
	border: 1px solid #BFBFBF;
	height: 148px;
	margin: 0 auto;
	margin-top: 75px;
	overflow: hidden;
	position: relative;
}

.OA-left {
	width: 470px;
	height: 148px;
	line-height: 148px;
	background: #C01920;
	float: left;
}

.OA-left h3 {
	text-align: center;
	font-family: arial !important;
	color: #FFFFFF;
	font-size: 30px;
	font-weight: normal;
}

.OA-left h3 span {
	font-family: "微软雅黑" !important;
	font-size: 20px;
	color: #FFFFFF;
}

.OA-right {
	width: 630px;
	float: left;
	line-height: 148px;
	font-size: 22px;
	color: #333333;
}

.OA-right p {
	color: #333333;
	margin-left: 78px;
}

.OA-img {
	position: absolute;
	right: 95px;
	top: 50px;
}

.AY {
	overflow: hidden;
}

.AY-title {
	text-align: center;
	margin-top: 45px;
}

.AY-title h2 {
	text-align: center;
	color: #333333;
	font-size: 46px;
}

.AY-title h2 span {
	color: #c91032;
}

.AY-title img {
	display: block;
	margin: 0 auto;
}

.AY-title .AY-title-text {
	margin-top: 40px;
}

.AY-title .AY-title-text h3 {
	font-size: 20px;
	color: #333333;
	font-weight: normal;
}

.AY-title .AY-title-text p {
	color: #333333;
	font-size: 16px;
	margin-top: 10px;
}

.AY-ul {
	overflow: hidden;
	margin-top: 85px;
}

.AY-ul li {
	float: left;
	width: 300px;
	text-align: center;
}

.AY-ul li i {
	display: block;
	width: 80px;
	height: 80px;
	background: url(../images/ali1.png) no-repeat center;
	background-size: 100%;
	margin: 0 auto;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.AY-ul li .AY-text {
	margin-top: 18px;
}

.AY-ul li .AY-text h3 {
	font-weight: normal;
	font-size: 16px;
	color: #333333;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.AY-ul li .AY-text p {
	font-weight: normal;
	font-size: 14px;
	color: #333333;
	margin-top: 5px;
}

.AY-ul li:nth-child(2) i {
	background: url(../images/ali2.png) no-repeat center;
	background-size: 100%;
}

.AY-ul li:nth-child(3) i {
	background: url(../images/ali3.png) no-repeat center;
	background-size: 100%;
}

.AY-ul li:nth-child(4) i {
	background: url(../images/ali4.png) no-repeat center;
	background-size: 100%;
}

.AY-ul li:hover h3 {
	color: #2bbbff;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.AY-ul li:hover i {
	background: url(../images/ali1-on.png) no-repeat center;
	background-size: 100%;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.AY-ul li:hover:nth-child(2) i {
	background: url(../images/ali2-on.png) no-repeat center;
	background-size: 100%;
}

.AY-ul li:hover:nth-child(3) i {
	background: url(../images/ali3-on.png) no-repeat center;
	background-size: 100%;
}

.AY-ul li:hover:nth-child(4) i {
	background: url(../images/ali4-on.png) no-repeat center;
	background-size: 100%;
}

.Solve {
	background: #373d41;
	overflow: hidden;
	margin-top: 90px;
}

.Solve-ul {
	width: 75%;
	overflow: hidden;
	margin: 0 auto;
}

.Solve-ul li {
	width: 20%;
	float: left;
	position: relative;
}

.Solve-ul li img {
	display: block;
}

.Solve-top {
	position: absolute;
	top: 105px;
	width: 100%;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Solve-ul li:hover .Solve-top {
	display: none;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Solve-top img {
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto;
}

.Solve-top hr {
	display: block;
	width: 20px;
	border-top: 2px solid #FFFFFF;
	margin: 25px auto;
}

.Solve-top h3 {
	text-align: center;
	font-size: 20px;
	color: #FFFFFF;
}

.Solve-text {
	overflow: hidden;
	position: absolute;
	margin-top: -500px;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(43, 187, 255, .9);
	text-align: center;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Solve-ul li:hover .Solve-text {
	top: 0;
	margin-top: 0;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Solve-text img {
	display: block;
	width: 60px;
	margin: 0 auto;
	height: 60px;
	margin-top: 40px;
}

.Solve-text h3 {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 20px;
	margin-top: 25px;
}

.Solve-text p {
	width: 90%;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 26px;
	margin: 25px auto;
}

.Solve-text a {
	width: 125px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	border: 1px solid #FFFFFF;
	display: block;
	font-size: 14px;
	color: #FFFFFF;
	margin: 0 auto;
}

.Solve-text a:hover {
	background: #FFFFFF;
	color: #2bbbff;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Sale {
	margin-top: 60px;
}

.Sale-title {
	text-align: center;
	font-size: 26px;
	color: #333333;
	line-height: 26px;
}

.Sale-ul {
	overflow: hidden;
	margin-top: 70px;
}

.Sale-ul li {
	width: 300px;
	float: left;
	text-align: center;
}

.Sale-ul li i {
	display: block;
	width: 54px;
	height: 54px;
	background: url(../images/E1.png) center;
	background-size: 100%;
	margin: 0 auto;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Sale-ul li h3 {
	color: #1e1e1e;
	font-size: 20px;
	margin-top: 30px;
	font-weight: normal;
}

.Sale-ul li .Sale-text {
	width: 205px;
	height: 75px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 26px;
	overflow: hidden;
	margin-top: 10px;
}

.Sale-ul li a {
	display: block;
	width: 125px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	color: #FFFFFF;
	font-size: 16px;
	background: #2bbbff;
	border-radius: 20px;
	margin: 0 auto;
	margin-top: 20px;
}

.Sale-ul li:nth-child(2) i {
	background: url(../images/E2.png) center;
	background-size: 100%;
}

.Sale-ul li:nth-child(3) i {
	background: url(../images/E3.png) center;
	background-size: 100%;
}

.Sale-ul li:nth-child(4) i {
	background: url(../images/E4.png) center;
	background-size: 100%;
}

.Sale-ul li:hover i {
	background: url(../images/E1-ON.png) center;
	background-size: 100%;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Sale-ul li:hover:nth-child(2) i {
	background: url(../images/E2-ON.png) center;
	background-size: 100%;
}

.Sale-ul li:hover:nth-child(3) i {
	background: url(../images/E3-ON.png) center;
	background-size: 100%;
}

.Sale-ul li:hover:nth-child(4) i {
	background: url(../images/E4-ON.png) center;
	background-size: 100%;
}

.AG {
	background: url(../images/ali-g.jpg) center no-repeat;
	height: 102px;
	margin-top: 80px;
}

.They {
	margin-top: 60px;
}

.They-title {
	font-size: 26px;
	color: #333333;
	line-height: 26px;
	text-align: center;
}

.They-ul {
	overflow: hidden;
	width: 1220px;
	margin-top: 40px;
}

.They-ul li {
	width: 285px;
	height: 152px;
	border: 1px solid #e4e4e4;
	float: left;
	margin-right: 16px;
	margin-top: 16px;
}

.They-ul li img {
	height: 152px;
	width: 285px;
	display: block;
}

.AT-title {
	text-align: center;
}

.AT {
	margin-top: 80px;
	padding-bottom: 70px;
	border-bottom: 1px solid #E4E4E4;
}

.AT-title h3 {
	font-size: 30px;
	font-weight: normal;
	color: #333333;
	line-height: 30px;
}

.AT-title p {
	color: #333333;
	font-size: 14px;
	margin-top: 16px;
}

.AT-ul {
	overflow: hidden;
	margin-top: 40px;
}

.AT-ul li {
	width: 600px;
	float: left;
	height: 120px;
	background: #f9f9f9;
	overflow: hidden;
}

.AT-ul li:nth-child(3) {
	background: #FFFFFF;
}

.AT-ul li:nth-child(4) {
	background: #FFFFFF;
}

.AT-left {
	width: 68px;
	height: 68px;
	position: relative;
	margin-left: 30px;
	margin-top: 25px;
	float: left;
}

.AT-ul li:hover .AT-left i {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transition: all 0.6s linear;
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
}

.AT-ul li .AT-left i {
	display: block;
	width: 68px;
	height: 68px;
	background: url(../images/box.png) center no-repeat;
	background-size: 100%;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
}

.AT-left span {
	display: block;
	width: 68px;
	height: 68px;
	color: #5fc96e;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	line-height: 68px;
	font-size: 40px;
}

.AT-right {
	width: 385px;
	float: left;
	margin-left: 20px;
}

.AT-right h3 {
	color: #000000;
	font-weight: normal;
	font-size: 18px;
	margin-top: 25px;
}

.AT-right p {
	color: #9d9d9d;
	font-size: 14px;
	margin-top: 12px;
}

.Lica {
	margin-top: 45px;
	border-bottom: 1px solid #E4E4E4;
	padding-bottom: 45px;
}

.Lica-ul {
	overflow: hidden;
	width: 1220px;
}

.Lica-ul li {
	width: 288px;
	height: 160px;
	float: left;
	margin-right: 16px;
	margin-top: 50px;
}

.Lica-ul li img {
	display: block;
	width: 288px;
	height: 160px;
}

.Lica a {
	display: block;
	width: 222px;
	height: 62px;
	background: #f08820;
	border-radius: 30px;
	margin: 0 auto;
	text-align: center;
	line-height: 62px;
	font-size: 24px;
	color: #FFFFFF;
	margin-top: 50px;
}

.Shake2:hover {
	animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

@keyframes shake {

	10%,
	90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%,
	80% {
		transform: translate3d(2px, 0, 0);
	}

	30%,
	50%,
	70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%,
	60% {
		transform: translate3d(4px, 0, 0);
	}
}

.Stry {
	margin-top: 50px;
	overflow: hidden;
}

.Stry-ul {
	overflow: hidden;
	margin-top: 45px;
}

.Stry-ul li {
	width: 299px;
	float: left;
	padding-left: 1px;
	height: 319px;
	margin-top: 1px;
}

.Stry-ul li a {
	display: block;
	background: url(../images/xin1.jpg) center no-repeat;
	background-size: 100%;
	height: 319px;
	overflow: hidden;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Stry-ul li:nth-child(2) a {
	background: url(../images/xin2.jpg) center no-repeat;
	background-size: 100%;
}

.Stry-ul li:nth-child(3) a {
	background: url(../images/xin3.jpg) center no-repeat;
	background-size: 100%;
}

.Stry-ul li:nth-child(4) a {
	background: url(../images/xin4.jpg) center no-repeat;
	background-size: 100%;
}

.Stry-ul li:nth-child(5) a {
	background: url(../images/xin5.jpg) center no-repeat;
	background-size: 100%;
}

.Stry-ul li:nth-child(6) a {
	background: url(../images/xin6.jpg) center no-repeat;
	background-size: 100%;
}

.Stry-ul li:nth-child(7) a {
	background: url(../images/xin7.jpg) center no-repeat;
	background-size: 100%;
}

.Stry-ul li:nth-child(8) a {
	background: url(../images/xin8.jpg) center no-repeat;
	background-size: 100%;
}

.Stry-ul li:nth-child(9) a {
	background: url(../images/xin9.jpg) center no-repeat;
	background-size: 100%;
}

.Stry-ul li:nth-child(10) a {
	background: url(../images/xin10.jpg) center no-repeat;
	background-size: 100%;
}

.Stry-ul li:nth-child(11) a {
	background: url(../images/xin11.jpg) center no-repeat;
	background-size: 100%;
}

.Stry-ul li:nth-child(12) a {
	background: url(../images/xin12.jpg) center no-repeat;
	background-size: 100%;
}

.Stry-ul li .Stry-text {
	width: 100%;
	height: 319px;
	background: rgba(0, 0, 0, 0.6);
	overflow: hidden;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Stry-ul li .Stry-text img {
	display: block;
	width: 96px;
	height: 165px;
	margin: 0 auto;
	margin-top: 75px;
}

.Stry-ul li:hover .Stry-text {
	background: url(../images/WU-ON1.png) center no-repeat;
	opacity: 0.8;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Stry-ul li:hover:nth-child(2) .Stry-text {
	background: url(../images/WU-ON2.png) center no-repeat;
	opacity: 0.8;
}

.Stry-ul li:hover:nth-child(3) .Stry-text {
	background: url(../images/WU-ON3.png) center no-repeat;
	opacity: 0.8;
}

.Stry-ul li:hover:nth-child(4) .Stry-text {
	background: url(../images/WU-ON4.png) center no-repeat;
	opacity: 0.8;
}

.Stry-ul li:hover:nth-child(5) .Stry-text {
	background: url(../images/WU-ON2.png) center no-repeat;
	opacity: 0.8;
}

.Stry-ul li:hover:nth-child(6) .Stry-text {
	background: url(../images/WU-ON4.png) center no-repeat;
	opacity: 0.8;
}

.Stry-ul li:hover:nth-child(7) .Stry-text {
	background: url(../images/WU-ON1.png) center no-repeat;
	opacity: 0.8;
}

.Stry-ul li:hover:nth-child(8) .Stry-text {
	background: url(../images/WU-ON3.png) center no-repeat;
	opacity: 0.8;
}

.Stry-ul li:hover:nth-child(9) .Stry-text {
	background: url(../images/WU-ON4.png) center no-repeat;
	opacity: 0.8;
}

.Stry-ul li:hover:nth-child(10) .Stry-text {
	background: url(../images/WU-ON2.png) center no-repeat;
	opacity: 0.8;
}

.Stry-ul li:hover:nth-child(11) .Stry-text {
	background: url(../images/WU-ON1.png) center no-repeat;
	opacity: 0.8;
}

.Stry-ul li:hover:nth-child(12) .Stry-text {
	background: url(../images/WU-ON3.png) center no-repeat;
	opacity: 0.8;
}

.Price {
	background: #f0f0f0;
	height: 440px;
	overflow: hidden;
	margin-top: 75px;
}

.Price .AT-title {
	margin-top: 60px;
}

.Price-ul {
	overflow: hidden;
	width: 1240px;
	margin-top: 50px;
}

.Price-ul li {
	width: 274px;
	height: 190px;
	float: left;
	background: #f7f7f7;
	border: 1px solid #bfbfbf;
	overflow: hidden;
	text-align: center;
	margin-right: 32px;
}

.Price-ul li h3 {
	font-weight: normal;
	font-size: 22px;
	color: #f10a0a;
	margin-top: 30px;
}

.Price-ul li .Price-text {
	margin-top: 20px;
}

.Price-ul li .Price-text p {
	color: #000000;
	line-height: 24px;
}

.Price-ul li h2 {
	color: #f08820;
	font-size: 24px;
	margin-top: 10px;
	font-weight: normal;
}

.Price-ul li:nth-child(2) h3 {
	background: url(../images/hot.png) 40px center no-repeat;
}

.Tise {
	background: url(../images/wei-bg.jpg) center no-repeat;
	height: 190px;
	text-align: center;
	overflow: hidden;
}

.Tise-text p {
	font-size: 22px;
	margin-top: 40px;
	color: #FFFFFF;
}

.Tise-text h4 {
	color: #FFFFFF;
	font-size: 26px;
	font-weight: normal;
	margin-top: 15px;
}

.Tise a {
	display: block;
	width: 140px;
	height: 36px;
	background: #f08820;
	color: #FFFFFF;
	line-height: 36px;
	margin: 0 auto;
	font-size: 18px;
	border-radius: 18px;
	margin-top: 8px;
}

.AT-care {
	margin-top: 45px;
	overflow: hidden;
}

.AT-care-ul {
	overflow: hidden;
	width: 1220px;
	margin-top: 50px;
}

.AT-care-ul li {
	width: 282px;
	height: 120px;
	border: 1px solid #e3e3e3;
	float: left;
	margin-right: 20px;
}

.One {
	margin-top: 75px;
}

.One-title {
	width: 721px;
	height: 75px;
	margin: 0 auto;
}

.One-title img {
	display: block;
	width: 721px;
	height: 75px;
}

.One-ul {
	overflow: hidden;
	width: 1260px;
}

.One-ul li {
	width: 570px;
	overflow: hidden;
	float: left;
	margin-right: 60px;
	margin-top: 70px;
}

.One-ul li .One-left {
	width: 230px;
	height: 117px;
	float: left;
}

.One-ul li .One-left img {
	display: block;
}

.One-ul li .One-right {
	width: 330px;
	float: right;
}

.One-ul li .One-right h3 {
	color: #333333;
	font-weight: 600;
	font-size: 20px;
}

.One-ul li:hover .One-right h3 {
	color: #c11920;
}

.One-ul li .One-right p {
	color: #333333;
	font-size: 14px;
	line-height: 24px;
	margin-top: 15px;
}

.Deve {
	margin-top: 50px;
}

.Deve-title {
	width: 495px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../images/title13.png) center top no-repeat;
	padding-top: 74px;
}

.Deve-title h3 {
	color: #333333;
	font-size: 36px;
	letter-spacing: 6px;
	font-weight: 700;
	padding-left: 215px;
	margin-top: 8px;
}

.Deve-title h3 span {
	color: #c11920;
}

.Deve-wrap {
	overflow: hidden;
}

.Deve-left {
	width: 122px;
	float: left;
}

.Deve-left ul li {
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: #d7d7d7;
	margin-top: 5px;
}

.Deve-left ul li a {
	display: block;
	color: #333333;
	font-size: 24px;
	font-family: arial !important;
}

.Deve-Active a {
	background: #c01920;
	color: #FFFFFF !important;
}

.Deve-left ul li a:hover {
	background: #c01920;
	color: #FFFFFF !important;
}

.Deve-Main {
	width: 1000px;
	float: right;
	min-height: 370px;
	background: url(../images/FA3.jpg) 190px top repeat-y;
	background-size: 2px;
}

.Deve-part {
	margin-top: 60px;
}

.Deve-part h3 {
	background: url(../images/FA1.png) no-repeat left center;
	background-size: 21px;
	font-size: 30px;
	line-height: 30px;
	text-indent: 30px;
	color: #c01920;
	margin-left: 182px;
}

.Deve-part ul li {
	overflow: hidden;
	margin-top: 40px;
}

.Deve-part ul li img {
	display: block;
	float: left;
	height: 120px;
	width: 160px;
}

.Deve-txt {
	width: 795px;
	float: right;
	font-size: 16px;
	color: #666666;
	background: url(../images/FA2.png) no-repeat left 5px;
	padding-left: 20px;
}

#test2 {
	position: fixed;
	top: 560px;
}

.Blem {
	margin-top: 70px;
}

.Blem-title {
	text-align: center;
}

.Blem-txt {
	background: url(../images/ying1.png) center bottom no-repeat;
	padding-bottom: 15px;
}

.Blem-txt h3 {
	color: #333333;
	font-size: 36px;
	font-weight: 600;
	letter-spacing: 3px;
}

.Blem-txt h3 span {
	color: #f06710;
}

.Blem-txt small {
	color: #333333;
	font-family: arial !important;
	font-size: 20px;
	display: block;
	margin-top: 10px;
	text-transform: uppercase;
}

.Blem-title p {
	color: #666666;
	font-size: 16px;
	margin-top: 8px;
}

.Blem-wrap {
	margin-top: 60px;
	position: relative;
}

.Blem-wrap img {
	display: block;
	margin: 0 auto;
}

.Blem-text {
	position: absolute;
	width: 305px;
}

.Blem-text h3 {
	color: #000000;
	font-size: 26px;
	letter-spacing: 1px;
}

.Blem-text p {
	color: #666666;
	font-size: 16px;
	line-height: 22px;
	margin-top: 15px;
}

.Blem-text1 {
	top: 82px;
	left: 70px;
}

.Blem-text1 h3 {
	padding-left: 70px;
}

.Blem-text2 {
	top: 240px;
	left: 30px;
}

.Blem-text2 h3 {
	padding-left: 70px;
}

.Blem-text3 {
	bottom: 0;
	left: 60px;
}

.Blem-text3 h3 {
	padding-left: 60px;
}

.Blem-text4 {
	text-align: right;
	top: 82px;
	right: 50px;
}

.Blem-text4 h3 {
	padding-right: 70px;
}

.Blem-text5 {
	text-align: right;
	top: 230px;
	right: 30px;
}

.Blem-text5 h3 {
	padding-right: 100px;
}

.Blem-text6 {
	text-align: right;
	bottom: 18px;
	right: 60px;
}

.Blem-text6 h3 {
	padding-right: 60px;
}

.Cane {
	background: url(../images/pic114.jpg) center no-repeat;
	height: 394px;
	overflow: hidden;
	margin-top: 60px;
}

.Cane-title {
	color: #FFFFFF;
	font-size: 36px;
	font-weight: 500;
	text-align: center;
	margin-top: 35px;
	letter-spacing: 5px;
}

.Cane-title span {
	color: #ed6c1a;
}

.Cane-wrap {
	overflow: hidden;
	margin-top: 85px;
}

.Cane-left {
	float: left;
	width: 600px;
}

.Cane-left .Cane-text {
	background: url(../images/bainiu2.png) left center no-repeat;
	height: 93px;
	padding-left: 220px;
}

.Cane-left .Cane-text p {
	color: #FFFFFF;
	font-size: 30px;
	line-height: 50px;
}

.Cane-left h4 {
	color: #999999;
	font-size: 26px;
	font-weight: normal;
	margin-top: 40px;
}

.Cane-right {
	width: 280px;
	float: right;
}

.Cane-right a {
	width: 266px;
	height: 46px;
	display: block;
	background: #ed6c1a;
	text-align: center;
	line-height: 46px;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 20px;
	margin-top: 10px;
}

.Where {
	margin-top: 70px;
}

.Where .Blem-txt small {
	letter-spacing: 4px;
}

.Where-text {
	border: 1px solid #BFBFBF;
	height: 210px;
	margin-top: 40px;
}

.Where-text p {
	width: 1130px;
	margin: 0 auto;
	font-size: 20px;
	line-height: 36px;
	color: #666666;
	margin-top: 30px;
	text-indent: 2em;
}

.Ess {
	margin-top: 85px;
}

.Ess-wrap {
	margin-top: 70px;
	position: relative;
}

.Ess-wrap img {
	display: block;
	margin: 0 auto;
}

.Ess-text {
	font-size: 16px;
	line-height: 20px;
	color: #333333;
	position: absolute;
}

.Ess-text span {
	color: #ed6c1a;
}

.Ess-text1 {
	width: 165px;
	left: 0;
	top: 10px;
}

.Ess-text2 {
	width: 210px;
	top: 135px;
	left: 5px;
}

.Ess-text3 {
	width: 210px;
	top: 240px;
	left: 5px;
}

.Ess-text4 {
	width: 195px;
	top: 345px;
	left: 5px;
}

.Ess-text5 {
	bottom: 80px;
	left: 5px;
	width: 200px;
}

.Ess-text6 {
	width: 165px;
	right: 0;
	top: 46px;
}

.Ess-text7 {
	width: 185px;
	right: 20px;
	top: 168px;
}

.Ess-text8 {
	width: 215px;
	right: 0;
	top: 265px;
}

.Ess-text9 {
	width: 205px;
	right: 0;
	top: 380px;
}

.Ess-text10 {
	width: 205px;
	right: 0;
	top: 485px;
}

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

.Tard img {
	display: block;
	width: 100%;
}

.Man {
	margin-top: 100px;
}

.Man-ul {
	overflow: hidden;
	width: 1250px;
	margin-top: 40px;
}

.Man-ul li {
	width: 208px;
	height: 170px;
	border: 1px solid #BFBFBF;
	text-align: center;
	float: left;
	margin-right: 40px;
	margin-top: 36px;
}

.Man-ul li img {
	display: block;
	width: 45px;
	margin: 0 auto;
	margin-top: 30px;
}

.Man-ul li p {
	color: #444444;
	font-size: 20px;
	margin-top: 18px;
}

.Nage {
	margin-top: 80px;
}

.Nage-ul {
	overflow: hidden;
	padding-left: 8px;
	width: 1200px;
	margin-top: 50px;
}

.Nage-ul li {
	width: 285px;
	float: left;
	margin-right: 15px;
}

.Nage-ul li img {
	display: block;
	width: 285px;
	height: 220px;
}

.Nage-ul li .Nage-text {
	border: 1px solid #BFBFBF;
	height: 215px;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	border-top: 0;
}

.Nage-ul li .Nage-txt {
	height: 98px;
	overflow: hidden;
}

.Nage-ul li .Nage-txt h3 {
	color: #333333;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	line-height: 98px;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Nage-ul li p {
	width: 230px;
	color: #666666;
	font-size: 14px;
	line-height: 20px;
	margin: 0 auto;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	text-indent: 2em;
}

.Nage-ul li:nth-child(3) .Nage-txt h3 {
	line-height: 30px;
}

.Nage-ul li:nth-child(3) .Nage-txt h3:nth-child(1) {
	margin-top: 15px;
}

.Nage-ul li:hover .Nage-text {
	background: #ed6c1a;
	border: 1px solid #ED6C1A;
	border-top: 0;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Nage-ul li:hover .Nage-text h3 {
	color: #FFFFFF;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Nage-ul li:hover .Nage-text p {
	color: #FFFFFF;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Success {
	background: #dcdcdc;
	height: 588px;
	margin-bottom: -75px;
	margin-top: 90px;
	overflow: hidden;
	padding-bottom: 30px;
}

.Success .Blem-title {
	margin-top: 70px;
}

.Success-ul {
	overflow: hidden;
	width: 1230px;
	margin-top: 50px;
}

.Success-ul li {
	width: 280px;
	float: left;
	margin-right: 26px;
}

.Success-ul li a {
	display: block;
}

.Success-ul li a img {
	display: block;
	width: 280px;
	height: 207px;
}

.Success-ul li a p {
	display: block;
	width: 280px;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	text-align: center;
	background: #FFFFFF;
	color: #333333;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Success-ul li a:hover p {
	background: #ed6c1a;
	color: #FFFFFF;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Anta {
	margin-top: 70px;
}

.Anta-title {
	text-align: center;
	margin: 0 auto;
}

.Anta-title h3 {
	color: #333333;
	font-size: 36px;
}

.Anta-title h3 span {
	color: #009a9a;
}

.Anta-title p {
	color: #666666;
	font-size: 20px;
	margin-top: 15px;
}

.Anta-ul {
	overflow: hidden;
}

.Anta-ul li {
	width: 400px;
	float: left;
	text-align: center;
	margin-top: 60px;
}

.Anta-ul li .Anta-top {
	width: 80px;
	height: 80px;
	display: block;
	background: url(../images/zai1.jpg) left center no-repeat;
	overflow: hidden;
	margin: 0 auto;
}

.Anta-ul li .Anta-top span {
	display: block;
	width: 80px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	color: #40b7f8;
	margin-top: 20px;
}

.Anta-ul li p {
	width: 240px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	margin-top: 20px;
	height: 80px;
}

.Anta-img {
	width: 100%;
	margin-top: 50px;
}

.Anta-img img {
	display: block;
	width: 100%;
}

.Deploy {
	margin-top: 80px;
}

.Deploy .Anta-title {
	width: 665px;
	margin: 0 auto;
}

.Deploy-ul {
	width: 1080px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 65px;
}

.Deploy-ul li {
	width: 270px;
	float: left;
	text-align: center;
}

.Deploy-ul li img {
	display: block;
	width: 145px;
	height: 145px;
	margin: 0 auto;
}

.Deploy-ul li .Deploy-text h3 {
	font-size: 22px;
	color: #333333;
	margin-top: 25px;
}

.Deploy-ul li .Deploy-text p {
	color: #666666;
	font-size: 18px;
	margin-top: 10px;
}

.Scene {
	margin-top: 100px;
}

.Scene-ul {
	overflow: hidden;
	width: 1220px;
	margin-top: 60px;
}

.Scene-ul li {
	width: 185px;
	height: 338px;
	position: relative;
	border-radius: 9px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
}

.Scene-ul li img {
	display: block;
	width: 185px;
	height: 338px;
}

.Scene-ul li p {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 45px;
	background: rgba(0, 0, 0, .5);
	color: #FFFFFF;
	text-align: center;
	line-height: 45px;
	font-size: 14px;
}

.Luate {
	margin-top: 65px;
}

.Luate-wrap {
	background: url(../images/zai13.jpg) center no-repeat;
	height: 390px;
	margin-top: 60px;
	overflow: hidden;
}

.Luate-ul {
	overflow: hidden;
	margin-top: 80px;
	width: 1400px;
}

.Luate-ul li {
	width: 301px;
	float: left;
	margin-right: 145px;
}

.Luate-ul li .Luate-text {
	width: 301px;
	height: 165px;
	background: url(../images/zai14.png) center no-repeat;
	overflow: hidden;
}

.Luate-ul li .Luate-text p {
	width: 250px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	margin-top: 55px;
}

.Luate-head {
	overflow: hidden;
	padding-left: 45px;
	margin-top: 20px;
}

.Luate-head img {
	display: block;
	width: 68px;
	height: 68px;
	border-radius: 50%;
	float: left;
}

.Luate-head p {
	width: 155px;
	color: #FFFFFF;
	float: right;
	line-height: 68px;
}

.Ex {
	margin-top: 80px;
}

.Ex-ul {
	overflow: hidden;
	width: 1220px;
	margin-top: 70px;
}

.Ex-ul li {
	width: 290px;
	margin-right: 13px;
	float: left;
}

.Ex-ul li a {
	display: block;
}

.Ex-ul li a img {
	display: block;
	width: 290px;
	height: 180px;
}

.Ex-ul li a h3 {
	font-weight: normal;
	font-size: 18px;
	color: #FFFFFF;
	background: #009a9a;
	height: 58px;
	line-height: 58px;
	text-align: center;
}

.Ex-more {
	display: block;
	width: 172px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #009a9a;
	border: 1px solid #009A9A;
	border-radius: 8px;
	margin: 0 auto;
	margin-top: 65px;
}

.Cust {
	background: url(../images/ding3.jpg) center top no-repeat;
	margin-top: 108px;
	overflow: hidden;
	padding-bottom: 70px;
}

.Cust-ul {
	overflow: hidden;
	width: 1230px;
	margin-top: 20px;
}

.Cust-ul li {
	width: 590px;
	height: 320px;
	position: relative;
	overflow: hidden;
	float: left;
	margin-right: 20px;
}

.Cust-ul li .Cust-text {
	width: 588px;
	height: 230px;
	background: #DCDCDC;
	margin-top: 89px;
	border: 1px solid #dcdcdc;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Cust-ul li .Cust-text p {
	color: #333333;
	font-size: 16px;
	line-height: 26px;
	width: 530px;
	margin: 0 auto;
	text-indent: 2em;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Cust-ul li .Cust-text p:nth-child(1) {
	margin-top: 95px;
}

.Cust-img {
	position: absolute;
	top: 0;
	width: 489px;
	height: 145px;
	left: 52px;
}

.Cust-ul li:hover .Cust-text {
	background: url(../images/ding4.jpg) center no-repeat;
	background-size: 100%;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Cust-ul li:hover .Cust-text p {
	color: #FFFFFF;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.Mize {
	overflow: hidden;
	margin-top: 60px;
}

.Mize-title {
	text-align: center;
	position: relative;
	height: 90px;
}

.Mize-title img {
	display: block;
	margin: 0 auto;
}

.Mize-top {
	background: url(../images/lin3.png) center bottom no-repeat;
	background-size: 100%;
	width: 360px;
	position: absolute;
	left: 50%;
	margin-left: -180px;
	top: 20px;
}

.Mize-top h3 {
	font-size: 32px;
	color: #333333;
	font-weight: 600;
	padding-bottom: 20px;
}

.Mize-wrap {
	background: url(../images/ding6.jpg) center no-repeat;
	height: 600px;
	margin-top: 25px;
	overflow: hidden;
}

.Mize-ul {
	overflow: hidden;
	width: 1260px;
	margin-top: 70px;
}

.Mize-ul li {
	width: 260px;
	text-align: center;
	float: left;
	margin-right: 53px;
	margin-top: 45px;
}

.Mize-ul li img {
	display: block;
	width: 63px;
	height: 63px;
	margin: 0 auto;
}

.Mize-ul li h3 {
	color: #5b99ec;
	font-size: 20px;
	font-weight: normal;
	margin-top: 25px;
}

.Mize-ul li p {
	width: 170px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
	height: 70px;
}

.Coo {
	margin-top: 75px;
}

.Coo-ul {
	overflow: hidden;
	width: 1230px;
	margin-top: 80px;
}

.Coo-ul li {
	width: 182px;
	float: left;
	margin-right: 20px;
}

.Coo-ul li:nth-child(2) {
	margin-top: 36px;
}

.Coo-ul li:nth-child(4) {
	margin-top: 36px;
}

.Coo-ul li:nth-child(6) {
	margin-top: 36px;
}

.Coo-ul li img {
	display: block;
	width: 182px;
	height: 196px;
}

.Coo-ul li .Coo-text {
	background: url(../images/ding21.jpg) center no-repeat;
	background-size: 100%;
	height: 93px;
	text-align: center;
	overflow: hidden;
}

.Coo-ul li .Coo-text h3 {
	color: #FFFFFF;
	font-size: 18px;
	letter-spacing: 3px;
	margin-top: 12px;
}

.Coo-ul li .Coo-text h4 {
	color: #FFFFFF;
	font-size: 18px;
	margin-top: 8px;
}

.Coo-ul li .Coo-text p {
	color: #FFFFFF;
	font-size: 12px;
}

.Pete {
	height: 580px;
	overflow: hidden;
	margin-top: 150px;
	background: #EEEEEE;
}

.Pete-part {
	margin-top: 70px;
}

.Pete-part h3 {
	color: #666666;
	font-size: 56px;
	font-weight: 400;
	letter-spacing: 5px;
}

.Pete-part .Pete-text {
	margin-top: 30px;
}

.Pete-part .Pete-text p {
	font-size: 28px;
	line-height: 46px;
	letter-spacing: 3px;
}

.Pete-part .Pete-text2 {
	width: 930px;
}

.Pete-part .Pete-text2 p:nth-child(2) {
	text-align: right;
}

.Pete-wrap {
	position: relative;
}

.Pete-img {
	position: absolute;
	top: 0;
	right: 0;
}

.Mer {
	margin-top: 80px;
}

.Mer-table {
	width: 395px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 25px;
}

.Mer-table a {
	display: block;
	height: 32px;
	width: 130px;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	color: #333333;
	background: #bcbabe;
	float: left;
	border-radius: 14px;
	margin-left: 45px;
}

.Mer-table a:hover {
	background: url(../images/ding24.jpg) center no-repeat;
	color: #FFFFFF;
}

.Mer-table .menu1 {
	background: url(../images/ding24.jpg) center no-repeat;
	color: #FFFFFF;
}

.Mer-ul {
	overflow: hidden;
}

.Mer-ul li {
	width: 288px;
	float: left;
	margin-right: 12px;
}

.Mer-ul li a {
	display: block;
}

.Mer-ul li a img {
	display: block;
	width: 288px;
	height: 288px;
}

.Mer-ul li a .Mer-text {
	background: #5b99ec;
	padding-left: 10px;
	padding: 10px 0 10px 10px;
}

.Mer-ul li a .Mer-text h3 {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 18px;
}

.Mer-ul li a .Mer-text p {
	color: #FFFFFF;
	font-size: 16px;
}

.Mer-contont {
	margin-top: 50px;
}

.Wath {
	background: url(../images/ding26.jpg) center;
	height: 880px;
	margin-top: 85px;
	overflow: hidden;
	margin-bottom: -75px;
}

.Wath-wrap {
	overflow: hidden;
	margin-top: 75px;
}

.Wath-left {
	width: 525px;
	height: 726px;
	float: left;
}

.Wath-left img {
	display: block;
}

.Wath-right {
	width: 675px;
	background: #FFFFFF;
	float: left;
	height: 726px;
}

.Wath-title {
	text-align: center;
	font-size: 36px;
	color: #6658df;
	margin-top: 50px;
}

.Wath-main {
	width: 575px;
	margin: 0 auto;
	overflow: hidden;
}

.Wath-main input {
	width: 100%;
	height: 60px;
	line-height: 60px;
	border: none;
	background: #e7e5e5;
	font-size: 19px;
	color: #999999;
	text-indent: 25px;
	margin-top: 18px;
}

.Wath-h {
	overflow: hidden;
	padding-left: 25px;
}

.Wath-min {
	width: 100px;
	float: left;
	overflow: hidden;
	position: relative;
	margin-top: 8px;
}

.Wath-min i {
	display: block;
	height: 22px;
	width: 22px;
	background: url(../images/ding28.png) center;
	background-size: 100%;
	float: left;
}

.Wath-min p {
	width: 70px;
	float: right;
	font-size: 18px;
	color: #666666;
	line-height: 22px;
}

.Wath-active {
	background: url(../images/ding29.png) center !important;
	background-size: 100% !important;
}

.Wath-min input {
	display: block;
	width: 100px;
	height: 22px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.Wath-Ch {
	margin-top: 18px;
}

.Wath-Ch h4 {
	color: #333333;
	font-size: 16px;
	font-weight: normal;
	padding-left: 25px;
}

.Wath-main textarea {
	display: block;
	padding: 15px 25px;
	width: 525px;
	background: #e7e5e5;
	resize: none;
	border: 0;
	font-size: 18px;
	font-family: "微软雅黑";
	margin-top: 18px;
}

.Wath-ul {
	overflow: hidden;
	width: 596px;
}

.Wath-ul li {
	width: 277px;
	float: left;
	margin-right: 21px;
	position: relative;
}

.Wath-ul li span {
	display: block;
	position: absolute;
	line-height: 60px;
	right: 10px;
	top: 18px;
	height: 60px;
	color: #f00;
}

.Wath-web {
	position: relative;
}

.Wath-web span {
	display: block;
	position: absolute;
	line-height: 60px;
	right: 10px;
	top: 18px;
	height: 60px;
	color: #f00;
}

.Wath-main button {
	display: block;
	height: 59px;
	background: url(../images/ding30.jpg) center;
	width: 100%;
	border: none;
	color: #FFFFFF;
	font-size: 26px;
	margin-top: 18px;
}

.Num {
	overflow: hidden;
	margin-top: 50px;
}

.Num-left {
	float: left;
	width: 340px;
	height: 340px;
	margin-left: 65px;
}

.Num-right {
	width: 600px;
	float: left;
	margin-left: 100px;
}

.Num-right h3 {
	font-size: 48px;
	color: #000000;
	font-weight: normal;
	margin-top: 60px;
}

.Num-right p {
	font-size: 20px;
	color: #000000;
	line-height: 30px;
	margin-top: 30px;
}

.Num-monsy {
	background: url(../images/hao2.jpg) repeat-x center bottom;
	position: relative;
	height: 520px;
	margin-top: 70px;
}

.Imac {
	width: 645px;
	height: 520px;
	background: url(../images/imacv.png) no-repeat center bottom;
	position: absolute;
	left: 10%;
}

.Imac iframe {
	width: 591px;
	margin-left: 26px;
	display: block;
	border: none;
	margin-top: 25px;
	height: 335px;
}

.Bao {
	width: 100%;
}

.Bao img {
	display: block;
}

.pone {
	width: 117px;
	height: 242px;
	position: absolute;
	left: 7%;
	bottom: 0;
	background: url(../images/hao3.png) center;
	background-size: 100%;
}

.Num-text {
	width: 575px;
	float: right;
	margin-top: 145px;
}

.Num-text li {
	margin-top: 20px
}

.Num-text p {
	color: #666666;
	font-size: 18px;
	line-height: 30px;
}

.Num-text p a {
	color: #210fcc;
	text-decoration: underline;
}

.Vant-title {
	width: 450px;
	margin: 0 auto;
	text-align: center;
	height: 40px;
	position: relative;
	overflow: hidden;
}

.Vant {
	margin-top: 80px;
}

.Vant-title h3 {
	font-size: 30px;
	font-weight: normal;
	color: #000000;
	position: absolute;
	top: 0;
	height: 40px;
	line-height: 40px;
	width: 215px;
	left: 50%;
	margin-left: -107px;
	text-align: center;
	background: #FFFFFF;
}

.Vant-title h3 span {
	color: #c11920;
}

.Vant-title hr {
	margin-top: 20px;
	display: block;
}

.Vant-ul {
	overflow: hidden;
	width: 1300px;
}

.Vant-ul li {
	width: 185px;
	float: left;
	text-align: center;
	margin-right: 68px;
	margin-top: 60px;
}

.Vant-ul li i {
	display: block;
	width: 145px;
	height: 145px;
	background: #d7d7d7 url(../images/hao6.png) center no-repeat;
	background-size: 74px;
	border-radius: 50%;
	margin: 0 auto;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.Vant-ul li:nth-child(10) i {
	background: #d7d7d7 url(../images/hao0018.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li:nth-child(3) i {
	background: #d7d7d7 url(../images/hao0016.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li:nth-child(7) i {
	background: #d7d7d7 url(../images/hao9.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li:nth-child(9) i {
	background: #d7d7d7 url(../images/hao10.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li:nth-child(6) i {
	background: #d7d7d7 url(../images/hao0017.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li:nth-child(4) i {
	background: #d7d7d7 url(../images/hao12.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li:nth-child(8) i {
	background: #d7d7d7 url(../images/hao13.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li:nth-child(2) i {
	background: #d7d7d7 url(../images/hao14.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li:nth-child(5) i {
	background: #d7d7d7 url(../images/hao15.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li .Vant-text h3 {
	font-size: 18px;
	color: #333333;
	margin: 15px 0 10px 0;
}

.Vant-ul li .Vant-text p {
	color: #333333;
	font-size: 14px;
	line-height: 20px;
	height: 60px;
}

.Vant-ul li:hover i {
	background: #fa412d url(../images/hao6-on.png) center no-repeat;
	background-size: 74px;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.Vant-ul li:hover:nth-child(10) i {
	background: #fa412d url(../images/hao0018-on.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li:hover:nth-child(3) i {
	background: #fa412d url(../images/hao0016-on.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li:hover:nth-child(7) i {
	background: #fa412d url(../images/hao9-on.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li:hover:nth-child(9) i {
	background: #fa412d url(../images/hao10-on.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li:hover:nth-child(6) i {
	background: #fa412d url(../images/hao0017-on.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li:hover:nth-child(4) i {
	background: #fa412d url(../images/hao12-on.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li:hover:nth-child(8) i {
	background: #fa412d url(../images/hao13-on.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li:hover:nth-child(2) i {
	background: #fa412d url(../images/hao14-on.png) center no-repeat;
	background-size: 74px;
}

.Vant-ul li:hover:nth-child(5) i {
	background: #fa412d url(../images/hao15-on.png) center no-repeat;
	background-size: 74px;
}

.TP {
	margin-top: 130px;
}

.TP-ul {
	overflow: hidden;
	padding-left: 40px;
	margin-top: 58px;
}

.TP-ul li {
	width: 254px;
	height: 152px;
	border: 1px solid #BFBFBF;
	float: left;
	margin-right: 30px;
}

.Soft {
	overflow: hidden;
	margin-top: 43px;
}

.Soft-left {
	float: left;
	width: 585px;
}

.Soft-top {
	height: 420px;
	overflow: hidden;
}

.Soft-title {
	width: 136px;
	text-align: center;
	background: #c11920;
	height: 420px;
	overflow: hidden;
	float: left;
}

.Soft-title h3 {
	color: #FFFFFF;
	font-size: 50px;
	width: 60px;
	margin: 0 auto;
	font-weight: normal;
	margin-top: 35px;
}

.Soft-text {
	float: right;
	width: 355px;
}

.Soft-text h4 {
	font-size: 40px;
	font-weight: normal;
	color: #c11920;
	margin-top: 40px;
}

.Soft-text img {
	display: block;
	margin-top: 35px;
}

.Soft-text p {
	display: block;
	line-height: 33px;
	font-size: 16px;
	color: #333333;
	margin-top: 35px;
}

.Soft-bottom {
	width: 585px;
	margin-top: 56px;
}

.Soft-bottom img {
	display: block;
	width: 585px;
	height: 392px;
}

.Soft-right {
	width: 615px;
	float: right;
}

.Soft-img {
	display: block;
	width: 508px;
	height: 688px;
	margin-left: 110px;
	margin-top: 20px;
}

.Soft-tit {
	background: url(../images/fei5.jpg) left top no-repeat;
	height: 103px;
	line-height: 102px;
}

.Soft-tit h4 {
	color: #333333;
	font-size: 20px;
	font-weight: normal;
	padding-left: 115px;
}

.Soft-test {
	width: 505px;
	color: #333333;
	font-size: 16px;
	line-height: 33px;
	margin-left: 115px;
	margin-top: 45px;
}

.Watr {
	background: url(../images/fei6.jpg) center top no-repeat;
	height: 826px;
	margin-top: 105px;
	overflow: hidden;
}

.Watr-title {
	text-align: center;
	color: #FFFFFF;
	font-size: 40px;
	margin-top: 70px;
}

.Watr-wrap {
	margin-top: 105px;
	position: relative;
	height: 528px;
}

.Watr-part {
	width: 99px;
	text-align: center;
	position: absolute;
}

.watr-part1 {
	left: -75px;
	top: 0;
}

.watr-part2 {
	left: 245px;
	top: 0;
}

.watr-part3 {
	left: 550px;
	top: 0;
}

.watr-part4 {
	left: 865px;
	top: 0;
}

.watr-part5 {
	right: -70px;
	top: 0;
}

.Watr-part img {
	display: block;
	width: 99px;
	height: 99px;
	margin-top: 20px;
}

.Watr-part p {
	color: #FFFFFF;
	font-size: 16px;
}

.Watr-part-news img {
	margin-top: 0;
}

.Watr-part-news p {
	margin-top: 20px;
}

.watr-part6 {
	bottom: 0;
	left: 82px;
}

.watr-part7 {
	bottom: 0;
	left: 389px;
}

.watr-part8 {
	bottom: 0;
	left: 707px;
}

.watr-part9 {
	bottom: 0;
	right: 86px;
}

.Plain-top {
	overflow: hidden;
}

.Plain-top-left {
	width: 585px;
	height: 520px;
	float: left;
}

.Plain-top-left img {
	display: block;
	width: 585px;
	height: 520px;
}

.Plain-top-right {
	width: 440px;
	float: left;
}

.Plain-top-right img {
	display: block;
	margin-top: 130px;
}

.Plain-top-right p {
	color: #FFFFFF;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	background: #3a3a3c;
	text-indent: 15px;
	margin-top: 25px;
}

.Plain-wrap {
	overflow: hidden;
}

.Plain-left {
	width: 515px;
	float: left;
	margin-left: 15px;
	overflow: hidden;
}

.Plain-left h3 {
	font-weight: normal;
	font-size: 30px;
	color: #333333;
	margin-top: 85px;
}

.Plain-left p {
	color: #3a3a3c;
	font-size: 16px;
	line-height: 33px;
	margin-top: 15px;
}

.Plain-right {
	width: 432px;
	height: 293px;
	border: 5px solid #57a6c7;
	float: right;
	border-radius: 40px;
	margin-right: 70px;
}

.Plain-right i {
	display: block;
	width: 129px;
	height: 129px;
	background: url(../images/fei19.jpg) center;
	background-size: 100%;
	margin: 0 auto;
	margin-top: 35px;
}

.Plain-right p {
	color: #3a3a3c;
	font-size: 36px;
	text-align: center;
	letter-spacing: 4px;
	margin-top: 10px;
}

.All {
	margin-top: 135px;
}

.All-title {
	text-align: center;
	font-size: 40px;
	font-weight: 600;
	color: #333333;
}

.All-ul {
	overflow: hidden;
	width: 1220px;
	margin-top: 60px;
	margin-bottom: 90px;
}

.All-ul li {
	float: left;
	width: 226px;
	height: 137px;
	margin-right: 15px;
}

.All-ul li img {
	display: block;
	width: 226px;
	height: 137px;
}

.Site {
	margin-top: 70px;
}

.Site-title {
	text-align: center;
}

.Site-title h3 {
	font-size: 50px;
	color: #333333;
}

.Site-title h3 span {
	color: #c11920;
}

.Site-title p {
	font-size: 22px;
	color: #333333;
	text-transform: uppercase;
}

.Site-title img {
	display: block;
	width: 348px;
	height: 50px;
	margin: 0 auto;
	margin-top: 30px;
}

.Site-top {
	overflow: hidden;
	width: 1300px;
	margin-top: 70px;
}

.Site-top li {
	width: 550px;
	float: left;
	margin-right: 90px;
}

.Site-top li img {
	display: block;
	width: 57px;
	height: 57px;
	margin: 0 auto;
}

.Site-top li h2 {
	text-align: center;
	color: #000;
}

.Site-wrap {
	border-top: 1px solid #BFBFBF;
	margin-top: 30px;
}

.Site-wrap li {
	overflow: hidden;
	height: 120px;
	border-bottom: 1px solid #BFBFBF;
	text-align: center;
}

.Site-wrap li .Site-text {
	width: 550px;
	float: left;
	color: #666666;
	font-size: 16px;
	line-height: 28px;
	padding-top: 30px;
}

.Site-wrap li .Site-main {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	font-size: 18px;
	color: #FFFFFF;
	float: left;
	background: #d32028;
	line-height: 90px;
	margin-top: 15px;
}

.Site-wrap li:nth-child(2) .Site-main {
	height: 75px;
	padding-top: 15px;
	line-height: 30px;
}

.Site-wrap li:nth-child(4) .Site-main {
	height: 75px;
	padding-top: 15px;
	line-height: 30px;
}

.Site-wrap li:nth-child(5) .Site-main {
	height: 75px;
	padding-top: 15px;
	line-height: 30px;
}

.Site-text2 {
	line-height: 120px !important;
	padding-top: 0 !important;
}

.Lity {
	margin-top: 100px;
}

.Lity-ul {
	overflow: hidden;
	width: 1400px;
	margin-top: 25px;
}

.Lity-ul li {
	width: 122px;
	float: left;
	text-align: center;
	margin-right: 147px;
	margin-top: 45px;
}

.Lity-ul li i {
	display: block;
	width: 118px;
	border: 2px solid #727272;
	height: 118px;
	border-radius: 50%;
	background: url(../images/san4.jpg) center no-repeat;
}

.Lity-ul li:nth-child(2) i {
	background: url(../images/san5.jpg) center no-repeat;
}

.Lity-ul li:nth-child(3) i {
	background: url(../images/san6.jpg) center no-repeat;
}

.Lity-ul li:nth-child(4) i {
	background: url(../images/san7.jpg) center no-repeat;
}

.Lity-ul li:nth-child(5) i {
	background: url(../images/san8.jpg) center no-repeat;
}

.Lity-ul li:nth-child(6) i {
	background: url(../images/san9.jpg) center no-repeat;
}

.Lity-ul li:nth-child(7) i {
	background: url(../images/san10.jpg) center no-repeat;
}

.Lity-ul li:nth-child(8) i {
	background: url(../images/san11.jpg) center no-repeat;
}

.Lity-ul li:nth-child(9) i {
	background: url(../images/san12.jpg) center no-repeat;
}

.Lity-ul li:nth-child(10) i {
	background: url(../images/san13.jpg) center no-repeat;
}

.Lity-ul li p {
	font-size: 14px;
	line-height: 24px;
	color: #333333;
	margin-top: 15px;
}

.Lity-img {
	width: 100%;
	margin-top: 125px;
}

.Lity-img img {
	display: block;
	width: 100%;
}

.Omer {
	margin-top: 70px;
}

.Omer-wrap {
	overflow: hidden;
	margin-top: 50px;
}

.Omer-left {
	width: 800px;
	float: left;
}

.Omer-wrap a {
	display: block;
}

.Omer-top {
	width: 800px;
	height: 448px;
}

.Omer-top img {
	display: block;
	width: 800px;
	height: 448px;
}

.Omer-r {
	position: relative;
}

.Omer-text {
	background: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
	position: absolute;
	top: -500px;
	left: 0;
	text-align: center;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.Omer-text h3 {
	text-align: center;
	color: #FFFFFF;
	font-size: 50px;
	font-weight: normal;
}

.Omer-text p {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 24px;
	width: 90%;
	margin: 0 auto;
	margin-top: 10px;
}

.Omer-top .Omer-text h3 {
	margin-top: 150px;
}

.Omer-r:hover .Omer-text {
	top: 0;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	-moz-transition: all .6s;
	-webkit-transition: all .6s;
	transition: all .6s;
}

.Omer-ul {
	width: 800px;
	overflow: hidden;
}

.Omer-ul li {
	width: 400px;
	height: 224px;
	float: left;
}

.Omer-ul li a {
	display: block;
	width: 400px;
	height: 224px;
	overflow: hidden;
}

.Omer-ul li img {
	display: block;
	width: 400px;
	height: 224px;
}

.Omer-ul li .Omer-text h3 {
	margin-top: 40px;
}

.Omer-right {
	width: 400px;
	float: right;
	height: 672px;
}

.Omer-right .Omer-ul {
	width: 400px;
}

.Omer-more a {
	display: block;
	width: 320px;
	height: 78px;
	background: #d32028;
	font-size: 30px;
	text-align: center;
	line-height: 78px;
	color: #FFFFFF;
	border-radius: 38px;
	margin: 35px auto;
}

.Whatis {
	background: url(../images/pin1.jpg) left bottom repeat-x;
	height: 380px;
	overflow: hidden;
	margin-top: 100px;
}

.Whatis-wrap {
	position: relative;
}

.Whatis-title {
	font-size: 30px;
	color: #333333;
	height: 35px;
	line-height: 35px;
	border-left: 7px solid #fda518;
	text-indent: 15px;
}

.Whatis-title span {
	font-size: 18px;
}

.Whatis-text {
	width: 735px;
	font-size: 18px;
	line-height: 30px;
	color: #333333;
	text-indent: 2em;
	margin-top: 150px;
	letter-spacing: 2px;
}

.Whatis-img {
	width: 462px;
	height: 266px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.Whatis-img img {
	display: block;
	width: 462px;
	height: 266px;
}

.Whydo {
	margin-top: 80px;
}

.Whydo-ul {
	overflow: hidden;
	margin-top: 100px;
	position: relative;
	margin-left: -80px;
}

.Whydo-ul li {
	width: 275px;
	float: left;
	text-align: center;
	margin-left: 125px;
}

.Whydo-ul li img {
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

.Whydo-ul li h3 {
	font-size: 18px;
	color: #333333;
	font-weight: normal;
	margin: 15px 0 20px 0;
}

.Whydo-ul li p {
	color: #666666;
	line-height: 30px;
	font-size: 14px;
}

.Back {
	background: url(../images/back.png) center;
	background-size: 100%;
	width: 45px;
	height: 45px;
	position: absolute;
	left: 415px;
	top: 90px;
}

.Back1 {
	left: 830px;
}

.Three {
	margin-top: 130px;
}

.Three-wrap {
	height: 696px;
	background: url(../images/pin5.jpg) center no-repeat;
	margin-top: 45px;
	overflow: hidden;
}

.Three-wrap ul {
	width: 750px;
	margin-top: 85px;
	border-top: 1px solid #FFFFFF;
}

.Three-wrap ul li {
	height: 48px;
	line-height: 48px;
	border-bottom: 1px solid #FFFFFF;
}

.Three-wrap ul li h4 {
	width: 123px;
	border: 1px solid #FFFFFF;
	font-weight: normal;
	float: left;
	color: #FFFFFF;
	font-size: 20px;
	padding-left: 30px;
	border-bottom: 0;
	border-top: 0;
}

.Three-wrap ul li p {
	width: 541px;
	border: 1px solid #FFFFFF;
	border-left: 0;
	font-size: 20px;
	color: #FFFFFF;
	padding-left: 53px;
	float: left;
	border-bottom: 0;
	border-top: 0;
}

.Three-text {
	color: #FFFFFF;
	font-size: 20px;
	margin: 30px;
}

.Website {
	position: relative;
	padding-top: 105px;
}

.Website-potion {
	width: 433px;
	height: 380px;
	position: absolute;
	right: -100px;
	top: -190px;
}

.Website-ul {
	overflow: hidden;
	margin-top: 100px;
}

.Website-ul li {
	width: 300px;
	height: 400px;
	overflow: hidden;
	float: left;
}

.Website-ul li .Web-main {
	position: relative;
}

.Website-ul li .Web-main .Website-img {
	display: block;
	width: 300px;
	height: 400px;
}

.Website-ul li .Web-main .Website-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	overflow: hidden;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.Website-ul li .Web-main .Website-text img {
	display: block;
	width: 70px;
	height: 70px;
	margin: 0 auto;
	margin-top: 95px;
}

.Website-ul li .Web-main .Website-text hr {
	width: 33px;
	margin: 18px auto;
	display: block;
}

.Website-ul li .Web-main .Website-text p {
	color: #FFFFFF;
	font-size: 20px;
	text-align: center;
}

.Website-ul li .Website-main {
	height: 200px;
	margin-bottom: 1px;
}

.Website-ul li .Website-main .Website-img {
	height: 200px;
}

.Website-ul li .Website-main .Website-text img {
	display: block;
	width: 70px;
	height: 70px;
	margin: 0 auto;
	margin-top: 25px;
}

.Website-ul li .Web-main .Website-text:hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(216, 149, 19, .67);
	overflow: hidden;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.Browser {
	margin-top: 98px;
}

.Browser-text {
	margin-top: 80px;
}

.Browser-text h4 {
	text-align: center;
	font-size: 30px;
	color: #cf8a11;
	font-weight: normal;
}

.Browser-text img {
	width: 100%;
	display: block;
	margin-top: 20px;
}

.Advn {
	margin-top: 60px;
}

.Advn-ul {
	overflow: hidden;
	margin-top: 130px;
	width: 1220px;
}

.Advn-ul li {
	width: 288px;
	float: left;
	margin-right: 15px;
}

.Advn-ul li a {
	display: block;
}

.Advn-ul li a img {
	display: block;
	width: 288px;
	height: 288px;
}

.Advn-ul li a h3 {
	height: 48px;
	background: #4b4b4b;
	font-size: 19px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 48px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.Advn-ul li a:hover h3 {
	background: #d9a343;
	color: #FFFFFF;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.Advn-more a {
	display: block;
	width: 172px;
	height: 44px;
	border: 1px solid #d29330;
	color: #d29330;
	border-radius: 8px;
	text-align: center;
	line-height: 44px;
	margin: 45px auto;
}

.Advn-more2 a {
	border: 1px solid #1746d2;
	color: #1746d2;
}

.Advn-more3 a {
	border: 1px solid #c11920;
	color: #c11920;
}

.Develo {
	margin-top: 70px;
}

.Develo-title {
	height: 65px;
	position: relative;
	overflow: hidden;
}

.Develo-title-text {
	width: 265px;
	text-align: center;
	height: 65px;
	position: absolute;
	top: 0;
	background: #FFFFFF;
	left: 50%;
	margin-left: -132px;
}

.Develo-title-text h3 {
	color: #1746d2;
	font-size: 30px;
	font-weight: 600;
}

.Develo-title2 h3 {
	color: #c11920;
}

.Develo-title hr {
	border-top: 1px solid #BFBFBF;
	margin-top: 32px;
}

.Develo-ul {
	overflow: hidden;
	width: 1230px;
	margin-top: 40px;
}

.Develo-ul li {
	width: 385px;
	float: left;
	margin-right: 23px;
	margin-top: 18px;
}

.Develo-wrap {
	width: 385px;
	height: 248px;
	overflow: hidden;
	position: relative;
}

.Develo-text {
	position: absolute;
	top: -300px;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .66);
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.Develo-text p {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 24px;
	width: 315px;
	margin: 0 auto;
	margin-top: 65px;
	text-indent: 2em;
}

.Develo-wrap img {
	display: block;
	width: 385px;
	height: 248px;
}

.Develo-ul li h3 {
	height: 60px;
	background: #c9c9c9;
	line-height: 60px;
	text-align: center;
	color: #333333;
	font-size: 20px;
	font-weight: normal;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.Develo-ul li:hover .Develo-text {
	top: 0;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.Develo-ul li:hover h3 {
	background: #1746d2;
	color: #FFFFFF;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
}

.Solution {
	background: #f5f5f5;
	height: 660px;
	overflow: hidden;
	margin-top: 85px;
}

.Solution .Develo-title {
	margin-top: 80px;
}

.Solution .Develo-title .Develo-title-text {
	background: #F5F5F5
}

.Solution-ul {
	overflow: hidden;
	width: 1270px;
	margin-top: 70px;
}

.Solution-ul li {
	width: 250px;
	height: 330px;
	background: #FFFFFF;
	border-radius: 6px;
	overflow: hidden;
	float: left;
	margin-right: 65px;
}

.Solution-ul li:nth-child(1) {
	margin-top: 45px;
}

.Solution-ul li:nth-child(3) {
	margin-top: 45px;
}

.Solution-top {
	width: 250px;
	overflow: hidden;
	height: 140px;
	background: url(../images/ji7.jpg) center no-repeat;
	text-align: center;
}

.Solution-top h3 {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 18px;
	margin-top: 40px;
}

.Solution-top p {
	color: #FFFFFF;
	font-size: 14px;
	margin-top: 20px;
}

.Solution-text {
	width: 248px;
	height: 188px;
	border: 1px solid #BFBFBF;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.Solution-text p {
	width: 215px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 20px;
	color: #666666;
	margin-top: 40px;
	text-indent: 2em;
}

.Support {
	margin-top: 45px;
}

.Support-ul {
	width: 1140px;
	text-align: center;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 90px;
}

.Support-ul ul {
	width: 1200px;
}

.Support-ul li {
	width: 255px;
	float: left;
	margin-right: 40px;
}

.Support-ul li img {
	display: block;
	width: 255px;
	height: 223px;
}

.Support-ul li p {
	text-align: center;
	color: #333333;
	font-size: 18px;
}

.Usn {
	background: #F5F5F5;
	height: 640px;
	margin-bottom: -75px;
	margin-top: 70px;
	overflow: hidden;
	padding-bottom: 70px;
}

.Usn .Develo-title {
	margin-top: 70px;
}

.Usn .Develo-title .Develo-title-text {
	background: #F5F5F5;
}

.Usn-wrap {
	width: 1182px;
	margin: 0 auto;
	overflow: hidden;
}

.Usn-wrap ul {
	overflow: hidden;
	width: 1250px;
	margin-top: 30px;
}

.Usn-wrap ul li {
	width: 272px;
	float: left;
	margin-right: 30px;
	margin-top: 30px;
}

.Usn-wrap ul li .Usn-img {
	width: 272px;
	height: 232px;
	display: block;
}

.Usn-text {
	height: 130px;
	background: #333333;
	overflow: hidden;
}

.Usn-left {
	width: 79px;
	float: left;
	text-align: center;
	margin-left: 28px;
	margin-top: 20px;
}

.Usn-left img {
	display: block;
	width: 79px;
	height: 79px
}

.Usn-left small {
	font-size: 14px;
	color: #FFFFFF;
}

.Usn-txt {
	width: 140px;
	float: left;
	margin-left: 12px;
	margin-top: 45px;
}

.Usn-txt h3 {
	color: #FFFFFF;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	font-weight: normal;
}

.Usn-txt p {
	color: #999999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
}

.navMenubox {
	background: #1c2229;
}

.navMenu-top {
	padding: 10px;
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.navMenu>li {
	display: block;
	margin: 0;
	padding: 0;
	border: 0px;
}

.navMenu>li>a {
	display: block;
	overflow: hidden;
	padding-left: 0px;
	color: #ABB1B7;
	transition: all .3s;
	position: relative;
	text-decoration: none;
	font-size: 17px;
	border-top: 1px solid #222932;
	border-bottom: 2px solid #191e24;
}

.navMenu>li:nth-of-type(1)>a {
	border-top: 1px solid transparent;
}

.navMenu>li:last-child>a {
	border-bottom: 1px solid transparent;
}

.navMenu>li>a>i {
	font-size: 20px;
	float: left;
	font-style: normal;
	margin: 0 5px;
}

.navMenu li a .arrow:before {
	display: block;
	float: right;
	margin-top: 1px;
	margin-right: 15px;
	display: inline;
	font-size: 16px;
	font-family: FontAwesome;
	height: auto;
	content: "\f105";
	font-weight: 300;
	text-shadow: none;
}

.navMenu li a .arrow.open:before {
	float: right;
	margin-top: 1px;
	margin-right: 15px;
	display: inline;
	font-family: FontAwesome;
	height: auto;
	font-size: 16px;
	content: "\f107";
	font-weight: 300;
	text-shadow: none;
}

.navMenu>li>ul.sub-menu,
.navMenu>li>ul.sub-menu>li>ul.sub-menu {
	display: none;
	list-style: none;
	clear: both;
	margin: 8px 0px 0px 10px;
	padding-bottom: 5px;
}

.navMenu>li.active>ul.sub-menu,
.navMenu>li>ul.sub-menu>li.active>ul.sub-menu {}

.navMenu>li>ul.sub-menu li {
	background: none;
	margin: 0px;
	padding: 0px;
}

.navMenu>li>ul.sub-menu li>a {
	display: block;
	font-size: 16px;
	height: 46px !important;
	line-height: 46px !important;
	padding-left: 10px;
	color: #ABB1B7;
	clear: both;
}

.navMenu>li>ul.sub-menu li>a.active,
.navMenu>li>ul.sub-menu li>a:hover,
.navMenu>li>ul.sub-menu>li.active>a {
	color: #FFF;
}

.icon_1:before {
	content: "\f0ac";
}

.icon_2:before {
	content: "\f0ac";
}

.icon_3:before {
	content: "\f0ac";
}

.banner-fei {
	background: url(../images/fei1.jpg?201909231347) center no-repeat;
	height: 629px !important;
}

.Uson {
	margin-top: 80px;
}

.case-main {
	margin-top: 80px;
}

.actGotop {
	position: fixed;
	_position: absolute;
	bottom: 280px;
	right: 0px;
	width: 150px;
	height: 195px;
	display: none;
	z-index:99;
}

.actGotop a,
.actGotop a:link {
	width: 100px;
	height: 195px;
	display: inline-block;
	background: url(../images/blog7year_gotop.png) no-repeat;
	_background: url(../images/blog7year_gotop.gif) no-repeat;
	outline: none;
	background-size: 100%;
}

.actGotop a:hover {
	background: url(../images/blog7year_gotopd.gif) no-repeat;
	outline: none;
	width: 100px;
	height: 195px;
	background-size: 100%;
}

.Kern {
	width: 1200px;
	margin: 0 auto;
	margin-top: 70px;
}

.Kern-ul {}

.Kern-ul li {
	overflow: hidden;
	margin-top: 80px;
}

.Kern-ul li img {
	display: block;
}

.Kern-ul li .Kern-text {
	width: 405px;
}

.Kern-ul li .Kern-text h3 {
	font-size: 24px;
	color: #111111;
	font-weight: normal;
}

.Kern-ul li .Kern-text p {
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	margin-top: 8px;
}

.Kern-ul li:nth-child(1) img {
	float: left;
	width: 616px;
	height: 400px;
}

.Kern-ul li:nth-child(1) .Kern-text {
	float: right;
	margin-right: 70px;
	margin-top: 130px;
}

.Kern-ul li:nth-child(2) img {
	float: right;
	width: 637px;
	height: 442px;
}

.Kern-ul li:nth-child(2) .Kern-text {
	float: left;
	margin-right: 70px;
	margin-top: 150px;
	margin-left: 70px;
}

.Kern-ul li:nth-child(3) img {
	float: left;
	width: 650px;
	height: 485px;
}

.Kern-ul li:nth-child(3) .Kern-text {
	float: right;
	margin-right: 70px;
	margin-top: 130px;
}

.Kern-ul li:nth-child(4) img {
	float: right;
	width: 684px;
	height: 408px;
}

.Kern-ul li:nth-child(4) .Kern-text {
	float: left;
	margin-right: 70px;
	margin-top: 150px;
	margin-left: 40px;
}

.Kern-ul li:nth-child(5) img {
	float: left;
	width: 337px;
	height: 445px;
	margin-left: 150px;
}

.Kern-ul li:nth-child(5) .Kern-text {
	float: right;
	margin-right: 80px;
	margin-top: 130px;
}

.Kern-ul li:nth-child(6) img {
	float: right;
	width: 317px;
	height: 447px;
	margin-right: 160px;
}

.Kern-ul li:nth-child(6) .Kern-text {
	float: left;
	margin-top: 150px;
	margin-left: 160px;
}

.Still {
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
	margin-top: 80px;
}

.Still-wrap {
	float: left;
	width: 600px;
}

.Still-wrap ul {
	width: 530px;
	margin-left: 40px;
}

.Still-wrap ul li {
	overflow: hidden;
	margin-top: 40px;
}

.Still-wrap ul li img {
	display: block;
	width: 105px;
	height: 105px;
	float: left;
}

.Still-wrap ul li .Still-text {
	width: 390px;
	float: left;
	margin-left: 35px;
}

.Still-wrap ul li .Still-text h3 {
	color: #333333;
	font-size: 20px;
	
	margin-top: 3px;
}

.Still-wrap ul li .Still-text p {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	margin-top: 5px;
}

.Monsy {
	width: 1176px;
	margin: 0 auto;
	margin-top: 80px;
}

.Monsy-top {
	border-left: 1px solid #e3e3e3;
	margin-top: 60px;
}

.Monsy-part {
	overflow: hidden;
	text-align: center;
	height: 50px;
	line-height: 50px;
	background: #e5e5e5;
	color: #666666;
}

.Monsy-part .Monsy-left {
	float: left;
	width: 179px;
	text-align: center;
	color: #666666;
}

.Monsy-part .Monsy-center {
	width: 605px;
	float: left;
	color: #666666;
}

.Monsy-part .Monsy-right {
	width: 387px;
	float: left;
	color: #666666;
}

.Monsy-part2 {
	background: none;
	height: 102px;
}

.Monsy-part2 .Monsy-left {
	border-right: 1px solid #e3e3e3;
	font-size: 16px;
	line-height: 25px;
	height: 76px;
	border-bottom: 1px solid #E3E3E3;
	padding-top: 25px;
}

.Monsy-part2 .Monsy-center {
	border-right: 1px solid #e3e3e3;
	font-size: 16px;
	line-height: 25px;
	height: 88px;
	border-bottom: 1px solid #E3E3E3;
	padding-top: 13px;
}

.Monsy-part2 .Monsy-right {
	border-right: 1px solid #e3e3e3;
	font-size: 16px;
	line-height: 25px;
	height: 76px;
	border-bottom: 1px solid #E3E3E3;
	padding-top: 25px;
}

.Monsy-part2 .Monsy-right span {
	color: #e90f0f;
}

.Monsy-part3 {
	height: 160px;
	border-bottom: 1px solid #E3E3E3;
}

.Monsy-part3 .Monsy-left {
	line-height: 160px;
	height: 160px;
	padding: 0;
}

.Monsy-part3 .Monsy-center {
	height: 159px;
	padding: 0;
	border-bottom: none;
}

.Monsy-part3 .Monsy-right {
	height: 159px;
	padding: 0;
	border-bottom: none;
}

.Monsy-ul {
	padding: 0;
}

.Monsy-ul li {
	height: 53px;
	line-height: 53px;
	padding: 0;
	border-bottom: 1px solid #E3E3E3;
	color: #666666;
}

.Monsy-ul li:nth-child(1) {
	height: 52px;
	line-height: 52px;
}

.Monsy-ul li:nth-child(3) {
	border: none;
}

.Monsy-bottom {
	margin-top: 45px;
}

.Monsy-title {
	width: 100%;
	height: 51px;
	line-height: 51px;
	background: #e2e2e2;
	color: #333333;
	text-indent: 20px
}

.Monsy-list {
	margin-top: 20px;
}

.Monsy-list li {
	font-size: 16px;
	line-height: 33px;
	margin-top: 5px;
	color: #666666;
}

.Monsy-list li span {
	display: inline-block;
	width: 127px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	background: #E2E2E2;
	margin-right: 15px;
	color: #666666;
}

.Monsy-img {
	display: block;
	width: 1176px;
	margin: 0 auto;
	margin-top: 70px;
}

.Monsy-img img {
	display: block;
}

.Demon-cuo {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 35px;
	height: 35px;
}

.Demon-cuo img {
	display: block;
	width: 35px;
	height: 35px;
}

.Tact-title {
	height: 31px;
	color: #666666;
	position: relative;
	width: 1120px;
	margin: 0 auto;
	margin-top: 45px;
}

.Tact-title h3 {
	font-size: 25PX;
	color: #666666;
	background: #FFFFFF;
	font-weight: normal;
	position: absolute;
	width: 170px;
	left: 50%;
	margin-left: -85px;
	z-index: 2;
	text-align: center;
	line-height: 31px;
	height: 31px;
}

.Tact-title hr {
	position: absolute;
	top: 15px;
	left: 0;
	width: 100%;
	border-top: 1px solid #ededed;
}

.Contact-bottom {
	background: #FFFFFF;
	padding-bottom: 65px;
}

.Contact-bottom .Tact-title {
	margin-top: 0;
}

.Tom-ul {
	position: relative;
	margin-top: 65px;
}

.Tom-ul li {
	width: 250px;
	float: left;
	z-index: 99999;
	margin-left: 40px;
}

.Tome-block {
	position: absolute;
	top: 116px;
	width: 177px;
	height: 211px;
	background: rgba(0, 0, 0, 0.75);
	z-index: 100;
	left: 275px;
	overflow: hidden;
	border-radius: 3px;
	display: none;
}

.Tome-block img {
	display: block;
	width: 165px;
	height: 165px
}

.Tome-block2 {
	left: 565px;
}

.Tome-block3 {
	left: 855px;
}

.Tome-block4 {
	left: 1145px;
}

.Tome-block img {
	margin: 0 auto;
	display: block;
	margin-top: 7px;
}

.Tome-block P {
	text-align: center;
	color: #ffffff;
	line-height: 38px;
}

.Tom-img {
	width: 127px;
	height: 152px;
	float: left;
	border-radius: 3px;
	box-shadow: 0px 0px 10px #999;
}

.Tom-img img {
	display: block;
}

.Tome-text {
	width: 100px;
	float: right;
}

.Tome-text h3 {
	color: #666666;
	font-size: 20px;
	font-weight: normal;
}

.Tom-txt {
	margin-top: 30px;
}

.Tom-txt p {
	font-size: 14px;
	color: #999999;
	line-height: 25px;
}

.Tome-btn {
	overflow: hidden;
	margin-top: 10px;
}

.Tome-btn a {
	display: block;
	width: 35px;
	height: 35px;
	float: left;
	background: url(../images/qq001.png) center;
	background-size: 100%;
	margin-right: 10px;
}

.Tome-btn a:nth-child(2) {
	background: url(../images/wechat001.png) center;
	background-size: 100%;
}

.clear {
	clear: both;
}

.Tome-a:hover .Tome-block {
	display: block !important;
}

.Hao-banner .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	opacity: 0.37;
}

.Hao-banner .swiper-pagination-bullet-active {
	background: #000000;
	opacity: 0.7;
}

.Hao-banner img {
	display: block;
}

.Beau {
	width: 100%;
	overflow: hidden;
}

.Beau-nav {
	height: 60px;
	background: #3c3c3c;
	margin-top: 1px;
	width: 100%;
	z-index: 9999;
}

.Beau-tit {
	width: 337px;
	height: 60px;
	background: url(../images/hao001.png) center;
	background-size: 100%;
	font-size: 24px;
	line-height: 60px;
	color: #FFFFFF;
	text-align: center;
	float: left;
}

.Beau-ul {
	overflow: hidden;
	width: 860px;
	float: right;
}

.Beau-ul li {
	float: left;
	width: 160px;
	text-align: center;
}

.Beau-ul li a {
	display: block;
	color: #FFFFFF;
	line-height: 60px;
	font-size: 16px;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Beau-ul li a:hover {
	background: #fa412d;
	color: #ffffff;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Beau-ul li.Beau-active a {
	background: #fa412d;
	color: #ffffff;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.Tiy {
	margin-top: 90px;
}

.Tiy .Tiy-title {
	margin-bottom: 80px;
}

.Tiy-title {
	text-align: center;
}

.Tiy-title h3 {
	color: #3c3c3c;
	font-size: 44px;
}

.Tiy-title h3 span {
	color: #fa412d;
	display: block;
}

.Tiy-title p {
	width: 940px;
	margin: 0 auto;
	line-height: 36px;
	color: #3c3c3c;
	font-size: 18px;
	margin-top: 60px;
}

.Tiy-title p span {
	display: block;
	font-size: 24px;
	color: #3C3C3C;
}

.Tiy-ul {
	overflow: hidden;
}

.Tiy-ul li {
	background: #F8F8F8;
	overflow: hidden;
	padding: 100px 0 70px 0;
}

.Tiy-ul li:nth-child(2) {
	background: none;
	padding-bottom: 0;
}

.Tiy-ul li .Tiy-img {
	width: 687px;
	height: 432px;
	float: right;
}

.Tiy-ul li .Tiy-img img {
	display: block;
}

.Tiy-xt {
	width: 415px;
	float: left;
	margin-top: 85px;
}

.Tiy-text {}

.Tiy-text h3 {
	color: #fa412d;
	font-size: 44px;
}

.Tiy-text p {
	font-size: 22px;
	color: #3c3c3c;
	margin-top: 10px;
	line-height: 30px;
}

.Tiy-text hr {
	width: 142px;
	border-top: 4px solid #FA412D;
	display: block;
	margin: 5px 0;
}

.Tiy-text2 {
	width: 590px;
	float: right;
	margin-top: 25px;
}

.Tiy-ul li:nth-child(2) .Tiy-img {
	width: 600px;
	height: 497px;
	float: left;
}

.Tiy-xt2 {
	width: 500px;
	float: left;
	margin-top: 100px;
}

.Tiy-xt2 p {
	margin-top: 25px;
}

.Tiy-xt2 hr {
	width: 190px;
}

.Tiy-xt2 p a {
	display: inline-block;
	background: #fa412d;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	padding: 0 10px;
	border-radius: 3px;
	margin-left: 10px;
}

.Tiy-xt2 p a:nth-child(2) {
	background: #2d84fa;
}

.Tiy-ul li:nth-child(3) {
	padding-bottom: 0;
}

.Tiy-ul li:nth-child(3) .Tiy-img {
	width: 683px;
	height: 510px;
}

.Tiy-ul li:nth-child(4) {
	background: none;
}

.Tiy-ul li:nth-child(4) .Tiy-img {
	float: left;
	width: 588px;
	height: 335px;
}

.Tiy-ul li:nth-child(4) .Tiy-text {
	margin-top: 60px;
}

.Tiy-ul li:nth-child(5) .Tiy-img {
	float: right;
	width: 538px !important;
	height: 334px;
}

.Tiy-ul li:nth-child(5) .Tiy-xt2 {
	margin-top: 30px;
}

.Tiy-ul li:nth-child(5) .Tiy-xt2 p {
	margin-top: 15px;
}

.Tiy-ul li:nth-child(6) {
	background: none;
}

.Tiy-ul li:nth-child(6) .Tiy-img {
	float: left;
	width: 492px;
	height: 305px;
}

.Tiy-ul li:nth-child(6) .Tiy-text span {
	display: block;
	color: #FA412D;
	margin-top: 20px;
	font-size: 20px;
}

.Tiy-ul li:nth-child(6) .Tiy-text p {
	margin-top: 20px;
}

.Tiy-ul li:nth-child(7) .Tiy-img {
	width: 562px;
	height: 337px;
}

.Tiy-ul li:nth-child(7) .Tiy-xt2 {
	margin-top: 40px;
	width: 638px;
}

.Tiy-ul li:nth-child(8) {
	background: none;
}

.Tiy-ul li:nth-child(9) .Tiy-img {
	width: 515px;
	height: 432px;
	float: left;
}

.Tiy-ul li:nth-child(9) .Tiy-xt2 {
	float: right;
}

.Tiy-ul li:nth-child(9) .Tiy-text2 p {
	margin-top: 20px;
}

.Piped {
	margin-top: 120px;
}

.Grem {
	background: url(../images/hao0019.jpg) center no-repeat;
	height: 520px;
	margin-top: 70px;
	overflow: hidden;
}

.Grem .Grem-left {
	width: 310px;
	height: 310px;
	float: left;
	margin-top: 92px;
}

.Grem .Grem-right {
	width: 590px;
	float: left;
	margin-left: 110px;
	margin-top: 160px;
}

.Grem .Grem-right h3 {
	font-size: 56px;
	color: #FFFFFF;
	letter-spacing: 5px;
}

.Grem .Grem-right h4 {
	color: #fed14c;
	font-size: 42px;
	letter-spacing: 5px;
}

.Cause {
	padding-top: 55px;
	overflow: hidden;
	background: #f8f8f8;
	padding-bottom: 40px;
}

.Cause-wrap2 {
	height: 60px;
	line-height: 60px;
	background: #f1f1f1;
	text-align: center;
	border-top: 1px solid #CECECE;
	color: #3c3c3c;
	font-size: 20px;
}

.Cause-left {
	width: 249px;
	float: left;
	border-left: 1px solid #f1f1f1;
	border-right: 1px solid #cecece;
	overflow: hidden;
	color: #3c3c3c;
}

.Cause-wrap2 .Cause-left {
	width: 250px;
}

.Cause-center {
	width: 756px;
	float: left;
	border-right: 1px solid #CECECE;
	color: #3c3c3c;
}

.Cause-right {
	width: 190px;
	float: right;
	color: #3c3c3c;
	text-align: center;
}

.Cause-wrap3 {
	height: 420px;
	overflow: hidden;
	border-left: 1px solid #CECECE;
	border-right: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	background: #FFFFFF;
}

.Cause-wrap3 .Cause-left {
	height: 420px;
	text-align: center;
	overflow: hidden;
}

.Cause-wrap3 .Cause-center {
	height: 420px;
}

.Cause-wrap3 .Cause-right {
	height: 420px;
}

.Cause-text {
	padding-top: 170px;
}

.Cause-text h3 {
	font-size: 22px;
	color: #fa412d;
	font-weight: normal;
}

.Cause-text p {
	color: #555;
	font-size: 16px;
	margin-top: 20px;
}

.Cause-ul {
	padding: 25px;
	padding-top: 15px;
}

.Cause-ul li {
	background: url(../images/hao0020.jpg) left center no-repeat;
	background-size: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	color: #666666;
	text-indent: 30px;
	margin-top: 20px;
}

.Cause-btn {
	overflow: hidden;
}

.Cause-btn p {
	font-size: 18px;
	color: #fa412d;
	margin-top: 160px;
}

.Cause-btn p span {
	font-size: 30px;
	color: #FA412D;
}

.Cause-btn a {
	display: block;
	background: #FA412D;
	width: 140px;
	height: 40px;
	border-radius: 3px;
	text-align: center;
	line-height: 40px;
	margin: 20px auto;
	color: #FFFFFF;
}

.Cause-wrap4 {
	height: 260px;
}

.Cause-wrap4 .Cause-text {
	line-height: 260px;
	padding-top: 0;
}

.Cause-wrap4 .Cane-left h3 {
	margin-top: 0;
}

.Cause-wrap4 .Cause-btn p {
	margin-top: 70px;
}

.Cause-wrap5 {
	height: 130px;
}

.Cause-wrap5 .Cause-text {
	line-height: 130px;
	padding-top: 0;
}

.Cause-wrap5 .Cause-ul {
	padding: 0 25px;
}

.Cause-wrap5 .Cause-ul li {
	line-height: 130px;
	height: 130px;
	line-height: 130px;
	margin: 0;
}

.Cause-wrap5 .Cause-btn a {
	margin: 45px auto;
}

.Cause-wrap6 {
	height: 208px;
	overflow: hidden;
}

.Cause-wrap6 .Cause-text {
	line-height: 208px;
	padding-top: 0;
}

.Cause-wrap6 .Cause-ul {
	margin-top: 20px;
}

.Cause-wrap6 .Cause-btn p {
	margin-top: 70px;
}

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

.Sult {
	display: block;
}

.Sult img {
	display: block;
}

.Roll {
	margin-top: 50px;
}

.Box {
	position: relative;
	margin-top: 40px;
}

.Box .content {
	width: 1200px;
	margin: 0 auto;
}

.Box h2 {
	text-align: center;
	margin-bottom: 35px;
	padding-top: 250px;
}

.Box .Box_con {
	position: relative;
}

.Box .Box_con .btnl {
	position: absolute;
}

.Box .Box_con .btn {
	display: block;
	width: 41px;
	height: 41px;
	position: absolute;
	top: 80px;
	cursor: pointer;
}

.Box .Box_con .btnl {
	background: url(../images/jtl02.png) no-repeat center;
	left: -72px;
}

.Box .Box_con .btnr {
	background: url(../images/jtr02.png) no-repeat center;
	right: -72px;
}

.Box .Box_con .btnl:hover {
	background: url(../images/jtl03.png) no-repeat center;
}

.Box .Box_con .btnr:hover {
	background: url(../images/jtr03.png) no-repeat center;
}

.Box .Box_con .conbox {
	position: relative;
	overflow: hidden;
}

.Box .Box_con .conbox ul {
	position: relative;
	list-style: none;
}

.Box .Box_con .conbox ul li {
	float: left;
	width: 283px;
	height: 167px;
	margin-left: 20px;
	overflow: hidden;
	border: 1px solid #dddddd;
}

.Box .Box_con .conbox ul li:first-child {
	margin-left: 0;
}

.Box .Box_con .conbox ul li img {
	display: block;
	width: 283px;
	height: 167px;
	transition: all 0.5s;
}

.Box .Box_con .conbox ul li:hover img {
	transform: scale(1.1);
}

.Box .BoxSwitch {
	margin-top: 30px;
	text-align: center;
}

.Box .BoxSwitch span {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	width: 30px;
	height: 3px;
	background: #ccc;
	margin: 0 5px;
	cursor: pointer;
}

.Box .BoxSwitch span.cur {
	background: red;
}

.Three-link {
	color: #ffffff;
	font-size: 30px;
}

@media screen and (max-width: 1460px) {
	.Idea-right {
		width: 600px;
	}
}

.Beau-nav {
	width: 100%;
}

.OA-wrap {
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 80px;
}

.OA-wrap .OA-wrap-left {
	width: 700px;
	float: left;
}

.OA-wrap .OA-wrap-right {
	width: 400px;
	float: right;
}

.OA-wrap .OA-wrap-right h3 {
	font-family: arial !important;
	color: #000;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 30px;
	margin-top: 30px;
}

.OA-wrap .OA-wrap-right h3 span {
	font-size: 18px;
	color: #000;
}

.OA-wrap .OA-wrap-right p {
	font-size: 18px;
	color: #333;
	line-height: 32px;
}

.OA-wrap .OA-wrap-right a {
	display: block;
}

.OA-wrap .OA-wrap-right img {
	display: block;
	width: 400px;
	margin-top: 20px;
}

.meke-map {
	width: 8.4rem;
	margin: 0 auto;
	margin-top: 0.5rem;
}

.meke-map h3 {
	text-align: center;
	font-size: 0.48rem;
	color: #333333;
}

.meke-link {
	overflow: hidden;
	margin-top: 0.2rem;
}

.meke-link a {
	color: #666666;
	font-size: 0.36rem;
	line-height: 0.4rem;
	line-height: 0.7rem;
}

.meke-link a:nth-child(1) {}

.meke-map2 {
	width: 8.4rem;
	margin: 0 auto;
	margin-top: 0.5rem;
}

.meke-map2 a {
	font-size: 0.48rem;
	color: #333333;
	margin-right: 0.5rem;
}

.yueche_contact {
	width: 1176px;
	height: 170px;
	padding-top: 25px;
	background: url(../images/car17.jpg?201908191104) no-repeat center center;
}

.yueche_contact p {
	width: 400px;
	margin-left: 140px;
	padding: 15px;
	line-height: 165%;
	font-size: 24px;
	text-align: left;
	color: #fff;
}

/*约车页面新加样式*/
.yueche_price table {
	border-collapse: collapse;
	font-family: "微软雅黑"
}

.yueche_price table,
th,
td {
	border: 1px solid #e3e3e3;
	color: #666666;
	font-size: 16px;
}

.yueche_price .yueche_p0 {
	text-align: center;
	background: #e5e5e5;
	line-height: 40px;
	font-size: 18px;
	font-weight: bold;
}

.yueche_price .yueche_p1 {
	text-align: center;
}

.yueche_price .yueche_p2 {
	text-indent: 24px;
}

.yueche_price td {
	line-height: 60px;
}

.yueche_price tr:nth-child(even) {
	background: #EEE
}

.yueche_price .yueche_green {
	color: #3C6;
	font-weight: bold;
}

.yueche_price .yueche_red {
	color: #F00;
	font-weight: bold;
}

.yueche_price .yueche_p4 {
	font-size: 20px;
	font-weight: bold;
}

.yueche_price .pp {
	/* height: 200px; */
	height: 150px;
	margin: 20px auto;
	clear: both;
}

.yueche_price .pp_box {
	width: 49%;
	/* height: 200px; */
	height: 150px;
	border: solid 1px #EFEFEF;
}

.yueche_price .pp_left {
	float: left;
}

.yueche_price .pp_left .pp_box2 {
	background: #6f80e1;
}

.yueche_price .pp_right {
	float: right
}

.yueche_price .pp_right .pp_box2 {
	background: #f0a02a;
}

.yueche_price .pp_box2 {
	/* height: 150px; */
	height: 90px;
	text-align: center;
	color: #fff;
}

.yueche_price .pp_box2 h2 {
	line-height: 50px;
	font-size: 28px;
	margin: 0;
	padding: 20px 0 0 0;
	color: #fff;
}

.yueche_price .pp_box2 h1 {
	line-height: 50px;
	font-size: 50px;
	margin: 0;
	padding: 0;
	color: #fff;
}

.yueche_price .pp_box2 h1 span {
	font-size: 30px;
	color: #999;
	text-decoration: line-through;
	padding: 0 20px;
}

.yueche_price .pp_box2 h1 strong {
	font-size: 30px;
}

.yueche_price .pp_box3 {
	text-align: center;
}

.yueche_price .pp_box3 a {
	display: inline-block;
	border-radius: 10px;
	text-align: center;
	line-height: 36px;
	color: #fff;
	background: #ff2d46;
	padding: 0 30px;
	margin-top: 8px;
	text-decoration: none;
}

.run-kout {
	background: #ededed;
	overflow: hidden;
	padding-bottom: 45px;
}

.run-banner {
	background: url(../images/run-banner.jpg) no-repeat center;
	height: 357px;
	overflow: hidden;
}

.run-banner p {
	font-size: 32px;
	color: #FFFFFF;
	margin-top: 215px;
	text-align: center;
}

.run-table {
	overflow: hidden;
	width: 804px;
	margin: 0 auto;
	margin-top: 65px;
}

.run-table li {
	width: 125px;
	float: left;
	margin: 0 38px;
	cursor: pointer;
}

.run-table li h3 {
	font-size: 30px;
	font-weight: bold;
	color: #454545;
}

.run-table li hr {
	width: 66px;
	margin: 0 auto;
	border: none;
	display: block;
	border-top: 5px solid #ededed;
	margin-top: 8px;
}

.run-contont {
	width: 1200px;
	margin: 0 auto;
	margin-top: 40px;
	position: relative;
}

.run-ul {
	overflow: hidden;
	border-left: 1px solid #CDCDCD;

}

.run-ul li:nth-child(1) {
	border-top: 1px solid #CDCDCD;
}

.run-ul li:nth-child(2) {
	border-top: 1px solid #CDCDCD;
}

.run-ul li:nth-child(3) {
	border-top: 1px solid #CDCDCD;
}

.run-ul li:nth-child(4) {
	border-top: 1px solid #CDCDCD;
}

.run-ul li:nth-child(5) {
	border-top: 1px solid #CDCDCD;
}

.run-ul li {
	width: 238px;
	border-right: 1px solid #cdcdcd;
	float: left;
	overflow: hidden;
	padding: 15px 0;
	border-bottom: 1px solid #CDCDCD;
}

.run-ul li h3 {
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	font-family: arial impact;
	line-height: 30px;
	color: #4c4948;
}

.run-wrap {
	overflow: hidden;
	width: 195px;
	margin: 0 auto;
	margin-top: 10px;
}

.run-left {
	overflow: hidden;
	float: left;
}

.run-left img {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 3px;
}

.run-left p {
	line-height: 22px;
	font-size: 14px;
	margin-left: 5px;
	float: left;
	color: #4b4846;
}

.run-link {
	width: 68px;
	height: 22px;
	float: right;
	display: block;
	background: #b02e29;
	border-radius: 5px;
	font-size: 12px;
	color: #FFFFFF;
	line-height: 22px;
	text-align: center;
}

.run-more {
	margin: 0 auto;
	background: #B02E29;
	overflow: hidden;
	display: block;
	width: 250px;
	height: 40px;
	border-radius: 5px;
	padding-top: 15px;
	margin-top: 50px;
}

.run-more p {
	float: left;
	color: #FFFFFF;
	font-size: 24px;
	font-weight：lighter;
	line-height: 25px;
	margin-left: 40px;
}

.run-more img {
	float: left;
	width: 25px;
	height: 25px;
	margin-left: 8px;
}

.run-menu h3 {
	color: #B02E29 !important;
}

.run-menu hr {
	border-top: 5px solid #B02E29 !important;
}

.Previous {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	left: -100px;
	top: 50%;
	margin-top: -30px;
	background: url(../images/Previous.png) no-repeat center;
	background-size: 100%;
}

.next {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	right: -100px;
	top: 50%;
	margin-top: -30px;
	background: url(../images/next.png) no-repeat center;
	background-size: 100%;
}

.run-contact {
	background: url(../images/run-pic.jpg) no-repeat center;
	height: 500px;
}

.run-container {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.run-text {
	float: left;
	width: 450px;
	margin-top: 170px;
}

.run-text h3 {
	color: #B02E29;
	font-size: 46px;
	font-weight: normal;
}

.run-text p {
	color: #6d6d6d;
	font-size: 20px;
	margin-top: 5px;
}

.run-main {
	width: 390px;
	float: right;
	margin-right: 70px;
}

.run-main p {
	font-size: 24px;
	margin-top: 20px;
	line-height: 24px;
}

.run-red {
	color: #B02E29;
	margin-top: 50px !important;
}

.run-main-text {
	margin-top: 45px;
}

.run-main-text p {
	color: #4a4746;
}

.run-main-text p:nth-child(2) {
	color: #6d6d6d;
}

.run-erweima {
	margin-top: 20px;
	width: 200px;
}

.run-pup {
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.run-pout {
	width: 580px;
	background: #FFFFFF;
	padding: 0 22px;
	height: 255px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -312px;
	margin-top: -150px;
	border-radius: 5px;
	padding-top: 45px;
}

.run-pout i {
	display: block;
	width: 56px;
	height: 56px;
	background: url(../images/run-cuo.png) no-repeat center;
	background-size: 100%;
	position: absolute;
	top: -56px;
	right: -56px;
	cursor: pointer;
}

.run-pup-img {
	width: 238px;
	float: left;
	border-right: 1px solid #CDCDCD;
}

.run-pup-img img {
	width: 193px;
	height: 193px;
	margin: 0 auto;
	display: block;
}

.run-pup-text {
	margin-left: 30px;
	float: left;
}

.run-pup-text h3 {
	font-size: 24px;
	line-height: 36px;
	font-weight: normal;
	color: #B02E29;
	margin-top: 15px;
}

.run-pup-text h4 {
	color: #575757;
	font-size: 24px;
	font-weight: normal;
	margin-top: 15px;
}

.run-pup-text p {
	color: #575757;
	font-size: 18px;
	margin-top: 10px;
}

.yueche-ding {
	position: relative;
	text-align: left !important;
	padding-left: 10px;
	line-height: 26px !important;
}

.yueche-ding span {
	display: block;
	text-decoration: line-through;
	margin-top: 10px;
}

.yueche-ding small {
	font-size: 16px;
	display: block;
	color: #3C6;
	margin-bottom: 10px;
}

.yueche-ding i {
	display: block;
	width: 60px;
	height: 28px;
	background: url(../images/percent.gif) center no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -14px;
}

.yueche-kout {
	background: #f52d46;
	color: #ffffff;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	z-index: 9;
}

.yueche-kout .container {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.yueche-kout .container p {
	float: left;
	color: #ffffff;
	line-height: 50px;
}

.yueche-kout .container a {
	float: right;
	height: 50px;
}

.yueche-kout .container img {
	height: 50px;
	display: block;
}

.Cause2 {
	padding-top: 40px;
	overflow: hidden;
	background: #f8f8f8;
	padding-bottom: 50px;
	margin-top: 40px;
	margin-bottom: -50px;
}


.koutr-container {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.koutr {
	background: #009a9a;
	padding: 50px 0;
	margin-top: 60px;
}

.koutr-wrap {
	width: 580px;
	float: left;
}

.koutr-wrap img {
	display: block;
	float: left;
	width: 200px;
	height: 200px;
}

.koutr-text {
	float: right;
	width: 340px;
}

.koutr-text h3 {
	font-size: 40px;
	color: #FFFFFF;
	margin-top: 15px;
}

.koutr-text p {
	color: #fed14c;
	font-size: 26px;
	margin-top: 10px;
}

.koutr-wrap2 {
	float: right;
}

.koutr-text a {
	background: #FFFFFF;
	display: block;
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #009A9A;
	text-decoration: none;
	font-size: 20px;
	border-radius: 5px;
	margin-top: 10px;
}


/* 新样式 */
.T-container {
	width: 1200px;
	margin: 0 auto;
}

.banner-OA img {
	width: 100%;
}

.T-title {
	text-align: center;
}

.T-title h3 {
	color: #3faf71;
	font-size: 48px;
	font-weight: normal;
	line-height: 50px;
}

.T-title p {
	color: #d5d5d5;
	font-size: 24px;
	text-transform: uppercase;
	margin-top: 10px;
}

.T-indo {
	margin-top: 40px;
}

.T-indo-wrap {
	overflow: hidden;
	margin-top: 60px;
}

.T-indo-pic {
	width: 656px;
	height: 414px;
	float: left;
	display: block;
}

.T-indo-text {
	width: 505px;
	float: right;
}

.T-indo-text p {
	color: #454545;
	font-size: 18px;
	line-height: 42px;
}

.T-indo-text p span {
	color: #3faf71;
	font-size: 24px;
}

.T-indo-text a {
	color: #FFFFFF;
	width: 186px;
	height: 56px;
	background: #3faf71;
	display: block;
	text-align: center;
	line-height: 56px;
	font-size: 22px;
	margin: 0 auto;
	margin-top: 30px;
}

.T-stry {
	background: url(../images/T-bg.png) center repeat;
	margin-top: 45px;
	overflow: hidden;
	padding-bottom: 70px;
}

.T-stry .T-title {
	margin-top: 70px;
}

.T-stry .T-title h3 {
	color: #FFFFFF;
}

.T-stry .T-title p {
	color: #c3ffde;
}

.T-stry-ul {
	overflow: hidden;
}

.T-stry-ul li {
	width: 25%;
	float: left;
	text-align: center;
	margin-top: 50px;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	cursor: pointer;
}

.T-stry-ul li:hover {
	margin-top: 30px;
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.T-stry-ul li img {
	width: 160px;
	height: 160px;
	display: block;
	margin: 0 auto;
}

.T-stry-ul li h3 {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: normal;
	margin-top: 30px;
	line-height: 26px;
}

.T-stry-ul li p {
	color: #b7f6d3;
	font-size: 16px;
	margin-top: 20px;
	line-height: 26px;
}

.T-tions {
	background: #f1f1f1 url(../images/T-bg2.jpg) no-repeat center bottom;
	padding-bottom: 220px;
	padding-top: 60px;
	overflow: hidden;
	background-size: 100%;
}

.T-tions-ul {
	position: relative;
	z-index: 2;
}

.T-tions-ul li {
	overflow: hidden;
	margin-top: 80px;
}

.T-tions-wrap {
	position: relative;
	margin-top: 100px;
}

.T-tions-text-right {
	text-align: right;
}

.T-tions-text {
	width: 560px;
}

.T-tions-left {
	float: left;
}

.T-tions-right {
	float: right;
}

.T-tions-pic {
	width: 586px;
}

.T-tions-text {
	margin-top: 100px;
}

.T-tions-text h3 {
	font-size: 36px;
	font-weight: normal;
	color: #3faf71;
	line-height: 40px;

}

.T-tions-text p {
	color: #b8b8b8;
	font-size: 22px;
	margin-top: 15px;
}

.T-tion-line {
	position: absolute;
	top: 220px;
	left: 100px;
}

.T-educ {
	margin-top: -70px;
}

.T-educ-top {
	height: 80px;
	line-height: 80px;
	background: #f1f1f1;
	color: #3c3c3c;
	overflow: hidden;
	margin-top: 45px;
}

.T-educ-top h3 {
	text-align: center;
	color: #3c3c3c;
	font-weight: normal;
	font-size: 20px;
}

.T-educ-left {
	width: 250px;
	float: left;
}

.T-educ-right {
	width: 949px;
	border-left: 1px solid #cecece;
	float: right;
}

.T-educ-wrap {
	border: 1px solid #CECECE;
	border-top: none;
	overflow: hidden;
	position: relative;
}

.T-educ-wrap .T-educ-left {
	width: 249px;
}

.T-educ-wrap .T-educ-right {
	width: 948px;
}

.T-educ-text {
	padding: 20px 30px 40px 30px;
	min-height: 405px;
}

.T-educ-text p {
	font-size: 18px;
	color: #666666;
	margin-top: 20px;
	background: url(../images/T-dui.png) no-repeat left top;
	padding-left: 30px;
}

.T-educ-table {
	width: 262px;
	position: absolute;
	left: 0;
	top: 15px;
}

.T-educ-table li {
	width: 262px;
	height: 66px;
	line-height: 66px;
	color: #454545;
	cursor: pointer;
	font-size: 24px;
	text-indent: 80px;
}

.T-educ-table li:hover {
	background: url(../images/T-san.png) no-repeat center;
	background-size: 100%;
	color: #FFFFFF;
}

.T-educ-table li.T-menu8 {
	background: url(../images/T-san.png) no-repeat center;
	background-size: 100%;
	color: #FFFFFF;
}

.T-solu {
	background: url(../images/T-bg3.jpg) center no-repeat;
	height: 560px;
	background-size: cover;
	margin-top: 60px;
	padding-top: 80px;
	margin-bottom: -75px;
}

.T-solu-wrap {
	overflow: hidden;
}

.T-solu-er {
	width: 240px;
	float: left;
	text-align: center;
	margin-left: 160px;
}

.T-solu-er img {
	display: block;
	width: 240px;
	height: 240px;
}

.T-solu-er p {
	font-size: 24px;
	color: #878787;
	margin-top: 15px;
}

.T-solu .T-title p {
	color: #6d6d6d;
}

.T-solu-form {
	width: 500px;
	float: left;
	margin-left: 100px;
}

.T-solu-form input {
	display: block;
	width: 100%;
	border: none;
	height: 70px;
	line-height: 70px;
	margin-top: 22px;
	font-size: 24px;
	color: #333333;
	outline: none;
	border-radius: 10px;
	text-indent: 30px;
	-moz-box-shadow: 2px 2px 5px #cecece;
	-webkit-box-shadow: 2px 2px 5px #cecece;
	box-shadow: 2px 2px 5px #cecece;
}

.T-solu-form input::-webkit-input-placeholder {
	color: #B8B8B8;
}

.T-solu-form input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #B8B8B8;
}

.T-solu-form input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #B8B8B8;
}

.T-solu-form input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #B8B8B8;
}

.T-solu-form button {
	display: block;
	width: 100%;
	height: 70px;
	background: #3faf71;
	border-radius: 10px;
	color: #FFFFFF;
	font-size: 24px;
	border: none;
	margin-top: 30px;
	cursor: pointer;
}


.T-solu-wrap {
	margin-top: 80px;
}


.fast-banner img {
	display: block;
	width: 100%;
}

.fast-banner .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	opacity: 1;
	background: #ffffff;
}

.fast-banner .swiper-pagination-bullet-active {
	background: #b02e29;
}

.fast-title {
	text-align: center;
}

.fast-title h3 {
	font-size: 38px;
	color: #111111;
	line-height: 40px;
	font-weight: normal;
}

.fast-title h3 span {
	font-weight: bold;
	color: #111111;
}

.fast-title p {
	text-transform: uppercase;
	font-size: 14px;
	color: #111111;
	margin-top: 10px;
}

.fast-problem {
	margin-top: 40px;
	margin-bottom: 50px;
}

.fast-problem-wrap {
	position: relative;
	margin-top: 40px;
}

.fast-problem-wrap img {
	display: block;
	margin: 0 auto;
}

.fast-problem-text {
	position: absolute;
	height: 60px;
	line-height: 60px;
	background: #e6ffe6;
	font-size: 20px;
	color: #1a1a1a;
	border-radius: 30px;
	padding: 0 30px;
}

.fast-problem-position1 {
	top: 45px;
	left: 20px;
}

.fast-problem-position2 {
	background: #e6eeff;
	top: 145px;
	left: 25px;
}

.fast-problem-position3 {
	background: #fffae6;
	top: 280px;
	left: 108px;
}

.fast-problem-position4 {
	background: #ffefe6;
	top: 75px;
	right: 25px;
}

.fast-problem-position5 {
	background: #e6fffb;
	top: 190px;
	right: 40px;
}

.fast-problem-position6 {
	background: #f4e6ff;
	top: 295px;
	right: 70px;
}

.fast-Express {
	background: #f9fafe;
	padding-top: 45px;
}

.fast-Express-ul li {
	overflow: hidden;
	margin-top: 40px;
}

.fast-Express-left {
	width: 560px;
	float: left;
	text-align: right;
}


.fast-Express-right {
	float: right;
	width: 560px;
	text-align: left;
}

.fast-Express-text {
	padding-top: 30px;
}

.fast-Express-text h3 {
	font-size: 32px;
	color: #111111;
	font-weight: normal;
}

.fast-Express-text p {
	font-size: 18px;
	line-height: 30px;
	color: #111111;
	margin-top: 50px;
}

.fast-Express-text a {
	display: inline-block;
	width: 132px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: #4f87fb;
	color: #FFFFFF;
	font-size: 18px;
	border-radius: 10px;
	margin-top: 20px;
}

.fast-Express-text a:hover {
	animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

@keyframes shake {

	10%,
	90% {
		transform: translate3d(-1px, 0, 0);
	}

	20%,
	80% {
		transform: translate3d(2px, 0, 0);
	}

	30%,
	50%,
	70% {
		transform: translate3d(-4px, 0, 0);
	}

	40%,
	60% {
		transform: translate3d(4px, 0, 0);
	}
}

.fast-Express-ul li:nth-last-child(1) .fast-Express-text {
	padding-top: 90px;
}

.fast-Express-ul {
	margin-top: 100px;
	padding-bottom: 40px;
}

.fast-pain {
	margin-top: 60px;
}

.fast-pain-text {
	width: 246px;
	height: 128px;
	-moz-box-shadow: 0px 2px 20px #e6eeff;
	-webkit-box-shadow: 0px 2px 20px #e6eeff;
	box-shadow: 0px 2px 20px #e6eeff;
	text-align: center;
	overflow: hidden;
	margin-top: 50px;
}

.fast-pain-text h3 {
	font-size: 20px;
	font-weight: normal;
	color: #111111;
	line-height: 22px;
	margin-top: 62px;
}

.fast-pain-text p {
	font-size: 16px;
	color: #111111;
	margin-top: 8px;
}

.fast-pain-ul li {
	position: relative;
	width: 246px;
	float: left;
	margin: 25px;
}

.fast-pain-tb {
	position: absolute;
	width: 98px;
	height: 98px;
	top: 0;
	left: 50%;
	margin-left: -49px;
}

.fast-pain-tb img {
	width: 98px;
	height: 98px;
}

.fast-pain-ul {
	margin-top: 45px;
}

.clrar {
	clear: both;
}

.fast-join {
	background: #1e7ff7 url(../images/fast-bg.jpg) no-repeat center;
	height: 210px;
	margin-top: 45px;
}

.fast-join-right {
	width: 150px;
	float: right;
	height: 150px;
	margin-top: 30px;
}

.fast-join-right img {
	width: 150px;
}

.fast-join-wrap {
	overflow: hidden;
	width: 820px;
	margin: 0 auto;
}

.fast-join-text {
	margin-top: 75px;
	float: left;
}

.fast-join-text h3 {
	font-size: 40px;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: 3px;
	line-height: 40px;
}

.fast-join-text h3 span {
	color: #FFFFFF;
	font-size: 20px;
	letter-spacing: 0;
	margin-left: 5px;
	text-transform: uppercase;
}

.fast-join-text p {
	font-size: 18px;
	color: #FFFFFF;
	margin-top: 10px;
}

.fast-case {
	padding-top: 90px;
	background: #e6eeff;
	padding-bottom: 60px;
}

.fast-case-pic {
	height: 170px;
	overflow: hidden;
}

.fast-case-pic img {
	cursor: pointer;
	transition: all 0.6s;
	width: 270px;
}

.fast-case-pic img:hover {
	transform: scale(1.1);
}


.fast-case-pic img {
	display: block;
	min-height: 170px;
}

.fast-case-ul {
	overflow: hidden;
	width: 1240px;
}

.fast-case-ul li {
	width: 275px;
	height: 330px;
	border-radius: 10px;
	overflow: hidden;
	background: #FFFFFF;
	cursor: pointer;
	float: left;
	margin-right: 33px;
	margin-top: 55px;
	transition: all 0.5s;
}

.fast-case-ul li:hover {
	margin-top: 25px;
	transition: all 0.5s;
}

.fast-case-text {
	padding: 0 15px;
}

.fast-case-text h3 {
	font-size: 20px;
	color: #111111;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
	margin-top: 15px;
}

.fast-case-text p {
	font-size: 16px;
	line-height: 22px;
	color: #a1a1a1;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	margin-top: 10px;
}

.fast-case-btn {
	width: 226px;
	height: 58px;
	line-height: 58px;
	text-align: center;
	border-radius: 10px;
	font-size: 18px;
	color: #FFFFFF;
	background: #4f87fb;
	display: block;
	margin: 60px auto 0 auto;
}

.fast-contact {
	background: #a2caff url(../images/fast-bg2.jpg) no-repeat center;
	padding-top: 75px;
	padding-bottom: 30px;
	margin-bottom: -75px;
}

.fast-contact-title {
	color: #111111;
	font-size: 36px;
	line-height: 36px;
	letter-spacing: 3px;
}

.fast-contact-title span {
	font-size: 14px;
	letter-spacing: 0;
	color: #111111;
	text-transform: uppercase;
}

.fast-contact-pic {
	border-radius: 10px;
	overflow: hidden;
	margin-top: 30px;
}

.fast-contact-pic img {
	display: block;
	width: 100%;
}

.fast-contact-left {
	float: left;
	width: 575px;
}

.fast-contact .Contont {
	overflow: hidden;
}

.fast-contact-lsit-title {
	font-size: 20px;
	color: #111111;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all 0.5s;
}

.fast-contact-lsit-title:hover {
	color: #1E7FF7;
	transition: all 0.5s;
}

.fast-contact-lsit {
	padding-bottom: 50px;
}

.fast-contact-lsit p {
	font-size: 16px;
	line-height: 28px;
	color: #535353;
	margin-top: 5px;
}

.fast-contact-lsit li {
	margin-top: 20px;
	position: relative;
}

.fast-contact-lsit li .fast-contact-lsit-link {
	display: block;
	width: 76px;
	line-height: 25px;
	text-align: center;
	height: 25px;
	background: #6b97db;
	color: #FFFFFF;
	border-radius: 10px;
	font-size: 14px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.swiper-container85 .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #FFFFFF;
	opacity: 1;
}

.swiper-container85 .swiper-pagination-bullet-active {
	background: #6b97db;
}

.fast-contact-right {
	width: 500px;
	float: right;
}

.fast-contact-main {
	overflow: hidden;
	margin-top: 25px;
}

.fast-contact-tel {
	height: 50px;
	background: url(../images/fast-tb13.png) no-repeat left center;
	background-size: 50px;
	padding-left: 60px;
	float: left;
	margin-right: 40px;
	display: block;
}

.fast-contact-main .fast-contact-tel:nth-child(2) {
	background: url(../images/fast-tb14.png) no-repeat left center;
	background-size: 50px;
}

.fast-contact-tel h3 {
	color: #111111;
	font-size: 24px;
	font-weight: normal;
	transition: all 0.5s;
}

.fast-contact-tel p {
	color: #111111;
	font-size: 16px;
}

.fast-contact-tit {
	font-size: 20px;
	color: #111111;
	background: url(../images/fast-tb15.png) no-repeat left center;
	height: 33px;
	line-height: 33px;
	background-size: 33px;
	padding-left: 50px;
	margin-top: 40px;
}

.fast-contact-wrap {
	overflow: hidden;
	margin-top: 40px;
}

.fast-contact-part {
	float: left;
	width: 150px;
	text-align: center;
	margin-right: 40px;
}

.fast-contact-part p {
	margin-top: 15px;
	font-size: 20px;
	color: #111111;
}

.fast-contact-part img {
	width: 150px;
}

.xwcms {
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out;
	cursor: pointer;
}

.xwcms:hover {
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}

.fast-contact-tel:hover h3 {
	color: #1E7FF7;
	transition: all 0.5s;
}


.Micro_banner {
	width: 100%;
  }
  
  .Micro_banner img {
	display: block;
	width: 100%;
  }
  .Micro_summary {
	padding: 50px 0;
  }
  .Micro_title {
	text-align: center;
  }
  
  .Micro_title h3 {
	font-size: 48px;
	font-weight: 400;
	line-height: 50px;
	color: #f4a724;
  }
  .Micro_title p {
	font-size: 18px;
	color: #8c8c8c;
	line-height: 20px;
	margin-top: 15px;
  }
  
  .Micro_summary_contont{
	  overflow: hidden;
	  width: 1240px;
	  margin-top: 30px;
  }
  .Micro_summary_contont li{
	  float: left;
	  width: 390px;
	  flex-direction: row;
	  align-items: center;
	  display: flex;
	  margin-right: 20px;
	  margin-top: 40px;
  }
  
  .Micro_summary_contont li img{
	  width: 78px;
	  height: 78px;
  }
  
  .Micro_summary_contont_text{
	  margin-left: 20px;
  }
  
  .Micro_summary_contont_text h3{
	  font-size: 24px;
	  line-height: 24px;
	  font-weight: normal;
	  color: #575757;
  }
  
  .Micro_summary_contont_text p{
	  color: #999999;
	  font-size: 18px;
	  line-height: 20px;
	  margin-top: 12px;
  }
  
  .Micro_industry{
	  background: #ffc665;
	  padding: 60px 0 80px 0;
  }
  
  .Micro_industry_contont{
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  justify-content: space-between;
	  flex-wrap: wrap;
	  margin-top: 10px;
  }
  
  .Micro_industry .Micro_title h3{
	  color: #ffffff;
  }
  .Micro_industry .Micro_title p{
	  color: #ffffff;
  }
  
  .Micro_industry_contont li{
	  position: relative;
	  border-radius:10px;
	  overflow: hidden;
	  margin-top: 45px;
  }
  
  .Micro_industry_contont li img{
	  display: block;
  }
  
  .Micro_industry_contont_text{
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  height: 50px;
	  line-height: 50px;
	  background: rgba(0, 0, 0, 0.5);
	  text-align: center;
	  color: #f4a724;
	  width: 100%;
  } 
  
  .Micro_exhibition{
	  background: url(../images/Micro-bg.jpg) no-repeat center top;
	  padding: 60px 0;
  }
  
  .Micro_item_text h3{
	  font-size: 48px;
	  color: #333333;
	  line-height: 50px;
	  font-weight: normal;
  }
  
  .Micro_item_text p{
	  font-size: 30px;
	  line-height: 48px;
	  margin-top: 20px;
	  color: #808080;
  }
  
  .Micro_item_text a{
	  width: 240px;
	  height: 68px;
	  text-align: center;
	  line-height: 68px;
	  border-radius: 10px;
	  color: #ffffff;
	  background: #ffc665;   
	  font-size: 30px;
	  display: inline-block;
	  margin-top: 30px;
  }
  
  .Micro_item_text_right{
	  text-align: right;
  }
  
  .Micro_item{
	  display: flex;
	  flex-direction: row;
	  align-items: center;
	  justify-content: space-between;
	  margin-top: 70px;
  }
  
  .Micro_item_text p span{
	  color: #f4a724;
	  margin-top: 10px;
	  display: inline-block;
  }
  
  .Micro_item_text p strong{
	  font-weight: normal;
	  margin-right: 30px;
  }
  
  .Micro_case{
	padding: 60px 0;
  }
  
  .Micro_case_swiper{
	margin-top: 50px;
  }
  
  .Micro_case_next{
	background: url(../images/Micro-next.png) no-repeat center !important;
	background-size: 100% !important;
	right: -50px !important;
  }
  
  .Micro_case_prev{
	background: url(../images/Micro-prev.png) no-repeat center !important;
	background-size: 100% !important;
	left: -50px !important;
  }
  
  .Micro_case_contont{
	position: relative;
  }
  
  .Micro_case_slide p{
	text-align: center;
	font-size: 24px;
	color: #555555;
	margin-top: 20px;
  }
  
  .Micro_case_slide img{
	width: 235px;
	display: block;
	margin: 0 auto;
  }


.skinimg img:hover {
	-webkit-animation:tada 1s .2s ease both;
	-moz-animation:tada 1s .2s ease both;
}
@-webkit-keyframes tada {
	0% {
	-webkit-transform:scale(1);
}
10%,20% {
	-webkit-transform:scale(0.9) rotate(-3deg);
}
30%,50%,70%,90% {
	-webkit-transform:scale(1.1) rotate(3deg);
}
40%,60%,80% {
	-webkit-transform:scale(1.1) rotate(-3deg);
}
100% {
	-webkit-transform:scale(1) rotate(0);
}
}@-moz-keyframes tada {
	0% {
	-moz-transform:scale(1);
}
10%,20% {
	-moz-transform:scale(0.9) rotate(-3deg);
}
30%,50%,70%,90% {
	-moz-transform:scale(1.1) rotate(3deg);
}
40%,60%,80% {
	-moz-transform:scale(1.1) rotate(-3deg);
}
100% {
	-moz-transform:scale(1) rotate(0);
}
}

.Micro_industry_contont li img:hover {
	transform:scale(1.2,1.2);
}
/* 中心变形*/
.Micro_industry_contont li img {
	transition:all 0.5s ease-out;
	/* 过度 所有css属性 1秒过度 结束慢*/
-moz-transition:all 0.5s ease-out;
	/* Firefox 4 */
-webkit-transition:all 0.5s ease-out;
	/* Safari 和 Chrome */
-o-transition:all 0.5s ease-out;
	/* Opera */
}

@media screen and (max-width: 1480px){
	.Nav-main{
		display: none;
	}
	.Nav-Drawer{
		display: none;
	}
}



.shop_banner img {
  display: block;
  width: 100%;
}

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

.shop_title {
  text-align: center;
}

.shop_title h3 {
  font-size: 36px;
  line-height: 36px;
  color: #242424;
  font-weight: 600;
}

.shop_title p {
  font-size: 18px;
  line-height: 24px;
  color: #999999;
  margin-top: 20px;
}

.shop_unified_wrap {
  padding: 50px 0;
}

.shop_unified {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.shop_unified_item {
  width: 368px;
  border: 2px solid #f4f4f4;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 38px;
  cursor: pointer;
}
.shop_unified_item:hover{
  border: 2px solid #3a6bdb;
}

.shop_unified_item img{
  width: 100%;
}

.shop_unified_text {
  text-align: center;
  padding: 20px;
}

.shop_unified_text h3 {
  font-size: 28px;
  line-height: 30px;
  font-weight: normal;
}

.shop_unified_text p {
  color: #555555;
  font-size: 16px;
  line-height: 24px;
  margin-top: 15px;
}

.shop_unified {
  margin-top: 10px;
}

.shop_exterior {
  background: #f7f7f7;
  height: 550px;
}

.shop_exterior {
  padding-top: 60px;
}

.shop_exterior_wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.shop_exterior_right {
  width: 370px;
}

.shop_exterior_text {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.shop_exterior_text p {
  width: 42%;
  background: url(../images/shop_yes.png) no-repeat left center;
  font-size: 22px;
  color: #555555;
  padding-left: 8%;
  margin-top: 20px;
  cursor: pointer;
  transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.shop_exterior_text p:hover{
  color: #3a6bdb;
  transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.shop_exterior_link {
  width: 230px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  display: block;
  background: #3a6bdb;
  color: #ffffff;
  border-radius: 20px;
  font-size: 26px;
  margin: 0 auto;
  margin-top: 30px;
}

.shop_exterior_link:hover {
	animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}
@keyframes shake {
	10%, 90% {
		transform: translate3d(-1px, 0, 0);
	}
	20%, 80% {
		transform: translate3d(2px, 0, 0);
	}
	30%, 50%, 70% {
		transform: translate3d(-4px, 0, 0);
	}
	40%, 60% {
		transform: translate3d(4px, 0, 0);
	}
}

.shop_Market {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 10px;
}

.shop_market_item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 33.33%;
  cursor: pointer;
  margin-top: 30px;
}

.shop_market_item img{
  transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}


.shop_market_item:hover img{
  margin-left: 20px;
  transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.shop_Market_wrap {
  padding: 50px 0;
  padding-top: 120px;
}

.shop_market_text {
  width: 240px;
  margin-left: 10px;
}

.shop_market_text h3 {
  font-size: 24px;
  line-height: 24px;
  color: #2a2a2a;
  font-weight: 550;
}

.shop_market_text p {
  color: #999999;
  font-size: 18px;
  margin-top: 5px;
  line-height: 26px;
}

.shop_complete {
  background: #f7f7f7;
  padding: 50px 0;
  padding-bottom: 70px;
}

.shop_complete_main {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 300px;
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 30px;
}

.shop_complete_title {
  width: 70px;
  font-size: 30px;
  height: 300px;
  background: #f95352;
  color: #ffffff;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-align: center;
  line-height: 70px;
  letter-spacing: 5px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.shop_complete_wrap{
  width: 1100px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.shop_complete_item{
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 33.33%;
  margin: 20px 0;
  cursor: pointer;
}

.shop_complete_item img{
  width: 54px;
  height: 54px;
  transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.shop_complete_item:hover img{
  margin-top: -20px;
  transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.shop_complete_item_text{
  width:240px;
  margin-left: 40px;
}

.shop_complete_item_text h3{
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
  color: #333333;
}

.shop_complete_item_text p{
  font-size: 18px;
  line-height: 26px;
  color: #333333;
  margin-top: 8px;
}

.shop_complete_title_two{
  background: #4843dc;
}

.shop_complete_title_three{
  background: #3dcb6f;
}

.shop_complete_margin{
  margin-bottom: 50px;
}

.shop_hanlin{
  padding: 60px 0;
}

.shop_hanlin_wrap{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.shop_hanlin_item{
  width: 240px;
  height: 355px;
}

.shop_hanlin_item{
  position: relative;
  cursor: pointer;
}

.shop_hanlin_hout{
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 355px;
  background: rgba(0, 14, 27, 0.7);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.shop_hanlin_hout:hover{
  background: rgba(0, 14, 27, 0.5);
  transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.shop_hanlin_hout h3{
  font-size: 18px;
  color: #ffffff;
  font-weight: normal;
  letter-spacing: 1px;
  margin-top: 15px;
}

.shop_hanlin_hout span{
  width: 40px;
  height: 3px;
  background: #3a6bdb;
  margin-top: 20px;
  border-radius: 5px;
}

.shop_hanlin_wrap{
  margin-top: 50px;
}

/* 新官网首页样式 */
.n20_header {
  height: 900px;
  background: url(../images/n20/header_bg.jpg) no-repeat center;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.n20_header_wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 4.5vw;
  position: fixed;
  width: 91vw;
  top: 2vw;
  z-index: 5;
}

.n20_header_wrap_logo {
  width: 205px;
  display: block;
}

.n20_header_wrap_logo img {
  width: 100%;
}

.n20_header_wrap_right {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.n20_header_wrap_nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.n20_header_wrap_nav li {
  margin-left: 50px;
}

.n20_header_wrap_nav li a {
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  letter-spacing: 3px;
}

.n20_header_wrap_nav li span {
  width: 30px;
  height: 4px;
  display: block;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 2px;
  margin-top: 15px;
  opacity: 0;
}

.n20_header_wrap_navbutton {
  width: 23px;
  height: 20px;
  margin-top: 3px;
  margin-left: 50px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.n20_header_wrap_navbutton img {
  display: block;
  width: 100%;
}

.n20_header_wrap_navbutton img.n20_logo_hout{
  display: none;
}


.n20_header_wrap_nav li.n20_header_wrap_nav_active span {
  opacity: 1;
}

.n20_header_wrap_nav li:hover span {
  opacity: 1;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_header_contont {
  padding:0 4.5vw;
}

.n20_header_contont h3 {
  font-size: 60px;
  color: #ffffff;
  font-weight: normal;
  letter-spacing: 8px;
}

.n20_header_contont small {
  color: rgba(255, 255, 255, 0.46);
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  display: block;
  margin-top: 10px;
}

.n20_header_contont p {
  font-size: 30px;
  line-height: 48px;
  color: #ffffff;
  max-width: 1280px;
  letter-spacing: 3px;
  margin-top: 30px;
}

.n20_header_forue {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.n20_header_forue_item {
  width: 25vw;
  height: 11vw;
  text-align: center;
  overflow: hidden;
  background: #2b3b4e;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.n20_header_forue_item:nth-child(2) {
  background: #00af7e;
}

.n20_header_forue_item:nth-child(3) {
  background: #0f48c6;
}
.n20_header_forue_item:nth-child(4) {
  background: #393939;
}

.n20_header_forue_item img {
  position: absolute;
  bottom: -20px;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_header_forue_item h3 {
  color: #ffffff;
  font-size: 1.666vw;
  font-weight: normal;
}

.n20_header_forue_item p {
  color: #ffffff;
  font-size: 0.9vw;
  letter-spacing: 2px;
  margin-top: 20px;
}

.n20_header_forue_item:nth-child(2) img {
  bottom: -180px;
}

.n20_header_forue_item:nth-child(3) img {
  bottom: -80px;
}
.n20_header_forue_item:nth-child(4) img {
  bottom: -90px;
}

.n20_header_forue_item:hover img {
  bottom: 0;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_header_forue_item:nth-child(2):hover img {
  bottom: -150px;
}
.n20_header_forue_item:nth-child(3):hover img {
  bottom: -50px;
}
.n20_header_forue_item:nth-child(4):hover img {
  bottom: -60px;
}

.n20_title {
  text-align: center;
}

.n20_title h3 {
  font-size: 2.5vw;
  font-weight: normal;
	letter-spacing: 3px;
	color: #333333;
}

.n20_title p {
  font-size: 0.9vw;
  letter-spacing: 5px;
  margin-top: 10px;
}

.n20_case {
  padding: 5vw 0;
}

.n20_case_main {
  width: 25vw;
  height: 20vw;
  overflow: hidden;
  border-right: 1px solid #ffffff;
}

.n20_case_wrap .n20_case_main:nth-last-child(1) {
  border: none;
}

.n20_case_wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.n20_case_item {
  background: #e5e5e5;
  height: 10vw;
  margin-top: 1px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_case_item img {
  position: absolute;
  right: 30px;
  bottom: 30px;
  width:60px;
}

.n20_case_item img.n20_case_item_hui {
  width: 45px;
  display: block;
}

.n20_case_item_bai {
  display: none;
}

.n20_case_item_text {
  padding-left: 50px;
}

.n20_case_item_text h3 {
  font-size: 1.5vw;
  font-weight: normal;
  line-height: 2.2vw;
  color: #535353;
  letter-spacing: 2px;
}

.n20_case_item_text small {
  display: block;
  font-size: 0.8vw;
  color: #535353;
  text-transform: uppercase;
  margin-top: 8px;
}
.n20_case_item:hover {
  height: 20vw;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  background-image: linear-gradient(
    135deg,
    #cf0d2e 141.4213562373095px,
    #b52130 282.842712474619px
  );
}

.n20_case_main {
  position: relative;
}

.n20_case_main .n20_case_item:nth-last-child(1):hover {
  top: initial;
  bottom: 0;
}

.n20_case_item_txt {
  display: none;
}

.n20_case_item:hover h3 {
  color: #ffffff;
}

.n20_case_item:hover small {
  color: #ffffff;
}
.n20_case_item:hover .n20_case_item_hui {
  display: none;
}

.n20_case_item:hover .n20_case_item_bai {
  display: block;
}

.n20_case_item:hover .n20_case_item_txt {
  display: block;
}

.n20_case_item_txt {
  margin-top: 30px;
}

.n20_case_item_txt p,.n20_case_item_txt a {
  font-size: 1vw;
  line-height: 1vw;
  color: #ffffff;
  margin-top: 1vw;
  display:block;
}

.n20_case_item_txt p i,.n20_case_item_txt a i {
  display: inline-block;
  border: solid #ffffff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 5px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.n20_case_wrap {
  margin-top: 100px;
}

.n20_example_wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.n20_example_item {
  display: block;
  width: 28vw;
  height: 20vw;
  overflow: hidden;
  position: relative;
}

.n20_example_item img {
  display: block;
}

.n20_example_item_text {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.73);
  height: calc(20vw - 60px);
  width: calc(28vw - 100px);
  padding: 30px 50px;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_example_item_top {
  opacity: 0.4;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  margin-top: 1vw;
}

.n20_example_item_top h3 {
  color: #ffffff;
  font-size: 1.5625vw;
  line-height: 1.6vw;
  font-weight: 500;
  color: #ffffff;
}

.n20_example_item_top small {
  font-size: 0.8vw;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  margin-top: 15px;
}

.n20_example_item_describe {
  font-size: 1.25vw;
  line-height: 2.5vw;
  color: #ffffff;
  opacity: 0.4;
  font-style: italic;
  margin-top: 5.7vw;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_example_item_describe_two {
  font-size: 1vw;
  line-height: 2vw;
  color: #ffffff;
  font-style: italic;
  display: none;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  margin-top: 25px;
}
.n20_example_item:hover .n20_example_item_describe {
  display: none;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_example_item:hover .n20_example_item_describe_two {
  display: block;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_example_item:hover .n20_example_item_top {
  opacity: 1;
}

.n20_example_item:hover .n20_example_item_text {
  background: rgba(187, 17, 41, 0.9);
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_example_item_two {
  width: 44vw;
}

.n20_example_item_two .n20_example_item_text {
  width: calc(44vw - 100px);
}

.n20_example_item_icon {
  position: absolute;
  right: 50px;
  bottom: 50px;
  width: 45px;
  opacity: 0.4;
}

.n20_example_item_icon_two {
  display: block;
  width: 28px;
  float: right;
  margin-top: 40px;
}

.n20_example_item:hover .n20_example_item_icon {
  display: none;
}

.n20_example_wrap_img {
  min-height: 20vw;
}

.n20_example .n20_title{
  margin-bottom: 3vw;
}

.n20_process .n20_title h3{
  color: #ffffff;
}
.n20_process .n20_title p{
  color: #ffffff;
}

.n20_process{
  background: #c3162f;
  padding: 5vw 0;
  overflow-x: hidden;
}

.n20_process_wrap{
  padding: 0 4.5vw;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  width:90vw;
}

.n20_process_item{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 6.78vw;
  cursor: pointer;
}

.n20_process_item img{
  width: 6.78vw;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.n20_process_item img:hover{
  margin-top: -20px;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_process_item h3{
  color: #ffffff;
  font-weight: normal;
  font-size: 1.25vw;
  line-height: 1.5vw;
  margin-top: 2vw;
  margin-bottom: 2vw;
  letter-spacing: 3px;
}
.n20_process_item span{
  color: #ffffff;
  font-weight: normal;
  font-size: 0.8vw;
  line-height: 1.5vw;
}
.n20_process_item_line{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 6.78vw;
}

.n20_process_item_line img{
  display: block;
  width: 10px;
}

.n20_process_wrap hr{
  width: 100%;
  position: absolute;
  top: 3.39vw;
  left: 0;
  opacity: 0.3;
}

.n20_process_wrap{
  margin-top: 5vw;
  margin-bottom: 0vw;
}

.n20_feedback{
  padding: 4.5vw;
}

.n20_feedback h3{
	font-size: 36px;
	color: #333333;
}

.n20_feedback_wrap{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 2vw;
  justify-content: space-between;
}

.n20_feedback_wrap input{
  width: 14vw;
  height: 3vw;
  background: #f0f0f0;
  border: none;
  font-size: 1vw;
  text-indent: 1vw;
  outline: none;
}

.n20_feedback_wrap input:nth-child(2){
  width: 18vw;
}
.n20_feedback_wrap input:nth-child(3){
  width: 45vw;
}

.n20_feedback_wrap button{
  width: 10.5vw;
  height: 3vw;
  border: none;
  outline: none;
  cursor: pointer;
  background: #c3162f;
  color: #ffffff;
  font-size: 1vw;
}

.n20_feedback_wrap_text{
  font-size: 0.9vw;
  color: #000000;
  margin-top: 1.56vw;
}

.n20_footer_wrap{
  padding: 4.5vw;
  background: #111111;
  padding-bottom: 2vw;
  margin-top:35px;
}

.n20_footer{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.n20_footer_nav{
  width: 23.44vw;
}

.n20_footer_title{
  color: #ffffff;
  font-size: 1.56vw;
  line-height: 1.6vw;
  font-weight: normal;
}

.n20_footer_nav_ul{
  margin-top: 1.56vw;
}

.n20_footer_nav_ul a{
  color: #ffffff;
  line-height: 1.875vw;
  font-size: 0.9vw;
  display: block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_footer_nav_ul a:hover{
  padding-left: 20px;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_footer_nav_two{
  width: 5vw;
}

.n20_footer_tel_text{
  margin-top: 1.56vw;
}

.n20_footer_tel_text p{
  color: #ffffff;
  line-height: 1.875vw;
  font-size: 0.9vw;
}

.n20_footer_tel{
  width: 25vw;
}

.n20_footer_tel_text img{
  width: 7.8vw;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.n20_footer_tel_two{
  width: 8vw;
}

.n20_footer_txt{
  color: #ffffff;
  text-align: center;
  font-size: 0.9vw;
  margin-top: 5.1vw;
}

.n20_footer_tel_text p:hover img{
  margin-top: 1vw;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  cursor: pointer;
}

.n20_alert{
  padding: 45px;
  width: 800px;
  position: fixed;
  background: #ffffff;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  z-index: 2;
  -moz-box-shadow: 0px 0px 8px #acacac; /* 老的 Firefox */
	box-shadow: 0px 0px 8px #acacac;
}

.n20_alert_left{
  width: 560px;
}

.n20_alert_left h3{
  font-size: 36px;
  font-weight: 450;
  letter-spacing: 1px;
  color:#2d2d2d;
}

.n20_alert_left p{
  font-size: 18px;
  line-height: 20px;
  margin-top: 10px;
  color:#2d2d2d;
}

.n20_alert_left h2{
  font-size: 48px;
  line-height: 50px;
  margin-top: 30px;
  color:#2d2d2d;
}

.n20_alert_left a{
  width: 520px;
  height: 62px;
  line-height: 62px;
  text-align: center;
  background: #c3162f;
  color: #ffffff;
  display: block;
  font-size: 24px;
  margin-top: 40px;
}

.n20_alert_right{
  width: 150px;
  text-align: center;
}

.n20_alert_right h3{
  font-size: 18px;
  line-height: 20px;
  color: #2d2d2d;
}

.n20_alert_right p{
  font-size: 14px;
  color: #2d2d2d;
  margin-top: 5px;
}

.n20_alert_cut{
  position: absolute;
  width: 30px;
  height: 30px;
  right: -10px;
  top: -10px;
  cursor: pointer;
}

.n20_alert_wrap{
  display: none;
}

.n20_menu{
  background: #ffffff;
  position: fixed;
  top: 10px;
  left: 0;
  width: 100%;
  z-index: 99;
}

.n20_menu_wrap{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding:3.5vw 4.5vw;
}

.n20_menu_title{
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  border-bottom: 1px solid #888888;
  padding-bottom: 1.56vw;
}

.n20_menu_title h3{
  font-size: 1.56vw;
  font-weight: normal;
  line-height: 1.56vw;
  color: #000000;
}

.n20_menu_title small{
  font-size: 0.9vw;
  margin-left: 5px;
  color: #000000;
  text-transform: uppercase;
}


.n20_menu_nav{
  width: 17.7vw;
}

.n20_menu_nav_item h3{
  font-size: 1.25vw;
  font-weight: normal;
}

.n20_menu_nav_item_part{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.5vw;
}

.n20_menu_nav_item_part a{
  width: 50%;
  color: #000000;
  font-size: 0.9vw;
  line-height: 1.2vw;
  margin-top: 0.6vw;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_menu_nav_item_part a:hover{
 color: #c3162f;
 transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  font-size: 1vw;
}

.n20_menu_nav_item{
  margin-top: 2vw;
}

.n20_menu_product{
  width: 210px;
}

.n20_menu_product_nav{
  display: flex;
  flex-direction: column;
}

.n20_menu_product_nav a{
  font-size: 1.25vw;
  color: #000000;
  margin-top: 1.5vw;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_menu_product_nav a:hover{
  padding-left: 1vw;
  color:#c3162f;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_menu_text{
  margin-top: 2vw;
}

.n20_menu_text h3{
  font-size: 1.25vw;
  font-weight: normal;
}

.n20_menu_txt{
  font-size: 0.9vw;
  line-height: 1.875vw;
}

.n20_menu_txt{
  margin-top: 1.4vw;
}

.n20_menu_bainiu{
  width: 16.66vw;
}
.n20_menu_bainiu p{ color:#666666 !important;}
.n20_menu_cut{
  position: absolute;
  right:2.18vw;
  top: 1.4vw;
  width: 2.18vw;
  height: 2.18vw;
  cursor: pointer;
}

.n20_menu_footer{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #888888;
  padding: 2vw 0;
}

.n20_menu_footer a{
  font-size: 1.56vw;
  line-height: 1.6vw;
  color: #000000;
  border-right: 1px solid #878787;
  width: 19.27vw;
  text-align: center;
  display: block;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_menu_footer a:hover{
  color: #c3162f;
  font-size: 1.65vw;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_menu_footer a:nth-last-child(1){
  border: none;
}

.n20_menu{
  display: none;
}

.ovfHiden{
  overflow: hidden;
}

.n20_logo_hout{
  display: none;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.n20_logo_white{
  display: block;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_header_wrap_active{
  background: #ffffff;
  top: 0;
  padding: 1vw 4.5vw;
  box-shadow: 1px 1px 5px #b7b7b7;
}

.n20_header_wrap_active .n20_header_wrap_logo img.n20_logo_hout{
  display: block !important;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.n20_header_wrap_active .n20_header_wrap_logo img.n20_logo_white{
  display: none;
  transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

.n20_header_wrap_active .n20_header_wrap_nav li a{
  color: #333333;
}

.n20_header_wrap_active .n20_header_wrap_nav li span{
  background: #c3162f;
}

.n20_header_wrap_active .n20_header_wrap_navbutton img.n20_logo_hout{
  display: block;
}

.qiehuan{ width:600px; margin:20px auto; height:45px; line-height:45px; }
.qiehuan a{ display:inline-block; width:190px; color:#999; text-align:center;background:#E0E0E0; padding:0 ; margin:0;}
.qiehuan a:nth-child(2){ margin:0 1px;}
.qiehuan a.active{ background:#39F; color:#fff;}


/*新版新闻中心*/
.newslist{ display: flex; justify-content: space-between; margin-top: 20px;}
.news-nav{ width: 130px;}
.news-nav li a{ display: block; width: 130px; height: 45px; line-height: 45px; text-align: center; border-radius: 5px; color: #000000; }
.news-nav li a.active{ background-image: linear-gradient(#dd0017, #bc0002); color: #ffffff;  box-shadow: 0px 3px 5px #f68885; margin-bottom: 10px;}
.news-list{ padding: 0 25px;}
.news-right{ width: 240px;}
.news-kefu{ background: #b60904; text-align: center; width: 240px; padding: 50px 0;}
.header-img{ margin: 10px auto; width: 80px; height: 80px; border:solid 5px #d57370;border-radius: 80px;}
.header-img img{border-radius: 80px;width: 80px;height: 80px;}
.news-kefu h1{ color: #ffffff; font-size: 16px; line-height: 36px;}
.news-kefu p{ color: #ffffff; font-size: 12px;}
.news-kefu a{ display: block; margin: 10px auto; background: #ffffff; color:#b60904; width: 180px; height: 35px; line-height: 35px; border-radius: 5px; }
.news-kefu span{ font-size: 12px; color: #ffffff;}
.hot-news{ border:solid 1px #ededed; padding: 10px 15px; margin-top: 10px;}
.hot-news h1{ font-size: 16px; color: #333333; margin-bottom: 10px;}
.hot-news ul li { display: block;}
.hot-news ul li a{ display: block; line-height: 36px; font-size: 14px; width: 208px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hot-news ul li a i{ display: inline-block; width: 16px; height: 16px; background: #969696; border-radius: 3px; line-height: 16px; color: #ffffff; font-size: 8px; text-align: center; font-style: normal; margin-right: 5px;}
.hot-news ul li:nth-child(1) a i{ background: #ec6f2d;}
.hot-news ul li:nth-child(2) a i{ background: #ef9035;}
.hot-news ul li:nth-child(3) a i{ background: #f3b43f;}
.news-list>ul>li{ display: block; padding-bottom: 20px; padding-top: 30px; border-bottom: solid 1px #ededed;}
.news-list li a{ display: flex;}
.news-img{ width: 200px; height: 115px; overflow: hidden; text-align: center; border-radius: 5px; margin-right: 10px;}
.news-img img{ max-width: none; height: 115px; width: 100%;  object-fit: cover;}
.news-box{ width: 520px;}
.news-box h1{ color: #333333; font-size: 18px; width: 100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 50px; }
.news-box p{ font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; line-height: 24px;}
.news-page{ width: 900px;}
.news-page-title{ color: #333333; margin:30px 0;}
.page-time span{ padding-right: 40px;}
.news-content{ line-height: 240%; color: #333333;}
.news-content p{line-height: 240%; color: #333333;}
.news-tj{ margin-top: 10px;}
.news-tj h2{font-size: 16px; color: #333333; margin-bottom: 10px;}
.news-tj ul li{ display: block; width: 50%; float: left;}
.news-tj ul li a{ display: flex; margin: 10px 30px 20px 0;}
.news-tj-img{ width: 150px; height: 78px; overflow: hidden; border-radius: 5px; }
.news-tj-img img{ max-width: none; height: 78px; width: 100%; object-fit: cover;}
.news-tj ul li a p{ margin-left: 20px; color: #333333; -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; line-height: 24px; width:240px;}
.news-line{ margin-top: calc(2vw + 53px); border-bottom:solid 5px #b60904;}
.tj-product h1{font-size: 16px; color: #333333; line-height: 40px; margin-bottom: 10px; margin-top: 10px;}
.tj-product li { display: block; float: left; width: 80px;}
.tj-product li a{ display: block; width: 70px;}
.tj-product li a img{ width: 70px; height: 70px; border-radius: 5px;}
.tj-product li a p{ color: #333333;font-size: 14px; line-height: 30px; text-align: center; margin-bottom: 10px;}

.bg-tanchu{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0,0,0,.6);
    opacity: 1;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.kf-tanchu{ background: #ffffff; border-radius: 5px; width: 360px; height: 330px; position: fixed; z-index: 1011;top:20%; left: 50%; margin-left: -200px; padding: 20px;}
.kf-xx{ display: flex; }
.kf-tx{ width: 60px; height: 60px; border-radius:60px; border:solid 5px #ededed; margin-right: 20px;}
.kf-tx img{width: 60px; height: 60px; border-radius: 60px;}
.kf-dh{ padding-top: 10px;}
.kf-dh h2{ color: #555555;}
.kf-ewm{ text-align: center;}
.kf-ewm img{ width: 200px; height: 200px;}
.kf-close{ position: absolute; right: 10px; top:10px; width: 25px; height: 25px;}
.kf-close img{width: 25px; height: 25px;}