#main{ width: 100%; height: auto; float: left; padding-top: 110px;line-height: 1}


#mainN1{width: 100%; height:auto; float: left; }


#mainN1 .mainN1T{width: calc(100% - 360px); height:auto; float: left;margin: 0 0 79px 360px;}


#mainN1 .mainN1T img{width: 100%;height: auto;}
#mainN1 .mainN1M{width: 100%; height:auto; float: left;}

#mainN1 .mainN1M .mainN1MT{width: 100%; height:auto; float: left;margin-bottom: 70px;}
#mainN1 .mainN1M .mainN1MT ul{width: 100%; height:auto; float: left;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items: inherit}
#mainN1 .mainN1M .mainN1MT ul li{width: calc(26% - 40px); height:auto; float: left;margin-right: 40px;border-radius: 20px;border: 1px solid #DBDBDB}
#mainN1 .mainN1M .mainN1MT ul li:last-child{margin-right: 0}
#mainN1 .mainN1M .mainN1MT ul li .liT{width: 100%; height:auto; float: left;margin-bottom: 15px;}
#mainN1 .mainN1M .mainN1MT ul li .liT img{width: 100%;height: auto;border-radius: 20px 20px 0 0}
#mainN1 .mainN1M .mainN1MT ul li .liM{width: 100%; height:auto; float: left;text-align: center}
#mainN1 .mainN1M .mainN1MT ul li .liM h2{font-size: 20px;margin-bottom: 10px}
#mainN1 .mainN1M .mainN1MT ul li .liM p{font-size: 16px;margin-bottom: 14px;line-height: 20px;}

#mainN1 .mainN1M .mainN1MM{width: 100%; height:auto; float: left;
    }

#mainN1 .mainN1M .mainN1MM .appIn{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16); padding-left: 41px;border-radius: 20px;overflow: hidden}
#mainN1 .mainN1M .mainN1MM ul{width: 100%; height:auto; float: left;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items: inherit}
#mainN1 .mainN1M .mainN1MM ul li{width:auto; height:auto; float: left;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items: center;padding: 39px 0;margin-right: 33px;}
#mainN1 .mainN1M .mainN1MM ul li:last-child{margin-right: 0}
#mainN1 .mainN1M .mainN1MM ul li .liL{width: 50px; height:auto; float: left;margin-right: 8px;}
#mainN1 .mainN1M .mainN1MM ul li .liL img{width: 100%;height: auto}
#mainN1 .mainN1M .mainN1MM ul li .liR{width: auto; height:auto; float: left;font-size: 20px;line-height: 28px;}
#mainN1 .mainN1M .mainN1MM ul li .liR span{border-right: 1px solid #B1B1B1;display: inline-block;padding-right: 17.5px;}

#mainN1 .mainN1M .mainN1MM ul li:last-child .liR span{border: none}
#mainN1 .mainN1T .mainN1TN1{display: none}


@media only screen and (max-width: 768px) {
    #main{padding-top: 4rem}
    #mainN1{
        position: relative;
        z-index: 11111;
        background: #fff;
        border-radius: 15px 15px 0px 0px;margin: -15rem 0 4rem 0 !important}
    #mainN1 .mainN1T{width: 100%;margin: 0 0 1.5rem 0}
    #mainN1 #Heading{margin: 3rem 0}
    #mainN1 .mainN1T .mainN1TN1{width: 100%;height: auto;float: left;font-size: 1.2rem;line-height: 2rem;padding:0 1.5rem;display: block}
    #mainN1 .mainN1M .mainN1MT{margin-bottom: 1.5rem}
    #mainN1 .mainN1M .mainN1MT ul{flex-wrap: wrap}
    #mainN1 .mainN1M .mainN1MT ul li{width: calc(52% - 1.5rem);margin: 0 1.5rem 1.5rem 0;border-radius: 0.8rem}
    #mainN1 .mainN1M .mainN1MT ul li .liT img{border-radius: 0.8rem 0.8rem 0 0}
    #mainN1 .mainN1M .mainN1MT ul li:nth-of-type(2n){margin-right: 0}
    #mainN1 .mainN1M .mainN1MT ul li .liM h2{font-size: 1.4rem;margin-bottom: 1rem}
    #mainN1 .mainN1M .mainN1MT ul li .liM p{font-size: 1rem;}
    #mainN1 .mainN1M .mainN1MM .appIn{box-shadow: none;padding: 0;width: 100%}

    #mainN1 .mainN1M .mainN1MM ul{flex-wrap: wrap}
    #mainN1 .mainN1M .mainN1MM ul li{width: 33.333%;margin: 0;flex-wrap: wrap;text-align: center;padding: 0;margin-bottom: 2.1rem}
    #mainN1 .mainN1M .mainN1MM ul li .liL{margin-right: 0;width: 100%;}
    #mainN1 .mainN1M .mainN1MM ul li .liL img{width: 4rem;}
    #mainN1 .mainN1M .mainN1MM ul li .liR{width: 100%}
    #mainN1 .mainN1M .mainN1MM ul li .liR span{border-right:0;font-size: 1.3rem;padding: 0 }



}
@media only screen and (min-width: 768px) and (max-width: 1024px) {



}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    /* styles to be applied when screen width is between 1024px and 1200px */


}
@media only screen and (min-width: 1200px) {
    /* styles to be applied when screen width is greater than 1200px */


}


#mainN2{width:calc(100% - 40px); height:auto; float: left;margin: 0 20px 110px 20px;display: block }
#mainN2 .mainN2T{width: 100%; height:auto; float: left;margin-bottom: 89px; }
#mainN2 .mainN2M{width: 100%; height:auto; float: left; }
#mainN2 .mainN2M ul{width: 100%; height:auto; float: left;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items: inherit}
#mainN2 .mainN2M ul li{width: auto; height:579px; float: left;position: relative;margin-right: 19px;flex: 1 }
#mainN2 .mainN2M ul li:last-child{margin-right: 0}
#mainN2 .mainN2M ul li.cur{width: 17%;flex: auto}
#mainN2 .mainN2M ul li img{width: 100%;height: 100%;object-fit:cover;border-radius: 20px;}
#mainN2 .mainN2M ul li img.active{display: none}
#mainN2 .mainN2M ul li.cur img{display: none}
#mainN2 .mainN2M ul li.cur img.active{display: block}

#mainN2 .mainN2M ul li .float{width: 100%;height: auto;float: left;position: absolute;bottom: 40px;color: #fff;}
#mainN2 .mainN2M ul li.cur .float{padding: 0 45px 0 59px;}


#mainN2 .mainN2M ul li .float h2{font-size: 24px;margin-bottom: 15px;line-height: 30px;text-align: center}
#mainN2 .mainN2M ul li .float h2.active{display: none}
#mainN2 .mainN2M ul li.cur .float h2{display: none}
#mainN2 .mainN2M ul li.cur .float h2.active{display: block;text-align: left}
#mainN2 .mainN2M ul li .float p{font-size: 16px;display: none;}
#mainN2 .mainN2M ul li.cur .float p{display: block;line-height: 30px;}

#wapmainN2{display: none}


@media only screen and (max-width: 768px) {
    #mainN2{display: none}

    #wapmainN2{width: 100%;height: auto;float: left;display: block}
    #wapmainN2 .wapmainN2T{width: 100%;height: auto;float: left;margin-bottom: 3rem}
    #wapmainN2 .wapmainN2M{width: 100%;height: auto;float: left}
    #wapmainN2 .wapmainN2M ul{width: 100%;height: auto;float: left}
    #wapmainN2 .wapmainN2M ul li{width: 100%;height: auto;float: left;background: #F5F5F5;margin-bottom: 1.5rem}
    #wapmainN2 .wapmainN2M ul li:last-child{margin-bottom: 0}
    #wapmainN2 .wapmainN2M ul li .liT{width: 100%;height: auto;float: left;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items:center;background: #F5F5F5;padding: 0.6rem 0 0.6rem 1rem;}
    #wapmainN2 .wapmainN2M ul li .liT span{width:2.834rem;height:2.834rem;display: inline-block;margin-right: 0.7rem}
    #wapmainN2 .wapmainN2M ul li .liT span img{width: 100%;height: auto}
    #wapmainN2 .wapmainN2M ul li .liT b{font-size: 1.2rem;color: #333;    flex: 1;}

    #wapmainN2 .wapmainN2M ul li .liT i{width: 2rem;height: auto;margin-right: 1.8rem}
    #wapmainN2 .wapmainN2M ul li .liT i img{width: 100%;height: 100%}
    #wapmainN2 .wapmainN2M ul li .liM{width: 100%;height: 0;float: left;font-size: 1.1rem;line-height: 2rem;overflow: hidden;}
    #wapmainN2 .wapmainN2M ul li .liM p{padding:1.7rem 1.5rem 2.2rem 1.5rem;}
    #wapmainN2 .wapmainN2M ul li.cur .liM{height: 100%;transition: all .5s}
    #wapmainN2 .wapmainN2M ul li.cur .liT{background: #81B7FF;color: #fff}
    #wapmainN2 .wapmainN2M ul li.cur .liT b{color: #fff}



}
@media only screen and (min-width: 768px) and (max-width: 1024px) {

}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    /* styles to be applied when screen width is between 1024px and 1200px */


}
@media only screen and (min-width: 1200px) {
    /* styles to be applied when screen width is greater than 1200px */


}

@media only screen and (max-width: 1400px) {

    #mainN2 .mainN2M ul li.cur{width: 30%;flex-basis: auto}


}