@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: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:#f5f7fc;}
#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;}

/*电子发票*/
.mt68{margin-top: .68rem;}
.cedaa28{color: #edaa28;font-size: .36rem;}
.mb60{margin-bottom: .60rem;}
/*.vessel{width: 7.5rem;}*/
.structure_banner{
    width: 100%;
    height:7.7rem;
    background-color: #1a62e1;
    background-image: url(../Image/hyyxwap/2022/banner.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size:100% auto;
}
.structure_banner h1{color: #ffffff;font-size: .44rem;line-height: .44rem; padding: 3.7rem 0 .2rem 0; font-weight: 600;}
.structure_banner p{color: #ffffff;font-size: .22rem;opacity: 0.7;}
.structure_banner .btn_box { display: inline-block; width: 2.1rem; height: .7rem; line-height: .7rem; background: #ffffff; border-radius: .04rem; margin: .3rem .10rem 0; color: #1a62e1;}
.structure_banner > a {
    display: inline-block;
    font-size:.30rem;
    color:#1a62e1;
    padding:.21rem .46rem;
    border-radius: .08rem;
    background-color: #fff;
    margin:.3rem .15rem 0;
}
.structure_banner > span {
    display: block;
    font-size: .28rem;
    color: #fff;
    line-height: 1;
    margin: 0.18rem auto 0;
}

.structure_zm{ margin: -.7rem 0 0; position: relative;}
.structure_zm ul { margin: 0 .4rem; padding: .25rem .4rem; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: wrap; background: #f5f7fc; box-sizing: border-box;border: 1px solid #ffffff; border-image: -webkit-linear-gradient(#ffffff,#edf1fa) 30 30; border-image: -moz-linear-gradient(#ffffff,#edf1fa) 30 30; border-image: linear-gradient(#ffffff,#edf1fa) 30 30; box-shadow: 0 0 .38rem rgba(140, 154, 168, .15);}
.structure_zm ul li { flex: 0 0 55%; display: flex; align-items: center; justify-content: flex-start; margin: .15rem 0;}
.structure_zm ul li:nth-child(2n) { flex: 0 0 35%;}
.structure_zm ul li img { width: .5rem; margin-right: .1rem;}
.structure_zm ul li p { color: #1f2b41; font-size: .24rem;}
.structure_zm .tit{
    width: 100%;
    position: absolute;
    top:0;
    left:0;
}
.structure_zm .tit h2{
    font-size: .34rem;
    color:#1f2b43;
    line-height: 1;
    padding-top:.44rem;
    font-weight: 600;
}
.structure_zm .tit p{
    font-size:.21rem;
    color:#8b97b1;
    line-height: 1;
    padding-top: .20rem;
}

.structure_rw{background: url(../Image/hyyxwap/2022/rw_bg.png) no-repeat center center; background-size: cover; height: 5.26rem;box-sizing: border-box;padding-top: .7rem;text-align: center;}
.structure_rw>h1{color: #ffffff;font-size: .36rem;font-weight: 600;}
.structure_rw>p{font-size: .24rem;color: #ffffff;line-height: .34rem;margin: .2rem auto .7rem;font-weight: 200;}
.structure_rw .structure_rw_u1{margin-top: 0;}
.structure_rw .structure_rw_u1 li{width: 20%;float: left;}
.structure_rw .structure_rw_u1 li img{height: .46rem;width: auto;}
.structure_rw .structure_rw_u1 li p{font-size: .24rem;color: #ffffff; margin-top: .2rem;}

.structure_cz{padding: .82rem 0 .7rem;overflow: hidden; background: #fff;}
.structure_cz>h1{font-size: .36rem;line-height: .46rem;color: #444444;margin-bottom: .31rem;padding: 0; font-weight: 600;}
.structure_cz .txt { padding: 0 .38rem; background: url(../Image/hyyxwap/2022/cz_img.png) right bottom no-repeat; background-size: contain;}
.structure_cz .txt h3 { font-size:.26rem;line-height: 1;color: #1f2b43;padding-bottom: .6rem;font-weight: 500; text-align: left; position: relative;}
.structure_cz .txt h3::after { display: block; content: ""; width: .3rem; height: .04rem; background: #1a62e1; position: absolute; bottom: .28rem; left: 0;}
.structure_cz .txt p { font-size:.22rem;line-height: 1.4;color: #8b97b1;padding-bottom: .4rem; text-align: justify; width: 65%;}
.structure_cz ul::after{content:'';display:block;height:0;visibility:hidden;clear:both;}
.structure_cz ul{ display: flex; align-items: center; justify-content: space-between; margin: 0 .3rem; box-shadow: 0 0 .38rem rgba(140, 154, 168, .15);
    border: 1px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    border-image: -webkit-linear-gradient(#ffffff, #f5f7fa) 0 0;
    border-image: -moz-linear-gradient(#ffffff, #f5f7fa) 0 0;
    border-image: -o-linear-gradient(#ffffff, #f5f7fa) 0 0;
    border-image: linear-gradient(#ffffff, #f5f7fa) 0 0;
    background-image: -webkit-linear-gradient(top,#ecf0f8 ,#fbfcfe);
    background-image: -moz-linear-gradient(top,#ecf0f8 ,#fbfcfe);
    background-image: -o-linear-gradient(top,#ecf0f8 ,#fbfcfe);
    background-image: linear-gradient(top,#ecf0f8 ,#fbfcfe);
}
.structure_cz ul li{ flex: 0 0 25%; box-sizing: border-box; padding: .3rem 0;}
.structure_cz ul li p{margin-top: .1rem;font-size: .24rem;line-height: .24rem;color: #1f2b43;}
.structure_cz ul li img{width: .42rem;}

.structure_qy{padding: .7rem 0 .65rem; background: #ffffff;}
.structure_qy>h1{font-size: .36rem;color: #1f2b43;line-height: 1;padding: 0 0 .24rem 0;font-weight: 600;}
.structure_qy>p{font-size: .26rem;line-height: .34rem;margin: 0 auto .6rem;font-weight: 500; color: #8b97b1;}
.structure_qy .item { width: 7.50rem;min-height:5rem;margin:auto;}
.structure_qy .item li{width: 100%;height:auto;}
.structure_qy .item li > div{text-align: left;}
.structure_qy .item li > div h3{font-size:.26rem;color:#1f2b43;line-height: .36rem;font-weight: 600;}
.structure_qy .item li > div p{font-size:.23rem;color:#8b97b1;line-height: .36rem;padding-top:.20rem;font-weight: 500;}
.structure_qy .item li:nth-child(1){display: flex;flex-direction: row;}
.structure_qy .item li:nth-child(1) > img{width:3.88rem;height:3.30rem;margin-left:.14rem;}
.structure_qy .item li:nth-child(1) > div{padding-left:.45rem;padding-top:.55rem;}
.structure_qy .item li:nth-child(2){display: flex;flex-direction: row-reverse;margin-top:.20rem;}
.structure_qy .item li:nth-child(2) > img{width:2.98rem;height:3.28rem;margin-right:.45rem;}
.structure_qy .item li:nth-child(2) > div{padding-right:.40rem;padding-top:.42rem;}
.structure_qy .item li:nth-child(3){display: flex;flex-direction: row;margin-top:.44rem;}
.structure_qy .item li:nth-child(3) > img{width:3.05rem;height:3.24rem;margin-left:.61rem;}
.structure_qy .item li:nth-child(3) > div{padding-left:.55rem;padding-top:.68rem;}

.structure_jifen{background: #f5f7fc;padding-top:.7rem;}
.structure_jifen h1{font-size: .36rem;margin: 0 auto .2rem;padding: 0;font-weight: 600;color: #1f2b43;}
.structure_jifen>p{font-size: .26rem;line-height: .34rem;margin: 0 auto .35rem;font-weight: 500; color: #8b97b1;}
.structure_jifen .image { margin: 0 .1rem;}
.structure_jifen .image img { width: 100%;}

.structure_gl{width: 100%;text-align: center;padding:.58rem 0 .5rem;background-color: #ffffff;}
.structure_gl>h1{font-size: .36rem;color: #1f2b43;margin-bottom: .3rem;font-weight: 600;}
.structure_gl>p{font-size: .21rem;line-height: .34rem;margin: 0 auto .6rem;font-weight: 500; color: #8b97b1;}
.structure_gl .item { margin: 0 .3rem; display: flex; align-items: center; justify-content: space-between; margin-bottom: .2rem;}
.structure_gl .item .txt { flex: 0 0 45%; text-align: left;}
.structure_gl .item .txt dt { position: relative; padding-bottom: .45rem; color: #1f2b43; font-size: .26rem; font-weight: 600;}
.structure_gl .item .txt dt::after { display: block; content: ""; width: .3rem; height: .04rem; background: #1a62e1; position: absolute; bottom: .2rem; left: 0;}
.structure_gl .item .txt dd { font-size: .22rem; text-align: justify; color: #7a8ba6;}
.structure_gl .item .txt img { width: .42rem; vertical-align: middle; margin-right: .1rem;}
.structure_gl .item .image { flex: 0 0 55%;}
.structure_gl .item .image img { width: 100%;}

.structure_case { background: #f5f7fa; padding: .7rem 0 .6rem;}
.structure_case h1{font-size: .36rem;margin: 0 auto .3rem;padding: 0;font-weight: 600;}
.structure_case .case_box { padding-bottom: .15rem; border-bottom: 1px #e6e9ee solid; margin: 0 .3rem .35rem;}
.structure_case .case_box dl dt { display: flex; align-items: center; justify-content: space-between; margin-bottom: .3rem;}
.structure_case .case_box dl dt img { width: 4.2rem; margin: 0 .2rem 0 -.1rem;}
.structure_case .case_box dl dt p { font-size: .26rem; color: #242737; text-align: justify; position: relative;}
.structure_case .case_box dl dt p::before { display: block; content: ""; width: .56rem; height: .4rem; position: absolute; top: -.7rem; left: 0; background: url(../Image/hyyxwap/2022/case_icon_01.png) 0 0 no-repeat; background-size: cover;}
.structure_case .case_box dl dt p::after { display: block; content: ""; width: .56rem; height: .4rem; position: absolute; bottom: -.7rem; right: 0; background: url(../Image/hyyxwap/2022/case_icon_02.png) 0 0 no-repeat; background-size: cover;}
.structure_case .case_box dl dd p { font-size: .22rem; text-align: justify; color: #58637f; line-height: .36rem; margin-bottom: .2rem;}
.structure_case ul { margin: 0 .3rem; display: flex; align-items: flex-start; justify-content: space-between;}
.structure_case ul li { flex: 0 0 36%; text-align: left;}
.structure_case ul li:last-child { flex: 0 0 23.7%;}
.structure_case ul li h3 { font-size: .24rem; color: #1a62e1; margin-bottom: .2rem; font-weight: 500;}
.structure_case ul li p { font-size: .24rem; color: #58637f; margin: 0 0 .1rem -.15rem; padding-left: .1rem; position: relative; transform: scale(0.9);}
.structure_case ul li p::after { display: block; content: ""; width: .04rem; height: .04rem; position: absolute; top: .15rem; left: .02rem; background: #58637f; border-radius: 50%;}

.signForm h1 { line-height: 1.38rem; padding-top: .35rem; font-size: .36rem; color: #333333; font-weight: 200; width: 100%; text-align: center; padding-left: 0; background: #ffffff; font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft Yahei;}
.signForm iframe { height: 4rem;}

.section_yx{
    min-height: 13.33rem;
    background: #fff;
}
.section_yx h2{
    font-size:.36rem;
    font-weight: 600;
    line-height: 1;
    padding-top:.69rem;
}
.section_yx > p{
    font-size: .21rem;
    line-height: 1;
    font-weight: 500; 
    color: #8b97b1;
    padding-top:.28rem;
}
.section_yx > ul{
    width:6.34rem;
    margin:.52rem auto 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.section_yx > ul li{
    width:3.06rem;
    height:4.22rem;
    margin-bottom:.23rem;
    box-shadow: 0 0 .49rem rgba(218,218,218,.36);
    border-radius: 0.05rem;
    overflow: hidden;
}
.section_yx > ul li:nth-child(1){background: url(../Image/memberMarketingWap/section_yx_img1.png) center bottom no-repeat;background-size: 3.05rem auto;}
.section_yx > ul li:nth-child(2){background: url(../Image/memberMarketingWap/section_yx_img2.png) center bottom no-repeat;background-size: 3.05rem auto;}
.section_yx > ul li:nth-child(3){background: url(../Image/memberMarketingWap/section_yx_img3.png) center bottom no-repeat;background-size: 3.05rem auto;}
.section_yx > ul li:nth-child(4){background: url(../Image/memberMarketingWap/section_yx_img4.png) center bottom no-repeat;background-size: 3.05rem auto;}
.section_yx > ul li h3{
    width:100%;
    height:.70rem;
    background: #eaf2fe;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size:.25rem;
    font-weight: 600;
    margin-bottom:.18rem;
}
.section_yx > ul li h3 i{
    display: block;
    width:.40rem;
    height:.40rem;
    margin-right:.10rem;
}
.section_yx > ul li:nth-child(1) h3 i{background: url(../Image/memberMarketingWap/section_yx_icon1.png) center center no-repeat;background-size: .39rem .34rem;}
.section_yx > ul li:nth-child(2) h3 i{background: url(../Image/memberMarketingWap/section_yx_icon2.png) center center no-repeat;background-size: .40rem .34rem;}
.section_yx > ul li:nth-child(3) h3 i{background: url(../Image/memberMarketingWap/section_yx_icon3.png) center center no-repeat;background-size: .40rem .34rem;}
.section_yx > ul li:nth-child(4) h3 i{background: url(../Image/memberMarketingWap/section_yx_icon4.png) center center no-repeat;background-size: .40rem .36rem;}
.section_yx > ul li p{
    font-size:.22rem;
    color:#1c2b45;
    line-height: .43rem;
    font-weight: 500;
    text-align: left;
    padding-left:1.07rem;
    background: url(../Image/memberMarketingWap/gou.png) .75rem center no-repeat;background-size: .15rem .11rem;
}
.section_yx > .shiyong a{
    font-size:.26rem;
    color:#fff;
    line-height: 1;
    display: inline-block;
    padding:.33rem 2.63rem;
    margin:auto;
    background: #0069ff;
    box-shadow: .02rem 0 .27rem rgba(0, 105, 255, .47);
    margin-top:.26rem;
}
.section_yx > .shiyong p{
    font-size:.22rem;
    color:#666;
    line-height: 1;
    padding-top:.40rem;
}


.section_qy{
    min-height: 6.22rem;
    background: #f5f7fc;
}
.section_qy h2{
    font-size:.36rem;
    font-weight: 600;
    line-height: 1;
    padding-top:.69rem;
}
.section_qy > p{
    font-size: .21rem;
    line-height: 1;
    font-weight: 500; 
    color: #8b97b1;
    padding-top:.28rem;
}
.section_qy > img{
    width:5.48rem;
    margin-top:.35rem;
}

.section_gl{
    min-height: 5.32rem;
    background: #fff;
}
.section_gl h2{
    font-size:.36rem;
    font-weight: 600;
    line-height: 1;
    padding-top:.69rem;
}
.section_gl > p{
    font-size: .21rem;
    line-height: 1;
    font-weight: 500; 
    color: #8b97b1;
    padding-top:.28rem;
}
.section_gl > img{
    width:6.78rem;
    margin-top:.16rem;
}


.section_4{
    min-height: 5.38rem;
    background: #f5f7fc;
}
.section_4 h2{
    font-size:.36rem;
    font-weight: 600;
    line-height: 1;
    padding-top:.69rem;
    white-space: nowrap;
}
.section_4 > p{
    font-size: .21rem;
    line-height: .27rem;
    font-weight: 500; 
    color: #8b97b1;
    padding-top:.25rem;
    white-space: nowrap;
}
.section_4 > img{
    width:6.90rem;
    margin-top:.29rem;
}


.section_5{
    min-height: 6.31rem;
    background: #fff;
}
.section_5 h2{
    font-size:.36rem;
    font-weight: 600;
    line-height: 1;
    padding-top:.69rem;
}
.section_5 > p{
    font-size: .21rem;
    line-height: 1;
    font-weight: 500; 
    color: #8b97b1;
    padding-top:.28rem;
}
.swiper-container-1{
    width:6.35rem;
    height:3.94rem;
    margin:.34rem auto 0;
    overflow: hidden;
    position: relative;
}
.swiper-pagination-1{
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
.swiper-container-1 .swiper-pagination-bullet{
    margin:0 .09rem;
    width:.09rem;
    height: .09rem;
} 
.swiper-container-1 .swiper-pagination-bullet-active{
    width: .45rem !important;
    border-radius: .04rem;
}
.swiper-container-1 .swiper-slide .img1{margin-top:.13rem;width: 6.35rem;}
.swiper-container-1 .swiper-slide .img2{margin-top:.13rem;width: 6.35rem;}
.swiper-container-1 .swiper-slide .img3{margin-top:.13rem;width: 3.07rem;}


.section_6{
    min-height: 6.20rem;
    background: #f5f7fc;
}
.section_6 h2{
    font-size:.36rem;
    font-weight: 600;
    line-height: 1;
    padding-top:.69rem;
    white-space: nowrap;
}
.section_6 > p{
    font-size: .21rem;
    line-height: .27rem;
    font-weight: 500; 
    color: #8b97b1;
    padding-top:.25rem;
    white-space: nowrap;
}
.section_6 > img{
    width:7.12rem;
    margin-top:.12rem;
}


.section_7{
    min-height: 6.75rem;
    background: #fff;
}
.section_7 h2{
    font-size:.36rem;
    font-weight: 600;
    line-height: 1;
    padding-top:.69rem;
    white-space: nowrap;
}
.section_7 > p{
    font-size: .21rem;
    line-height: .27rem;
    font-weight: 500; 
    color: #8b97b1;
    padding-top:.25rem;
    white-space: nowrap;
}
.swiper-container-2{
    width:7.50rem;
    height:4.24rem;
    margin:.20rem auto 0;
    overflow: hidden;
    position: relative;
}
.swiper-pagination-2{
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
.swiper-container-2 .swiper-pagination-bullet{
    margin:0 .09rem;
    width:.09rem;
    height: .09rem;
} 
.swiper-container-2 .swiper-pagination-bullet-active{
    width: .45rem !important;
    border-radius: .04rem;
}
.swiper-container-2 .swiper-slide .img1{width: 6.66rem;}
.swiper-container-2 .swiper-slide .img2{width: 4.45rem;}


.section_8{
    min-height: 5.31rem;
    background: #f5f7fc;
}
.section_8 h2{
    font-size:.36rem;
    font-weight: 600;
    line-height: 1;
    padding-top:.69rem;
    white-space: nowrap;
}
.section_8 > p{
    font-size: .21rem;
    line-height: .27rem;
    font-weight: 500; 
    color: #8b97b1;
    padding-top:.25rem;
    white-space: nowrap;
}
.section_8 > img{
    width:6.69rem;
    margin-top:.30rem;
}

.section_qy2{
    min-height: 7.70rem;
    background: #f5f7fc;
}
.section_qy2 h2{
    font-size:.36rem;
    font-weight: 600;
    line-height: 1;
    padding-top:.69rem;
    white-space: nowrap;
}
.section_qy2 > p{
    font-size: .21rem;
    line-height: .27rem;
    font-weight: 500; 
    color: #8b97b1;
    padding-top:.38rem;
    white-space: nowrap;
}
.swiper-container-3{
    width:7.50rem;
    height:5.50rem;
    margin:.20rem auto 0;
    overflow: hidden;
    position: relative;
}
.swiper-pagination-3{
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
.swiper-container-3 .swiper-pagination-bullet{
    margin:0 .09rem;
    width:.09rem;
    height: .09rem;
} 
.swiper-container-3 .swiper-pagination-bullet-active{
    width: .45rem !important;
    border-radius: .04rem;
}
.swiper-container-3 .swiper-slide .img1{width: 3.99rem;}
.swiper-container-3 .swiper-slide .img2{width: 4.06rem;}