@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

.lim_m_rm {
	display: none!important;
}





h1,
h2,
h3,
h4,
h5,
h6 {
	text-align: center;
	font-size: 100%;
}

li,
ol,
ul {
	list-style: none;
}

a {
	outline: 0;
	color: #2a2a2a;
	text-decoration: none;
}

a:hover {
	color: #2a2a2a;
}



table {
	border-collapse: collapse;
	border-spacing: 0;
}

button,
input,
select,
textarea {
	outline: 0;
	font-size: 100%;
}

textarea {
	resize: none;
}

img {
	width: 100%;
}

#QIAO_INVITE_CONTAINER {
	display: none!important;
}

article,
aside,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

h2 {
	color: #303132;
	text-align: center;
}

.clear,
.clearfix {
	zoom: 1;
}

.cb {
	clear: both;
}

.clear:after,
.clearfix:after {
	content: ' ';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.f-cb:after,
.f-cbli li:after {
	clear: both;
	display: block;
	visibility: hidden;
	overflow: hidden;
	height: 0;
	content: ".";
}

.f-cb,
.f-cbli li {
	zoom: 1;
}

.f-ti2 {
	text-indent: 2em;
}

.f-fb {
	font-weight: 700;
}

.f-b1 {
	border-bottom: 1px solid #e3e3e3;
}

.f-b2 {
	border-top: 1px solid #e3e3e3;
}

.arcArrow {
	width: auto;
}


.fr {
	float: right;
}

.fl {
	float: left;
}

.wrapper {
	margin: 0 auto;
	width: 320px;
}

.posa {
	position: relative;
}

.mr10 {
	margin: 0 10px;
}

.max {
	margin: 0 auto;
	max-width: 640px;
	min-width: 320px;
}



.main {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	height: auto;
}

.mainnav {
	position: fixed;
	top: 0;
	left: -73.4375%;
	z-index: 99;
	width: 73.4375%;
	height: 100%;
	background-color: #232323;
}

.mainnav li {
	padding-left: 23%;
	border-bottom: 1px solid #fff;
}

.mainnav li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 30px;
	display: block;
	line-height: 3.333;
}

.mainnav li a span {
	float: right;
	margin-right: 7.5%;
	line-height: 3.333;
}

.clickbg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	display: none;
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	-webkit-transition: opacity .5s ease-in;
	-moz-transition: opacity .5s ease-in;
	-o-transition: opacity .5s ease-in;
	transition: opacity 5s ease-in;
	-ms-transition: opacity .5s ease-in;
}

.wrap {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}

.head_fix {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
}

.indexBanner {
	position: relative;
	overflow: hidden;
	max-width: 640px;
	min-width: 320px;
}

.indexBanner .sider {
	position: relative;
	z-index: 0;
}

.indexBanner .sider li {
	float: left;
	max-width: 640px;
	min-width: 320px;
}

.indexBanner .sider li img {
	width: 100%;
}

.indexBanner .hd {
	position: absolute;
	bottom: 10px;
	z-index: 1;
	width: 100%;
	height: 15px;
	text-align: center;
}

.indexBanner .hd li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	border-radius: 50%;
	text-indent: -9999px;
}

.indexBanner .hd li.on {
	background: #fff;
}

.newfooter {
	overflow: hidden;
	width: 100%;
	background: #ffff;
}

.newfooter img {
	margin-top: 20px;
}

.foot {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	height: 70px;
	border-top: 1px solid #cdcdcd;
	background: #fff !important;
}

.fcon {
	margin: 0 auto;
	width: 100%;
	max-width: 640px;
}

.fcon .nav {
	position: relative;
	top: -10px;
	left: 5px;
	float: left;
	display: table;
	overflow: hidden;
	width: 78px;
	height: 78px;
	border: 1px solid #dbdbdb !important;
	border-radius: 50%;
	background: #fff !important;
}

.fcon .nav.on {
	position: relative;
	top: -10px;
	left: 5px;
	float: left;
	display: table;
	overflow: hidden;
	width: 78px;
	height: 78px;
	border: 1px solid #dbdbdb;
	border-radius: 50%;
	background: #fff;
}

.fcon .nav a {
	display: table-cell;
	width: 100%;
	color: #890c84;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
}

.fcon .nav a img {
	width: 100%;
}

.fcon .link {
	float: right;
	width: 75%;
}

.fcon .link a {
	float: left;
	padding-top: 6px;
	display: block;
	width: 33.33%;
	text-align: center;
	font-size: 14px;
	line-height: 18px;
}

.fcon .link a img {
	width: 45%;
	max-width: 50px;
}

.fcon .link a.tel {
	color: #49c50b;
}

.fcon .link a.ask {
	position: relative;
	color: #dba231;
}

.fcon .link a.ask span {
	position: absolute;
	top: 5px;
	right: 20%;
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #df0f02;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}

.fcon .link a.home {
	color: #989797;
}

.navs_bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	display: none;
	background: rgba(0, 0, 0, .9);
}

.navs_ul1 {
	position: fixed;
	bottom: 80px;
	left: 0;
	z-index: 11;
	width: 38%;
	max-width: 240px;
}

.navs_ul1 li {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	opacity: 0;
	-webkit-transition: .3s all ease;
	-moz-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
	-ms-transition: .3s all ease;
}

.navs_ul1 li img {
	float: left;
	margin-left: 5px;
	width: 25%;
}

.navs_ul1 li span {
	float: left;
	color: #e2c3e1;
	text-indent: 8px;
	font-size: 14px;
	line-height: 30px;
}

.navs_ul2 {
	position: fixed;
	right: 0;
	bottom: 90px;
	z-index: 11;
	display: none;
	width: 60%;
	max-width: 384px;
}

.navs_ul2 .line {
	float: left;
	width: 4%;
}

.navs_ul2 ul {
	float: left;
	width: 96%;
}

.navs_ul2 li {
	float: left;
	margin-top: 8px;
	margin-left: 3%;
	width: 29%;
	text-align: center;
}

.navs_ul2 li i {
	display: inline-block;
	overflow: hidden;
	width: 70%;
	max-width: 80px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .85);
}

.navs_ul2 li i img {
	width: 100%;
	max-width: 80px;
}

.navs_ul2 li span {
	float: left;
	width: 100%;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
}

#artNav span {
	clear: both;
	display: block;
	margin: 10px auto;
	width: 100px;
	height: 30px;
	border-top: #fff solid 10px;
	background: #282828;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

.w48 {
	width: 48.33333%;
}

#qiao-wrap {
	display: none!important;
}

.artNav {
	overflow: hidden;
	margin: 20px 20px;
	padding-bottom: 20px;
	background: #fff;
	box-shadow: 0 0 5px 1px #e8e8e8;
}

.artNav a {
	float: left;
	display: block;
	margin-top: 20px;
	margin-right: 1.5%;
	margin-left: 1.5%;
	padding: 10px 0;
	width: 30%;
	background: #f4f4f4;
	color: #282828;
	text-align: center;
	font-size: 24px;
}

.artNav a.current {
	background: #282828;
	color: #fff;
}

.artbox {
	margin: 20px 20px;
	padding-bottom: 20px;
	background: #fff;
	box-shadow: 0 0 5px 1px #e8e8e8;
}

.artbox .imgbox {
	overflow: hidden;
	padding: 10px 10px;
}

.artbox h2 {
	text-align: center;
	font-size: 28px;
	line-height: 1.2;
}

.artbtn {
	display: block;
	margin: 20px 10px;
	padding: 35px 0;
	border-radius: 5px;
	background: #fa604a;
	color: #fff;
	text-align: center;
	font-size: 40px;
}

.artbtn:hover {
	color: #fff;
}

.artitem2 {
	overflow: hidden;
	margin-bottom: 20px;
	width: 47.5%;
}

.artitem2 dd {
	overflow: hidden;
	width: 100%;
	background: #e9e9e9;
	line-height: 1.7;
}

.artbox .imgbox p {
	font-size: 14px;
}

.artbox .imgbox p span {
	color: #fa604a;
}

.artitem2 span {
	float: left;
	display: block;
	margin-right: 5px;
	width: 40px;
	color: #fff;
	text-align: center;
	font-size: 14px;
}

.steptext {
	overflow: hidden;
	width: 100%;
}

.steptext span {
	float: left;
	display: block;
	margin-right: 1%;
	padding-top: 5px;
	width: 24%;
	font-size: 12px;
}

.at_b1 {
	border-bottom: 1px dashed #c9c7c7;
}

.apt10 {
	padding-top: 20px;
}

.artitem2 span.at1 {
	height: 25px;
	background: #ea452d;
	line-height: 25px;
}

.artitem2 span.at2 {
	height: 40px;
	background: #fa604a;
	line-height: 40px;
}

.fang {
	margin-top: 30px;
	margin-left: 34px;
	padding-left: 32px;
	background: url("../images/fang.jpg.html") no-repeat left center;
	color: #fa604a;
	font-size: 26px;
}

.txt {
	padding-left: 66px;
	color: #151515;
	font-size: 26px;
}





.changebox {
	display: none;
	overflow: hidden;
	margin: 0 20px;
	margin-bottom: 40px;
}

.changebox h2 {
	display: block;
	overflow: hidden;
	padding: 20px 10px 0;
	width: 100%;
	border-bottom: 1px solid #acacac;
	color: #282828;
	font-size: 24px;
	line-height: 1;
	line-height: 40px;
}

.changebox h2 span {
	float: left;
	width: 50px;
	height: 50px;
	text-align: center;
}

.changebox h2 span img {
	display: inline;
	width: auto;
	vertical-align: middle;
}

.changebox a {
	float: left;
	display: block;
	margin: 20px 2% 0;
	padding: 20px 0;
	width: 21%;
	background: #e9e9e9;
	color: #282828;
	text-align: center;
	font-size: 18px;
	line-height: 1;
}

#banner {
	position: relative;
	width: 100%;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
	height: 46px;
	background: #b161ab;
	vertical-align: middle;
	text-align: center;
	opacity: .6;
}

#logo img {
	padding-top: 6px;
	width: 172px;
}

#subnav {
	overflow: hidden;
	margin: 10px auto;
	padding: 0 10px;
	max-width: 640px;
	min-width: 320px;
}

.subnav ul {
	overflow: hidden;
	width: 100%;
}

#subnav li {
	float: left;
	padding-bottom: 10px;
	width: 25%;
	font-size: 20px;
}

#subnav a {
	display: block;
	margin: 0 10px;
	text-align: center;
}

#subnav a>span {
	display: block;
	margin-bottom: 5px;
	width: 100%;
	height: 100px;
	border-radius: 3px;
}

.topBar {
	width: 100%;
	height: 60px;
	background: #282828;
	text-align: center;
}

.topBar img {
	padding-top: 12px;
	width: 220px;
}

#subnav a>span.n_v6 {
	background: url("../images/icon6.png.html") no-repeat center center #ff2c55;
}

#subnav a>span.n_v7 {
	background: url("../images/icon7.png.html") no-repeat center center #00b4ff;
}

#subnav a>span.n_v8 {
	background: url("../images/icon8.png.html") no-repeat center center #4cda64;
}

#subnav a>span.n_v9 {
	background: url("../images/icon9.png.html") no-repeat center center #ff2c55;
}

#subnav a>span.n_v10 {
	background: url("../images/icon10.png.html") no-repeat center center #00b4ff;
}

#subnav a>span.n_v11 {
	background: url("../images/icon11.png.html") no-repeat center center #4cda64;
}

#subnav a>span.n_v12 {
	background: url("../images/icon_more.png.html") no-repeat center center #ff9501;
}

.item {
	overflow: hidden;
	margin-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	color: #a3a3a3;
	font-size: 20px;
	line-height: 1.6;
}

.item dt {
	float: left;
	overflow: hidden;
	margin: 0 10px 10px 5px;
	width: 170px;
	background: #f1f1f1;
}

.item dt img {
	width: 100%;
}

.item .title {
	overflow: hidden;
	height: 1.5rem;
	color: #303030;
	font-weight: 700;
	font-size: 24px;
}

.item dd>span {
	float: left;
	display: inline-block;
	margin-right: 5px;
	width: 90px;
	height: 30px;
	border-radius: 4px;
	background: #890c84;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

.telphone {
	display: block;
	margin: 10px 0 10px;
}

#menu {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
	margin: 0 auto;
	width: 100%;
	height: 125px;
	border-top: 1px solid #cdcdcd;
	background: #fff;
}

#navigation {
	position: relative;
	top: -27px;
	left: 2px;
	float: left;
	width: 152px;
	height: 152px;
}

#navigation a {
	display: block;
	padding-top: 100px;
	width: 150px;
	height: 50px;
	border: 1px solid #dbdbdb;
	border-radius: 50%;
	background: url("../images/menu.png.html") no-repeat 29px 20px #fff;
	color: #890c84;
	text-align: center;
	font-size: 28px;
	cursor: pointer;
}

#mainNav {
	float: left;
	width: 485px;
}

#mainNav a {
	float: left;
	display: block;
	padding-top: 75px;
	width: 33%;
	height: 50px;
	height: 50px;
	text-align: center;
	font-size: 28px;
}

#mainNav a.tel {
	background: url("../images/telicon.png.html") no-repeat center 20px;
	color: #49c50b;
}

#mainNav a.ask {
	position: relative;
	background: url("../images/askicon.png.html") no-repeat center 20px;
	color: #dba231;
}

#mainNav a.ask span {
	position: absolute;
	top: 15px;
	right: 35px;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #df0f02;
	color: #fff;
	text-align: center;
	font-size: 24px;
	line-height: 30px;
}

#mainNav a.home {
	background: url("../images/homeicon.png.html") no-repeat center 20px;
	color: #989797;
}

#footer {
	margin: 20px auto 0;
	max-width: 640px;
	min-width: 320px;
}

#footer .leftimg {
	float: left;
	margin: 20px 10%;
	width: 22%;
}

.newfooter .fqdd {
	padding: 0 15%;
	margin: 3% auto;
	overflow: hidden;
}

.newfooter .fqdd .fqfk img {
	margin-right: 15%;
}

.newfooter .fqdd img {
	width: 40%;
	float: left;
	margin-top: 0;
}

.info {
	float: right;
	overflow: hidden;
	margin-top: 20px;
	width: 58%;
	line-height: 1.2;
}

.info .address,
.info .time {
	margin-bottom: 20px;
	padding-left: 40px;
	font-size: 14px;
	line-height: 1.2;
}

.info .time {
	background: url("../images/icon13.png.html") no-repeat left center;
}

.info .address strong,
.info .time strong {
	font-size: 24px;
}

.info .address {
	background: url("../images/icon14.png.html") no-repeat left center;
}

.info div {
	overflow: hidden;
	margin-left: 0;
}

.info a {
	float: left;
	display: block;
	margin-right: 10px;
}

.info a img {
	width: auto;
}

.bgall {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	display: none;
	background: rgba(0, 0, 0, .7);
}

.qrcode {
	position: fixed;
	top: 20%;
	left: 15%;
	z-index: 999;
	display: none;
	width: 70%;
	background: #fff;
}

.f-b2 .bx-wrapper {
	position: relative;
	clear: both;
	margin: 0 auto 40px;
	padding: 0;
	background: url("../images/doc_bg.jpg.html") no-repeat;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.bodybg {
	background: #f1f1f1;
}

.ty a {
	display: block;
	width: 100%;
}

.ty a .tl {
	float: left;
	margin: 10px 0 10px 15px;
	width: 52%;
}

.ty a .tl h1 {
	color: #01484C;
	font-weight: bold!important;
	font-size: 1.8em;
	line-height: 2;
}

.ty a .tl p {
	width: 230px;
	color: #01484C;
	font-size: 1.4em;
	line-height: 1.2;
}

.ty a .tl span {
	display: block;
	margin-top: 10px;
	padding: 2px 0 2px 6px;
	width: 100%;
	height: 24px;
	background: #EF6503;
	color: #fff;
	font-size: 1.2em;
	line-height: 24px;
}

.ty a .tl span em {
	font-style: normal;
	font-size: .5em;
}

.ty a .tr {
	float: right;
	overflow: hidden;
	width: 40.5%;
	max-height: 216px;
}

.bx-wrapper {
	position: relative;
	margin: 0 auto 40px;
	padding: 0;
}

#banner .bx-wrapper {
	margin: 0 auto 0;
}

.bx-wrapper img {
	display: block;
	max-width: 100%;
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

.bx-wrapper .bx-loading {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	width: 100%;
	height: 100%;
	min-height: 50px;
	background: url("../images/bx_loader.gif.html") center center no-repeat #fff;
}

.bx-wrapper .bx-pager {
	padding-top: 20px;
	color: #666;
	text-align: center;
	font-weight: 700;
	font-size: .85em;
	font-family: Arial;
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	display: block;
	margin: 0 8px;
	width: 10px;
	height: 10px;
	outline: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #d6d6d6;
	text-indent: -9999px;
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
	background: #c698d2;
}

.bx-wrapper .bx-prev {
	left: 10px;
	display: none;
	background: url("../images/controls.png.html") no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	display: none;
	background: url("../images/controls.png.html") no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	z-index: 9999;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	outline: 0;
	text-indent: -9999px;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	margin: 0 3px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url("../images/controls.png.html") -86px -11px no-repeat;
	text-indent: -9999px;
}

.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:hover {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	margin: 0 3px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url("../images/controls.png.html") -86px -44px no-repeat;
	text-indent: -9999px;
}

.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
	background-position: -86px -33px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	width: 80%;
	text-align: left;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(80, 80, 80, .75);
}

.bx-wrapper .bx-caption span {
	display: block;
	padding: 10px;
	color: #fff;
	font-size: .85em;
	font-family: Arial;
}

#_ks_ol_inviteWin_fl,
.swt_box {
	display: none;
}

.qiao-icon-sector,
.qiao-icon-sector-inner {
	display: none!important;
	width: 0!important;
	height: 0!important;
}

.swt_box {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999999;
	margin-top: -180px;
	margin-left: -139px;
	width: 280px;
	height: 300px;
	border-radius: 5px;
	background: url("../images/swt_box_bg.jpg.html") no-repeat;
	box-shadow: 0 0 20px rgba(10, 2, 4, .75);
}

.swt_box * {
	border: none;
	font-style: normal;
}

.swt_box h3 {
	margin-top: 84px;
	width: 100%;
	height: 34px;
	background: 0 0;
	color: #DE0000;
	text-align: center;
	font-weight: 500;
	font-size: 23px;
}

.swt_mobile {
	margin: 18px auto 0;
	width: 220px;
	height: 32px;
	border-radius: 17px;
}

.swt_mobile form {
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}

.swt_mobile input.callbF_text {
	float: left;
	padding-left: 13px;
	width: 138px;
	height: 32px;
	outline: 0;
	border-radius: 15px 0 0 15px;
	background-color: #FFF;
	color: #6a7380;
	font-size: 14px;
	line-height: 30px;
	opacity: .6;
}

.swt_mobile .callbF_sub {
	float: left;
	display: block;
	box-sizing: border-box;
	width: 69px;
	height: 32px;
	border-radius: 0 16px 16px 0;
	background-color: #0e6a9c;
	color: #fff;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	line-height: 32px;
	opacity: .6;
	cursor: pointer;
}

.swt_box p {
	width: 100%;
	color: #333;
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
}

.swt_box p a {
	color: #fff;
}

.swt_box p strong {
	color: #DE0000;
}

.swt_box p small {
	font-size: 12px;
}

.swt_box p strong span {
	font-size: 20px;
}

.swt_box p #p2 {
	font-weight: 700;
	font-size: 1.4em;
}

.swt_box p #p3 {
	font-size: 1em;
}

.swt_bot {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 58px;
	border-radius: 0 0 15px 15px;
	line-height: 58px;
}

.swt_bot a {
	position: relative;
	float: left;
	display: block;
	width: 50%;
	height: 100%;
	font-size: 16px;
}

.swt_bot a:first-child {
	border-radius: 0 0 0 5px;
	background-color: #009ED6;
}

.swt_bot a:last-child {
	border-radius: 0 0 5px 0;
	background-color: #890C84;
}

.swt_bot a em,
.swt_bot a i {
	position: absolute;
	left: 50%;
	display: block;
	color: #fff;
	text-decoration: none;
}

.swt_bot a em {
	left: 45%;
}

.swt_tel {
	top: 50%;
	margin-top: -17px;
	margin-left: -50px;
	width: 33px;
	height: 34px;
	background: url("../images/swt_tel.png.html") no-repeat;
	background-size: 100%;
}

.swt_notes {
	top: 50%;
	margin-top: -17px;
	margin-left: -55px;
	width: 33px;
	height: 34px;
	background: url("../images/swt_notes.png.html") no-repeat;
	background-size: 100%;
}

.swt_num {
	top: 14px;
	z-index: 3;
	margin-left: -28px;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background-color: #e60012;
	box-shadow: 0 0 3px rgba(0, 0, 0, .8);
	text-align: center;
	font-style: normal;
	font-size: 9px;
	line-height: 14px;
}

.swt_close {
	position: absolute;
	top: -5px;
	right: -5px;
	width: 38px;
	height: 38px;
	border: #fff solid 2px;
	border-radius: 38px;
	background: #009ed6 url("../images/swt_close.png.html") center center no-repeat;
	background-size: cover;
	box-shadow: 0 0 6px rgba(0, 0, 0, .8);
	cursor: pointer;
}

a.iphonehome {
	position: fixed;
	top: 45%;
	left: 0;
	display: block;
	width: 80px;
	height: 80px;
	background: url("../images/dididache.gif.html") no-repeat center;
	background-size: 80px auto;
}

.top_tips {
	position: fixed;
	top: -50px;
	z-index: 999;
	width: 100%;
	height: 50px;
	line-height: 50px;
	max-width: 640px;
	background: #fff;
	color: #333;
	box-shadow: 0 0 10px rgba(10, 2, 4, .75);
}

.top_tips img {
	float: left;
	border-radius: 5px;
}

.top_tips ul {
	float: left;
}

.top_tips ul li {
	height: 20px;
	line-height: 20px;
	font-size: 12px !important;
}

.top_tips ul li:nth-child(1) {
	margin-top: 5px;
}

@media screen and (max-width:414px) {
	.top_tips {
		font-size: 16px;
	}
}

@media screen and (max-width:375px) {
	.top_tips {
		font-size: 14px;
	}
}

@media screen and (max-width:320px) {
	.top_tips {
		font-size: 12px;
	}
}

@media screen and (max-width:480px) {
	.mainnav li {
		background-size: 10px auto;
	}
	.mainnav li a span {
		line-height: 3;
	}
	.mainnav li a {
		font-size: 18px;
		line-height: 3;
	}
	#footer .leftimg {
		margin: 10px 10%;
	}
	.info {
		margin-top: 10px;
	}
	.info .time {
		background: url("../images/icon13.png.html") no-repeat left center;
		background-size: 20px 20px;
	}
	.info .address {
		background: url("../images/icon14.png.html") no-repeat 2px center;
		background-size: 16px auto;
	}
	.info .address,
	.info .time {
		margin-bottom: 10px;
		padding-left: 25px;
	}
	.info .address strong,
	.info .time strong {
		font-size: 14px;
	}
	.info div {
		margin-left: 0;
	}
	.info a {
		float: left;
		display: block;
		margin-right: 3%;
		width: 20.333333%;
	}
	.info a img {
		width: 100%;
	}
	#menu {
		height: 94px;
	}
	#navigation {
		top: -21px;
		width: 114px;
		height: 114px;
	}
	#navigation a {
		padding-top: 75px;
		width: 114px;
		height: 38px;
		background: url("../images/menu.png.html") no-repeat 22px 15px #fff;
		background-size: 63px 57px;
		font-size: 18px;
	}
	#subnav li {
		font-size: 14px;
	}
	#subnav {
		overflow: hidden;
		margin: 10px auto;
		padding-left: 22px;
		max-width: 480px;
		min-width: 320px;
	}
	#subnav a>span {
		display: block;
		margin-bottom: 5px;
		width: 100%;
		height: 75px;
		border-radius: 3px;
	}
	#subnav a>span.n_v1 {
		background: url("../images/icon1.png.html") no-repeat center center #ff9501;
		background-size: 40px 20px;
	}
	#subnav a>span.n_v2 {
		background: url("../images/icon2.png.html") no-repeat center center #fc0;
		background-size: 25px 40px;
	}
	#subnav a>span.n_v3 {
		background: url("../images/icon3.png.html") no-repeat center center #ff2c55;
		background-size: 35px 26px;
	}
	#subnav a>span.n_v4 {
		background: url("../images/icon4.png.html") no-repeat center center #00b4ff;
		background-size: 33px 30px;
	}
	#subnav a>span.n_v5 {
		background: url("../images/icon5.png.html") no-repeat center center #fc0;
		background-size: 30px 27px;
	}
	#subnav a>span.n_v6 {
		background: url("../images/icon6.png.html") no-repeat center center #ff2c55;
		background-size: 34px 31px;
	}
	#subnav a>span.n_v7 {
		background: url("../images/icon7.png.html") no-repeat center center #00b4ff;
		background-size: 34px 31px;
	}
	#subnav a>span.n_v8 {
		background: url("../images/icon8.png.html") no-repeat center center #4cda64;
		background-size: 29px 27px;
	}
	#subnav a>span.n_v9 {
		background: url("../images/icon9.png.html") no-repeat center center #ff2c55;
		background-size: 40px 27px;
	}
	#subnav a>span.n_v10 {
		background: url("../images/icon10.png.html") no-repeat center center #00b4ff;
		background-size: 31px 25px;
	}
	#subnav a>span.n_v11 {
		background: url("../images/icon11.png.html") no-repeat center center #4cda64;
		background-size: 30px 26px;
	}
	#subnav a>span.n_v12 {
		background: url("../images/icon_more.png.html") no-repeat center center #ff9501;
		background-size: 30px 30px;
	}
	.w48 {
		width: 48.33333%;
		max-height: 114px;
		min-height: 114px;
	}
	.apt10 {
		padding-top: 10px;
	}
	.artNav,
	.artbox {
		margin: 10px 10px;
		padding-bottom: 10px;
	}
	.artbox .imgbox {
		padding: 5px;
	}
	.artbox h2 {
		font-size: 18px;
		line-height: 1.3;
	}
	.artNav a {
		margin-top: 10px;
		padding: 5px 0;
		width: 30%;
		font-size: 14px;
	}
	.artbtn {
		margin: 10px 5px;
		padding: 15px 0;
		color: #fff;
		font-size: 20px;
	}
	.artitem2 span.at2 {
		height: 65px;
		background: #fa604a;
		line-height: 65px;
	}
	.artitem2 {
		margin-bottom: 10px;
	}
	.fang {
		margin-top: 10px;
		margin-left: 17px;
		padding-left: 16px;
		background: url("../images/fang.jpg.html") no-repeat left center;
		background-size: 9px 9px;
		font-size: 16px;
	}
	.txt {
		padding-left: 33px;
		color: #151515;
		font-size: 16px;
	}
	#header {
		height: 37px;
	}
	#header a {
		height: 35px;
		font-size: 18px;
		line-height: 35px;
	}
	#header a.nav1,
	#header a.nav1.nav_cur,
	#header a.nav2,
	#header a.nav2.nav_cur,
	#header a.nav3,
	#header a.nav3.nav_cur,
	#header a.nav4,
	#header a.nav4.nav_cur {
		background-size: 22px 22px;
	}
	#header a.nav1.nav_cur,
	#header a.nav2.nav_cur,
	#header a.nav3.nav_cur,
	#header a.nav4.nav_cur {
		border-bottom: 2px solid #890c84;
		color: #890c84;
	}
	.changebox {
		margin: 0 10px;
		margin-bottom: 20px;
	}
	.changebox h2 {
		overflow: hidden;
		padding: 10px 5px 0;
		width: 100%;
		font-size: 16px;
	}
	.changebox h2 span {
		float: left;
		margin-right: 10px;
		width: 20px;
		height: 30px;
		text-align: center;
	}
	.changebox h2 span img {
		display: inline;
		width: 100%;
		vertical-align: middle;
	}
	.changebox a {
		margin: 10px 1.5% 0;
		padding: 10px 0;
		width: 30%;
		font-size: 14px;
	}
	.item {
		margin-top: 10px;
		padding-top: 10px;
		font-size: 14px;
		line-height: 1.5;
	}
	.item dt {
		width: 127px;
	}
	.item .title {
		font-size: 16px;
	}
	.item dd {
		line-height: 25px;
	}
	.item dd>span {
		width: 60px;
		height: 25px;
		line-height: 25px;
	}
	#mainNav {
		width: 300px;
	}
	#mainNav a {
		padding-top: 56px;
		height: 38px;
		font-size: 18px;
	}
	#mainNav a.tel {
		background: url("../images/telicon.png.html") no-repeat center 15px;
		background-size: 24px 34px;
	}
	#mainNav a.ask {
		background: url("../images/askicon.png.html") no-repeat center 15px;
		background-size: 37px 31px;
	}
	#mainNav a.ask span {
		top: 11px;
		right: 15px;
		width: 20px;
		height: 20px;
		color: #fff;
		font-size: 16px;
		line-height: 20px;
	}
	#mainNav a.home {
		background: url("../images/homeicon.png.html") no-repeat center 15px;
		background-size: 30px 35px;
	}
}

@media screen and (max-width:375px) {
	.artitem2 span.at1 {
		height: 40px;
		line-height: 40px;
	}
	.artitem2 span.at2 {
		height: 100px;
		background: #fa604a;
		line-height: 95px;
	}
	.artNav a {
		margin-top: 10px;
		padding: 5px 0;
		width: 30%;
		font-size: 12px;
	}
	.mainnav li a {
		font-size: 16px;
		line-height: 2.8;
	}
	.mainnav li a span {
		line-height: 2.8;
	}
	#menu {
		height: 60px;
	}
	#navigation {
		top: -18px;
		width: 76px;
		height: 76px;
	}
	#navigation a {
		padding-top: 50px;
		width: 75px;
		height: 25px;
		background: url("../images/menu.png.html") no-repeat 14px 10px #fff;
		background-size: 42px 38px;
		font-size: 14px;
	}
	#mainNav {
		width: 270px;
	}
	#mainNav a {
		padding-top: 35px;
		height: 28px;
		font-size: 14px;
	}
	#mainNav a.tel {
		background: url("../images/telicon.png.html") no-repeat center 10px;
		background-size: 16px 23px;
	}
	#mainNav a.ask {
		background: url("../images/askicon.png.html") no-repeat center 10px;
		background-size: 25px 21px;
	}
	#mainNav a.ask span {
		top: 8px;
		right: 23px;
		width: 15px;
		height: 15px;
		color: #fff;
		font-size: 12px;
		line-height: 15px;
	}
	#mainNav a.home {
		background: url("../images/homeicon.png.html") no-repeat center 10px;
		background-size: 20px 23px;
	}
}

@media screen and (max-width:360px) {
	#header {
		height: 27px;
	}
	#header a {
		height: 25px;
		font-size: 16px;
		line-height: 25px;
	}
	#header a.nav1,
	#header a.nav1.nav_cur,
	#header a.nav2,
	#header a.nav2.nav_cur,
	#header a.nav3,
	#header a.nav3.nav_cur,
	#header a.nav4,
	#header a.nav4.nav_cur {
		background-size: 16px 16px;
	}
	.changebox a {
		margin: 10px 1.5% 0;
		padding: 10px 0;
		width: 30%;
		color: #282828;
		text-align: center;
		font-size: 14px;
		line-height: 1;
	}
	#subnav li {
		font-size: 12px;
	}
	#subnav {
		padding-left: 8px;
	}
	#subnav a>span {
		margin-bottom: 5px;
		width: 100%;
		height: 65px;
		border-radius: 3px;
	}
	#footer .leftimg {
		float: left;
		margin: 10px 6%;
	}
	.info {
		width: 64%;
	}
	.info .address,
	.info .time {
		font-size: 12px;
	}
	.info .address,
	.info .time {
		margin-bottom: 5px;
	}
	.info .address strong,
	.info .time strong {
		font-size: 12px;
	}
}

@media screen and (max-width:320px) {
	#subnav li {
		font-size: 12px;
	}
	#subnav {
		padding-left: 8px;
	}
	#subnav a>span {
		margin-bottom: 5px;
		width: 100%;
		height: 60px;
		border-radius: 3px;
	}
	.w48 {
		width: 48.33333%;
		max-height: 96px;
		min-height: 96px;
	}
	.item {
		font-size: 12px;
	}
	.item dt {
		width: 85px;
		height: 90px;
	}
	.item .title {
		font-size: 14px;
	}
	.item dd {
		line-height: 20px;
	}
	.item dd>span {
		width: 60px;
		height: 20px;
		line-height: 20px;
	}
	#mainNav {
		width: 244px;
	}
	#mainNav a.ask span {
		right: 18px;
	}
	.ty a .tl {
		float: left;
		margin: 5px 0 5px 10px;
		width: 52%;
	}
	.ty a .tl h1 {
		color: #01484C;
		font-weight: bold!important;
		font-size: 1.8em;
	}
	.ty a .tl p {
		color: #01484C;
		font-size: 1.2em;
		line-height: 1.2;
	}
	.ty a .tl span {
		display: block;
		padding: 2px 6px;
		width: 100%;
		height: 24px;
		background: #EF6503;
		color: #fff;
		font-size: 1.2em;
		line-height: 24px;
	}
	.ty a .tl span em {
		font-style: normal;
		font-size: .5em;
	}
}

@media screen and (min-width:400px) {
	.footer {
		height: 40px;
	}
	.foot {
		height: 80px;
	}
	.fcon .nav {
		width: 88px;
		height: 88px;
	}
	.fcon .nav a {
		font-size: 16px;
	}
	.fcon .nav a img {
		width: 100%;
	}
	.fcon .link {
		width: 77%;
	}
	.fcon .link a {
		font-size: 14px;
		line-height: 15px;
		padding-top: 8px;
	}
	.fcon .link a img {
		width: 40%;
	}
	.fcon .link a.ask span {
		top: 1px;
		right: 25%;
		width: 18px;
		height: 18px;
		font-size: 14px;
		line-height: 18px;
	}
	.navs_ul1 {
		bottom: 90px;
	}
	.navs_ul1 li span {
		font-size: 15px;
	}
	.navs_ul2 li {
		margin-top: 10px;
	}
	.navs_ul2 li span {
		font-size: 14px;
		line-height: 22px;
	}
}

@media screen and (min-width:480px) {
	.footer {
		height: 70px;
	}
	.foot {
		height: 90px;
	}
	.fcon .nav {
		width: 98px;
		height: 98px;
	}
	.fcon .nav a {
		font-size: 16px;
	}
	.fcon .nav a img {
		width: 100%;
	}
	.fcon .link {
		width: 79%;
	}
	.fcon .link a {
		padding-top: 15px;
		font-size: 14px;
		line-height: 26px;
	}
	.fcon .link a img {
		width: 30%;
	}
	.fcon .link a.ask span {
		top: 10px;
		right: 27%;
		width: 18px;
		height: 18px;
		font-size: 14px;
		line-height: 18px;
	}
	.navs_ul1 {
		bottom: 100px;
	}
	.navs_ul1 li span {
		font-size: 16px;
	}
	.navs_ul2 li {
		margin-top: 14px;
	}
	.navs_ul2 li span {
		font-size: 15px;
		line-height: 24px;
	}
}

@media screen and (min-width:560px) {
	.footer {
		height: 80px;
	}
	.foot {
		height: 100px;
	}
	.fcon .nav {
		width: 108px;
		height: 108px;
	}
	.fcon .nav a {
		font-size: 16px;
	}
	.fcon .nav a img {
		width: 100%;
	}
	.fcon .link {
		width: 80%;
	}
	.fcon .link a {
		padding-top: 15px;
		font-size: 14px;
		line-height: 26px;
	}
	.fcon .link a img {
		width: 30%;
	}
	.fcon .link a.ask span {
		top: 10px;
		right: 30%;
		width: 18px;
		height: 18px;
		font-size: 14px;
		line-height: 18px;
	}
	.navs_ul1 {
		bottom: 110px;
	}
	.navs_ul1 li span {
		font-size: 18px;
	}
	.navs_ul2 li {
		margin-top: 18px;
	}
	.navs_ul2 li span {
		font-size: 18px;
		line-height: 28px;
	}
}

section h2 {
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
}

.section_brand h2 {
	line-height: 1.3;
	margin: 3% 0 5%;
}

.section_like {
	overflow: hidden;
}

.section_like h2 {
	margin: 3% 0 !important;
	padding: 0 !important;
}

.section_like .area {
	width: 90%;
	margin: 0 auto;
}


/* 猜你喜欢 */

.section_like {
	background: #f1f1f1 !important;
	padding: 2% 0 4%;
}

.section_like .w20 {
	margin: 0 2%;
}

.section_like h2 {
	font-weight: 700;
	font-size: 20px;
}

#project_item .bd ul {
	overflow: hidden;
}

#project_item .bd ul li {
	width: 48%;
	background: #fff !important;
}

#project_item .bd ul li a {
	display: block;
}

#project_item .bd ul li h3 {
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height: 1.2;
	padding-top: 4%;
	width: 90%;
	margin: 2% auto 0;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#project_item .bd ul li h3 span {
	font-weight: normal;
	text-align: center;
	display: block;
	font-size: 12px;
}

#project_item .bd ul li p {
	font-size: 12px;
	color: #333;
	padding: 4%;
}

#project_item .bd ul li p strong {
	color: #9b2fbd;
	font-weight: normal;
}

#project_item .hd {
	margin-top: 3%;
	width: 100%;
	position: relative;
	z-index: 1;
	width: 100%;
	text-align: center;
}

#project_item .hd ul li {
	border-color: #9c2fbe;
	width: 8px;
	height: 8px;
	display: inline-block;
	margin: 0 5px;
	border-radius: 50%;
	text-indent: -999px;
	border: 1px solid #8e2ec6;
}

#project_item .hd ul li.on {
	background: #8e2ec6;
}

#project_tj {
	margin: 0 3%;
}

#project_tj .bd ul {
	overflow: hidden;
}

#project_tj .bd ul li {
	width: 49%;
	background: #fff !important;
	float: left;
}

#project_tj .bd ul li:nth-child(1) {
	margin-right: 2%;
}

#project_tj .bd ul li a {
	display: block;
}

#project_tj .bd ul li h3 {
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height: 1.2;
	padding-top: 4%;
	width: 90%;
	margin: 2% auto 0;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#project_tj .bd ul li h3 span {
	font-weight: normal;
	text-align: center;
	display: block;
	font-size: 12px;
}

#project_tj .bd ul li p {
	font-size: 12px;
	color: #333;
	padding: 4%;
}

#project_tj .bd ul li p strong {
	color: #9b2fbd;
	font-weight: normal;
}

#project_tj .hd {
	margin-top: 3%;
	width: 100%;
	position: relative;
	z-index: 1;
	width: 100%;
	text-align: center;
}

#project_tj .hd ul li {
	width: 8px;
	height: 8px;
	display: inline-block;
	margin: 0 5px;
	border-radius: 50%;
	text-indent: -999px;
	border: 1px solid #8e2ec6;
	background: none !important;
}

#project_tj .hd ul li.on {
	background: #8e2ec6 !important;
}

@media screen and (max-width:480px) {
	#casepics {
		margin-bottom: 2%;
	}
	#casepics h2 {
		font-size: 20px !important;
		text-align: center;
		line-height: 1.4 !important;
		margin-bottom: 4%;
	}
	#casepics h2 span {
		font-size: 14px !important;
		display: block !important;
		color: #666 !important;
		text-align: center !important;
		font-weight: normal !important;
	}
}


/* 案例 */

#casepics {
	padding: 2%;
	overflow: hidden;
}

#casepics h2 {
	font-size: 30px !important;
	text-align: center;
	line-height: 1.4 !important;
	margin-bottom: 4%;
}

#casepics h2 span {
	font-size: 18px !important;
	display: block !important;
	color: #666 !important;
	text-align: center !important;
	font-weight: normal !important;
}

@media screen and (max-width:480px) {
	#casepics h2 {
		font-size: 20px !important;
		text-align: center;
		line-height: 1.4 !important;
		margin-bottom: 4%;
	}
	#casepics h2 span {
		font-size: 14px !important;
		display: block !important;
		color: #666 !important;
		text-align: center !important;
		font-weight: normal !important;
	}
}

#case_scroll .hd {
	width: 100% !important;
	overflow: hidden;
	text-align: center;
}

#case_scroll .hd li {
	width: 8px !important;
	height: 8px !important;
	display: inline-block;
	margin: 0 3px !important;
	border: 1px solid #b17bc5 !important;
	border-radius: 50%;
	background: #fff !important;
}

#case_scroll .hd li.on {
	background: #b17bc5 !important;
}

.subject_activity {
	margin-bottom: 1%;
	margin-top: 10px;
}


/
/**头尾**/

.newHead {
	max-width: 640px;
	overflow: hidden;
	padding: 5px 0;
	width: 100%;
	margin: 0 auto;
}

.newHead {
	padding: 0;
}

.newHead .navBtn,
.newHead .zixun {
	float: left;
	width: 15%;
}

.newHead .logo {
	float: left;
	width: 70%;
	margin: 0;
}

.brand {
	display: block;
	margin: 6% 0 1px 0;
}

.footer_new {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	position: fixed;
	bottom: 0;
	z-index: 999;
	overflow: visible !important;
	max-width: 640px;
	margin: 0 auto;
	background: -moz-linear-gradient(left, #a253c7, #5448b7);
	background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#a253c7), to(#5448b7));
	background: -webkit-linear-gradient(left, #a253c7, #5448b7);
	background: -o-linear-gradient(left, #a253c7, #5448b7);
	box-shadow: rgba(0, 0, 0, 0.75) 0 0 5px 1px;
}

.footer_new .mask {
	width: 25%;
	height: 8em;
	left: 50%;
	bottom: -1%;
	position: fixed;
	margin-left: -12.5%;
	background: url("../images/center1.png.html") no-repeat;
	background-size: 100%;
	animation: changebg 1s infinite;
	-webkit-animation: changebg 1s infinite;
}

.footer_new .mask .act {
	width: 100%;
	position: relative;
	display: block;
	margin-top: 2.3em;
}

.footer_new .mask .act sup {
	position: absolute;
	top: 0;
	right: 20px;
	background: red;
	color: #fff;
	padding: 0 2px;
	font-size: 12px;
	border-radius: 7px;
	animation: jump 2s infinite;
}

.footer_new .mask .act span {
	display: block;
	font-size: 1em;
	text-align: center;
	color: #fff;
	padding-bottom: 0.5em
}

.footer_new .mask img {
	width: 38%;
	display: block;
	margin: 20% auto 8% auto;
}

.footer_new .menu li.li2 {
	transition: all 300ms linear;
	-moz-transiton: all 300ms linear;
	-webket-transition: all 300ms linear;
	-o-transition: all 300ms linear;
}

.footer_new .menu li {
	width: 100%;
	height: 5.5em;
}

.footer_new .menu li a {
	display: block;
	float: left;
}

.footer_new .menu li a:nth-child(1),
.footer_new .menu li a:nth-child(2) {
	width: calc(18% - 1px);
	background: #423a49;
}

.footer_new .menu li a:nth-child(1) {
	border-right: #2d2633 1px solid;
}

.footer_new .menu li a:nth-child(2) {
	border-left: #5b5064 1px solid;
}

.footer_new .menu li a:nth-child(3),
.footer_new .menu li a:nth-child(4) {
	width: 32%;
	height: 5.5em;
}

.footer_new .menu li a {
	display: block;
	float: left;
}

.footer_new .menu li a i {
	display: block;
	height: 3.5em
}

.footer_new .menu li a span {
	display: block;
	font-size: 1em;
	text-align: center;
	color: #fff;
	padding-bottom: 0.5em
}

.footer_new .menu li.li1 a:nth-child(1) i {
	background: url("../images/index.png.html") no-repeat center bottom;
	background-size: 55%;
}

.footer_new .menu li.li1 a:nth-child(2) i {
	background: url("../images/act1.png.html") no-repeat center center;
	background-size: 84%;
}

.footer_new .menu li.li1 a:nth-child(3) {
	background: -webkit-linear-gradient(left, #b327d4, #8320c5);
}

.footer_new .menu li.li1 a:nth-child(3) i {
	background: url("../images/zx.png.html") no-repeat center center;
	position: relative;
}

.footer_new .menu li.li1 a:nth-child(3) i sup {
	position: absolute;
	top: 1em;
	right: -1em;
	font-style: normal;
	background: red;
	color: #fff;
	padding: 0 2px;
	font-size: 12px;
	border-radius: 7px;
	animation: jump 2s infinite;
}

.footer_new .menu li.li1 a:nth-child(4) i {
	background: url("../images/phone.png.html") no-repeat center center;
}

.footer_new .menu li.li1 a:nth-child(3) i,
.footer_new .menu li.li1 a:nth-child(4) i {
	width: 22%;
	height: 5.5em;
	background-size: 100%;
	margin-left: 1em;
	float: left;
}

.footer_new .menu li.li1 a:nth-child(3) span,
.footer_new .menu li.li1 a:nth-child(4) span {
	width: 66%;
	height: 5.5em;
	line-height: 4.3em;
	float: left;
	font-size: 1.2em;
}

.footer_new .menu li.li1 a:nth-child(4) {
	background: -webkit-linear-gradient(left, #8e4fdb, #702cc3);
}


/*new_foot*/

.new_foot {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	position: fixed;
	bottom: 0;
	z-index: 999;
	overflow: visible !important;
	max-width: 640px;
	margin: 0 auto;
	background: -moz-linear-gradient(left, #a253c7, #5448b7);
	background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#a253c7), to(#5448b7));
	background: -webkit-linear-gradient(left, #a253c7, #5448b7);
	background: -o-linear-gradient(left, #a253c7, #5448b7);
	box-shadow: rgba(0, 0, 0, 0.75) 0 0 5px 1px;
}

.new_foot .mask {
	width: 25%;
	height: 8em;
	left: 50%;
	bottom: -1%;
	position: fixed;
	margin-left: -12.5%;
	background: url("../images/center1.png.html") no-repeat;
	background-size: 100%;
	animation: changebg 1s infinite;
	-webkit-animation: changebg 1s infinite;
}

.new_foot .mask .act {
	width: 100%;
	position: relative;
	display: block;
	margin-top: 2.3em;
}

.new_foot .mask .act sup {
	position: absolute;
	top: 0;
	right: 20px;
	background: red;
	color: #fff;
	padding: 0 2px;
	font-size: 12px;
	border-radius: 7px;
	animation: jump 2s infinite;
}

.new_foot .mask .act span {
	display: block;
	font-size: 1em;
	text-align: center;
	color: #fff;
	padding-bottom: 0.5em
}

.new_foot .mask img {
	width: 38%;
	display: block;
	margin: 20% auto 8% auto;
}

.new_foot .menu li.li2 {
	transition: all 300ms linear;
	-moz-transiton: all 300ms linear;
	-webket-transition: all 300ms linear;
	-o-transition: all 300ms linear;
}

.new_foot .menu li {
	width: 100%;
	height: 5.5em;
	position: relative;
}

.new_foot .menu li a {
	display: block;
	float: left;
	width: 18%;
}

.new_foot .menu li a:nth-child(3) {
	width: 28%;
}

.new_foot .menu li a:nth-child(4) {
	margin-left: 28%
}

.new_foot .menu li a i {
	display: block;
	height: 3.5em
}

.new_foot .menu li a span {
	display: block;
	font-size: 1em;
	text-align: center;
	color: #fff;
	padding-bottom: 0.5em
}

.new_foot .menu li.li1 a:nth-child(1) i {
	background: url("../images/index.png.html") no-repeat center bottom;
	background-size: 55%;
}

.new_foot .menu li.li1 a:nth-child(2) i {
	background: url("../images/ft_act.png.html") no-repeat center center;
	background-size: 50%;
}

.new_foot .menu li.li1 a:nth-child(3) {
	position: absolute;
	left: 36%;
	bottom: 0;
}

.new_foot .menu li.li1 a:nth-child(3) img {
	width: 92%;
}

.new_foot .menu li.li1 a:nth-child(3) sup {
	position: absolute;
	top: 18%;
	right: 24%;
	font-style: normal;
	background: red;
	color: #fff;
	padding: 0 2px;
	font-size: 0.2rem;
	border-radius: 7px;
	animation: jump 2s infinite;
}

.new_foot .menu li.li1 a:nth-child(4) i {
	background: url("../images/ft_menu.png.html") no-repeat center center;
	background-size: 54%;
}

.new_foot .menu li.li1 a:nth-child(5) i {
	background: url("../images/ft_phone.png.html") no-repeat center center;
	background-size: 43%;
}

.botchat i {
	position: relative;
}

.botchat i sup {
	width: 14px;
	height: 14px;
	font-size: 12px;
	background: #ff5764;
	border-radius: 50%;
	display: block;
	line-height: 14px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 1%;
	right: 16%;
	font-style: normal;
}

@media screen and (min-width: 640px) {
	.footer_new {
		bottom: 0
	}
	.footer_new .menu li a i {
		height: 6em
	}
	.new_foot .menu li a i {
		height: 6em
	}
	.new_foot .menu li {
		height: 8em;
	}
	.footer_new .menu li a:nth-child(3),
	.footer_new .menu li a:nth-child(4) {
		height: 8em;
	}
	.footer_new .menu li.li1 a:nth-child(3) i,
	.footer_new .menu li.li1 a:nth-child(4) i {
		height: 8em;
	}
	.footer_new .menu li.li1 a:nth-child(3) span,
	.footer_new .menu li.li1 a:nth-child(4) span {
		height: 8em;
		line-height: 5.2em;
		font-size: 1.6em;
	}
}

@-webkit-keyframes changebg {
	0% {
		background: url("../images/center1.png.html") no-repeat;
		background-size: 100%;
	}
	50% {
		background: url("../images/center2.png.html") no-repeat;
		background-size: 100%;
	}
	100% {
		background: url("../images/center1.png.html") no-repeat;
		background-size: 100%;
	}
}

@-webkit-keyframes jump {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}
	60% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}
}


/* 新版底部图标样式
.footer_new .over i.home::before { content: "\f015"; }
.footer_new .over i.activity::before { content: "\f06b"; }
.footer_new .over i.tel::before { content: "\f095"; transform: rotateY(180deg); }
.footer_new .over i.chat:before { content: "\f086"; }*/


/* 专题头部banner公共样式 */

#banner_slider {
	position: relative;
}

#banner_slider .hd {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 0.4rem;
}

#banner_slider .hd li {
	width: 0.15rem;
	height: 0.15rem;
	border-radius: 50%;
	border: 1px solid #fff;
	display: inline-block;
	margin: 0 0.06rem;
	text-indent: -9999px;
}

#banner_slider .hd li.on {
	background: #ffffff;
}


/* 右侧漂浮条 */

.hot_right {
	width: 75px;
	position: fixed;
	right: -100px;
	top: 40%;
	z-index: 9999;
	opacity: 0;
	animation: swing 1s 1s ease both;
	transition: all 1s ease-in-out;
	opacity: 0;
}

.hot_right img {
	width: 100%;
	height: auto;
}

.hot_right .hot_close {
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 16px;
	top: 111px;
}

.hot_right.animate {
	right: 0;
	opacity: 1;
}

.hot_hide {
	right: -100px !important;
	opacity: 0 !important;
}

#hot_hide {
	right: -100px;
	opacity: 0;
}

.hot_right.animate1 {
	animation: tops 15s infinite;
}

@-webkit-keyframes swing {
	0% {
		-webkit-transform: translateX(0%);
	}
	15% {
		-webkit-transform: translateX(-2%) rotate(-2deg);
	}
	30% {
		-webkit-transform: translateX(2%) rotate(2deg);
	}
	45% {
		-webkit-transform: translateX(-2%) rotate(-2deg);
	}
	60% {
		-webkit-transform: translateX(2%) rotate(2deg);
	}
	75% {
		-webkit-transform: translateX(-2%) rotate(-2deg);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}

@-moz-keyframes swing {
	0% {
		-webkit-transform: translateX(0%);
	}
	15% {
		-webkit-transform: translateX(-2%) rotate(-2deg);
	}
	30% {
		-webkit-transform: translateX(2%) rotate(2deg);
	}
	45% {
		-webkit-transform: translateX(-2%) rotate(-2deg);
	}
	60% {
		-webkit-transform: translateX(2%) rotate(2deg);
	}
	75% {
		-webkit-transform: translateX(-2%) rotate(-2deg);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}

@-ms-keyframes swing {
	0% {
		-webkit-transform: translateX(0%);
	}
	15% {
		-webkit-transform: translateX(-2%) rotate(-2deg);
	}
	30% {
		-webkit-transform: translateX(2%) rotate(2deg);
	}
	45% {
		-webkit-transform: translateX(-2%) rotate(-2deg);
	}
	60% {
		-webkit-transform: translateX(2%) rotate(2deg);
	}
	75% {
		-webkit-transform: translateX(-2%) rotate(-2deg);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}

@-o-keyframes swing {
	0% {
		-webkit-transform: translateX(0%);
	}
	15% {
		-webkit-transform: translateX(-2%) rotate(-2deg);
	}
	30% {
		-webkit-transform: translateX(2%) rotate(2deg);
	}
	45% {
		-webkit-transform: translateX(-2%) rotate(-2deg);
	}
	60% {
		-webkit-transform: translateX(2%) rotate(2deg);
	}
	75% {
		-webkit-transform: translateX(-2%) rotate(-2deg);
	}
	100% {
		-webkit-transform: translateX(0%);
	}
}

@-webkit-keyframes tops {
	0% {
		top: 45%;
	}
	25% {
		top: 20%;
	}
	50% {
		top: 70%;
	}
	100% {
		top: 45%;
	}
}


/* 中间漂浮条 */

.hot_content {
	position: relative;
	z-index: 444;
}

.hot_fix {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 444;
	overflow: hidden;
	top: -1.5rem;
}

.hot_fix img {
	width: 85%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

.img_fix {
	position: relative;
	z-index: 444;
	width: 100%;
}

.an2 {
	animation: overanim 20s .2s linear both infinite;
	-webkit-animation: overanim 20s .2s linear both infinite;
	-moz-animation: overanim 20s .2s linear both infinite;
	-o-animation: overanim 20s .2s linear both infinite;
	-ms-animation: overanim 20s .2s linear both infinite;
}

@-webkit-keyframes overanim {
	from {
		left: 100%;
	}
	to {
		left: -100%;
	}
}

@-moz-keyframes overanim {
	from {
		left: 100%;
	}
	to {
		left: -100%;
	}
}

@-ms-keyframes overanim {
	from {
		left: 100%;
	}
	to {
		left: -100%;
	}
}

@-o-keyframes overanim {
	from {
		left: 100%;
	}
	to {
		left: -100%;
	}
}

.weixin {
	display: block;
	width: 11%;
	max-width: 64px;
	position: fixed;
	top: -64px;
	left: 13%;
	z-index: 11;
}

@media screen and (min-width:640px) {
	.weixin {
		left: 38% !important;
	}
}


/* 通用导航样式 */

@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot.html');
	src: url('fonts/fontawesome-webfont.eot.html') format('embedded-opentype'), url('../../fonts/fontawesome-webfont.woff2.html') format('woff2'), url('fonts/fontawesome-webfont.woff.html') format('woff'), url('../fonts/fontawesome-webfont.ttf.html') format('truetype'), url('../fonts/fontawesome-webfont.svg.html') format('svg');
	font-weight: normal;
	font-style: normal
}

.fixed-menu {
	max-width: 640px;
	position: fixed;
	top: 0;
	left: -1000px;
	z-index: 9999;
	background: #fff;
}

.fixed-menu-nav {
	padding: 1% 10% 1% 2%;
	clear: both;
	position: relative;
	background: #1f1b23
}

.return {
	position: absolute;
	right: 2%;
	top: 7%;
	z-index: 10;
	width: 10%;
}


/*.return i:before { font-family:'FontAwesome'; content:"\f060"; color: #fff;	font-size: 20px; font-style: normal; }*/

.project_content_box {
	max-width: 640px;
	overflow: hidden;
	margin-bottom: 8%;
}

.project_main {
	overflow: hidden;
	background: #51455c;
}

.project_main .project_nav {
	width: 22%;
	float: left;
	height: 32em;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	margin: 0;
	padding: 2%;
	background: #403748;
	padding-bottom: 2em;
}

.project_main .project_item {
	width: 70%;
	float: right;
	height: 35em;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.project_nav li {
	color: #fff;
	text-align: center;
	font-size: 1.2em;
	position: relative;
	padding: 1em 0;
}

.project_nav li:after {
	content: "";
	width: 30%;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 50%;
	margin-left: -15%;
	bottom: 20%;
}

.project_nav li.on:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 0.5em solid transparent;
	border-left: 0.8em solid #5f506d;
	border-bottom: 0.8em solid transparent;
	position: absolute;
	right: -0.4em;
	top: 50%;
	margin-top: -0.6em;
}

.project_nav li.on {
	background: #5f506d;
}

.project_main .project_item .item_box dl {
	padding-top: 4%;
	border-bottom: 1px solid #74677f;
	overflow: hidden;
	padding-bottom: 4%;
	margin-bottom: 4%;
}

.project_main .project_item .item_box dl dt {
	font-size: 1.4em;
	font-weight: 700;
	color: #fff;
	overflow: hidden;
	margin-bottom: 5%;
	padding-left: 4%;
}

.project_main .project_item .item_box dl dd {
	float: left;
	padding: 1% 4%;
	margin: 0 5% 5% 0;
}

.project_main .project_item .item_box dl dd a {
	font-size: 1.2em;
	color: #c3b8cd;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}

.project_main .project_item .item_box dl:last-child {
	border-bottom: none;
}

#item_nav {
	max-width: 640px;
	margin: 0 auto;
	overflow: hidden;
}

#item_nav {
	max-width: 640px;
	margin: 0 auto;
	overflow: hidden;
}

#item_nav .item_nav {
	position: relative;
}

#item_nav .item_nav ul li {
	padding: 3% 0;
	text-align: center;
}

#item_nav .item_nav ul li a {
	font-size: 1.3em;
	color: #fff
}

#item_nav .item_nav ul li.on {
	border-bottom: 0.2em solid #403748;
}

#item_nav .item_nav ul li.on a {
	font-weight: 700;
}

@-webkit-keyframes showit {
	0% {
		left: -1000px;
	}
	100% {
		left: 0;
	}
}

@-webkit-keyframes hideit {
	0% {
		left: 0;
	}
	100% {
		left: -1000px;
	}
}




/**banner**/

.wcba .hd {
	width: 100%;
	text-align: center;
	margin-top: 2%;
}

.wcba .hd li {
	width: .5em;
	height: .5em;
	border-radius: 50%;
	border: 2px solid #c9a8f2;
	display: inline-block;
	margin: 0 2px;
}

.wcba .hd li.on {
	background: #c9a8f2;
}


/**眼睛悬浮导航 **/

.body {
	position: relative
}

.t_hot {
	max-width: 640px;
	min-width: 320px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	height: 0.66rem;
	background: rgba(0, 0, 0, 0.5);
	z-index: 98
}

.t_hot .list {
	float: left;
	display: table;
	height: 0.66rem;
	line-height: 0.24rem;
	color: #FFFFFF;
	font-size: 0.2rem;
	text-align: center;
	box-sizing: border-box;
	border-right: 1px solid rgba(255, 255, 255, 0.2)
}

.t_hot .list a {
	color: #FFFFFF;
}

.t_hot .list:last-child {
	border-right: 0
}

.t_hot .list.a {
	width: 0.85rem;
	color: #dcc142
}

.t_hot .list.b {
	width: 1.55rem;
}

.t_hot .list.c {
	width: 1.2rem;
}

.t_hot .list.d {
	width: 1.2rem;
}

.t_hot .list.e {
	width: 1.4rem;
}

.t_hot .list p {
	display: table-cell;
	vertical-align: middle
}


/**植发低用金**/

.get-bg {
	width: 100%;
	height: 100%;
	background: url("../images/normal_bg.png.html");
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}

.get-j {
	width: 280px;
	height: 300px;
	margin: 20% auto;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	position: relative;
}

.get-j .g-head {
	width: 100%;
	height: 60px;
	text-align: center;
	padding: 12px 0;
	background: #e76229;
	color: #fff;
}

.get-j .g-head h1 {
	font-weight: 500;
	font-size: 2em;
}

.get-j .g-head span {
	font-size: 1.2em;
}

.get-j .g-input {
	padding: 10px 20px;
	color: #868686;
}

.get-j .g-input span {
	width: 100%;
	display: block;
	font-size: 1em;
	text-align: center;
}

.get-j .g-input ul {
	margin: 15px 0;
	list-style: none;
}

.get-j .g-input ul li {
	margin: 10px 0;
}

.get-j .g-input label {
	font-size: 1em;
}

.get-j .g-input input {
	width: 75%;
	height: 35px;
	border: 1px #dddddd solid;
	text-indent: 4px;
}

.get-j .g-button {
	width: 80%;
	height: 50px;
	margin: 0 auto;
}

.get-j .g-button a {
	width: 46%;
	height: 32px;
	line-height: 32px;
	float: left;
	text-align: center;
	font-size: 1em;
	text-decoration: none;
	color: #fff;
	border-radius: 5px;
	margin: 2%;
}

#submit {
	background: #e76229
}

#chat {
	background: #6c92e4
}

a.telphonenew {
	display: block;
	margin-top: 8%
}

div.fqdc {
	width: 80%;
	overflow: hidden;
	margin: 6% auto;
}

div.fqdc a {
	width: 44%;
	display: inline-block;
}

div.fqdc a:nth-child(2) {
	float: right;
}


.chat {
	padding: 15px 20px 0;
	clear: both;
	overflow: hidden;
	opacity: 0;
}

.chat .toux {
	width: 12.8%;
	float: left;
}

.chat .text {
	width: 80%;
	float: left;
}

.chat .pp2 {
	position: relative;
	color: #333;
	line-height: 1.5;
	font-size: 1.1em;
	padding: 2% 4%;
	background: #f8f0fe;
	border-radius: 5px;
	width: 85%;
	border: 1px solid #d9c0ec;
	margin: 1% 0 0 5%
}

.chat .pp2 .sj {
	width: 2.8%;
	display: block;
	position: absolute;
	left: -2.8%;
	z-index: 99;
	top: 20%;
}

.chat .time1 {
	font-size: 1em;
	color: #999;
	margin-left: 5%
}



/* 1500红包活动 */

.s-ripple {
	cursor: pointer;
	position: fixed;
	width: 17%;
	max-width: 331px;
	z-index: 1000;
	bottom: 28%;
	left: 2%;
}

.s-ripple .min-tel {
	-webkit-animation: tada 1.5s linear normal both infinite;
	-o-animation: tada 1.5s linear normal both infinite;
	animation: tada 1.5s linear normal both infinite;
	position: absolute;
	width: 100%;
	left: 0;
	top: 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);
	}
}

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

.lingjuan-logo {
	width: 17%;
	right: 1%;
	bottom: 35%;
	position: fixed;
	z-index: 10;
}

.lingjuan-logo a {
	display: block;
}

.lingqq-gb {
	position: absolute;
	width: 36%;
	top: -22%;
	right: 0;
}

.showquan {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 102;
	display: none;
}

.showtxt {
	width: 70%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -35%;
	margin-top: -50%;
	height: auto;
	-webkit-animation-name: spaceInLeft;
	animation-name: spaceInLeft;
}

.showinput {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	background: #e52600;
	border-radius: 20px;
	overflow: hidden
}

.showinput h2 {
	color: #fff;
	font-size: 27px;
	line-height: 35px;
	text-align: center;
	font-weight: bold;
	padding: 10% 0 0;
	border-radius: 20px 20px 0 0;
}

.showinput h2 img {
	width: 38%;
	vertical-align: middle;
	margin: -5% 1% 0 0;
}

.showinput h2 span {
	font-size: 60px;
	margin-right: 1%;
	font-weight: normal;
	color: #f3d660
}

.showinput h3 {
	font-weight: normal;
	color: #f3d660;
	text-align: center;
	font-size: 28px
}

.showinput h3 img {
	display: inline-block;
	width: 20%;
	height: 1px;
	vertical-align: middle
}

.showinput p {
	font-size: 14px;
	color: #fff;
	text-align: center
}

.showinput form {}

.showinput input {
	display: block;
	border-color: transparent;
	color: #999;
	font-size: 22px;
	margin: 4% auto 0;
	width: 84%;
	height: 52px;
	line-height: 52px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #fff;
	border: 0;
	font-size: 18px;
	text-indent: 10px
}

.lingh-gb {
	position: absolute;
	top: -3%;
	right: 0;
	width: 16%;
}

.showquan .submitinput {
	margin-top: 3%
}

.showquan .magictime {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes spaceInLeft {
	0% {
		opacity: 0;
		-webkit-transform-origin: 0% 50%;
		-webkit-transform: scale(.2) translate(-200%, 0%);
	}
	100% {
		opacity: 1;
		-webkit-transform-origin: 0% 50%;
		-webkit-transform: scale(1) translate(0%, 0%);
	}
}

@keyframes spaceInLeft {
	0% {
		opacity: 0;
		transform-origin: 0% 50%;
		transform: scale(.2) translate(-200%, 0%);
	}
	100% {
		opacity: 1;
		transform-origin: 0% 50%;
		transform: scale(1) translate(0%, 0%);
	}
}

@media screen and (max-width: 2000px) and (min-width: 640px) {
	.lingjuan-logo {
		width: 5%;
	}
	.showtxt {
		width: 24%;
		top: 50%;
		margin-top: -12%;
		left: 50%;
		margin-left: -14%;
	}
}

@media screen and (max-width: 1450px) and (min-width: 640px) {
	.showtxt {
		width: 30%;
		top: 50%;
		margin-top: -20%;
	}
}

@media screen and (max-width: 1130px) and (min-width: 640px) {
	.showtxt {
		width: 34%;
	}
}

@media screen and (max-width: 1000px) and (min-width: 640px) {
	.showtxt {
		width: 38%;
	}
}

@media screen and (max-width: 900px) and (min-width: 640px) {
	.showtxt {
		width: 42%;
	}
}

@media screen and (max-width: 414px) {
	.showinput h2 span {
		font-size: 20px;
	}
	.showinput input {
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
}

@media screen and (max-width: 375px) {
	.showinput h2 span {
		font-size: 20px;
	}
	.showinput h3 {
		font-size: 24px
	}
	.showinput input {
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}
}

@media screen and (max-width: 320px) {
	.showinput h2 span {
		font-size: 28px;
	}
	.showinput h3 {
		font-size: 22px
	}
	.showinput input {
		height: 35px;
		line-height: 35px;
		font-size: 14px;
	}
	.showinput p {
		font-size: 12px;
	}
}

.heatmap-wrapper {
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	transition: .3s ease all;
	opacity: 0.5;
	border-bottom: 1px solid rgba(255, 0, 0, .6);
	z-index: 99999;
}

.heatmap {
	width: 100%;
	height: 100%;
	background: #000;
}


/*电话回拨*/

#call_form {
	background: #f3f3f3;
	padding: 3%;
	overflow: hidden;
	clear: both;
	margin: 2% 0;
}

.call_form_l {
	width: 68%;
	border: 1px solid #c8c8c8;
	padding: 1px;
	border-radius: 5px;
	float: left;
	height: 3.2em;
	line-height: 3.2em;
	background: #fff;
}

.call_form_r {
	display: block;
	width: 27%;
	float: right;
	background: #a063d8;
	text-align: center;
	color: #fff;
	font-size: 1.2em;
	border-radius: 5px;
	height: 2.6em;
	line-height: 2.6em;
	border: 3px solid #a063d8;
}

.call_form_r:hover {
	color: #fff;
}

#call_tel {
	float: left;
	width: 60%;
	padding-left: 2%;
	outline: none;
	font-size: 1.2em;
	border: none;
	color: #888;
	line-height: 2.6em;
}

#livecall {
	float: right;
	width: 30%;
	background: #e654a3;
	border-radius: 5px;
	text-align: center;
	font-size: 1.2em;
	color: #fff;
	-webkit-appearance: none;
	border: none;
	height: 100%;
}