a,  article, b, body, dd, div, dl, dt, em, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, li,menu, nav, object, ol, p, section, small, span, strong, td, th, time, tr, tt, u{
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	word-wrap: break-word;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
section footer {
	width: 100%;
}
button, input, select, textarea {
	outline: 0;
	-webkit-box-sizing: border-box;
	font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
}
article, footer, header, menu, nav, section {
	display: block;
}
a {
	color:#666;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
li, ol, ul {
	overflow: hidden;
}
b, strong {
	font-weight: 700;
}
h2{font-size:2.4rem;}
h3{font-size:1.6rem;}
h4{font-size:1.4rem;}
html {
	font-size: 62.5%;
}
@media only screen and (min-width:481px) {
html {
	font-size: 85%!important;
}
}
@media only screen and (min-width:561px) {
html {
	font-size: 100%!important;
}
}
@media only screen and (min-width:641px) {
html {
	font-size: 120%!important;
}
body {
	max-width: 750px;
}
}
body {
	font-size: 1.4rem;
	font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
	background-color: #fff;
	min-width: 320px;
	margin: 0 auto;
	position: relative;
	color: #333;
	padding-top: 7rem;
}
.clr {
	clear: both;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	border: 0;
    image-ms-interpolation-mode: bicubic;
	-webkit-touch-callout: none;
}

@font-face{
	font-family: "DINPro-Bold";
	src: url(../../fonts/DINPro-Bold.otf);
}

html,body{
	width: 100%;
	height: 100%;
}
.header{
	width: 100%;
	max-width: 750px;
	height: 7rem;
	background: #90268e;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding: 0 1.5rem;
	position: fixed;
	top: 0;
	z-index: 1000;
}
.header a img{
	height: 3.5rem;
}
.headr{
	display: flex;
	align-items: center;
}
.search{
	height: 3.6rem;
	position: absolute;
	top: 1.7rem;
	right: 6rem;
	overflow: hidden;
	border-radius: 1.8rem;
	transition: .5s;
}
.search input{
	width: 0;
	height: 3.6rem;
	float: left;
	font-size: 1.4rem;
	background: none;
	border: none;
	padding: 0 0 0 1.5rem;
	color: #fff;
	transition: .5s;
}
.search button{
	width: 5rem;
	height: 3.6rem;
	background-image: url(../images/wap_06.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 2.4rem;
	border: none;
	background-color: transparent;
	color: #fff;
	transition: .5s;
}
.search.active{
	background: rgba(248,248,248,.7);
}
.search.active input{
    width: 10rem;
}
.search input::-webkit-input-placeholder{
    color: rgba(255,255,255,.7);
}

.btn{width:4rem;float:right;position:relative;cursor:pointer;height:4rem;}
.btn span{display:block;background:#fff; /*按钮颜色*/ width:2.8rem;height:.2rem;left: .6rem;position:absolute;transition:all ease 0.35s}
.btn span:nth-of-type(1){top:1rem;}
.btn span:nth-of-type(2){top:2rem;}
.btn span:nth-of-type(3){top:3rem;}
.sp_nav_se span:nth-of-type(1){top:2rem;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:2rem;transform:rotate(-45deg)}

.nav{
	width: 100%;
	height: calc(100% - 7rem);
	overflow-y: auto;
	background: #90268e;
	position: fixed;
	top: 7rem;
	left: 0;
	z-index: 2000;
	box-sizing: border-box;
	padding: 0 2rem 5rem;
	display: none;
}
.nav ul{
	padding: 0;
}
.nav ul li{
	list-style: none;
	line-height: 5rem;
	font-size: 1.5rem;
}
.nav ul li a{
	display: block;
	color: #fff;
	position: relative;
	border-bottom: .1rem rgba(255,255,255,.3) solid;
}
.nav ul li:last-child a{
	border: none;
}
.nav ul li.cur>a:after{
	content: "";
	display: block;
	width: 1rem;
	height: 2rem;
	background-image: url(../images/jt_03.png);
	background-size: 75%;
	background-position: right center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	transition: .3s;
}
.two{
	display: none;
}
.two span{
	display: block;
}
.two span a{
	box-sizing: border-box;
	padding-left: 2rem;
	opacity: .8;
}
.nav ul li.active>a:after{
    transform: translateY(-50%) rotate(90deg);
}
.banner .text{
	width: 100%;
	position: absolute;
	left: 0;
	top: 35%;
	transform: translateY(-35%);
	box-sizing: border-box;
	padding: 0 2rem;
}
.banner .text h2{
	font-size: 1.8rem;
	color: #fff;
}
.banner .text h3{
	font-size: 1.8rem;
	color: #fff;
	margin: .5rem 0;
}
.banner .text p{
	text-transform: uppercase;
	color: #fff;
	opacity: .6;
	font-size: 1.2rem;
	line-height: 1.5;
}
#page{bottom: 3rem;text-align: left;left: 1.8rem;}
#page span{width: 2.4rem;height: .3rem;border-radius: 50%;background: #fff; opacity: .5;border-radius: .5rem;transition: .3s;}
#page .swiper-pagination-bullet-active{opacity: 1;}

.hstwo{
	padding:  1.5rem;
}
.number{
	background: #454545;
	display: flex;
	padding: 1.5rem 0 2rem;
}
.number .item{
    width: 33.33%;
    text-align: center;
    position: relative;
}
.number .item:after{
	content: "";
	display: block;
	width: .1rem;
	height: 5rem;
	background: rgba(255,255,255,.2);
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.number .item:last-child:after{
	display: none;
}
.number .item img{
	width: 5rem;
}
.number .item p{
	color: #bc9332;
	margin: .5rem 0 .8rem;
}
.number .item p span{
	font-size: 2.4rem;
	color: #fff;
	font-family: "DINPro-Bold";
	line-height: 1;
	position: relative;
	margin-right: 1.5rem;
}
.number .item p span:after{
	content: "+";
	display: block;
	color: #fff;
	position: absolute;
	top: -.3rem;
	right: -1.2rem;
	font-size: 1.6rem;
}
.number .item h3{
	font-size: 1.3rem;
	color: #fff;
	font-weight: normal;
	line-height: 1;
}
.hsthree{
	padding: 1.5rem 1.5rem 3rem;
}
.title{
	text-align: center;
}
.title h2{
	font-size: 2rem;
	color: #232323;
}
.title p{
	color: #666666;
	text-transform: uppercase;
	margin-top: .6rem;
}
.title span{
	display: block;
	width: 3rem;
	height: .3rem;
	background: #90268e;
	margin: .8rem auto 0;
}
.hs3{
	color: #7b7b7b;
	line-height: 2;
	margin-top: 1.5rem;
}
.more{
	width: 12rem;
	line-height: 4rem;
	background: #90268e;
	margin: 3rem auto 0;
	text-align: center;
	border-radius: .5rem;
}
.more a{
	display: block;
	color: #fff;
}
.hsfour{
	background-image: url(../images/wap_16.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 3rem 1.5rem;
}
.hs4_text{
	color: #7b7b7b;
	line-height: 2;
	text-align: center;
	margin-top: 2rem;
}
#hs4-left{
	width: 32%;
	height: 4rem;
	background-image: url(../../images/ban_10.png);
	background-color: #bf71be;
	background-size: .8rem;
	background-position: center;
	background-repeat: no-repeat;
    left: 0;
    bottom: 0;
    top: auto;
    outline: none;
    margin: 0;
}
#hs4-left:after{
	display: none;
}
#hs4-right{
	width: 32%;
	height: 4rem;
	background-image: url(../../images/ban_13.png);
	background-color: #bf71be;
	background-size: .8rem;
	background-position: center;
	background-repeat: no-repeat;
	right: 0;
	bottom: 0;
	top: auto;
	outline: none;
	margin: 0;
}
#hs4-right:after{
	display: none;
}
.hs4_btn{
	position: relative;
	display: flex;
	justify-content: center;
	border: .1rem #eeeeee solid;
	margin-top: 1.5rem;
	border-radius: .5rem;
	overflow: hidden;
}
.hs4_btn .gd{
	width: 36%;
	background: #bf71be;
	line-height: 4rem;
	text-align: center;
	box-sizing: border-box;
	border-left: .1rem #eeeeee solid;
	border-right: .1rem #eeeeee solid;
}
.hs4_btn .gd a{
	display: block;
	color: #fff;
}
.hs4-swiper .swiper-slide{
	background-image: url(../../images/tu_07.png);
	background-size: cover;
	background-position: center;
	box-sizing: border-box;
	padding: 2rem 1.5rem;
}
.hs4-swiper{
	border-radius: .5rem;
	overflow: hidden;
}
.hs4-swiper .swiper-slide h2{
	font-size: 1.8rem;
	color: #fff;
	letter-spacing: .1rem;
	display: flex;
	align-items: center;
}
.hs4-swiper .swiper-slide h2 img{
	width: 3rem;
	margin-right: 1rem;
}
.hs4-swiper .swiper-slide p{
	color: #fff;
	line-height: 1.6;
	font-size: 1.3rem;
	height: 6.3rem;
	overflow: hidden;
	margin: 1.5rem 0;
}
.hs4-swiper .swiper-slide span{
	color: #fff;
	font-size: 1.2rem;
}
.hs4-swiper .swiper-slide a{
	display: block;
}
.hs4-swiper{
	margin-top: 2rem;
}
.hsfive{
	padding: 3rem 1.5rem;
	background: #f6f7f8;
}
.hs5 .item{
	background: #fff;
	margin-top: 1.5rem;
}
.hs5 .item a{
	display: flex;
	justify-content: space-between;
}
.hs5 .item img{
	width: 40%;
	height: 11rem;
}
.hs5 .item .cont{
	width: 60%;
	box-sizing: border-box;
	padding: 1.2rem 1.5rem;
}
.hs5 .item .cont p{
	font-size: 1.7rem;
	color: #90268e;
	font-family: "DINPro-Bold";
	border-bottom: .1rem #ececec solid;
	padding-bottom: .8rem;
	margin-bottom: 1rem;
}
.hs5 .item .cont p span{
	color: #9a9a9a;
	font-size: 1.3rem;
	margin-left: 1rem;
}
.hs5 .item .cont h3{
	font-size: 1.4rem;
	color: #353535;
	line-height: 1.5;
	height: 4.2rem;
	overflow: hidden;
}
.hssix{
	height: 8rem;
	background-image: url(../images/wap_18.jpg);
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1.5rem;
}
.hssix h3{
	color: #fff;
	font-size: 1.7rem;
}
.hssix a{
	display: block;
	color: #fff;
	border: .1rem #fff solid;
	border-radius: .5rem;
	padding: .8rem 1.5rem;
}
.footer{
	background: #1b0f1b;
}
.fot2{
	text-align: center;
	padding: 3rem 0;
	border-bottom: .1rem #2e2e2e solid;
}
.fot2 img{
	width: 14rem;
}
.fot3{
	padding: 0 1.5rem;
}
.fot3 .cont{
	margin-top: 3rem;
	text-align: center;
}
.fot3 .cont h3{
	font-size: 1.6rem;
	color: #fff;
}
.fot3 .cont .text{
	font-size: 1.3rem;
	color: #fff;
	opacity: .7;
	line-height: 1.8;
	overflow: hidden;
	margin-top: .8rem;
}
.fot4{
	text-align: center;
	padding: 3rem 0;
}
.fot4 img{
	width: 10rem;
	padding: .2rem;
	background: #fff;
}
.fot5{
	background: #140a14;
	padding: 1.6rem 1rem 8rem;
	font-size: 1.2rem;
	color: rgba(255,255,255,.5);
	text-align: center;
}
.footer_nav{
    width: 100%;
    max-width: 750px;
    position: fixed;
    bottom: 0;
    z-index: 100;
    display: flex;
    justify-content: space-between;
}
.footer_nav .item{
	width: 25%;
	text-align: center;
	background: #90268e;
	border-right: .1rem #a932a7 solid;
	box-sizing: border-box;
	position: relative;
}
.footer_nav .item:last-child{
	border: none;
}
.footer_nav .item a>img{
	width: 3rem;
}
.footer_nav .item p{
	font-size: 1.2rem;
	color: #fff;
	line-height: 1;
	margin-top: .5rem;
}
.footer_nav .item a{
	display: block;
	padding: 1rem 0;
}
.footer_nav .item .cont{
	width: 10rem;
	height: 10rem;
	position: absolute;
	left: 50%;
	top: -11rem;
	transform: translateX(-50%);
	padding: .5rem;
	box-shadow: 0 0 1rem rgba(0,0,0,.1);
	background: #fff;
	display: none;
}
.footer_nav .item .cont img{
	width: 10rem;
	height: 10rem;
}
.zybanner{
	position: relative;
}
.zybanner .cont{
	position: absolute;
	top: 50%;
	left: 4rem;
	transform: translateY(-50%);
	color: #fff;
	border-left: .3rem #fff solid;
	padding-left: 1rem;
}
.zybanner .cont h2{
	font-size: 2.2rem;
	line-height: 1;
	margin-top: .3rem;
}
.zybanner .cont p{
	line-height: 1;
	margin-top: .8rem;
}
.zynav{
	height: 5rem;
	background: #6f596e;
	overflow-x: auto;
}
.zynav .auto{
	float: left;
	white-space: nowrap;
}
.zynav span{
	display: inline-block;
	line-height: 5rem;
}
.zynav span a{
	display: block;
	padding: 0 3rem;
	color: #fff;
}
.zynav span .cur{
	background: #863584;
}
.pos{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 1.5rem;
	height: 5rem;
}
.pos p{
	display: flex;
	align-items: center;
	color: #666666;
}
.pos p img{
	width: 1.7rem;
	margin-right: .8rem;
}
.pos a{
	color: #666666;
}
.abtitle h2{
	font-size: 2rem;
	color: #90268e;
}
.abtitle h2 span{
	color: #666666;
	font-weight: normal;
	font-size: 1.4rem;
	margin-left: 1rem;
}
.abtitle{
	border-bottom: .1rem #eeeeee solid;
	padding-bottom: 1.2rem;
}
.zybox{
	padding: 1rem 1.5rem 4rem;
}
.abcont{
	color: #333;
	line-height: 2;
	margin-top: 1.5rem;
}
.fany{
	margin-top: 2rem;
	overflow: hidden;
}
.fany p{
	display: block;
	background: #f2f2f2;
	height: 4.5rem;
	margin-top: 1rem;
	display: flex;
	align-items: center;
	color: #333333;
	box-sizing: border-box;
	padding: 0 1.5rem;
	box-shadow: 0 0 1rem rgba(0,0,0,.02) inset;
}
.fany p span{
    color: #90268e;
}
.fany a{
	color: #333333;
}

.xwul .item{
	background: #f6f7f8;
	margin-top: 1.5rem;
}
.xwul .item a{
	display: flex;
	justify-content: space-between;
}
.xwul .item img{
	width: 40%;
	height: 11rem;
}
.xwul .item .cont{
	width: 60%;
	box-sizing: border-box;
	padding: 1.2rem 1.5rem;
}
.xwul .item .cont p{
	font-size: 1.7rem;
	color: #90268e;
	font-family: "DINPro-Bold";
	border-bottom: .1rem #ececec solid;
	padding-bottom: .8rem;
	margin-bottom: 1rem;
}
.xwul .item .cont p span{
	color: #9a9a9a;
	font-size: 1.3rem;
	margin-left: 1rem;
}
.xwul .item .cont h3{
	font-size: 1.4rem;
	color: #353535;
	line-height: 1.6;
}
.detb{
	border-bottom: .1rem #eeeeee solid;
}
.detb h3{
	font-size: 1.8rem;
}
.detb .date{
	display: flex;
	margin: 1.2rem 0;
}
.detb .date span{
    display: flex;
    align-items: center;
    color: #999999;
    margin-right: 2.5rem;
}
.detb .date span img{
	width: 1.5rem;
	margin-right: .5rem;
}
.xwab{
	margin-top: 2.5rem;
}
.xwab .tit{
	height: 5rem;
	background: #f2f2f2;
	line-height: 5rem;
	padding: 0 1.5rem;
	font: 1.8rem;
	color: #0e0e0e;
	font-weight: bold;
	margin-bottom: .5rem;
}
.xwab .item{
	border-bottom: .1rem #d2d2d2 dashed;
	line-height: 4.6rem;
	display: flex;
	justify-content: space-between;
}
.xwab .item span{
	font-size: 1.3rem;
	color: #878787;
}
.xwab .item a{
	color: #5b5b5b;
	display: flex;
	align-items: center;
}
.xwab .item a:before{
	content: "";
	display: block;
	width: .5rem;
	height: .5rem;
	background: #8b8b8b;
	border-radius: 50%;
	margin: 0 .8rem 0 .3rem;
}
.lx2 h3{
	font-size: 1.6rem;
	color: #232323;
}
.lx2 .text{
	line-height: 1.6;
	color: #484848;
	margin-top: .8rem;
}
.lx2{
	border-bottom: .1rem #eeeeee solid;
	padding-bottom: 2rem;
}
.lx_item h3{
	font-size: 1.6rem;
	color: #232323;
}
.lx_item h3:after{
	content: "";
	display: block;
	width: 2.4rem;
	height: .2rem;
	background: #90268e;
	margin: 1.2rem 0;
}
.lx_item .text{
	color: #3d3d3d;
	line-height: 1.5;
}
.lx_item .text p{
	margin-top: .5rem;
}
.lx3{
	display: flex;
	justify-content: space-between;
	margin-top: 2.5rem;
}
.lx3l{
	width: 50%;
}
.lx3r{
	text-align: center;
	margin-top: 1rem;
	margin-right: 1rem;
}
.lx3r img{
	width: 10rem;
    border: .2rem #90268e solid;
}
.lx3r p{
	font-size: 1.2rem;
	color: #3d3d3d;
	margin-top: .6rem;
}
.lx4 .lx_item{
	margin-top: 2.5rem;
}

.page{text-align:center;clear: both;padding-top: 3rem;}
.page a{
	border: .1rem solid #cccccc;
	margin-left: .5rem;padding: .5rem .8rem;
	background-color:#ffffff;color:#ffffff;
	text-decoration:none;
	color:#333333;
	font-size: 1.2rem;  
}