@charset "utf-8";
/* CSS Main */

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;}

a {color:#0066cc;}
.a-hide {display: block; height: 100%; text-indent: -999px; overflow: hidden;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align:center;}
.tj{text-align:justify;*text-justify:distribute;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.b { font-weight:bold;}
.n { font-weight:normal;}
.i { font-style:italic;}

.fn:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}
.fn{*zoom:1}
.l{float:left}
.r{float:right}
.cl{clear: both;}
.rel{ position:relative;}
.abs{ position:absolute;}
.oh{overflow:hidden}
.db { display:block;}
.di { display:inline;}
.dn { display:none;}
.dib{display:inline-block;*display:inline;*zoom:1}
/* =0 Reset
--------------------------------------------------------------*/

/* Global
--------------------------------------------------------------*/
body{ height:100%; min-height:100%; text-align:center;}
#wrapper { height:auto; margin:0 auto; max-width:640px;background:#fff;}
#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:#000; color:#fff;}
/*----------------------------------  Global����  ------------------------------------*/
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #ccc;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #ccc;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc;
}
input,select{-webkit-appearance: none;margin-left: 20px;padding: 10px 0;height: 100%;border: none;box-sizing: border-box;font-size: 16px;line-height: 30px;color: #333;}
.mt20{margin-top: 20px !important;}
.mt10{margin-top: 10px !important;}
.ml18{margin-left: 18px !important;}
.mt0{margin-top: 0px !important;}
.pt20{padding-top: 20px !important;}
.pt5{padding-top: 5px !important;}
.pt0{padding-top: 0px !important;}
.c06A243{color: #06A243 !important;}
.ed3f41{color: #ed3f41 !important;}
.eba900{color: #eba900 !important;}
.fff{background: #fff !important;}
.mt25{margin-top: .25rem;}

#wrapper{
  height: auto;
  margin: 0 auto;
  /* max-width: 7.50rem; */
  background: #fff;
  overflow:hidden;
  /* padding-bottom:1.5rem; */
}


/* banner */
.banner{
  width:100%;
  height:6.90rem;
  background-color: #1a62e1;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.banner > img{width: 4.61rem;position: absolute;top:0;left:0;right:0;margin:auto;}
.banner h1{
  font-size:.44rem;
  color:#fff;
  line-height: 1;
  padding-top:3.70rem;
  font-weight: 600;
  position: relative;
  z-index: 10;
}
.banner p{
  padding-top:.19rem;
  font-size: .22rem;
  color:#98b8f1;
  line-height: .36rem;
}
.banner > a{
  display: inline-block;
  font-size:.30rem;
  color:#1a62e1;
  padding:.21rem .46rem;
  border-radius: .08rem;
  background-color: #fff;
  margin:.31rem .15rem 0;
}
.banner > a.zixun{
  display: inline-block;
  font-size:.30rem;
  color:#fff;
  padding:.18rem .42rem;
  border-radius: .08rem;
  background-color: #1a62e1;
  margin:.31rem .15rem 0;
  border:1px solid #fff;
}
.banner h2{
  font-size:.30rem;
  color:#fff;
  line-height: 1;
  padding-top:.18rem;
  font-weight: 500;
}


.section_1{
  width:7.50rem;
  height:9.80rem;
  background-color: #fff;
  margin:auto;
  text-align: center;
}
.section_1 h2{
  font-size:.36rem;
  color:#1f2b43;
  line-height: 1;
  padding-top:1.12rem;
  font-weight: 600;
  text-align: center;
}
.section_1 ul{
  width:6.78rem;
  margin: .53rem auto 0;
}
.section_1 ul li{
  width:100%;
  height:1.70rem;
  box-shadow: 0 0 .24rem rgba(26, 98, 225, .1);
  margin-bottom:.13rem;
  text-align: left;
}
.section_1 ul li:nth-child(1){background: url(../Image/jft/wap/s1_bg1.png) center center no-repeat;background-size: cover;}
.section_1 ul li:nth-child(2){background: url(../Image/jft/wap/s1_bg2.png) center center no-repeat;background-size: cover;}
.section_1 ul li:nth-child(3){background: url(../Image/jft/wap/s1_bg3.png) center center no-repeat;background-size: cover;}
.section_1 ul li:nth-child(4){background: url(../Image/jft/wap/s1_bg4.png) center center no-repeat;background-size: cover;}
.section_1 ul li h3{
  font-size:.26rem;
  color:#374567;
  line-height: 1;
  padding-left:1.30rem;
  padding-top:.30rem;
}
.section_1 ul li p{
  font-size:.23rem;
  color:#6d788e;
  line-height: .37rem;
  padding-left:1.30rem;
  padding-top:.17rem;
}


.section_2{
  width:7.50rem;
  height:8.40rem;
  background-color: #fff;
  margin:auto;
  text-align: center;
}
.section_2 h2{
  font-size:.36rem;
  color:#1f2b43;
  line-height: 1;
  padding-top:1.12rem;
  font-weight: 600;
  text-align: center;
}
.section_2 > img{
  width:7.43rem;
  margin-top:.43rem;
}


.section_3{
  width:7.50rem;
  height:9.10rem;
  background-color: #e9eff6;
  margin:auto;
  text-align: center;
  position: relative;
}
.section_3 h2{
  font-size:.36rem;
  color:#1f2b43;
  line-height: 1;
  padding-top:.91rem;
  font-weight: 600;
  text-align: center;
}
.section_3 .swiper-container-s3{
  width:7.50rem;
  height:6.20rem;
  margin:1.07rem auto 0;
  overflow: hidden;
}
.section_3 .img1{width:6.32rem;}
.section_3 .img2{width:6.10rem;}
.section_3 .img3{width:6.03rem;}
.section_3 .img4{width:6.29rem;}
.section_3 .prev{
  width:.61rem;
  height:.61rem;
  border-radius: 50%;
  background: url(../Image/jft/wap/left_icon.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  top:4.69rem;
  left:.25rem;
  z-index: 10;
}
.section_3 .next{
  width:.61rem;
  height:.61rem;
  border-radius: 50%;
  background: url(../Image/jft/wap/right_icon.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  top:4.69rem;
  right:.25rem;
  z-index: 10;
}


.section_4{
  width:7.50rem;
  height:12.62rem;
  background-color: #fff;
  margin:auto;
  text-align: center;
}
.section_4 h2{
  font-size:.36rem;
  color:#1f2b43;
  line-height: 1;
  padding-top:1.16rem;
  font-weight: 600;
  text-align: center;
}
.section_4 h3{
  font-size:.23rem;
  color:#6d788e;
  line-height: .40rem;
  margin-top:.34rem;
}
.section_4 ul{
  width:6.68rem;
  margin:.48rem auto 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section_4 ul li{
  width:3.18rem;
  height:1.74rem;
  margin-bottom:.25rem;
  position: relative;
}
.section_4 ul li img{
  width:3.18rem;
  height:1.74rem;
}
.section_4 ul li h4{
  font-size:.22rem;
  color:#fff;
  line-height: .41rem;
  width:100%;
  background-color: rgba(0, 0, 0, .5);
  position: absolute;
  bottom:0;
  left:0;
}

.signForm iframe { height: 4rem;}