@charset "gb2312";

html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
input[type="submit"], input[type="reset"], input[type="button"], input { -webkit-appearance: none; resize: none; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
.wrap img { max-width: 100%; height: auto; width: auto\9; -ms-interpolation-mode: bicubic; border: none; display: block; width: 100%; }
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: none; }
body, button, input, select, textarea { font: 12px/1.5 '微软雅黑', tahoma, Srial, helvetica, sans-serif;outline:none; }
body { min-width: 320px; overflow-x: hidden; }
em, i, b { font-style: normal; font-weight: normal; }

.clearfix:after { content: ""; display: block; visibility: hidden; height: 0; clear: both; }
.clearfix { zoom: 1; }
a { text-decoration: none;}
a:hover { text-decoration: none; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: Microsoft YaHei; font-weight: normal; }
* { margin: 0; padding: 0; text-shadow: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ""; }
.clearfix:after { clear: both; }
.clearfix { *zoom:1;}
.re { position: relative; }
.ab { position: absolute; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.translateXY {-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.translateY {-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.translateX {-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.shadow{-moz-box-shadow: 0px 10px 9px  rgba(255, 142, 169, .49);-webkit-box-shadow: 0px 10px 9px  rgba(255, 142, 169, .49);box-shadow: 0px 10px 9px  rgba(255, 142, 169, .49);}

.wrap{max-width:750px;width:100%;margin:0 auto;}

.banner{overflow: hidden;}
.banner span{display: block;width: 54.13%;top:21%;left: auto;right: 1.5%; -moz-box-shadow: 2.177px 8.733px 38.18px 7.82px rgba(24, 15, 5, .47);-webkit-box-shadow: 2.177px 8.733px 38.18px 7.82px rgba(24, 15, 5, .47);box-shadow: 2.177px 8.733px 38.18px 7.82px rgba(24, 15, 5, .47);z-index: 1}

.box1{ overflow: hidden;}
.box1 span{display: block;width:51.87%;top:19%;left:4% }
.box1 a{width: 39.73%;height: 11%;top: 58.8%;left: 22.4%; }
.box1 .a1{display: block;width: 42.93%;height: 3.4%;top:82.8%;left:3.5%;}
.box1 .a2{display: block;width: 43.5%;height: 3.4%;top: 82.8%;left: auto;right: 3.4%;}
.box1 .a3{display: block;width: 32%;height: 4.6%;bottom: 2.2%;top:auto;right: 1.3%;left: auto;}

.box2{ overflow: hidden;}
.box2 .a1{display: block;width: 42.2%; height: 4.1%;top: 91%;left: 1.7%;}
.box2 .a2{display: block;width: 48.5%;height: 4.1%;top: 91%;left: auto;right: 2.2%;}

.box3 { overflow: hidden;}
.box3 .info{width: 100%;top:13%;}
.box3 .info p{font-size: 2.8rem;color: #0d0805;padding: 0 4%;margin-top: 1%;text-align: center;}
.box3 .info .focus{margin-top: 3%;}
.box3 .info .focus .bd{width: 100%;}
.box3 .info .focus .hd{width: 100%;text-align: center;}
.box3 .info .focus .hd ul{width: 100%;}
.box3 .info .focus .hd ul li{display: inline-block;width: 19px;height: 19px;margin-right: 2%;background: #fff; -moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;}
.box3 .info .focus .hd ul li.on{background: #ff2994;}
.box3 .info .btn{display: block;width: 80.27%;margin: 3.5% auto 0;-moz-border-radius: 32.5px;-webkit-border-radius: 32.5px;border-radius: 32.5px;overflow: hidden;-moz-box-shadow: 0px 10px 9px  rgba(175, 41, 3, .49);-webkit-box-shadow: 0px 10px 9px  rgba(175, 41, 3, .49);box-shadow: 0px 10px 9px  rgba(175, 41, 3, .49);}

.box4 { overflow: hidden;}
.box4 .info{width: 100%;top:12%;}
.box4 .info p{font-size: 2.9rem;color: #fff;padding: 0 4.67%;}
.box4 .info .expert{width: 100%;margin-top:-2%;position: relative;}
.box4 .info .expert .bd{width: 100%;}
.box4 .info .expert .btn{display: block; width: 77.2%;margin: 12% auto 4%;-moz-border-radius: 40.5px;-webkit-border-radius: 40.5px;border-radius: 40.5px;overflow: hidden;-moz-box-shadow: 0px 10px 9px 0px rgba(42, 21, 53, .4);-webkit-box-shadow: 0px 10px 9px 0px rgba(42, 21, 53, .4);box-shadow: 0px 10px 9px 0px rgba(42, 21, 53, .4);}
.box4 .info .expert .hd{width: 100%;text-align: center;position: absolute;bottom: 13%;}
.box4 .info .expert .hd ul{width: 100%;}
.box4 .info .expert .hd ul li{display: inline-block;width: 19px;height:19px;margin-right: 2%;background: #fff; -moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;}
.box4 .info .expert .hd ul li.on{background: #ff2994;}

.box5 { overflow: hidden;}
.box5 a{display: block;width: 80.67%;height: 5%;bottom: 4.15%;left:50%;}

.box6 { overflow: hidden;background: #eee;padding-bottom: 10%;color: #0d0805;}
.box6 h2{font-size: 2.9rem;text-align: center;}
.box6 ul{width: 100%;margin-top: 5%;}
.box6 ul li{width: 47.33%;float: left;margin-left: 1.6%;margin-right: 0.5%;text-align: center;margin-bottom: 4%;}
.box6 ul li h3{font-size: 2.9rem;}
.box6 ul li p{font-size: 2.3rem;}
.box6 .btn1{display: inline-block;width:57.2%; float: left;margin-left: 1.6%;margin-top: 5%;}
.box6 .btn2{display: inline-block;width:31.87%; float: left;margin-left: 4.8%;margin-top: 5%;}

.box7 { overflow: hidden;}
.box7 .a1{display: block;width: 51.73%;height: 6%;bottom: 9.6%;left:4.6%; }
.box7 .a2{display: block;width:31.8%;height: 6%;bottom: 9.6%;right:5.5%;left: auto;}

.box8 { overflow: hidden;}
.box8 a{display: block; width: 39%;height: 7.8%;top: 55.5%;left: 52.3%; }

.box9 { overflow: hidden;text-align: center;color: #2a1108;padding-bottom: 15%;}
.box9 h2{font-size: 3.5rem;margin-top: 3%;}
.box9 p{font-size: 2.9rem;margin-bottom: 7%;}
.box9 a{display: block;width: 92.8%;border-radius: 42px;margin: 0 auto}
/* 新内链商务通对话框 */

.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 #d049a6;
	color: #d049a6;
	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;}
#lim_mini{display:none!important;}
@media screen and (min-width:320px) and (max-width:374px) {
html{font-size:31.25%;}/*0.42*/
	.box3 .info .focus .hd ul li,.box4 .info .expert .hd ul li{width: 14px;height: 14px;}
}
@media screen and (min-width:375px) and (max-width:409px) {
html{font-size:35%;}/*0.5*/
	.box3 .info .focus .hd ul li,.box4 .info .expert .hd ul li{width: 16px;height: 16px;}
}
@media screen and (min-width:410px) and (max-width:479px) {	
html{font-size:40%;}/*0.54*/
	.box3 .info .focus .hd ul li,.box4 .info .expert .hd ul li{width: 18px;height: 18px;}
}
@media screen and (min-width:480px) and (max-width:900px) {
html{font-size:47%;}/*0.64*/
}