@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:200}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:100;line-height: 1;}
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}
/* -------------------------- */


/* banner */
.banner{
  width:100%;
  height:6.90rem;
  background-color: #1a62e1;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.banner > img{width: 100%;position: absolute;top:0;left:0;right:0;margin:auto;}
.banner h1{
  font-size:.44rem;
  color:#fff;
  line-height: 1;
  padding-top:3.64rem;
  font-weight: 600;
  position: relative;
  z-index: 10;
}
.banner p{
  padding-top:.28rem;
  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;
  margin:.35rem .15rem 0;
}
.banner > a.zixun{
  display: inline-block;
  font-size:.30rem;
  color:#fff;
  padding:.18rem .42rem;
  border-radius: .08rem;
  background-color: #1a62e1;
  margin:.35rem .15rem 0;
  border:1px solid #fff;
}


.section_1{
  width:7.50rem;
  height:9.48rem;
  background-color: #fff;
  margin:auto;
}
.section_1 h2{
  font-size:.36rem;
  color:#1f2b43;
  line-height: 1;
  padding-top:1.08rem;
  font-weight: 600;
  text-align: center;
}
.section_1 ul{
  width:6.95rem;
  display: flex;
  flex-direction: column;
  margin:.59rem auto 0;
}
.section_1 ul li{
  width:100%;
  height:1.68rem;
  background:url(../Image/yyyxh5/s1_bg.png) center center no-repeat;
  background-size: cover;
  box-shadow: 0 0 .06rem rgba(196,196,196,.1);
  position: relative;
}
.section_1 ul li > img{position: absolute;top:.30rem;left:.30rem;z-index: 2;}
.section_1 ul li:nth-child(1) > img{width:.73rem;height:.58rem;}
.section_1 ul li:nth-child(2) > img{width:.67rem;height:.67rem;}
.section_1 ul li:nth-child(3) > img{width:.52rem;height:.46rem;left: 0.40rem;top:.40rem;}
.section_1 ul li:nth-child(4) > img{width:.56rem;height:.51rem;left: 0.40rem;top:.40rem;}
.section_1 ul li h3{
  font-size:.28rem;
  color:#374567;
  line-height: 1;
  padding-top:.38rem;
  padding-left:1.28rem;
  font-weight: 500;
}
.section_1 ul li p{
  font-size: .24rem;
  color:#6d788e;
  line-height: .32rem;
  padding-top: .13rem;
  padding-left: 1.28rem;
  white-space: nowrap;
}


.section_2{
  width:7.50rem;
  height:7.34rem;
  background-color: #fff;
  margin:auto;
}
.section_2 h2{
  font-size:.36rem;
  color:#1f2b43;
  line-height: 1;
  padding-top:1.03rem;
  padding-bottom:.88rem;
  font-weight: 600;
  text-align: center;
}
.section_2 > img{width:7.50rem;text-align: center;}


.section_3{
  width:7.50rem;
  height:8rem;
  background:url(../Image/yyyxh5/s3_bg.png) center center no-repeat;
  background-size: cover;
  margin:auto;
  position: relative;
}
.section_3 h2{
  font-size:.36rem;
  color:#1f2b43;
  line-height: 1;
  padding-top:.90rem;
  font-weight: 600;
  text-align: center;
}
.section_3 h3{
  width: 6.22rem;
  height:.60rem;
  line-height: .60rem;
  margin: .60rem auto 0;
  font-size:.30rem;
  font-weight: 500;
  color:#fff;
  text-align: center;
  background: url(../Image/yyyxh5/s3_bg2.png) center center no-repeat;
  background-size: cover;
}
.section_3 .swiper-container-s3{
  width:6.22rem;
  height:4.50rem;
  background-color: #fff;
  margin:.20rem auto 0;
  overflow: hidden;
}
.section_3 .swiper-slide{
  text-align: center;
}
.section_3 .swiper-slide h4{
  width:fit-content;
  font-size:.27rem;
  font-weight: 500;
  color:#212c42;
  line-height: .56rem;
  border-bottom:1px solid #1a62e1;
  margin:.33rem auto 0;
} 
.section_3 .swiper-slide img{
  width:4.96rem;
  margin-top:.60rem;
}
.section_3 .prev{
  width:.61rem;
  height:.61rem;
  border-radius: 50%;
  background: url(../Image/yyyxh5/left_icon.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  top:4.08rem;
  left:.25rem;
}
.section_3 .next{
  width:.61rem;
  height:.61rem;
  border-radius: 50%;
  background: url(../Image/yyyxh5/right_icon.png) center center no-repeat;
  background-size: cover;
  position: absolute;
  top:4.08rem;
  right:.25rem;
}


.section_4{
  width:7.50rem;
  height:11.74rem;
  background:#fff;
  margin:auto;
  overflow: hidden;
}
.section_4 h2{
  font-size:.36rem;
  color:#1f2b43;
  line-height: 1;
  padding-top:1.09rem;
  font-weight: 600;
  text-align: center;
}
.section_4 .label{
  overflow: hidden;
  margin-top:.73rem;
  padding:0 .30rem;
}
.section_4 .label ul li{
  width:2.10rem;
  height:1.30rem;
  box-sizing: border-box;
  border:1px solid #e7ebf3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.section_4 .label ul > .swiper-slide-active{border:1px solid #1a62e1;box-shadow: 0 0 .13rem rgba(26, 98, 225, 0.3);}
.section_4 .label ul li:nth-child(1) img{width:1.29rem;}
.section_4 .label ul li:nth-child(2) img{width:1.16rem;}
.section_4 .label ul li:nth-child(3) img{width:1.57rem;}
.section_4 .label ul li:nth-child(4) img{width:1.40rem;}
.section_4 .label ul li:nth-child(5) img{width:1.22rem;}

.section_4 .box p{
  width:6.92rem;
  height:7.61rem;
  box-sizing: border-box;
  border:1px solid #e7ebf3;
  margin:auto;
  text-align: center;
}
.section_4 .box p:nth-of-type(1) img{width:6rem;margin-top:.45rem;}
.section_4 .box p:nth-of-type(2) img{width:6.14rem;margin-top:.37rem;}
.section_4 .box p:nth-of-type(3) img{width:6rem;margin-top:.12rem;}
.section_4 .box p:nth-of-type(4) img{width:6.54rem;margin-top:.12;}
.section_4 .box p:nth-of-type(5) img{width:6.15rem;margin-top:.47rem;}

.signForm iframe { height: 4rem;}