@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}
i,em{ font-style:normal;}
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%;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;background: #eae2fe;}
#footer_bx{clear: both;}

.nav-bgd,.dv_mn{display:none;}
.nav-fixed{position: fixed;top: 0;left: 0;width: 100%; z-index: 900; _position: absolute; _top: expression(eval(document.documentElement.scrollTop));_left:20px }
.pbot80{padding-bottom: 80px;}
.m-show,.m-ib{display: none!important;}
.qgfx_box {margin-top: 10px; margin-bottom: 20px!important;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}

 /* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 1000px white inset;
}
 
/* 输入框填充透明 */
/* input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-out 0.5s;
} */
 
 
/*banner */
.banner-box{position:relative;height:737px;background:url(../images/banner.jpg) no-repeat center top; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{}
.banner-box .logo{width: auto; position: absolute;left: 0; top: 23px; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%;}

/*section1*/
.sec01{
	width: 100%; clear: both; float: left;
	background: url(../images/s1-bg.jpg) no-repeat center top;
}
.s1-title{
	width: 100%; clear: both; float: left;
	background: url(../images/s1-title01.png) no-repeat center top;
	background-size: auto .62rem;
}
.secTitle{
	padding-top: .17rem; line-height: .8rem; width: 100%;
}
.secTitle h2{
	font-size: .46rem; font-weight: bold; color: #333;
	position: relative;
}
.secTitle h2 span{
	color: #7116ce;
}
.secTitle h2::before{
	content: '';width: .32rem; height: .8rem; display: inline-block; vertical-align: top; margin: auto .15rem;
	background: url(../images/title-icon01.png) no-repeat center;
	background-size: 100%;
}
.secTitle h2::after{
	content: '';width: .32rem; height: .8rem; display: inline-block; vertical-align: top; margin: auto .15rem;
	background: url(../images/title-icon02.png) no-repeat center;
	background-size: 100%;
}

.s1-main{
	width: 100%; float: left; clear: both; margin-top: .15rem;
	background: #943bec;
	background: -webkit-linear-gradient(left, #943bec , #7116ce); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #943bec, #7116ce); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #943bec, #7116ce); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #943bec , #7116ce); /* 标准的语法 */
	border-radius: .2rem;
}
.s1-main table{
	width: 1050px; float: left; margin: auto .25rem; line-height: .42rem;
}
.s1-main table th{
	font-size: .28rem; line-height: .5rem; padding: .17rem 0 .1rem; font-weight: bold; color: #fff;
	border-right: solid 1px #fff;
}
.s1-main table th:last-child{
	border-right: 0;
}
.s1-main table td{
	font-size: .2rem; line-height: .42rem; padding: .1rem 0;
	border-right: solid 1px #8d34e6;
	border-bottom: solid 1px #8d34e6;
	background-color: #fff;
}
.s1-main table tr td:last-child{
	border-right: none;
}
.s1-main table tr.blink td{
	background-color: #eae2fe;
}
.s1-main p{
	width: 100%; clear: both; float: left; font-size: .18rem; line-height: .58rem; color: #fff;
}

/* section02 */
.sec02{
	width: 100%; clear: both; float: left;
}
.s2-title{
	width: 100%; clear: both; float: left;
	background: url(../images/s2-title01.png) no-repeat center top;
	background-size: auto .62rem;
	margin-top: .25rem;
}
.s2-main{
	width: 100%; clear: both; float: left; margin-top: .18rem;
}
.s2-main .item {
	width: 100%; clear: both; float: left; margin-bottom: .24rem;
}
.s2-main .item h3{
	font-size: .32rem; line-height: .36rem; font-weight: bold; color: #fff; width: .4rem; padding: .19rem .25rem;
	float: left;
}
.s2-main .item01 h3{
	background: url(../images/s2-img01.png) no-repeat center;
	background-size: .9rem;
	margin-top: .54rem;
}
.s2-main .item02 h3{
	background: url(../images/s2-img04.png) no-repeat center;
	background-size: .9rem;
	margin-top: .75rem;
}
.s2-main .item .part{
	width: 1010px; background: #fff; float: left;
	border-radius: .2rem;
	position: relative;
}
.s2-main .item .part::before{
	content: '';width: .38rem; height: .38rem; display: inline-block;
	background: url(../images/s2-icon01.png) no-repeat center;
	background-size: 100%;
	position: absolute; top: .18rem; left: .2rem;
}
.s2-main .item .part::after{
	content: '';width: .38rem; height: .38rem; display: inline-block;
	background: url(../images/s2-icon02.png) no-repeat center;
	background-size: 100%;
	position: absolute; bottom: .18rem; right: .2rem;
}
.s2-main .item01 .part .left{
	float: left; margin-left: .49rem; margin-top: .46rem;
	width: 4.5rem;
}
.s2-main .item01 .part .box {
	position: relative;
}
.s2-main .item01 .part .left::after{
	content: '';width: 1px; height: 204px; display: inline-block;
	background: url(../images/s2-line01.png) no-repeat center;
	background-size: 100%;
	position: absolute; right: 0; top: 0;
}
.s2-main .item01 .part .box font{
	width: 1.77rem; height: .42rem; display: block; float: left;
	background: url(../images/s2-img05.png) no-repeat center;
	background-size: 100%;
	font-size: .24rem; line-height: .42rem; font-weight: bold; text-align: left; text-indent: .2rem;
	color: #fff;
	margin-bottom: .18rem;
}
.s2-main .item01 .part .box .txt{
	clear: both;
	font-size: .2rem; line-height: .32rem; text-align: left; width: 3.8rem; margin-left: .22rem;
}
.s2-main .item01 .part .box .txt p{
	float: left; margin-bottom: .2rem;
}
.s2-main .item01 .part .box .txt img{
	margin-bottom: .48rem;
}
.s2-main .item01 .part .right{
	float: left; margin-left: .51rem; margin-top: .46rem;
	width: 4.2rem;
}
.s2-main .item01 .part .right .txt{
	margin-left: 0; width: 100%;
}
.s2-main .item01 .part .right .txt p{
	width: 2.38rem; margin-left: .1rem;
}
.s2-main .item01 .part .right .txt img{
	float: right; margin-top: -.25rem;
}
.s2-main .item02 .part .left{
	float: left; margin-left: .49rem; margin-top: .44rem; margin-bottom: .53rem;
}
.s2-main .item02 .part .left ul{
	float: left;
}
.s2-main .item02 .part .left ul li{
	width: 1.75rem; height: 2.35rem; float: left; margin-right: .3rem;
	border-radius: .1rem;
	background-color: #eae2fe;
}
.s2-main .item02 .part .left ul li:last-child{
	margin: 0;
}
.s2-main .item02 .part .left ul li font{
	width: 100%; height: .42rem; float: left; margin-bottom: .22rem;
	background: url(../images/s2-img10.png) no-repeat center;
	background-size: auto 100%;
	font-size: .24rem; line-height: .42rem; color: #fff;
}
.s2-main .item02 .part .left ul li img{
	height: .59rem; display: inline-block;
}
.s2-main .item02 .part .left ul li p{
	font-size: .2rem; line-height: .25rem; width: 100%; clear: both; float: left;  margin: .21rem auto;
}
.s2-main .item02 .part .left ul li a{
	width: 1.2rem; height: .4rem; display: block; margin: auto; clear: both;
	font-size: .2rem; line-height: .4rem; color: #fff;
	background: #dc3c31;
	background: -webkit-linear-gradient(left, #e46d4c , #dc3c31); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #e46d4c, #dc3c31); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #e46d4c, #dc3c31); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #e46d4c , #dc3c31); /* 标准的语法 */
	border-radius:.4rem;
}
.s2-main .item02 .part .right{
	width: 3.1rem; height: 2.34rem; display: inline-block; float: right; margin-top: .44rem; margin-right: .41rem;
	background-color: #eae2fe;
	border-radius: .1rem;
}
.s2-main .item02 .part .right img{
	margin-top: .05rem;
}
.s2-main .item02 .part .right span{
	width: 2.72rem; height: .56rem; display: inline-block; margin: .1rem auto; padding: .07rem 0;
	background: #7116ce;
	background: -webkit-linear-gradient(#943bec , #7116ce); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#943bec, #7116ce); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#943bec, #7116ce); /* Firefox 3.6 - 15 */
	background: linear-gradient(#943bec , #7116ce); /* 标准的语法 */
	border-radius:.1rem;
	font-size: .19rem; line-height: .28rem; color: #fff;
}

/* section03 */
.sec03{
	width: 100%; clear: both; float: left;
}
.s3-title{
	width: 100%; clear: both; float: left;
	background: url(../images/s3-title01.png) no-repeat center top;
	background-size: auto .62rem;
	margin-top: 0;
}
.s3-main{
	width: 100%; float: left; height: 4.18rem; display: block; margin-bottom: .75rem;
	background: url(../images/s3-img01.png) no-repeat center;
	background-size: 100%;
}
.s3-main h3{
	float: left; margin-top: .07rem;width: 100%; text-align: left;
	font-size: .36rem; line-height: .72rem; font-weight: bold; color: #fff;
	text-indent: .29rem;
}
.s3-main .left{
	float: left; width: 4.68rem; height: 3.07rem; display: block; margin-left: .29rem;
	background-color: #fff;
	border-radius: 0 0 .8rem 0;
}
.dchl{display: inline-block;width: 100%;text-align: center;margin-top: .22rem;margin-bottom: .1rem;}
.dchl li{
	display: inline-block;width: 4.23rem;height: .5rem;background: url(../images/dchlBg.png) no-repeat center top;background-size: 100% 100%;margin-bottom: .16rem;
}
.dchl li span{width: 1.5rem; line-height: .5rem; font-size: .26rem;color: #fff;display: inline-block;float: left;}
.dchl li label {width: 2.72rem;font-size: .24rem;color: #333;display: inline-block;float: left;margin-top: 0.05rem;line-height: .45rem;}
.s3-main .left a{
	width: 2rem; height: .52rem; display: inline-block; margin: auto;
	font-size: .24rem; line-height: .52rem;color: #fff;
	background: #dc3c31;
	background: -webkit-linear-gradient(left, #e46d4c , #dc3c31); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #e46d4c, #dc3c31); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #e46d4c, #dc3c31); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #e46d4c , #dc3c31); /* 标准的语法 */
	border-radius:.4rem;
	box-shadow: .05rem .04rem .08rem rgba(238,52,20,.2);
}
.s3-main .ewm{
	float: left; margin-left: .26rem; width: 2.21rem; height: 3.07rem; display: block;
	background-color: #eae2fe;
	border-radius: .1rem;
}
.s3-main .ewm img{
	width: 1.92rem; display: inline-block; margin: .15rem auto;
}
.s3-main .ewm span{
	font-size: .24rem; line-height: .3rem; color: #7116ce; display: inline-block;
}

/*section2*/

/*按钮悬停*/
.hvr-grow-shadow{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:active {
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;}
.tcbox{ width: 5.5rem; height: 6.05rem; display: block;  position: absolute;
	background: url(../images/tc-bg.png) no-repeat center;
	background-size: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-border-radius: .2em;
	-moz-border-radius: .2rem;
	border-radius: .2rem;
}

.tcbox h3{width: 100%; clear: both; float: left; text-align: center;
	font-size: .38rem; line-height: .52rem; color: #fff; padding: .28rem 0 .2rem;
	position: relative;
}
.tcbox .ewmbox{
	width: 100%; clear: both; float: left; margin-top: .72rem; text-align: center;
}
.tcbox .ewmbox img{
	width: 3rem; display: inline-block;
}


.close{position: absolute; transform: translate(-50%,0); left:50%; bottom: -.75rem; width: .67rem; height: .67rem;}
.close a{width: 100%; display: block;}
.close a img{width: 100%; display: block;}

/* #ewmPage{display: block;} */