@-webkit-keyframes fadeBot {

	from {

		-webkit-transform: translate3d(0, 0, 0)

	}



	to {

		-webkit-transform: translate3d(0, -100%, 0)

	}

}



@keyframes fadeBot {

	from {

		transform: translate3d(0, 0, 0);

		z-index: 1

	}



	to {

		transform: translate3d(0, -100%, 0);

		z-index: 1

	}

}



@-webkit-keyframes fadeTop {

	from {

		-webkit-transform: translate3d(0, -100%, 0)

	}



	to {

		-webkit-transform: translate3d(0, 0, 0)

	}

}



@keyframes fadeTop {

	from {

		transform: translate3d(0, -100%, 0);

		z-index: 1

	}



	to {

		transform: translate3d(0, 0, 0);

		z-index: 1

	}

}



/* 案例 */

#head {

	border-bottom: 1px solid #f0f0f0;

	background-color: #ffffff;



}



/* sec4 */

#section4 {

	padding-top: 100px;

	background: #ffffff;

}



.swiper-box {

	padding: 0;

	height: 52rem;

}



.sec-tit {

	padding: 70px 0;

	font-size: 46px;

	color: #000000;

	font-weight: bold;

	background-color: #ffffff;

	text-align: center;

}



.sec4-slide1 {

	position: relative;

	

}



.hidden-title {

	position: absolute;

	bottom: 40px;

	left: 3.75rem;

	opacity: 1;

	visibility: visible;

	transition-duration: 0.5s;

	z-index: 5;

}



.hidden-title.hidden {

	opacity: 0;

	transition: all 0.3s ease-out 0s;

	visibility: hidden;

}



.hidden-title>p:first-child {

	color: #ffffff;

	font-size: 2.875rem;

	font-family: 'arial';

	font-weight: bold;

	margin-bottom: 0;

}



.hidden-title>p:last-child {

	color: #ffffff;

	font-size: 1.5rem;

	margin-bottom: 0;

}



.visible-title {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate3d(-50%, -50%, 0);

	opacity: 0;

	transition: all 0.5s ease-out 0s;

	visibility: hidden;

	z-index: 5;

}



.visible-title.show {

	opacity: 1;

	visibility: visible;

	transition-duration: 0.5s;

}



.visible-title>div {

	text-align: center;

	white-space: nowrap;

}



.visible-title>img {

	display: block;

	margin: 0 auto 8px;

	width: 18rem;

	min-width: 140px;

}



.visible-title>div>span {

	color: #ffffff;

	font-size: 1.5rem;

	letter-spacing: 1px;

	height: 35px;

	display: inline-block;

	line-height: 32px;

}



.visible-title>div>span:first-child {

	display: inline-block;

	margin-right: 1.5rem;

	padding-right: 1.5rem;

	background: url(../images/lb-title-bg.png) no-repeat right center;

}



.hidden-bg {

	position: absolute;

	z-index: 3;

	width: 100%;

	height: 100%;

	opacity: 0;

	transition: all 0.2s linear 0s;

	visibility: hidden;

	top: 0;

	left: 0;

	background: rgba(0, 0, 0, .7);

}



.hidden-bg.show {

	opacity: 1;

	visibility: visible;

	transition-duration: 0.2s;

}



.sec4-slide1>a {

	display: block;

	height: 100%;

}



.sec4-slide1>a>img {

	/*height: 100%;*/

	width: 100%;

	display: block;

}



.sec4-sw1 {

	height: 100%;

}



.sec4-sw2,

.sec4-sw3 {

	height: 50%;

}



#section5 {

	background-color: #ffffff;

}



.sec5-box {

	width: 85%;

	margin: 0 auto;

	padding: 6.25rem 0;

}



.sec5-title {

	/*font-size: 3.375rem;*/

	font-size: 2.9rem;

	font-weight: 450;

	color: #000000;

	text-align: center;

	margin-bottom: 1.2rem;

}



.projectCliak {



	border: 1px solid #333333;

	margin: 0 auto;

	width: 26.25rem;

	text-align: center;

	padding: 6px 0;

	cursor: default;

}



.projectCliak a {

	font-size: 1.6875rem;

	color: #fe0000;

	display: block;

}



.projectCliak:hover {

	background-color: #fe0000;

	border: 1px solid #fe0000;

}



.projectCliak:hover a {

	color: #ffffff;

}



/* sec6 */

.sec6-content {

	position: relative;

	width: 100%;

	height: 100%;

}



.sec6-swiper {

	height: 100%;

}



/* .sec3-slide>img {

	width: 100%;

	height: 100%;

} */



.sec6-slide {

	background-size: cover;

	background-repeat: no-repeat;

	position: relative;

}



.sec6-slide>img {

	max-height: 815px;

}



.sec6-titBox {

	position: absolute;

	top: 11.5625rem;

	left: 7.5%;

	z-index: 8;

}



.sec6-titBox .tit1,

.sec6-titBox .tit2 {

	font-size: 3.75rem;

	font-weight: 450;

	color: #ffffff;

	letter-spacing: 8px;

}



.sec6-titBox .tit3 {

	margin-top: 3rem;

}



.sec6-titBox.act .tit1 {

	-webkit-animation: fadeP .8s linear;

	animation: fadeP .8s linear;

}



.sec6-titBox.act .tit2 {

	-webkit-animation: fadeP .8s linear;

	animation: fadeP .8s linear;

}



.sec6-titBox.act .tit3 {

	-webkit-animation: fadeP 1s linear;

	animation: fadeP 1s linear;

}



@-webkit-keyframes fadeP {

	from {

		-webkit-transform: translate3d(0, 200%, 0)

	}



	to {

		-webkit-transform: translate3d(0, 0, 0)

	}

}



@keyframes fadeP {

	from {

		transform: translate3d(0, 200%, 0);

	}



	to {

		transform: translate3d(0, 0, 0);

	}

}



.sec6-titBox .tit3 a {

	color: #ffffff;

	font-size: 1.25rem;

	font-weight: 300;

	display: inline-block;

	padding-right: 25px;

	background: url(../images/lyltit.png) no-repeat right center;

}



.sec6-bot {

	position: relative;

	bottom: 0;

	padding: 5rem 7.5%;

	z-index: 5;

	width: 100%;

	background: url(../images/sec6-bg.png) no-repeat;

	background-size: cover;

}



.sec6-con .tit1 {

	color: #ffffff;

	font-size: 3.25rem;

	line-height: 55px;

	letter-spacing: 3px;

	white-space: nowrap;

}



.sec6-con .tit2 {

	color: #ffffff;

	font-size: 1.375rem;

	letter-spacing: 2px;

	white-space: nowrap;

	font-weight: lighter;

	line-height: 50px;

}



.sec6-con1 .tit2 {

	color: #ffffff;

	font-size: 2rem;

	font-weight: bold;

}



.sec6-con1 .tit1 {

	font-family: "arial";

}



.sec6-con {

	padding: 0;

}



.sec6-con1 {

	border-right: 1px solid #ffffff;

}



.sec6-con2 {

	border-right: 1px solid #ffffff;

}



/* 服务service */

#service1 {

	position: relative;

	padding-top: 100px;

	background-color: #ffffff;

	text-align: center;

}



.ser1-box {

	padding: 5rem 0;

}



.ser1-title1 {

	font-size: 4.6875rem;

	color: #333333;

	margin-bottom: 8px;

}



.ser1-title2 {

	font-size: 1.25rem;

	color: #666666;

	font-weight: lighter;

}



.service-con {

	background-color: #ffffff;

}



.service-list {

	position: relative;

	padding: 0;

	height: 27.8125rem;

	/*overflow: hidden;*/

}



.ser-title {

	position: absolute;

}



.show-title>span {

	font-size: 2rem;

	color: #ffffff;

	display: inline-block;

	padding-left: 30px;

}



.show-title>.span1 {

	background: url(../images/tuoyuan.png) no-repeat left center;

}



.hidden-ser {

	display: flex;

	margin-top: 12px;

	padding-left: 30px;

	opacity: 0;

	transition: all 0.2s linear 0s;

}



.hidden-ser.show {

	opacity: 1;

	visibility: visible;

	transition-duration: 0.2s;

}



.hidden-ser div a {

	color: #ffffff;

	font-size: 16px;

	display: inline-block;

	white-space: nowrap;

	padding: 0 15px;

	background: url(../images/ser-titbg.png) no-repeat right center;

}



.hidden-ser div:last-child a {

	padding-right: 0;

	background: none;

}



.hidden-ser div:first-child a {

	padding-left: 0;

}



.service-list:nth-child(1) .ser-title {

	top: 6.25rem;

	right: 5rem;

	text-align: right;

}



.service-list:nth-child(2) .ser-title {

	left: 5rem;

	bottom: 6.875rem;

}



.service-list:nth-child(3) .ser-title {

	top: 6.25rem;

	right: 5rem;

	text-align: right;

}



.service-list:nth-child(4) .ser-title {

	left: 5rem;

	bottom: 6.875rem;

}



.service-list:nth-child(5) .ser-title {

	top: 6.25rem;

	right: 5rem;

	text-align: right;

}



.service-list:nth-child(6) .ser-title {

	left: 5rem;

	bottom: 6.875rem;

}

.service-list:nth-child(7) .ser-title {

	top: 6.25rem;

	right: 5rem;

	text-align: right;

}



.service-list:nth-child(8) .ser-title {

	left: 5rem;

	bottom: 6.875rem;

}

#service2 {

	position: relative;

	width: 100%;

	background-color: #ffffff;

}



.ser2-box {

	padding: 7.5rem 0;

	text-align: center;

}



.sec2-title {

	font-size: 2.9rem;

	font-weight: 450;

	color: #333333;

}



.sec2-title2 {

	font-size: 1.125rem;

	color: #666666;

	font-weight: lighter;

	margin-top: 6px;

	margin-bottom: 3rem;

}



.sec2-ewm {

	display: flex;

	justify-content: center;

	margin-top: 4.375rem;

}



.sec2-ewm>div {

	margin: 0 20px;

}



.sec2-ewm>div p {

	margin: 10px 0 0 0;

}



/* 我们 */

.our-banner {

	padding-top: 105px;

	height: 100vh;

	background: #ffffff;

	position: relative;

}



.our-banner-Box {

	height: 100%;

	background: url(../images/关于我们.png) no-repeat center center;

	background-size: cover;

}



.our-ban-titBox {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate3d(-50%, -50%, 0);

}



.our-ban-titBox .tit1 {

	font-size: 5rem;

	color: #ffffff;

	white-space: nowrap;

}



.our-ban-titBox .tit2 {

	font-size: 1.25rem;

	color: #ffffff;

	font-weight: lighter;

	white-space: nowrap;

	margin-top: 15px;

}



.our-border-div {

	width: 12px;

	height: 15rem;

	position: absolute;

	left: 50%;

	bottom: 0%;

	display: flex;

	flex-direction: column;

	transform: translate3d(-50%, 0, 0);

}



.our-border-div>img {

	display: block;

	margin: 0 auto;

}



.our-border-box {

	width: 1px;

	height: 100%;

	margin: 0 auto;

	background-color: #b7b5b5;

}



.our-section1 {

	background-color: #ffffff;

	text-align: center;

	padding: 12.5rem 0 5rem 0;

	/*font-size: 3rem;*/

	font-size: 2.9rem;

	font-weight: 450;

	color: #000000;

	position: relative;

}



.section1-border-div {

	width: 12px;

	height: 10rem;

	position: absolute;

	left: 50%;

	top: 0%;

	display: flex;

	flex-direction: column;

	transform: translate3d(-50%, 0, 0);

}



.section1-border-box {

	width: 1px;

	height: 100%;

	margin: 0 auto;

	background-color: #dedede;

}



/* our-sec2 */

.our-section2 {

	width: 100%;

	background: #ffffff url(../images/组 25.png) no-repeat;

	padding-bottom: 10rem;

}



.our-sec2-box {

	width: 85%;

	margin: 0 auto;

}



.our-sec2-tit {

	padding: 4rem 0 6rem 40px;

}



.our-sec2-tit>.tit1 {

	font-size: 5.75rem;

	color: #ffffff;

}



.our-sec2-tit>.tit2 {

	font-size: 1.375rem;

	color: #ffffff;

}



.our-sec2-cons {

	height: 37.5rem;

}



.our-sec2-cons:nth-child(1) {

	background: url(../images/wezs-bg1.jpg) no-repeat center center;

	background-size: contain;

}



.our-sec2-cons:nth-child(2) {

	background: url(../images/技术优势.png) no-repeat center center;

	background-size: contain;

}



.our-sec2-cons:nth-child(3) {

	background: url(../images/服务优势.png) no-repeat center center;

	background-size: contain;

}



.ourSec2-con {

	width: 100%;

	height: 100%;

	padding: 4.25rem 4.25rem;

}



.ourSec2-con .tit1 {

	font-size: 3.25rem;

	color: #ffffff;

	margin-bottom: 2.125rem;

}



.ourSec2-con .tit2 {

	font-size: 1.375rem;

	color: #ffffff;

	font-weight: lighter;

	line-height: 2.875rem;

}



.ourSec2-con .tit2 span {

	display: block;

}



.our-section3 {

	position: relative;

	width: 100%;

}



.our-section3>.tit {

	font-size: 3.875rem;

	color: #000000;

	text-align: center;

	padding: 0 0 5rem 0;

	background-color: #ffffff;

}



.banner1 {

	/*background: #ffffff url(../images/we-reqing.jpg) no-repeat bottom center;*/

	height: 100vh;

	width: 100vw;

	position: fixed;

	bottom: 0;

	left: 0;

	z-index: -1;

	/*background-size: cover;*/

}



.banner1.hide {

	display: none;

}



.banner2 {

	/*background: #ffffff url(../images/we-reqing.jpg) no-repeat bottom center;*/

	height: 100vh;

	width: 100vw;

	position: relative;

	z-index: 2;

	/*background-size: cover;*/

}



.stripe-container {

	/* margin: 100vh 0 100px; */

	top: 0 !important;

	position: relative;

	width: 100%;

	height: 100vh;

	overflow: hidden;

	/*background: #ffffff url(../images/we-reqing.jpg) no-repeat bottom center;*/

	/*background-size: cover;*/

}



.content {

	padding-top: 104vh;

	margin-top: 93px;

}



.stripe-container .grow {

	height: 100%;

	position: absolute;

	width: 0vw;

	top: 0;

	right: 0;

	overflow: hidden;



}



.stripe-container .stripe {

	width: 100vw;

	height: 100%;

	position: absolute;

	top: 0;

	right: 0;

	/*background: #ffffff url(../images/we-reqing.jpg) no-repeat;*/

	/*background-size: cover;*/

}



.banner-con {

	position: absolute;

	width: 100%;

	top: 40%;

	left: 0;

	transform: translate3d(0, -50%, 0);

}



.banner-con>p {

	color: #ffffff;

}



.banner-con p:first-child {

	font-size: 5.125rem;

	font-weight: 450;

	

}



.banner-con>p{

	font-size: 1.25rem;

	font-weight: lighter;

}



.our-section4 {

	position: relative;

	width: 100%;

	padding: 5rem 0;

	background-color: #ffffff;

}



.our-section4 .titBox {

	width: 100%;

	padding: 0 0 5rem 0;

	text-align: center;

}



.our-sec4-con {

	margin: 0 -15px;

}



.our-section4 .titBox .tit1 {

	font-size: 3.875rem;

	color: #333333;

}



.our-section4 .titBox .tit2 {

	font-size: 20px;

	color: #000000;

	font-weight: lighter;

}



.tyBox {

	width: 85%;

	margin: 0 auto;

	height: 100%;

	position: relative;

}



.tyBox2 {

	width: 72%;

	margin: 0 auto;

	height: 100%;

	position: relative;

}



.our-sec4-list {

	margin-bottom: 1.875rem;

}



.our-sec4-lists {

	width: 100%;

	height: 100%;

	border: 1px solid #eeeeee;

	padding: 2.5rem;

}



.our-sec4-lists .title {

	font-size: 1.75rem;

	color: #333333;

}



.our-sec4-lists .money {

	font-size: 1.125rem;

	color: #d7201a;

}



.our-sec4-lists p span {

	display: block;

	font-size: 14px;

	color: #666666;

	line-height: 26px;

}



.our-section5 {

	width: 100%;

	padding: 5rem 0;

	position: relative;

	background-color: #f4f4f4;

}



.our-section5 .titBox {

	width: 100%;

	padding: 0 0 3rem 0;

}



.our-section5 .titBox .tit1 {

	font-size: 3.875rem;

	color: #000000;

}



.our-section5 .titBox .tit2 {

	font-size: 20px;

	color: #000000;

	font-weight: lighter;

}



.our-section5-con .rows {

	margin: 0 -15px;

}



.our-sec5-img {

	margin: 20px 0;

	padding: 0 10px;

}



.our-sec5-img a {

	display: block;

}



.our-sec5-img a img {

	width: 100%;

}



/* 案例css */

.filter {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	background: #fe5757;

	animation: colorChange 30s ease-in-out infinite;

	animation-fill-mode: both;

	mix-blend-mode: overlay;

}



@keyframes colorChange {



	0%,

	100% {

		opacity: 0;

	}



	50% {

		opacity: .9;

	}

}



.landscape {

	position: absolute;

	bottom: 0px;

	left: 0;

	width: 100%;

	height: 100%;

	/*background-image:url(../images/trees-landscape-silhouette.png);

	*/

	background-image: url(../images/xkbg.png);

	background-size: 1000px 250px;

	background-repeat: repeat-x;

	background-position: center bottom;

}



#canvas {

	width: 100%;

	height: 100vh;

}



.pro-banner {

	position: relative;

	width: 100%;

	height: 100vh;

	z-index: 6;

}



.proBan-con {

	position: absolute;

	z-index: 5;

	top: 50%;

	left: 7.5%;

	transform: translateY(-50%);

}



.proBan-con .tit1 {

	font-size: 4.6875rem;

	color: #ffffff;

	margin-bottom: 1rem;

}



.proBan-con .tit2 {

	font-size: 20px;

	color: #ffffff;

	font-weight: lighter;

}



.proBan-con .box {

	display: flex;

	margin: 4rem 0 3rem 0;

}



.proBan-con .box span,

.proBan-con .box a {

	display: inline-block;

	padding: 0.9375rem 1.375rem;

	border: 1px solid #ffffff;

	margin-right: 10px;

	color: #ffffff;

	font-size: 1.125rem;

	font-weight: lighter;

	cursor: default;

}



.proBan-con .phone-time {

	background: url(../images/dianhua.png) no-repeat left center;

	padding-left: 35px;

	font-size: 1.25rem;

	color: #ffffff;

	font-weight: lighter;

}



.pro-sec {

	height: 0;

	background-size: cover !important;

	min-height: 400px;

	position: relative;

	width: 100%;

	padding-bottom: 31.5%;

	overflow: hidden;

	background-repeat: no-repeat;

	background-position: center;

}



.pro-sec:nth-child(odd) {

	background-attachment: fixed;

}



.pro-sec .tyBox {

	height: 37.5rem;

	min-height: 400px;

}



.pro-sec1 {

	background: url(../images/解决方案1.png) no-repeat;

}



.pro-sec2 {

	background: url(../images/移动电商.png) no-repeat;

}



.pro-sec3 {

	background: url(../images/社区类智慧.png) no-repeat;

}



.pro-sec4 {

	background: url(../images/智慧城市.png) no-repeat;

}



.pro-sec5 {

	background: url(../images/社交类.png) no-repeat;

}



.pro-sec6 {

	background: url(../images/政务类.png) no-repeat;

}



.pro-sec7 {

	background: url(../images/旅游类.png) no-repeat;

}



.pro-sec8 {

	background: url(../images/医疗类.png) no-repeat;

}



.pro-sec9 {

	background: url(../images/地产类.png) no-repeat;

}



.pro-sec10 {

	background: url(../images/行业门户类.png) no-repeat;

}



.pro-sec11 {

	background: url(../images/教育类.png) no-repeat;

}



.pro-sec12 {

	background: url(../images/餐饮类.png) no-repeat;

}



.prosec-con {

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-58%);

	transform: translateY(-58%);

	height: auto;

	width: 50%;

	color: #ffffff;

}



.prosec-con1 {

	right: 0;

}



.prosec-con2 {

	left: 0;

}



.prosec-con3 {

	text-align: center;

	width: 70%;

	left: 50%;

	top: 50%;

	transform: translate3d(-50%, -50%, 0);

}



.prosec-con3 .pro-icon {

	justify-content: center;

}



.prosec-con4 {

	right: 0;

}



.prosec-con5 {

	left: 0;

}



.prosec-con6 {

	text-align: center;

	width: 70%;

	left: 50%;

	top: 50%;

	transform: translate3d(-50%, -50%, 0);

}



.prosec-con6 .pro-icon {

	justify-content: center;

}



.prosec-con7 {

	right: 0;

}



.prosec-con8 {

	left: 0;

}



.prosec-con9 {

	text-align: center;

	width: 70%;

	left: 50%;

	top: 50%;

	transform: translate3d(-50%, -50%, 0);

}



.prosec-con9 .pro-icon {

	justify-content: center;

}



.prosec-con10 {

	right: 0;

}



.prosec-con11 {

	left: 0;

}



.prosec-con12 {

	right: 0;

}



.protit {

	/*font-size: 3.25rem;*/

	font-size: 2.9rem;

	font-weight: 450;

	margin-bottom: 1rem;

}



.pro-con {}



.pro-con span {

	display: block;

	line-height: 2.25rem;

	font-size: 1.25rem;

	font-weight: lighter;

}



.pro-icon {

	display: flex;

	margin-top: 3.875rem;

}



.pro-icon-list {

	text-align: center;

	height: 5rem;

	min-height: 70px;

	position: relative;

	min-width: 86px;

	margin: 0 3.375rem;

	white-space: nowrap;

}



.pro-icon-list:first-child {

	margin-left: 0;

}



.pro-icon-list:last-child {

	margin-right: 0;

}



.pro-icon-list p {

	position: absolute;

	width: 100%;

	bottom: 0;

	margin-bottom: 0;

	font-size: 1.125rem;

	font-weight: lighter;

}



.icon-spin:hover {

	animation: icon-spin .5s 1 linear;

}



@keyframes icon-spin {

	0% {

		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);

	}



	50% {

		-webkit-transform: rotate(45deg);

		transform: rotate(45deg);

	}



	100% {

		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);

	}

}



/* 新闻中心 */



.new-banner {

	position: relative;

	width: 100%;

	height: auto;

}



.new-ban-titBox {

	position: absolute;

	width: 100%;

	top: 50%;

	transform: translate3d(0, -50%, 0);

	z-index: 3;

}



.new-ban-titBox .tit1 {

	font-size: 3.25rem;

	color: #ffffff;

	line-height: 70px;

}



.new-ban-titBox .tit2 {

	font-size: 12px;

	color: #ffffff;

	font-family: "arial";



}



.new-ban-titBox>div:nth-child(3) {

	margin-top: 2rem;

}



.new-section {

	background-color: #ffffff;

}



.new-list {

	padding: 3rem 0;

}



.new-list:nth-child(odd) {

	background-color: #f4f4f4;

}



.new-list:nth-child(even) {

	background-color: #ffffff;

}



.new-list:hover {

	background-color: #fe0000;

	transition: all 0.5s linear 0s;

}



.new-list:hover .new-time span,

.new-list:hover .new-title a {

	color: #ffffff !important;

}



.new-time {

	position: relative;

}



.new-timebox {

	position: absolute;

	width: auto;

	top: 50%;

	transform: translate3d(-50%, -50%, 0);

	left: 50%;

}



.new-time span {

	display: block;

}



.new-time span:first-child {

	font-size: 2.5rem;

	color: #000000;

}



.new-time span:last-child {

	font-size: 1.375rem;

	color: #999999;

}



.new-img a {

	display: block;

}



.new-title a {

	display: block;

	padding: 0 2rem;

}



.new-title a:first-child {

	font-size: 2.25rem;

	color: #333333;

}



.new-title a:last-child {

	font-size: 1.125rem;

	color: #333333;

	margin-top: 2rem;

}



/* 商城 */

.mall-ban-titBox {

	position: absolute;

	width: 72%;

	left: 10%;

	top: 45%;

	transform: translate3d(0, -50%, 0);

	z-index: 3;

}



.mall-ban-titBox .tit1 {

	font-size: 4.2rem;

	color: #ffffff;

	margin-bottom: 1.2rem;

}



.mall-ban-titBox .tit2 {

	font-size: 1.2rem;

	color: #ffffff;

	line-height: 2.25rem;

}



.mall-ban-titBox .tit3 {

	margin-top: 2rem;

	display: inline-block;

}



.mall-ban-titBox .tit3 a {

	display: inline-block;

	width: 11.875rem;

	height: 52px;

	line-height: 50px;

	font-size: 16px;

	color: #000000;

	background-color: #ffffff;

	min-width: 140px;

	margin: 0 auto;

	/*border-radius: 5px;*/

	text-align: center;

}



.mall-ban-titBox .tit3 a:hover {

	background-color: #d6211a;

	color: #ffffff;

	transition: all 0.2s linear 0s;

}



/* .mall-ban-titBox .tit3 a {

	display: inline-block;

	width: 11.875rem;

	height: 52px;

	line-height: 50px;

	font-size: 16px;

	color: #ffffff;

	background: linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);

	background-size: 400%;

	min-width: 140px;

	margin: 0 auto;

	border-radius: 5px;

	text-align: center;

	text-transform: uppercase;

}

.mall-ban-titBox .tit3 a::before{

	content: "";

	position: absolute;

	left: -3px;

	right: -3px;

	top: -3px;

	bottom: -3px;

	border: 1px solid red;

	width: auto;

	background: linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);

	background-size: 400%;

	border-radius: 5px;

	filter: blur(20px);

	z-index: -1;

}

.mall-ban-titBox .tit3 a:hover{

	animation: sun 8s infinite;

}

.mall-ban-titBox .tit3 a:hover::before{

	animation: sun 8s infinite;

}

@keyframes sun{

	100%{

		background-position: -400% 0;

	}

	to{}

} */



.mallPage {

	display: flex;

	left: 50% !important;

	transform: translateX(-50%);

	width: auto !important;

	z-index: 9;

	bottom: 5rem !important;

}



.mallPage span {

	/*width: 30px;*/

	/*height: 3px;*/

	background-color: #fff;

	display: block;

	margin: 0 5px !important;

	cursor: pointer;



}



.mallPage span.swiper-pagination-bullet-active {

	/*width: 55px;*/

	opacity: 1 !important;

	background-color: #d7201b;

	/*-webkit-animation: fadeBg 4s linear;*/

	/*animation: fadeBg 4s linear;*/

}



/*.mallpageBg {*/

/*	display: flex;*/

/*	left: 50%;*/

/*	transform: translateX(-50%);*/

/*	width: auto;*/

/*	z-index: 8;*/

/*	position: absolute;*/

/*	bottom: 110px;*/

/*}*/



/*.mallpageBg span {*/

/*	width: 30px;*/

/*	height: 3px;*/

/*	background-color: #fff;*/

/*	display: block;*/

/*	margin: 0 5px;*/

/*	cursor: pointer;*/



/*}*/

/*@-webkit-keyframes fadeBg {*/

/*	from {*/

/*		background-color: #d7201b;*/

/*		width: 0px;*/

/*		opacity: 1;*/

/*	}*/



/*	to {*/

/*		background-color: #d7201b;*/

/*		width: 55px;*/

/*		opacity: 1;*/

/*	}*/

/*}*/



/*@keyframes fadeBg {*/

/*	from {*/

/*		background-color: #d7201b;*/

/*		width: 0px;*/

/*		opacity: 1;*/

/*	}*/



/*	to {*/

/*		background-color: #d7201b;*/

/*		width: 55px;*/

/*		opacity: 1;*/

/*	}*/

/*}*/

/*.mallpageBg span.active {*/

/*	width: 55px;*/

/*	background: #ffffff;*/

/*}*/



.mall-ty {
	padding: 6.25rem 0;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}



.mall-section1 {

	background-color: #ffffff;

}



.mall-sec1-titBox {

	margin-bottom: 0.9375rem;

}



.mall-sec1-titBox .tit1 {

	/*font-size: 2.375rem;*/

	font-size: 2.9rem;

	font-weight: 450;

	color: #333333;

	margin-bottom: 1rem;

}



.mall-sec1-titBox .tit2 span {

	font-size: 16px;

	color: #666666;

	display: block;

}



.mall-sec1-list {

	text-align: center;

	margin-top: 3.75rem;

	display: flex;

	flex-direction: column;

	justify-content: center;

}



.mall-sec1-list>div img {

	max-width: 5rem;

}



.mall-sec1-list:hover .icon-spins {

	animation: icon-spin .3s 1 linear;

}



.mall-sec1-list>p {

	margin: 1.2rem 0 1rem 0;

	font-size: 1.75rem;

	color: #333333;

}



.mall-sec1-list>span {

	display: block;

	font-size: 1rem;

	color: #666666;

}



.mall-section2 {

	background-color: #f4f4f4;

}



.mall-sec2-list {

	position: relative;

	margin-top: 1.875rem;

}



.mall-sec2-list p {

	position: absolute;

	bottom: 20px;

	left: 35px;

	font-size: 1.625rem;

	color: #ffffff;

	z-index: 2;

	margin-bottom: 0;

}



.mall-section3 {

	background-color: #ffffff;

}



.mall-sec3-list {

	padding: 0 10px;

	margin-top: 2.5rem;

}



.mall-sec3-lists {

	border: 1px solid #eeeeee;

	padding: 1.875rem;

	width: 100%;

	height: 100%;

}



.mall-sec3-lists:hover {

	border: 1px solid #d6211a;

}



.mall-sec3-lists p:first-child {

	font-size: 1.625rem;

	color: #333333;

}



.mall-sec3-lists p:last-child {

	font-size: 14px;

	color: #666666;

	margin-bottom: 0;

}



.mall-section4 {

	background-color: #f4f4f4;

}



.mall-sec4-list {

	margin-top: 2.5rem;

}



.mall-section4 .img-hide {

	border-radius: 10px 10px 0 0;

}



.mall-sec4-con {

	padding: 2.1875rem 1.875rem;

	background-color: #ffffff;

	border-radius: 0 0 10px 10px;

}



.mall-sec4-con .tit {

	font-size: 22px;

	color: #333333;

	margin-bottom: 0.875rem;

}



.mall-sec4-con ul>li {

	margin-bottom: 6px;

	background: url(../images/smalldian.png) no-repeat left center;

	padding-left: 20px;

	white-space: nowrap;

	font-size: 14px;

	color: #666666;

}



.mall-section5 {

	background-color: #ffffff;

}



.mall-sec5-list {

	position: relative;

	margin-top: 2.5rem;

}



.mall-sec5-list .con {

	position: absolute;

	bottom: 25px;

	left: 45px;

	z-index: 2;

}



.mall-sec5-list .con span {

	display: block;

	color: #ffffff;

	font-size: 1.625rem;

}



.mall-section6 {

	background: url(../images/mall-img14.jpg) no-repeat;

	background-size: cover;

}



.mall-section6>.mall-sec1-titBox .tit1 {

	color: #ffffff;

}



.mall-sec6-list {

	padding: 0;

	margin-top: 1.875rem;

	display: block;

	position: relative;

}



.mall-sec6-list p {

	position: absolute;

	margin-bottom: 0;

	top: 35px;

	left: 30px;

	font-size: 1.6rem;

	color: #ffffff;

	font-weight: 600;

}



.mall-sec6-list:first-child p {

	color: #ffffff;

}



/* 小程序 */

.applet-section1 {

	width: 100%;

	background-color: #ffffff;

}

.rows{display:flex;flex-wrap: wrap;}

.applet-sec1-list {

	margin-top: 2.5rem;

	display: inline-block;

	text-align: center;

}



.applet-sec1-list .img-hide {

	border-radius: 5px;

}



.applet-sec1-list>.tit {

	font-size: 1.375rem;

	color: #333333;

	margin: 1rem 0 .7rem 0;

}



.applet-sec1-list>span {

	display: block;

	margin-bottom: 0.625rem;

	color: #666666;

	font-size: 1rem;

}



.applet-section2 {

	width: 100%;

	background: url(../images/hyjjfabj.png) no-repeat;

	background-size: cover;

}



.white {

	display: flex;

}



.applet-section2 .mall-sec1-titBox {

	margin-bottom: 1.875rem !important;

}



.white div {

	color: #ffffff !important;

	margin-bottom: 0 !important;

}



.applet-sec2-more {

	display: block;

	margin-left: auto;

	display: flex;

	flex-direction: column;

	justify-content: center;

	font-size: 1rem;

	color: #ffffff;

}



#applty-sec2-tab {

	display: flex;

	flex-direction: column;

	padding-left: 0;

}



#applty-sec2-tab li {

	color: #ffffff;

	line-height: 55px;

	height: 55px;

	background: url(../images/applet-icon2.jpg.png) no-repeat right 10px center;

	padding-left: 10%;

	font-size: 1rem;

	font-weight: 600;

}



#applty-sec2-tab li.act {

	color: #000000;

	background: #ffffff url(../images/applet-icon1.jpg.png) no-repeat right 10px center;

	border-bottom: 4px solid #dddddd;

}



#applty-sec2-con {

	padding-right: 0;

}



#applty-sec2-con li {

	background-color: #ffffff;

	width: 100%;

	height: 100%;

	display: none;

	padding: 2.2rem;

	transition: all 1.3s ease-out 0s;

}



#applty-sec2-con li.act {

	display: block;

}



#applty-sec2-con li>.tit {

	font-size: 2rem;

	color: #333333;

	margin-bottom: 0.5rem;

}



#applty-sec2-con li>.con {

	font-size: 1rem;

	color: #666666;

	line-height: 28px;

}



.applty-sec2-icon {

	margin-top: 15px;

}



.applty-iconList {

	justify-content: center;

	display: flex;

	flex-direction: column;

	text-align: center;

	width: 14% !important;

	margin: 20px 0 .7rem 0;

	position: relative;

}



.applty-iconList>div {

	margin-top: auto;

	white-space: nowrap;

	font-size: 1rem;

}



.applty-iconList img {

	/*max-width: 3.4375rem;*/

	display: block;

	margin: 0 auto 8px;

}



.applet-section3 {

	background-color: #ffffff;

}



.applet-sec3-listBox {

	text-align: center;

	background-color: #f4f4f4;

	border-radius: 10px;

	padding: 2.1875rem 0;

	width: 100%;

	height: 100%;

}



.applet-sec3-list {

	margin-top: 1.875rem;

}



.applet-sec3-listBox span {

	display: block;

	font-size: 14px;

	color: #666666;

}



.applet-sec3-listBox .tit {

	font-size: 1.375rem;

	color: #333333;

}



.applet-sec3-listBox .icon-spins {

	max-width: 5rem;

	margin-bottom: 1rem;

}



.applet-sec3-listBox:hover .icon-spins {

	animation: icon-spin .3s 1 linear;

}



.applet-section4 {

	background-color: #f4f4f4;

}



.applet-sec4-list {

	margin-top: 1.875rem;

}



.applet-sec4-list .img-hide {

	border-radius: 5px 5px 0 0;

}



.applet-sec4-list .con {

	padding: 2.1875rem 1.5625rem 3.75rem 1.5625rem;

	background-color: #ffffff;

	border-radius: 0 0 5px 5px;

}



.applet-sec4-list .con>.tit {

	font-size: 1.375rem;

	color: #333333;

	margin-bottom: 1rem;

}



.applet-sec4-list .con>span {

	font-size: 14px;

	color: #666666;

	display: block;

	line-height: 24px;

}



.applet-section5 {

	background-color: #ffffff;

}





.applet-sec5-list {

	margin-top: 1.875rem;

	text-align: center;

}



.applet-sec5-list>.con .tit {

	font-size: 1.375rem;

	color: #333333;

	margin: 12px 0;

}



.applet-sec5-list>.con span {

	font-size: 14px;

	color: #666666;

	display: block;

	line-height: 24px;

}



.mall-section6.applet {

	background: url(../images/applet-img18.jpg) no-repeat;

	background-size: cover;

}



/* app */

.app-img {

	max-height: 7.5rem !important;

	max-width: 8rem !important;

}



.app-imgBox {

	height: 7.5rem;

	min-height: 90px;

}



.app-container {

	padding: 50px 0;

	margin-top: 2.875rem;

}



.app-container .swiper-slide img {

	transform: scale(1);

}



.app-container .swiper-slide.swiper-slide-active {

	z-index: 2;

}



.app-container .swiper-slide.swiper-slide-active img {

	transform: scale(1.6);

	z-index: 2;

}



.app-container .swiper-button-prev {

	background: url(../images/app-jt-l.png) no-repeat center center;

	left: 10px;

	transform: translate3d(0, -150%, 0);

}



.app-container .swiper-button-next {

	background: url(../images/app-jt-r.png) no-repeat center center;

	right: 10px;

	transform: translate3d(0, -150%, 0);

}



.app-con {

	z-index: 3;

	width: 150%;

	position: relative;

	background-color: #ffffff;

	border-radius: 10px;

	transform: translate3d(-16.5%, 0, 0);

}



.app-container .swiper-slide .app-con {

	display: none;

}



.app-container .swiper-slide.swiper-slide-active .app-con {

	display: block;

}



.app-con {

	padding: 2.5rem;

}



.app-con .tit {

	font-size: 1.625rem;

	color: #333333;

}



.app-con span {

	font-size: 1rem;

	color: #666666;

	display: inline-block;

	margin: 10px 0 1.5rem 0;

}



.app-con-a {

	text-align: right;

}



.app-con-a a {

	font-size: 1rem;

	color: #333333;

	background: url(../images/twojt.png) no-repeat left center;

	display: inline-block;

	padding-left: 17px;

}



.app-con-a a:hover {

	color: #d6211a;

}



.app-sec3-tit {

	background-color: #f4f4f4;

	font-size: 1.625rem;

	color: #333333;

	height: 3.75rem;

	line-height: 3.75rem;

	margin-top: 1.875rem;

}



.app-border {

	position: relative;

	width: 100%;

	border-bottom: 4px solid #f4f4f4;

	height: 18px;

	margin-bottom: 1.875rem;

}



.app-border img {

	width: 2rem;

	min-width: 24px;

}



.app-sec3-list {

	padding: 0;

}



/* 新闻详情 */

.newContentBox {

	margin-top: 92px;

	padding-top: 6.25rem;

	background-color: #ffffff;

	min-height: 100vh;

}



.new-title {

	font-size: 2.625rem;

	color: #333333;

	font-weight: bold;

	margin-bottom: 1.2rem;

}



.con-time {

	font-size: 1.375rem;

	color: #333333;

	font-weight: bold;

	margin-bottom: 1.2rem;

}



.con-time span:last-child {

	color: #999999;

}



.new-content {

	border-top: 3px solid #000000;

	padding: 1.875rem 0;

	border-bottom: 1px solid #dddddd;

}



.new-content p {

	line-height: 30px;

}



.new-bottom {

	display: flex;

	padding: 2.5rem 0;

	font-size: 16px;

}



.new-bottom div a {

	color: #666666;

	font-size: 14px;

}



.new-bottom div:last-child {

	margin-left: auto;

}



/* 案例详情 */

.anli-bannerBox {

	position: relative;

	width: 100%;

	background-color: #ffffff;

	padding: 92px 0 0 0;

	height: 100vh;

}



.anli-con {

	position: absolute;

	width: 72%;

	left: 14%;

	opacity: 1;

	top: 50%;

	z-index: 3;

	color: #ffffff;

	transform: translateY(50%);

}



/* .anli-banner{position: fixed;top: 0;left: 0;z-index: -2;} */

.anli-banner {

	background-attachment: fixed;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	position: fixed;

	z-index: 2;

	width: 100%;

	height: 100vh;

}



.left_bar,

.right_bar {

	width: 14%;

	background: #ffffff;

	height: 100%;

	position: absolute;

	top: 0;

	transform: translateX(0);

}



.left_bar {

	left: 0;

}



.right_bar {

	right: 0;

}



.anli-con .tit1 {

	font-size: 2.875rem;

	margin-bottom: 1rem;

}



.anli-con .tit2 {

	font-size: 1rem;

	line-height: 30px;

}



.anli-contentBox {

	/*background-color: #ffffff;*/

	margin: 0 auto;

	position: relative;

	z-index: 2;

	/*padding-top: 100vh;*/



}



.casetxt-ml {

	position: fixed;

	z-index: 8;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

	width: 92%;

	height: 70px;

	transition: all 0.6s ease 0s;

	-webkit-transition: all 0.6s ease 0s;

	-moz-transition: all 0.6s ease 0s;

	-o-transition: all 0.6s ease 0s;

}



.ml-but {

	position: absolute;

	z-index: 1;

	top: 0;

	width: 70px;

	height: 70px;

}



.ml-prev {

	left: 8%;

}



.ml-tit {

	left: 0;

	right: 0;

	margin: auto;

}



.ml-next {

	right: 8%;

}



.ml-but small {

	display: block;

	width: 70px;

	height: 70px;

	text-align: center;

	line-height: 70px;

	font-size: 0;

	border-radius: 100%;

	background-color: rgba(0, 0, 0, .4);

	position: absolute;

}



.ml-prev small {

	left: 0;

}



.ml-next small {

	right: 0;

}



.ml-but small img {

	display: inline-block;

	vertical-align: middle;

}



.mlbut-div {

	position: absolute;

	z-index: -1;

	top: 0;

	height: 70px;

	width: 70px;

	line-height: 70px;

	text-align: center;

	overflow: hidden;

	background-color: rgba(0, 0, 0, .4);

	border-radius: 70px;

}



.mlbut-div span {

	font-size: 18px;

	color: #fff;

	text-transform: uppercase;

}



.ml-but .mlbut-div {

	width: 70px;

	opacity: 0;

}



.ml-prev .mlbut-div {

	right: 0px;

	padding-right: 50px;

}



.ml-tit .mlbut-div,

.ml-next .mlbut-div {

	padding-left: 50px;

	left: 0px;

}



.ml-but,

.ml-but small,

.ml-but .mlbut-div {

	transition: all 0.5s ease 0s;

	-webkit-transition: all 0.5s ease 0s;

	-moz-transition: all 0.5s ease 0s;

	-o-transition: all 0.5s ease 0s;

}



.ml-buts,

.ml-buts small {

	width: 50px;

	height: 50px;

}



.ml-buts small {

	line-height: 50px;

}



.ml-buts.ml-prev small img,

.ml-buts.ml-next small img {

	width: 20px;

}



.ml-buts.ml-prev .mlbut-div {

	padding-right: 30px;

}



.ml-buts.ml-tit .mlbut-div,

.ml-buts.ml-next .mlbut-div {

	padding-left: 30px;

}



.ml-buts .mlbut-div {

	height: 50px;

	line-height: 50px;

}



.ml-but:hover {

	width: 230px;

}



.ml-but:hover small {

	background-color: #fe0000;

}



.ml-prev:hover small {

	left: 180px;

}



.ml-next:hover small {

	right: 180px;

}



.ml-but:hover .mlbut-div {

	width: 250px;

	opacity: 1;

}



.ml-buts:hover,

.ml-buts:hover .mlbut-div {

	width: 220px;

}



.anli-sec {

	position: relative;

	width: 100%;

	overflow: hidden;

	padding: 10px 0;

}



.anli-sec img {

	margin: 0 auto;

	display: block;

	/*box-shadow: 0px 0px 50px #f4f4f4;*/

}



.anli-sec:nth-child(odd) {

	/*background-color: #ffffff;*/

}



.anli-sec:nth-child(even) {

	/*background-color: #f4f4f4;*/

}



.anli-sec-last {

	overflow: hidden;

	width: 100%;

	background-attachment: fixed;

	background-position-y: 25%;

	background-repeat: no-repeat;

	background-position-x: 50%;

	background-size: cover;

	position: relative;

	z-index: 2;

	height: 100%;

	max-height: 110vh;

}



/* map */

.map-section {

	width: 100%;

	padding: 120px 0;

	background-color: #f6f6f6;

}



.map-section-box {

	width: 90%;

	margin: 30px auto 0;

}



.map-listBox {

	padding: 0 5px;

}



.map-div {

	display: flex;

	height: 46px;

	line-height: 46px;

	margin-bottom: 10px;

	border: 1px solid #e4e4e4;

}



.map-number {

	width: 25%;

	text-align: center;

	background-color: #e4e4e4;

	border-right: 1px solid #e4e4e4;

	font-size: 16px;

}



.map-title {

	text-align: center;

	width: 75%;

}



.map-title a {

	font-size: 16px;

	color: #000;

}



@media (max-width:1500px) {

	#applty-sec2-con li>.tit {

		font-size: 26px;

	}



	#applty-sec2-con li>.con,

	.applet-sec2-more,

	#applty-sec2-tab li {

		font-size: 14px;

	}



	.applty-iconList>div {

		font-size: 12px;

	}



	#applty-sec2-tab {

		padding-right: 5px;

	}

}





/*加盟星*/

body {

	font-size: 12px;

	line-height: 2.0;

	font-family: "Microsoft Yahei", Arial, tahoma, arial !important;

	margin: 0 auto;

	padding: 0;

	font-style: normal !important;

	font-variant: normal !important;

	color: #333;

	background-color: #fff;

	min-width: 1200px;

}



dt,

dl,

dd {

	margin: 0;

	padding: 0

}



a {

	color: #333;

	text-decoration: none

}



a:hover {

	color: #ee4358;

	text-decoration: none;

	cursor: pointer;

}



a:active {

	star: expression(this.onFocus=this.blur())

}



.clear {

	clear: both;

	font-size: 0;

	line-height: 0;

	height: 0

}



* html .clearfix {

	zoom: 1

}



*:first-child+html .clearfix {

	zoom: 1

}



* {

	margin: 0;

	padding: 0

}



.cell,

.cell2,

.cell3 {

	border-collapse: collapse;

	border-spacing: 0

}



.fl {

	float: left

}



.fr {

	float: right

}



.st {

	font-family: SimSun

}



.yh {

	font-family: "Microsoft Yahei"

}



a img {

	border: 0

}



p {

	margin: 0;

	padding: 0;

	line-height: 20px

}



i {

	margin: 0;

	padding: 0;

	font-style: normal

}



ul {

	margin: 0;

	padding: 0;

	list-style: none

}



ul li {

	margin: 0;

	padding: 0;

	list-style: none

}



dl,

dl dt,

dl dd {

	margin: 0;

	padding: 0

}



br {

	margin: 0;

	padding: 0

}



.clearheight {

	width: 100%;

	height: 1px;

	overflow: hidden

}



input {

	outline: 0

}



.border_right1 {

	border-right: 1px solid #b8dbc4

}



.border_right0 {

	border-right: 0

}



.mt19 {

	margin-top: 19px

}



.mt18 {

	margin-top: 18px

}



.mt15 {

	margin-top: 15px

}



.mt10 {

	margin-top: 10px

}



.mt22 {

	margin-top: 22px

}



.mt20 {

	margin-top: 20px

}



.ml6 {

	margin-left: 6px

}



.mt6 {

	margin-top: 6px

}



.w-1000 {

	width: 1000px;

	margin: 0 auto;

	position: relative

}



.w-1005 {

	width: 1005px;

	margin: 0 auto;

	position: relative;

	display: block

}



.fixer {

	position: fixed;

	left: 0;

	top: 0;

	_position: absolute;

	_top: e-xpression(documentElement.scrollTop+10+"px");

	z-index: 9999

}



.w1200 {

	width: 1200px;

	margin: 0 auto

}



.browser-notice {

	background-color: #f3f4c5;

	color: #f85800;

	font-size: 14px;

	height: 32px;

	line-height: 32px;

	vertical-align: middle;

}



.browser-notice p {

	background: url(../images/ie6_cp_warn.jpg) no-repeat 0 8px;

	padding-left: 25px

}



.browser-notice .close {

	position: absolute;

	right: 0;

	top: 4px;

	width: 24px;

	height: 24px;

	background: url(../images/ie6_cp_close.jpg) no-repeat center;

	cursor: pointer

}









.crumb {

	color: #666;

	height: 27px;

	line-height: 19px;

	text-indent: 40px;

	background: url(../images/crumb.gif) no-repeat 12px 0;

	margin-top: 25px

}



.crumb h6 {

	font-size: 14px

}



.crumb span {

	margin: 0 4px

}



#Bimg1 {

	background-image: url("../images/zfb_login.gif");

	width: 87px

}



#Bimg2 {

	background-image: url("../images/qq_login.gif");

	width: 79px

}



#Bimg3 {

	background-image: url("../images/wb_login.gif");

	width: 79px

}



#Bimg4 {

	background-image: url("../images/wx_login.gif");

	width: 79px

}



.alBlock {

	display: inline-block;

	height: 22px;

	vertical-align: middle

}



.Bimg {

	background-position: 0 0;

	background-repeat: no-repeat;

	color: #fff;

	margin: 0 4px;

	*margin: 0;

	text-align: center;

	text-indent: 22px;

	*text-indent: 0;

	*padding-left: 12px

}



.alBlock {

	font: 12px/22px Tahoma, Geneva, sans-serif

}



.table_box {

	background: #f2f2f2;

	padding: 42px 0

}



.linebar {

	background: url("../images/str.png") no-repeat scroll 0 0;

	display: inline-block;

	height: 20px;

	margin-left: 2px;

	overflow: hidden;

	vertical-align: middle;

	width: 200px

}



.s1 {

	background-position: 0 -23px

}



.s2 {

	background-position: 0 -87px

}



.s3 {

	background-position: 0 -151px

}



.s4 {

	background-position: 0 -215px

}



.s5 {

	background-position: 0 -279px

}



.s6 {

	background-position: 0 -343px

}



.s7 {

	background-position: 0 -407px

}



.s8 {

	background-position: 0 -471px

}



.overlay {

	position: absolute;

	z-index: 100;

	top: 0;

	left: 0;

	display: none;

	background-color: #a0a0a0;

	-moz-opacity: .5;

	opacity: .5;

	filter: alpha(opacity=50)

}



.showbox {

	position: fixed;

	z-index: 101;

	display: none

}



.showbox div.loadingWord {

	text-align: center;

	vertical-align: middle;

	width: 200px;

	background: #FFF;

	border: 2px solid #94aad6;

	color: #184785;

	height: 50px;

	line-height: 50px;

	font-size: 12px

}



.btn2fr {

	overflow: hidden;

	margin: 0 auto;

	padding: 23px 0;

	border-top: 1px solid #e3e3e3

}



.btn2fr a {

	color: #4d4d4d

}



.btn2fr a:hover {

	color: #ff5a00

}



.btn2fr p {

	line-height: 22px;

	color: #4d4d4d;

	color: #fff;

	font-size: 14px;

	background: #fff

}



.btn2fr p.p2 {

	text-align: center;

	color: #626262;

	line-height: 28px

}



.btn2fr p.p2 a {

	font-size: 14px

}



.btn2fr p.p4 {

	width: 100%;

	overflow: hidden;

	text-align: center;

	margin-top: 10px

}



.btn3fr {

	width: 100%;

	overflow: hidden;

	border-top: 1px solid #dfdfdf;

	margin-top: 29px

}



.btn3 {

	width: 1004px;

	overflow: hidden;

	margin: 0 auto;

	padding: 0;

	margin-top: 20px;

	text-align: center;

	margin-bottom: 10px

}



.btn3 a {

	margin: 0 10px

}







.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden

}



.btn01 {

	background: transparent url("../images/btn_buy.jpg") no-repeat scroll 0 0;

	border: medium none;

	color: #fff;

	cursor: pointer;

	font: 20px/42px "sans-serif";

	width: 151px

}



.btn02 {

	background: transparent url("../images/btn_buy1.jpg") no-repeat scroll 0 0;

	border: medium none;

	color: #fff;

	cursor: pointer;

	font: 20px/42px "sans-serif";

	width: 141px

}



.btn {

	background-position: 0 0;

	background-repeat: no-repeat;

	border: medium none;

	color: #fff;

	cursor: pointer;

	display: inline-block;

	font: 20px/42px "sans-serif";

	height: 43px;

	text-align: center

}



.bubble_main_right .btnn {

	height: 34px;

	width: 104px;

	border: 1px solid #cdcdcd;

	font-size: 16px;

	background: #fff;

	color: #767676;

	cursor: pointer

}



.bubble_main_right .btnn01 {

	border: 1px solid #ee4358;

	background: #ee4358;

	color: #fff

}



.bubble_main_right .btnn01:hover {

	border: 1px solid #ee4358;

	background: #fff;

	color: #ee4358

}



.bubble_main_right .btnn02 {

	margin-left: 16px

}



.bubble_main_right .btnn02:hover {

	margin-left: 16px;

	color: #fff;

	background: #767676

}



.intro-tab-fix {

	position: fixed;

	top: 0;

	transform: translateZ(0px);

	width: 100%;

	z-index: 10

}



.btnn3 {

	background: #ee4358 none repeat scroll 0 0;

	border: 1px solid #cdcdcd;

	color: #fff;

	cursor: pointer;

	font-size: 16px;

	height: 34px;

	width: 124px

}



.btnn3:hover {

	background: #fff none repeat scroll 0 0;

	border: 1px solid #ee4358;

	color: #ee4358

}



.btnn4 {

	background: #7d7d7d none repeat scroll 0 0;

	border: 1px solid #cdcdcd;

	color: #fff;

	cursor: pointer;

	font-size: 16px;

	height: 34px;

	width: 124px

}



.btnn4:hover {

	background: #fff none repeat scroll 0 0;

	border: 1px solid #7d7d7d;

	color: #7d7d7d

}



.btnn5 {

	background: #168fd6 none repeat scroll 0 0;

	border: 1px solid #cdcdcd;

	color: #fff;

	cursor: pointer;

	font-size: 16px;

	height: 34px;

	width: 124px

}



.btnn5:hover {

	background: #fff none repeat scroll 0 0;

	border: 1px solid #168fd6;

	color: #168fd6

}



.cl::after,

.clearfix::after {

	content: ".";

	display: block;

	height: 0px;

	clear: both;

	visibility: hidden;

}



.cl,

.clearfix {}



.yqtipinfo {

	text-align: center;

	width: 100%;

	border-bottom: 1px solid #dddddd;

}



.yqtipinfo p {

	color: #7c7c7c;

	display: inline-block;

	font-size: 12px;

	padding: 10px;

}



.yqtipinfo #hdtel {

	color: #ee4358;

	display: inline-block;

	font-weight: bold;

	margin-right: 5px;

}



.yqtipinfo p b {

	color: #ee4358;

}



.yqtipinfo .freemailbj a.txdl {

	width: 300px;

	height: 130px;

	background: url(../images/email_free.png) no-repeat scroll 0px 0px transparent;

	display: inline-block;

	float: left;

}



.icoQiang {

	position: absolute;

	margin: -10px 0 0 3px;

	background: url(../images/qiang.gif) no-repeat scroll 0px 0px transparent;

	width: 20px;

	height: 23px

}



.icoTuijian {

	position: absolute;

	margin: -12px 0 0 -25px;

	background: url(../images/ico_tuijian.gif) no-repeat scroll 0px 0px transparent;

	width: 28px;

	height: 20px

}



.icoTehui {

	position: absolute;

	margin: -6px 0 0 3px;

	background: url(../images/ico_tehui.gif) no-repeat scroll 0px 0px transparent;

	width: 28px;

	height: 20px

}



.icoNew {

	position: absolute;

	margin: -6px 0 0 3px;

	background: url(../images/ico_top_news.gif) no-repeat scroll 0px 0px transparent;

	width: 22px;

	height: 14px

}



.icoRexiao {

	position: absolute;

	margin: -6px 0 0 3px;

	background: url(../images/ico_rexiao.gif) no-repeat scroll 0px 0px transparent;

	width: 28px;

	height: 20px

}



.ico_qiang {

	float: left;

	position: absolute;

	background: url("../images/qiang.gif") no-repeat scroll 0 0 transparent;

	width: 20px;

	height: 23px

}



.hiconn {

	width: 17px;

	height: 17px;

	display: inline-block;

	vertical-align: top;

	background-image: url(../images/hicon_h.png);

	background-repeat: no-repeat;

	margin-left: 3px;

	margin-top: 6px;

}



.hcx {

	background-position: -74px -498px;

}



.hhot {

	background-position: -36px -498px;

}



.hnew {

	background-position: 0 -498px;

}



.fphoneNumber {

	color: #000000;

	font: bold 16px/16px "Georgia";

	margin-top: 4px;

	padding-right: 4px;

}



.jztc-banner-bg {

	position: absolute;

	width: 100%;

	height: 410px;

	left: 0;

	top: 0;

}

.footer_flex li:hover span { display: block; }

.footer_flex li:hover .img-n { display: none; }

.footer_flex li span { display: none; color: #fff; font-size: 13px; line-height: 45px; }

.footer_flex li .img-n {padding:0 !important;}

.footer_flex { margin:0 auto; }

.footer_flex li {border-right:0 !important;padding-left: 0px !important; width: 34px !important; height: 34px !important; margin: 0px 15px; float: left; text-align: center; cursor: pointer; position: relative; z-index: 10; }

.footer_flex .icon1:hover {background:url(../images/bottom_icon1_1.png) no-repeat;}

.footer_flex .icon2:hover {background:url(../images/bottom_icon2_2.png) no-repeat;}

.footer_flex .icon3:hover {background:url(../images/bottom_icon3_3.png) no-repeat;}



.footer_flex li:hover .flex-footerc { display: block; }

.footer_flex li .flex-footerc { width: 140px; position: absolute; left: 10px; top: -179px; text-align: center; padding-top: 15px; display: none; }



.footer_flex li:hover .flex-footer { display: block; }

.footer_flex li .flex-footer { width: 140px; position: absolute; left: -53px; top: -179px; text-align: center; padding-top: 15px; display: none; }



.footer_flex li:hover .flex-footera { display: block; }

.footer_flex li .flex-footera { width: 140px; position: absolute; left: -120px; top: -179px; text-align: center; padding-top: 15px; display: none; }