@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: .6rem;}
.title{ margin-bottom: .34rem;}
.title h2{font-size: .48rem; color: #1e48bc; font-weight: bold; letter-spacing: .01rem;
  background: linear-gradient(to bottom, #3b65e7, #09339e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.title i{
  width: .3rem; height: .3rem; background: url(../images/t_icon.png) no-repeat center / 100%; display: block; margin: 0 auto; margin-top: .16rem; animation: zhuan 3s infinite alternate ease-in-out;}
.title p{
  font-size: .24rem; color: #666; font-weight: 600; margin-top: .05rem; margin-bottom: .34rem;
}
@keyframes zhuan{
  0%{transform: rotate(0);}
  25%{transform: rotate(360deg);}
  50%{transform: scale(.8);}
  /* 75%{transform: scale(.8);} */
  100%{transform: rotate(1);}
}

/*banner*/
.banner{
  overflow: hidden;
}
.ban-nav{
  height: .78rem; line-height: .78rem;
  background: #3d68f0;
  background: -webkit-linear-gradient(right, #3d68f0,#279de4, #3d68f0);
  background: -o-linear-gradient(right, #3d68f0,#279de4, #3d68f0);
  background: -moz-linear-gradient(right, #3d68f0,#279de4, #3d68f0);
  background: linear-gradient(to right, #3d68f0,#279de4, #3d68f0);
}
.ban-nav::after{
  content: ''; width: 100%; height: .02rem; display: block;
  background: #020874;
  background: -webkit-linear-gradient(right, #020874,#143dc1, #020874);
  background: -o-linear-gradient(right, #020874,#143dc1, #020874);
  background: -moz-linear-gradient(right, #020874,#143dc1, #020874);
  background: linear-gradient(to right, #020874,#143dc1, #020874);
}
.ban-nav ul{
  display: flex; align-items: center; justify-content: center;
}
.ban-nav ul li{
  font-size: .22rem; color: #fff; font-weight: 600; margin: 0 .45rem; display: flex; align-items: center;
}
.ban-nav ul li img{
  margin-right: .05rem;
}
.swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.swiper-slide {
  text-align: center;
  background: #fff;
  overflow: hidden !important;
}
.swiper-slide{
  height: 5.78rem !important; overflow: hidden !important; position: relative; font-size: 0; text-align: center;
}
.swiper-slide01{
	 background: url(../images/banner_bg.jpg) no-repeat center / 100% 100%;
}
.swiper-slide02{
  background: url(../images/ban2.jpg) no-repeat center / 100% 100%;
}
.swiper-slide03{
  background: url(../images/ban3.jpg) no-repeat center / 100% 100%;
}
.ban-main h2{
  font-size: .6rem; color: #fff; padding-top: .66rem;
}
.ban-main p.p01{
  font-size: .7rem; color: #ffab50; font-weight: bold; display: flex; margin-block-end: 0 !important; margin-block-start: 0 !important; margin: .1rem auto .3rem !important;  align-items: flex-start; justify-content: center;
} 
.p01-i1{
  width: .55rem; height: .46rem; background: url(../images/ban_bt_bg1.png) no-repeat center / 100%; display: block; margin-right: -0.22rem;margin-top: .58rem;
}
.p01-i2{
  width: .55rem; height: .46rem; background: url(../images/ban_bt_bg2.png) no-repeat center / 100%; display: block; margin-left: -0.22rem;
}
.ban-main p.p02{
  font-size: .34rem; color: #ffffff; margin-bottom: .38rem;
}
.ban-main ul{
  display: flex; justify-content: center;
}
.ban-main ul li{
  height: .64rem; line-height: .64rem; border: .02rem solid #fff; border-radius: .32rem; font-size: .26rem; color: #fff; margin: 0 .28rem; padding: 0 .34rem;
}

/*sec01*/
.sec01-main{
  height: 4.06rem; background: url(../images/s1_img.jpg) no-repeat right top / 5.28rem;
}
.sec01-info{
  width: 9.38rem; height: 3.39rem; background: #f2f2f2dc; border-radius: 0 0 .2rem 0; padding: .8rem 0 0 1.5rem; text-align: left; box-sizing: border-box;
}
.sec01-info h3{
  font-size: .24rem; color: #2b333e; font-weight: 600; margin-bottom: .35rem;
}
.sec01-info h3::before{
  content: ''; width: .2rem; height: .04rem; background: #2c333e; display: block; margin-bottom: .14rem;
}
.sec01-info p{
  width: 6.2rem; font-size: .17rem; color: #2e3743; line-height: .34rem; text-align: left;
}
.sec01-info p span{
  color: #0431b4;
}

/*sec02*/
.sec02-main ul{
  display: flex; justify-content: space-between;
}
.sec02-main ul li{
  width: 2.9rem; height: 3.1rem; border-radius: 0 .4rem 0 0; position: relative; transition: all .5s;
  background: #06319a;
  background: -webkit-linear-gradient(bottom, #06319a, #3658c2);
  background: -o-linear-gradient(bottom, #06319a, #3658c2);
  background: -moz-linear-gradient(bottom, #06319a, #3658c2);
  background: linear-gradient(to bottom, #06319a, #3658c2);
}
.sec02-main ul li:nth-child(2){
  background: #2c7cc7;
  background: -webkit-linear-gradient(bottom, #2c7cc7, #279fe5);
  background: -o-linear-gradient(bottom, #2c7cc7, #279fe5);
  background: -moz-linear-gradient(bottom, #2c7cc7, #279fe5);
  background: linear-gradient(to bottom, #2c7cc7, #279fe5);
}
.sec02-main ul li:nth-child(4){
  background: #ff9101;
  background: -webkit-linear-gradient(bottom, #ff9101, #ffab08);
  background: -o-linear-gradient(bottom, #ff9101, #ffab08);
  background: -moz-linear-gradient(bottom, #ff9101, #ffab08);
  background: linear-gradient(to bottom, #ff9101, #ffab08);
}
.sec02-main ul li::after{
  content: ''; width: 1.84rem; height: 1.84rem; background: url(../images/s2_l_bg.png) no-repeat center / 100%; display: block; position: absolute; bottom: -0.69rem; right: -0.63rem;
}
.sec02-main ul li h3{
  font-size: .24rem; color: #fff; font-weight: bold; padding-top: .32rem; padding-bottom: .26rem;
}
.sec02-main ul li p{
  font-size: .18rem; color: #ffffff; line-height: .3rem; text-align: left; margin: 0 .24rem;
}
.sec02-main ul li:hover{
  box-shadow: 0 .05rem .2rem #0000004f;
}


/*sec03*/
.sec03{
  background: url(../images/s3_bg.jpg) no-repeat top 1.93rem center;
}
.pub-bt{
  font-size: .36rem; color: #2e3743; font-weight: bold; text-align: left; display: flex; align-items: center; justify-content: space-between; margin-bottom: .35rem;
}
.pub-bt::after{
  content: ''; width: 10.42rem; border-bottom: .02rem solid #697686; display: block;
}
.sec03-t{
  margin-bottom: .52rem;
}
.sec03-t ul{
  display: flex; justify-content: space-between; flex-wrap: wrap;
}
.sec03-t ul li{
  width: 5.9rem; height: 2.8rem; background: url(../images/s3_t_bg1.jpg) no-repeat center / 100%; display: flex; align-items: center; justify-content: center; font-size: .24rem; color: #fff; line-height: .34rem; text-align: center; transition: all .5s;
}
.sec03-t ul li:nth-child(2){
  background: url(../images/s3_t_bg2.jpg) no-repeat center / 100%;
}
.sec03-t ul li:hover{
  transform: translateY(-0.1rem);
}
.sec03-b table{
  border: .02rem solid #8390ac;
}
.sec03-b tr th{
  height: 1.2rem; line-height: 1.2rem; font-size: .24rem; color: #fff; font-weight: bold; border: .02rem solid #a6b6bf;
  background: #06319a;
  background: -webkit-linear-gradient(bottom, #06319a, #3657c2);
  background: -o-linear-gradient(bottom, #06319a, #3657c2);
  background: -moz-linear-gradient(bottom, #06319a, #3657c2);
  background: linear-gradient(to bottom, #06319a, #3657c2);
}
.sec03-b tr th:nth-child(4),.sec03-b tr th:nth-child(5){
  line-height: .34rem;
}
.sec03-b tr td{
  font-size: .2rem; color: #11151b; border: .02rem solid #a6b6bf; height: .4rem;
}
.sec03-b tr td.table-bt{
  font-size: .24rem;
}
.sec03-b tr td.color1{
  background: #f1fffd; border-bottom: .02rem solid #ffffff;
}
.sec03-b tr td.color2{
  background: #edf2ff; border-bottom: .02rem solid #ffffff;
}
.sec03-b tr td.nobr{
  border: .02rem solid #a6b6bf;
}

/*sec04*/
.sec04-t-m{
  display: flex; align-items: center; justify-content: center;
}
.sec04-t-l{
  width: 4.67rem; margin-right: .26rem; position: relative; position: relative;
}
.sec04-t-r ul li{
  margin-bottom: .42rem;
}
.sec04-t-r ul li:last-child{
  margin-bottom: 0;
}
.sec04-t-r ul li h3{
  font-size: .24rem; font-weight: bold; text-align: left; display: flex; align-items: center;
  background: linear-gradient(to bottom, #3963e4, #0b35a0);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sec04-t-r ul li h3::before{
  content: ''; width: .07rem; height: .16rem; background: url(../images/s4_jt.png) no-repeat center / 100%; display: block; margin-right: .1rem;
}
.sec04-t-icon{
  position: absolute; top: 1.87rem; left: 1.81rem;
}
.sec04-t-r ul li p{
  font-size: .18rem; color: #333333; text-align: left; padding-left: .16rem; margin-top: .06rem;
}
.sec04-t-r ul li:nth-child(2),.sec04-t-r ul li:nth-child(3){
  margin-left: .4rem;
}
.sec04-b{
  margin-top: .34rem;
}
.sec04-b ul{
  display: flex; justify-content: center; flex-wrap: wrap;
}
.sec04-b ul li{
  width: 25%;
}
.sec04-b ul li h4{
  font-size: .22rem; color: #333333; font-weight: 600; margin-top: .12rem;
}
.sec04-t-yuan{
  animation: s4zhuan 3s infinite linear;
}
.sec04-t-icon{
  animation: s4scale 1s infinite alternate linear;
}
@keyframes s4zhuan{
  0%{transform: rotate(0);}
  100%{transform: rotate(360deg);}
}
@keyframes s4scale{
  0%{transform: scale(1);}
  100%{transform: scale(1.1);}
}

/*sec05*/
.sec05-main{
  position: relative; padding-top: .52rem;
}
.sec05-main ul{
  display: flex; justify-content: space-between; flex-wrap: wrap;
}
.sec05-main ul li{
  width: 50%; box-sizing: border-box; margin-bottom: .4rem;
}
.sec05-main ul li:nth-child(2n){
  padding-left: 2.58rem;
}
.sec05-main ul li h3{
  font-size: .24rem; color: #2e3743; font-weight: bold; background: url(../images/s5_ibg.png) no-repeat left top / .35rem; padding: .08rem 0 0 .08rem; text-align: left; margin-bottom: .12rem;
}
.sec05-main ul li p{
  font-size: .18rem; color: #2e3743; text-align: left;
}
.sec05-main ul li:nth-child(1),.sec05-main ul li:nth-child(5){
  padding-left: .4rem;
}
.sec05-main ul li:nth-child(4){
  padding-left: 2.94rem;
}
.sec05-c{
  position: absolute; top: 0; left: 3.88rem;
}
.sec05-c img{
  animation: s4zhuan 3s infinite linear;
}
.sec05-c p{
  font-size: .26rem; color: #fff; font-weight: 600; position: absolute; top: 1.81rem; left: 1.35rem; animation: s4scale 1s infinite alternate linear;
}

/*sec06*/
.sec06{
  margin-bottom: .6rem; margin-top: .3rem;
}
.sec06-main{
  display: flex; justify-content: space-between; flex-wrap: wrap;
}
.sec06-main img{
  margin-bottom: .2rem; transition: all .5s;
}
.sec06-main img:hover{
  transform: scale(1.05); box-shadow: 0 .2rem .2rem #00000036;
}

/*侧边悬停*/
.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;
}