@charset "utf-8";

/* author:英雄づ小将 <303781721@qq.com> */

.bg-magenta {
	background: #fff4e5;
}

.banner30 {
	min-width: 1000px;
	height: 450px;
	background: url(/templets/default/images/banner30.jpg) no-repeat center center;
}

.banner30 .bbbt1 {
	position: absolute;
	top: 329px;
	left: 574px;
}

.banner30 .bbbt2 {
	position: absolute;
	top: 329px;
	left: 781px;
}

.center {
}

.line2 {
	position: relative;
	border-top: 1px dashed #999999;
}

.line2:after {
	position: absolute;
	top: -5px;
	left: 50%;
	margin-left: -5px;
	content: "";
	height: 10px;
	width: 10px;
	background: #999999;
	border-radius: 99px;
}

h2 {
	font: 100 36px/120% "微软雅黑", "黑体";
	text-align: center;
}

h2 small {
	font: 400 50px/120% "微软雅黑", "黑体";
	color: #666666;
}

.tit1 {
	font: 30px/120% "微软雅黑", "黑体";
	color: #999999;
	text-align: center;
}

.cyan {
	color: #3ce3c5;
}

.orange {
	color: #feca48;
}

.yushang {}

.yushang .sp3 {
	float: left;
	margin: 0 15px;
	width: 220px;
	text-align: center;
}

.yushang h4 {
	margin: 10px 0;
	font: 100 20px/32px "微软雅黑", "黑体";
}

.text {
	font: 14px/20px "微软雅黑", "黑体";
	color: #898989;
}

.bg41 {
	background: #fafafa url(../images/pic41.jpg) no-repeat center bottom;
}

.pic42 {
	padding-left: 600px;
}

a.btnzhuce {
	display: inline-block;
	padding: 0 40px;
	font: 28px/60px "微软雅黑", "黑体";
	color: #ffffff;
	background: #faa448;
	border-radius: 50px;
}

a.btnzhuce:hover {
	background: #f89225;
}

.pic44 {
	position: absolute;
	top: -330px;
	left: 780px;
}

.pic47 {
	position: absolute;
	top: -300px;
	left: 230px;
}

.pic48 {
	position: absolute;
	top: -380px;
	left: 212px;
}

.pic49 {
	position: absolute;
	top: -575px;
	left: 250px;
}

.zhifu .row {
	width: 100%;
	padding-left: 1%;
}

.zhifu .sp3 {
	float: left;
	margin-left: 2%;
	width: 30%;
	text-align: center;
}

.zhifu .sp3 h3 {
	margin: 20px 0;
	font: 100 20px/32px "微软雅黑";
}

.zhifu .sp3 .text {
	padding: 0 20px;
	text-align: left;
}

.pic51 {
	margin-top: -320px;
	padding-left: 168px;
}

.pic53 {
	position: absolute;
	top: -330px;
	left: 188px;
}

.icon75 {
	position: absolute;
	top: -100px;
	left: 875px;
}

.icon76 {
	position: absolute;
	top: -180px;
	left: 20px;
}

.icon77 {
	position: absolute;
	top: -368px;
	left: 277px;
}

.icon79 {
	position: absolute;
	top: -330px;
	left: 630px;
}

.icon80 {
	position: absolute;
	top: -220px;
	left: 876px;
}

.icon81 {
	position: absolute;
	top: -100px;
	left: 130px;
}


/**/

.b2bds h4 {
	margin: 10px 0;
	font: 36px/42px "微软雅黑", "黑体";
	color: #000000;
}

.b2bds .sp4 {
	float: left;
	width: 25%;
	font: 24px/40px "微软雅黑", "黑体";
	color: #999999;
	text-align: center;
}

.bg3 {
	background: url(../images/bg3.jpg) no-repeat center center;
	height: 766px;
}

.xszf .sp3 {
	float: left;
	margin: 0 0 0 120px;
	width: 180px;
	text-align: center;
}

.hty {
	padding: 80px 0;
	font: 60px/80px "微软雅黑", "黑体";
	color: #ffffff;
	text-align: center;
	background: #3ce3c5;
}

.con {
	margin: 0 auto;
	width: 914px;
	font: 24px/36px "微软雅黑", "黑体";
	color: #535353;
}

.con p {
	margin: 1em auto;
}

.guestlist {
	padding-left: 40px;
}

.guestlist li {
	float: left;
	margin: 0 10px 20px;
	width: 210px;
}

.btty {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	padding: 25px 0px;
	font: 18px/28px "微软雅黑", "黑体";
	color: #ffffff;
	text-align: center;
	background: #333333;
	display: none;
	z-index: 999;
}

.btnty {
	display: inline-block;
	padding: 10px 40px;
	color: #000000;
	text-align: center;
	background: #feca48;
	border-radius: 99px;
}


/*表单提交*/

.formsend h3 {
	margin-left: 50px;
	font: 32px/46px "微软雅黑", "黑体";
	color: #ffffff;
	text-align: center;
}

.formsend {
	width: 100%;
	padding: 60px 0;
	font-family: "微软雅黑", "黑体";
	color: #ffffff;
}

.formcont {
	width: 400px;
	margin: 0 auto;
}

.formcont h2 {
	text-align: center;
	font-size: 30px;
	color: #2D2D2D;
	font-weight: normal;
	margin-bottom: 50px;
}

.formcont input {
	width: 310px;
	height: 30px;
	border: 0 none;
	background: #FFFFFF;
	border-radius: 5px;
	padding: 5px;
}

.formcont li {
	height: 45px;
	line-height: 40px;
	margin-top: 10px;
	overflow: hidden;
}

.formcont li span {
	padding-right: 10px;
	font-size: 16px;
	width: 70px;
	float: left;
	display: block;
}

.formcont li:last-child {
	/*    margin-top: 40px;
*/
	padding-left: 60px;
}

.formcont li a {
	width: 115px;
	height: 40px;
	text-align: center;
	color: #FFFFFF;
	font-size: 20px;
	display: block;
	line-height: 38px;
	margin: 0 auto;
	background: #E60011;
	border-radius: 5px;
}

.twenbox_img {
	position: relative;
}

.litimgbt {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 315px;
	left: -125px;
	overflow: hidden;
}

.litimgbt.rightcc {
	width: 250px;
	height: 250px;
	position: absolute;
	top: 315px;
	left: 300px;
}

.litimgbt img {
	width: 100%;
	height: 100%;
}

.twenbox_img.icophone .imgbxkh.animatebb {
	animation: phone1 4s linear 0s infinite alternate;
	-moz-animation: phone1 4s linear 0s infinite alternate;
	-webkit-animation: phone1 4s linear 0s infinite alternate;
	-o-animation: phone1 4s linear 0s infinite alternate;
}

.litimgbt .animatebbc {
	position: absolute;
	top: 0;
	left: 0;
	height: 500px;
	animation: phone2 4s linear 0s infinite alternate;
	-moz-animation: phone2 4s linear 0s infinite alternate;
	-webkit-animation: phone2 4s linear 0s infinite alternate;
	-o-animation: phone2 4s linear 0s infinite alternate;
}

.litimgbt .animatebbc img {
	height: 250px;
}


/*animate.css*/

.animated {
	visibility: hidden;
}


/**/

.part {
	padding: 200px 0;
}

.part_r .txt {
	text-align: right;
}

.part h3 {
	margin-bottom: 20px;
	font: 60px/80px "微软雅黑", "黑体";
	color: #000000;
}

.part .intro {
	margin-bottom: 20px;
	font: 26px/46px "微软雅黑", "黑体";
	color: #999999;
}

ul.icons {}

ul.icons li {
	display: inline-block;
	width: 120px;
	font: 20px/32px "微软雅黑", "黑体";
	color: #999999;
	text-align: center;
}

.part_l .ct {
	position: absolute;
	right: 0px;
	top: 0px;
}

.part_r .ct {
	position: absolute;
	left: 0px;
	top: 0px;
}


/*
.pic66{position:absolute;top:0px;left:35px;}
.icon109{position:absolute;top:130px;left:2px;}
.icon110{position:absolute;top:46px;left:68px;}
.icon111{position:absolute;top:-20px;left:176px;}
.icon112{position:absolute;top:0px;left:314px;}
.icon113{position:absolute;top:113px;left:367px;}


.pic67{position:absolute;top:70px;right:0px;}
.icon117{position:absolute;top:0px;left:-380px;}
.icon118{position:absolute;top:0px;left:-77px;}
.icon119_1{position:absolute;top:248px;left:-496px;}
.icon119_2{position:absolute;top:70px;left:-489px;}
.icon119_3{position:absolute;top:25px;left:-244px;}
.icon119_4{position:absolute;top:50px;left:-42px;}
.icon119_5{position:absolute;top:248px;left:0px;}


.icon123{position:absolute;top:110px;left:0px;}
.icon124{position:absolute;top:140px;left:130px;}
.icon125{position:absolute;top:180px;left:355px;}
.icon126{position:absolute;top:0px;left:200px;}
.icon127{position:absolute;top:180px;left:-250px;}
.icon128{position:absolute;top:80px;left:-360px;}
.icon129{position:absolute;top:-50px;left:-500px;}

.icon133{position:absolute;top:20px;left:0px;}
.icon134{position:absolute;top:220px;left:165px;}
.icon135{position:absolute;top:-20px;left:265px;}
.icon137{position:absolute;top:194px;left:468px;}

.icon138{position:absolute;top:20px;left:-400px;}
.icon139{position:absolute;top:230px;left:-440px;}
.icon140{position:absolute;top:230px;left:30px;}
.icon141{position:absolute;top:0px;left:-380px;}
.icon142{position:absolute;top:0px;left:-230px;}
.icon143{position:absolute;top:0px;left:-95px;}
.icon144{position:absolute;top:10px;left:-200px;}
*/


/**/

.sj5 {
	position: absolute;
	top: -120px;
	left: 0px;
}

.uyl1 {
	position: absolute;
	top: -80px;
	left: 130px;
}

.uyl2 {
	position: absolute;
	top: -30px;
	left: 360px;
}

.uyl3 {
	position: absolute;
	top: 110px;
	left: 100px;
}

.uyl4 {
	position: absolute;
	top: 100px;
	left: 220px;
}

.uyl5 {
	position: absolute;
	top: 180px;
	left: 420px;
}

.uyl6 {
	position: absolute;
	top: 380px;
	left: 40px;
}

.uyl7 {
	position: absolute;
	top: 330px;
	left: 180px;
}

.uyl8 {
	position: absolute;
	top: 280px;
	left: 320px;
}

.sj6 {
	position: absolute;
	top: -120px;
	left: -400px;
}

.uyl9 {
	position: absolute;
	top: -80px;
	left: -60px;
}

.uyl10 {
	position: absolute;
	top: 40px;
	left: -300px;
}

.uyl11 {
	position: absolute;
	top: 200px;
	left: -380px;
}

.uyl12 {
	position: absolute;
	top: 230px;
	left: -320px;
}

.uyl13 {
	position: absolute;
	top: 130px;
	left: -170px;
}

.uyl14 {
	position: absolute;
	top: 220px;
	left: -30px;
}

.uyl15 {
	position: absolute;
	top: 350px;
	left: -50px;
}

.uyl16 {
	position: absolute;
	top: 360px;
	left: 40px;
}

.sj7 {
	position: absolute;
	top: -120px;
	left: 0px;
}

.uyl17 {
	position: absolute;
	top: -90px;
	left: 340px;
}

.uyl18 {
	position: absolute;
	top: 20px;
	left: 10px;
}

.uyl19 {
	position: absolute;
	top: 100px;
	left: 90px;
}

.uyl20 {
	position: absolute;
	top: 110px;
	left: 220px;
}

.uyl21 {
	position: absolute;
	top: 200px;
	left: 360px;
}

.uyl22 {
	position: absolute;
	top: 360px;
	left: 20px;
}

.uyl23 {
	position: absolute;
	top: 340px;
	left: 120px;
}

.uyl24 {
	position: absolute;
	top: 340px;
	left: 280px;
}

.sj8 {
	position: absolute;
	top: -120px;
	left: -450px;
}

.uyl25 {
	position: absolute;
	top: -80px;
	left: -100px;
}

.uyl26 {
	position: absolute;
	top: 0px;
	left: -350px;
}

.uyl27 {
	position: absolute;
	top: 120px;
	left: -100px;
}

.uyl28 {
	position: absolute;
	top: 120px;
	left: -400px;
}

.uyl29 {
	position: absolute;
	top: 120px;
	left: -225px;
}

.uyl30 {
	position: absolute;
	top: 280px;
	left: -400px;
}

.uyl31 {
	position: absolute;
	top: 340px;
	left: -150px;
}

.uyl32 {
	position: absolute;
	top: 350px;
	left: -20px;
}

.sj9 {
	position: absolute;
	top: -120px;
	left: 0px;
}

.uyl33 {
	position: absolute;
	top: -50px;
	left: 100px;
}

.uyl34 {
	position: absolute;
	top: 0px;
	left: 350px;
}

.uyl35 {
	position: absolute;
	top: 120px;
	left: 100px;
}

.uyl36 {
	position: absolute;
	top: 130px;
	left: 220px;
}

.uyl37 {
	position: absolute;
	top: 130px;
	left: 430px;
}

.uyl38 {
	position: absolute;
	top: 250px;
	left: 330px;
}

.uyl39 {
	position: absolute;
	top: 340px;
	left: 180px;
}

.uyl40 {
	position: absolute;
	top: 380px;
	left: 30px;
}

.sj10 {
	position: absolute;
	top: -120px;
	left: -400px;
}

.uyl41 {
	position: absolute;
	top: -50px;
	left: -320px;
}

.uyl42 {
	position: absolute;
	top: -20px;
	left: 30px;
}

.uyl43 {
	position: absolute;
	top: 90px;
	left: -10px;
}

.uyl44 {
	position: absolute;
	top: 140px;
	left: -190px;
}

.uyl45 {
	position: absolute;
	top: 240px;
	left: -320px;
}

.uyl46 {
	position: absolute;
	top: 370px;
	left: -220px;
}

.uyl47 {
	position: absolute;
	top: 300px;
	left: -40px;
}

.uyl48 {
	position: absolute;
	top: 380px;
	left: 40px;
}


/**/

.cirwhite {
	position: relative;
}

.cirwhite:after {
	position: absolute;
	top: 0px;
	left: 50%;
	content: "";
	margin-left: -71px;
	width: 142px;
	height: 32px;
	background: url(../images/cirwhite.png) no-repeat center top;
}

.cirmagenta {
	position: relative;
}

.cirmagenta:after {
	position: absolute;
	top: 0px;
	left: 50%;
	content: "";
	margin-left: -88px;
	width: 176px;
	height: 40px;
	background: url(../images/cirmagenta.png) no-repeat center top;
}


/*812*/

.tiyan input.txt.yzm {
	margin-right: 5px;
	width: 165px;
}

.tiyan a.btnyzm {
	display: inline-block;
	padding: 2px 10px;
	font-weight: 100;
	color: #ffffff;
	background: #f8a200;
	border-radius: 3px;
}

.tiyan a.btnyzm2 {
	display: inline-block;
	padding: 2px 10px;
	font-weight: 100;
	color: #ffffff;
	background: #999999;
	border-radius: 3px;
	display: none;
}

.yzmbtn {
	float: right;
}

.sendstatus1,
.sendstatus2 {
	text-align: right;
	display: none;
}


/*消费体验*/

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

.xfty {
	margin: 0 -10px;
}

.xfty li {
	float: left;
	margin: 0 9px 18px;
	width: 237px;
	min-height: 340px;
	border: 1px solid #f3f3f3;
	background: #ffffff;
	box-sizing: border-box;
}

.xfty li img {
	border-radius: 3px;
}

.xfty li h3 {
	margin: 10px 0;
	font: 100 20px/36px "微软雅黑";
	text-align: center;
}

.xfty li .text {
	padding: 0 20px;
	color: #9b9b9b;
}

.bg6 {
	padding: 30px 0 50px;
	text-align: center;
	color: #ffffff;
	background: url(../images/bg6.jpg) no-repeat center center;
}

.bg6 h2 {
	padding:10px 0;
	font: 100 30px/36px "微软雅黑";
}

a.btnzhuce2 {
	display: inline-block;
	font: 20px/40px "微软雅黑";
	color: #ffffff;
	padding: 0px 20px;
	border: 1px solid #ffffff;
	border-radius: 3px;
}

a.btnzhuce2:hover {
	color: #ffffff;
}

.swiper-button-prev,
.swiper-button-next {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#grayscale);
	filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter: grayscale(1);
}



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