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

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/szppgwap/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;
  min-height:8.78rem;
  background-color: #fff;
  margin:auto;
  text-align: center;
}
.section_1 h2{
  font-size:.34rem;
  color:#1f2b43;
  line-height: .44rem;
  padding-top:.65rem;
  font-weight: 600;
  text-align: center;
}
.section_1 ul{
  width:6.90rem;
  margin:.48rem auto 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section_1 ul li{
  width: 3.26rem;
  height:1.10rem;
  margin-bottom:.14rem;
  box-shadow: .03rem 0 .08rem rgba(0,0,0,.03);
  box-sizing: border-box;
  padding-left:.20rem;
  padding-top:.22rem;
}
.section_1 ul li h4{
  font-size:.23rem;
  color:#1f2b43;
  font-weight: 600;
  line-height: 1;
  height:.38rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.section_1 ul li h4 i{
  display: block;
  width:.40rem;
  height:.38rem;
  margin-right:.18rem;
}
.section_1 ul li h4 i.icon1{background: url(../Image/szppgwap/s1_icon1.png) center center no-repeat;background-size: .36rem .34rem;}
.section_1 ul li h4 i.icon2{background: url(../Image/szppgwap/s1_icon2.png) center center no-repeat;background-size: .40rem .32rem;}
.section_1 ul li h4 i.icon3{background: url(../Image/szppgwap/s1_icon3.png) center center no-repeat;background-size: .36rem .34rem;}
.section_1 ul li h4 i.icon4{background: url(../Image/szppgwap/s1_icon4.png) center center no-repeat;background-size: .40rem .38rem;}
.section_1 ul li p{
  font-size:.19rem;
  color:#55647a;
  line-height: 1;
  text-align: left;
  padding-top:.13rem;
}
.section_1 > img{width: 5.88rem;height:3.33rem;margin-top: .25rem;}


.section_2{
  width:7.50rem;
  min-height:10.63rem;
  background-color: #f4f7fa;
  margin:auto;
  text-align: center;
}
.section_2 h2{
  font-size:.34rem;
  color:#1f2b43;
  line-height: .44rem;
  padding-top:.65rem;
  font-weight: 600;
  text-align: center;
}
.section_2 ul{
  width:7rem;
  margin:.48rem auto 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section_2 ul li{
  text-align: left;
}
.section_2 ul li h4{
  font-size:.23rem;
  color:#252d45;
  line-height: 1;
  font-weight: 600;
  padding-bottom:.21rem;
}
.section_2 ul li p{
  font-size:.19rem;
  color:#495970;
  line-height: .25rem;
  white-space: nowrap;
}
.section_2 ul li.item1{
  width: 3.48rem;
  height:1.84rem;
  box-sizing: border-box;
  padding-left:.36rem;
  padding-top:.51rem;
  background: url(../Image/szppgwap/s2_bg1.png) center center no-repeat;
  background-size: cover;
  margin-left:1.89rem;
}
.section_2 ul li.item2{
  width: 3.48rem;
  height:1.98rem;
  box-sizing: border-box;
  padding-left:.34rem;
  padding-top:.48rem;
  background: url(../Image/szppgwap/s2_bg2.png) center center no-repeat;
  background-size: cover;
  margin-top:-.16rem;
}
.section_2 ul li.item3{
  width: 3.48rem;
  height:1.98rem;
  box-sizing: border-box;
  padding-left:.34rem;
  padding-top:.48rem;
  background: url(../Image/szppgwap/s2_bg3.png) center center no-repeat;
  background-size: cover;
  margin-top:-.16rem;
}
.section_2 > img{width: 5.85rem;height:4.28rem;margin-top: .34rem;}


.section_3{
  width:7.50rem;
  min-height:11.82rem;
  background-color: #fff;
  margin:auto;
  text-align: center;
}
.section_3 h2{
  font-size:.34rem;
  color:#1f2b43;
  line-height: .44rem;
  padding-top:.65rem;
  font-weight: 600;
  text-align: center;
}
.section_3 > img{width: 5.58rem;height:4.74rem;margin-top: .21rem;}
.section_3 ul{
  width:7.08rem;
  margin:0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom:.14rem;
}
.section_3 ul li{
  text-align: left;
  width: 3.54rem;
  height:1.81rem;
  box-sizing: border-box;
  padding-top:.05rem;
  padding-left:.17rem;
}
.section_3 ul li h4{
  font-size:.23rem;
  color:#252d45;
  line-height: 1;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.section_3 ul li h4 i{
  display: block;
  width:.36rem;
  height:.36rem;
  margin-right:.14rem;
}
.section_3 ul li h4 i.icon1{background: url(../Image/szppgwap/s3_icon1.png) center center no-repeat;background-size: cover;}
.section_3 ul li h4 i.icon2{background: url(../Image/szppgwap/s3_icon2.png) center center no-repeat;background-size: cover;}
.section_3 ul li h4 i.icon3{background: url(../Image/szppgwap/s3_icon3.png) center center no-repeat;background-size: cover;}
.section_3 ul li p{
  font-size:.19rem;
  color:#495970;
  line-height: .25rem;
  padding-left:.51rem;
  margin-top:.03rem;
  white-space: nowrap;
}
.section_3 .zx{
  display: block;
  width: 6.32rem;
  line-height: .88rem;
  box-sizing: border-box;
  background: #0069ff;
  color: #FFFFFF;
  font-size: .3rem;
  border: none;
  border-radius: .03rem;
  margin:auto;
}


.section_4{
  width:7.50rem;
  min-height:11.66rem;
  background-color: #fff;
  margin:auto;
  position: relative;
}
.section_4 h2{
  font-size:.34rem;
  color:#fff;
  line-height: .44rem;
  padding-top:.65rem;
  font-weight: 600;
  text-align: center;
  position: relative;
  z-index: 2;
}
.section_4 .top{
  width:100%;
  height:4.14rem;
  background: #1a62e1;
  position: absolute;
  top:0;
  left:0;
  z-index: 1;
}
.section_4 .content{
  width:7.10rem;
  height:7.13rem;
  position: absolute;
  top:2.01rem;
  left:0;
  right:0;
  margin:auto;
  z-index: 2;
  background: red;
}
.section_4 .swiper-container-s4{
  width:7.10rem;
  height:7.13rem;
  position: absolute;
  top:2.01rem;
  left:0;
  right:0;
  margin:auto;
  z-index: 2;
  overflow: hidden;
}
.section_4 .swiper-slide img{
  width:7.10rem;
}
.section_4 .pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 3;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}
.section_4 .pagination .swiper-pagination-bullet{
  width:.11rem;
  height:.11rem;
  background-color: #c8c8c8;
  border-radius: 50%;
  margin-right:.12rem;
}
.section_4 .pagination .swiper-pagination-bullet-active{
  width:.11rem;
  height:.11rem;
  background-color: #1d60e5;
}
.section_4 .prev{
  width:.61rem;
  height:.61rem;
  border-radius: 50%;
  background: url(../Image/szppgwap/left_icon.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  top:3rem;
  left:0rem;
  z-index: 10;
}
.section_4 .next{
  width:.61rem;
  height:.61rem;
  border-radius: 50%;
  background: url(../Image/szppgwap/right_icon.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  top:3rem;
  right:0rem;
  z-index: 10;
}

.section_4 .btns{
  position: absolute;
  width: 100%;
  z-index: 3;
  bottom:.7rem;
}
.section_4 .btns .zx{
  display: block;
  width: 6.32rem;
  line-height: .88rem;
  box-sizing: border-box;
  background: #0069ff;
  color: #FFFFFF;
  font-size: .3rem;
  border: none;
  border-radius: .03rem;
  margin:auto;
}
.section_4 .btns p{
  font-size:.17rem;
  color:#465062;
  line-height: 1;
  text-align: center;
  margin-top:.21rem;
}


.section_5{
  width:7.50rem;
  min-height:10.90rem;
  background-color: #f4f7fa;
  margin:auto;
  position: relative;
}
.section_5 h2{
  font-size:.34rem;
  color:#1f2b43;
  line-height: .44rem;
  padding-top:.69rem;
  padding-bottom:.18rem;
  font-weight: 600;
  text-align: center;
}
.section_5 .tabbar{
  width:100%;
  height:.78rem;
  border-bottom:1px solid #e1e6f0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  padding:0 .21rem;
  box-sizing: border-box;
}
.section_5 .tabbar li{
  flex: 1;
  height:100%;
  margin:0 .12rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.section_5 .tabbar li h3{
  font-size:.26rem;
  color:#606266;
  line-height: 1;
  text-align: center;
  font-weight: 500;
}
.section_5 .tabbar li.active h3{color:#1a62e1;}
.section_5 .tabbar i{
  display: block;
  width:1.03rem;
  height:2px;
  background-color: #1a62e1;
  position: absolute;
  bottom:0;
  left:.58rem;
  transition: all 1s;
}
.section_5 .swiper-container-s5{
  width:7.08rem;
  height:7.80rem;
  margin:.40rem auto 0;
  overflow: hidden;
  background: #f5f7fa;
  border:1px solid #fff;
  box-shadow: .07rem 0 .21rem rgba(232,232,232,.41);
  box-sizing: border-box;
  position: relative;
}
.section_5 .swiper-slide .imgbox{
  width: 100%;
  height:3.03rem;
  padding-top:.32rem;
  text-align: center;
}
.section_5 .swiper-slide .img1{width:6.80rem;}
.section_5 .swiper-slide .img2{width:3.37rem;}
.section_5 .swiper-slide .img3{width:3.12rem;}
.section_5 .swiper-slide .img4{width:3.16rem;}
.section_5 .swiper-slide h3{
  padding-top:.19rem;
  font-size:.21rem;
  color:#1f2b43;
  line-height: 1;
  text-align: left;
  font-weight: 600;
  padding-left:.56rem;
}
.section_5 .swiper-slide p{
  padding-top:.07rem;
  font-size:.18rem;
  color:#495970;
  line-height: .26rem;
  text-align: left;
  padding-left:.56rem;
  width: 5.80rem;
}
.section_5 .pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 3;
  top:1.30rem;
  left:0;
  right:0;
  margin:auto;
  width:100%;
  height:.78rem;
}
.section_5 .pagination .swiper-pagination-bullet{
  flex:1;
  width: 100%;
  height:.78rem;
  /* background-color: #c8c8c8; */
  opacity: 0;
  border-radius: 0;
}
.section_5 .pagination .swiper-pagination-bullet-active{
  flex:1;
  width: 100%;
  height:.78rem;
  /* background-color: #1d60e5; */
  opacity: 0;
}
.section_5 .prev{
  width:.61rem;
  height:.61rem;
  border-radius: 50%;
  background: url(../Image/szppgwap/left_icon.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  top:3.5rem;
  left:0rem;
  z-index: 10;
}
.section_5 .next{
  width:.61rem;
  height:.61rem;
  border-radius: 50%;
  background: url(../Image/szppgwap/right_icon.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  top:3.5rem;
  right:0rem;
  z-index: 10;
}