@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:200}
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{ text-align:center;padding-bottom: 50px;}
#wrapper { height:auto; margin:0 auto; max-width:7.50rem;background:#f9faff;}
#container {width:100%;margin:0 auto;}
#container {height:auto!important; height:100%; min-height:100%;padding-bottom: .45rem;}
#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;}

.signForm iframe { height: 4rem;}


.banner{
  width:100%;
  min-height:6.80rem;
  background-color: #1a62e1;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-image: url(../Image/jsztwap/banner_bg.png);
  background-size: 7.50rem 6.80rem;
  background-repeat:space;
  background-position: center center;
}
.banner h1{
  font-size:.42rem;
  color:#fff;
  line-height: 1;
  padding-top:3.77rem;
  font-weight: 600;
}
.banner p{
  padding-top:.21rem;
  font-size: .22rem;
  color:#fff;
  line-height: .36rem;
}
.banner > a{
  display: inline-block;
  font-size:.30rem;
  color:#1a62e1;
  padding:.21rem .46rem;
  border-radius: .08rem;
  background-color: #fff;
  line-height: 1;
  margin:.15rem .12rem 0;
}
.banner > a.btn2{
  padding:.21rem .46rem;
  box-sizing: border-box;
  background: none;;
  color:#fff;
  border:1px solid #fff;
}
.banner > span{
  display: block;
  font-size:.28rem;
  color:#fff;
  line-height: 1;
  margin:.18rem auto 0;
}


.section_1{
  width:7.50rem;
  height:5.04rem;
  background-color: #fff;
  margin:auto;
  text-align: center;
}
.section_1 h2{
  font-size:.36rem;
  color:#1f2b43;
  line-height: 1;
  padding-top:.72rem;
  font-weight: 600;
  text-align: center;
}
.section_1 ul{
  width:7rem;
  margin:.49rem auto 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section_1 ul li{
  width:3.41rem;
  height:1.27rem;
  box-sizing: border-box;
  box-shadow: 0 0 .54rem rgba(0, 0, 0, .1);
  margin-bottom:.16rem;
  background-size: 100% 100%;
  background-position: center center;
  background-size: 3.41rem 1.27rem;
  background-repeat: no-repeat;
  padding-left:.90rem;
  padding-top:.47rem;
  line-height: 1;
  font-size:.23rem;
  font-weight: 600;
  text-align: left;
}
.section_1 ul li:nth-child(1){background-image: url(../Image/jsztwap/s1_bg1.png);}
.section_1 ul li:nth-child(2){background-image: url(../Image/jsztwap/s1_bg2.png);}
.section_1 ul li:nth-child(3){background-image: url(../Image/jsztwap/s1_bg3.png);}
.section_1 ul li:nth-child(4){background-image: url(../Image/jsztwap/s1_bg4.png);}


.section_2{
  width:7.50rem;
  height:8.32rem;
  background-color: #1a62e1;
  margin:auto;
  text-align: center;
}
.section_2 h2{
  font-size:.36rem;
  color:#fff;
  line-height: 1;
  padding-top:.80rem;
  font-weight: 600;
  text-align: center;
}
.section_2 > img{
  width:7.47rem;
  height:6.12rem;
  margin-top:.31rem;
}


.section_3{
  width:7.50rem;
  min-height:5rem;
  background-color: #fff;
  margin:auto;
  text-align: center;
  padding-bottom:.75rem;
}
.section_3 h2{
  font-size:.36rem;
  color:#1f2b43;
  line-height: 1;
  padding-top:.92rem;
  font-weight: 600;
  text-align: center;
}
.section_3 ul{
  width:7.50rem;
  margin:.60rem auto 0;
  text-align: left;
  overflow: hidden;
}
.section_3 ul li{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.section_3 ul li h3{
  font-size:.31rem;
  color:#0c0c0c;
  line-height: 1;
}
.section_3 ul li p{
  font-size:.23rem;
  color:#6d788e;
  line-height: .36rem;
  margin-top:.21rem;
  white-space: nowrap;
}
.section_3 ul li > div{width: 50%;}
.section_3 ul li.li_1{height:3.40rem;}
.section_3 ul li.li_1 img{margin-left:.06rem;width: 3.86rem;height:3.40rem;}
.section_3 ul li.li_1 h3{margin-left:.38rem;margin-top:.31rem;}
.section_3 ul li.li_1 p{margin-left:.38rem;}

.section_3 ul li.li_2{height:2.85rem;flex-direction: row-reverse;margin-top:.26rem;}
.section_3 ul li.li_2 img{margin-left:.08rem;width: 3.91rem;height: 2.85rem;}
.section_3 ul li.li_2 h3{margin-left:.34rem;margin-top:0;}
.section_3 ul li.li_2 p{margin-left:.34rem;}

.section_3 ul li.li_3{height:3.01rem;margin-top:-.08rem;}
.section_3 ul li.li_3 img{margin-left:-.08rem;width: 3.81rem;height:3.01rem}
.section_3 ul li.li_3 h3{margin-left:.14rem;margin-top:.34rem;}
.section_3 ul li.li_3 p{margin-left:.14rem;}

.section_3 ul li.li_4{height:2.79rem;flex-direction: row-reverse;margin-top:.33rem;}
.section_3 ul li.li_4 img{margin-left:-.10rem;width: 3.95rem;height: 2.79rem;}
.section_3 ul li.li_4 h3{margin-left:.24rem;margin-top:.60rem;}
.section_3 ul li.li_4 p{margin-left:.24rem;}

.section_3 ul li.li_5{height:2.57rem;}
.section_3 ul li.li_5 img{margin-left:0;width: 3.72rem;height: 2.57rem;}
.section_3 ul li.li_5 h3{margin-left:.28rem;margin-top:.37rem;}
.section_3 ul li.li_5 p{margin-left:.28rem;}


.section_4{
  width:7.50rem;
  min-height:8.15rem;
  background-color: #f6f6f8;
  margin:auto;
}
.section_4 h2{
  font-size:.36rem;
  color:#1f2b43;
  line-height: 1;
  padding-top:.63rem;
  font-weight: 600;
  text-align: center;
}
.section_4 ul.tabbar{
  width:7.50rem;
  height:.73rem;
  margin:.42rem auto 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.section_4 ul.tabbar li{
  padding:0 .31rem;
  line-height: .73rem;
  font-size:.27rem;
  font-weight: 600;
  color:#0c0c0c;
  position: relative;
}
.section_4 ul.tabbar li.active i{
  width: 1.09rem;
  height:.04rem;
  background: #1a62e1;
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}
.section_4 .swiper-container {
  width: 100%;
  height: 5rem;
  margin-top:.34rem;
}
.section_4 .swiper-container-horizontal>.swiper-pagination{
  bottom:0 !important;
}
.section_4 .item{
  width:7.50rem;
  height:4.53rem;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 7.50rem 4.53rem;
  text-align: left;
}
.section_4 .item h3{
  font-size:.31rem;
  color:#fff;
  line-height: 1;
  font-weight: 600;
  padding-top:.58rem;
  margin-left:.29rem;
}
.section_4 .item p{
  font-size:.21rem;
  color:#fff;
  line-height: .33rem;
  margin-top:.21rem;
  margin-left:.29rem;
}
.section_4 .item a{
  display: inline-block;
  box-sizing: border-box;
  width: 1.56rem;
  height:.53rem;
  line-height: .53rem;
  border:1px solid #fff;
  border-radius: .04rem;
  font-size:.19rem;
  color:#fff;
  text-align: center;
  position: absolute;
  left:.25rem;
  bottom:.59rem;
}
.section_4 .item1{background-image: url(../Image/jsztwap/s4_item1.png);}
.section_4 .item2{background-image: url(../Image/jsztwap/s4_item2.png);}
.section_4 .item3{background-image: url(../Image/jsztwap/s4_item3.png);}
.section_4 .item4{background-image: url(../Image/jsztwap/s4_item4.png);}