@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: "Microsoft YaHei", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei"; color: #444;}
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: 1200px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none !important;}
.section{ padding-top: .8rem;}
.title{ margin-bottom: .45rem;}
.title h2{ height: 1.75rem; background: url(../images/s1_bt_bg.png) no-repeat center / 12rem 1.75rem;}

/*banner*/
.banner{
	width: 100%; height: 6.76rem; position: relative; background: url(../images/ban_bg.jpg) no-repeat top center; font-size: 0; 
}
.banner .logo{
  width: 4rem; height: 1.1rem; background: #e0231e; border-radius: 0 0 .2rem .2rem; display: flex; justify-content: center; align-items: center; margin: 0 auto 1.52rem;
}
.banner h1 img{
  visibility: hidden;
}
.banner h1 img:nth-child(1){
  margin-bottom: .16rem;
}
.ban-img01{
  position: absolute; top: 2.02rem; left: -3.24rem; animation: moveY 1s infinite alternate ease-in-out;
}
.ban-img02{
  position: absolute; left: .65rem; top: 3.06rem; animation: moveT 1s infinite alternate ease-in-out;
}
.ban-img03{
  position: absolute; top: 3.58rem; right: -3.46rem; animation: moveX 1s infinite alternate ease-in-out;
}
.ban-img04{
  position: absolute; right: -0.55rem; top: 5.84rem; animation: moveT 1s infinite alternate ease-in-out;
}
.ban-img05{
  position: absolute; top: 4.14rem; left: -3.7rem; animation: moveT 1s infinite alternate ease-in-out;
}
@keyframes moveY{
  0%{transform: translateX(0);}
  100%{transform: translateX(.15rem);}
}
@keyframes moveX{
  0%{transform: translateX(0);}
  100%{transform: translateX(-0.15rem);}
}
@keyframes moveT{
  0%{transform: translateY(0);}
  100%{transform: translateY(.15rem);}
}

/*sec01*/
.sec01{
  height: 7.35rem; background: url(../images/s1_bg.jpg) no-repeat top center; padding-top: 0; box-sizing: border-box;
}
.sec01 .title{
  margin-bottom: 0;
}
.sec01 .title h2 img{
  padding-top: .4rem; box-sizing: border-box;
}
.sec01-main{
  height: 4.85rem; background: url(../images/s1_mbg.png) no-repeat top center / 100%; box-shadow: 0 .12rem .15rem #c61c1998; padding: 0 .3rem .3rem; box-sizing: border-box;
}
.sec01-main-box{
  height: 100%; background: #fff; border-radius: .2rem; border: .04rem solid #fef0a9; position: relative; box-sizing: border-box; overflow: hidden;
}
.sec01-main-box .sec01-img{
  position: absolute; top: 1.19rem; left: 50%; margin-left: -1.475rem; animation: fd 1s infinite alternate ease-in-out;
}
.sec01-main-box .sec01-yuan{
  position: absolute; top: 0; left: 50%; margin-left: -4.345rem;
}
.sec01-main-box ul{
  display: flex; flex-wrap: wrap;
}
.sec01-main-box ul li{
  height: .66rem; background: #fff; border-radius: .3rem; border: .02rem solid #fef0a9; border-radius: .34rem; box-shadow: 0 .1rem .1rem #c71a1a5e; box-sizing: border-box; position: relative; z-index: 1; margin-top: .6rem; display: flex; align-items: center;
}
.sec01-main-box ul li span{
  font-size: .24rem; color: #333333; padding: 0 .34rem;
}
.sec01-main-box ul li b{
  height: .66rem; line-height: .66rem; border: .02rem solid #fef0a9; border-radius: .33rem; font-size: .3rem; color: #fff; font-weight: bold; padding: 0 .3rem;
  background: #fc2b23;
  background: -webkit-linear-gradient(bottom, #fc2b23, #c11918);
  background: -o-linear-gradient(bottom, #fc2b23, #c11918);
  background: -moz-linear-gradient(bottom, #fc2b23, #c11918);
  background: linear-gradient(to bottom, #fc2b23, #c11918);
}
.sec01-main-box ul li:nth-child(1){
  margin-right: 1.02rem; margin-left: .7rem;
}
.sec01-main-box ul li:nth-child(3){
  margin-right: 2.43rem; margin-left: .33rem; 
}
.sec01-main-box ul li:nth-child(5){
  margin-right: 1.02rem; margin-left: 1.55rem;
}
.sec01-main-box ul li:nth-child(2) b,.sec01-main-box ul li:nth-child(3) b,.sec01-main-box ul li:nth-child(6) b{
  background: #fca024;
  background: -webkit-linear-gradient(bottom, #fca024, #fe6609);
  background: -o-linear-gradient(bottom, #fca024, #fe6609);
  background: -moz-linear-gradient(bottom, #fca024, #fe6609);
  background: linear-gradient(to bottom, #fca024, #fe6609);
}
@keyframes fd{
  0%{transform: translateY(0);}
  100%{transform: translateY(.05rem);}
}

/*sec02*/
.sec02{
  height: 22.5rem; background: url(../images/s2_bg.jpg) no-repeat top center; padding-top: 0; box-sizing: border-box;
}
.sec02 .title{
  margin-bottom: 0;
}
.sec02 .title h2{
  background: url(../images/s2_bt_bg.png) no-repeat;
}
.sec02 .title h2 img{
  padding-top: .4rem; box-sizing: border-box;
}
.sec02-main{
  background: url(../images/s2_mbg.png) repeat-y;
}
.sec02-t{
  background: url(../images/s2_tbg.png) no-repeat top center; padding-bottom: .1rem; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1;
}
.sec02-t-l{
  width: 2.73rem; height: 2.73rem; position: relative; margin-right: -0.9rem;
}
.sec02-t .sec02-t-icon-yuan{
  position: absolute; top: 0; left: 0; right: 0; animation: zhuan 4s infinite linear;
}
.sec02-t .sec02-t-icon{
  position: absolute; top: .65rem; left: .55rem; z-index: 2;
}
.sec02-t-r ul li{
  width: 6.8rem; height: .7rem; line-height: .7rem; background: #fff; border-radius: .34rem; box-shadow: 0 .04rem .1rem #cd711a79; border: .02rem solid #fef0a9; display: flex; align-items: center; justify-content: flex-start; font-size: .28rem; color: #83460b; font-weight: 600; margin: .26rem 0; position: relative; z-index: 2;
}
.sec02-t-r ul li span{
  color: #d7201c; font-weight: bold;
}
.sec02-t-r ul li img{
  margin-right: .28rem;
}
.sec02-t-r ul li:nth-child(2){
  margin-left: .4rem;
}
.sec02-m{
  background: #fff; border: .04rem solid #fef0a9; border-radius: .2rem; box-sizing: border-box; margin: 0 .3rem; padding-top: .15rem; padding-bottom: .6rem; position: relative; z-index: 1;
}
.sec02-m-t ul{
  display: flex; justify-content: center; flex-wrap: wrap;
}
.sec02-m-t ul li{
  width: 5.3rem; height: 2.87rem; margin: 0 .1rem; position: relative; text-align: left; padding-left: .32rem; padding-top: .86rem; box-sizing: border-box;
}
.sec02-m-t ul li::after{
  width: 5.3rem; height: 2rem; content: ''; border-radius: .2rem; box-shadow: 0 .12rem .16rem #c71a1a52; display: block; position: absolute; bottom: 0; left: 0; right: 0;
}
.sec02-m-t ul li:nth-child(1){
  background: url(../images/s2_teabg01.png) no-repeat center / 100%;
}
.sec02-m-t ul li:nth-child(2){
  background: url(../images/s2_teabg02.png) no-repeat center / 100%;
}
.sec02-m-t ul li:nth-child(3){
  background: url(../images/s2_teabg03.png) no-repeat center / 100%;
}
.sec02-m-t ul li:nth-child(4){
  background: url(../images/s2_teabg04.png) no-repeat center / 100%;
}
.sec02-m-t ul li:nth-child(5){
  background: url(../images/s2_teabg05.png) no-repeat center / 100%;
}
.sec02-m-t ul li:nth-child(6){
  background: url(../images/s2_teabg06.png) no-repeat center / 100%;
}
.sec02-m-t ul li h3{
  display: flex; align-items: center; margin-bottom: .2rem;
}
.sec02-m-t ul li h3::after{
  content: ''; width: .88rem; height: .01rem; border-bottom: .01rem dashed #ff8e8d; display: block; margin-left: .1rem;
}
.sec02-m-t ul li p{
  font-size: .22rem; color: #fff; display: flex; align-items: center; margin-bottom: .24rem;
}
.sec02-m-t ul li p span{
  font-size: .3rem; border-right: .01rem solid #fff; line-height: .28rem; padding-right: .14rem; margin-right: .1rem; display: inline-block;
}
.sec02-m-t ul li p span b{
  color: #fff9ac; font-weight: bold;
}
.sec02-m-t ul li a{
  width: 2.1rem; height: .75rem; line-height: .6rem; background: url(../images/s2_btn_bg.png) no-repeat center / 100%; font-size: .26rem; color: #83460b; font-weight: bold; display: block; text-align: center; transition: all .5s; position: relative; z-index: 5;
}
.sec02-m-t ul li:hover a{
  transform: scale(1.1);
}
.sec02-b{
  margin-top: .5rem; display: flex; justify-content: center;
}
.sec02-b-item{
  width: 5.31rem; margin: 0 .1rem;
}
.sec02-b-item h3{
  height: .9rem; border-radius: .15rem .15rem 0 0; border: .02rem solid #fef0a9; box-shadow: 0 .06rem 0 #ffe3d9; display: flex; align-items: center; justify-content: center; margin-bottom: .1rem;
  background: #fca024;
  background: -webkit-linear-gradient(bottom, #fca024, #fe6609);
  background: -o-linear-gradient(bottom, #fca024, #fe6609);
  background: -moz-linear-gradient(bottom, #fca024, #fe6609);
  background: linear-gradient(to bottom, #fca024, #fe6609);
}
.sec02-b-item h3::before{
  content: ''; width: 1.06rem; border-bottom: .01rem dashed #ffb580; display: block; margin-right: .2rem;
}
.sec02-b-item h3::after{
  content: ''; width: 1.06rem; border-bottom: .01rem dashed #ffb580; display: block; margin-left: .2rem;
}
.sec02-b-r h3{
  height: .9rem; border-radius: .15rem .15rem 0 0; border: .02rem solid #fef0a9; box-shadow: 0 .06rem 0 #ff440038; display: flex; align-items: center; justify-content: center;
  background: #fc2b23;
  background: -webkit-linear-gradient(bottom, #fc2b23, #c11918);
  background: -o-linear-gradient(bottom, #fc2b23, #c11918);
  background: -moz-linear-gradient(bottom, #fc2b23, #c11918);
  background: linear-gradient(to bottom, #fc2b23, #c11918);
}
.sec02-b-item table{
  background: #fff3e5;
}
.sec02-b-item table tr th{
  font-size: .24rem; font-weight: bold; line-height: .64rem; border: .01rem solid #ffd1c0;
  background: linear-gradient(to bottom, #ff9100 30%, #ff8c5f);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sec02-b-item table tr td{
  line-height: .64rem; font-size: .24rem; color: #83460b; font-weight: 600; border: .01rem solid #ffd1c0;
}
.sec02-b-r table{
  background: #fff0f0;
}
.sec02-b-item table tr td{
  color: #83460b; border: .01rem solid #ffc0c0;
}
.sec02-b-item table tr td span{
  border-right: .01rem solid #ffd1c0; padding-right: .1rem; margin-right: .1rem; display: inline-block; line-height: .3rem;
}
.sec02-b-item table tr td span b{
  color: #ff5c00; font-weight: bold;
}
.sec02-b-r table tr th{
  background: linear-gradient(to bottom, #fa2a23 30%, #c51a19);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sec02-b-r table tr td{
  padding: .204rem 0;
}
.sec02-b-r table tr td:nth-child(1){
  line-height: .32rem;
}
.sec02-main::after{
  content: '';
  width: 100%;
  height: .42rem;
  background: url(../images/s2_footbg.png) no-repeat bottom center / 100%;
  display: block;
  bottom: -0.29rem;
  position: absolute;
}
@keyframes zhuan{
  0%{transform: rotate(0);}
  100%{transform: rotate(360deg);}
}