@media screen and (min-width:1600px){ .nav li{ font-size: 16px; margin-left: 10px;} .nav>ul>li>a{ padding: 0px 20px; } } @media screen and (min-width:1025px){ .fixedImg { background-attachment: fixed;} .ibox-performance .item:hover figure img{ opacity: 1; filter:alpha(Opacity=100); transform:scale(1.1); -webkit-transform:scale(1.1); } .ibox-performance .item:hover .desc{ color: #fff; top: 22%;} .ibox-performance .item:hover .btn-more2{ transform: rotateY(0deg);-webkit-transform: rotateY(0deg); opacity:1; visibility:visible; } .ibox-performance .item:hover .black-70{ opacity: 1; visibility: visible\9;} .ibox-new-c .item:hover .timeBox i:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; } .ibox-new-c .item:hover h4{ color: #324EA4;} .inew-arrow:hover{ background-color: #202a7b; border-color: #202a7b; color: #fff;} .ibox-project dd:hover .black{ transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0; visibility:visible\9;} .ibox-project dd:hover .desc{ transform:inherit; -webkit-transform:inherit; opacity: 1; visibility:visible\9;} .newItem .black-20{ opacity: 0; visibility: hidden\9; -webkit-transition: all 0.3s;transition: all 0.3s;} .newItem:hover .black-20{ opacity: 1; visibility: visible\9;} .newItem:hover .img img{-webkit-transform:scale(1.05);transform:scale(1.05);} .newItem:hover h4{ color: #202a7b;} .newItem:hover .tiemBox2{ background-color: #202a7b; border-color: #202a7b; color: #fff;} } @media screen and (max-width:1600px){ .pbanner-C .zh{ font-size: 44px;} .mapBox{ height: 500px;} } @media screen and (max-width:1441px){ .inner{ width: 1200px;} .binbox .by{ font-size: 20px;} .binbox .desc{ font-size: 36px;} .ibox-about{ width: 50%;} .ibox-new{ width: 45%;} .ibox-new-c{ margin-top: -32px;} .ibox-new-c .item{ margin-top: 32px;} .ibox-project{ margin-left: -1%;} .ibox-project dd{ width: 24%; margin-left: 1%;} .ibox-project .desc{ margin-top: -77px;} .ibox-project h4{ font-size: 16px;} .ibox-project .c{ margin-bottom: 20px;} .ibox-project .bot{ width: 46px; height: 2px;} .pbanner-C .zh{ font-size: 40px;} .patentPage{ padding: 140px 0px;} .about-by{ padding: 200px 0px;} .pboxT2 .zh{ font-size: 34px;} .pboxT2 .en{ font-size: 14px; } .pboxT2 .add{ font-size: 24px;} .mapBox{ height: 400px;} .infoPage-box{ padding: 50px 0px;} .info-T h3{ font-size: 26px;} .personnel-list .zh{ font-size: 24px;} .personnel-list .by{ font-size: 18px;} .personnel-list .c{ margin-top: 25px;} } @media screen and (max-width:1370px){ .banner .binbox{ right: 5%;} .binbox .desc{ font-size: 32px;} .pbanner-C .zh{ font-size: 36px;} .pboxT .zh{ font-size: 34px;} .patentPage{ padding: 120px 0px;} .about-by{ padding: 180px 0px;} .pboxT2 .zh{ font-size: 30px;} .pboxT2 .bot{ height: 3px; width: 36px;} .pboxT2 .add{ font-size: 20px;} .culture-page{ width: auto; font-size: 18px;} } @media screen and (max-width:1260px){ .inner,.pinner{ width: 960px;} .logo{ width: 240px; top: 20px;} .nav{ margin-right: 15px;} .nav li{ margin-left: 0;} .nav>ul>li>a{ padding: 0px 10px;} .banner .binbox{ width: 380px;} .binbox .by{ font-size: 18px;} .binbox .desc{ font-size: 28px;} .ibox-performance .zh{ font-size: 20px;} .ibox-performance .en{ font-size: 12px;} .ibox-about,.ibox-new{ float: none; width: auto;} .ibox-about{ margin-bottom: 40px;} .pbanner-C .zh{ font-size: 32px;} .pbanner-C .bot{ width: 50px;} .pagePadding{ padding: 90px 0px;} .about-list dd{ margin-bottom: 25px; font-size: 14px;} .about-list article{ padding-top: 2%;} .about-by{ padding: 160px 0px;} .pboxT2 .zh{ font-size: 28px;} .pboxT2 .en{ font-size: 12px; font-weight: normal;} .pboxT2 .add{ font-size: 18px;} .contact-list .item{ padding: 30px 5%; font-size: 14px;} .contact-list .t{ font-size: 16px; margin-bottom: 15px;} .mapBox{ height: 320px;} .first-box h3{ font-size: 20px;} .first-box .c{ margin: 25px 0px 8%;} .newItem .con{ width: 570px;} .newsList2 .con{ margin: 0px 105px 0px 130px;} .infoPage-box{ padding: 40px 0px;} .info-T h3{ font-size: 24px;} .info-c{ width: 90%;} .service-list dd{ margin: 60px 10px 0;} .voice-list .title{ font-size: 16px;} .voice-list .btn-more{ margin-top: 30px;} .historyBox{ width: 90%;} .f16{ font-size: 14px;} .jtab,.jtab2{ float: none; width: 100%; margin-bottom: 20px;} .culture-list h4{ font-size: 18px;} .culture-list .by{ font-size: 18px;} } @media screen and (max-width:1024px){ .transYT50,.transYT20{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .transXT50,.transXT502{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .action.transYT50,.action .transYT502,.action .transYT20 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); } .action.transXT50,.action.transXT502{ opacity: 1; visibility: visible; transform: translateX(0px); -webkit-transform: translateX(0px); } .vwrap .videobox { width: 700px; margin-left: -350px; } .inner,.pinner,.w970{ width: 90%;} .warp{ position: inherit; left: auto; top: auto;} .nav,.telBox,.lang-box{ display: none;} .top,.pageH{ height: 54px;} .logo{ width: 200px; padding: 15px 0px; top: 0;} .menu-handler,.menuBox{ display: block;} .banner .bimg img{ width: 140%; margin-left: -20%;} .banner .binbox{ width: 80%; right: 10%; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);} .binbox .bot{ display: none;} .binbox .by{ margin-top: 0;} .binbox .desc{ font-size: 24px;} .banner .slick-dots li { border-radius: 4px;height: 8px; width: 8px; margin:0px 4px; } .banner .slick-dots li.slick-active{ width: 24px;} .ibox-performance{ margin: 20px 5% 0;} .ibox-performance .slick-arrow{ width: 40px; height: 40px; margin-top: -20px; line-height: 40px; background-color: rgba(255,255,255,0.65); color: #6d7179;} .ibox-performance .slick-prev{ left: 7px;} .ibox-performance .slick-next{ right: 7px;} .ibox-project .desc{ top: auto; opacity: 1; visibility: visible\9; margin-top: 0; bottom: 0; transform:inherit; -webkit-transform:inherit; background: url(/images/blue_70.png) repeat; background: none rgba(32,42,123,0.7); left: 0; padding: 0px 5%;} .ibox-project h4{ font-size: 14px; padding: 8px 0;} .ibox-project .bot,.ibox-project .c,.ibox-project .btn-more2{ display: none;} .ibox-project{ margin-left: -1%;} .ibox-project dd{ width: 32.33%; margin-left: 1%;} .ibox-project dd:last-child{ display: none;} .foot{ padding: 30px 0px 45px;} .link-sider{ float: none; display: block; padding-bottom: 20px;} .fsharpT{ text-align: left;} .fsharp a{ margin-left: 0; margin-right: 15px;} .foot-info span{ display: block;} .foot-info .ml{ margin-left: 0;} .foot .ico:before{ font-size:14px;} .smlink{ margin-left: 0; display: block;} .pbanner-C .zh{ font-size: 28px;} .page-nav-box{ width: 100%; height: 40px; position: relative;} .page-nav-btn{ position: absolute; left: 0; top: 0; width: 100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; white-space:nowrap; text-align: left;} .page-nav-btn a:active,.page-nav-btn a:hover { color: #333;} .page-nav-btn>ul{ display: inline-flex; display:-webkit-inline-flex;} .page-nav-btn li{ float: left; display: block; margin: 0;} .page-nav-btn a{ line-height: 40px; height: 40px; padding: 0px 20px; font-size: 13px;} .page-nav-btn a:after{ display: none;} .page-nav-btn a.active{ background-color: #202a7b; color: #fff;} .pagePadding{ padding: 70px 0px;} .pageC{ font-size: 14px;} .pboxT .zh{ font-size: 28px;} .patentPage{ padding: 90px 0px;} .patent-box{ width: 60%; padding: 35px 5% 50px;} .about-list dd{display: flex;justify-content: center;align-items: center; background-color: #fff; padding: 20px 0 20px 20px;} .about-list article{ padding:0 5%;} .about-by{ padding: 140px 0px;} .about-by-c{ width: 80%; font-size: 18px;} .by-fh{ font-size: 46px;} .teamPage .img,.team-list{ float: none; width: auto;} .team-list li{ padding: 25px 0px 0;} .pboxT2 .zh{ font-size: 24px;} .pboxT2 .add{ font-size: 16px;} .mapBox{ height: 240px;} .first-box h3{ font-size: 18px;} .first-box .c{ margin: 15px 0px 5%;} .first-box .btn-more{ width: 140px;} .paging{ padding-top: 40px;} .newItem .con{ width: 50%;} .newItem .con h4{ font-size: 18px;} .newsList2 dd{ padding: 25px;} .newsList2 dd .utimeBox{ left: 25px; top: 25px;} .newsList2 dd .more{ transform: inherit; -webkit-transform: inherit; opacity: 1; visibility: visible\9;} .newsList2 .con{ margin:0px 40px 0px 110px;} .newsList2 h4{ font-size: 16px;} .newsList2 dd:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;} .w920{ width: 90%;} .info-T h3{ font-size: 22px;} .info-page .nd-back{ margin-left: 5%; margin-right: 5%;} .service-box .con{ font-size: 14px;} .ser-title{ font-size: 18px;} .service-list dd{ margin: 30px 15px 0;} .w900{ width: 90%;} .business-t{ font-size: 22px; margin-bottom: 30px;} .business-list .name{ font-size: 18px; height: auto; top: 50%; bottom: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%);} .business-list .by-c{ padding-left: 15px;} .performance-list{ margin-left: -2%;} .performance-list li{ margin-left: 2%; width: 31.33%;} .performance-demo .text{ padding: 8px 5%; font-size: 14px;} .performance-demo .slick-arrow{ width: 30px; height:30px; line-height: 30px; margin-top: -15px;} .performance-demo .slick-arrow i{ font-size: 14px;} .voice-list{ margin-left: -5%;} .voice-list li .img{ width: auto;} .voice-list .oneItem .img{ margin-left: 0;} .voice-list .con{ position: relative; left: auto; top: auto; text-align: left; width: 90%; height: auto; margin: 0px auto; padding: 25px 0px 35px;} .voice-list .oneItem .con,.voice-list .twoItem .con{ left: auto;} .voice-list li{ float: left; display: block; width: 45%; margin-left: 5%; margin-bottom: 35px;} .voice-list .btn-more{ margin: 30px 0 0;} .voice-list li .title{ color: #202a7b; height: 24px; overflow: hidden;} .voice-list li:before { height: 4px;} .voice-list li .btn-more{ border-color: #202a7b;} .voice-list li .btn-more .txt{ color: #202a7b;} .technology-tab{ font-size: 14px;} .honor-list dd{ margin-bottom: 25px; width: 31.33%; padding: 0 1%;} .honor-list .txt{ height: 42px; font-size: 14px;} .culture-list .ico{ width: 30px; height: 30px;} .culture-list h4{ font-size: 18px;} .culture-list .by{ font-size: 15px;} .h-year{ font-size: 28px; margin-bottom: 15px;} .hitem{ padding: 25px;} .management-demo .slick-arrow{ top: 45px;} .management-demo .slick-arrow i{ font-size: 28px;} .management-demo .ico{ width: 90px; height: 90px; background-size: 70% auto;} .personnel-list .zh{ font-size: 18px;} .personnel-list .by{ font-size: 16px;} .personnel-list .c{ margin-top: 20px;} .jimg,.jcon{ width: auto; float: none;} .hrList .hot{ left: 5%; transform: scale(0.9); -webkit-transform: scale(0.9);} .hrList .hicon{ width: 5%;} .hrList .hrB{ margin-left: 5%;} .hrList .hspan:nth-child(4),.hrList .hspan:nth-child(5),.hrList .hspan:nth-child(6){ display: none;} .hrList .hspan:nth-child(2),.hrList .hspan:nth-child(3){ width: 35%;} .hrList .hspan:nth-child(7){ width: 25%;} .heartSound-list .t{ font-size: 20px;} .heartSound-list dd{ background-color: #fff; padding: 20px; margin-bottom: 30px;} .heartSound-list .c{ margin-top: 15px;} .noPage{ margin-top: -142px;} } @media screen and (max-width:860px){ .vwrap .videobox { width: 560px; margin-left: -298px; } .ibox-project{ margin-left: -2%;} .ibox-project dd{ width: 48%; margin-left: 2%; margin-bottom: 4%;} .ibox-project dd:last-child{ display: block;} .pbanner-C .zh{ font-size: 24px;} .pbanner-C .bot{ width: 40px; margin-top: 5px;} .pboxT .zh{ font-size: 26px;} .contact-list{ margin-left: 0;} .contact-list li{ float: none; margin-left: auto; width: 100%; margin-top: 25px;} .contact-list .item{ min-height: auto;} .mapBox{ height: 200px;} .first-box .img{ width: 90%; margin: 25px auto 0; float: none;} .first-box .con{ float: none; padding: 25px 5% 35px; margin-left: 0; width: auto;} .first-box .btn-more{ width: 120px; height: 34px; line-height: 34px; font-size: 12px;} .newItem .con h4{ font-size: 16px;} .newItem .tiemBox2{ display: block; position: relative; right: auto; top: auto; width: 100%; border: 0px none; padding:0 0 10px; text-align: left;} .newItem .tiemBox2 .icon-shijian{ display: inline-block; margin-right: 5px; margin-bottom: 0; font-size: 14px;} .newItem .con{ width: 56%;} .service-box .img,.service-box .con{ float: none; width: auto;} .service-box .con{ margin-top: 25px;} .business-list{ margin-left: -2%;} .business-list dd{ margin-left: 2%; width: 31.33%;} .performance-list{ margin-left: -4%;} .performance-list li{ margin-left: 4%; width: 46%;} .culture-list dd{ width: 49%;} .hr-email,.hr-join{ float: none; display: block;} .hr-join{ padding-top: 15px;} .heartSound-list .img{ margin-top: 5%;} } @media screen and (max-width:641px){ .vwrap .videobox { width: 400px; margin-left: -218px; height: 300px; margin-top: -155px; } .menuBox{ width: 80%;} .binbox .by{ font-size: 14px;} .binbox .desc{ font-size: 16px; line-height: 1.5; margin-top: 10px; font-weight: normal;} .banner .slick-dots li { border-radius: 3px;height: 6px; width: 6px;} .banner .slick-dots li.slick-active{ width: 20px;} .ibox-performance .item{ margin: 0;} .ibox-performance .slick-prev{ left: 0px;} .ibox-performance .slick-next{ right: 0px;} .ibox-about-c h4{ font-size: 16px; margin-bottom: 8px;} .ibox-about-c .c{ height: 75px; margin-bottom: 20px;} .btn-more{ width: 110px; height: 34px; line-height: 34px;} .ibox-one{ padding: 40px 0px 50px;} .iboxT{ line-height: 1.5; margin-bottom: 30px;} .iboxT .zh{ font-size: 20px;} .iboxT .en{ display: block; border-left: 0px none; padding-left: 0; margin-left: 0;} .ibox-new-c .timeBox{ width: 70px;} .ibox-new-c .item{ padding-left: 82px;} .timeBox .day{ font-size: 24px;} .timeBox i{ height: 4px;} .ibox-new-c h4{ font-size: 14px;} .ibox-new-c .c{ font-size: 12px; height: 42px;} .ibox-two{ padding: 40px 0px 50px;} .ibox-project h4{ font-size: 12px;} .link-sider{ display: none;} .foot{ padding: 30px 0px 35px;} .pbanner-C .zh{ font-size: 18px; font-weight: normal;} .pagePadding{ padding: 45px 0px;} .pboxT{ margin-bottom: 25px;} .pboxT .zh{ font-size: 22px; font-weight: normal;} .about-info .pageC{ font-size: 14px;} .patentPage{ padding: 50px 0px;} .patent-box{ width: 80%; padding: 25px 5% 35px; font-size: 14px;} .about-list dd{ display: block; padding: 20px;} .about-list figure{ width: 100%; float: none;} .about-list article{ padding:15px 0 0; width: 100%; float: none;} .about-by{ padding: 80px 0px;} .about-by-c{font-size: 16px; width: 86%;} .by-fh{ font-size: 40px;} .teamPage{ padding: 25px;} .ranking-tab thead {display: none;} .ranking-tab tr {margin-bottom: 25px;display: block;} .ranking-tab td {display: block; text-align: left;} .ranking-tab td:last-child {border-bottom: 0; } .ranking-tab td:before {content: attr(data-label);text-transform: uppercase;font-weight: bold; color: #183883; } /*.rankingPage{overflow-X:scroll; } .ranking-tab{ width: auto; min-width: 100%;white-space: nowrap;}*/ .rankingBox{ width: 80%; padding: 50px 5%;} .pboxT2 .zh{ font-size: 20px;} .first-box .img{ width: 100%; padding: 0; margin-top: 0;} .paging{ padding-top: 30px;} .paging a{ margin: 0px 2px!important; padding: 5px 11px; font-size: 13px;} .newItem{ padding-bottom: 25px; margin-bottom: 25px;} .newItem .img{ width: 120px; margin-right: 20px;} .newItem .con{ float: none; width: auto; padding-left: 140px;} .newItem .con h4{ margin-bottom: 0; font-size: 14px;} .newItem .con .c{ display: none;} .newsList2 dd{ padding: 20px;} .newsList2 dd .utimeBox{ position: relative; left: auto; top: auto;} .newsList2 dd .utimeBox,.newsList2 dd:hover .utimeBox{ background-color: transparent; } .newsList2 .con{ margin: 0 0 25px;} .utimeBox{ color: #df2128; padding: 0; margin-bottom: 15px;} .utimeBox .t,.utimeBox .bot{ display: none;} .utimeBox .day{ display: inline-block; font-size: 16px;} .newsList2 .c{ height: auto; display: none;} .newsList2 .more{ top: auto; bottom: 10px; margin-top: auto; background-size: cover; width: 26px; height: 26px; line-height: 26px;} .newsList2 .more i{ font-size: 12px;} .info-T h3{ font-size: 18px; font-weight: normal;} .info-T .info{ font-size: 12px;} .info-page{ padding: 35px 0px 50px; background-color: #fff;} .info-page .pinner{ padding: 0px 5%;} .info-c{ width: auto; overflow-x: auto;} .info-page .nd-back{ margin-left: 0; margin-right: 0;} .nd-back{ height: 36px; border-top-width: 1px;} .nd-back .arrow-btn{ width:36px; height:36px; line-height: 36px; border-radius: 18px; } .nd-back .name{ line-height:36px; display: none;} .nd-back .backList{ height:36px; width: 90px;} .nd-back .backList .now{ line-height:36px;} .service-t h4,.service-t .en{ font-size: 18px;} .ser-title{ font-size: 16px;} .service-list figure{ border-width: 1px;} .service-list .t{ font-size: 15px;} .business-t{ font-size: 18px; margin-bottom: 25px;} .business-list{ margin-left: 0;} .business-list dd{ float: none; width: 100%; margin-left: 0; margin-bottom: 25px;} .business-list .item{ height: auto !important;} .performance-list{ margin-left: -2%;} .performance-list li{ margin-left: 2%; width: 48%;} .st-select{ width: 200px; height: 40px;} .pert{ font-size: 18px; margin-bottom: 30px;} .performance-demo .text{ padding: 5px 5%; font-size: 12px;} .voice-list li .title{ font-size: 14px; height: 42px; margin-bottom: 5px;} .voice-list .btn-more{ width: 90px; font-size: 12px; margin-top: 20px;} .honor-list dd{ width: 48%;} .honor-list .txt{ height: 21px;} .one-video{ margin-bottom: 40px;} .one-video .icon-bofang{ width: 44px; height: 44px; margin: -22px 0 0 -22px; font-size: 18px; line-height: 44px;} .innovate-list{ padding: 20px 0px;} .innovate-list li{ width: 48%; margin-top: 20px;} .culture-page{ font-size: 16px;} .culture-list{ margin-left: 0; padding-top: 50px;} .culture-list dd{ float: none; width: 100%; margin-left: 0;} .culture-list h4{ font-size: 16px;} .culture-list .by{ font-size: 16px;} .h-year{ font-size: 24px; margin-bottom: 10px;} .hitem{ padding: 20px;} .history-list .item{ float: none; width: 100%; margin-bottom: 40px;} .history-list .twoItem{ margin-top: auto;} .hitem{ margin-left: 32px;} .twoItem .hitem{ margin: 0 0 0 32px;} .twoItem .h-d { left: -4px; right: auto; } .twoItem .h-d i { left: 0; right: auto; } .history-line{ left: 0;} .history-top{ left: -8px; width: 10px;height: 10px; border-width: 3px; margin-left: auto;} .historyPage{ padding-top: 80px;} .historyBox{ padding: 60px 0 80px;} .management-demo .slick-arrow{ top: 35px;} .management-demo .slick-arrow i{ font-size: 24px;} .management-demo .ico{ width: 80px; height: 80px; background-size: 70% auto;} .management-demo .item{ font-size: 14px;} .personnel-list dd{ padding: 50px 0px;} .personnel-list .img,.personnel-list .bgf4 .img,.personnel-list .con,.personnel-list .bgf4 .con{ float: none; width: 100%;} .personnel-list .img{ margin-bottom: 30px;} .hrList .hspan:nth-child(3){ display: none;} .hrList .hspan:nth-child(2){ width: 70%; text-indent: 2em; text-align: left;} .hrList .hspan:nth-child(7){ width: 30%; font-size: 12px;} .hrList .hot{ left: 10%;} .hrList .hicon{ width: 10%; display: none;} .hrList .hrdt{ display: none;} .hrList .hrB{ margin-left: 0%;} .heartSound-list .img,.heartSound-list .one-item .img,.heartSound-list .con,.heartSound-list .one-item .con{ float: none; width: auto;} .heartSound-list .img{ margin: 0 0 15px;} .heartSound-list .icon-bofang{ width: 40px; height: 40px; margin: -20px 0 0 -20px; line-height: 40px;} .noPage{ margin-top: -135px;} .noimg img{ width: 220px;} .no-t{ font-size: 16px;} .no-t2{ font-size: 12px; margin-bottom: 25px;} } @media screen and (max-width:481px) { .vwrap .videobox { width: 300px; margin-left: -150px; height: 240px; margin-top: -120px; } .ibox-about-c figure{ width: 100%; float: none;} .ibox-about-c .desc{ width: 90%; float: none; margin: 0px auto; padding-bottom: 30px;} .teamPage{ padding: 15px;} .team-list li{ padding-top: 15px;} .team-list .name{ float: none; width: auto; margin-right: 0;} .team-list .c{ float: none; width: auto;} .performance-list{ margin-left: 0;} .performance-list li{ margin-left: 0; width: 100%; float: none; margin-bottom: 25px;} .voice-list{ margin-left: 0;} .voice-list li{ float: none; width: 100%; margin-left: 0;} .voice-list li .title{ height: auto;} .res-list li{ float: left; width: 100%;} .res-list .one,.res-list .two{ width: auto;} .res-list .one{ margin:0 0 10px 0;} } @media screen and (max-width:421px) { .paging a{ padding: 3px 8px; font-size: 12px;} } @media screen and (max-width: 375px) { } @media screen and (max-width: 360px) { .ibox-project{ margin-left: 0%;} .ibox-project dd{ width: auto; margin-left: 0; float: none;} .ibox-project dd:last-child{ margin-bottom: 0;} .ibox-project h4{ font-size: 14px;} .business-t{ font-size: 16px;} }