@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.76rem;
  background: url(../Image/jhkqgl/wap/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{
  width: 6.67rem;
  margin:.30rem auto 0;
  text-align: left;
  font-size:.25rem;
  color:#fff;
  line-height: .36rem;
  font-weight: 500;
}
.banner > a{
  display: inline-block;
  font-size:.28rem;
  font-weight: 500;
  color:#1a62e1;
  line-height: 1;
  padding:.27rem .55rem;
  box-sizing: border-box;
  margin:.26rem .17rem 0;
  background: #fff;
  border-radius: .04rem;
}
.banner .btn2{
  padding:.25rem .22rem;
  background: none;;
  color:#fff;
  border:1px solid #fff;
}


.section_1{
  height:8.45rem;
  background: #fff;
}
.section_1 h2{
  font-size:.34rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  padding-top:.89rem;
  text-align: center;
}
.section_1 .center{
  width:7.50rem;
  min-height: 5.50rem;
  margin:.76rem auto 0;
  position: relative;
}
.section_1 .center_img{
  position: absolute;
  top:.83rem;
  left:0;
  right:0;
  margin:auto;
  width: 3.38rem;
  height:3.29rem;
  z-index: 2;
}
.section_1 .center .item{
  width:2.75rem;
  height:1.88rem;
  z-index: 1;
  box-shadow: .04rem 0 .32rem rgba(168,183,217,.23);
}
.section_1 .center .item h3{
  font-size:.23rem;
  color:#1f2b43;
  line-height: 1;
  padding-top:.29rem;
  padding-left:.55rem;
  font-weight: 600;
  text-align: left;
}
.section_1 .center .item p{
  font-size:.20rem;
  color:#6c7485;
  line-height: .30rem;
  padding-top:.16rem;
  padding-left:.55rem;
  text-align: left;
  width: 2.40rem;
  white-space: nowrap;
  transform: scale(.9);
}
.pl70{padding-left:.70rem !important;}
.pl10{padding-left:.10rem !important;}
.pl16{padding-left:.16rem !important;}
.section_1 .center .item1{background: url(../Image/jhkqgl/wap/s1_item1.png) center center no-repeat;background-size: 2.75rem 1.88rem;position: absolute;top:0;left:.27rem;}
.section_1 .center .item2{background: url(../Image/jhkqgl/wap/s1_item2.png) center center no-repeat;background-size: 2.75rem 1.88rem;position: absolute;top:0;right:.20rem;}
.section_1 .center .item3{background: url(../Image/jhkqgl/wap/s1_item3.png) center center no-repeat;background-size: 2.75rem 1.88rem;position: absolute;bottom:0;left:.27rem;}
.section_1 .center .item4{background: url(../Image/jhkqgl/wap/s1_item4.png) center center no-repeat;background-size: 2.75rem 1.88rem;position: absolute;bottom:0;right:.20rem;}


.section_2{
  height:8.00rem;
  background: url(../Image/jhkqgl/wap/s2_bg.png) center center no-repeat;
  background-size: 7.50rem 8rem;
  text-align: center;
}
.section_2 h2{
  font-size:.34rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  padding-top:.76rem;
  text-align: center;
}
.section_2 h3{
  font-size:.23rem;
  color:#8e929a;
  line-height: .36rem;
  padding-top:.27rem;
  text-align: center;
}
.section_2 > img{
  width: 7.49rem;
  height:4.65rem;
  margin-top:.31rem;
}


.section_3{
  height: 7.17rem;
  background: #fff;
}
.section_3 h2{
  font-size:.34rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  padding-top:.80rem;
  text-align: center;
}
.section_3 ul{
  width:7.06rem;
  margin:.49rem auto 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section_3 ul li{
  width:3.43rem;
  height:2.26rem;
  margin-bottom:.16rem;
}
.section_3 ul li h3{
  font-size:.26rem;
  color:#1f2b43;
  line-height: 1;
  padding-top:.53rem;
  padding-left:1.01rem;
  font-weight: 600;
  text-align: left;
}
.section_3 ul li p{
  font-size:.19rem;
  color:#72767a;
  line-height: .30rem;
  padding-top:.26rem;
  padding-left:.28rem;
  text-align: left;
  white-space: nowrap;
  transform: scale(.9);
}
.section_3 ul li:nth-child(1){background: url(../Image/jhkqgl/wap/s3_bg1.png) center center no-repeat;background-size: 3.43rem 2.26rem;}
.section_3 ul li:nth-child(2){background: url(../Image/jhkqgl/wap/s3_bg2.png) center center no-repeat;background-size: 3.43rem 2.26rem;}
.section_3 ul li:nth-child(3){background: url(../Image/jhkqgl/wap/s3_bg3.png) center center no-repeat;background-size: 3.43rem 2.26rem;}
.section_3 ul li:nth-child(4){background: url(../Image/jhkqgl/wap/s3_bg4.png) center center no-repeat;background-size: 3.43rem 2.26rem;}


.section_4{
  height:10.72rem;
  background: #fff;
  position: relative;
}
.section_4 .top{
  width: 100%;
  height:3.44rem;
  background: #1a62e1;
  position: absolute;
  top:0;
  left:0;
}
.section_4 h2{
  font-size:.34rem;
  font-weight: 600;
  color:#fff;
  line-height: 1;
  padding-top:.77rem;
  text-align: center;
}
.section_4 .center{
  width:7.02rem;
  height:6.71rem;
  border-radius: .04rem;
  background: #fff;
  margin:auto;
  position: absolute;
  top:1.66rem;
  left:0;
  right:0;
  margin:auto;
  box-shadow: .06rem 0 .81rem rgba(26,98,225,.1);
  display: flex;
  flex-direction: column;
}
.section_4 .tabbar{
  width:100%;
  height:.82rem;
  border-bottom:.02rem solid #e7edf6;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
.section_4 .tabbar li{
  margin:0 .15rem;
  white-space: nowrap;
  text-align: center;
  box-sizing: border-box;
}
.section_4 .tabbar li:nth-child(1){margin-left:-.50rem;}
.section_4 .tabbar li h4{
  font-size:.23rem;
  color:#606266;
  line-height: .84rem;
  text-align: center;
}
.section_4 .tabbar li.action h4{color:#1a62e1;}
.section_4 .tabbar i{
  display: block;
  width:.92rem;
  height:.04rem;
  background-color: #1a62e1;
  position: absolute;
  bottom:0px;
  left:1.52rem;
  transition: all .3s;
}
.section_4 .imgbox{
  flex:1;
  text-align: center;
  overflow: hidden;
}
.section_4 .imgbox img{display: none;}
.section_4 .imgbox .img1{width: 7.14rem;height:5.36rem;margin-top:.39rem;}
.section_4 .imgbox .img2{width: 7.14rem;height:5.54rem;margin-top:.39rem;}
.section_4 .imgbox .img3{width: 6.97rem;height:5.36rem;margin-top:.45rem;}

.section_4 .btnbox{
  text-align: center;  
  position: absolute;
  bottom: .67rem;
  left: 0;
  right: 0;
  margin: auto;
}
.section_4 .btnbox .js_contactBtn{
  display: inline-block;
  font-size:.26rem;
  color:#fff;
  background: #1a62e1;
  line-height: 1;
  padding:.30rem 1.07rem;
  border-radius: .08rem;
}
.section_4 .btnbox p{
  font-size:.23rem;
  color:#444750;
  line-height: 1;
  margin-top:.22rem;
}

.section_5{
  min-height:11.15rem;
  background: #ecf0f6;
  box-sizing: border-box;
  padding-bottom: .81rem;
}
.section_5 h2{
  font-size:.34rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  padding-top:.53rem;
  text-align: center;
}
.section_5 h3{
  font-size:.23rem;
  color:#888a8c;
  line-height: 1;
  padding-top:.19rem;
  text-align: center;
}
.section_5 .box{
  width:6.99rem;
  min-height:8.63rem;
  background: #fff;
  margin:.43rem auto 0;
  border-radius: .08rem;
  box-sizing: border-box;
  padding-bottom: .94rem;
}
.section_5 .box .center_img{
  width:4.82rem;
  height:4.33rem;
  margin-top:-.05rem;
}
.section_5 .box .text{
  width:5.92rem;
  margin:0 auto;
  position: relative;
}
.section_5 .box .text h4{
  font-size:.31rem;
  color:#242737;
  line-height: 1;
  font-weight: 600;
  padding-top:.10rem;
  padding-bottom:.34rem;
}
.section_5 .box .text p{
  font-size:.19rem;
  color:#73767d;
  line-height: .32rem;
  margin-bottom: .13rem;
  text-align: left;
  position: relative;
  padding-left:.21rem;
}
.section_5 .box .text p span{
  font-size:.40rem;
  color:#1a62e1;
  line-height: 1;
  position: absolute;
  top: -.06rem;
  left:0;
}
.section_5 .box .text::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: .56rem;
  height: .40rem;
  background: url(../Image/jhkqgl/text_icon1.png) center center no-repeat;
  background-size: .56rem .40rem;
}
.section_5 .box .text::after {
  display: block;
  content: "";
  position: absolute;
  bottom: -.40rem;
  right: 0;
  width: .56rem;
  height: .40rem;
  background: url(../Image/jhkqgl/text_icon2.png) center center no-repeat;
  background-size: .56rem .40rem;
}


.section_6{
  height:9.21rem;
  background: #fff;
  text-align: center;
}
.section_6 h2{
  font-size:.34rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  padding-top:.94rem;
  text-align: center;
}
.section_6 > img{
  margin-top:.63rem;
  width:7.03rem;
  height:5.23rem;
}
.section_6 .btnbox{
 text-align: center;
}
.section_6 .btnbox > a{
  font-size:.26rem;
  color:#fff;
  line-height: 1;
  display: inline-block;
  padding:.29rem .47rem;
  background: #1a62e1;
  border-radius: .08rem;
  margin:.50rem auto 0;
}


.liuzi{
  height:11.50rem;
  background: url(../Image/fzglxtwap/v2/s7_bg.png) center center no-repeat;
  background-size: 7.50rem;
}
.liuzi h2{
  font-size:.34rem;
  font-weight: 600;
  color:#1f2b43;
  line-height: 1;
  padding-top:.82rem;
  text-align: center;
}
.liuzi h3{
  font-size:.23rem;
  color:#606266;
  line-height: .36rem;
  padding-top:.21rem;
  text-align: center;
}
.liuzi 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;
}
.liuzi 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;
}
.liuzi .iframe_box{
  width: 6.30rem;
  height:7.20rem;
  margin:.54rem auto 0;
}