body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 Microsoft Yahei;color:#505050}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul,ol{list-style:none}
a{text-decoration:none;color:#2a2a2a;outline:none}
a:hover{color:#2a2a2a; }
fieldset,img{border:0}
table{border-collapse:collapse;border-spacing:0}
button,input,select,textarea{font-size:100%;outline:none}
textarea{resize:none}
img{vertical-align:top;width:100%;outline:none;}
article, aside, footer, hgroup,nav, section {display: block;}
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
body{min-width: 320px; margin: 0 auto}
.over{ overflow: hidden;}
.fr{ float: right;}
.fl{ float: left;}
h2{ text-align: center; font-size: 28px; line-height: 1; margin:20px 0;}
.main{ margin:0 20px;}
#qiao-wrap { display: none!important; }
@media screen and(max-width: 480px){
	.main{ margin:0 10px;}
}
/**header**/
.topBar{ width: 100%; height: 80px; background: #282828; text-align: center; }
.topBar img{width: 314px; padding-top: 12px;}
.artNav{margin:20px 5px;background:#fff;overflow:hidden;padding-bottom:20px;box-shadow:0 0 5px 1px #e8e8e8;}
.artNav a{display:block;float:left;width:30%;background:#f4f4f4;text-align:center;margin-top:20px;margin-left:1.5%;margin-right:1.5%;font-size:24px;color:#282828;padding:10px 0;}
.artNav a.current{background:#282828;color:#fff;}
@media screen and (max-width:480px){
	.topBar{height: 60px;}
	.topBar img{width: 235px; padding-top: 9px;}
	.artNav,.artbox{margin: 10px 10px;padding-bottom: 10px;}
	.artNav{margin: 10px 5px;}
	.artNav a{ font-size: 16px;padding: 5px 0;margin-top: 10px;width: 30.33333%; margin-left: 1.5%; margin-right: 1.5%;}
	h2{font-size: 18px; margin:20px 0 10px;}
}
@media screen and (max-width:320px){
	.topBar{height: 40px;}
	.topBar img{width: 157px; padding-top: 6px;}
	.artNav a{ font-size: 12px;}
}


/**footer**/
#footer{max-width:640px; min-width: 320px; margin: 20px auto 0;}
#footer .leftimg{ float:left; margin: 20px 10%; width: 22%; }
.info{ float: right; width: 58%; overflow: hidden;margin-top: 20px; line-height: 1.2;}
.info .time,.info .address{font-size: 14px; line-height: 1.2; padding-left: 40px; margin-bottom: 20px;}
.info .time{ background: url(../images/icon13.png) no-repeat left center;}
.info .time strong,.info .address strong{ font-size: 24px;}
.info .address{background: url(../images/icon14.png) no-repeat left center;}
.info div{margin-left: 40px;overflow: hidden;}
.info a{ display:block; float: left; margin-right: 10px; }
.info a img{ width: auto;}
@media screen and (max-width: 480px) {
	#footer .leftimg{ margin: 10px 10%;}
	.info{ margin-top: 10px}
	.info .time{ background: url(../images/icon13.png) no-repeat left center; background-size: 20px 20px}
	.info .address{background: url(../images/icon14.png) no-repeat 2px center; background-size: 16px auto;}
	.info .time,.info .address{ padding-left: 25px;margin-bottom: 10px;}
	.info .time strong,.info .address strong{ font-size: 14px;}
	.info div{margin-left: 25px;}
	.info a{ display:block; float: left; width: 20.333333%; margin-right: 3%}
	.info a img{ width: 100%;}
}
@media screen and (max-width: 360px){
	#footer .leftimg{ float:left; margin: 10px 6%;}
	.info{ width: 64%;}
	.info .time,.info .address{ font-size: 12px;}
	.info .time,.info .address{ margin-bottom: 5px;}
	.info .time strong,.info .address strong{ font-size: 12px;}
}
.footer{width:100%;padding-top:20px;height:70px;  overflow:hidden}

.foot{border-top:1px solid #cdcdcd;position:fixed;height:70px;bottom:0;left:0;width:100%;z-index:99;background:#fff;}
.fcon{width:100%;max-width:640px;margin:0 auto;}
.fcon .nav{width:78px;height:78px;position:relative;top:-10px;left:5px;float:left;border:1px solid #dbdbdb;border-radius:50%;overflow:hidden;background:#fff;display:table;}
.fcon .nav.on{width:78px;height:78px;position:relative;top:-10px;left:5px;float:left;border:1px solid #dbdbdb;border-radius:50%;overflow:hidden;background:#fff;display:table;}
.fcon .nav a{width:100%;color:#890c84;font-size:16px;display:table-cell;vertical-align:middle;text-align:center;}
.fcon .nav a img{width:55%;}
.fcon .link{float:right;width:75%;}
.fcon .link a{display:block;float:left;width:33.33%;text-align:center;font-size:14px;padding-top:15px;line-height:26px;}
.fcon .link a img{width:35%;max-width:50px;}
.fcon .link a.tel{color:#49c50b;}
.fcon .link a.ask{color:#dba231;position:relative;}
.fcon .link a.ask span{display:block;width:18px;height:18px;background:#df0f02;border-radius:50%;position:absolute;top:5px;right:20%;color:#fff;line-height:18px;text-align:center;font-size:14px;}
.fcon .link a.home{color:#989797;}

.navs_bg{position:fixed;left:0;bottom:0;right:0;top:0;background:rgba(0,0,0,0.9);display:none;}
.navs_ul1{position:fixed;width:37.5%;max-width:240px;bottom:80px;left:0;}
.navs_ul1 li{width:100%;position:absolute;top:0;left:0;opacity:0;-webkit-transition:0.3s all ease;-moz-transition:0.3s all ease;-ms-transition:0.3s all ease;-o-transition:0.3s all ease;transition:0.3s all ease;z-index:999;}
.navs_ul1 li img{float:left;width:25%;margin-left:5px;}
.navs_ul1 li span{float:left;line-height:30px;font-size:14px;text-indent:8px;color:#e2c3e1;}
.navs_ul2{position:fixed;width:60%;max-width:384px;bottom:90px;right:0;display:none;}
.navs_ul2 .line{float:left;width:4%;}
.navs_ul2 ul{float:left;width:96%;}
.navs_ul2 li{float:left;width:29%;margin-left:3%;margin-top:8px;text-align:center;}
.navs_ul2 li i{display:inline-block;width:70%;max-width:80px;background:rgba(255,255,255,0.85);border-radius:50%;overflow:hidden;}
.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;}

@media screen and (min-width:400px){
.menu{width:100%;height:44px;font-size:14px;position:relative;background:#890c84;overflow:hidden;}
.menu ul li{float:left;height:40px;line-height:44px;overflow:hidden;color:#fff;padding:0 10px;}
.menu ul li.on{border-bottom:4px #e131da solid;}
.main .box .con dl{width:90%;}
.main .box .con dd{width:24%;font-size:14px;}
.main .box form ul{margin-left:10%;}
.main .box5 form ul{margin-left:0;}
.main .box5 form ul li input[type="text"]{width:250px;}
.main .box5 form ul li textarea{width:250px;}
.main .box .recom ul li a{font-size:15px;}

.footer{height:80px;}
.foot{height:80px;}
.fcon .nav{width:88px;height:88px;}
.fcon .nav a{font-size:16px;}
.fcon .nav a img{width:55%;}
.fcon .link{width:77%;}
.fcon .link a{font-size:14px;padding-top:15px;line-height:26px;}
.fcon .link a img{width:30%;}
.fcon .link a.ask span{width:18px;height:18px;top:10px;right:25%;line-height:18px;font-size:14px;}

.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){
.menu{width:100%;height:50px;font-size:15px;position:relative;background:#890c84;overflow:hidden;}
.menu ul li{float:left;height:46px;line-height:50px;overflow:hidden;color:#fff;padding:0 10px;}
.menu ul li.on{border-bottom:4px #e131da solid;}
.main .box .con dl{width:92%;}
.main .box .con dd{width:24%;font-size:15px;}
.main .box form ul{margin-left:20%;}
.main .box5 form ul{margin-left:0;}
.main .box5 form ul li input[type="text"]{width:320px;}
.main .box5 form ul li textarea{width:320px;}
.main .box .recom ul li a{font-size:16px;line-height: 18px;}

.footer{height:90px;}
.foot{height:90px;}
.fcon .nav{width:98px;height:98px;}
.fcon .nav a{font-size:16px;}
.fcon .nav a img{width:55%;}
.fcon .link{width:79%;}
.fcon .link a{font-size:14px;padding-top:15px;line-height:26px;}
.fcon .link a img{width:30%;}
.fcon .link a.ask span{width:18px;height:18px;top:10px;right:27%;line-height:18px;font-size:14px;}

.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){
.menu{width:100%;height:50px;font-size:16px;position:relative;background:#890c84;overflow:hidden;}
.menu ul li{float:left;height:46px;line-height:50px;overflow:hidden;color:#fff;padding:0 10px;}
.menu ul li.on{border-bottom:4px #e131da solid;}
.main .box .con dl{width:94%;}
.main .box .con dd{width:24%;font-size:16px;}
.main .box form ul{margin-left:25%;}
.main .box5 form ul{margin-left:0;}
.main .box5 form ul li input[type="text"]{width:400px;}
.main .box5 form ul li textarea{width:400px;}
.main .box .recom ul li a{font-size:17px;line-height: 20px;}

.footer{height:100px;}
.foot{height:100px;}
.fcon .nav{width:108px;height:108px;}
.fcon .nav a{font-size:16px;}
.fcon .nav a img{width:55%;}
.fcon .link{width:80%;}
.fcon .link a{font-size:14px;padding-top:15px;line-height:26px;}
.fcon .link a img{width:30%;}
.fcon .link a.ask span{width:18px;height:18px;top:10px;right:30%;line-height:18px;font-size:14px;}

.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;}
}

/**轮播**/
.bx-wrapper {
	position: relative;
	margin: 0 auto 40px;
	padding: 0;
	*zoom: 1;
	clear: both;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #d6d6d6;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #c698d2;
}
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../images/controls.png) no-repeat 0 -32px;
	display:none
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url(../images/controls.png) no-repeat -43px -32px;display:none
}
.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%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.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;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.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;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.bgall{position:fixed;left:0;bottom:0;right:0;top:0;background:rgba(0,0,0,0.7);display:none;z-index:10;}
.qrcode{ width: 70%; position: fixed; top: 20%; left: 15%; background: #fff; z-index: 999;  display: none;}
/*
#header { height: 64px; background: #fff; width: 100% }
#header a { display: inline-block; float: left; width: 18%; height: 60px; font-size: 28px; line-height: 60px; margin-left: 3.5%; margin-right: 3.5%; text-indent: 7% }
#header a.nav1 { background: url(/images/icons/nav_icon1.png) no-repeat 10% center }
#header a.nav2 { background: url(/images/icons/nav_icon2.png) no-repeat 10% center }
#header a.nav3 { background: url(/images/icons/nav_icon3.png) no-repeat 10% center }
#header a.nav4 { background: url(/images/icons/nav_icon4.png) no-repeat 10% center }
#header a.nav1.nav_cur, #header a.nav2.nav_cur, #header a.nav3.nav_cur, #header a.nav4.nav_cur { border-bottom: 4px solid #890c84; color: #890c84 }
#header a.nav1.nav_cur { background: url(/images/icons/nav_icon1_1.png) no-repeat 10% center }
#header a.nav2.nav_cur { background: url(/images/icons/nav_icon2_1.png) no-repeat 10% center }
#header a.nav3.nav_cur { background: url(/images/icons/nav_icon3_1.png) no-repeat 10% center }
#header a.nav4.nav_cur { background: url(/images/icons/nav_icon4_1.png) no-repeat 10% center }
.changebox { margin: 0 20px; margin-bottom: 40px; overflow: hidden; display: none }
.changebox h2 { font-size: 24px; color: #282828; text-align:left!important; display: block; border-bottom: 1px solid #acacac; padding: 20px 10px 0; line-height: 1; overflow: hidden; width: 100%; line-height: 40px }
.changebox h2 span { float: left; width: 50px; height: 50px; text-align: center }
.changebox h2 span img { display: inline; vertical-align: middle; width: auto }
.changebox a { display: block; float: left; background: #e9e9e9; font-size: 18px; line-height: 1; color: #282828; padding: 20px 0; text-align: center; width: 21%; margin: 20px 2% 0 }

@media screen and (max-width:480px) {
#header { height: 37px }
#header a { height: 35px; line-height: 35px; font-size: 18px }
#header a.nav1, #header a.nav2, #header a.nav3, #header a.nav4, #header a.nav1.nav_cur, #header a.nav2.nav_cur, #header a.nav3.nav_cur, #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 { font-size: 16px; padding: 10px 5px 0; overflow: hidden; width: 100% }
.changebox h2 span { float: left; width: 20px; height: 30px; text-align: center; margin-right: 10px }
.changebox h2 span img { display: inline; vertical-align: middle; width: 100% }
.changebox a { font-size: 14px; padding: 10px 0; width: 30%; margin: 10px 1.5% 0 }
}

@media screen and (max-width:360px) {
#header { height: 27px }
#header a { height: 25px; line-height: 25px; font-size: 16px }
#header a.nav1, #header a.nav2, #header a.nav3, #header a.nav4, #header a.nav1.nav_cur, #header a.nav2.nav_cur, #header a.nav3.nav_cur, #header a.nav4.nav_cur { background-size: 16px 16px }
.changebox a { font-size: 14px; line-height: 1; color: #282828; padding: 10px 0; text-align: center; width: 30%; margin: 10px 1.5% 0 }
}
*/