@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: #fff; 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;overflow-x: hidden;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.title{display: inline-block;width: 100%;}
.title h2::before{content: ''; width: 1.96rem; height: 0.28rem; background: url(../images/titL.png) no-repeat center / 100%; display: inline-block; vertical-align: middle; margin-right: 0.28rem;}
.title h2::after{content: ''; width: 1.96rem; height: 0.28rem; background: url(../images/titR.png) no-repeat center / 100%; display: inline-block; vertical-align: middle; margin-left: .28rem;}
.p-hide{
	display: none;
}
section{
	display: inline-block;width: 100%;
}
.main{
	display: inline-block;width: 100%;
}
.tit h2{
	font-size: .42rem;font-weight: 900;line-height: 1.1rem;color: #333;position: relative;display: inline-block;margin-top: .22rem;
	/* background: linear-gradient(to bottom, #fffdee 30%, #fff492);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
}
.tit h2::before{
	display: inline-block;content: '';width: .79rem;height: .26rem;background: url(../images/titL.png) no-repeat center top;background-size: 100%;margin-right: 1.22rem;
}
.tit h2::after{
	display: inline-block;content: '';width: .79rem;height: .26rem;background: url(../images/titR.png) no-repeat center top;background-size: 100%;margin-left: 1.22rem;
}
.tit h2 span{
	color: #5153da;
}
.title h2 img{
	vertical-align: middle;margin-right: .18rem;
	/* animation: scale 1s infinite alternate linear; */
}
.cot{
	display: inline-block;width: 100%;
}

.banner-box{
	width: 100%;height: 450px;position: relative;background: url(../images/banner_bg.jpg) no-repeat center top;font-size: 0; box-sizing: border-box;background-size: auto 4.5rem;
}
.banner-box .logo{
	 display: inline-block;width: 1.4rem;position: absolute;left: 0;top: .3rem;
}
.banner-box .logo img{
	width: 100%;
}
.banner-box .ban{
	display: inline-block;float: left;
}
.banner-box .banL{
	width: 50%;margin-top: 1.12rem;
}
.banner-box .banR{
	width: 5.22rem;margin-right: .1rem;float: right;margin-top: .7rem;animation: scale2 1s infinite alternate linear;
}
.banL>p{
	text-align: left;float: left;width: 100%;
}
.banL .p1{
	font-size: .36rem;color: #1f1f1f;
}
.banL .p2{
	font-size: .85rem;font-weight: bold;color: #5153da;
}
.banL .p3{
	display: inline-block;font-size: .34rem;color: #fff;width: 3.23rem;height: .6rem;line-height: .6rem;background: #8b8dff;border-radius: 1rem;text-align: center;animation: scale2 1s infinite alternate linear;cursor: pointer;
}

/* sec1 */
.sec1{
	background: #f9f9ff;padding-bottom: .6rem;
}
.cot1{
	background: #fff;border-radius: .12rem;box-shadow: 0 0 .21rem rgba(231,231,231,0.7);padding-top: .12rem;
}
.cot1>div{
	display: inline-block;width: 92%;margin: 0 4%;height: 1.47rem; border-bottom: .01rem dashed #dfdfdf;
}
.cot1>div:last-of-type{
	border-bottom: initial;
}
.s1L>div{
	display: inline-block;float: left;
}
.s1L .zlL{
	margin-right: .18rem;margin-top: .28rem;
}
.zlR>p{
	text-align: left;
}
.zlR .p1{
	font-size: .18rem;font-weight: bold;color: #333;margin: .52rem auto .05rem;
}
.zlR .p2 a{
	display: inline-block;width: 100%; font-size: .14rem;color: #666;
}
.s1R>a{
	display: inline-block;
}
.s1R>a>span{
	display: inline-block;float: left;
}
.s1R>a .sp1{
	font-size: .18rem;font-weight: bold;color: #c73620;margin-right: .2rem;
}
.s1R>a .sp2{
	width: .76rem;height: .23rem;line-height: .23rem;border: .01rem solid #666666;border-radius: 1rem;font-size: .14rem;color: #333;
}
.s1xq>div{
	display: inline-block;float: left;
}
.s1xq .s1R{
	float: right;margin-top: .64rem;
}
.s1-btn{
	width: 100%; clear: both; float: left;
}
.s1-btn a{
	font-size: .2rem; line-height: .42rem;
	border: solid .01rem #999;
	border-radius: .5rem;
	padding: 0 .35rem;
	display: inline-block;
	margin-top: .3rem;
}
/* section2 */
.cot2>div{
	display: inline-block;float: left;width: 1.84rem;height: 2.87rem;margin-right: .44rem;position: relative;
}
.cot2>div:last-of-type{
	margin-right: 0;
}
.cot2 .s2xq1{
	background: url(../images/s2img1-2.png) no-repeat center top;background-size: 100%;
}
.cot2 .s2xq2{
	background: url(../images/s2img2-2.png) no-repeat center top;background-size: 100%;
}
.cot2 .s2xq3{
	background: url(../images/s2img3-2.png) no-repeat center top;background-size: 100%;
}
.cot2 .s2xq4{
	background: url(../images/s2img4-2.png) no-repeat center top;background-size: 100%;
}
.cot2 .s2xq5{
	background: url(../images/s2img5-2.png) no-repeat center top;background-size: 100%;
}
.s2xq .p1 img{
	width: .54rem;margin-top: .3rem;
}
.s2xq .p2{
    font-size: .2rem;font-weight: bold;color: #fff;margin-top: .21rem;height: .5rem;line-height: .48rem;
}
.s2xq .p3{
	font-size: .16rem;color: #333;margin-top: .36rem;
}
.s2xq .p5{
	margin-top: .22rem;
}
.s2xq .p4{
	font-size: .19rem;display: inline-block;width: 100%;position: absolute;left: 0;bottom: .25rem;
}
.s2xq1 .p4{
	color: #799af8;
}
.s2xq2 .p4{
	color: #b29ffb;
}
.s2xq3 .p4{
	color: #5dc5a8;
}
.s2xq4 .p4{
	color: #fb9192;
}
.s2xq5 .p4{
	color: #ffaa6f;
}
.s2xq i{
    display: inline-block;width: .45rem;height: .01rem;border-bottom: .01rem dashed #898a8b;position: absolute;right: -.45rem;top: .56rem;
}
.s2xq i::before{
	display: inline-block;content: '';width: .22rem;height: .22rem;margin-top: -.1rem; animation: moveOne 1.5s infinite ease-in-out;
}
.s2xq1 i::before{
	background: url(../images/s2img1-3.png) no-repeat center top;background-size: 100%;
}
.s2xq2 i::before{
	background: url(../images/s2img2-3.png) no-repeat center top;background-size: 100%;
}
.s2xq3 i::before{
	background: url(../images/s2img3-3.png) no-repeat center top;background-size: 100%;
}
.s2xq4 i::before{
	background: url(../images/s2img4-3.png) no-repeat center top;background-size: 100%;
}
.s2xq1{
	box-shadow: 0 .05rem .16rem rgba(207,219,255,0.68);border-radius: .25rem;
}
.s2xq2{
	box-shadow: 0 .05rem .16rem rgba(228,224,248,0.68);border-radius: .25rem;
}
.s2xq3{
	box-shadow: 0 .05rem .16rem rgba(221,242,237,0.68);border-radius: .25rem;
}
.s2xq4{
	box-shadow: 0 .05rem .16rem rgba(253,227,229,0.68);border-radius: .25rem;
}
.s2xq5{
	box-shadow: 0 .05rem .16rem rgba(255,233,207,0.68);border-radius: .25rem;
}
/* section3 */
.sec3{
	width: 100%;height:6.4rem;background: url(../images/s3Bg.jpg) no-repeat center top;background-size: auto 100%;position: relative;margin-top: .72rem;
}
.sec3 .tit p{
	width: auto;display: inline-block; font-size: .24rem;color: #5153da;height: .4rem;line-height: .4rem; background: #d0d1ff;border-radius: 1rem;padding: 0 .26rem;margin-top: -.2rem;
}
.cot3{
	display: inline-block;width: 100%;position: relative;
}
.cot3>img{
	margin-top: .45rem;
}
.s3p{
	width: 100%; font-size: .16rem;color: #fff;text-align: center;height: 1.03rem;line-height:1.5rem; background: url(../images/s3img2.png) no-repeat center bottom;background-size: auto 100%;position: absolute;left: 0;bottom: 0;
}

@keyframes scale2{
	0%{transform: scale(1);}
	100%{transform: scale(.9);}
}
@keyframes moveOne{
	0%{transform: translateX(-.05rem); opacity: 1;}
	100%{transform: translateX(.1rem); opacity: 0;}
}
/* 弹窗 */
#tan2{display:none;width:100%;height:100%;background:rgba(76,76,76,0.6);position:fixed;top:0;bottom:0;left:0;right:0;z-index:100}
#tan2 .tanceter{width:442px;position:absolute;top:-25%;left:50%;transform:translate(-50%,-50%);background: url(../images/tcBg.png) no-repeat center top;background-size: 100%;padding-bottom: 92px;}
#tan2 .tanceter h1 {
    line-height: 60px;
    margin: 22px 0 0;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    color: #9644e2;
}
#tan2 .tanceter h2{
	font-size: 54px;
	font-weight: bold;
	color: #fff888;
	text-align: center;
}
#tan2 .tanceter .logo{
	display: block;
	width: 130px;
    margin: 9px auto 0;
}
#tan2 .tanceter .closet{
    position: absolute;
    top: -60px;
    right: 0;
    cursor: pointer;
    width: 50px;
}
#tan2 .tanceter .myform{
	width: 90%;
	margin: 26px 5% 0;
	padding: 10px 0 0;
}
#tan2 .tanceter .myform .hang{
	width: 396px;
	height: 61px;
	line-height: 61px;
	background: #fff;
	border-radius: 12px;
	margin: 0 auto 10px;
}
#tan2 .tanceter .myform  #xieyi{
	font-size: 16px;
	color: #edf7ff;
	margin-top: 16px;
}
#tan2 .tanceter .myform  #xieyi span{
	font-size: 16px;
}
#tan2 .tanceter .myform  #xieyi.xieyi a{
	color: #edf7ff;
	font-size: 16px;
}
#tan2 .tanceter .myform input::-webkit-input-placeholder{color:#999999;font-size:24px}
#tan2 .tanceter .myform input::-moz-placeholder{color:#999999;font-size:24px}
#tan2 .tanceter .myform input:-moz-placeholder{color:#999999;font-size:24px}
#tan2 .tanceter .myform input:-ms-input-placeholder{color:#999999;font-size:24px}
#tan2 .tanceter .myform input{display:inline-block;height:61px;width:96%;color:#333333;float: right;background: transparent;font-size: 26px;border: none;}
#tan2 .tanceter .myform .subtn{display:block;margin:35px auto 0px;width:300px;height:70px;line-height:70px;text-align:center;border-radius:100px;font-size:36px;color:#ffffff;font-weight: bold; box-sizing:border-box;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;
    background: url(../images/btn.png) no-repeat center top;
	background-size: 100%;
}
#tan2 .tanceter .myform .subtn:hover{
	background: #fe3434;
    background: -webkit-linear-gradient(right, #fe3434, #fd6b6b);
    background: -o-linear-gradient(left, #fe3434, #fd6b6b);
    background: -moz-linear-gradient(left, #fe3434, #fd6b6b);
    background: linear-gradient(to right, #fe3434, #fd6b6b);
}