@charset "gb2312";
html {font:400 14px/1.5 PingFangSC-Regular,Helvetica,"Droid Sans",Arial,sans-serif; font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-user-select:none;user-select:none;}
html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
* ,::before,::after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a{text-decoration:none;-webkit-touch-callout:none;background-color:transparent;}
a:active,a:hover{outline:0;text-decoration:none;}
li{list-style:none}
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%;}
img { border:0;-webkit-touch-callout:none; vertical-align: middle; display:block}
em, i, b ,s,strong{ font-style: normal; font-weight: normal; }
input,textarea{ border:0; outline: none; resize: none; -webkit-appearance: none;}
.all-wrap p {font-size: 2.6rem; text-align: justify; text-justify: inter-ideograph; }
.clearfix:before, .clearfix:after { display:table; content: ""; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.re { position: relative; }
.ab { position: absolute; }
.fl { float: left;}
.fr { float: right;}
input::-webkit-input-placeholder { /* WebKit browsers */ 

color: #cecece; 
} 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #cecece; 
} 

input::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #cecece; 
} 

input:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #cecece; 
} 
.middle{ display:inline-block; vertical-align:middle}
.wrap { width: 100%; margin: 0 auto; max-width: 750px; min-width: 320px; }

.banner .zj { overflow:hidden;}
.banner .zj .hd { height: 14px; width: 100%; text-align: center;position:absolute;bottom:3%;left:0 }
.banner .zj .hd li { width: 12px; height: 12px; margin:0 1%; background: #ffffff; display: inline-block; overflow:hidden; color:#fff; border-radius:50%}
.banner .zj .hd li { font-size:2.2rem;}
.banner .zj .hd  .on{ background: #959595;}
.banner .zj .bd{ overflow:hidden}
.banner .zj img{ display:block;}

.content1{ overflow:hidden;}
.content1 .imgArea  .txt{ width:45%; left:45%; color:#a36e33; font-size:2.4rem; top:24%}
.content1 .imgArea  .txt span{ color:#848a8a}
.content1 .imgArea .btn{ width:54%; height:30%; left:42%; top:60%; }

.content2 .imgArea  .txt{ width:100%; text-align:center;top:54.5%; color:#000000; font-size:3.3rem;}
.content2 .btn{ width:46%; height:14%;bottom:2%; left:2%;}
.content2 .btn2{ bottom:2%; left:52%; width:44%;}
.btn2{ width:28.2%; display:block;}

.content3{ background:#eee9e5; padding-bottom:7%}
.content3 .txt{ padding:3% 4%; font-size:2.6rem; color:#3f2015;}
.content3 .list .btn{ width:50%; height:91%;bottom:2%; left:2%; z-index:2;}
.content3 .list .btn2{width:44%; height:91%; left:52%;bottom:2%;}

.content4 .title{ width:100%; text-align:center;top:10%; color:#3f2015; font-size:3.3rem;}
.content4 .txt{ width:100%; text-align:center; top:68%; color:#3f2015; font-size:2.8rem;}
.content4 .list .btn{ width:50%; height:91%;bottom:27%; left:2%;z-index:2;}
.content4 .list .btn2{width:44%; height:91%; left:52%}

.content5 .txt{ width:50%; left:8%; font-size:2.8rem; color:#000000; top:9%}
.content5 .btn{ width:55%; height:20%; left:5%; top:67%;}


.content6 .list .txt{ width:50%; left:50%; color:#000000; font-size:2.5rem; top:18%; left:44%}
.content6 .list .txt span{ font-weight:bold;}
.content6 .list2 .txt{left:7%;top:37%;}
.content6 .list .btn{ width:48%; height:91%;bottom:10%; left:2%; z-index:2;}
.content6 .list .btn2{width:46%; height:91%; left:51%;}

.content7 .imgArea .txt{ width:95%; left:0; right:0; margin:auto; top:30%; color:#3f2015; font-size:2.4rem;}
.content7 .imgArea .txt span{ font-weight:bold;}
.content7 .list .btn{ width:50%; height:91%;bottom:27%; left:2%; z-index:2;}
.content7 .list .btn2{width:44%; height:91%; left:52%;}

.content8 .imgArea .txt{ width:46%; top:50%; left:54%; }
.content8 .imgArea .txt h3{color:#3f2015; font-size:2.4rem; font-weight:bold;}
.content8 .imgArea .txt p{ margin-top:3%; width:82%;color:#3f2015; font-size:2.4rem; }
.content8 .imgArea .txt2{ width:81%;top:79.5%; color:#313131; font-size:2.6rem; left:0; right:0; margin: auto; }
.content8 .infor{ font-size:2.4rem; color:#3f2015; background:#e0ad6e; padding:2% 4%}
.content8 .list .btn{ width:50%; height:91%;bottom:27%; left:2%; z-index:2;}
.content8 .list .btn2{width:44%; height:91%; left:52%;}


.content9 .imgArea .lb{ width:95.86%; left:0; right:0; margin:auto; top:0%; border-radius:10px;}
.content9 .imgArea .lb .bd2 li .btn{ width:59%; height:20%; top:35%; left:40%}
.content9 .zj .hd { height: 14px; width: 100%; text-align: center;position: relative;position:absolute;bottom:-9%;left:0 }
.content9 .zj .hd li { width: 12px; height: 12px; margin:0 1%; background: #ffffff; display: inline-block; overflow:hidden; color:#fff; border-radius:50%}
.content9 .zj .hd li { font-size:2.2rem;}
.content9 .zj .hd  .on{ background: #af7634;}

.content10 .imgArea .case{ width:94%; height:58%; top:20.6%; left:3%; background:url(../images/case.gif) no-repeat center; background-size:100%; border-radius:10px; overflow:hidden;}

.content12 .imgArea{ padding-top:8%}
.content12 .userInfoColection{ width:84%; height:100%; top:0%; left:0; right:0; margin:auto;}
.content12 .userInfoColection form{ margin-top:49%}
.content12 .userInfoColection input{ line-height:2.8; display:block; text-align:center;  width:73%; margin:3% auto 0; font-size:3rem; border-radius:40px;}
.content12 .userInfoColection .submitBox{ width:100%; height:19%; margin-top:3%}
.content12 .userInfoColection .submitBox a{ width:47%; height:100%; display:inline-block }



/* 新内链商务通对话框 */

.kst-dialog {
	overflow: hidden;
	position: relative;
}

.kst-dialog .show-dialog {
	position: absolute;
	width: 100%;
	display: none;
}

.kst-dialog .dialog {
	position: relative;
	font-size: 2.4rem;
	line-height: 150%;
	color: #2c2c2c;
}

.kst-dialog .pp1 {
	position: absolute;
	font-size: 3rem;
	line-height: 100%;
	color: #ffffff;
	left: 3%;
	top: 5%;
}

#showOne {
	left: 0;
	top: 20%;
}

#showTwo {
	left: 0;
	top: 42%;
}

.kst-dialog .dialog span {
	position: absolute;
	width: 72%;
	left: 18%;
	top: 8%;
}

.kst-dialog h3 {
	text-align: center;
	font-size: 2rem;
	color: #09080a;
	font-weight: normal;
	line-height: 150%;
	margin-bottom: 1%;
}

.wechat-question {
	position: absolute;
	width: 95%;
	bottom: 17%;
	left: 3%;
}

.kst-dialog .wechat-question a:first-child {
	margin-left: 0;
}

.kst-dialog .wechat-question a {
	width: 23.088%;
	margin: 0 0 0 1.5%;
	border-radius: 8px;
	border: 1px solid #000;
	color: #000;
	font-size: 2.4rem;
	display: block;
	float: left;
	background: #fff;
	text-align: center;
	padding: 1.5% 0;
}

.kst-dialog .KSTChatBox {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 1%;
	background: #f1f1f1;
	overflow: hidden;
	padding: 1.5% 0;
}

.kst-dialog .call {
	display: block;
	width: 26%;
	position: absolute;
	right: 0;
	top: 0;
	padding: 3.5% 0;
}

.kst-dialog .call img {
	display: inline-block;
	vertical-align: middle;
	width: 24%;
	-webkit-animation: tada 1.5s linear normal both infinite;
	animation: tada 1.5s linear normal both infinite;
}

.kst-dialog .call span {
	font-size: 3rem;
	line-height: 100%;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
}

.kst-dialog .KSTChatBox input {
	float: left;
	resize: none;
	width: 75%;
	color: #000;
	font-size: 2.4rem;
	line-height: 150%;
	padding: 2% 0 2% 2%;
	background: #ffffff;
	border: 1px solid #858585;
	border-radius: 4px;
	margin-left: 2%;
}

.kst-dialog .KSTChatBox a {
	float: left;
	width: 15%;
	text-align: center;
	background: #d049a6;
	color: #ffffff;
	font-size: 2.8rem;
	line-height: 260%;
	border-radius: 4px;
	margin-left: 2%;
}

@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);
	}
}

@-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);
	}
}

/* special top */
#specailTop {
	background: #404040;
	width: 100%
}

#TopSepecial {
	width: 100%;
	margin: 0 auto;
}

#TopSepecial img {
	display: block;
	width: 100%;
}

#TopSepecial .Toptheme {
	overflow: hidden;
	width: 100%;
	position: relative;
}

#TopSepecial .Toptheme ul {
	width: 90%;
	margin: 0 auto;
	display: inline-flex;
}

#TopSepecial .Toptheme li {
	font-size: 2.4rem;
	line-height: 300%;
	float: left;
	width: 22.5%;
	border-right: 1px solid #c4c4c4
}

#TopSepecial .Toptheme a {
	display: block;
	color: #fff;
	text-align: center;
	width: 100%;
	margin: 0 auto;
	height: 100%;
}

#TopSepecial .Toptheme a.active {
	color: #8d199c;
	background: #fff;
}

#TopSepecial .TopSprev {
	background: none;
	left: 2%;
	position: absolute;
	top: 32%;
	width: 2%;
	z-index: 190
}

#TopSepecial .TopSnext {
	background: none;
	right: 2%;
	position: absolute;
	top: 32%;
	width: 2%;
	z-index: 190;
}
.swtLeft s-ripple1{ display:none!important;;}
#s-ripple{ display:none!important;}
#swtLeft_a{display:none!important;}
#center{display:none!important;}
/*750设计稿*/
@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:26.2%;}/*0.42*/
.content6 .list .txt{ width:53%; left:40%;}
.content6 .list2 .txt{left:5%;}
.content7 .imgArea .txt{ top:28%}
.content8 .imgArea .txt{top:47%;}
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:31%;}/*0.5*/
}
@media screen and (min-width:410px) and (max-width:479px) {
html{font-size:33%;}/*0.54*/
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:40%;}/*0.64*/
}