@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, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;color: #444;background: #fff;}
#footer_bx{clear: both;}


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;}

/* 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:700px;background:url(../images/banner.jpg) no-repeat center top; overflow:hidden;width:100%; text-align:center;}
.banner-box .wrap{height: auto;}
.logo{width: auto; position: absolute;left: 0; top: .2rem; cursor: pointer;display: block;}
.logo img{width: 100%; max-width: 1.26rem;}

/*section1*/
.sec01{
	width: 100%; height: 1006px; display: block; float: left; clear: both;
	background: url("../images/s1-bg.jpg") no-repeat center top;
	background-size:auto 100%
}

.sections h2{
	font-size: .48rem; line-height: .76rem; font-weight: 500; color: #333; width: 100%;
}
.sections p{
	font-size: .24rem; line-height: .54rem; color: #888888; width: 100%; clear: both; float: left;
}

.sec01 h2{
	float: left; margin-top: 1rem;
}
.sec01 p{
	font-size: .24rem;
}
.s1-btn{
	width: 100%; clear: both; float: left; margin: .57rem auto .81rem;
}
.s1-btn a.ledBtn{
	width: 4.46rem; height: .78rem; display: inline-block;
	font-size: .3rem; line-height: .78rem; color: #fff;
	background: #ff5665;
	background: -webkit-linear-gradient(left, #ff6468 , #ff4862); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ff6468 , #ff4862); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ff6468 , #ff4862); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ff6468 , #ff4862); /* 标准的语法 */
	border-radius: .78rem;
}
.sec01 img{
	float: left; clear: both; margin-left: .24rem;
}
/* section02 */
.sec02{
	width: 100%; height: 656px; display: block; float: left; clear: both;
	background: url("../images/s2-bg.jpg") no-repeat center top;
	background-size:auto 100%
}
.sec02 h2{
	float: left; margin-top: .78rem;
}
.sec02 p{
	font-size: .24rem;
}
.sec02 ul{
	width: 100%; clear: both; float: left;margin-top: .62rem; margin-bottom: .06rem;
}
.sec02 ul li{
	width: 3.21rem; height: auto; display: inline-block; margin: 0 .21rem .4rem;
	border-radius: .08rem;
	box-shadow: 0 .03rem .2rem rgba(127,127,127,.25);
}
.sec02 ul li img{width: 100%; display: block;}

/* section03 */
.sec03{
	width: 100%; height: auto; display: block; float: left; clear: both;
	background: url("../images/s3-bg.jpg") no-repeat center top;
	background-size:auto 5.38rem
}
.sec03 h2{
	float: left; margin-top: .78rem;
}
.sec03 p{
	font-size: .24rem; 
}
.sec03 .pic{
	width: 100%; clear: both; float: left; margin-top: .44rem; margin-bottom: .93rem;
	position: relative;
}
.sec03 .pic img.screenPart{
	height: 5.2rem; display: block; float: left; margin-left: 1.07rem;
}
.sec03 .pic img.dialogue.left{
	position: absolute; left: -.12rem; top: 2.75rem;
	width: 3.23rem; display: block;
}
.sec03 .pic img.dialogue.right{
	position: absolute; right: -.1rem; top: .55rem;
	width: 3.23rem; display: block;
}

/* section04 */
.sec04{
	width: 100%; height: auto; display: block; float: left; clear: both;
	background: #fff0f0;
}
.sec04 h2{
	float: left; margin-top: .78rem;
}
.sec04 p{
	font-size: .24rem;
	position: relative; z-index: 3;
}
.s4-main{
	clear: both;
	width: 1081px; height: 626px; display: block; float: left; margin-left: .23rem;margin-top: -.29rem;margin-bottom: .71rem;
	background: url('../images/s4-img01.png') no-repeat center;
}
.s4-main .slideBox{
	width: 6.27rem; height: 2.82rem; float: left; margin-left: 2.24rem; margin-top: 2.02rem;position:relative;
}
.s4-main .slideBox .hd{
	width: 100%; height: .5rem; position: absolute; top: -1.22rem; left: 0;
}
.s4-main .slideBox .hd ul{text-align: center;}
.s4-main .slideBox .hd ul li{display: inline-block; width: .5rem; height: .5rem; margin: 0 .12rem; cursor: pointer;
	border-radius: 50%;
	background: #969696;
}
.s4-main .slideBox .hd ul li.on{
	background: #f33442;
	background: -webkit-linear-gradient(#ff414f, #f33442); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#ff414f, #f33442); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#ff414f, #f33442); /* Firefox 3.6 - 15 */
	background: linear-gradient(#ff414f, #f33442); /* 标准的语法 */
}
.s4-main .slideBox .hd ul li img{display: block; width: 100%;}
.s4-main .slideBox .bd{ position:relative; height:3.82rem; z-index:0;   }
.s4-main .slideBox .bd li{ zoom:1; vertical-align:middle; }
.s4-main .slideBox .bd img{ width:6.27rem; height:3.82rem; display:block; }


/* section05 */
.sec05{
	width: 100%; height: auto; display: block; float: left; clear: both;
	background: url("../images/s5-bg.jpg") no-repeat center top;
	background-size:auto 8.47rem
}
.sec05 h2{
	float: left; margin-top: .97rem;
}
.sec05 p{
	font-size: .24rem;
}
.sec05 img{
	width: 12.71rem; float: left; margin-left: -1.73rem; margin-top: .27rem; display: block; margin-bottom: -.11rem;
}

/* section05 */
.sec06{
	width: 100%; height: 8.57rem; display: block; float: left; clear: both;
	background: url("../images/s6-bg.jpg") no-repeat center top;
	background-size:auto 8.57rem
}
.sec06 h2{
	float: left; margin-top: .97rem;
}
.sec06 p{
	font-size: .24rem;
}
.sec06 .pic{
	float: left;margin-top: -.12rem; margin-left: .23rem; width: 8.13rem;
	position: relative;
}
.sec06 .pic img{width: 100%; display: inline-block;}
.sec06 .abilityModel{
	width: 3.68rem; display: block;
	position: absolute; top: 2.32rem; right: -2.54rem;
}
.annulus01{
	width: 3.68rem; height: 3.68rem; display: block;
	border: solid 1px #cccccc;
	border-radius: 50%;
	position: absolute; top: 0; left: 0;
	animation: animtran 16s linear infinite;
	-webkit-animation: animtran 16s linear infinite;
}
.annulus02{
	width: 2.93rem; height: 2.93rem; display: block;
	border: solid 1px #cccccc;
	border-radius: 50%;
	position: absolute; top: .37rem; left: .37rem;
	animation: animtran 16s linear infinite;
	-webkit-animation: animtran 16s linear infinite;
}
.annulus03{
	width: 2.22rem; height: 2.22rem; display: block;
	border: solid 1px #cccccc;
	border-radius: 50%;
	position: absolute; top: .73rem; left: .73rem;
	animation: animtran 16s linear infinite;
	-webkit-animation: animtran 16s linear infinite;
}
.annulus04{
	width: 1.43rem; height: 1.43rem; display: block;
	border: solid 1px #cccccc;
	border-radius: 50%;
	position: absolute; top: 1.12rem; left: 1.12rem;
}

.annulus01 img.pic01{
	position: absolute; left: 50%; margin-left: -.3rem; top: 0; margin-top: -.3rem;
	width: .6rem; display: block;
	animation: animtrans 16s linear infinite;
	-webkit-animation: animtrans 16s linear infinite;
}
.annulus01 img.pic02{
	width: .57rem; display: block;
	position: absolute; top: 2.47rem; left: -.05rem;
	animation: animtrans 16s linear infinite;
	-webkit-animation: animtrans 16s linear infinite;
}
.annulus02 img.pic03{
	position: absolute; top: .59rem; left: -.15rem;
	width: .57rem; display: block;
	animation: animtrans 16s linear infinite;
	-webkit-animation: animtrans 16s linear infinite;
}
.annulus02 img.pic04{
	width: .57rem; display: block;
	position: absolute; bottom: .21rem; right: .08rem;
	animation: animtrans 16s linear infinite;
	-webkit-animation: animtrans 16s linear infinite;
}

.annulus03 img.pic05{
	width: .57rem; display: block;
	position: absolute; top: .28rem; right: -.11rem;
	animation: animtrans 16s linear infinite;
	-webkit-animation: animtrans 16s linear infinite;
}

.annulus04 img.pic06{
	width: .81rem; display: block;
	position: absolute; top: .29rem; left: .29rem;
}
/* .annulus{
	animation: animtran 16s linear infinite;
	-webkit-animation: animtran 16s linear infinite;
}
 */
@keyframes animtran {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}

@keyframes animtrans {
	from {
		transform: rotateZ(360deg);
	}
	to {
		transform: rotateZ(0deg);
	}
}

@-webkit-keyframes animtran {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}

@-webkit-keyframes animtrans {
	from {
		transform: rotateZ(360deg);
	}
	to {
		transform: rotateZ(0deg);
	}
}


/* section07 */
.sec07{
	width: 100%; height: auto; display: block; float: left; clear: both;
	background: #fff0f0;
}
.sec07 h2{
	float: left; margin-top: .78rem;
}
.sec07 p{
	font-size: .24rem;
	position: relative; z-index: 3;
}
.sec07 img{margin-bottom: .4rem;}

/* section08 */
.sec08{
	width: 100%; height: 6.16rem; display: block; float: left; clear: both;
	background: #ea2e3a url("../images/s8-bg.jpg") no-repeat center top;
	background-size: auto 6.16rem;
}
.s8-main{
	width: 100%; height: 4.34rem; display: block; float: left; margin: .96rem auto .86rem;
	background-color: #fff;
	border-radius: .18rem;
	position: relative;
}
.s8-main::before,.s8-main::after{
	content: '';width: .44rem; height: .27rem; display: block;
	background: url("../images/s8-icon01.png") no-repeat center;
	background-size:100%;
	position: absolute;
}
.s8-main::before{
	top: .28rem; left: -.28rem;
}
.s8-main::after{
	bottom: .28rem; right: -.28rem;
}
.sec08 h2{
	float: left; margin-top: .82rem;
}
.sec08 p{
	font-size: .24rem;
}
.s8-btn{
	width: 100%; clear: both; float: left; margin: .71rem auto 0;
}
.s8-btn a.ledBtn{
	width: 4.46rem; height: .78rem; display: inline-block;
	font-size: .3rem; line-height: .78rem; color: #fff;
	background: #ff5665;
	background: -webkit-linear-gradient( #ff7780 , #ea2e3a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient( #ff7780 , #ea2e3a); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient( #ff7780 , #ea2e3a); /* Firefox 3.6 - 15 */
	background: linear-gradient( #ff7780 , #ea2e3a); /* 标准的语法 */
	border-radius: .78rem;
}

.lineFoot{width: 100%; clear: both; float: left;}

.fixBtnNav{
	width: 100%; height: .8rem;
	background: rgba(0,0,0,.8);
	position: fixed; left: 0; bottom: 0; z-index: 999;
	display: none;
}
.fixBtnNav .main{
	position: relative; width: 1000px; margin: 0 auto;font-size: 0;text-align: center;
}
.fixBtnNav .main img.pic01{
	float: left; margin-top: -.25rem; display: block; margin-left: .8rem;
}
.fixBtnNav .main img.pic02{
	float: left; margin-left: .18rem; margin-top: .18rem; display: block; width: 4.3rem;
}
.fixBtnNav .main a{
	width: 1.73rem; height: .45rem; display: block; float: right; margin-top: .175rem; margin-right: .8rem;
	font-size: .24rem; line-height: .45rem; color: #fff;
	background: #ff5665;
	background: -webkit-linear-gradient( #ff7780 , #ea2e3a); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient( #ff7780 , #ea2e3a); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient( #ff7780 , #ea2e3a); /* Firefox 3.6 - 15 */
	background: linear-gradient( #ff7780 , #ea2e3a); /* 标准的语法 */
	border-radius: .5rem;
}

/*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);
}