@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: #fff;}
#footer_bx{clear: both;}
.sec{display: inline-block;width: 100%;float: left;}
.cot{display: inline-block;width: 100%;float: left;}
.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: 1200px; 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;
} */
/* menu */
.menu{width: 100%; clear: both;margin-top: -.63rem; float:left; position:relative;}
.menu ul{width: 100%; clear: both; float: left;}
.menu ul li{height: .63rem; display: inline-block;}
.menu ul li a{height: .63rem; display: block;padding: 0 .39rem; margin: 0 .03rem;font-size: .22rem; line-height: .63rem; color: #fff;
	background: #ff6501;
	background: -webkit-linear-gradient(top, #ff6501 , #ff9145); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #ff6501, #ff9145); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #ff6501, #ff9145); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #ff6501 , #ff9145); /* 标准的语法 */
	border-radius: .1rem .1rem 0 0
}
.menu ul li.cur a{
	background: #6fa0ff;
	background: -webkit-linear-gradient(top, #6fa0ff , #256cff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #6fa0ff, #256cff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #6fa0ff, #256cff); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #6fa0ff , #256cff); /* 标准的语法 */
}
.navcss {position: fixed;bottom: 0; left: 0; margin-top: 0;z-index: 9;background: hsla(0,0%,100%,.9);box-shadow: 0 0 .15rem rgba(66,66,66,.3);padding-top: .1rem;}
/*section1*/
.sec1{background: url(../images/header.jpg) no-repeat center top;background-size: auto 100%;height: 6.98rem;}
.sec1 .wrap{position: relative;height: 100%;}
.s1T{display: inline-block;width: 100%;}
.s1T>div{display: inline-block;float: left;}
.s1T .logo{width: auto; height: .46rem; display: inline-block;float: left;margin-top: .38rem;width: 1.2rem;}
.s1T .logo img{width: 100%;}
.s1T .s1tR{float: right;margin-top: 0.38rem;}
.s1tR>span{font-size: .18rem;color: #fff;}
.s1tR .gywm{margin-right: .41rem;}
.s1tR .gywm a{display: inline-block;height: 100%;}
.s1L{display: inline-block;float: left;margin-top: 1rem;width: 4.8rem;margin-left: 1.36rem;}
.s1L>div{display: inline-block;width: 100%;float: left;}
.s1L .s1T{width: 4.61rem;}
.s1L .s1T img{width: 100%;}
.s1L .s1B{width: 100%;height: 1.8rem;margin-top: .25rem;}
.s1B>div{display: inline-block;float: left;margin-top: .2rem;}
.s1B .s1ewm{width: 1.8rem;margin-left: 0.16rem;box-shadow: 0 .04rem .05rem rgba(255, 96, 54, 0.25);border-radius: 0.15rem;}
.s1B .s1ewm img{width: 100%;}
.s1B .btns{width: 2.6rem;}
.btns .btn{width: 100%;display: inline-block;}
.btns .btn a{font-size: .2rem;margin-bottom: 0.08rem;}
.btn a{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: .56rem; line-height: .56rem;width: 2.6rem;
	text-align: center;
	background: url(../images/btn.png) no-repeat center top;
	background-size: 100% 100%;
}
.btn a.cur{background: url(../images/btn1.png) no-repeat center top / 100% 100%; color: #fff;}
.btn a img{height: .43rem;margin-right: .14rem;}
.btn a span{display: inline-block;width: .32rem;height: .43rem;vertical-align: middle;margin-right: .2rem;
	margin-left: .2rem;
}
.btn .ios span{background: url(../images/xz1-1.png) no-repeat center;background-size: 100%;}
.btn .android span{background: url(../images/xz2-1.png) no-repeat center ;background-size: 100% ;}
.btn .harmonyOS span{background: url(../images/xz3-1.png) no-repeat center;background-size: 100% ;}
.btn .cur.ios span{background: url(../images/xz1-2.png) no-repeat center;background-size: 100% ;}
.btn .cur.android span{background: url(../images/xz2-2.png) no-repeat center;background-size: 100%;}
.btn .cur.harmonyOS span{background: url(../images/xz3-2.png) no-repeat center;background-size: 100%;}
.idts span{margin-bottom: .05rem;}
.idts>i{display: inline-block;margin: 0 .1rem;}
.s1R{width: 5.28rem; height: 5.04rem;float: left; background: url(../images/header-phone.png) no-repeat center top;background-size: 100% auto;margin-left: .26rem;margin-top: .7rem;}
.slide-box{display: inline-block; height:4.51rem; overflow: hidden; float: left;margin-top: 0.07rem;margin-left: 1.25rem;width: 2.12rem;border-radius: .25rem;}
.slide-box .bd{height: 4.51rem;position: relative;z-index: 0;}
.slide-box .bd ul li {zoom: 1;vertical-align: middle;}
.slide-box .bd ul li img{display: inline-block;width: 2.12rem; height: 4.51rem;}
.s1B .s1ys{display: inline-block;width: 100%;margin-top: .1rem;}
.s1B .s1ys .idts span{display: inline-block;margin-right: .2rem;}
.s1ys p{display: inline-block;width: 100%;text-align: left;font-size: .14rem;color: #444;margin-bottom: 0.04rem;}
/*section2*/
.sec2{background: url(../images/s2Bg.jpg) no-repeat center top;background-size: auto 100%;height: 5.7rem;}
.s2Cont{display: inline-block;width: 100%;margin-top: .2rem;}
.s2Cont>div{display: inline-block;float: left;}
.s2Cont .s2L{width: 4.72rem;float: right;margin-right: -0.78rem;margin-top: .55rem;}
.s2L img{width: 100%;}
.idP>p{text-align: left;}
.idP .p1{text-align: left;font-size: .47rem;color: #333;font-weight: bold; position: relative;padding-bottom: 0.05rem;position: relative;}
.idP .p1::before{content: '';display: inline-block;width: .09rem;height: .41rem;position: absolute;top: .12rem;left: -.28rem;border-radius: 0.5rem;
	background: #ff032a;
	background: -webkit-linear-gradient(top, #ff032a , #fbeacd); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(bottom, #ff032a, #fbeacd); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(bottom, #ff032a, #fbeacd); /* Firefox 3.6 - 15 */
	background: linear-gradient(to bottom, #ff032a , #fbeacd); /* 标准的语法 */
}
.s2R .p1{margin: 1.6rem auto .1rem;padding-bottom: 0;}
.s2l{display: inline-block;width: 100%;margin-top: .35rem;}
.s2l>div{width: 1.02rem;display: inline-block;float: left;margin-right: 0.42rem;}
.s2l>div:last-of-type{margin-right: 0;}
.s2Lxq>span{display: inline-block;width: 100%;}
.s2Lxq .span2{font-size: .24rem;color: #333;margin-top: 0.18rem;}
/*section3*/
.sec3{background: url(../images/s3Bg.jpg) no-repeat center top;background-size: auto 100%;height: 6.33rem;}
.idP .p3{font-size: .24rem;color: #69696c;margin-top: 0;}
.s3L{float: right;margin-top: 2.14rem;}
.s3R{width: 7.63rem;float: left;margin-top: 0.74rem;margin-left: -0.78rem;}
.s3R img{width: 100%;}
.s3L .p1{text-align: right;}
.s3L .p1::before{left: inherit;right: -0.28rem;}
.s3L .p3{text-align: right;}
.s3lnr{display: inline-block;float: right;width: 84%;margin-top: 0.48rem;}
.s3lnr>div{display: inline-block;float: left;margin-right: .36rem;width: .85rem;}
.s3lnr>div:last-child{margin-right: 0;}
.s3lxq>span{display: inline-block;width: 100%;text-align: center;font-size: .2rem;color: #333;}

/*section4*/
.sec4{background: url(../images/s4Bg.jpg) no-repeat center top;background-size: auto 100%;height: 6.38rem;}
.s4Cont>div{display: inline-block;float: left;}
.s4Cont .s4L{width: 5.26rem;position: absolute;right: -0.78rem;top: 0.8rem;}
.s4Cont .s4L img{width: 100%;}
.s4R .p1{margin-top: 0.75rem;}
.s4R .p3{margin-top: 0;margin-bottom: 0.05rem;}
.s4R .p3>img{margin-right: .1rem;margin-left: 0.25rem;}
.s4R .p3 img:first-child{margin-left: 0;}
.s4rnr{display: inline-block;width: 7.73rem;height: 2.37rem;box-shadow: 0 0 0.18rem rgba(255, 170, 181, 0.54);border-radius: 0.16rem;padding-top: 0.44rem;margin-top: .45rem;}
.s4Cont{display: inline-block;width: 100%;position: relative;}
.s4rnr img{margin-bottom: .17rem;width: 3.63rem;}

/*section5*/
.sec5{background: url(../images/s5Bg.jpg) no-repeat center top;background-size: auto 100%;height: 6.7rem;}
.s5Cont>div{display: inline-block;float: left;}
.s5Cont .s5L{margin-top: 1.72rem;float: right;}
.s5Cont .s5R{float: left;margin-top: 0.86rem;margin-left: -0.54rem;}
.s5L .p1{text-align: right;}
.s5L .p3{text-align: right;}
.s5L .p1::before{left: inherit;right: -0.28rem;}
.s5lnr{display: inline-block;float: right;width: 100%;margin-top: 0.48rem;}
.s5lnr>div{display: inline-block;float: left;margin-right: .35rem;width: .85rem;}
.s5lnr>div:last-child{margin-right: 0;}
.s5lxq>span{display: inline-block;width: 100%;text-align: center;font-size: .2rem;color: #333;}
#header-wrapper{display: none;}
/*按钮悬停*/
.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);
}

/* @media screen and (max-width: 1024px) { */
/* 	.mask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; background: rgba(0,0,0,.8); display: none;} */
/* 	.share-box{width: 5.37rem;margin: .35rem auto;} */
/* 	.share-box img{width: 100%; display: block;} */
/* } */