@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%; background: #9370e4; font-size: 12px;min-width: 1100px!important; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; color: #444;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.p-hide{display:none !important;}
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1194px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.section{display: inline-block;width: 100%;margin-bottom: 1.5rem;}
.title{display: inline-block;width: 100%;}
.title h2{height: 1.25rem; line-height: 1.25rem; font-size: .52rem; color: #fff; font-weight: bold;background: url(../images/titBg.png) no-repeat center top;background-size: auto 100%;     text-shadow: 0.05rem 0.08rem 0 rgba(83,49,170,1);margin-top: -.58rem;

}
.cot{display: inline-block;width: 100%;border: .03rem solid #87000b;border-radius: .2rem;
	background: #ff5b69;
	background: -webkit-linear-gradient(left, #ff8294, #ff5b69);
	background: -o-linear-gradient(right, #ff8294, #ff5b69);
	background: -moz-linear-gradient(right, #ff8294, #ff5b69);
	background: linear-gradient(to right, #ff8294, #ff5b69);
	box-shadow:inset 0 .2rem .28rem rgba(255,157,157,.5);
}
.cotnr{
	display: inline-block;width: 95%;border: .03rem solid #87000b;border-radius: .2rem;
	margin: 0 2.5% 2.5%;box-shadow:inset 0 .13rem .35rem rgba(227,122,30,.75);
	background: #fff;
	background: -webkit-linear-gradient(left, #fff, #fdefd9);
	background: -o-linear-gradient(right, #fff, #fdefd9);
	background: -moz-linear-gradient(right, #fff, #fdefd9);
	background: linear-gradient(to right, #fff, #fdefd9);
}
/*banner*/
.banner-box{width: 100%;height: 987px;position: relative;background: url(../images/ban_bg.jpg) no-repeat top center;font-size: 0;}
.banner-box .wrap{height: 100%;}
.ban-bt1{position: relative; left: -.11rem; top: .2rem; z-index: 8;}
.banner-box .banLeft {
    position: absolute;
    top: 4.8rem;
    left: .2rem;
}
.banner-box .banRight {
    position: absolute;
    top: 4.2rem;
    right: 1.8rem;
    width: 3.25rem;
	z-index: 8;
}
.ban4 {
    animation: swing2 1s infinite ease-in-out alternate;
    position: absolute;
    top: .9rem;
    right: 1rem;
}
.ban6 {
    animation: shan 2s infinite linear;
    position: absolute;
    bottom:3rem;
    left: 4.3rem;
}

@keyframes sf{
	0%{transform: scale(.8);}
	100%{transform: scale(1);}
}
@keyframes swing2{
	0%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
	100%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
}
@keyframes shan{
	0%{transform: scale(0); opacity: 1;}
	50%{transform: scale(.5); opacity: 1;}
	100%{transform: scale(1); opacity: 0;}
}
/*sec01*/
.s1U{display: inline-block;width: 91%;margin: .58rem 4.5% 0;}
.s1U li{display: inline-block;float: left;border: .03rem solid #f3c191;background: #fff;width: 3.06rem;line-height: .88rem;font-size: .36rem;color: #333;margin-right: .48rem;margin-bottom: .28rem;cursor: pointer;}
.s1U li.cur{border: .03rem solid #f03046;font-weight: bold;color: #fff;background: #ff606f;}
.s1U li:nth-of-type(3n){margin-right: 0;}
.s1xq>div{
	display: none;
}
.s1xq .cur{
	display: inline-block;
}
.s1nr .s1T table {
  width: 10.32rem;background: #fee7cb;margin-top: .05rem;
}

.s1nr thead {
  background: #ffd8b1;
}

.s1nr .s1T table th {
  line-height: 0.56rem;
  font-size: 0.2rem;
  color: #333;
  font-weight: bold;
  border-right: .01rem solid #fff;
}

.s1nr .s1T table th:nth-of-type(1) {
  width: 20%
}

.s1nr .s1T table th:nth-of-type(2) {
  width: 13%
}

.s1nr .s1T table th:nth-of-type(3) {
  
}

.s1nr .s1T table th:nth-of-type(4) {
  width: 13%
}
.s1nr .s1T table th:nth-of-type(5) {
  width: 13%
}
.s1nr .s1T table th:nth-of-type(6) {
  width: 15%
}

.s1nr .s1T td {
  color: #333;
  font-size: 0.17rem;
  border-right: 0.01rem solid #fff;
  line-height: 0.38rem;
  border-bottom: .01rem solid #fff;
}

.s1nr .s1T table td .sp1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #333;
  font-weight: bold;
  font-size: .18rem;
  padding: 0 .38rem;
  line-height: .27rem;
}
.s1nr .s1T table td .sp2 {
    display: inline-block;
    width:90%;
    line-height: .27rem;
	text-align: left;
}
.s1nr .s1T table a {
  display: none;
  width: 1.1rem;
  height: 0.36rem;
  font-size: 0.16rem;
  color: #fff;
  text-align: center;
  line-height: 0.36rem;
  background-color: #0a63f4;
  border-radius: 0.18rem;
  margin: 0.2rem auto 0;
}
.s1B{
	width: 4.33rem;
	height: 1.56rem;
	border: .02rem solid #000;
	background: #ccc0ff;
	border-radius: .2rem;
	position: relative;
	margin: .32rem auto .42rem;
}
.s1B::before{
	display: inline-block;
	content: '';
	width: 4.3rem;
	height: 1.47rem;
	border: .02rem solid #000;
	background: #9370e4;
	border-radius: .18rem;
	position: absolute;
	left: 0;
	top: 0;
}
.s1B>div{
	display: inline-block;
	float: left;
	position: relative;
	z-index: 1;
}
.s1L .p1 {
    font-size: .32rem;
    font-weight: bold;
    color: #fff;
    width: 70%;
    margin: 0.22rem 15% 0.08rem;
    line-height: .35rem;
}
.s1L .p2 span{
	display: inline-block;
	font-size: .17rem;
	color: #fff;
	width: 1.37rem;
	height: .24rem;
	line-height: .22rem;
	border: .01rem solid #87000b;
	background: #f4484e;
	border-radius: .5rem;
	position: relative;
}
.s1L .p2 span::before{
	display: inline-block;
	content: '';
	width: .34rem;
	height: .25rem;
	background: url(../images/s1shou.png) no-repeat center top;
	background-size: 100% 100%;
	position: absolute;
	right: -.4rem;
	top: 0;
}
.s1B .s1R {
    width: 1.08rem;
    margin-top: 0.22rem;
}
.s1B .s1R img{
	width: 100%;
}

/* section2 */
.sec2{
	margin-top: .62rem;
}
.s2nx{
	display: inline-block;
	width: 90%;
	margin: 0 5% 0;
}
.s2dB{
	display: inline-block;
	width: 99%;
	height: .85rem;
	line-height: .85rem;
	border: .03rem solid #ff606f;
	background: #ffa8b0;
	position: relative;
	border-radius: .08rem;
	margin-top: .68rem;
}
.s2dB::before{
	display: inline-block;
	content: '';
	width: 100%;
	height: .78rem;
	line-height: .78rem;
	background: #ff606f;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: .05rem;
}
.s2tit>span{
	display: inline-block;
	float: left;
	position: relative;
}
.s2tit .sp1{
	width: .86rem;
	margin-left: .52rem;
	margin-top: -.35rem;
}
.s2tit .sp1 img{
	width: 100%;
}
.s2tit .sp2 {
    font-size: .38rem;
    font-weight: bold;
    color: #fff;
    height: 0.7rem;
    line-height: .7rem;
	margin-left: .35rem;
	margin-right: 1rem;
}
.s2tit .sp3{
	width: 4.01rem;
}
.s2tit .sp3 img{
	width: 100%;
}
.s2B{
	display: inline-block;
	width: 100%;
	margin-top: .28rem;
}
.s2B>div{
	display: inline-block;
	float: left;
	background: #fff3ed;
	border: .02rem solid #ff606f;
	width: 3.25rem;
	height: 2.62rem;
	border-radius: .15rem;
	margin-right: .16rem;
	margin-bottom: .25rem;
	overflow: hidden;
	position: relative;
}
.s2B>div:nth-of-type(3n){
	margin-right: 0;
}
.s2xq>div{
	display: inline-block;
	width: 100%;
}
.s2ms1>p{
	font-size: .2rem;
	font-weight: bold;
	color: #fff;
	height: .5rem;
	line-height: .47rem;
	background: #ff606f;
}
.s2ms2>p{
	font-size: .17rem;
	color: #333;
	text-align: left;
	margin-bottom: .05rem;
	line-height: .23rem;
}
.s2ms2>p>span{
	font-weight: bold;
	color: #ff606f;
	position: relative;
}
.s2xq .s2ms2 {
    width: 78%;
    float: left;
    margin-left: 15%;
	margin-top: .18rem;
}
.s2ms2>p>span::before {
    display: inline-block;
    content: '';
    width: 0.16rem;
    height: 0.18rem;
    background: url(../images/s2img1.png) no-repeat left center;
    background-size: 100% 100%;
    position: absolute;
    left: -0.24rem;
    top: 0.03rem;
}
.s2ms2>p>span.kkfx::before{
	background: url(../images/s2img2.png) no-repeat left center;
	background-size: 100% 100%;
}
.s2xq .s2ms3{
	height: .78rem;
	background: #feb5b3;
	position: absolute;
	left: 0;
	bottom: 0;
}
.s2ms3::after{
	display: inline-block;
	content: '';
	width: 100%;
	height: .66rem;
	background: #ff795f;
	background: -webkit-linear-gradient(left, #ff795f, #ff411b);
	background: -o-linear-gradient(right, #ff795f, #ff411b);
	background: -moz-linear-gradient(right, #ff795f, #ff411b);
	background: linear-gradient(to right, #ff795f, #ff411b);
	border-bottom-left-radius: .08rem;
	border-bottom-right-radius: .08rem;
	margin-top: -0.57rem;
}
.s2ms3>span{
	display: inline-block;
	float: left;
	position: relative;
	z-index: 1;
	margin-top: .11rem;
}
.s2ms3 .sp1{
	font-size: .2rem;
	color: #fef69e;
	text-shadow: 3px 2px 0px rgba(235,40,0,.9);
	margin-left: 18%;
}
.s2ms3 .sp1 label{
	font-size: .36rem;
	font-weight: bold;
	color: #fef69e;
}
.s2ms3 .sp2 {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 0.5rem;
    margin-left: 0.15rem;
    box-shadow: 2px 5px 5px rgba(227, 48, 0, 1);
	cursor: pointer;
}
.s2ms3 .sp2::after {
    content: '';
    width: 0.55rem;
    height: 0.6rem;
    display: inline-block;
    background: url(../images/cursor-img01.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    top: 0.1rem;
    right: -0.45rem;
    -webkit-animation: scaleDraw 2.5s ease-in-out infinite;
    animation: scaleDraw 2.5s ease-in-out infinite;
}
.s2xq .s2msts{
	margin-top: 0.08rem;
}
.s2nx1>div{
	display: inline-block;
	float: left;
	width: 4.92rem;
}
.s2L{
	margin-right: .36rem;
}
.s2L .s2tit .sp2{
	margin-right: 0;
	margin-left: .12rem;
}
.s2L .s2dB {
    border: 0.03rem solid #757fdc;
    background: #b3baff;
}
.s2L .s2dB::before {
    background: #7c84d5;
}
.s2R .s2tit .sp2{
	margin-right: 0;
	margin-left: .12rem;
}
.s2R .s2dB {
    border: 0.03rem solid #f076aa;
    background: #ffd3e6;
}
.s2R .s2dB::before {
    background: #f079ac;
}
.s2nx1 .s2B>div{
	width: 4.89rem;
}
.s2L .s2B>div{
	border: 0.02rem solid #757fdc;
	background: #fffcf7;
}
.s2L .s2ms1>p{
	background: #7c84d5;
}
.s2L .s2xq .s2ms3{
	background: #cfd3fc;
}
.s2L .s2ms3::after {
    background: #cd91f8;
    background: -webkit-linear-gradient(left, #cd91f8, #926ded);
    background: -o-linear-gradient(right, #cd91f8, #926ded);
    background: -moz-linear-gradient(right, #cd91f8, #926ded);
    background: linear-gradient(to right, #cd91f8, #926ded);
}
.s2L .s2ms2>p>span::before {
    background: url(../images/s2img3.png) no-repeat left center;
    background-size: 100% 100%;
}
.s2L .s2ms2>p>span.kkfx::before {
    background: url(../images/s2img4.png) no-repeat left center;
    background-size: 100% 100%;
}
.s2L .s2ms2>p>span{
	color: #7c84d5;
}
.s2L .s2ms3 .sp1 {
    text-shadow: 3px 2px 0px rgba(121,81,216,.9);
	margin-left: 1.42rem;
}
.s2L .s2ms3 .sp2 {
    box-shadow: 2px 5px 5px rgba(97, 90, 192, .6);
}
.s2R .s2B>div{
	border: 0.02rem solid #f076aa;
	background: #fffcf7;
}
.s2R .s2ms1>p{
	background: #f079ac;
}
.s2R .s2xq .s2ms3{
	background: #ffd3e6;
}
.s2R .s2ms3::after {
    background: #fd926d;
    background: -webkit-linear-gradient(left, #fd926d, #fc4e6b);
    background: -o-linear-gradient(right, #fd926d, #fc4e6b);
    background: -moz-linear-gradient(right, #fd926d, #fc4e6b);
    background: linear-gradient(to right, #fd926d, #fc4e6b);
}
.s2R .s2ms2>p>span::before {
    background: url(../images/s2img5.png) no-repeat left center;
    background-size: 100% 100%;
}
.s2R .s2ms2>p>span.kkfx::before {
    background: url(../images/s2img6.png) no-repeat left center;
    background-size: 100% 100%;
}
.s2R .s2ms2>p>span{
	color: #f079ac;
}
.s2R .s2ms3 .sp1 {
    text-shadow: 3px 2px 0px rgba(246,62,121,.9);
	margin-left: 1.42rem;
}
.s2R .s2ms3 .sp2 {
    box-shadow: 2px 5px 5px rgba(230, 53, 0, .6);
}
.tips{
	font-size: .16rem;
	color: #ff0000;
	margin: 0.28rem auto 0.5rem;
}

/* section3 */
.s3xq{
	display: inline-block;
	width: 89%;
	height: 3.64rem;
	margin: .64rem 5.5% .82rem;
	background: url(../images/s3img3.png) no-repeat center top;
	background-size: auto 100%;
	position: relative;
}
.s3re {
    width: 2.8rem;
    position: absolute;
    left: -0.5rem;
    bottom: -1.08rem;
}
.s3xq>div{
	display: inline-block;
	float: left;
}
.s3xq .s3L{
	width: 5.48rem;
	height: 1.53rem;
	border: .03rem solid #282793;
	background: #fff;
	border-radius: 0.3rem;
	margin-top: .78rem;
	margin-left: 1.75rem;
}
.s3lnr{
	display: inline-block;
	border: .03rem solid #282793;
	width: 5.14rem;
	height: 1.23rem;
	border-radius: 0.3rem;
	background: #fff000;
	margin-top: .1rem;
}
.s3lnr .p1{
	font-size: .38rem;
	color: #e33d4b;
	font-weight: bold;
	margin: .3rem auto .18rem;
}
.s3lnr .p2{
	display: inline-block;
	width: 2.82rem;
	height: .56rem;
	line-height: .52rem;
	background: url(../images/s3img2.png) no-repeat center top;
	background-size: 100% 100%;
	font-size: .26rem;
	color: #fff;
}
.s3L .p3 {
    font-size: .18rem;
    color: #fff;
    width: 48%;
    margin: 0.34rem auto 0;
}
.s3R{
	width: 1.77rem;
	background: #fff;
	margin-left: .4rem;
	margin-top: .82rem;
	padding-bottom: .12rem;
}
.s3R>p{
	font-size: .2rem;
	color: #ff606f;
}

/* section4 */
.sec4{
	margin-bottom: 1.5rem;
}
.s4U{
	display: inline-block;
	width: 91%;
	margin: .62rem 4.5% .42rem;
}
.s4U li{
	display: inline-block;
	float: left;
	width: 3.06rem;
	height: .88rem;
	line-height: .88rem;
	font-size: .38rem;
	color: #333;
	background: #fff;
	border: .03rem solid #f3c191;
	cursor: pointer;
	margin-right: .48rem;
}
.s4U li.cur{
	background: #ff606f;
	border: .03rem solid #f03046;
	font-weight: bold;
	color: #fff;
}
.s4U li:last-child{
	margin-right: 0;
}
.s4B{
	display: inline-block;
	width: 100%;
}
.s4B>div{
	width: 88%;
	background: #fff;
	padding-top: .42rem ;
	padding-left: 3%;
	margin-bottom: .5rem;
	display: none;
}
.s4B .cur{
	display: inline-block;
}
.s4nr>div{
	display: inline-block;
	width: 1.38rem;
	margin-right: .62rem;
	margin-bottom: .42rem;
	float: left;
}
.s4nr>div:nth-of-type(5n){
	margin-right: 0;
}
.s4xq .p2{
	width: 1.29rem;
	line-height: .32rem;
	border-radius: .08rem;
	background: #ffd9b3;
	font-size: .16rem;
	color: #333;
	margin: .1rem auto 0;
}

/* BGimg */
.wrap>img{
	position: absolute;
}
.bg1{
    top: -0.8rem;
    right: -1.08rem;
}
.bg2 {
    top: 4.3rem;
    right: -2.2rem;
    animation: swing2 1s infinite ease-in-out alternate;
}
.bg3 {
    top: 6.5rem;
    left: -2.7rem;
}
.bg4 {
    top: -0.6rem;
    right: -0.9rem;
	animation: shan 2s infinite linear;
}
.bg5 {
    top: 3.8rem;
    left: -2.5rem;
    animation: swing2 1s infinite ease-in-out alternate;
}
.bg6 {
    top: 7.8rem;
    left: -0.3rem;
}
.bg7 {
    top: -0.7rem;
    right: -1.4rem;
}
.bg8 {
    top: 6.4rem;
    right: -0.5rem;
}
.bg9 {
    bottom: -0.1rem;
    left: -0.8rem;
	animation: shan 2s infinite linear;
}



/*侧边导航*/
.lfNav{position: fixed;width: 179px;height: 439px;background: url(../images/fixedNavBg.png) no-repeat center / 100% 100%;top:18%;left:20px;z-index:9999;}
.lfNav .close{position:absolute;top: 4rem;left: 39%;height: 41px;width: 41px;}
.mt185{margin-top: 156px;}
.nav-bg{width: 103px;height: 36px;display: block;float:left;clear:both;margin-left: 21%;margin-bottom: 14px;}
.nav-bg a{width: 103px;height: 36px;display: block;margin:auto;font: 15px/31px "微软雅黑";color: #000;text-align: center;background: url(../images/cbBg1.png) no-repeat center top;background-size: 100% 100%;}
.left_top {width: 56%;height: 36px;display: block;float: left;margin: 10px 22% 0;}
.nav-bg a:hover{background: url(../images/cbBg2.png) no-repeat center top;background-size: 100% 100%;color: #fff;}



.pulse{animation: pulse 1.8s ease-in-out infinite;}
@-webkit-keyframes scaleDraw{
	0%  {transform: scale(.95); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.95);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.95);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(.95); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.95);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.95);}
}