@charset "utf-8";

html{color:#4d4d4d; height:100%; min-height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,button,input,select,textarea,span{font:13px/1.5em "microsoft yahei";}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit}
fieldset,img,a img{border:0}
iframe{display:block}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:before,q:after{content:''}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
ins,a{text-decoration:none}
input,button { border:none; background:none;}

body{ height:100%; min-height:100%; text-align:center;}
#wrapper { height:auto; margin:0 auto; max-width:7.50rem;background:#fff;overflow: hidden;}
#container {width:100%;margin:0 auto;}
#container {height:auto!important; height:100%; min-height:100%;}
#header { height:auto; overflow:hidden;z-index:1; position:relative;text-align:center;}
#main { height:auto!important; height:100%; position:relative;}
#footer { padding:5px 0; background:#1f2b43; color:#fff;}

.signForm h1 { line-height: 1rem; padding-top: .38rem; font-size: .36rem; color: #333333; font-weight: 200; width: 100%; text-align: center; padding-left: 0; background: #f5f7fc; font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft Yahei;}
.signForm iframe { height: 4rem;}

/* banner */
.banner{
  width:100%;
  height:7.80rem;
  background: url(../Image/fzglxtwap/v2/banner.png) no-repeat;
  background-size: cover;
  text-align: center;
}
.banner h1{
  font-size:.40rem;
  color:#fff;
  line-height: 1;
  font-weight: 600;
  padding-top:.80rem;
}
.banner h2{
  font-size:.21rem;
  color:#fff;
  line-height: 1;
  font-weight: 500;
  padding-top:.46rem;
}
.banner > a{
  display: inline-block;
  font-size:.28rem;
  font-weight: 500;
  color:#1a62e1;
  line-height: 1;
  padding:.27rem .55rem;
  box-sizing: border-box;
  margin:.52rem .17rem 0;
  background: #fff;
  border-radius: .04rem;
}
.banner .btn2{
  padding:.25rem .22rem;
  background: none;;
  color:#fff;
  border:1px solid #fff;
}

.section_1{
  height:1.70rem;
  background: #eff1f4;
}
.section_1 h2{
  font-size:.28rem;
  color:#1f2b43;
  line-height: 1;
  padding-top:.47rem;
  text-align: center;
  font-weight: 600;
}
.section_1 h3{
  font-size:.19rem;
  color:#6d727d;
  line-height: .32rem;
  padding-top:.12rem;
  text-align: center;
  transform: scale(.9);
}

.section_2{
  height:6.65rem;
  background: #fff;
  text-align: center;
}
.section_2 h2{
  font-size:.34rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  padding-top:1.03rem;
  text-align: center;
}
.section_2 > img{
  margin-top:.85rem;
  width:6.98rem;
  height:4.10rem;
}

.section_3{
  height:11.56rem;
  background: url(../Image/fzglxtwap/v2/s3_bg_new.png) center center no-repeat;
  background-size: cover;
}
.section_3 h2{
  font-size:.34rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  padding-top:1.09rem;
  text-align: center;
}
.section_3 h3{
  font-size:.23rem;
  color:#8b97b1;
  line-height: 1;
  padding-top:.34rem;
  text-align: center;
}
.section_3 .center{
  width:7.50rem;
  height:auto;
  margin:.46rem auto 0;
}
.section_3 .tabbar{
  width:100%;
  height:.80rem;
  border-bottom:1px solid #bdc5ce;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
.section_3 .tabbar li{
  width:1.78rem;
  height:100%;
}
.section_3 .tabbar li h4{
  font-size:.26rem;
  color:#9aa4bb;
  line-height: .80rem;
  text-align: center;
  font-weight: 600;
}
.section_3 .tabbar li.action h4{color:#1a62e1;}
.section_3 .tabbar i{
  display: block;
  width:.98rem;
  height:2px;
  background-color: #1a62e1;
  position: absolute;
  bottom:0px;
  left:2.38rem;
  transition: all .3s;
}
.section_3 .imgbox{
  width:100%;
  height:6.66rem;
  padding-top:.40rem;
  text-align: center;
}
.section_3 .imgbox img{width:7.01rem;height:6.26rem;}
.section_3 .btn{
  display: inline-block;
  font-size:.26rem;
  color:#fff;
  background: #1a62e1;
  line-height: 1;
  padding:.30rem .42rem;
  border-radius: .04rem;
}

.section_4{
  height:11.10rem;
  background: #fff;
  position: relative;
}
.section_4 .top{
  width: 100%;
  height:4.14rem;
  background: #1a62e1;
  position: absolute;
  top:0;
  left:0;
}
.section_4 h2{
  font-size:.34rem;
  font-weight: 600;
  color:#fff;
  line-height: 1;
  padding-top:.97rem;
  text-align: center;
}
.section_4 h3{
  font-size:.23rem;
  color:#fff;
  line-height: 1;
  padding-top:.32rem;
  text-align: center;
}
.section_4 .center{
  width:7.02rem;
  min-height:6.20rem;
  border-radius: .04rem;
  background: #fff;
  margin:auto;
  position: absolute;
  top:2.37rem;
  left:0;
  right:0;
  margin:auto;
  box-shadow: .06rem 0 .81rem rgba(26,98,225,.1);
  display: flex;
  flex-direction: column;
}
.section_4 .wrap{overflow: hidden;}
.section_4 .tabbar{
  width:7.02rem;
  border-bottom:.02rem solid #e7edf6;
  display: flex;
  flex-direction: row;
  justify-content: left;
  position: relative;
  overflow-x: auto;
  overflow-y: clip;
  margin-bottom:-.20rem;
}
.section_4 .tabbar li{
  margin:0 .15rem;
  white-space: nowrap;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.section_4 .tabbar li h4{
  font-size:.23rem;
  color:#606266;
  line-height: .65rem;
  text-align: center;
  padding: .16rem 0 .2rem;
}
.section_4 .tabbar li.action h4{color:#1a62e1;}
.section_4 .tabbar li h4::after{
  content: "";
  display: block;
  width:.92rem;
  height:.04rem;
  background-color: #1a62e1;
  position: absolute;
  bottom:0;
  left:50%;
  margin-left: -.46rem;
  transition: all .3s;
  opacity: 0;
}
.section_4 .tabbar li.action h4::after{
  bottom:.20rem;
  opacity: 1;
}
.section_4 .imgbox{
  flex:1;
  text-align: center;
  overflow: hidden;
}
.section_4 .imgbox img{display: none;}
.section_4 .imgbox .insert_1{width: 7.04rem;}
.section_4 .imgbox .img1{width: 6.90rem;height:3.70rem;margin-top:.48rem;}
.section_4 .imgbox .img2{width: 7.18rem;height:3.77rem;margin-top:.64rem;margin-left:-.14rem;}
.section_4 .imgbox .img3{width: 7.28rem;height:4.10rem;margin-top:.29rem;}
.section_4 .imgbox .img4{width: 7.29rem;height:3.96rem;margin-top:.64rem;margin-left:-.21rem;}
.section_4 .imgbox .img5{width: 6.78rem;height:3.92rem;margin-top:.24rem;margin-left:.12rem;}
.section_4 .imgbox .img6{width: 7.09rem;height:4.75rem;margin-top:.14rem;margin-left:.18rem;}
.section_4 .imgbox .img7{width: 6.57rem;height:4.01rem;margin-top:.7rem;}

.section_4 .btnbox{
  text-align: center;  
  position: absolute;
  bottom: 1.15rem;
  left: 0;
  right: 0;
  margin: auto;
}
.section_4 .js_contactBtn{
  display: inline-block;
  font-size:.26rem;
  color:#fff;
  background: #1a62e1;
  line-height: 1;
  padding:.29rem .75rem;
  border-radius: .04rem;
}
.section_4 .btn{
  border:1px solid #1a62e1;
  background: #fff;
  color:#1a62e1;
  padding:.29rem .18rem;
  margin-left:.37rem;
}

.section_5{
  height:9.11rem;
  background: url(../Image/fzglxtwap/v2/s5_bg_new.png) center top no-repeat;
  text-align: center;
}
.section_5 h2{
  font-size:.34rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  padding-top:.84rem;
  text-align: center;
}
.section_5 > img{
  margin-top:.63rem;
  width: 7.03rem;
  height:5.23rem;
}
.section_5 .btnbox{margin-top:.45rem;}
.section_5 .js_contactBtn{
  display: inline-block;
  font-size:.26rem;
  color:#fff;
  background: #1a62e1;
  line-height: 1;
  padding:.29rem .55rem;
  border-radius: .04rem;
}

.section_6{
  height:14.31rem;
  background: #fff;
}
.section_6 h2{
  font-size:.34rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  /* padding-top:.95rem; */
  text-align: center;
}
.section_6 .center{
  text-align: center;
  width: 7.50rem;
  margin:0 auto;
}
.section_6 .img1{margin-top:.80rem;width: 7rem;height:2.81rem;}
.section_6 .img2{margin-top:.67rem;width: 6.87rem;height:3.20rem;}
.section_6 .img3{margin-top:.54rem;width: 6.79rem;height:4.08rem;}

.section_7{
  height:11.50rem;
  background: url(../Image/fzglxtwap/v2/s7_bg.png) center center no-repeat;
  background-size: 7.50rem;
}
.section_7 h2{
  font-size:.34rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  padding-top:.82rem;
  text-align: center;
}
.section_7 h3{
  font-size:.23rem;
  color:#606266;
  line-height: .36rem;
  padding-top:.21rem;
  text-align: center;
}
.section_7 h4{
  font-size:.26rem;
  color:#1a62e1;
  line-height: .39rem;
  margin-top:.26rem;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.section_7 h4 i{
  display: inline-block;
  width: .40rem;
  height:.39rem;
  background: url(../Image/fzglxtwap/v2/tel_icon.png) center center no-repeat;
  background-size: .40rem .39rem;
  margin-right:.15rem;
}
.section_7 .iframe_box{
  width: 6.30rem;
  height:7.20rem;
  margin:.54rem auto 0;
}