@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: .66rem;
}

.title {
  margin-bottom: .70rem;
}

.title h2 {
  font-size: .46rem;
  color: #333333;
  font-weight: bold;
  letter-spacing: .01rem;
}
.title h2 i{
  width: .2rem; height: .26rem; background: url(../images/t_bg.png) no-repeat center / 100%; display: block; margin-right: .1rem; margin-top: .15rem;
}

/*banner*/
.banner {
  width: 100%;
  height: 6.8rem;
  position: relative;
  background: url(../images/ban_bg.jpg) no-repeat top center;
  font-size: 0;
}
.banner a img{
  display: block;
}
.banner h2{
  margin-top: .75rem; margin-left: .46rem; margin-bottom: .88rem;
}
.banner h2 img{
  display: block; 
}
.banner p{
  font-size: .48rem; color: #fff; line-height: .64rem; text-align: left; margin-left: .46rem;
}
.banner p::before{
  content: ''; width: .85rem; height: .04rem; background: #ff4e00; display: block; margin-bottom: .28rem;
}

/*sec01*/
.sec01{
  background: url(../images/s1_bg.jpg) no-repeat top center;
}
.sec01-main{
  display: flex; justify-content: space-between; align-items: flex-start; position: relative;
}
.sec01-l{
  display: flex; align-items: flex-start;
}
.sec01-l img:nth-child(1){
  margin-right: 0.1rem; margin-top: 0.14rem;
}
.sec01-r{
  width: 6.85rem; height: 6.46rem; background: url(../images/s1_rbg.jpg) no-repeat top center / 100%; padding: 0 .5rem 0 .54rem; box-sizing: border-box; margin-top: 0.2rem; position: absolute; right: 0; top: 0;
}
.sec01-r h3{
  font-size: .34rem; color: #000000; font-weight: bold; text-align: left; margin-bottom: .35rem; padding-top: 0.7rem;
}
.sec01-r p{
  font-size: .18rem; color: #333333; text-align: justify; line-height: 0.3rem; margin-bottom: .22rem;
}
.sec01-r ul{
  display: flex; justify-content: center; margin-top: .5rem;
}
.sec01-r ul li{
  width: .96rem; height: .96rem; background: #f8f8f8; border: .01rem solid #c3c3c3; border-radius: .98rem; margin: 0 .18rem;  font-size: .18rem; color: #333333; line-height: .26rem; display: flex; align-items: center; justify-content: center;
}
.sec01-r ul li.on{
  background: #ff4e00; border: .01rem solid #ff4e00; color: #fff;
}

/*sec02*/
.sec02{
  padding-top: 1.1rem;
}
.title2{
  margin-bottom: .5rem;
}
.title2::after{
  content: ''; width: 12rem; height: .16rem; background: url(../images/s2_tbg.png) no-repeat center / 100%; display: block; margin-top: .16rem;
}
.sec02-main{
  height: 4.79rem; background: url(../images/s2_img.jpg) no-repeat left top -0.33rem;
}
.sec02-main p{
  font-size: .22rem; color: #333333; line-height: .34rem; text-align: left;
}

/*sec03*/
.sec03{
  background: url(../images/s3_bg.jpg) no-repeat top center; min-height: 4.88rem;
}
.sec03-title{
  display: flex; justify-content: space-between;
}
.sec03-title h2{
  display: flex; align-items: flex-start;
}
.sec03-title p{
  font-size: .24rem; color: #fff; position: relative; padding-top: .5rem;
}
.sec03-title p::before{
  content: ''; width: .36rem; height: .31rem; background: url(../images/s3_yinhao.png) no-repeat center / 100%; display: block; position: absolute; right: 0; top: 0; 
}
.sec03-t{
  background: url(../images/s3_tbg.png) no-repeat top 2rem center;
  padding-bottom: 0;
}
.sec03-t img{
  margin: 0 .15rem;
}
.sec03-b{
  height: 3.72rem; background: #fff; box-shadow: 0 0 .95rem #00000027; padding-top: .56rem; position: relative; box-sizing: border-box;
}
#swiper1{
  width: 11.02rem; margin: 0 auto; overflow: hidden;
}
.swiper-button-prev, .swiper-button-next{
  width: 1rem !important; height: .6rem !important; display: inline-block; position: absolute; top: 2.8rem !important;
}
.swiper-button-next{
  background: #f8f8f8 url(../images/s3_next.png) no-repeat center / .35rem; transform: rotate(180deg); left: 6rem !important;
}
.swiper-button-prev{
  background: #f8f8f8 url(../images/s3_next.png) no-repeat center / .35rem; left: 5rem !important;
}
.swiper-button-prev:after, .swiper-button-next:after{
  display: none !important;
}
.swiper-button-next:hover{
  background: #ff4e00 url(../images/s3_prev.png) no-repeat center / .35rem; transform: rotate(180deg);
}
.swiper-button-prev:hover{
  background: #ff4e00 url(../images/s3_prev.png) no-repeat center / .35rem;
}

/*sec04*/
.sec04{
  margin-top: .7rem;
  background: #e5e7e7;
  background: -webkit-linear-gradient(bottom, #e5e7e7, #ffffff);
  background: -o-linear-gradient(bottom, #e5e7e7, #ffffff);
  background: -moz-linear-gradient(bottom, #e5e7e7, #ffffff);
  background: linear-gradient(to bottom, #e5e7e7, #ffffff);
}
.s4-tips{
  font-size: .28rem; color: #333333; margin-bottom: .18rem; margin-top: -0.4rem;
}
.sec04-content{
  display: flex;
}
.sec04-l,.sec04-r{
  position: relative;
}
.sec04-l p,.sec04-r p{
  width: 100%; height: .6rem; line-height: .6rem; position: absolute; left: 0; bottom: .22rem;
}
.sec04-l p span{
  font-size: .24rem; font-weight: 900;
  background: linear-gradient(120deg, #fff4e5, #ffd7a2);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 .05rem .15rem #143155cb); 
}
.sec04-r p span{
  font-size: .24rem; font-weight: 900; margin-left: .15rem;
  background: linear-gradient(120deg, #fff4e5, #ffd7a2);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 .05rem .15rem #a30000d2); 
}
.sec04-l p{
  background: url(../images/s4_line.png) no-repeat center / 100%;
}
.sec04-r p{
  background: url(../images/s4_line2.png) no-repeat center / 100%; display: flex; align-items: center; justify-content: center;
}

/*sec05*/
.sec05-main ul{
  display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: .3rem;
}
.sec05-main ul li{
  width: 2.94rem; height: 1.84rem; margin-bottom: .1rem;
}
.sec05-main ul li p{
  width: 100%; height: .6rem; line-height: .5rem; font-size: .18rem; color: #fff; font-weight: 600;
  background: #4f6d94;
  background: -webkit-linear-gradient(bottom, #4f6d94, #4f6d9400);
  background: -o-linear-gradient(bottom, #4f6d94, #4f6d9400);
  background: -moz-linear-gradient(bottom, #4f6d94, #4f6d9400);
  background: linear-gradient(to bottom, #4f6d94, #4f6d9400);
}
.sec05-main ul li:nth-child(2n) p{
  background: #ff4e00;
  background: -webkit-linear-gradient(bottom, #ff4e00, #4f6d9400);
  background: -o-linear-gradient(bottom, #ff4e00, #4f6d9400);
  background: -moz-linear-gradient(bottom, #ff4e00, #4f6d9400);
  background: linear-gradient(to bottom, #ff4e00, #4f6d9400);
}
.sec05-main ul li:nth-child(1){
  background: url(../images/s5_img1.jpg) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(2){
  background: url(../images/s5_img2.jpg) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(3){
  background: url(../images/s5_img3.jpg) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(4){
  background: url(../images/s5_img4.jpg) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(5){
  background: url(../images/s5_img5.jpg) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(6){
  background: url(../images/s5_img6.jpg) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(7){
  background: url(../images/s5_img7.jpg) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(8){
  background: url(../images/s5_img8.jpg) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(9){
  background: url(../images/s5_img9.jpg) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(10){
  background: url(../images/s5_img10.jpg) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(11){
  background: url(../images/s5_img11.jpg) no-repeat center / 100%;
}
.sec05-main ul li:nth-child(12){
  background: url(../images/s5_img12.jpg) no-repeat center / 100%;
}

/*sec06*/
.sec06{
  height: 8.42rem; background: url(../images/s6_bg.jpg) no-repeat top center; margin-top: .65rem; box-sizing: border-box;
}
.sec06 .title2::after{
  background: url(../images/s6_tbg.png) no-repeat center / 100%;
}
.sec06 .title2 h2{
  color: #fff;
}
.sec06-content{
  position: relative;
}
.sec06 .s6-tips{
  font-size: .24rem; color: #fff; margin-bottom: .3rem;
}
.sec06 .s6-tips span{
  color: #ff4e00;
}
.sec06-m{
  width: 4.98rem; height: 4.98rem; margin: 0 auto; overflow: hidden; position: relative;
}
.sec06-img{
  margin-top: .18rem; animation: s6Scale 1s infinite alternate ease-in-out;
}
.sec06-yuan{
  position: absolute; top: 0; left: 0; z-index: 8;
}
.sec06 ul li{ 
  position: relative; display: flex; z-index: 99;
}
.sec06 ul li:nth-child(1){
  position: absolute; top: .33rem; left: 0;
}
.sec06 ul li:nth-child(2){
  position: absolute; top: .28rem; right: 0;
}
.sec06 ul li:nth-child(3){
  position: absolute; top: 3.8rem; right: 0;
}
.sec06 ul li:nth-child(4){
  position: absolute; top: 3.8rem; left: 0;
}
.sec06 ul li:nth-child(1){
  flex-direction: row-reverse; justify-content: flex-end;
}
.sec06 ul li:nth-child(4){
  flex-direction: row-reverse; justify-content: flex-end;
}
.sec06 ul li h3{
  width: 1rem; height: 1rem; background: #185ecf; border-radius: 1rem; font-size: .2rem; color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center;
}
.sec06 ul li p{
  width: 3.3rem; border-radius: .2rem 0 .2rem .2rem; font-size: .16rem; line-height: .26rem; color: #333333; text-align: left; border: .01rem solid #fff; padding: .26rem .2rem; box-sizing: border-box; margin: .38rem .08rem 0; opacity: 0;
  background: #dfdfdf;
  background: -webkit-linear-gradient(bottom,#dfdfdf -5%, #ffffff 36%);
  background: -o-linear-gradient(bottom, #dfdfdf -5%, #ffffff 36%);
  background: -moz-linear-gradient(bottom,#dfdfdf -5%, #ffffff 36%);
  background: linear-gradient(to bottom, #dfdfdf -5%, #ffffff 36%);
}
.sec06 ul li:nth-child(2n) p{
  border-radius: 0 .2rem .2rem .2rem;
}
.sec06 ul li.on h3{
  background: #ff4e00; color: #fff;
}
.sec06 ul li p i{
  display: block; height: .1rem;
}


@keyframes s6Scale{
  0%{transform: scale(.92);}
  100%{transform: scale(1);}
}

/*侧边悬停*/
.lfNav {
  position: fixed;
  width: 238px;
  height: 529px;
  display: block;
  background: url(../images/fixedNavBg.png) no-repeat center;
  top: 14%;
  left: 20px;
  z-index: 9;
}

.lfNav .close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 30px;
  width: 30px;
}

.lfNav .close img {
  width: 100%;
}

.mt185 {
  margin-top: 144px;
}

.nav-bg {
  width: 152px;
  height: 42px;
  line-height: 40px;
  display: block;
  text-align: center;
  border: 1px solid #ffddb9;
  margin-bottom: 10px;
  margin-left: 32px;
  box-sizing: border-box;
  background: #f5480d;
  background: -webkit-linear-gradient(right, #f5480d, #a30303);
  background: -o-linear-gradient(right, #f5480d, #a30303);
  background: -moz-linear-gradient(right, #f5480d, #a30303);
  background: linear-gradient(to right, #f5480d, #a30303);
}

.nav-bg:hover {
  background: #fff0bc;
  background: -webkit-linear-gradient(right, #fff0bc, #ffc261);
  background: -o-linear-gradient(right, #fff0bc, #ffc261);
  background: -moz-linear-gradient(right, #fff0bc, #ffc261);
  background: linear-gradient(to right, #fff0bc, #ffc261);
}

.nav-bg a {
  width: 100%;
  height: 100%;
  display: block;
  margin: auto;
  font-size: 20px;
  color: #fff;
}

.nav-bg a:hover {
  color: #611204;
  font-weight: 600;
}

.left_top {
  width: 151px;
  height: 40px;
  display: block;
  float: left;
  margin-left: 22px;
  margin-top: 10px;
}