@media screen and (min-width:1025px){ .fixedImg { background-attachment: fixed;} .banner .item{ opacity: 1 !important;} .banner .binbox { opacity: 0; visibility: hidden; transform:translateX(-150px); -webkit-transform:translateX(-150px); -moz-transform:translateX(-150px);} .banner .slick-active {z-index: 400 !important;} .banner .slick-active .img { -webkit-animation: decreaseHeight 1.2s forwards; animation: decreaseHeight 1.2s forwards; overflow:hidden;} .banner .slick-active .binbox{ opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); transition: .78s 0.55s cubic-bezier(.215,.61,.355,1); -webkit-transition: .78s 0.55s cubic-bezier(.215,.61,.355,1);} .banner { /* height: 100vh; */ } .banner .swiper-container { width: 100%; /* height: 100vh; */ } .banner .swiper-slide { background-size: cover; position: relative; /* height: 100%; */ /* height: 100vh; */ } .banner .swiper-slide img{ /* height: 100vh; */ /* width: 100vw; */ } } @media screen and (max-width:1700px){ .contact-list .tel{font-size: 28px;} .contact-list .mail{font-size: 28px;} } @media screen and (max-width:1650px){ } @media screen and (max-width:1600px){ .banner .binbox .by{ font-size: 55px;} .banner .binbox .zh{ font-size: 26px;} .index .section2 .conn2_left{padding: 8%;} .index .section2 .bottom-text h3{font-size: 160px;} .index .section2 .conn2_left h2{font-size: 45px;} .index-title .t1{font-size: 52px;} .index .section2 .conn2_right .items h3{font-size: 58px;} .index .section2 .conn2_right .items p{font-size: 16px;} } @media screen and (max-width:1450px){ .about-top .left .con{font-size: 14px;} .about-top .txt{font-size: 14px;} .about-top .num-box .num{font-size: 43px;} .banner .binbox{width: 100%; margin-left: -500px;} .explore-idea .left .t2{font-size: 26px;} .explore-idea .right{} .explore-idea .right p{font-size: 14px;} .index .section2 .conn2_right .items h3{font-size: 55px;} .index .section2 .conn2_right .items .conn2_2{width: 75%;} .index .section2 .conn2_left .text-p{font-size: 14px;} .contact-list .tel{font-size: 28px;} .contact-list .mail{font-size: 28px;} .culture .chaoren li .chong img{width: 50px;} .culture .chaoren li .danci span{font-size: 28px;} .culture .chaoren li .danci{font-size: 24px;} } @media screen and (max-width:1370px){ .ibox-inner{width: 100%; padding: 0 4%; box-sizing: border-box;} .ft-bottom{padding: 20px 4%;} .banner .binbox .by{ font-size: 45px;} .banner .binbox .zh{ font-size: 20px;} .about-top .num-box .num{font-size: 44px;} .about-top .icon img{height: 60px;} .about-culture-list li{padding: 2%;} .about-culture-list li .img{height: auto;} /* .about-culture-list li .text{height: auto;} */ .about-culture-list li .text p{line-height: 35px;} .case-list .item .text h3{margin-top: 20px;} .case-list .item .img{width: 60%;} .case-list .oneItem .con{left: 65%;} .case-list .con{width: 30%;} .case-list .item .img img { width: 140%; margin-left: -20%;} .case-list .twoItem .img{margin-left: 40%;} .join-list li .text .t1{font-size: 18px;} .join-title h3{font-size: 36px;} .honor-list .item .text .t1{font-size: 18px;} .section4-nav li{line-height: 220px;} .index-title{padding: 60px 0;} .index-title .t1{font-size: 48px;} .index .section2 .conn2_right .items .conn2_2{width: 80%;} .index .section2 .conn2_left h4{font-size: 28px;} .index .section2 .conn2_left h2{font-size: 42px;} .index .section2 .conn2_right .items h3{font-size: 50px;} .index .section2 .conn2_left{padding: 4%;} .index .section2 .bottom-text h3{font-size: 120px;} .index .section2 .conn2_right .items p{font-size: 14px;} .section3{height: 800px;} } @media screen and (max-width:1200px){ .section4-nav li{font-size: 16px; line-height: 175px;} .index-title .t1{font-size: 44px;} .index-title .t2{font-size: 24px;} .index-title{padding: 40px 0;} .contact-list .tit{font-size: 26px;} .contact-list .tel{font-size: 24px;} .contact-list .mail{font-size: 24px;} .case-list .item .text h3{font-size: 22px; line-height:35px;} .case-list .item .text span{position: relative; margin-top: 20px; display: block; bottom: 0;} .tancon{padding: 0 3% 0;} .explore-idea .right{padding: 4% 4% 0 120px; background-size: 50px;} .explore-idea .right p{font-size: 14px; line-height: 33px;} .explore-idea .left .t2{font-size: 24px;} .join-list li{width: 32%;} .join-list li:nth-child(4n+1){margin-left: 2%;} .join-list li:nth-child(3n+1){margin-left:0;} .about_main .section2 .img_slick{width: 30%;} } @media screen and (max-width:1100px){ .contact-box .row{display: flex; display: -webkit-flex; flex-wrap: wrap;} .contact-box .item{/*width: 48%;*/ float: none; margin-bottom: 20px;} .contact-list .tit{font-size: 26px;} .contact-list .tel{font-size: 28px;} .contact-list .mail{font-size: 28px;} .develop-tit{padding: 50px 0;} .contact-box .row{margin: 0;} .scope-introduce .tel{width: 300px;} .scope-list .item{transform: scale(0.8); } .scope-introduce{margin: 0;} .scope-introduce .text h1{font-size: 36px;} .index-title{width: 100%; text-align: center;} .index-title .t1{font-size: 40px;} .gallery-thumbs{padding-left: 0;} .section4-list{padding: 2% 2%;} .section4-nav li{line-height: 80px;} .section4 .ibox-inner{flex-direction: column;} .gallery-thumbs{width: 100%;} .index .section2 .conn2_left h4{padding-bottom: 40px;} .index .section2 .conn2_left h2{font-size: 36px; padding-bottom: 40px;} .index .section2 .conn2_right .items .conn2_2{width: 98%;} .contact-list .tel{font-size: 22px;} .contact-list .mail{font-size: 22px;} } @media screen and (max-width:1000px){ .index-logo { width: auto; display: flex; } .menu-handler { width: 64px; float: right; height: 54px; display: none; cursor: pointer; position: relative; top: -7px; right: -18px; } .index-nav-right{ display: none;} .menu-handler,.menuBox{ display: block;} .index-header{padding: 10px 15px;} .index-logo img{ position: relative; } .index-logo img { } .index-logo .img1{display: none;} .index-logo .img2{display: none;} .index-logo .img3{display: block;} .index-logo{flex: 1;flex: 1; justify-content: flex-start; } .top { background-color: #fff; height: 60px;border-bottom:1px solid rgb(235,235,235); } .banner{ margin-top: 60px;} .banner .img{ position: relative; left: auto; top: auto; right: auto; bottom: auto;} .banner .pimg { display: none;} .banner .bimg{ display: block;} .banner .binbox{ width: 90%; left: 5%; margin-left: 0; height: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);} .banner .binbox .by{ font-size: 36px;} .banner .binbox .zh{ font-size: 18px;} .banner .binbox .en{ font-size: 14px;} .banner .binbox .line{ height: 30px;} .banner .slick-dots{ bottom: 3%;} .index .height{height: auto;} .conn_banner{position: relative;} .index .section2 .conn2_left{padding: 5%;} .index .section2 .conn2_left h4{font-size: 28px; padding-bottom: 40px;} .index .section2 .conn2_left h2{font-size: 40px; padding-bottom: 55px;} .index .section2 .conn2_left p{font-size: 14px;} .index .section2 .bottom-text h3{display: none;} .index .section2 .conn2_right .items h3{font-size: 46px;} .index .section2 .conn2_right .items p{font-size: 14px;} .index .section2 .conn2_right .items .conn2_2{width: 90%;} .section4-list li{width: 49%; margin-left: 2%;} .section4-list li:nth-child(4n+1){margin-left: 2%;} .section4-list li:nth-child(2n+1){margin-left: 0;} .ft-nav{padding: 40px 0;} .ft-nav li{margin: 0 10px; font-size: 14px;} .ft-logo img{height: 40px;} .ft-center .left{display: none;} .ft-center .center{width: 100%; position: relative!important; top: 0; left: 0; right: 0; bottom: 0;margin-left: 0;} .ft-center .center .tel{float: left; width: 70%; flex: 1;} .ft-center .center .erweima{float: right; width: 20%; text-align: right;} .sub-banner{height: auto; margin-top: 60px;} .sub-banner img{display: block;} .sub-banner .text-box .en{font-size:42px;} .sub-banner .text-box .cn{font-size: 22px; margin-top: 1em;} .displayTitle h2{font-size: 22px;} .display-left{padding: 40px 20px 0 0;} .scope-introduce .text h1{font-size: 32px;} .recruit-tit .desc{font-size: 18px;} .recruit-tit .tit{font-size: 30px;} .explore-idea .right{background: #ffffff; padding: 4%;} .about-purpose-box .text-box{position: relative; top: 0; transform: translateY(0); padding-top: 4em; height: 100%;} .video-popwrap{border: 2px solid #ffffff;} .video-popwrap video{width:500px;} .about-purpose-box .text-box .con p{line-height: 25px; margin-top: 1em;} .culture{display: inherit;} .culture .chaoren{width: 100%;} .culture .cizhi{width: 100%;} .culture .cizhi img{height: auto;} } @media screen and (max-width:950px){ .about-sec2box{margin-top: 2em;} .about-sec2box .swiper-slide:nth-child(2n){margin-top: 0;} .about-sec2box .swiper-slide::before{background: none;} .about-sec2box .blackline{display: none;} .about-sec2box .swiper-slide{margin-bottom: 0;} .about-sec2box .swiper-slide:nth-child(2n+1){margin-bottom: 0;} .about-sec2box .swiper-slide{margin-bottom: 0;} .about-sec2box .swiper-button-prev{margin-top: 0;} .about-sec2box .swiper-button-next{margin-top: 0;} .about-sec2box .swiper-button-next, .about-sec2box .swiper-button-prev{position: relative !important;display: inline-block;margin: 10px auto;} } @media screen and (max-width:860px){ .banner .binbox .by{ font-size: 30px;} .conn_banner{position: relative;} .index .section2 .conn2{flex-direction: column;} .index .section2 .conn2_left{width: 100%; padding: 20px; display: block;} .index .section2 .conn2_right{height: 240px; width: 100%; position: relative; display: block; overflow: hidden;} .index .section2 .conn2_left h4{font-size: 18px; padding-bottom: 20PX;} .index .section2 .conn2_left h2{font-size: 28px; padding-bottom: 20px;} .index .section2 .conn2_left > a{margin-top: 40PX;} .index .section2 .conn2_right .items{height: 100%;} .index-title{text-align: center; width: 100%;} .index-title .t1{font-size: 40PX;} .sub-banner img { width: 150%; transform: translateX(-20%);} .sub-banner .text-box .en{font-size:34px;} .sub-banner .text-box .cn{font-size: 18px;} .about-box{padding: 2em 0 0;} .about-culture-box{max-height: initial;padding: 40px 0;} .about-culture-list{justify-content: space-between;} .about-culture-list li{width: 49%; margin-left: 2%;margin-bottom: 1em; } .about-culture-list li:nth-child(4n+1){margin-left: 2%;} .about-culture-list li:nth-child(2n+1){margin-left: 0;} .about-top .left .con p{margin-bottom: 20px;} .about-title .about-tit{font-size: 32px;} .about-top .left{width: 100%; float: none;} .about-top .right{width: 100%; float: none; margin-top: 3em;} .about-top .item{width: 100%; margin-bottom: 1em; padding-bottom: 1em;} .about_main .section2 .timeline_slick .item .year{font-size: 40px;} .about_main .section2 .img_slick{width: 45%;} .about_main .section2 .btns{margin-top: 11vh;} .develop-tit{padding: 40PX 0;} .develop-tit .about-tit{font-size: 34PX;} .contact-box .item{width: 100%; } .contact-box .item:last-of-type{width: 100%;} .contact-box{padding: 20px 0;} .contact-list .tel span{display: inline-block; margin: 0 10px 0 0;} .contact-list .mail{margin-top: 0;} .contact-box .contact-list{padding: 0; margin: 0;} .contact-box .map{height: 500px;} .contact-list .tit{margin-bottom: 10px;} .form-box .check-box{width: 100%;} .form-box .check-box img{height: 50px;} .message-box .form-box .check-box, .message-box .form-box input[type="submit"]{margin: 0;} .form-box input[type="submit"]{margin-top: 2em !important;} .scope-introduce .text{width: 100%; float: none;} .scope-introduce .tel{width: 100%; float: none;} .scope-list .item{transform: scale(0.7); } .scope-list .item{width: calc(100%/3); width: -moz-calc(100%/3)} .case-list .oneItem .con{left: 0;} .case-list .con { position: relative; left: auto; top: auto; width: 90%; padding: 2em 5%;} .case-list .item .img{width: 100%;} .case-list .item .img img { width: 100%; margin-left: 0%;} .case-list .twoItem .img{width: 100%; margin-left: 0%;} .case-list .twoItem .con{left: 0;} .case-list .item{margin-bottom: 2em;} .case-list .item .text h3{margin-top: 0;} .case-list .item .text{padding: 0;} .case-list .item .text .line{margin: 1em 0;} .case-list .item .text h3{font-size: 18px;} .case-list .item .text p{font-size: 14px; line-height: 30px;} .recruit-tit .sub-tit{font-size: 18px;} .recruit-tit .tit{font-size: 28px;} .recruit-tit .desc{font-size: 18px;} .explore-idea .left{width: 100%; height: 100%; padding:3em 1.5em; background-size: 140px;} .explore-idea .left .t1{font-size: 18px; margin-bottom: 10px;} .explore-idea .left .t2{font-size: 20px; line-height: 40px;} .explore-idea .right{width: 100%; height: auto; padding:2em 1.5em;} .explore-idea .right h3{font-size: 18px; margin-bottom: 20px;} .explore-idea .right p{font-size: 13px; line-height: 32px;} .explore-idea{padding-bottom: 2em;} .explore-box{padding: 2em 0; background-size: contain;} .explore-idea .box{flex-wrap: wrap;} .about-purpose-box{height: 250px;} .about-purpose-box .text-box .con{margin-top: 0;} .explore-idea-bg .text-box .con p{font-size: 16px; line-height: 35px;} .explore-idea-bg .text-box .con{width: 100%; float: none;} .explore-idea-bg .text-box .con span{margin-top: 1em;} .section4-list li{width: 49%;} .section4-list li:nth-child(4n+1){margin-left: 2%;} .section4-list li:nth-child(2n+1){margin-left: 0;} .section5-list li{width: 49%; margin-left: 0;} .section5-list li:nth-child(2n){float: right;} .section5-list li .img{max-height: initial;} .video-popwrap video{width:320px;} .case-list .item .img img{height: auto;} } @media screen and (max-width:751px){ .ibox-inner{padding: 0 1em;} .menuBox{ width: 70%;} .menuMoblie .nav-link{color: rgb(255, 255, 255); padding: 19px 12%; font-size: 16px; letter-spacing: 1px;} .banner .binbox .by{ font-size: 24px; font-weight: normal ;} .banner .binbox .zh{ font-size: 16px; font-weight: normal;} .banner .binbox .line{ height: 20px; margin-top: 15px;} .banner .binbox .ico{ width: 24px; height: 24px; margin-top: 15px;} .banner .slick-dots li{ width: 7px; margin: 0px 5px;} .banner .slick-dots li a{ position: relative; left: auto; top: auto; width: 6px; height: 6px; border: 1px solid #fff; background-color: transparent; border-radius: 50%; display: block;} .banner .slick-dots li.slick-active a{ height: 6px; background-color: #fff;} .banner .binbox a{display: none;} .index .section2 .conn2_left{padding: 1em;} .index .section2 .conn2_left h4{line-height: 30PX; font-size: 16PX;} .index .section2 .conn2_left h2{font-size: 24PX;} .index .section2 .conn2_left > a{padding: 10PX 40PX;} .index .section2 .conn2_right .items h3{font-size: 36px;} .index .section2 .conn2_right .items .conn2_2{top: 32%;} .index .section2 .conn2_right .item-video a{top: 68%;} .index .section2 .conn2_right{height: 240px;} .index .section2 .conn2_right .items p{padding-top: 10px;} .inliner-banner li .con, .inliner-banner-con li .con{transform: scale(1)} .section3 .index-title{display: none;} .i-wrap3{height: 600px;} .inliner-banner li .font, .inliner-banner-con li .font{width: 47%;} .inliner-banner li h2, .inliner-banner-con li h2{font-size: 20px;} .i-wrap3 .inliner-bg{display: none;transform: scale(0);} .i-wrap3 .inliner-list{display: none;transform: scale(0);} .index-title{padding: 1.5em 0;} .index-title .t1{font-size: 26px; margin-bottom: 10px;} .index-title .t2{font-size: 20px;} .section4-nav li{font-size: 14px;} .section4-list{padding: 1em;} .section4-list li .text{margin-top: 0; font-size: 14px;} .section4-list li{margin-bottom: 1em;} .section5-list li{margin-bottom: 1.3em;} .section5-list li .text h3{font-size: 18px; margin-bottom: .5em;} .section5-list li .text{padding: 1.5em 1em;} .section5-list li .text .t1{margin-bottom: 1em;} .ft-nav{display: none;} .ft-logo{padding: 1em 0;} .ft-center{width: 100%; padding: 2em 0;} .ft-center .center .erweima{width: auto;} .ft-center .center .tel {margin-top: 0;} .ft-center .center .tel .t1 h3{font-size: 20px; margin-bottom: 5px;} .ft-center .center .tel .img{margin-right: 10px;} .ft-center .center .tel .img img{display: inline-block; height: 40px;} .ft-center .center .erweima img{height: 80px; width: 80px; margin-right: 10px;} .ft-center .center .tel .t2{font-size: 12px; margin-top: 0;} .ft-center .center .tel .t2 img{height: 15px; margin-right: 10px;} .ft-bottom{padding: 1em;} .ft-bottom p{float: none; text-align: center; font-size: 12px;line-height: 20px;} .sub-nav-box{margin-top: 0; border-bottom: 1px solid #d8d8d8;} .sub-banner .text-box .en{font-size: 32px;} .sub-banner .text-box .cn{font-size: 18px;} .about-purpose-box .text-box .about-tit{font-size: 28px;} .about-purpose-box .text-box .con{font-size: 14px;} .about-purpose-box{height: 400px;} .about-title{padding-bottom: 3em;} .about-title .about-tit{font-size: 26px;} .about-title .line{margin-top: 10px;} .about-culture-box{padding: 3em 0;} .about-course-box{padding: 40px 0;} .sub-nav a{font-size: 14PX; height: 70px; line-height: 75px;} .develop-tit{padding: 20px 0;} .develop-tit .about-tit{font-size: 28px;} .contact-list .tit{font-size: 18px; font-weight: bold;} .contact-list .tel{font-size: 20px;} .contact-list .mail{font-size: 20px;} .contact-box .item .con-box > .clearfix >.fl img{height: 35px;} .contact-box .info-box{width: 350px;} .contact-box .info-box .img{width: 80px; height: 80px; margin-top: 10px;} .contact-box .info-box .text{width: 68%;} .contact-box .info-box .text .con{font-size: 12px;} .contact-box .map{height: 350px;} .message-box .form-box .item{width: 100%;} .form-box input[type="text"], .form-box textarea{height: 50px; line-height: 50px;} .view{width: 90%; padding: 0 1em; box-sizing: border-box;} .form-box .content{background-position: 17px 35px;} .dynamic-top{padding: 1em 0;} /* .page-more{margin: 2em auto;} */ .section5-list li{width: 100%; float: none;} .display-box{flex-direction: column;} .display-left{width: 100%; float: none; border-right: none; padding: 2em 0;} .display-right{width: 100%; float: none; display: none;} .displayTitle{margin: 0;} .displayTitle h2{font-size: 18px;} .dianji_num{margin: 1em auto;} .displayMain{margin-top: 1em;} .share_l{width: 100%; float: none;} .share_r{width: 100%; float: none; margin-top: 2em;} .share_l li{float: none;} .dianji_num{height: auto;} .dianji_num span{font-size: 12px;} .scope-introduce{padding: 2em 0;} .scope-introduce .text h1{font-size: 28px; margin-bottom: 1em;} .scope-introduce .tel h3{font-size: 30px;} .scope-list .item .bg{width: 85px; height: 85px; padding: 7px;} .scope-list .item{width: calc(100%/3);width: -moz-calc(100%/3)} .scope-list .item .img{height: 70px; width: 70px;} .scope-list .item .zuobiao{display: none;} .scope-list{padding-bottom: 5em; padding-top: 5em;} .scope-list .item{transform: scale(.9);} .tancon{width: 90%;} .rc-popscroll{ max-height: 300px; overflow-y: scroll; padding-right: 60px;} .tancoiiiab .t1{width: 48%;} .recruit-box .list{margin-top: 2em;} .recruit-box .list .item{padding: 1em;} .recruit-box .list .staff-box{padding-bottom: 1em;} .recruit-box .list .staff{font-size: 16px;} .recruit-box .list .detail{font-size: 14px;} .recruit-box .list .require{margin-top: 10px;} .recruit-box .list .require span{margin-bottom: 0; font-size: 12px; line-height: 30px; width: 50%;} .tancoiiiab .t1 b{font-size: 16px; margin-top: 0;} .tancoiiiab{padding: 1em 0;} #mCSB_1{min-height: auto !important;} .tancoiiiab .t1 b{display: inline-block; font-size: 14px; margin-left: 10px;} .tancoiii h4{font-size: 16px; margin-bottom: 10px;} .tancoiiiab{padding: 0 0 1em;} .tanright{right: 0; width: 45px; height: 45px; top: -45px;} .recruit-box{padding-bottom: 4em;} .page-box{margin-top: 4em; background: none;} .page a{margin: 0 5px; height: 40px; line-height: 40px; width:40px;} .recruit-tit .sub-tit{font-size: 16px;} .recruit-tit .tit{font-size: 24px;} .recruit-tit .desc p{font-size: 14px; line-height: 32px;} .explore-box .list{margin-top: 2em; margin-bottom: 0;} .explore-box .list .item{width: 100%; margin-left: 0; float: none;} .explore-box .list .con-box{height: 62px; line-height: 62px; font-size: 15px;} .idea-title{padding: 1em 0 2em;} .idea-title h3{font-size: 28px;} .idea-title h4{font-size: 32px;} .join-title{padding: 2em 0;} .join-title h3{font-size: 24px; margin-bottom:.5em;} .join-title p{font-size: 14px;} .join-list li{width: 100%; margin-left: 0; float: none;} .join-list li .text .t1{font-size: 16px; font-weight: bold;} .honor-list .item .text .t1{font-size: 16px; font-weight: bold;} .about_main .section2 .img_slick{width: 90%;padding: 1em; box-sizing: border-box; left: 5vw;} .about_main .section2 .timeline_slick .item .year{font-size: 30px;} .about_main .section2 .img_slick .item p{margin-top: 10px; font-size: 14px;} .about_main .section2 .main{padding: 0;} .about_main .section2 .img_slick{position: relative;} .about_main .section2 .btns{margin-top: 3vh;} .about_main .section2 .timeline_slick .item:nth-of-type(2n+1) .tip{bottom: 135px;} .about_main .section2 .timeline_slick .item:nth-of-type(2n+1) .year{bottom: 50px;} .section4-nav{display: none;} .section5-list li .text h3{font-size: 16px; margin-bottom: 0;} .tj-indexPart3-list li{width: 100%; float: none; margin-left: 0; padding: 1.5em;} .tj-indexPart3-list li .left .number .day{font-size: 32px;} .tj-indexPart3-list li .left .details{font-size: 14px; line-height: 30px; margin-top: 1.3em;} .culture .chaoren li .chong{padding: 20px; box-sizing: border-box;} .culture .chaoren li .danci{padding: 0 10px; box-sizing: border-box;} .culture .chaoren li .danci span{font-size: 18px; width: auto;} .culture .chaoren li .danci{font-size: 16px;} .culture .chaoren li .chong img{width: 45px;} .honor-list-top .item{width: 100%; float: none; margin-left: 0;} .honor-list-bottom .item{width: 100%; float: none; margin-left: 0;} .honor-list{padding-top: 1em;} .section4-list li .img img{height: 180px; max-height: 180px;} } @media screen and (max-width:481px) { .banner .binbox .by{ font-size: 22px;} .banner .binbox .zh{ font-size: 12px; margin-top: 5px;} .about-title .about-tit{font-size: 24px;} .about-top .num-box .num{font-size: 40px;} .index-logo img{ position: relative;} .index-logo img { width: 100%; max-height: auto; height: 44px; width: 65px; } .sub-banner img{width: 125%;} .about-box{padding: 2em 0 0;} .about-culture-box{max-height: initial;padding: 40px 0;} .about-culture-list{justify-content: space-between;} .about-culture-list li{width: 100%; margin-left:0;margin-bottom: 1em; } .about-culture-list li:nth-child(4n+1){margin-left:0;} .about-culture-list li:nth-child(2n+1){margin-left: 0;} .m-subnav{width: 200%;padding: 10px;left: -50%;} .m-subnav a{height:35px;line-height: 35px;} }