.pc-block { display: block !important; } .mobile-block { display: none !important; } .pcin-block { display: none !important; } .opacity-block { opacity: 0; visibility: hidden; } .pc-block-768 { display: block !important; } .mobile-block-768 { display: none !important; } .mobile-block-768 { display: none !important; } .search-alert { position: fixed; z-index: 100; background-color:#fff; left: 0; top: 0; width: 100%; height:90px; } .search-alert input::-webkit-input-placeholder { color: #555 !important; } .search-alert input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #555 !important; } .search-alert input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #555 !important; } .search-alert input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #555 !important; } .search-alert .cent-form { opacity: 0; -webkit-transform: translate(0, 40px); -ms-transform: translate(0, 40px); transform: translate(0, 40px); -webkit-transition: all .5s; transition: all .5s; } .search-alert .close { width: 30px; height: 30px; position: absolute; top: 25px; right: 2.6%; cursor: pointer; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .search-alert .close:before { font-size: 30px; position: absolute; top: 0; left: 0; width: 30px; height: 30px; line-height: 30px; color: #333; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .search-alert .cent-form { position: absolute; width: 70%; left: 10%; top: 50%; height: 1.65rem; margin-top:-.75rem; border-bottom: 1px solid #d1d1d1; } .search-alert .cent-form:before { color: #333s; font-size: 26px; position: absolute; left: 0; height: 50px; line-height:50px; top: 50%; margin-top: -25px; } .search-alert .cent-form .tex { border: none; font-size: .65rem; height: 1.5rem; line-height: 1.5rem; text-align: center; width: 100%; color: #333; background: none; padding-left: 2rem; padding-right: 3.5rem; } .search-alert .cent-form .sub-butn { border: none; height: 1.5rem; font-size: .7rem; line-height: 1.5rem; color: #555; text-align: right; background: none; position: absolute; right: 0; top: 0; width: 3.5rem; text-align: center; } .search-alert { -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .3s .5s; transition: transform .3s .5s; } .search-alert.active { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: -webkit-transform .3s; transition: transform .3s; } .search-alert.active .cent-form { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all .5s .3s; transition: all .5s .3s; } .footer1 .n-fot-bot .p-left { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } @media (max-width: 1600px) { #index-container .swiper-slide0 .w1300, #index-container .swiper-slide1 .w1300, #index-container .swiper-slide2 .w1300, #index-container .swiper-slide3 .w1300, #index-container .swiper-slide4 .w1300 { width: calc(100vw - 10rem); } #index-container #i-banner .swiper-slide .text { width: calc(100vw - 10rem); } #index-container .swiper-slide1 .text { margin-left: 5rem; width: calc(100% - 5rem); } #index-container .swiper-slide1 .img-box { width: calc(100vw - 500px - 8rem); } #index-container .swiper-slide2 .left-box { padding: 0 3rem 0 5rem; } } @media (max-width: 1440px) { .w1300 { width: 90%; } #index-container .page-index { width: 3rem; } #index-container .swiper-slide0 .w1300, #index-container .swiper-slide1 .w1300, #index-container .swiper-slide2 .w1300, #index-container .swiper-slide3 .w1300, #index-container .swiper-slide4 .w1300 { width: calc(100vw - 10rem); } #index-container #i-banner .swiper-slide .text { width: calc(100vw - 10rem); } .n-news .li { padding: 0 10% 0 15%; } .n-news .li .news-logo { width: calc(15% - 1rem); } .n-team .list2 .li-box { padding: 3rem 2rem 0 2.5rem; } .n-about .list5 .ulbox { padding-left: 3rem; } #index-container .swiper-slide2 .left-box .ulbox .li { height: 2.5rem; } #index-container #i-banner .swiper-slide .text .tit3{ font-size: 2.3rem; } } @media (max-width: 1270px) { .n-contact .list2 .ulbox .li1 .text { width: 100%; margin-right: 0; margin-bottom: .5rem; } .recruit-alert { width: 90%; } .n-news-info .list1 .news-info, .n-investor .list2 .n-timebox, .n-activity .list1 .n-timebox { width: 88%; } .recruit-alert .libox .sp { width: 50%; margin-bottom: 10px; } .recruit-alert .libox .sp:last-child { text-align: left; } .n-team .list2 .li-box .text { width: 100%; margin-top: 1rem; } .n-team .list2 .li-box { padding: 3rem 1.5rem 2rem 2.5rem !important; } .footer1 .fot-left { width: calc(100% - 320px); } .footer1 .fot-right { width: 250px; } .footer1 .fot-left .ulbox .li { margin-right: 1rem; width: 90px; } } @media (max-width: 1024px) { .pc-block { display: none !important; } .footer1 .n-fot-bot .p-left { display: none !important; } .mobile-block { display: block !important; } .nsub-nav, .nsub-nav-s { height: 55px; line-height: 55px; } .nsub-nav a, .nsub-nav-s a { height: 55px; line-height: 55px; } .n-news .li { padding: 0 5%; } .n-news .li .news-logo { position: relative; width: 100%; margin-bottom: .5rem; top: auto; justify-content:flex-start; -webkit-transform: translate(0, 0%); -ms-transform: translate(0, 0%); transform: translate(0, 0%); } .n-news .li .text .p-16 { font-size: 14px; line-height: 22px; margin-bottom: 10px; height: 44px; } .n-news .li .text .more { width: 135px; height: 40px; line-height: 40px; } .n-news-info .list1 .news-text { padding: 1.5rem 0 2rem; } .n-news-info .list1 .news-text { font-size: 14px; } .n-cases { position: relative; z-index: 1; background: #fff; padding: 1rem 0 2rem; } .n-cases .ulbox .li:nth-child(2), .n-cases .ulbox .li:nth-child(3), .n-cases .ulbox .li:nth-child(5), .n-cases .ulbox .li:nth-child(6), .n-cases .ulbox .li:nth-child(8), .n-cases .ulbox .li:nth-child(9), .n-cases .ulbox .li:nth-child(11), .n-cases .ulbox .li:nth-child(12) { border-left: 0px; border-bottom: 0px; } .n-cases .ulbox .li:nth-child(4), .n-cases .ulbox .li:nth-child(7), .n-cases .ulbox .li:nth-child(10) { border-left: 1px solid #ddd; } .n-cases .ulbox .li:nth-child(1), .n-cases .ulbox .li:nth-child(5) { border-bottom: 0px; } .n-cases .ulbox .li:nth-child(10), .n-cases .ulbox .li:nth-child(11), .n-cases .ulbox .li:nth-child(12) { border-bottom: 1px solid #ddd; } .n-cases .ulbox .li { width: 33.3%; height: 5rem; } .n-cases .ulbox .li .case_pic{height: 2.5rem;} .n-cases .ulbox .li img { max-width: 80%; max-height: 80%; } .partner-desc { height: 400px } .partner-desc .img { float: none; width: 100%; height: 120px; display: inline-block; padding-top: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .partner-desc .case_ms { float: none; width: 100%; display: inline-block; padding: 0 15px; } .partner-desc .name { font-size: 20px; font-weight: bold; color: #333; height: 40px; line-height: 40px; margin-top: 0px; text-align: center; margin-bottom: 10px;} .partner-desc .desca { font-size: 15px; color: #333; line-height: 30px; padding-bottom: 10px; text-align: center} .partner-desc .descb { font-size: 13px; color: #666; line-height: 150%; padding-bottom: 20px;} .partner-desc .qygw { height: 35px;} .partner-desc .qygw a { height: 35px; line-height: 33px; display: block; border: 1px #dadada solid; width: 110px; text-align: center; border-radius:20px; margin: 0 auto;} .more-click { width: 160px !important; height: 45px !important; line-height: 45px !important; } .n-banner-two { background-position: 75% center; } .n-team .list3 .ul .img { height: 9rem; } .n-team .list3 .ul .bg { height: calc(50px + 9rem); } .n-team .list3 .ul .text { height: auto; } .nsub-nav-two .pc-block { display: none !important; } .n-about .list1 .text, .n-about .list1 .ulbox { width: 100%; } .n-about .list1 .ulbox { margin-top: 1.5rem; } .n-about .list2, .n-about .list4, .n-about .list5 { background-attachment: initial; } .n-about .list2 .ulbox .li { padding: 1rem .5rem; } .n-about .list2 .ulbox .li .img img { width: 30px; height: 30px; } .footer1 .fot-right { width: 100%; } .footer1 .input-box { width: 100%; } .footer1 .input-box input[type="text"] { width: calc(100% - 60px); } .footer1 .n-fot-bot .p-right { width: 100%; text-align: center; } .footer1 .fot-right .libox .li { margin-bottom: .5rem; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .footer1 .input-box input[type="text"] { height: 45px; padding: 10px; } .footer1 .input-box input[type="submit"] { width: 55px; height: 30px; } .footer1 .fot-right .libox { margin-bottom: 0; } .footer1 .fot-right .libox .li:last-child { margin-bottom: 0; border-bottom: none; } .footer1 .fot-bot { border-top: none; } .footer1 .fot-top { padding-bottom: 0; } #index-container, #index-container #i-banner { height: auto; } #index-container #i-banner .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #index-container #i-banner .swiper-slide .text { width: 90vw; margin-left:5vw; padding-top: 0 /*position: absolute; left:5%; top:0;*/ /*height:100%;*/ } #index-container #i-banner .swiper-slide .text .tit2 { font-size: .8rem; margin-bottom: .5rem; } #index-container #i-banner .swiper-slide .text .tit2:before { height: 2px; margin-top: -1px; } #index-container #i-banner .swiper-slide .text .tit3 { font-size:1.5rem; margin-bottom: .5rem; } #index-container #i-banner .swiper-slide .text .tit4 { width: 100%; font-size: .65rem; } #index-container #i-banner .banner-pagination { top: 0; } #index-container .page-index { opacity: 0; visibility: hidden; } #index-container .swiper-slide { height: auto; } #index-container #i-banner .swiper-slide, #index-container #i-banner .swiper-slide .imgbg { height: 26rem; } #index-container .imgbg { height: 100%; } #index-container .swiper-slide1 { padding: 1rem 0 1.5rem; } #index-container .swiper-slide1 .text { width: 90%; margin: 0 auto; } #index-container .swiper-slide1 .text .content-box .tit3 { margin-bottom:.5rem;} #index-container .swiper-slide1 .text .content-box .ulbox { margin-top: 1rem; } #index-container .swiper-slide1 .img-box { width: 100%; margin-top: .5rem; } #index-container .swiper-slide1 .text .content-box .more { margin: 0 auto; } #index-container .j-btn { display: none; } .swiper-slide1 .swiper-container-horizontal > .swiper-pagination-progress { height: 2px; } #index-container .swiper-slide2 { padding-bottom: 1rem; } #index-container .swiper-slide2 .left-box { width: 100%; padding: 1.5rem 5%; height: auto; } #index-container .swiper-slide2 .right-box { width: 90%; margin: 0 auto; position: relative; height: 12rem; } #index-container .swiper-slide3 { padding: 3rem 0 2rem; } #index-container .swiper-slide3 .text { padding-top: 0; } #index-container .swiper-slide3 .wulbox { position: relative; height: auto; top: auto; left: auto; margin-top: 5.6rem; } #index-container .swiper-slide3 .ulbox .li { height: auto; /*width:20%;*/ color: white; border-right: none; padding: 1%; } #index-container .swiper-slide1 .text .content-box .ulbox .li-tab { text-align: center; width: 50%; padding-bottom: .5rem; position: relative; cursor: pointer; z-index: 2; } #index-container .swiper-slide1 .text .content-box .ulbox .li-tab:before { content: ""; position: absolute; left: 50%; bottom: -1.5px; width: 1rem; height: 3px; background: #ff4700; margin-left: -.5rem; } .swiper-slide3 .ulbox .li .tit4 { font-size: 12px; } .swiper-slide3 .ulbox .li .tit5 { margin-top: 5px; font-size: 12px; } #index-container .swiper-slide4 { padding: 1.65rem 0; } #index-container .swiper-slide4 .news-list .img-left { width: 100%; height: 10rem; } #index-container .swiper-slide4 .news-list .ulbox { width: 100%; margin-top: .75rem; } #index-container .swiper-slide4 .news-list .ulbox .li .img { width: 5.5rem; } #index-container .swiper-slide4 .news-list .ulbox .li .text .time { font-size: 12px; margin-bottom: 0px; } #index-container .swiper-slide4 .news-list .ulbox .li .text { width: calc(100% - 6rem); } #index-container .swiper-slide4 .w1300 { width: 90%; } /* #index-container .swiper-slide3 .ulbox .li:nth-child(4) { width: auto; } #index-container .swiper-slide3 .ulbox .li:nth-child(5) { width: auto }*/ #index-container .swiper-slide4 .content-list .tit1 { text-align: center; border-bottom: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 0; } #index-container .swiper-slide4 .content-list .mobile-block { margin: 1rem auto 0; } #index-container .swiper-slide1 .text .content-box { width: 100%; } #index-container .swiper-slide4 .news-list .ulbox .li { width: 100%; } #index-container .index-swiper-wrapper { -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; } #index-container #i-banner .banner-pagination { height: 50px; width: 100%; top: auto; left: 0; bottom: .5rem; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } #index-container #i-banner .banner-pagination span { margin: 0 8px; } #index-container #i-banner .banner-pagination span.swiper-pagination-bullet-active { -webkit-transform: scale3d(1.3, 1.3, 1); transform: scale3d(1.3, 1.3, 1); } .wsub-nav { height: 55px; } .wsub-nav-two{ height:calc(1.5rem + 55px); position: relative; z-index: 9; } .n-about .list4 .imgbox .li{ font-size:15px; } .n-about .list4 .imgbox .li3{ margin-left:0; left:auto; } #index-container .swiper-slide3 .wulbox{ overflow-x:auto; } #index-container .swiper-slide3 .ulbox{ justify-content: center; } #index-container .swiper-slide3 .ulbox .li{ justify-content: center; align-items: center; text-align:center; } .n-about .list4 .imgbox img { margin-bottom: 1rem; } .n-about .list4 .imgbox .li { position: relative; left: auto; top: auto; right: auto; margin-bottom: .75rem; text-align: center; margin-left:0; } } @media (max-width: 960px) { .n-contact .list1 .ulbox .li { width: 48%; margin-right: 4%; } .n-contact .list1 .ulbox .li:nth-child(3n) { margin-right: 4%; } .n-contact .list1 .ulbox .li:nth-child(2n) { margin-right: 0; } .n-team .list2 .li-box, .n-team .list2 .li-box.active { padding: 1.5rem .75rem 2rem !important; } .n-team .list2 .li-box .img { width: 100%; } .team-alert { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 1.75rem 0 80px; } .team-alert .md-content .swiper-slide .img, .team-alert .md-content .swiper-slide .content-right { width: 100%; } .team-alert .md-content .swiper-slide { height: calc(100vh - 100px - 1.75rem); overflow-y: auto; padding: 0 .75rem; } .team-alert .md-content .swiper-slide .content-right .p-16 { height: auto; } .team-alert .bot { left: 0; height: 60px; } .team-alert .md-content { width: 100%; } .n-about .list4 .text { width: 90%; font-size: 12px; line-height: 1.8; } .n-about .list4 { padding: 2rem 0 1.5rem; height: 38rem; } .n-about .list5 .ulbox { padding-left: 5%; } .n-about .list5 .ulbox .li { width: 250px; } .n-about .list5 .ulbox .nli { padding: 20px 15px; } .n-about .list5 .ulbox .nli .tit-16 { height: 48px; line-height: 24px; } .n-about .list5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-size: 40px auto; } .team-alert3 .md-content .swiper-slide .img{ width:55%; margin:0 auto; } } @media (max-width: 768px) { .mobile-block-768 { display: block !important; } .n-contact .list2 .ulbox .li { width: 100%; margin-bottom: 1rem; } .n-contact .list3 .mapbox, .n-contact .list3 .maptab { width: 100%; } .n-contact .list3 .maptab { height: auto; } .n-contact .list3 .maptab .tab-li { height: 7rem; } .n-contact .list3 .mapbox { height: 18rem; } .n-contact .list3 .mapbox .map-text { width: 90%; } .recruit-alert { padding: 1.5rem .76rem 1rem; } .n-news .li .img { width: 100%; margin-bottom: 1rem; } .n-news .li .text { width: 100%; } .nsub-nav a span { padding-left: 30px; background-size: 20px auto !important; } .n-news-info .list1 .news-top .news-tit { width: 100%; } .n-news-info .list1 .news-nav .nav-l { width: 100%; float: none; display: block; margin-bottom: .5rem; } .n-news-info .list1 .news-nav .news-back { width: 150px; height: 35px; line-height: 35px; float: none; display: block; } .nsub-nav-two .w1300 .img { height: 30px; } .n-banner .text .tit3 { width: 100%; } .cases-alert { width: 75%; } .cases-alert .md-content .img img { max-width: 60%; } .n-banner .text .tit4 { width: 100%; } .n-team .list3 .ul .li { width: 50%; } .n-team .list3 .ul .bg { display: none; } .n-team .list3 .ul .img { background: -webkit-linear-gradient(top, #fff, #f2f6f8); background: linear-gradient(to bottom, #fff, #f2f6f8); } .n-team .list3 .ul .n-ul { width: 100%; } .n-about .list3 .ulbox .li { width: 48%; margin-right: 4%; margin-bottom: 4%; } .n-about .list3 .ulbox .li:nth-child(4n) { margin-right: 4%; } .n-about .list3 .ulbox .li:nth-child(2n) { margin-right: 0; } .n-about .list3 .ulbox p { font-size: 12px; padding: 0 .5rem; } .n-about .list5 .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: 80%; } .n-about .list1 .text { font-size: 12px; } .mobile-block-768 { display: block !important; } .pc-block-768 { display: none !important; } .n-contact .list2 .ulbox .li1 .text { width: auto; margin-right: .75rem; } .n-contact .list2 .ulbox .li1 .img1 { width: 100px; height: 100px; } #index-container #i-banner .swiper-slide, #index-container #i-banner .swiper-slide .imgbg { height: 20rem; } .nsub-nav-2 a{ width:33.3%; } } @media (max-width: 560px) { #index-container #i-banner .swiper-slide .text .tit3{ font-size:1.35rem; } .n-contact .list1 .ulbox .li { width: 100%; margin-right: 0 !important; } .nsub-nav a { font-size: 14px; } .n-banner .text .tit4, .n-banner .text .tit3, .n-team .list1 .text .tit4 { font-size: 14px; } .n-team .list2 .ulbox { min-width: 650px; } .n-team .list2 { overflow-x: auto; } .n-team .list2 .li-box .img { width: 65%; } .team-alert .md-content .swiper-slide .content-right .li-box .li { width: 100%; margin-bottom: .25rem; } .n-about .list4 .imgbox { width: 90%; } .n-about .list4 .imgbox .li { width: 100%; } .team-alert .md-content .swiper-slide .content-right .p-16{ font-size:12px; line-height:1.8; } .team-alert3 .md-content .swiper-slide .img{ width:65%; } } .search-alert .cent-form .tex{ font-size:.5rem; } .search-alert .cent-form .sub-butn{ font-size:.55rem; } @media (max-width: 1024px) { .n-team .list2 .li-box .text .tit3,.n-team .list2 .li-box .more{ display:none; } #index-container .swiper-slide3 .ulbox,.n-about .list2 .ulbox{ min-width:auto; } #index-container .swiper-slide3 .ulbox .li{ width:50%; } .n-about .list2 .ulbox .li{ width:100%; padding:.5rem; height: 10rem; } } @media (max-width: 560px){ .n-team .list2 .ulbox { min-width: auto; } .n-team .list2 .li-box .img{ width:100%; } .n-team .list2 .li-box{ justify-content:center; text-align:center; } } /*# sourceMappingURL=mobile.css.map */