body {
	font-family: 'STHeiti', 'Microsoft YaHei', Helvetica, Arial, sans-serif;
	max-width: 750px;
	margin: 0 auto;
}
@charset "utf-8";
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling: touch;}
body,html{margin:0;padding:0;height:100%;font-family:"lucida grande","lucida sans unicode",lucida,helvetica,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:14px;color:#5f5f5f;position:relative}
h1,h2,h3,h4,h5,h6{font-weight:400}
body ::selection{color:#000;background-color:#fd0;text-shadow:none}
body ::-moz-selection{color:#000;background-color:#fd0;text-shadow:none}
a{transition:all .6s}
:active,:focus,:hover{outline:0!important}
::-webkit-scrollbar{width:0;height:12px;background-color:transparent}
::-webkit-scrollbar-track{background-color:#270532}
::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px rgba(0,.2);border-radius:2px;-webkit-box-shadow:inset 0 0 6px rgba(0,.2);background-color:#7600D0}
body{
    overflow-x: hidden
}
button{border:none;border:none}
input{outline:0;text-indent:.5em}
input.orangeInput{background:#f7941d;color:#fff;padding:0 25px;border:none;text-indent:0}
a{color:#666;text-decoration:none;outline:0}
a:focus,a:hover{color:#23527c}
a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
img,input{border:0;max-width:100%;vertical-align:middle;margin:0; padding:0}
h3{font-size:1.6rem}
td,th{font-size:1.4rem}
.board a:focus,.board a:hover{text-decoration:underline}
button,dd,dl,dt,h1,h2,h3,h4,h5,li,p,ul{margin:0;padding:0;list-style:none}
.v-align{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.clear{clear:both}
.fL{float:left}
.fR{float:right}
.tR{text-align:right}
.h20{height:20px}
.h10{height:10px}
.red{color:#fe6760}
.grey{color:#999;padding-right:.5em}
.filter_grey{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}
.block{position:relative}
.seprarate:after{content:"|";color:rgba(0,0,0,.2);padding:0 8px}
.sep:after{content:"/\00a0";padding:0 .7em;color:#ccc;font-style:normal}
.center{text-align:center}
.center{text-align:center}
.h80{height:80px}
.h150{height:150px}
b.yellow{color:#47AFE0;padding: 0 6px}
b.blue{color:#3aacde;padding: 0 6px}
table{border-collapse:collapse}
input.text,select,textarea{line-height:38px;border:#dce1e4 1px solid;color:#7c8ea0;margin:0;padding:0;text-indent:0;padding:0 12px;border-radius:4px;transition:all .4s ease 0s;font-size:1.4rem;font-family:"Microsoft YaHei","微软雅黑",Helvetica,Tahoma,Arial,STXihei,SimSun,"宋体",Heiti,"黑体",sans-serif}
input.text,select{height:38px}
option{line-height:38px;vertical-align:middle}
input.text:focus,textarea:focus{border:#bdc5c9 1px solid;color:#23527c;border-radius:20px}
.bg_dot{background-image:url('data:image/svg+xml;charset=UTF-8,<?xml version="1.0" ?><svg fill="rgba(255,255,255,0.2)" width="72" height="72" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72"><path d="M0,71.3V72h0.7l2.6-2.6l-0.7-0.7L0,71.3z M0,0v0.7l2.6,2.6l0.7-0.7L0.7,0H0z M38.6,32.6L36,35.3l-2.6-2.6 l-0.7,0.7l2.6,2.6l-2.6,2.6l0.7,0.7l2.6-2.6l2.6,2.6l0.7-0.7L36.7,36l2.6-2.6L38.6,32.6z M68.6,69.4l2.6,2.6H72v-0.7l-2.6-2.6 L68.6,69.4z M71.3,0l-2.6,2.6l0.7,0.7L72,0.7V0H71.3z"/></svg>')!important}
.w1100{position:relative;max-width:1100px;margin:0 auto}
.w640{position:relative;max-width:640px;margin:0 auto}
.fp-tableCell{display:block;position:relative}
.V{position:relative}
.V:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0}
@keyframes am_left{
from{background-position:0 0}
to{background-position:100% 0}
}
@keyframes am_right{
from{background-position:100% 0}
to{background-position:0 0}
}
@keyframes heart_beat{
  0%{transform: scale(.9)}
  50%{transform: scale(1.1)}
  100%{transform: scale(.9)}
  }
.jconfirm.jconfirm-se7en .jconfirm-bg{background:#000}
.jconfirm.jconfirm-se7en .jconfirm-box{padding:0;background: #fff;color:#5f5f5f;}
.jconfirm.jconfirm-se7en .jconfirm-box.loading:before{background:90 0}
.jconfirm.jconfirm-se7en .jconfirm-box.loading:after{border-bottom-color:#ff0}
.jconfirm.jconfirm-se7en .jconfirm-box .jconfirm-title-c{height:49px;padding-bottom:0;line-height: 46px;font-size: 16px;text-indent: 16px;background: #f5f5f5;border-bottom: #e0e0e0 1px solid;}
.jconfirm.jconfirm-se7en .jconfirm-box .jconfirm-content-pane{margin-bottom:0;font-size:14px;margin:16px 16px 6px 16px}
.jconfirm.jconfirm-se7en .jconfirm-box .jconfirm-buttons{height:56px;margin:0;padding:10px;text-align: center}
.jconfirm.jconfirm-se7en .jconfirm-box .jconfirm-buttons button{background: #47AFE0;color:#fff;padding: 0 16px;line-height: 34px}
.jconfirm.jconfirm-se7en_small .jconfirm-bg{background:#fff}
.jconfirm.jconfirm-se7en .jconfirm-box div.jconfirm-closeIcon{top: 16px}
.ct2{position:relative}
.bg{position:relative}
/* .btn{position:absolute;top:1vw;left:14%;width:70%;animation:toggleSize .4s infinite} */
.hide{display: none}
.hidden{position:absolute;left:-100vw;top:-100vh}
.hidden img{width:1px;height:1px}
@keyframes toggleSize{
0%{transform:none}
50%{transform:scale(1.1)}
100%{transform:none}
}

img { width: 100%; vertical-align: top;}
#container {
	max-width: 750px;
	margin: 0 auto;
	background-size: 100% auto;
}

.top {
	max-width: 750px;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
	background: rgba(0,0,0,0.8);
	box-sizing: border-box;
}
.top .logo {
	width: 4.3rem;
	display: block;
	float: left;
}
.top .link {
	margin-top: 0.04rem;
	width: 3.62rem;
	display: block;
	float: right;
}
#main .link {
	position: relative;
}
/*#main .link a {
	width: 3.15rem;
	display: block;
	position: absolute;
	right: 0.28rem;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}*/
.down {
	max-width: 750px;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9999;
}
.down a {

	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);

}
.info {
	position: relative;
	background: url(../images/img03.png) no-repeat center top;
	background-size: 100% auto;
}
.info .pos1 {
	width: 1.5rem;
	position: absolute;
	top: 1rem;
}
.info .pos2 {
	width: 1.5rem;
	position: absolute;
	left: 1.44rem;
	top: 0.75rem;
}
.info .pos3 {
	width: 1.5rem;
	position: absolute;
	left: 0.24rem;
	top: 1.35rem;
}
.info .pos4 {
	width: 1.45rem;
	position: absolute;
	left: 0.26rem;
	top: 4.2rem;
}
.info .pos5 {
	width: 2.25rem;
	position: absolute;
	right: 0;
	top: 1.35rem;
}
.info .img {
	position: relative;
	z-index: 1;
}
.btnImg {
	margin: 0 auto 0.5rem;
	width: 9rem;
}
#slider .swiper-container {
	padding-bottom:0.65rem;
}
#certify .swiper-slide {
	padding-top: 0.18rem;
	width: 174px;
	text-align: center;
}
.swiper-pagination {
	bottom: 0 !important;
}
.swiper-pagination-bullet {
	margin: 0 0.13rem !important;
	width: 0.23rem;
	height: 0.23rem;
	border-radius: 50%;
	background: #7B4923;
	opacity: 1;
}
.swiper-pagination-bullet-active {
	background: #F1C14C;
}
.sideBox {
	width: 2.0rem;
	position:fixed;
	top: 2.15rem;
	right: 0.05rem;
	z-index: 999;
}
.sideBox a {
	display: block;
	margin-bottom: 0.1rem;
}

#main .content {
	padding: 0.67rem 0.37rem 2.5rem;
	background-color:black;
	background-size: 100% auto;
}
#main .content .ttl {
	/*margin: 0 auto 0.38rem;
	width: 7.3rem;*/
	width:100%;
	margin: 0 auto 0.38rem;
}
#main .content .listUl {
	margin-bottom: 0.66rem;
}
#main .content .listUl li {
	margin-bottom: 0.27rem;
	height: 1.1rem;
	line-height: 1.1rem;
	overflow: hidden;
	zoom: 1;
	overflow: hidden;
	zoom: 1;
	box-sizing: border-box;
}
#main .content .listUl li .ms {
	display: block;
	float: left;
	color: #49ffb4;
	font-size: 0.35rem;
	text-align: center;
	width: 1.8rem;
	background-color: #492B15;
	border-radius: 0.15rem 0 0 0.15rem;
}
#main .content .listUl li:first-child .ms {
	color: #49ffb4;
}
#main .content .listUl li .icon {
	margin: 0.3rem 0.36rem 0 0;
	width: 0.46rem;
	display: block;
	float: left;
}
#main .content .listUl li .url {
	display: block;
	float: left;
	color: #ffef9d;
	font-size: 0.35rem;
	letter-spacing: 0.02rem;
	background: #341F11;
	width: 4.9rem;
	text-align: center;
	border-radius: 0 0.15rem 0.15rem 0;
}
#main .content .listUl li a {
	display: block;
	float: right;
	width: 2.3rem;
	color: #fff;
	font-size: 0.35rem;
	font-weight: bold;
	text-align: center;
	background-size: 100% 100%;
}
@media all and (min-width: 767px) {
	#main .content {
		padding-bottom: 3rem;
	}
	.info .pos3 {
		top: 2rem;
	}
	.info .pos4 {
		left: 0.8rem;
		top: 6rem;
	}
	.info .pos5 {
		top: 2rem;
	}
}

.jcBox {
	max-width: 750px;
	width: 100%;
	display: none;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10000;
	background-color:black;
}

.cover {
	max-width: 750px;
	position: fixed;
	top: 0;
	width: 100%;
	height:100%;
	background:rgba(0,0,0,0.3);
	z-index: 1200;
}
.out-mask {
	max-width: 750px;
	width: 100%;
	position: fixed;
	top: 50%;
	z-index: 2000;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.out-mask .mask {
	margin: 0 auto;
	padding: 0.6rem 0 0.4rem;
	width: 90%;
	background: #fff;
	border-radius: 0.2rem;
}
.out-mask .mask p {
	margin: 0 0 0.3rem 0.5rem;
	color: #0C0524;
	font-size: 0.4rem;
	text-align: left;
}
.out-mask .mask ul {
	margin-right: 0.5rem;
	text-align:right;
}
.out-mask .mask li {
	margin: 0 0.4rem;
	display: inline;
}
.out-mask .mask li a {
	display: inline-block;
	color: #0A7FBD;
	font-size: 0.4rem;
	line-height: 1rem;
	text-align: center;
}
#slider {
	margin-bottom: 0.5rem;
}
.slick .slick-dots {
	margin: 0.32rem 0 0;
	text-align: center;
	position: relative;
	z-index: 99;
}
.slick .slick-dots li {
	display: inline;
	margin: 0 5px;
}
.slick .slick-dots li button {
	border: none;
	background: url(../images/icon01.png) no-repeat;
	background-size:100% auto;
	text-indent: -9999px;
	width: 0.25rem;
	height: 0.25rem;
	cursor: pointer;
}
.slick .slick-dots li.slick-active button {
	background: url(../images/icon02.png) no-repeat;
	background-size: 100% auto; 
}