#gFooter{position:relative;padding-bottom:26%;}
#waves{position:absolute;left:0;top:0;width:100%;height:100%;}

#main{padding-top:1rem;}
#main .hd{display:flex;overflow:hidden;}
#main .hd .inner{width:57%;padding-top:.8rem;border-top:1px solid #d8d4d6;}
#main .hd .en{font-size:.6rem;font-weight:bold;margin-bottom:.28rem;}
#main .hd .en span{display:inline-block;vertical-align:baseline;width:.16rem;height:.16rem;background:#a61955;border-radius:50%;margin-left:.24rem;}
#main .hd .cn{font-size:.26rem;margin-bottom:.30rem;}
#main .hd .cn span{position:relative;display:inline-block;padding-bottom:.18rem;}
#main .hd .cn span:after{content:'';position:absolute;left:0;bottom:0;width:0;height:.06rem;background:#a61955;transition:width .3s ease;}
#main .hd .cn span:hover:after{width:100%;}

#main .hd .sub{margin-bottom:0.57rem;}
#main .hd .sub ul{display:flex;}
#main .hd .sub a{position:relative;display:block;margin-right:.4rem;font-size:.2rem;line-height:.36rem;transition:color .3s ease;}
#main .hd .sub a:after{content:'';position:absolute;left:0;bottom:0;right:100%;height:.05rem;background:#a61955;transition:right .3s ease;}
#main .hd .sub li.on a,#main .hd .sub li:hover a{color:#a61955;}
#main .hd .sub li.on a:after,#main .hd .sub li:hover a:after{right:0}

#main .hd .sub2{position:relative;}
#main .hd .sub2:before{content:'';position:absolute;left:0;top:0;width:200%;height:1px;background:#dad6d8;}
#main .hd .sub2 ul{display:flex;flex-wrap:wrap;}
#main .hd .sub2 a{position:relative;display:block;margin-right:.53rem;padding-left:.14rem;font-size:.18rem;line-height:.7rem;transition:color .3s ease;}
#main .hd .sub2 a:after{position:absolute;content:'';left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#c6c6c6;transition:background .3s ease;}
#main .hd .sub2 .on a,#main .hd .sub2 a:hover{color:#a61955;}
#main .hd .sub2 .on a:after,#main .hd .sub2 a:hover:after{background:#a61955;}

#main .banner{position:relative;overflow:hidden;}
#main .banner img{display:block;width:100%;}
#main .banner .side{position:absolute;left:0;top:0;bottom:0;width:28%;background:#a61955;}
#main .banner .side canvas{position:absolute;left:0;top:0;width:100%;height:100%;}
#main .banner .side .text{position:absolute;left:0;padding-left:.7rem;right:0;top:50%;color:#fff;transform:translateY(-50%);padding-bottom:.2rem;overflow:hidden;}
#main .banner .side .text:after{content:'';position:absolute;left:.7rem;right:100%;bottom:0;height:.06rem;background:#fff;transition:right .3s ease;}
#main .banner .side .text:hover:after{right:0;}
#main .banner .side .en{font-size:.58rem;font-weight:bold;line-height:.73rem;margin-bottom:.06rem;}

@media screen and (min-width:1800px) and (max-width:1920px){
	#main .banner .side .en{font-size:.5rem;}
	
}

#main .banner .side .en span{display:inline-block;vertical-align:baseline;width:.16rem;height:.16rem;border-radius:50%;margin-left:.24rem;background:#fff;}
#main .banner .side .cn{font-size:.3rem;line-height:.46rem;}

#main .bd{font-size:.14rem;line-height:.26rem;}
#main .bd .inner{position:relative;padding:.8rem 17% 0 26%;}
#main .bd h3{font-size:.24rem;font-weight:normal;margin-bottom:.34rem;}
#main .bd table{width:100%;font-size:.14rem;line-height:.3rem;border-collapse:collapse;table-layout:fixed;}
#main .bd col:first-child{width:2.7rem;}
.language2 #main .bd col:first-child{width:3.5rem;}

#main .bd th{color:#a61955;padding-left:.06rem;text-align:left;}
#main .bd tr{border-bottom:1px solid #dfdbdc;}
#main .bd td{padding-left:.06rem;}
#main .bd td a{color:#a61955;}
#main .bd td a:hover{text-decoration:underline;}
#main .bd .name{background:#a61955;color:#fff;font-size:.16rem;border:none;}
#main .bd .noBottom{border:none;}

#main .proFdLi{overflow: hidden;}
#main .proFdLi li{
    float: left;
    width:50%;
}
#main .proFdLi3 li{
    float: left;
    width:33%;
}




.theme1 #gNav li:hover > a,
.theme1 #gNav li .sub a:hover,
.theme1 #gNav li .sub a.on,
.theme1 #gNav li.on > a,
.theme1 #gNav li.on > a:hover,
.theme1 #main .hd .sub li.on a,
.theme1 #main .hd .sub li:hover a,
.theme1 #main .hd .sub2 .on a,
.theme1 #main .hd .sub2 a:hover,
.theme1 #main .bd th {
    color: #21b5a0;
}

.theme2 #gNav li:hover > a,
.theme2 #gNav li .sub a:hover,
.theme2 #gNav li .sub a.on,
.theme2 #gNav li.on > a,
.theme2 #gNav li.on > a:hover,
.theme2 #main .hd .sub li.on a,
.theme2 #main .hd .sub li:hover a,
.theme2 #main .hd .sub2 .on a,
.theme2 #main .hd .sub2 a:hover,
.theme2 #main .bd th {
    color: #7db62c;
}

.theme3 #gNav li:hover > a,
.theme3 #gNav li .sub a:hover,
.theme3 #gNav li .sub a.on,
.theme3 #gNav li.on > a,
.theme3 #gNav li.on > a:hover,
.theme3 #main .hd .sub li.on a,
.theme3 #main .hd .sub li:hover a,
.theme3 #main .hd .sub2 .on a,
.theme3 #main .hd .sub2 a:hover,
.theme3 #main .bd th {
    color: #1eb6df;
}

.theme1 #gNav li > a:after,
.theme1 #gNav li > a .text:after,
.theme1 #gNav li .sub a:after,
.theme1 #main .hd .en span,
.theme1 #main .hd .cn span:after,
.theme1 #main .hd .sub a:after,
.theme1 #main .hd .sub2 a:after,
.theme1 #main .banner .side,
.theme1 #main .bd .name {
    background: #21b5a0;
}

.theme2 #gNav li > a:after,
.theme2 #gNav li > a .text:after,
.theme2 #gNav li .sub a:after,
.theme2 #main .hd .en span,
.theme2 #main .hd .cn span:after,
.theme2 #main .hd .sub a:after,
.theme2 #main .hd .sub2 a:after,
.theme2 #main .banner .side,
.theme2 #main .bd .name {
    background: #7db62c;
}

.theme3 #gNav li > a:after,
.theme3 #gNav li > a .text:after,
.theme3 #gNav li .sub a:after,
.theme3 #main .hd .en span,
.theme3 #main .hd .cn span:after,
.theme3 #main .hd .sub a:after,
.theme3 #main .hd .sub2 a:after,
.theme3 #main .banner .side,
.theme3 #main .bd .name {
    background: #1eb6df;
}


.theme1 #gFooter .qrCode svg{fill:#21b5a0;}
.theme2 #gFooter .qrCode svg{fill:#7db62c;}
.theme3 #gFooter .qrCode svg{fill:#1eb6df;}

.theme1 #gFooter .waves use:nth-child(1){fill:rgba(33,181,160,.7) !important;}
.theme1 #gFooter .waves use:nth-child(2){fill:rgba(33,181,160,.9) !important;}

.theme2 #gFooter .waves use:nth-child(1){fill:rgba(125,182,44,.7) !important;}
.theme2 #gFooter .waves use:nth-child(2){fill:rgba(125,182,44,.9) !important;}

.theme3 #gFooter .waves use:nth-child(1){fill:rgba(30,182,233,.7) !important;}
.theme3 #gFooter .waves use:nth-child(2){fill:rgba(30,182,233,.9) !important;}
#main .bd .downSms{padding-left: 0.1rem;}
#main .bd .downSms.noSms{color: #9b9b9b}
#main .bd .downSmsBt{padding-left: 0.15rem;width: 11%;}

.wapThead{display: none;}


@media all and (max-width:767px) {
    .theme1 #gNav li > a:hover,
    .theme2 #gNav li > a:hover,
    .theme3 #gNav li > a:hover{color:#595959;}

    #main{padding-top:0;margin-bottom:1.2rem;}
    #main .hd{display:block;padding:1.7rem .3rem 0;}
    #main .hd .inner{width:auto;padding-top:.7rem;}
    #main .hd .en{margin-bottom:.2rem;white-space:nowrap;}
    #main .hd .en span{margin-left:.16rem;}
    #main .hd .cn{font-size:.4rem;margin-bottom:.3rem;}
    #main .hd .cn span{padding-bottom:0;}
    #main .hd .cn span:after{display:none;}

    #main .hd .sub{margin:0 -.3rem;overflow-x:auto;white-space:nowrap;}
    #main .hd .sub ul{padding:.3rem;}
    #main .hd .sub li:last-child{margin-right:0;}
    #main .hd .sub li a,#main .hd .sub li:hover a{font-size:.32rem;margin-right:.8rem;line-height:.62rem;color:#8c8c8c;}
    #main .hd .sub a:hover:after{display:none;}
    #main .hd .sub li.on a{color:#a61955;}
    #main .hd .sub li.on:hover a:after{display:block;}

    #main .hd .sub2{margin:0 -.3rem;overflow-x:auto;white-space:nowrap;}
    #main .hd .sub2:before{display:none;}
    #main .hd .sub2 ul{padding:0 .3rem;flex-wrap:nowrap;}
    #main .hd .sub2 li{border-top:1px solid #dad6d8;}
    #main .hd .sub2 a{font-size:.26rem;line-height:.9rem;margin-right:.8rem;padding-left:.2rem;}
    #main .hd .sub2 a:after{width:.1rem;height:.1rem;}

    #main .banner img{width:155%;margin-left:-18vw;}

    #main .banner .side{width:2.6rem;}
    #main .banner .side .text{padding-left:.3rem;top:auto;bottom:.6rem;transform:none;padding-bottom:.16rem;}
    #main .banner .side .text:after{left:.3rem;right:0;bottom:0;height:.05rem;}
    #main .banner .side .en{font-size:.3rem;line-height:.35rem;margin-bottom:.24rem;}
    #main .banner .side .en span{width:.08rem;height:.08rem;margin-left:.14rem;}
    #main .banner .side .cn{line-height:.36rem;}

    #main .bd{font-size:.26rem;line-height:.45rem;}
    #main .bd .inner{padding:.8rem .3rem 0;}
    #main .bd h3{font-size:.36rem;margin-bottom:.3rem;}
    
    #main .bd table{font-size:.24rem;line-height:.6rem;}
    #main .bd th{color:#a61955;padding-left:.12rem;box-sizing:border-box;overflow:hidden;}
    #main .bd td{padding:.12rem 0 .12rem .12rem;line-height:.34rem;box-sizing:border-box;overflow:hidden; word-wrap: break-word;}
    #main .bd .name{background:#a61955;color:#fff;font-size:.26rem;border:none;}
    #main .bd col:first-child{width:auto;}
    #main .proFdLi li{width:100%;font-size: 0.28rem;margin-bottom: 0.2rem;}

    .class17 #main .bd col:nth-child(2){width:1.83rem;}
    .class17 #main .bd col:nth-child(3){width:1.1rem;}
    .class17 #main .bd col:nth-child(4){width:1.94rem;}

    .class18 #main .bd col:nth-child(2),
    .class21 #main .bd col:nth-child(2),
    .class22 #main .bd col:nth-child(2){width:2rem;}

    .class18 #main .bd col:nth-child(3),
    .class21 #main .bd col:nth-child(3),
    .class22 #main .bd col:nth-child(3){width:.9rem;}

    .class18 #main .bd col:nth-child(4),
    .class21 #main .bd col:nth-child(4),
    .class22 #main .bd col:nth-child(4){width:1.4rem;}

    .class20 #main .bd table:nth-of-type(2) td:nth-child(1),
    .class23 #main .bd table td:nth-child(1){width:1.8rem;}

    .class26 #main .bd table td:nth-child(1),
    .class26 #main .bd table td:nth-child(2){width:2rem;}
    #main .bd .downSms{padding-left:0rem;}
    #main .bd .downSmsBt{width: auto;}
    .tableHeadFixed{
        position: fixed;
        top: 1.3rem;
        left: 0;
        right: 0;
        background: #fff;
        padding-left: 0.3rem;
        padding-right: 0.3rem;

    }
    .tableHeadFixed tr{border-bottom: none !important;}
    .pcThead{display: none;}
    .wapThead{display: block;}

    .language2 #main .bd col:first-child{width:2rem;}
    .language2 #main .bd td{overflow: unset;word-break: normal;word-wrap: break-word;}
    .language2 #main .banner .side .text{top:50%; transform: translateY(-50%);}
    .language2 #tableHead thead tr th:nth-child(1){width:2rem;}


}