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

.signForm iframe { height: 4rem;}

/* *{ touch-action: none; } */
/* 2022-4 */
.banner{
    width:100%;
    height:7.70rem;
    background-color: #1a62e1;
    text-align: center;
    position: relative;
}
.banner > img{width: 4.07rem;height:auto;position: absolute;top:.26rem;left:0;right:0;margin:auto;}
.banner h1{
    font-size:.44rem;
    color:#fff;
    line-height: 1;
    padding-top:4.63rem;
    font-weight: 600;
}
.banner p{
    padding-top:.25rem;
    font-size: .20rem;
    color:#bbd0f6;
    line-height: .36rem;
}
.banner > a{
    display: inline-block;
    font-size:.28rem;
    line-height: 1;
    color:#1a62e1;
    padding:.20rem .46rem;
    border-radius: .08rem;
    background-color: #fff;
    margin:.16rem .12rem 0;
}
.banner > a.btn2{
    padding:.19rem .22rem;
    box-sizing: border-box;
    background: none;;
    color:#fff;
    border:1px solid #fff;
}
.banner > span{
    display: block;
    margin:.15rem auto 0;
    font-size:.26rem;
    color:#fff;
    line-height: 1;
}

.section_1{
    width: 100%;
    height:8rem;
    background: #fff;
}
.section_1 h2{
    font-size:.34rem;
    color:#1f2b43;
    line-height: 1;
    font-weight:600;
    padding-top:.82rem;
}
.section_1 h3{
    font-size:.22rem;
    color:#6d788e;
    line-height: .36rem;
    padding-top:.32rem;
    width:7rem;
    margin:auto;
    white-space: nowrap;
    text-align: left;
}
.section_1 ul{
    width: 6.93rem;
    min-height:4.25rem;
    margin:.51rem auto 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.section_1 ul li{height:2.89rem; box-shadow: 0 0 .29rem rgba(26, 98, 225, 0.1);position: relative;}
.section_1 ul li img{width: 100%;height:auto;}
.section_1 ul li:nth-child(1){
    width:1.38rem;
}
.section_1 ul li:nth-child(2){
    width:1.62rem;
}
.section_1 ul li:nth-child(3){
    width:3.65rem;
}
.section_1 ul li i{
    display: block;
    width:0;
    height:0;
    border-bottom:.08rem solid #1a62e1;
    border-top:.08rem solid rgba(0, 0, 0, 0);
    border-left:.06rem solid rgba(0, 0, 0, 0);
    border-right:.06rem solid rgba(0, 0, 0, 0);
    position: absolute;
    bottom:-.35rem;
    left:0;
    right:0;
    margin:auto;
}
.section_1 ul li h4{
    font-size:.22rem;
    color:#6d788e;
    line-height: .28rem;
    text-align: left;
    white-space: nowrap;
    position: absolute;
    bottom:-1.08rem;
    left:0;
    right:0;
    margin:auto;
    width:1.35rem;
}
.section_1 ul li:nth-child(2) h4{width:1.55rem;bottom:-1.36rem;}
.section_1 ul li:nth-child(3) h4{width:1.75rem;bottom:-.80rem;}


.section_2{
    width: 100%;
    height:10.05rem;
    background: #fff;
}
.section_2 h2{
    font-size:.34rem;
    color:#1f2b43;
    line-height: 1;
    font-weight:600;
    padding-top:1.03rem;
}
.section_2 ul{
    width:6.97rem;
    margin:.57rem auto 0;
}
.section_2 ul li{
    width:100%;
    height:3.52rem;
    box-shadow: 0 0 .29rem rgba(26, 98, 225, 0.1);
    border-radius: .08rem;
    margin-bottom:.17rem;
    position:relative;
}
.section_2 ul li h3{
    font-size:.26rem;
    color:#374567;
    font-weight: 600;
    line-height: 1;
    text-align: left;
}
.section_2 ul li p{
    font-size:.22rem;
    color:#6d788e;
    line-height: .35rem;
    padding-top:.24rem;
    text-align: left;
}
.section_2 ul li:nth-child(1) h3{padding-top:1.06rem;padding-left:.38rem;}
.section_2 ul li:nth-child(1) p{padding-left:.38rem;}
.section_2 ul li:nth-child(1) img{position: absolute;left:2.80rem;top:.28rem;width: 3.94rem;height: auto;}
.section_2 ul li:nth-child(2) h3{padding-top:.96rem;padding-left:4.37rem;}
.section_2 ul li:nth-child(2) p{padding-left:4.37rem;}
.section_2 ul li:nth-child(2) img{position: absolute;left:.41rem;top:.46rem;width: 3.49rem;height: auto;}


.section_3{
    width: 100%;
    min-height:5rem;
    background: #f7f9fc;
}
.section_3 h2{
    font-size:.34rem;
    color:#1f2b43;
    line-height: 1;
    font-weight:600;
    padding-top:.88rem;
}
.section_3 ul{
    width:7.50rem;
    margin:.87rem auto 0;
    min-height:1rem;
    padding-bottom:.58rem;
}
.section_3 ul li{position: relative;}
.section_3 ul li h3{font-size:.26rem;line-height: 1;font-weight: 600;text-align: left;}
.section_3 ul li p{font-size:.22rem;line-height: .36rem;text-align: left;padding-top:.30rem;}
.section_3 ul li:nth-child(1) img{position: absolute;top:.06rem;left:.23rem;width: 3.52rem;height:auto;}
.section_3 ul li:nth-child(1) h3{padding-left:4rem;}
.section_3 ul li:nth-child(1) p{padding-left:4rem;}
.section_3 ul li:nth-child(2){margin-top:.97rem;height:2.34rem;}
.section_3 ul li:nth-child(2) img{position: absolute;top:0;left:3.55rem;width: 3.76rem;height:auto;}
.section_3 ul li:nth-child(2) h3{padding-left:.32rem;padding-top:.18rem;}
.section_3 ul li:nth-child(2) p{padding-left:.32rem;}
.section_3 ul li:nth-child(3){margin-top:1.01rem;height:2.54rem;}
.section_3 ul li:nth-child(3) img{position: absolute;top:0;left:.27rem;width: 3.98rem;height:auto;}
.section_3 ul li:nth-child(3) h3{padding-left:4.27rem;padding-top:.05rem;}
.section_3 ul li:nth-child(3) p{padding-left:4.27rem;}
.section_3 ul li:nth-child(4){margin-top:.73rem;height:2.62rem;}
.section_3 ul li:nth-child(4) img{position: absolute;top:0;left:3.90rem;width: 3.62rem;height:auto;}
.section_3 ul li:nth-child(4) h3{padding-left:.30rem;padding-top:.04rem;}
.section_3 ul li:nth-child(4) p{padding-left:.30rem;}


.section_4{
    width: 100%;
    min-height:8.37rem;
    background: #fff;
}
.section_4 h2{
    font-size:.34rem;
    color:#1f2b43;
    line-height: 1;
    font-weight:600;
    padding-top:1.02rem;
}
.section_4 .swiper-container {
    width: 7.50rem;
    height: 5.69rem;
    margin-top:.67rem;
}
.section_4 .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
/* .section_4 .swiper-button-next.swiper-button-disabled, .section_4 .swiper-button-prev.swiper-button-disabled{
    display: none !important;
} */
.section_4 .swiper-button-next{
    width: .50rem !important;
    height: .50rem !important;
    background: url(../Image/hyyxwap/2022-8/next.png) center center no-repeat !important;
    background-size: cover !important;
    position: absolute !important;
    top: 3.12rem !important;
    right: .30rem !important;
    z-index: 20 !important;
}
.section_4 .swiper-button-prev{
    width: .50rem !important;
    height: .50rem !important;
    background: url(../Image/hyyxwap/2022-8/prev.png) center center no-repeat !important;
    background-size: cover !important;
    position: absolute !important;
    top: 3.12rem !important;
    left: .30rem !important;
    z-index: 20 !important;
}
.section_4 h3{
    font-size:.26rem;
    color:#374567;
    line-height: 1;
    font-weight: 600;
}
.section_4 h3 span{color:#1a62e1;font-weight: 600;}
.section_4 p{
    font-size:.22rem;
    color:#6d788e;
    line-height: .36rem;
    margin-top:.30rem;
}
.section_4 .img1{width:5.08rem;height:3.87rem;margin-top:.32rem;}
.section_4 .img2{width:4.18rem;height:4.50rem;margin-top:.29rem;}
.section_4 .img3{width:4.34rem;height:4.50rem;margin-top:.20rem;}

.section_5{
    width: 100%;
    min-height:12.68rem;
    background: #f7f9fc;
}
.section_5 h2{
    font-size:.34rem;
    color:#1f2b43;
    line-height: 1;
    font-weight:600;
    padding-top:.82rem;
}
.section_5 .box{
    width:6.81rem;
    height:10.05rem;
    background: #fff;
    margin:.39rem auto 0;
    border-radius: .08rem;
    box-shadow: 0 0 .29rem rgba(26, 98, 225, 0.1);;
    box-sizing: border-box;
    padding-top:.42rem;
}
.section_5 .box > img{
    display: block;
    margin:auto;
    width:4.23rem;
    height:4.05rem;
}
.section_5 .box .text{
    width:5.40rem;
    height: auto;
    margin:.70rem auto 0;
    position: relative;
}
.section_5 .box .text p{
    font-size:.23rem;
    color:#58637f;
    line-height: .40rem;
    margin-bottom:.26rem;
    white-space: nowrap;
    text-align: left;
}
.section_5 .text::before { display: block; content: ""; position: absolute; top: -.65rem; left: -.20rem; width: .65rem; height: .46rem; background: url(../Image/memberMarketing/2021-11/icon_txt.png) 0 0 no-repeat;background-size:1.30rem .46rem;}
.section_5 .text::after { display: block; content: ""; position: absolute; bottom: -.34rem; right: -.10rem; width: .65rem; height: .46rem; background: url(../Image/memberMarketing/2021-11/icon_txt.png) -.65rem 0 no-repeat;background-size:1.30rem .46rem;}