html,body{background: #fef9fb;}

#main{height:100%;}
.waves{display:none;}

#balls,.cols_bg,.cols_img{position:absolute;left:0;top:0;width:100%;height:100%;}
#balls{z-index:-1;}
.cols_bg{z-index:-2;}
.cols_img{z-index:0;}

.cols{overflow:hidden;}
.cols .col{width:100%;height:33.3333333%;}

.cols_img .col{transition:background .3s ease-in;}
.cols_img .col .pic{position:relative;display:block;width:auto;height:100%;transform-origin:center;/*transform:translate(-50%, 10%) scale(0.8);*/opacity:0;transition:all .5s cubic-bezier(0.52, 0.19, 0.14, 0.96);}
.cols_img .col .pic img{display:block;width:auto;height:100%;opacity:0;}
.cols_img .col1 .pic .apng{position:absolute;left:50%;bottom:11%;opacity:1;width:33%;height:auto;transform:translate3d(-20%, 22%, 0);}
.cols_img .col2 .pic .apng{position:absolute;left:50%;bottom:0%;opacity:1;width:28%;height:auto;transform:translate3d(-20%, 10%, 0);}
.cols_img .col3 .pic .apng{position:absolute;left:50%;bottom:12%;opacity:1;width:32%;height:auto;transform:translate3d(-19%, 25%, 0);;}
.cols_img .col4 .pic .apng{position:absolute;left:50%;bottom:46%;opacity:1;width:32%;height:auto;transform:translate3d(-25%, 50%, 0);}
.cols_img .col5 .pic .apng{position:absolute;left:50%;bottom:25%;opacity:1;width:26%;height:auto;transform:translate3d(-10%, 33%, 0);}
.cols_img .col6 .pic .apng{position:absolute;left:53%;bottom:29%;opacity:1;width:26%;height:auto;transform:translate3d(-20%, 25%, 0);}


.cols_img .col.on{background:transparent;}
.cols_img .col.on .pic{/*transform:translate(-25%, 0);*/transform:scale(1);opacity:1;}

.cols_text{height:100%;}
.cols_text .col{position:relative;border-right:1px solid #e6e6e6;box-sizing:border-box;background:rgba(254, 249, 251, .5);transition:background .3s ease-in;}
.cols_text .col:last-child{border-right:0;}
.cols_text .col.on{background:transparent;}
.cols_text .col a{display:block;height:100%;transition:color .3s cubic-bezier(0.52, 0.19, 0.14, 0.96);}
.cols_text .col.on a{color:#fff;}
.cols_text .col .text{position:absolute;left:0;padding-left:.7rem;right:0;top:46%;transform:translateY(-50%);padding-bottom:.24rem;white-space:nowrap;overflow:hidden;}
.cols_text .col .text:after{content:'';position:absolute;left:.7rem;right:100%;bottom:0;height:.06rem;background:#fff;transition:right .3s ease;}
.cols_text .col .text:hover:after{right:0;}
.cols_text .col .num{font-size:.26rem;opacity:.5;margin-bottom:.45rem;}
#proline_cont .list .en{font-size:.22rem;font-weight:normal;line-height:1.2;margin-bottom:0rem;}

.cols_text .col1 .text .en,.cols_text .col2 .text .en,.cols_text .col3 .text .en,.cols_text .col4 .text .en{margin-bottom: .55rem;}
#proline_cont .list .dian{display:inline-block;vertical-align:middle;width:.16rem;height:.16rem;border-radius:50%;margin-left:.24rem;transition:background .3s ease-in;}
#proline_cont .col .cn{font-size:.22rem;}

.cols_bg .col.on{background: #f9f7f7}
#proline_cont .col1 .dian{background:#ea608e;}
#proline_cont .col1 .dian{background:#ea608e;}
#proline_cont .col2 .dian{background:#21b5a0}
#proline_cont .col3 .dian{background:#7db62c;}
#proline_cont .col4 .dian{background:#fabf13;}
#proline_cont .col5 .dian{background:#1eb6df;}
#proline_cont .col6 .dian{background:#5a4398;}

#gNav.prolineOn1 li > a:after,#gNav.prolineOn1 li .sub a:after{background:#ea608e;}
#gNav.prolineOn2 li > a:after,#gNav.prolineOn2 li .sub a:after{background:#21b5a0;}
#gNav.prolineOn3 li > a:after,#gNav.prolineOn3 li .sub a:after{background:#7db62c;}
#gNav.prolineOn4 li > a:after,#gNav.prolineOn4 li .sub a:after{background:#fabf13;}
#gNav.prolineOn5 li > a:after,#gNav.prolineOn5 li .sub a:after{background:#1eb6df;}
#gNav.prolineOn6 li > a:after,#gNav.prolineOn6 li .sub a:after{background:#5a4398;}

#gNav.prolineOn1 .searchBar input::-webkit-input-placeholder{color:#ea608e;}
#gNav.prolineOn2 .searchBar input::-webkit-input-placeholder{color:#21b5a0;}
#gNav.prolineOn3 .searchBar input::-webkit-input-placeholder{color:#7db62c;}
#gNav.prolineOn4 .searchBar input::-webkit-input-placeholder{color:#fabf13;}
#gNav.prolineOn5 .searchBar input::-webkit-input-placeholder{color:#1eb6df;}
#gNav.prolineOn6 .searchBar input::-webkit-input-placeholder{color:#5a4398;}
/*#proline_cont .col1.on .en span,
#proline_cont .col2.on .en span,
#proline_cont .col3.on .en span,
#proline_cont .col4.on .en span,
#proline_cont .col5.on .en span,
#proline_cont .col6.on .en span{background:#fff;}*/

/**横版样式**/
.productline .inner .text .desc{
    padding-right: 0.44rem;
    line-height: 0.3rem;
}
.productline .cont .list:first-child:before,.cont .list li:after{
    display: none;
}
.productline .cont .list{height: 100%;}
.productline .cont .list li{
    height: 33.3333333%;
}
.productline .cont .list li:nth-child(2){
    height: calc(33.3333333% - 2px);
    border-top:1px solid #f2eff0;
    border-bottom:1px solid #f2eff0;
}
.productline .list li .desc span{
    position: relative;
}
.productline .list li .desc .wapNum{
    display: none;
}

.productline .list li .desc span:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -0.15rem;
    width: 0;
    height: .06rem;
    transition: width .3s ease;
}
.productline .cont .list li .more a{color:#969394}
.productline .cont .list li:nth-child(2):hover{
    height:33.3333333% ;
    border-top:none;
    border-bottom:none;
}
.productline .cont .list li:hover{
    background: none;
}
.productline .list li:hover .desc span:after{
    width:100%;
}
.productline .list .dian:after{background: none !important;}
.productline .cont .list li .wapIconSvg{display: none}
.productline .list .col1 .desc span:after,.productline .list li.on .more .listColor1 span:after { background: #ea608e;}
.productline .list .col2 .desc span:after,.productline .list li.on .more .listColor2 span:after { background: #21b5a0;}
.productline .list .col3 .desc span:after,.productline .list li.on .more .listColor3 span:after { background: #7db62c;}
.productline .list .col4 .desc span:after,.productline .list li.on .more .listColor4 span:after { background: #fabf13;}
.productline .list .col5 .desc span:after,.productline .list li.on .more .listColor5 span:after { background: #1eb6df;}
.productline .list .col6 .desc span:after,.productline .list li.on .more .listColor6 span:after { background: #5a4398;}

.productline .list li.on .more a.listColor1{color:#ea608e}
.productline .list li.on .more a.listColor2{color:#21b5a0}
.productline .list li.on .more a.listColor3{color:#7db62c}
.productline .list li.on .more a.listColor4{color:#fabf13}
.productline .list li.on .more a.listColor5{color:#1eb6df}
.productline .list li.on .more a.listColor6{color:#5a4398}
.productline .cont .list li > a{padding:6.6% 0 4.23% 16.2%;}
.productline .cont .list li .more{display: none;}
.productline .cont .list li .more span:after{background:#969394}
.productline .side.on{transition: background 0.2s ease;}
.productline .scrollDown{position:absolute;opacity:1;left:50%;transform:translateX(-50%);bottom:.3rem;height:.14rem;padding-left:.4rem;font-size:.14rem;color:#a61955;}
.productline .scrollDown span{position:absolute;left:0;top:50%;transform:translateY(-50%);width:.24rem;height:.36rem;border-radius:.12rem;background:#a61955;}
.productline .scrollDown span:after{animation:mousewheel 2.2s infinite cubic-bezier(0.65,0.05,0.36,1);content:'';position:absolute;left:50%;top:.08rem;transform:translateX(-50%);width:.03rem;height:.08rem;border-radius:.015rem;background:#fff;}


.language2 .cont .list li .more{display: block;padding-bottom: 5.23%;}
.language2 .cont .list li > a{padding: 6% 0 4.83% 16.2%;}
.language2 .cont .list li .num{margin-bottom: 0.43rem;}
.language2 .side .text{transform:translateY(-50%);}
.language2 .side .title span{vertical-align: unset;}


@keyframes mousewheel{
    0%{transform:translate3d(-50%,-.04rem,0);opacity:0;}
    30%,70%{opacity:1;}
    100%{transform:translate3d(-50%,.08rem,0);opacity:0;}
}


.cont .list li .desc{margin-bottom: .24rem;font-weight: bold;font-size: .3rem;}


@media all and (max-width:1300px){
    .cols_text .col .en{font-size:.26rem;}
}


@media all and (max-width:767px) {

    body{background: #fef9fb;}

    #gHeader .logo svg{opacity:0;}
    #gHeader .logo svg.whiteLogo{opacity:1;}
    #gHeader .btnMenu{color:#fff;}
    #gHeader .btnMenu:after{background:#fff;}
    #main{position:relative;}
    #main.col1_on{background:#a61955;}
    #main.col2_on{background:#21b5a0;}
    #main.col3_on{background:#7db62c;}
    #main.col4_on{background:#1eb6df;}
    #balls{z-index:0;opacity:.5;position: static; height: 6.45rem;}
    .productline .inner .text .desc {
        padding-right: 0.4rem;
        line-height: 0.4rem;
    }
    .productline .cont .list li .more a{margin-left: 0.6rem;}
    #proline_cont .list .en{padding-left:0.6rem;}
    .cols_bg,.cols_img{display:none;}
    .productline .cont .list li{border-bottom:1px solid #f2eff0;}
    .productline .list li .num{ display: none; }
    .productline .list li .desc .wapNum{ display: inline-block; color: #404040;opacity: .5;width: 0.5rem; font-weight: normal;}

    #proline_cont{display:block;}
    #proline_cont .col{background:none;}
    #proline_cont .col{width:auto;height:100vh;}
    #proline_cont .col a{color:#fff;display:flex;justify-content:center;flex-direction:column;}
    #proline_cont .col .text{position:relative;right:auto;top:auto;padding:0 0 .35rem .3rem;transform:none;}
    #proline_cont .col .text:after{left:.3rem;right:0;}
    #proline_cont .col .num{font-size:.32rem;margin-bottom:.15rem;}
    #proline_cont .col .en{font-size:.6rem;line-height:.72rem;margin-bottom:.15rem;}
    #proline_cont .col .en span{background:#fff!important;}
    #proline_cont .col .cn{font-size:.4rem;}
    #proline_cont .pic{position:static;}
    #proline_cont .pic img{display:block;width:90%;margin:0 auto;}

    .btnArrow{position:absolute;top:60%;transform:translateY(-50%);width:.3rem;height:.5rem;padding:.3rem;}
    .btnArrow img{display:block;width:100%;height:100%;}
    .btnPrev img{transform:rotate(180deg);}
    .btnPrev{left:0;}
    .btnNext{right:0;}

    #gFooter .qrCode,#gFooter .copyright.white{z-index: 10;}

    .waves{position:absolute;z-index:1;left:0;bottom:0;width:200%; display: block;}

    .col_hd{position:absolute;z-index:2;left:0;bottom:.35rem;right:0;padding:0 .3rem;display:flex!important;justify-content:space-between;}
    .col_hd a{position:relative;display:block;font-size:.32rem;color:#696969;line-height:.72rem;}
    .col_hd a:after{content:'';position:absolute;bottom:0;left:0;right:100%;height:.05rem;}
    .col_hd a.on:after{right:0;}
    .col_hd a:nth-child(1):after{background:#ea608e;}
    .col_hd a:nth-child(2):after{background:#21b5a0;}
    .col_hd a:nth-child(3):after{background:#7db62c;}
    .col_hd a:nth-child(4):after{background:#fabf13;}
    .col_hd a:nth-child(5):after{background:#1eb6df;}
    .col_hd a:nth-child(6):after{background:#5a4398;}

    .col_hd a:nth-child(1).on{color:#ea608e;}
    .col_hd a:nth-child(2).on{color:#21b5a0;}
    .col_hd a:nth-child(3).on{color:#7db62c;}
    .col_hd a:nth-child(4).on{color:#fabf13;}
    .col_hd a:nth-child(5).on{color:#1eb6df;}
    .col_hd a:nth-child(6).on{color:#5a4398;}
    .productline .cont .list li .wapIconSvg{display: block; position: absolute;right: 0.4rem;top: 50%;transform: translateY(-50%);}
    .productline .cont .list li .wapIconSvg img{width:1rem;}
    .productline .cont .list li > a{padding: 1rem .3rem;}
    .productline .cont .list li:nth-child(2){border-top:none;}
    .productline .list li:hover .desc span:after{width:0;}


    .language2 .cont .list li > a{padding: 1rem .3rem 1.2rem 0.3rem;}
    .language2 .cont .list li .more{padding-bottom: 9.23%;}
    .language2 #balls{height: 9rem; }
    .language2 .side .text{bottom: 2.9rem;transform: unset; }


}