h1, h2, h3, h4, h5{line-height: 1.4;}
sup{font-size: 12px;}
.carryout .achievements .flex > div > p{white-space: pre-wrap;}
.websites .items .item a{height: 150px;box-sizing: border-box;}
.websites .items .item a h5{width: 95%;display: block;text-align: center;margin-left: auto;margin-.invset#content right: auto;}
.header .menu .menulist li .sub dt a{width: auto;white-space: nowrap;}
.header .menu .menulist{padding-right: 1rem;}
.header .stock{padding-right: 0.5rem;}
.footer .links .btns a{padding-right: 52px;}
.footer .links .logo{left: 0;}
.header .menu .menulist li .sub{left: 0;padding-left: 62px;padding-top: 0.4rem;padding-bottom: 0.3rem;}
.header .menu .menulist li .sub dl{display: block;}
.header .menu .menulist li .sub dt{padding-right: 0.6rem;padding-bottom: 0.2rem;}
.header .menu .menulist li > a{padding: 0 52px;}
.index .s3 .item a.m p, .springRain .s1 .left h2, .index .s1 .text .info p{text-align: left;}
.videoPop .container .close{top: -40px;font-size: 24px;right: 0;width: 100%;text-align: center;}
.header .stock{right: 60px;}
.banner .text h1{line-height: 1.2;}
.invset#content .half, .urbandevelop .s2 .items .item p, .bhead p, .supplychain .s2 .items .item p, .urbandevelop .s1 .top .item p, .urbandevelop .s1 .bottom .info p, .urbandevelop .s2 .items .item p, .urbandevelop .s2 .items .item p, .finance .s2 .main p, .innovation .s2 .items .item p, .finance .s2 .img .con p, .about .s1 .item p, .about .s2 .chairman .speech p, .about .s2 .managerTeam .list dd, .about .s5 .list li span, .about .s6 .right dl dd p, .nd .editor p, .responsibility .s1 .container .text p, .carryout .top .text p, .carryout .top .text, .carryout .digest .right dd, .carryout .card .text .con p, .carryout .data dd, .carryout .card .text .con p, .springRain .s1 .right p, .talent .s1 .text p, .talent .s2 .items .item p, .supplychain .s2 .up170 .r p, .supplychain .s2 .up170 .l p, .aboutParty .s2 .left dd, .aboutParty .s2 .right dd, .aboutParty .s2 .b2 .team dl dd{
    font-size: 18px !important;
    line-height: 1.8 !important;
    font-weight: normal;
    color: #000;
    text-align: left;
}
.index .s1 .fp-tableCell > .tb{max-height: 986px;}
.index .s1 .text .info p{line-height: 1.7;}
.index .s1 .info a{letter-spacing: 0;}
.index .s1 .text{padding-top: 50px;}
.index .s1 .datas .growNumber li p{padding: 0 5px;}
.index .s2 .controls{padding: 0;}
.index .s2 .items .item p{line-height: 1.3;}
.index .s1 .video a i{height: 260px;width: 4rem;}
.index .s2 .items .item{animation-fill-mode: both!important;}

.springRain .s1 .left h1{line-height: 1.2;}


.brand .s2 .container .qr img{margin-left: auto;margin-right: auto;}
.brand .s2 .container #qr1{display: inline-block;}
.brand .s2 .container #qr1 img{padding-top: 0.1rem;}
.brand .s2 .container #qr2{display: none;}
.brand .s2 .container .img{width: auto;}
.brand .s2 .container .img{height: 100%;display: flex;flex-direction: column;justify-content: space-between;align-items: center;width: auto;}
.brand .s2 .container #qr1 p{line-height: 2.5em;}


.about .s1 .flex .item p{height: auto;}
.about .s2 .managerTeam .pic{display: flex;align-items: center;justify-content: center;}
.about .s2 .managerTeam .pic{width: 100%;}
.about .s2 .managerTeam .pic > img{width: 100%;}
.about .s2 .managerTeam .list{max-width:768px;}
.about .s4{padding: 1.2rem 0 1.5rem 0;}
.about .s4 .right h2{line-height: 1.3;}
.about .s4 .left dt{box-sizing: border-box;}
.about .s4 .right h2{box-sizing: border-box;}
.about .s5 .list{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
}

	
.about .s2 .managerTeam .pic{width: 49%;}
.about .s2 .managerTeam .pic > img{width: 100%;}

.about .s5 .list li span{display: flex;align-items: center;justify-content: flex-start;white-space: normal;height: 84%;line-height: 1.4!important;padding-right: 6px;min-height: 68px;}
.about .s5 .honor .items .item h5{min-height: 2.6em;}
.about .s5 .honor .items .item .tb{padding: 0 6px;}
.about .s5 .honor .items .item h2:before{    content: '';}
.about .s5 .honor .items .item h2:after{    content: '';}
.about .s6 .right dl dt:after{content: '';}
.about .s6 .left h2:after{content: '';}
.urbandevelop .s1 .top .item h3{height: auto;}
.urbandevelop .s2 .items .item h5{line-height: 1.4;}

#content .nav a{font-size: 20px;height: 1rem;line-height: 0.5rem;display: flex;align-items: center;justify-content: center;}
#content .nav a > span{
    text-align: left;line-height: 0.3rem;display: inline-block;
    width: calc(100% - 0.8rem);
}
.invset#content .s1 .left h1{line-height: 1.2;}
.invset#content .s1 .left h2{line-height: 1.5;}

.urbandevelop .s2 .items .item .con .qr p{
    width: 1.56rem;
    text-align: center;
    line-height: 1.2!important;
}
#content .btitle h1{padding-right: 20%;width: 80%;}
.responsibility .s1 .container .text h2{line-height: 1.4;}
.responsibility .s2 .items .item a{letter-spacing: 0;}
.carryout .top .text h1{width: 4rem;line-height: 1.2;}
.carryout .digest .left{line-height: 1.5;}
.carryout .data dt{max-width: 3rem;line-height: 1.2;}
.carryout .digest .right dd:before{top: 0.9em;}
.carryout .achievements .flex > div{flex-basis: 22%;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;}
.carryout .achievements .flex > div > p{line-height: 1.3;width: 100%;}
.carryout .card .text .flex{margin-top: 155px;}
.carryout .contribution .item{flex-basis: 20%;}
.carryout .contribution .item img{max-width: 90%;}
.carryout .achievements strong:after{font-size: 14px;}
.carryout .card .text .flex p{display: none;}

.en .finance .s2 .img .con p{text-align: center;}


.talent .s1 .text .con h2{line-height: 1.5;}
.supplychain .s2 .up170{align-items: flex-start;}
.finance .s2 .img{bottom: auto;}
.finance .s2 .img .con p{margin-top: 5px;margin-bottom: 30px;}
.carryout .card .text .con h2{line-height: 1.2;}
.websites .items .item a{height: 150px;padding: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.header .stock .detail .trend{ margin-top:10px; padding-left:0px;}

@media  screen and (min-width: 850px) {
    .banner .text{max-width: 65%;}
}

@media screen and (max-width: 1800px) and (min-width: 850px){
    .index .s1 .video a i{width: 5rem;}
    #content .btitle h1{font-size: 40px;}
}

@media screen and (max-width: 1650px) and (min-width: 850px){
    html {
        font-size: 90px;
    }
    .f60{font-size: 0.5rem;}
    .banner .text{width: 74%;}
    .mgb60{margin-bottom: 0.5rem;}
    .header .menu{font-size: 14px;}
    #content:before{width: 1480px;}
    .footer .links dl{padding-left: 300px;}
    .urbandevelop .s2 .items .item .con{padding-right: 2rem;}
    #content .nav a > span{font-size: 18px;}
    .header .menu .menulist li > a{padding: 0 26px;}
    .header .menu .menulist li .sub{padding-left: 36px;}
    #content .nav a > span{width: calc(100% - 1rem);}
    .index .s1 .datas{height: 80%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;}
    .index .s1 .datas .img{flex-grow: 1;}
}
@media screen and (max-width: 1440px) and (min-width: 850px){
    .f60{font-size: 0.5rem;}
    .maxsize{max-width: 1260px;}
    #content:before{width: 1340px;}
    .banner .text{left: 150px;}
    .index .s2 .items{margin-left: -640px;}
    #content .nav a > span{font-size: 17px;}
    .header .menu .menulist{padding-right: 2rem;}
    .header .menu .menulist li > a{padding: 0 26px;}
    .header .menu .menulist li .sub{padding-left: 36px;}
    .footer .links dl{padding-left: 340px;}
    .invset .bhead{padding-bottom: 58px;}
    .index .s2 .items{margin-left: -600px;}
}
@media screen and (max-width: 1366px)and (min-width: 850px) {
    html {
        font-size: 70px;
    }
    .f60{font-size: 0.5rem;}
    .f50{font-size: 0.4rem;}
    .f30{font-size: 0.24rem;}
    .f40{font-size: 0.34rem;}
    .f26{font-size: 0.20rem;}
    .f16{font-size: 14px;}
    .mgb90{margin-bottom: 0.6rem;}
    .mgb30{margin-bottom: 0.2rem;}
    .header .menu .menulist{padding-right: 3rem;}
    .maxsize {
        max-width: 1200px;
    }
    #content:before {
        width: 1240px;
    }
    .index .s1 .fp-tableCell > .tb{padding-top: 2vw;}
    .index .s2 .items{margin-left: -500px;}
    #content .btitle h1{font-size: 32px;}
    #content .nav a > span{font-size: 16px;}
    .invset#content .half, .urbandevelop .s2 .items .item p, .bhead p, .supplychain .s2 .items .item p, .urbandevelop .s1 .top .item p, .urbandevelop .s1 .bottom .info p, .urbandevelop .s2 .items .item p, .urbandevelop .s2 .items .item p, .finance .s2 .main p, .innovation .s2 .items .item p, .finance .s2 .img .con p, .about .s1 .item p, .about .s2 .chairman .speech p, .about .s2 .managerTeam .list dd, .about .s5 .list li span, .about .s6 .right dl dd p, .nd .editor p, .responsibility .s1 .container .text p, .carryout .top .text p, .carryout .top .text, .carryout .digest .right dd, .carryout .card .text .con p, .carryout .data dd, .carryout .card .text .con p, .springRain .s1 .right p, .talent .s1 .text p, .talent .s2 .items .item p, .supplychain .s2 .up170 .r p, .supplychain .s2 .up170 .l p, .aboutParty .s2 .left dd, .aboutParty .s2 .right dd, .aboutParty .s2 .b2 .team dl dd{font-size: 14px!important;line-height: 1.7!important;}
    .footer .links{padding: 70px 0;}
    .footer .links dl{font-size: 13px;padding-left: 240px;}
    .footer .links .btns,.footer .links .logo{top: 70px;}
    .footer .links .btns a{font-size: 14px;}
    .supplychain .s2,.urbandevelop .s2 .container,.responsibility .s1{padding-bottom: 80px;}
    .talent .s2{padding: 88px 0 55px 0;}
    .urbandevelop .s2 .pager li{padding: 5px 0;}
    .brand .s2 .container .img img{padding-left: 0.6rem;padding-right: 0.6rem;padding-top: 0.4rem;padding-bottom: 0.4rem;}
    .brand .s2 .container #qr1 img{padding-top: 0.3rem;height: 1.5rem;}
    .footer .links dl dd{font-size: 13px;}
}
@media screen and (max-width: 1280px) and (min-width: 850px){
    .l50{line-height: 36px;}
    .maxsize {
        max-width: 1140px;
    }
    .header .menu .menulist li > a{padding: 0 20px;}
    .header .stock{padding-right: 0.8rem;}
    .header .menu .menulist li .sub{padding-left: 25px;}
    .footer .links dl dt{margin-bottom: 20px;}
    .footer .links{padding: 50px 0;}
    .footer .links .btns,.footer .links .logo{top: 50px;}
    .footer .links dl{padding-left: 220px;}
    .footer .links dl dd{font-size: 12px;}

    .index .s2 .items{margin-left: -500px;}
    .index .s1 .text{padding-top: 20px;}
    .index .s1 .text .title{margin-bottom: 0.2rem;}
    .index .s1 .text .info p{margin-bottom: 0.25rem;}
    .index .s1 .video a i{width: 5rem;height: 200px;}
    .innovation .s2 .items .item{
        padding: 0.65rem .55rem;
        padding-bottom: .55rem;
    }
    .innovation .s2 .items .item.ontop{padding: .65rem .55rem;}
    .about .s1 .flex .item{padding: 36px 30px;}
    .about .s5 .list li span{font-size: 12px!important;padding-left: .55rem;min-height: 60px;line-height: 1.4!important;}
    .about .s5 .list li span:before{left: 0.25rem;}
    .carryout .card .text .flex{margin-top: 105px;}
}
@media screen and (max-width: 1280px) and (max-height: 600px){
    .f16{font-size: 12px;}
}

@media screen and (max-width: 1279px) and (min-width: 1025px){

 .header .menu .menulist li > a{padding: 0 10px;}
 .header .stock{padding-right:20px;}
}
@media screen and (max-width: 850px){
    .f60{font-size: 0.4rem;}
    .f64{font-size: 0.45rem;}
    .f50{font-size: 0.34rem;}
    .f30{font-size: 15px;}
    .f40{font-size: 0.3rem;}
    .l36{line-height: 0.3rem;}
    .f26{font-size: 14px;}
    .f24{font-size: 14px;}
    .mgb90{margin-bottom: 0.5rem;}
    .mgb70{margin-bottom: 0.35rem;}
    .mgb68{margin-bottom: 0.34rem;}
    .mgb60{margin-bottom: 0.3rem;}
    .mgb34,.mgb38{margin-bottom: 0.18rem;}
    .mgb50,.mgb54{margin-bottom: 0.25rem;}
    .mgb40{margin-bottom: 0.2rem;}
    .mgb30{margin-bottom: 0.15rem;}
    h1, h2, h3, h4, h5{line-height: 1.7;}
    .invset#content .half, .urbandevelop .s2 .items .item p, .bhead p, .supplychain .s2 .items .item p, .urbandevelop .s1 .top .item p, .urbandevelop .s1 .bottom .info p, .urbandevelop .s2 .items .item p, .urbandevelop .s2 .items .item p, .finance .s2 .main p, .innovation .s2 .items .item p, .finance .s2 .img .con p, .about .s1 .item p, .about .s2 .chairman .speech p, .about .s2 .managerTeam .list dd, .about .s5 .list li span, .about .s6 .right dl dd p, .nd .editor p, .responsibility .s1 .container .text p, .carryout .top .text p, .carryout .top .text, .carryout .digest .right dd, .carryout .card .text .con p, .carryout .data dd, .carryout .card .text .con p, .springRain .s1 .right p, .talent .s1 .text p, .talent .s2 .items .item p, .supplychain .s2 .up170 .r p, .supplychain .s2 .up170 .l p, .aboutParty .s2 .left dd, .aboutParty .s2 .right dd, .aboutParty .s2 .b2 .team dl dd{font-size: 14px!important;}
    #content section[class^="s"]{padding-top: 0.5rem!important;padding-bottom: 0.5rem!important;}
    .footer .links{padding: 20px;}
    .footer .links dl{padding-left: 0px;}
    .footer .links .btns{top: 0;}
    .footer .links .btns a{width: 98%;box-sizing: border-box;
        text-align: left;
        display: flex;
        justify-content: space-between;}
    .footer .links .btns a:last-of-type{margin-top: 10px;}
    .header .menu .menulist{padding-right: 0;}
    .header .menu .menulist li .sub{padding-left: 25px;}
    .header .menu .menulist li .sub{padding-top: 0.2rem;padding-bottom: 0.2rem;}
    .header .menu .menulist li .sub dt{padding-right: 25px;padding-bottom: 0;}
    .header .menu .menulist li .sub dl:last-of-type dt{padding-right: 25px;}
    .header .menu .menulist li .sub dt a{line-height: 20px;width: 100%;}
    .slogan .text h1{font-size: 28px;}

    .index .s2:before{content: "Our Businesses";}
    .index .s1 .text{padding-top: 0.3rem;}
    .index .s1 .text .title{margin-bottom: 0.4rem;}
    .index .s1 .video{margin-bottom: 0.3rem;}
    .index .s1 .text .info{margin-bottom: 0.5rem;}
    .index .s1 .datas .growNumber li p{font-size: 12px;}

    .about .s5 .honor .items .item h5{min-height: 0;}
    .about .s4 .left dt{min-height: 35px;line-height: 1.5;}
    .about .s4 .left dt span{display: block;margin-left: 0;}
    .about .s4 .right #charts .chart h5 span{top: 102%;left: 0;right: auto;}
    .about#content .s6 .tabs a{margin: 0 8px;}
    .about .s5 .list{max-height: 6.62rem;margin-top: 0.5rem;flex-direction: column;flex-wrap: nowrap;}
    .about .s6 .right dl dt{margin-bottom: 0.2rem;}
    .about .s6 .right dl{padding-top: 0.4rem;}
    .about .s5 .honor .items{display: flex;flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        flex-direction: column;}
    .about .s5 .honor .items .item{width: 100%;margin-bottom: .7rem;}
    .about .s5 .honor .items .item .tb{box-sizing: border-box;}
    .about .s5 .honor .items .item h2{margin-bottom: 8px;}


    .brand .s2 .container .text h2{line-height: 1.3;}
    .brand .s1 .info > h2{display: none;}
    .brand .s1 .info p b{display: inline-block;}
    .brand .s2 .container .text > h5{text-align: center;}

    #content .nav a{flex-direction: column;}
    .invset#content .nav{display: flex;align-items: center;justify-content: center;}
    .invset#content .nav a{display: flex;flex-direction: column;justify-content: flex-start;align-items: center;max-width: 20%;padding: 20px 4px 45px 4px;}
    .duty#content .nav a{padding: 24px 4px;}
    .invset#content .half{margin-top: 0;}
    .invset#content .nav a span,.duty#content .nav a span{white-space: normal;}
    .innovation .s2 .items .item h3{height: auto;}
    #content .nav a > span{text-align: center;width: 100%;}

    .brand .s2 .container #qr1{display: none;}
    .brand .s2 .container #qr2{display: block;}


    .urbandevelop .s2 .items .item .con .qr p{width: 100%;}

    .carryout .achievements .flex{display: flex;flex-direction: column;}
    .carryout .achievements .flex > div{width: 100%;flex-basis: 100%;}
    .carryout .achievements .flex > div > p{text-align: left;}

    .talent .s2 .items .item{padding: 0.3rem 0.4rem;}

    .finance .s2 .main .con > h2{padding-right: 0.7rem;}
    .db .linkto{right: 0.2rem;}

    .responsibility .s2 .items .item .con .info{padding: 0 0.3rem;padding-bottom: 0.4rem;}
    .carryout .contribution{margin-bottom: 0.5rem;}
    .websites .items .item a h5{font-size: 14px;padding: 0 8px;}

    .carryout .card .text .flex{margin-top: 0;}

    .medias .items .item h5{line-height: 1.4;height: auto;}
    .medias .items .item .a{height: 80%;display: flex;align-items: center;flex-direction: column;justify-content: space-between;}
    .medias .items{display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        justify-content: space-between;}

}

@media screen and (max-width: 860px){ 
.about .s2 .managerTeam .pic{
width:100%}
.about .s2 .managerTeam .list{
width:100%}
.index .s1 .video a i{
width:auto;}

}