@charset "UTF-8";





@media screen and (max-width: 1500px){
    .advantage .map{
        width: 100%;
    }


}



@media screen and (max-width: 1440px){
    html{
        zoom:.8;
    }
    /*.advantage{
        padding-top: 60px;
    }
    .advantage .a-title {
        margin-bottom: 80px;
    }
    .advantage .a-title h3 {
        font-size: 28px;
    }
    .advantage .a-title p {
        font-size: 19px;
    }
    .advantage .number{
        width: 1000px;
    }
    .advantage .number ul li:nth-child(1){
        left: 11%;
    }
    .advantage .number ul li:nth-child(2) {
        left: 46%;
    }
    .advantage .number ul li:nth-child(3) {
        left: 82%;
    }
    .advantage .number .green:nth-of-type(2) {

        width: 800px;

        margin-left: -400px;
    }
    .advantage .number ul li:nth-child(4), .advantage .number ul li:nth-child(5) {

        left: 290px;
    }
    .advantage .number ul li:nth-child(5) {
        left: 646px;
    }
    .advantage .n-content ul li:nth-child(4) {
        margin-left: 185px;
    }
    .advantage .n-content{
        width: 1000px;
    }
    .advantage .n-content ul li + li {
        margin-left: 65px;
    }
    .advantage .map{
        width: 1000px;
    }*/
}


@media screen and (max-width: 1400px){
    .advantage .map{
        width: 100%;
    }
    .speech{
        width: 100%;
    }
}

@media screen and (max-width: 1200px){
    .advantage .map > div .point-area p{
        display: none;
    }

    .advantage .number{
        display: none;
    }

    .advantage .n-content{
        width: 100%;
        padding-top:0;
    }
    .advantage .n-content ul li {
        margin-left: 20%;
        margin-bottom: 20px;
    }
    .advantage .n-content ul li + li{
        margin-left: 20%;
    }
    .advantage .n-content ul li:nth-child(4){
        margin-left: 20%;
    }
    .advantage .n-content ul li:nth-child(4),
    .advantage .n-content ul li:nth-child(5){
        margin-top: 0;
    }
    .advantage .n-content ul li .top span{
        display: none;
    }

    .culture{
        width: 100%;
    }
    .culture .content .logo li{
        margin-left: 20%;
        margin-bottom: 20px;
    }
    .culture .content .logo li + li{
        margin-left: 20%;
    }
    .culture .content .pic li + li{
        margin-left: 0;
    }

    .culture .brief{
        width: 100%;
    }
    .culture .structure{
        width: 100%;
    }

    .development .content{
        width: 100%;
    }
    .development .content .list{
        width: 90%;
        margin: auto;
    }
    .environmental .content{
        width: 100%;
    }
    .environmental .content .e-title{
        text-align: center;
    }
    .environmental .content .midden{
        width: 80%;
        margin: auto;
    }
    .environmental .content .midden > div{
        float: left;
        width: 100%;
    }
    .environmental .content .midden p{
        width: 100%;
        text-align: justify;
        font-size: 14px;
    }
    .environmental .content > .bottom{
        width: 80%;
        margin: auto;
    }
    .environmental .content > .bottom > div{
        width: 100%;

    }
    .environmental .content > .bottom p{
        width: 100%;
        margin-top: 0;
        margin-left: 0;
        font-size: 14px;

    }
    .environmental .content .system{
        width: 70%;
        margin: auto;
    }
    .environmental .content .system ul li{
        width: 49%;
    }
    .environmental .content .system ul li .bottom p{
        text-align: justify;
    }
    .honor .certificate{
        width: 100%;
    }
    .honor .certificate >ul{
        width: 95%;
        margin: auto;
    }
    .honor .certificate >ul > li div .pic li{
        width: 24%;
    }
    .honor .certificate >ul > li div .pic li img{
        width: 100%;
        height: 100%;
    }
    .organizational .o-title{
        width: 90%;
        margin: auto;
    }
    .organizational .structure{
        width: 100%;
        overflow-x: scroll;
        margin-left: 30px;
        margin-top: 20px;
    }
    .organizational .structure > div{
        width: 915px;
    }
    .organizational .structure .left{
        
    }
    .situstion .s-content{
        width: 90%;
        margin: auto;
    }
    .situstion .s-content > p{
        text-align: justify;
    }
    .speech .left,
    .speech .right{
        float: none;
    }
    .speech .left{
        width: 348px;
        margin: auto;
    }
    .speech .right{
        width: 90%;
        margin: auto;
    }
    .speech > i{
        z-index: -1;
    }

}
@media screen and (max-width: 1050px){
    .advantage .n-content ul li {
        margin-left: 15%;
    }
    .advantage .n-content ul li + li{
        margin-left: 15%;
    }
    .advantage .n-content ul li:nth-child(4){
        margin-left: 15%;
    }
    .environmental .content .system{
        width: 80%;
    }
    .organizational{

        padding-bottom: 100px;
    }

    .second .content{
        width: 90%;
        margin: auto;
        text-align: justify;
        font-size: 14px;
    }
}



@media screen and (max-width:950px){
    .advantage .n-content ul li {
        margin-left: 14%;
    }
    .advantage .n-content ul li + li{
        margin-left: 14%;
    }
    .advantage .n-content ul li:nth-child(4){
        margin-left: 14%;
    }
    .environmental .content .system{
        /*width: 40%;*/
    }
    .environmental .content .system ul li .bottom p{
        margin-top: 25px;
    }
    .honor .certificate >ul{
        width: 90%;
        margin: auto;
    }
    .honor .certificate >ul > li div .pic li{
        width: 23%;
    }
    .honor .certificate ul li div div{
        width: 100%;
        padding: 7px 0;
        height: 90px;
    }
    .honor .certificate ul li div div p{
        width: 50%;
    }
    .organizational .structure{

        margin-left: 0;

    }



}

@media screen and (max-width:800px){
    .advantage .n-content ul li {
        margin-left:5%;
    }
    .advantage .n-content ul li + li{
        margin-left: 5%;
    }
    .advantage .n-content ul li:nth-child(4){
        margin-left: 5%;
    }
    .culture .content .logo li{
        margin-left: 15%;
        margin-bottom: 20px;
    }
    .culture .content .logo li + li{
        margin-left: 15%;
    }
    .advantage .map .m-title{
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 730px){
    .culture .content .pic{
        width: 90%;
        margin: auto;
    }
    .culture .content .pic li{
        width: 100%;
        height: auto;
        text-align: justify;
    }
    .honor .certificate ul li div i{
        display: none;
    }
    .honor .certificate ul li div div{
        display: none;
    }
    .honor .certificate >ul > li div .pic li{
        width: 49%;
    }
    .honor .certificate ul li > div > ul > li + li{
        margin-left: 0;
    }
    .honor .certificate ul li > div > ul > li:nth-child(even){
        margin-left: 12px;
    }
    .honor .certificate >ul > li div .pic li:nth-child(even){
        margin-left: 1%;
    }
    .honor .certificate >ul > li{
        margin-bottom: 0;
    }
}
@media screen and (max-width:670px){
    .honor .certificate >ul > li div .pic li{
        width: 49%;
    }
    .honor .certificate ul li > div > ul > li:nth-child(even){
        margin-left: 0;
    }
    .environmental .content .system ul li{
        width: 100%;
    }
}


@media screen and (max-width:650px){
    .advantage .n-content ul{
        width: 90%;
        margin: auto;
    }
    .advantage .n-content ul li {
        width: 100%;
        margin-left: 0;
    }
    .advantage .n-content ul li + li{
        margin-left: 0;

    }
    .advantage .n-content ul li:nth-child(4){
        margin-left: 0;
    }
    .second .title i{
        display: none;
    }
    .second .title h3{
        font-size: 20px;
    }
    .second .title h3:before,
    .second .title h3:after{
        display: none;
    }
    .speech > i{
        width: 330px;
        height: 290px;
    }

}

@media screen and (max-width:600px){
    .culture .content .logo{
        width: 100%;
        margin: auto;
    }
    .culture .content .logo li{
        margin-left: 0;
    }
    .culture .content .logo li + li{
        margin-left: 0;
    }
    .environmental .content{
        /*padding-top: 30px;*/
    }
    .environmental .content .e-title{
        margin-bottom: 30px;
    }
    .environmental .content .midden p{
        font-size: 14px;
    }
    .environmental .content .e-title h3{
        font-size: 20px;
    }
    .environmental .content .e-title p{
        font-size: 12px;
    }
    .speech .right{
        margin-top: 30px;
    }
}

@media screen and (max-width: 450px){
    .development .content{
        /*padding-top: 40px;*/
        padding-bottom: 30px;
    }
    .development .content .d-title{
        margin-bottom: 30px;
    }
    .development .content .d-title h3{
        /*font-size: 20px;*/

    }
    .development .content .d-title p{
        /*font-size: 12px;*/

    }
    .environmental .content .system{
        width: 100%;
    }
    .environmental .content .system ul li{
        width: 100%;
        margin-bottom: 10px;
        height: 530px;
    }
    .environmental .content .system ul li .bottom p{
        font-size: 12px;
    }
}

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

    .situstion .s-content .s-title h3{
        font-size: 18px;
    }
    .situstion .s-content .s-title p{
        font-size: 16px;
    }
    .situstion .s-content .s-t{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .situstion .s-content .s-t h4{
        font-size: 35px;
    }
    .situstion .s-content .s-t div{
        margin-left: 0;
    }
    .situstion .s-content .s-t div p:nth-child(1){
        font-size: 18px;
    }
    .situstion .s-content .s-t div p:nth-child(2){
        font-size: 16px;
    }
    .situstion .s-content > p{
        font-size: 12px;
    }
    .organizational{
        padding-top: 70px;
    }
    .organizational .o-title h3{
        font-size: 18px;
    }
    .organizational .o-title p:nth-of-type(1){
        font-size: 16px;
        margin-bottom: 20px;
    }
    .organizational .o-title p + p{
        text-align: justify;
        font-size: 12px;
        text-indent: 24px;
    }
    .development .content .d-title h3{
        font-size: 18px;
    }
    .development .content .d-title p{
        font-size: 16px;
    }
    .development .content .list ul li p{
        font-size: 12px;
    }
    .honor .h-title{
        margin-bottom: 30px;
    }
    .honor .h-title h3{
        font-size: 18px;
    }
    .honor .h-title p{
        font-size: 16px;
    }
    .advantage .a-title{
        margin-bottom: 30px;
    }
    .advantage .a-title h3{
        font-size: 18px;
    }
    .advantage .a-title p{
        font-size: 16px;
    }
    .advantage .n-content ul li .top p{
        font-size: 12px;
    }
    .advantage .n-content ul li h4{
        font-size: 14px;
    }
    .advantage .n-content ul li .top{
        height: 200px;
    }
    .advantage .map{
        margin-top: 25px;
    }
    .advantage .map .m-title{
        margin-bottom: 20px;
    }
    .advantage .map .m-title h3{
        font-size: 18px;
    }
    .advantage .map .m-title p{
        font-size: 16px;
    }
    .speech .right h3{
        font-size: 18px;
    }
    .speech .right p{
        font-size: 16px;
    }
    .speech .right .s-title{
        margin-bottom: 30px;
    }
    .speech .right > p span{
        font-size: 16px;
    }
    .speech .right > p {
        font-size: 12px;
    }
    .culture .content{
        margin-top: 51px;
    }
    .culture .c-title{
        margin-bottom: 50px;
    }
    .culture .content .logo{
        width: 80%;
    }
    .culture .brief{
        width: 90%;
        margin:20px auto;
    }
}

@media screen and (max-width:400px){
    .development .content .list ul li p{
        font-size: 13px;
        line-height: 25px;
    }
}

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

    .culture .content .logo {
        width: 65%;
    }
    .culture .content .logo li{
        width: 150px;
        height: 150px;
        font-size: 15px;
    }

    .culture .content .logo li i{
        width: 35px;
        height: 35px;
        margin-top: 20px;
    }
    .culture .content .logo li p:nth-of-type(1){
        width: 100px;
    }

}

@media screen and (max-width:350px){
    .culture .content .logo{
        width: 76%;
    }
    .speech .left{
        width: 100%;
    }
}