@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: #e8f6ff; 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: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none;}
.section{ margin-bottom: .4rem;}
.title h2{
  font-size: .34rem; color: #fff; font-weight: bold; padding-bottom: 0.24rem;
}
.title h2::before{
  content: ''; width: 0.54rem; height: 0.13rem;  background: url(../images/t_bg.png) no-repeat center / 100%; display: inline-block; vertical-align: .05rem; margin-right: 0.4rem;
}
.title h2::after{
  content: ''; width: 0.54rem; height: 0.13rem;  background: url(../images/t_bg.png) no-repeat center / 100%; display: inline-block; vertical-align: .05rem; margin-left: 0.4rem;
}
/*banner*/
.banner-box{
	width: 100%;height: 566px;position: relative;background: url(../images/ban_bg.jpg) no-repeat top center;font-size: 0;
}
.banner-box a{
	display: block; position: absolute; top: 0; left: -0.66rem;
}
.banner-box div.ban-main{
  display: flex; align-items: flex-start;
}
.banner-box div.ban-main p{
  width: 0.7rem; height: 1.98rem; font-size: .4rem; color: #fff; font-weight: bold; background: #3e70f5; border-radius: .05rem .3rem .05rem .3rem; margin-top: 2rem; line-height: 0.46rem; text-align: center; padding-top: 0.28rem; box-sizing: border-box; margin-right: 0.32rem;
}
.banner-box div.ban-main h1{
  font-size: 1rem; color: #0b1332; font-weight: bold; line-height: 1.16rem; text-shadow: .02rem .02rem 0 #ffffff; margin-top: 1.9rem;
}
.banner-box div.ban-main h1 span{
  color: #326aff;
}
.banner-box div.ban-main img{
  margin-top: 0.38rem; margin-left: 0.52rem;
}

/*sec01*/
.sec01-t{
  display: flex; align-items: center; justify-content: space-between;
}
.sec01-t .sec01-t-hd{
  margin-left: 0.35rem;
}
.sec01-t .sec01-t-hd h2{
  width: 3.48rem; font-size: .36rem; color: #0b1332; font-weight: bold; background: url(../images/s1_tbg.png) no-repeat top .38rem left; padding-top: 0.7rem; text-align: left; margin-bottom: 0.28rem;
}
.sec01-t .sec01-t-hd h2::after{
  content: ''; width: 1.06rem; height: 0.07rem; background: #c3ddff; display: block; margin-top: 0.04rem;
}
.sec01-t .sec01-t-hd .hd ul{
  display: flex; flex-wrap: wrap; justify-content: space-between;
}
.sec01-t .sec01-t-hd .hd ul li{
  width: 1.54rem; height: 0.34rem; line-height: 0.34rem; background: #c0e2ff; border-radius: .05rem; font-size: .18rem; color: #0b1332; margin-bottom: 0.14rem; cursor: pointer;
}
.sec01-t .sec01-t-hd .hd ul li.on{
  color: #fff;
  background: #ff7918;
  background: -webkit-linear-gradient(right, #ff7918, #f13e1c);
  background: -o-linear-gradient(right, #ff7918, #f13e1c);
  background: -moz-linear-gradient(right, #ff7918, #f13e1c);
  background: linear-gradient(to right, #ff7918, #f13e1c);
}
.sec01-main .bd{
  background: #f6fbff; border-radius: .15rem; font-size: .18rem; color: #000000; line-height: 0.26rem; text-align: left; padding: .28rem .74rem;
}
.sec01-main .bd ul li span{
  color: #1247b3; font-weight: bold;
}
.sec01-main .bd ul li:last-child{
  text-align: center;
}

/*sec02*/
.sec02{
  background: url(../images/s2_bg.jpg) no-repeat top center;
}
.sec02 .wrap{
  background: #3d6ff4; border-radius: .15rem; padding-top: 0.24rem; position: relative;
}
.sec02-main{
  background: #fff; border-radius: .15rem; padding: .36rem 0 .7rem .48rem;
}
.sec02-ewm{
  position: absolute; top: 0.12rem; right: 0.45rem;
}
.sec02-part{
  margin-bottom: 0.5rem;
}
.sec02-part-top{
  display: flex; align-items: end; margin-bottom: 0.32rem;
}
.sec02-part-top p{
  font-size: .2rem; color: #000000; line-height: 0.3rem; text-align: left; margin-left: 0.12rem; padding-left: 0.15rem; border-bottom: .02rem solid #b6f2ff; padding-bottom: 0.14rem;
} 
.sec02-part2 p,.sec02-part4 p{
  padding-bottom: 0.38rem;
}
.sec02-tips{
  width: 9.9rem; height: 1.76rem; background: url(../images/s2_tips_bg.png) no-repeat center / 100% 100%; font-size: .18rem; color: #fff; line-height: 0.28rem; text-align: left; padding: .81rem 0 0 2.34rem; box-sizing: border-box;
}
.sec02-tips p{
  width: 7.02rem;
}

/*sec03*/
.sec03{
  background: url(../images/s3_bg.jpg) no-repeat top center; padding-bottom: 0.4rem;
}
.sec03 .wrap{
  background: #3d6ff4; border-radius: .15rem; padding-top: 0.24rem;
}
.sec03-main{
  background: url(../images/s3_mbg.png) no-repeat top center / 100% 100%; padding: .36rem 0 .7rem .48rem; display: flex; align-items: center; justify-content: center;
}
.sec03-phone{
  margin-right: 0.4rem;
}
.sec03-r ul{
  width: 4.01rem; height: 1.52rem; background: url(../images/s3_rtips_bg.png) no-repeat center / 100%; font-size: .18rem; color: #000000; line-height: 0.3rem; text-align: left; box-sizing: border-box; padding: .35rem 0 0 .42rem; margin-bottom: 0.3rem;
}
.sec03-r ul li::before{
  content: ''; width: 0.18rem; height: 0.17rem; background: url(../images/s3_dh.png) no-repeat center / 100% 100%; display: inline-block; vertical-align: -.02rem; margin-right: 0.07rem;
}
.sec03-ewm{
  display: flex; align-items: center; justify-content: center;
}
.sec03-ewm p{
  width: 1.6rem; height: 0.7rem; line-height: 0.7rem; border-radius: .1rem; font-size: .18rem; color: #000000; line-height: 0.24rem; padding-top: 0.12rem; box-sizing: border-box; margin-left: -0.2rem;
  background: #fedbcf;
  background: -webkit-linear-gradient(right, #fedbcf00, #fedbcf);
  background: -o-linear-gradient(right, #fedbcf00, #fedbcf);
  background: -moz-linear-gradient(right, #fedbcf00, #fedbcf);
  background: linear-gradient(to right, #fedbcf00, #fedbcf);
}

/* 左侧 */
.lfNav{position: fixed;width:122px;display: block; top:24%; left:70px;z-index:9;}
.lfNav .close{position:absolute; bottom: -48px; right: 46px; height:30px; width:30px; }
.lfNav .close img{width: 100%;}
.nav-bg{width:1.3rem; height:30px; display: block;float:left; clear:both; text-align: center;margin-bottom: 0.04rem; border-radius: .16rem;}
.nav-bg a{width:100%; height:30px; display: block; margin:auto; background: #fff;
	font-size: 16px; line-height: 30px; color: #343434;
}
.nav-bg a:hover{
	color: #fccaa6; font-weight: bold;
}
.lfNav-ewm{
  background: #fff; height: auto;
}
.left_top{width:122px; height:36px; line-height: 36px; font-size: 16px; background: #fff; border-radius: 7px; display: block;float:left;margin-top: 4px; color: #848484;text-align: center; }
