@charset "UTF-8";
@import url("animate-tool.css");
/*-----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","Microsoft YaHei", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC",  "WenQuanYi Micro Hei", sans-serif;
    color: #444;background: #fff8de;
}
#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;}
.stage {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    pointer-events: none;
}  
/* 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;
} */
.linearBgOrg{
	background: #e66707;
	background: -webkit-linear-gradient(left, #ed7d17 , #e86d0c); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(right, #ed7d17, #e86d0c); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(right, #ed7d17, #e86d0c); /* Firefox 3.6 - 15 */
	background: linear-gradient(to right, #ed7d17 , #e86d0c); /* 标准的语法 */
}
 
 
/*banner */
.banner-box{
	position:relative;height:8.89rem;width:100%; 
	background:url('../images/banner.jpg') no-repeat center top; 
	overflow:hidden;
	text-align:center;
}
.banner-box::before{
	content: ''; width: 100%; height: 100%; display: block;
	background: url(../images/starbg.png) no-repeat center;
	position: absolute; left: 50%; top: 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%);
}
.banner-box .wrap{height: auto;}
.banner-box .logo{width: 2rem; height: .8rem; position: absolute;left: 0; top: 0; cursor: pointer;display: block;}
.banner-box .logo img{width: 1.67rem; max-width: 1.26rem;}
.banPic{
	width: 100%; height: 100%; display: block;
	position: relative;
}
.banPic .tit{
	width: 9.18rem; display: block; padding: 1.73rem 0 0;
	margin: auto;
}
.banPic .stat{
	width: 3.8rem; display: block; margin: .24rem auto 0;
}
.banPic .pen{
	width: 4.99rem; display: block;
	position: absolute; right: -.69rem; top: 1.82rem;
}
.banPic .book01{
	width: .53rem; display: block;
	position: absolute; top:.62rem; left: 6.44rem;
	animation: fudong .8s infinite alternate linear;
}
.banPic .book02{
	width: .99rem; display: block;
	position: absolute; top:.86rem; left: 4.87rem;
	animation: fudong2 .8s infinite alternate linear;
}
.banPic .book03{
	width: 1.5rem; display: block;
	position: absolute; top:5.05rem; left: -1.83rem;
	animation: fudong .8s infinite alternate linear;
}
.banPic .book04{
	width: 2.58rem; display: block;
	position: absolute; top:6.08rem; right: -1.97rem;
	animation: fudong2 .8s infinite alternate linear;
}

@keyframes fudong {
    0% {transform: translateY(-.1rem);}
    100% {transform: translateY(.1rem);}
}
@keyframes fudong2 {
    0% {transform: translateY(.1rem);}
    100% {transform: translateY(-.1rem);}
}

.banner-box canvas{
	position: absolute; left: 0; top: 0;
}

.star {
      position: absolute;
      width: .2rem;
      height: .2rem;
    }

  .pentagram-star {
      clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
      background-color: #fff;
      animation: blink 2s infinite ease-in-out;
    }

  .triangle-star {
      /* clip-path: polygon(50% 0%, 100% 100%, 0% 100%); */
	  clip-path: circle(50% at center); 
      background-color: rgba(255,255,255,.8);
      animation: blink 2s infinite ease-in-out;
    }

  .hexagon-star {
      /* clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); */
	  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
      background-color: rgba(255,255,255,.7);
      animation: blink 2s infinite ease-in-out;
    }

    @keyframes blink {
      0% {
        opacity: 1;
      }

      50% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    @keyframes delayBlink {
      0% {
        opacity: 1;
      }

      50% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }



.sections{
	width: 100%; clear: both; line-height: 1;
}
.secTit{
	width: 5.16rem; height: .94rem; clear: both;
	background: url('../images/sec-tit01.png') no-repeat bottom right / 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 0 auto .4rem;
}
.secTit.type02{
	background: url('../images/sec-tit02.png') no-repeat  bottom right / 100%;
}
.secTit::before,.secTit::after{
	content: ''; width: .45rem; height: .43rem; display: block;
	background: url("../images/sec-titIcon1.png") no-repeat center / 100%;
	position: absolute; 
}
.secTit.type02::before,.secTit.type02::after{
	background: url("../images/sec-titIcon2.png") no-repeat center / 100%;
}
.secTit::before{
	top: .26rem; left: -.45rem;
	animation: breath 1700ms ease-in-out infinite;
}
.secTit::after{
	top: 0; right: .31rem;
	animation: breath 2000ms ease-in-out infinite;
}

.secTit h2{
	font-size: .44rem; font-weight: bold; color: #333;
	margin-top: .28rem; display: block;
}
.secTit.type02 h2{color: #fff;}
@keyframes breath {
    from {opacity: 0;}
    15% {opacity: 1;}
    30% {opacity: 0;}
    45% {opacity: 1;}
    60% {opacity: 0;}
    to {opacity: 0;}
}
@-webkit-keyframes breath {
    from {opacity: 0;}
    15% {opacity: 1;}
    30% {opacity: 0;}
    45% {opacity: 1;}
    60% {opacity: 0;}
    to {opacity: 0;}
}
/*section1*/
.sec01{margin-top: .45rem;}
.s1-main{
	width: 100%; clear: both; display: block;
}
.s1-main .item{
	width:100%; clear: both; margin-bottom: .35rem;
}
.s1-main .item .top{
	width: 100%;
	font-size: .28rem;
	padding: .26rem 0;
}
.s1-main .item:hover .top{
	background: #4029c5;
	background: linear-gradient(90deg,#4d4dd2, #3405b9);
}
.s1-main .item .top h3{
	font-weight: bold; color: #fff;
	padding-left: .31rem;
	white-space: nowrap;
	font-size: .28rem;
	text-align: left;
}
.s1-main .item2 .top h3{font-size:.26rem;}
.s1-main .item .txt{
	width: 100%;
	font-size: .22rem; line-height: .36rem;
	padding: .3rem 0 .38rem;
	background: #fff;
	border-radius: 0 0 .2rem .2rem;
}
.s1-main .item .txt p{
	width: 94%;
	text-align: left;
	margin: 0 3%;
}

/* section02 */
.s2-main{
	width: 100%; display: block;
	margin-bottom: .75rem;
	overflow: hidden;
}
.s2-main .video-box{
	width: 92%; display: block;
	margin: .4rem 4%;
}
/* section03 */
.sec03{
	padding: .53rem 0 1.2rem;
}
.s3-main{
	width: 100%;
	flex-wrap: wrap;
}
.s3-main .item{
	width: 2.2rem; height: 2.6rem; display: block;
	/* background: #323290; */
	position: relative;
}
/* .s3-main .item:nth-child(even){
	background: #fbb865;
} */
.s3-main .item4,.s3-main .item7{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fbb865;
}
.s3-main .item7{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #323290;
}

.s3-main .item .pic,.s3-main .item .txt{background: #323290;}
.s3-main .item:nth-child(even) .pic,.s3-main .item:nth-child(even) .txt{background: #fbb865;}

.s3-main .item4 img{width: 1.55rem; display: block;}
.s3-main .item7 img{width:100%; display: block;}

.s3-main .item .pic{
	width: 100%; height: 100%; display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
.s3-main .item .pic img{
	width: 100%; display: block;
}
.s3-main .item .pic span{
	font-size: .22rem; line-height: .27rem; color: #fff;
	width: .3rem;
	position: absolute; top: .28rem; left: .2rem;
}
.s3-main .item .txt{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	transition: all 0.50s ease-in-out 0s;
	background: #323290;
}
.s3-main .item .txt p{
	font-size: .17rem; line-height: .3rem; text-align: left;
	width: 1.7rem; margin: .25rem .25rem; color: #fff;
}

/*section4*/
.sec04{margin-top: .7rem;}
.s4-main{
	width: 100%; clear: both; display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: .45rem;
}
.s4-main .item{
	width: 3.5rem; height: 6rem; display: block;
	background: #fff;
}
.s4-main .item .swiper{
	width: 100%; height: 2.4rem; overflow: hidden;
}
.s4-main .item .txt{
	margin-top: .39rem;
}
.s4-main .item .txt h3{
	font-size: .48rem; font-weight: bold; color: #e36704; line-height: 1;
}
.s4-main .item .txt h3 i{
	font-size: .28rem; line-height: .48rem;
}
.s4-main .item .txt span{
	font-size: .3rem; display: block;
	margin-bottom: .3rem;
}
.s4-main .item .txt .cont{
	width: 3.1rem; margin: 0 .2rem;
}
.s4-main .item .txt .cont::before{
	content: ''; width: 2.78rem; height: .02rem; display: block;
	background: #767676;
	margin: 0 auto .2rem;
}
.s4-main .item .txt .cont p{
	width: 100%; text-align: left;
	font-size: .2rem; line-height: .36rem; letter-spacing: -1px;
}
.sec05{
	overflow: hidden;
}
.s5-main{
	width: 10.6rem;
	position: relative;
	margin-bottom: 1.5rem;
}
.s5-main::before{
	content: ''; width: 1.12rem; height: 1.22rem; display: block;
	background: url('../images/s5-icon01.png') no-repeat center / 100%;
	position: absolute; top: 3.84rem; left: -1.12rem;
}
.s5-main::after{
	content: ''; width: 4.51rem; height: 1.6rem; display: block;
	background: url('../images/s5-icon02.png') no-repeat center / 100%;
	position: absolute; top: 3.17rem; right: -4.51rem;
}

.s5-main .kuang{
	width: 10rem; margin: .3rem;
	background: #fff;
	display: block;
	position: relative;
}
.s5-main .kuang::before{
	content: ''; width: 1.42rem; height: 1.33rem; display: block;
	background: url(../images/s5-icon03.png) no-repeat center / 100%;
	position: absolute; top: -.3rem; left: -.3rem;
}
.s5-main .kuang::after{
	content: ''; width: 1.35rem; height: 1.33rem; display: block;
	background: url(../images/s5-icon04.png) no-repeat center / 100%;
	position: absolute; bottom: -.31rem; right: -.3rem;
}
.s5-main .kuang .txt{
	width: 9.1rem;
	font-size: .21rem; line-height: .61rem;
	margin: .23rem .45rem .16rem;
	text-align: left;
}
.s5-main .kuang .txt p{
	background: url(../images/s5-icon05.png) repeat center top;
}
.s5-main .kuang .txt p:last-child{
	background: none;
}
.s5-main .kuang .txt .one{white-space: nowrap; letter-spacing: -1px;}
.s5-main .kuang .txt b{
	font-weight: bold; color: #fc7002;
}
.s5-main .kuang .btn{
	width: 100%; clear: both; margin-bottom: .36rem;
}
.s5-main .kuang .btn a{
	width: 3rem; height: .6rem; display: block;
	margin: auto;
	background: #4029c5;
	background: linear-gradient(90deg,#4d4dd2, #3405b9);
	font-size: .3rem; line-height: .6rem; color: #fff;
	border-radius: .08rem;
}

/*section2*/

.flex{
	display: flex !important;
	justify-content: center;
	align-items: center;
}
/*按钮悬停*/
.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:366px; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:25%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:-32px; right:0; height:22px; width:22px; }
.lfNav .close img{width:100%;}
.mt185{margin-top:110px;}
.nav-bg{width:140px; height:32px; display: block;float:left; clear:both;margin-left:4px;margin-bottom:0;
	border: solid 1px #7776f9;
}	
.nav-bg a{width:100%; height:32px; display: block; margin:auto;
	background: #fff;
	font-size: 18px; color: #333; line-height: 32px;
	text-align: center;
}
.nav-bg a:hover{
	background: #3407b9; color: #fff;
}

.left_top{width:60px; height:60px;display: block;float:left;margin-left:45px; margin-top: 12px;}