@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; width: 100%;color: #333;text-align: center;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
.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,  "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
	color: #444;background: #fff;
}
#footer_bx{clear: both;}


.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;}
}
@media screen and (min-width:800px) and (max-width:1440px){body{zoom:0.8}}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}

/* body{
	cursor: url(https://files.cnblogs.com/files/monster-jian/cursor.ico),auto;
} */
 /* 输入框填充背景 */
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:4.5rem;background:url('../images/banner.jpg') no-repeat center top; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{height: auto;}
.banner-box .logo{width: auto; position: absolute;left: 0; top: .2rem; cursor: pointer;display: block;}
.banner-box .logo img{width: 100%; max-width: 1.26rem;}
.banTxt{
	float: left;margin-left: 1.05rem; margin-top: 1.2rem;
}
.banTxt h1{
	font-size: .36rem; line-height: 1; clear: both; margin-bottom: .24rem;
}
.banTxt h2{
	font-size: .82rem; font-weight: bold; line-height: 1;
	background: linear-gradient(to bottom, #3074d0 0%, #275da9 68%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}
.banTxt span{
	font-size: .32rem; line-height: .6rem; display: inline-block; color: #fff;
	background: #2963af;
	border-radius: .5rem;
	padding: 0 .31rem;
	float: left; margin-top: .23rem;
	animation: scale2 1s infinite alternate linear;
}
.banR{
	display: inline-block;
	float: right; margin-top: .72rem; margin-right: .31rem;
	animation: scale2 1s infinite alternate linear;
}
.banR img{width: 5.03rem; display: inline-block;}
@keyframes scale2{
	0%{transform: scale(1);}
	100%{transform: scale(.9);}
}

.sections{
	width: 100%; clear: both; float: left;
}
.secTit{
	width: 100%; margin: .62rem auto .33rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.secTit img{width: .79rem; display: inline-block;}
.secTit span{
	font-size: .42rem; line-height: 1; color: #333; font-weight: bold;
	margin: 0 1.08rem;
}
.secTit span em{color: #2963af;}

.sec01{
	background: #f9f9ff;
	padding-bottom: .6rem;
}
.s1-main{
	width: 100%; height: auto;
	background: #fff;
	border-radius: .24rem;
	box-shadow: 0 0 .21rem rgba(231,231,231,.85);
	padding: .4rem 0 .1rem;
}
.s1-main ul{
	width: 10.2rem; margin: 0 .4rem;
	clear: both;
}
.s1-main ul li{
	width: 100%; display: flex; clear: both;
	align-items: center;
	border-bottom: dashed .01rem #dddddd;
	padding-bottom: .29rem;
	margin-bottom: .3rem;
}
.s1-main ul li:last-child{margin: 0; border-bottom: 0;}
.s1-main ul li img{width: .83rem; display: inline-block;}
.s1-main ul li .s1C{
	text-align: left; float: left; margin-left: .2rem;
	height: .9rem; display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 5rem;
}
.s1-main ul li .s1C .p1{font-size: .18rem; font-weight: bold; float: left; display: block; width: 100%; margin-top: .16rem;}
.s1-main ul li .s1C .p2{font-size: .14rem; color: #666;
	clear: both; float: left; display: block;
	margin-bottom: .16rem;
}
.s1R{
	float: right; display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	margin-left: 2.8rem;
}
.s1R a.free{font-size: .18rem; font-weight: bold; color: #c73620; margin-right: .2rem; display: inline-block; float: left;}
.s1R a.btn{
	width: .76rem;height: .23rem;line-height: .23rem;border: .01rem solid #666666;border-radius: 1rem;font-size: .14rem;color: #333;
	display: inline-block;
}
.s2-main{
	width: 100%; clear: both; float: left;
	margin-top: .2rem;
}
.s2-main .item{
	width: 1.72rem; height: 2.25rem; display: inline-block;
	margin: 0 .52rem .55rem;
	position: relative;
}
.s2-main .item01{
	background: url('../images/s2-img01.png') no-repeat center / 100%;
	margin-left: .45rem;
}
.s2-main .item02{
	background: url('../images/s2-img02.png') no-repeat center / 100%;
}
.s2-main .item03{
	background: url('../images/s2-img03.png') no-repeat center / 100%;
}
.s2-main .item04{
	background: url('../images/s2-img04.png') no-repeat center / 100%;
}
.s2-main .item05{
	background: url('../images/s2-img05.png') no-repeat center / 100%;
	float: right;
	margin-right: 1.86rem;
}
.s2-main .item06{
	background: url('../images/s2-img06.png') no-repeat center / 100%;
	float: right;
}
.s2-main .item07{
	background: url('../images/s2-img07.png') no-repeat center / 100%;
	float: right;
}
.s2-main .item span{
	font-size: .2rem; line-height: .39rem; font-weight: bold; display: inline-block;
	background: #fff;
	box-shadow: .04rem .04rem 0 #e1e4e8;
	border-radius: .5rem;
	float: left;
	width: 1.37rem;
	margin-top: .46rem;
	margin-left: .05rem;
}
.s2-main .item01 span{
	border: solid .02rem #f7ca45;
}
.s2-main .item02 span{
	border: solid .02rem #ea8a42;
}
.s2-main .item03 span{
	border: solid .02rem #c17696;
}
.s2-main .item04 span{
	border: solid .02rem #41a0ef;
}
.s2-main .item05 span{
	border: solid .02rem #5ab9a0;
}
.s2-main .item06 span{
	border: solid .02rem #a8c936;
}
.s2-main .item07 span{
	border: solid .02rem #ef7535;
}
.s2-main .item p{
	font-size: .14rem; line-height: .19rem; width: 1.35rem; text-align: left;
	float: left;margin-left: .15rem; margin-top: .1rem;
}
.s2-main .item i{
	width: 1rem; height: .01rem;display: inline-block;
	border-bottom: dashed .04rem #e0e0e0;
	position: absolute;
	top: 1.15rem; right: -1.05rem;
}
.s2-main .item04 i{
	width: .01rem; height: 1.72rem;
	border-left: dashed .04rem #e0e0e0;
	border-bottom: 0;
	right: .65rem; top: 2.25rem;
}
.s2-main .item05 i{width: .63rem; right: -.65rem;}
.s2-main .item i::after{
	content: '';width: .59rem; height: .19rem; display: inline-block;
	background: url('../images/s2-icon01.png') no-repeat center / 100%;
	top: -.075rem; left: .15rem;
	position: absolute;
}
.s2-main .item04 i::after{
	transform: rotate(90deg);
	left:-.31rem; top: .75rem;
}

.s2-main .item05 i::after{display: none;}
.s2-main .item06 i::after{
	transform: rotate(180deg);
}
.s2-main .item07 i::after{
	transform: rotate(180deg);
}
.s2-tip{
	width: 100%; clear: both; float: left;
	margin-top: -.3rem; margin-bottom: .35rem;
	font-size: .16rem; color: #999999;
}

.sec03{
	background: #f9f9ff url('../images/s3-bg.jpg') no-repeat center bottom / 19.2rem;
}
.sec03 .secTit{margin: .45rem auto .47rem;}
.sec03 .secTit .tip{
	clear: both; font-size: .24rem; line-height: .39rem; display: inline-block;
	color: #2963af; background: rgba(41,99,175,.11);
	border-radius: .5rem;
	padding: 0 .17rem;
	margin-top: .2rem;
}
.s3-main{
	width: 100%; clear: both; float: left;
}
.s3-main img{height: 4.1rem; display: inline-block;}
.s3-main p{
	font-size: .24rem; line-height: .53rem; clear: both; color: #fff;
}

.s3-foot{
	width: 100%;
	height: 1.03rem; display: block;
	clear: both; float: left; margin-top: -.71rem;
	background: url('../images/s3-img02.png') no-repeat center / auto 100%;
	position: relative;
}
.s3-foot p{
	width: 100%; clear: both; font-size: .16rem; line-height: 1.5; color: #fff;
	text-align: center;
	letter-spacing: .1rem;
	margin-top: .65rem;
}


/*section1*/

/*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);
}
/*侧边悬停*/
.lfNav{position: fixed;width:150px; height:350px; display: none; background: url(../images/fixedNavBg.png) no-repeat center;top:25%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:10px; right:10px; height:12px; width:12px; }
.mt185{margin-top:129px;}
.nav-bg{width:150px; height:28px; display: block;float:left; clear:both;margin-left:0;margin-bottom:8px;}
.nav-bg a{width:120px; height:28px; display: block; margin:auto;}

.left_top{width:150px; height:40px;display: block;float:left;margin-left: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: #13a6f2;
}
#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);
}