.chooseall{ padding: 0.5rem 0rem 3rem; } .chooseall .wrap{ width: 1350px; margin: auto; } .visib9{ display: none; } @media screen and (min-width: 1921px){ #c-about .c-left-box .c-img-box { padding-top: 3rem; } } @media screen and (max-width: 1919px) { .part-pic2 { width: 100%; height: 0; padding-bottom: 60%; position: relative; border: 1px solid #EFEFEF; } #c-product2 .c-list li .c-wrap .c-box2 a { font-size: 16px; } #c-ensure3 .c-list .c-text-box .c-box .c-title{ width: 100%; } #c-research3 .c-list .c-text-box .c-num-box .c-top-box .c-p1 { font-size: 40px; } #c-design4 .c-main-wrap .c-text-box .c-left-box .c-text { font-size: 16px; line-height: 26px; color: #666; } } @media screen and (min-width: 1600px) and (max-width: 1734px) { .mask .title { font-size: 16px; color: #FFF; text-align: center; line-height: 20px; margin-top: 10%; position: relative !important; } #c-header .c-nav>li{ padding: 0 26px; } .part-pic2 { width: 100%; height: 0; padding-bottom: 80%; position: relative; } } @media screen and (max-width: 1599px) { .part-pic2{ width: 100%; height: 0; padding-bottom: 80%; position: relative; } .part-block .title{ line-height: 1.5; } .c_lkjs .combox,.c_lkjs .sjbox,.serverorder{ padding: 0.7rem 1rem 0.1rem; } .c-goodsinfo .hots{ padding: 0 2rem; } .c-container{ padding: 0 1rem; } #c-header .c-nav > li{ padding: 0 10px; color: #FFF } #c-top-bg,#c-common-bg { height: 100vh; } #zbmain .goodsinfo #c-common-bg{ height: 9.5rem; } #zbmain .goodsinfo #c-top-bg{ height: 9.5rem; } #c-header .c-nav .c-list-box { padding: .6rem 1rem; } #c-ensure2 .c-list .c-text-box { padding: 0 1rem !important; } #c-contact2 .c-list2 .c-left-box { padding: 50px 1rem; } #c-contact2 .c-list2 .c-left-box .c-text-box { padding: 0 25px; } #c-product .c-list { padding: 0 0 0 1rem; } #c-about .c-left-box .c-img-box{ padding-top: 0; } #c-product3 .c-list li { height: 6rem; } #c-about-list li:nth-child(1) { padding: 230px 1rem 140px; } #c-about-list li:nth-child(2) .c-text-box { padding: 0 130px 0 1rem; } #c-about-list li:nth-child(3) .c-text-box { padding: 0 1rem 0 130px; } #c-about-list li:nth-child(4){ padding: 140px 1rem; } .c-banner7 { padding: 140px 1rem 0; } .c-banner7 .c-button-box { left: 1rem; width: -webkit-calc(100% - 2rem); width: calc(100% - 2rem); } #c-base2 .c-wrap .c-img-box { height: 8rem; } #c-news2 .c-wrap .c-img-box { height: 8rem; } .c-banner8-wrap .swiper-button-next,.c-banner8-wrap .swiper-button-prev, .c-banner10-wrap .swiper-button-next,.c-banner10-wrap .swiper-button-prev{ display: none; } #c-design4 .c-main-wrap .c-text-box .c-right-box { padding-left: 0; } .c-banner1 .swiper-slide .c-wrap .c-title { font-size:50px; line-height:60px; } .c-banner1 .swiper-slide .c-wrap .c-text { font-size:30px; line-height:40px; } .c-banner1 .c-dot { bottom:40px; } } @media screen and (min-width: 1460px) and (max-width: 1599px) { .mask .title { font-size: 16px; color: #FFF; text-align: center; line-height: 20px; margin-top: 10%; position: relative !important; } .part-block{ margin-top: 20px; } } @media (max-width: 1460px) { .mask .title { font-size: 16px; color: #FFF; text-align: center; line-height: 20px; margin-top: 10%; position: relative !important; } .part-block .title{ font-size: 18px; } .part-block .info{ line-height: 1.5; font-size: 14px; } .c-product{ padding: 50px 80px 0 100px; } .serinfo ul li>div{ width: 129px; height: 129px; } .serverobject ul li .coknis{height: 200px;} .serverobject ul li span{ font-size: 26px; width: 65px; height: 65px; line-height: 65px; } .chooseall .wrap{ width: 700px; } .chooseall ul li:first-child{ margin-left: 0; } .chooseall ul li{ background-image: unset; background-color: #fff; } .chooseall ul li:nth-child(n+6){ margin-top: 0; } .lksjlist ul li .mycons{ padding: 4% 0 0 6%; } .part-block{ margin-top: 15px; } } @media screen and (max-width: 1279px) { #c-header{ padding: 0 10px; } .mypro .swiper-button-prev{ left: 0; } .mypro .swiper-button-next{ right: 0; } .serverobject ul li .coknis .c_thr{ font-size: 0.35rem; } #goods.lkjs .c-goodsinfo .gooddec{ margin-top:0; } .news-slider__pagination{ display: block; } .ywfglist ul li a img{ max-height: 150px; } .c_news .combox,.c_lksj .combox,.c_lksj .sjbox,.c_lksj .sjmeaasge,.c_lkjs .combox,.c_lkjs .sjbox{ padding: 0.5rem 1rem 0rem; } .c_lksj .sjmeaasge{ margin-bottom: 5%; } .c-product .navtiagn{ margin-top: 0; } .c-port-list{ padding: 40px 1rem; } .prodefault{ margin-left: 0; } .c-goodsinfo .hots{ padding: 0 10px; } #zbmain .goodsinfo #c-common-bg{ height: 12rem; } #zbmain .goodsinfo #c-top-bg{ height: 12rem; } .c-banner4 .c-button-box { width: -webkit-calc(100% - 500px); width: calc(100% - 500px); } .c-banner4 .swiper-button-next, .c-banner4 .swiper-button-prev { width: 150px; } .c-banner4 .swiper-button-next { left: 170px; } .c-banner15 { width: 70%; } #c-top-bg, #c-common-bg { height: 10rem; } .c-banner7 .swiper-button-next, .c-banner7 .swiper-button-prev { width: 150px; } .c-banner7 .swiper-button-prev { right: 170px; } #c-research3 .c-list li:nth-child(even) .c-text-box { padding: 0 20px 0 0; } #c-research3 .c-list .c-text-box,#c-research .c-wrap .c-text-box { padding-left: 20px; } #c-research3 .c-list .c-text-box,#c-research3 .c-list .c-img-box,#c-research .c-wrap .c-img-box,#c-research .c-wrap .c-text-box { width: 50%; } #c-ensure3 .c-list .c-title { font-size: 20px; line-height: 30px; } #c-ensure3 .c-list .c-img-box { height: 5rem; } #c-design4 .c-main-wrap .c-text-box { width: 100%; } #c-design4 .c-main-wrap .c-img-box { display: none; } #c-design2 .c-list .c-wrap .c-text-box .c-text { font-size: 20px; line-height: 30px; } .c-banner11-bottom .swiper-slide .c-img-box { width: 20%; height: 1rem; } #c-news3 .c-list .c-wrap .c-img-box,#c-research4 .c-list .c-wrap .c-img-box { height: 4rem; } #c-base2 .c-wrap .c-img-box,#c-contact2 .c-list2 .c-left-box,#c-contact2 .c-list2 .c-right-box { width: 100%; } #c-base2 .c-wrap .c-text-box { width: 100%; padding: 80px; } #c-header .c-nav>li { padding: 0 10px; font-size: 16px; } body { font-size: 14px; } #c-layout .c-text-box .c-list li .c-num { font-size: 50px; } #c-layout .c-text-box .c-list li .c-p1 { margin-bottom: 0; font-size: 18px; line-height: 28px; } #c-layout .c-text-box .c-list li .c-p1 span { font-size: 24px; } #c-layout .c-text-box .c-list li .c-p2{ line-height: 24px; } #c-product2 .c-list li .c-wrap .c-box1 .c-title { margin: 0 20px; } #c-common-link .c-list li .c-wrap { padding:30px; } #c-product2 .c-list li .c-wrap .c-box2 { padding: 0 20px; } #c-product2 .c-list li .c-wrap .c-box2 a { font-size: 14px; } #c-product3 .c-list li .c-btn { opacity: 1; } #c-product3 .c-list li { height: 7rem; } #c-product3 .c-list li .c-text-box { padding: 0 50px; } #c-product3 .c-list li .c-text-box .c-title::before { left: -100px; width: 150px; } .c-product .navtiagn{ padding: 30px 14%; } .c-common-title .c-text{ padding: 10px 0 10px; } .c-product .swiper-pagination{ left: 33%; } .c-product .swiper-button-next{ right: 18%; } .c-common-title .c-en-title,#c-top-bg .c-enTitle { font-size: 38px; } .c-common-title .c-cn-title{ font-size: 28px; line-height: 1.2; } .sul .tabs span.icon{ margin-right: 3%; } .sul .tabs i.icon{ margin-left: 1%; } .sul .tabs .part{ padding: 18px 0; } .sul .gramme{ padding-top: 22%; } .news .imgbox .c-fl{ max-width: 76%; } #c-about-list li:nth-child(1) .c-text-box { padding-left: 50px; } #c-about-list li:nth-child(2) .c-text-box { padding: 0 50px 0 1rem; } #c-about-list li:nth-child(3) .c-text-box { padding: 0 1rem 0 50px; } #c-about-list li:nth-child(4) .c-text-box { padding-right: 50px; } #c-about-list .c-text { margin-bottom: 20px; } #c-link-box .c-list .c-wrap { padding: 60px; } #c-about-list .c-title,#c-location3 .c-list .c-text-box .c-title { font-size: 40px; } #c-idea .c-list .c-text-box { padding: 0 50px; } #c-location3 .c-list .c-text-box { padding-left:50px; } #c-location3 .c-list li:nth-child(even) .c-text-box { padding: 0 50px 0 0; } .c-banner3 .c-wrap .c-text { line-height: 24px; } #c-profile2 .c-item .c-text-box { padding: 0 0 35px 50px; } #c-profile1 .c-wrap .c-text-box { padding-right: 50px; } #c-header .c-logo a p span { display: none; } #c-join .c-wrap .c-img-box { height: 8rem; } #c-location1 .c-wrap .c-text-box { position: relative; width: 100%; } } @media screen and (max-width: 1300px) and (min-width: 992px){ .part-block{ padding: 10px 0; margin-top: 20px; } .more3{ margin:0 auto; } .in-fl-box a{ margin-left: 10px; } } @media screen and (max-width: 1130px) and (min-width: 993px){ .c-product { padding: 50px 80px 0 10px; } } @media screen and (max-width: 992px) { .foot{ padding: 30px 0 80px 0; } .in-fl-box{ margin-bottom: 20px; } .m-bot { clear: both; position: fixed; bottom: 0; width: 100%; background: #005bac; color: #FFF; padding: 8px 0; z-index: 999999; text-align: center; } .m-bot a{ color: #FFF; } .newfl-box{ width: 100%; } .c-banner1 .swiper-slide-active img{ -webkit-transition: all 7s; transition: all 7s; transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); } .case-left .title1{ margin-top: 70px; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .prod-content{ padding: 0; } .c-product{ padding: 10px; } .de-page-mian .page-inner span,.de-page-mian .page-inner a.page-btn,.de-page-mian .page-inner input{ display: none; } .foot-ad a{ padding:10px 15px; } #c-header{ padding: 0 0; } .news-li .content .title{ font-size: 16px; } .news-li .date .month{ font-size: 20px; } .part-block .info{ font-size: 14px; line-height: 1.5; margin-bottom:10px; } .part-block .date{ line-height: 2; } .part-block .title{ margin-top: 0 !important; font-size: 16px; line-height: 1.5; font-weight: bold; } .about-block .about-icon { margin-top: 0; } .about-box{ margin-bottom: 20px; } .more3{ margin: 0 auto; } .in-fl-box a{ margin-left: 0; } .case-left-bt,.case-right-bt{ top: 80%; color: #FFF; font-size: 14px; } .case-left-bt{ right: none; left: 20px; } .foot-ad .title1{ font-size: 24px; } .foot-ad .tip{ font-size: 14px; opacity: .8; } .crumbs-bar{ margin-top: -186px; padding:0 1rem; } .nybanner{ height: 300px; overflow: hidden; } .sh-txt .title{ font-size: 26px; margin-top: 20px; } .sh-num{ font-size: 26px; } .sh-ys-box:nth-child(even) .sh-pic{ float: none; width: 100%; } .sh-ys-box:nth-child(even) .sh-txt{ float: none; width: 100%; } .sh-ys-box:nth-child(odd) .sh-pic{ float: none; width: 100%; } .sh-ys-box:nth-child(odd) .sh-txt{ float: none; width: 100%; } .catename{ font-size: 30px; top: 46%; letter-spacing: 0; } .sub-cate{ font-size: 15px; } .sub-cate{ line-height: 1.2; } .ny-wrap{ padding: 1rem; } .sub-cate2 a{ width: 45%; padding: 5px 10px; box-sizing: border-box; float: left; } .c-company .cominfo .cons{ padding-right: 0px; } .compic{ text-align: center; } .lx-box{ height: 142px; } .lx-box .icon{ width: 40px; height: 40px; line-height: 40px; margin: 10px auto; font-size: 25px; font-weight: normal; } .lx-box .t1{ line-height: 2; font-size: 16px; } .lx-box .txt{ font-size: 14px; line-height: 1.5; } .part-block2 .title{ font-size: 18px; font-weight: normal; } .part-block2 .content{ height: auto; } .gallery-top{ height: 300px; } .zxdh{ clear: both; width: 100%; font-size: 16px; margin-bottom: 15px; text-align: center; } .zxly{ clear: both; width: 100%; text-align: center; font-size: 16px; } .jiantou i{ font-size: 40px } .part-block .title{ margin-top: 20px; } .ywadvs ul li span{ width: 70px; height: 35px; } .fanganinfo ul li .coknis .icon{ font-size: 1.73rem; } .fanganinfo ul li .coknis .c_thr{ font-size: 0.5rem; } .c_yw .combox,.c_yw .fangan{ padding: 0.8rem 1rem 0.1rem; } .serinfo ul li>div{ width: 105px; height: 105px; } .serinfo ul li>div h6{ font-size: 18px; } .serinfo ul li>div p{ font-size: 13px; } .serinfo ul li::after{ width: 0; } .serverobject ul li .coknis .c_thr{ font-size: 0.45rem; } .news-slider__item .news-icon span{ font-size: 1rem; } .cbuilding_list{ height: 380px; } #formData .firsinfo input{ width: 100%; } #formData .firsinfo>div:nth-child(2) input{ margin: unset; margin-bottom: 5%; } #formData .firsinfo>div:last-child input{ float: unset; } .slogen{ font-size: 16px; width: 80%; } .ywfglist ul li a .icon{ font-size: 1.5rem; text-shadow:none; } .ywfglist ul li a img{ max-height: 130px; } .ywfglist ul li a .mycons{ padding-top: 25%; } .ywfglist ul li a{ padding: 12% 0 6%; } .c_ywfg .combox{ padding: 0.5rem 0.1rem 0.8rem; } #solutions .ins .gallery-thumbs{ background-color: rgba(0,0,0,0.5); line-height: 1.5; } .sul .gramme{ padding-top: 380px } #solutions .ins .gallery-thumbs .swiper-slide-thumb-active .small,#solutions .ins .gallery-thumbs .swiper-slide-thumb-active a{ color: #ed3333; } #solutions .gallery-uls .swiper-slide{ background-size: cover; background-position: center; } #solutions .ins .gallery-thumbs .small{ font-size: 1rem; display: block; text-align: center; color: #fff; } #solutions .ins .gallery-thumbs a{ color: #fff; font-size: 20px; margin-top: 17px; text-align: center; display: inline-block; width: 100%; } #solutions .ins{ left: 0; } .sul .c-common-title{ border: none; } .sul .hide9{ display: none; } .sul .visib9{ display: block; } .sul .row, .sul .col-md-3{ height: auto; } .sul .c-l-box{ max-width: 100%; overflow: hidden; } .sul .tabs{ width: 950px; } .sul .tabs .part{ display: inline-block; width: 190px; } .sul .tabs i.icon{display: none;} .goodscard .mybox{ margin-left: 0; margin-top: 20px; margin-right: 5px; } .address .concard .icon{ font-size: 1rem; } .address .concard .card{ margin-bottom: 20px; } .address .catinfo .c-card .col-md-9{ height: 115px; } .address .catinfo .c-card{ width: 100%; } .address .catinfo>div:nth-child(2n) .c-card{ float: left; margin-top: 20px; } .alloimgs{ padding: 15px 0; } .chooseall .wrap{ width: 100%; } .chooseall ul{ padding: 0 10px; } .chooseall ul li:nth-child(12n){ margin-left: 0; } .chooseall ul li{ width: 33%; margin-right: 3px; margin-bottom: 3px; } .chooseall ul li:nth-child(3n){ margin-right: 0; } .c-goodsinfo .goodsboxsize .md{ line-height: 2.6; } .c-goodsinfo .goodsboxsize{ font-size: 15px; } #zbmain .goodsinfo #c-common-bg{ height: 24rem; } #zbmain .goodsinfo #c-top-bg{ height: 26rem; } .brpro{ margin: auto; } .c-banner4 .c-button-box { width: -webkit-calc(60% - 50px); width: calc(60% - 50px); } .c-banner4 .swiper-button-next { left: 120px; } .c-banner4 .swiper-button-next, .c-banner4 .swiper-button-prev { width: 100px; height: 50px; } #c-visualization .c-list .c-top-box .c-num { font-size: 40px; } .c-banner15 { width: 90%; padding: 0; } #c-location1 .c-wrap .c-img-box .c-dot i { flex: 0 0 20px; min-width: 20px; height: 20px; } .c-banner15 .swiper-button-next,.c-banner15 .swiper-button-prev { display: none; } #c-header:hover { border-bottom: 2px solid transparent; } #c-research3 .c-list .c-img-box { height: 10rem; } #c-research2 .c-list .c-wrap .c-img-box { height: 6rem; } #c-research3 .c-list .c-text-box,#c-research3 .c-list li:nth-child(even) .c-text-box { padding: 15px 0 0 0; } #c-research3 .c-list .c-img-box,#c-research3 .c-list .c-text-box { width: 100%; } #c-ensure2 .c-list .c-text-box { padding: 0 20px !important; } #c-design2 .c-list li { width: 50%; } #c-news2 .c-wrap .c-text-box { width: 100%; margin: 0; } #c-product2 .c-list li .c-wrap .c-box1 .c-mask-red { opacity: 0; } #c-product .c-list li .c-wrap .c-mask-red { opacity: 0; } #c-join4 .c-list .c-wrap .c-time { padding-left: 20px; } #c-join4 .c-list .c-wrap .c-btn { padding-right: 20px; } #c-join3 .c-top-box form { width: 100%; margin-top: 20px; } #c-join .c-wrap .c-text-box .c-title:before { display: none; } #c-join .c-wrap .c-text-box { width: 100%; padding: 20px; } #c-contact2 .c-list2 .c-left-box { padding: 50px 20px; } #c-news4 .c-left-box .c-pn-box { padding: 50px 0 100px; } #c-top-menu .c-list a { width: 100px; } #c-news3 .c-list li,#c-research4 .c-list li{ width: 50%; } #c-location1 .c-wrap .c-text-box { position: relative; width: 100%; } #c-news4 .c-right-box .c-top-box .c-list .c-img-box { height: 3rem; } #c-news3 .c-list .c-wrap .c-img-box,#c-research4 .c-list .c-wrap .c-img-box{ height: 6rem; } .c-banner8 .c-img-box { height: 8rem; } #c-news2 .c-wrap .c-img-box { height: 10rem; } #c-honor .c-list .c-wrap,.c-banner7 .swiper-slide,.c-banner13 .swiper-slide { padding: 0 20px; } #c-responsibility .c-text-box,#c-activity .c-list li,#c-news2 .c-wrap .c-img-box, #c-news4 .c-left-box,#c-news4 .c-right-box,#c-join .c-wrap .c-img-box { width: 100%; } #c-responsibility .c-img-box { margin-bottom: 20px; width: 100%; height: 10rem; } #c-activity .c-list .c-wrap .c-img-box { width: 100%; height: 10rem; } #c-location1 .c-wrap .c-img-box { border-radius: 0; } #c-product4 .c-left-box .c-list .c-title1 i { right:20px; } .c-container,#c-product3 .c-list li .c-text-box{ padding: 0 20px; } #c-footer .c-footer-top .c-left-box .c-ico-box{ padding-bottom: 60px; } #c-product4 .c-left-box .c-list .c-ul1 { padding: 0 30px 30px; } #c-footer .c-footer-top .c-list-box>li { padding: 0; } #c-news .c-list li { width: 48%; } #c-footer .c-footer-bottom .c-copyright { width: 50%; } #c-footer .c-footer-top .c-list-box,#c-footer .c-footer-top .c-left-box { width: 100%; } #c-placeholder { height:60px; } #c-header.c-head-hide { line-height: 60px; } #c-header { line-height: 80px; position: absolute; } #c-header .c-switch { display: block; } #c-header .c-nav,#c-product2 .c-list li .c-wrap .c-box2 { display:none; } #c-header .c-logo a img { height: 44px; } /* #c-layout .c-text-box { padding: 80px 20px 80px 20px; } */ #c-product .c-list li .c-wrap .c-text-box { padding: 20px; } #c-product .c-list { padding: 0 0 0 20px; } #c-product2 .c-list li .c-wrap .c-box1 .c-title,#c-product2 .c-list li .c-wrap:hover .c-box1 .c-title{ bottom: 20px; } #c-top-bg,#c-common-bg { height: 14rem; } #c-product3 .c-list li { height: 8rem; } #c-common-link .c-list li .c-wrap .c-title { font-size: 16px; line-height: 26px; } #c-common-link .c-list li .c-wrap .c-text { font-size: 14px; line-height: 24px; } #c-product4 .c-left-box .c-list .c-title1 { height: 50px; padding: 0 20px; font-size: 20px; line-height: 30px; } #c-common-link .c-list li .c-wrap .c-text img{ margin-left:10px; } #c-profile6 .c-wrap .c-bg-title,#c-profile6 .c-wrap .c-img-box { width: 100%; text-align: center; } #c-profile2 .c-item .c-img-box { width: 40%; } #c-profile2 .c-item .c-img-box .c-box { height: 10rem; } #c-profile2 .c-item .c-text-box { width: 60%; } .c-banner7 .swiper-button-next, .c-banner7 .swiper-button-prev { width: 100px; height: 50px; } .c-banner7 .swiper-button-prev { right: 120px; } #c-profile5 .c-bg-title { margin-bottom: -50px; } .c-banner6-top .c-bg-time { font-size: 300px; } .c-banner6-top .c-text-box { width: -webkit-calc(100% - 200px); width: calc(100% - 200px); } #c-base .c-top-box .c-title,#c-base .c-top-box .c-text { width: 100%; } #c-top-bg .c-container{ margin-top: 40px; } #c-news2 .c-wrap { align-items: flex-start; } .c-banner4 .c-item .c-text-box .c-text { height: 192px; } .news .newcard .imgbox{ width: 100%; margin-left:0; } .case-box:before{ width: 100%; background:#0972ce; } .in-fl-box a{ padding: 10px 15px; } .news-detail-title .h3{ font-size: 24px; } .news-detail-title .b{ font-size: 14px; } .page-a{ clear: both; width: 100% !important; } .about-block .about-icon{ width: 100%; box-sizing: border-box; } .about-txt{ display: none; } .title1{ font-size: 24px; } .in-fl-box a{ padding: 10px 15px !important; } .ny-about-t{ font-size: 28px; margin-bottom: 20px; } } @media screen and (max-width:640px){ .part-block { padding: 0; margin-top: 10px; } .foot-ad .title1{ font-size: 20px; margin-bottom: 10px; } .hz-t-en{ font-size: 30px; } .newcard{ padding-bottom: 10px; } .crumbs-box .postion{ clear: both; font-size: 15px; color: #6f6f6f; padding-top: 10px; margin: 10px 0 10px 10px; } .crumbs-bar{ padding: 0 0; } .pro-t .title-en { font-size: 28px; } .pro-pic{ margin-bottom: 30px; } .in-fl-box a{ margin: 0 2px; padding: 5px 1px; } } @media (min-width: 992px) and (max-width:1279px){ .cbuilding_list{ height: 490px; } } @media screen and (max-width: 767px){ .ywadvs .ywbox{ margin-bottom: 8%; } .cxbox .mypro::before{ top: -0.2%; left: 4.9%; } .cxbox .gallery-thumbs .swiper-slide-thumb-active{ font-size: 18px; } .cxbox .gallery-thumbs .swiper-slide{ font-size: 14px; } .cxbox .imgbox img{ width: 218px; height: 218px; } .serverobject ul li .coknis{ padding: 9% 2.5%; } .serinfo ul li{ width: 33%; margin-right: 0; } .serinfo ul li:nth-child(-n+3){ margin-bottom: 20px; } .serinfo ul li>div{ width: 98%; height: 150px; margin: auto; } .serverobject .ask{ padding: 12px 10%; } .serverobject ul li .coknis .c_thr{ font-size: 0.75rem; } .lksjlist ul li .mycons h3{ font-size: 0.82rem; } .lksjlist ul li .mycons a{ padding: 2px 12%; } .slogen{ font-size: 14px; width: 80%; } .ywfglist ul li a{ width: 90%; } .ywfglist ul li a img{ max-height: 125px; } .ywfglist ul li a::after{ box-shadow: none; } .caselist ul li a{ width: 100%; } .caselist ul li img{ height: 135px; } .c_news .combox{ padding: 1.5rem 0.3rem 0rem; } .caselist ul li:nth-child(2n) a{ float: unset; } #goods .c-goodsinfo .goodkey, .c_name .goodkey{ font-size: 1.5rem; } #goods .c-goodsinfo .gooddec, .c_name .gooddec{ font-size: 1rem; } #c-top-bg>.c-container{ top: 20%; } .c-goodsinfo .crumbs,.c_news .newslist ul li{ padding: 0rem 1rem; } .sul .gramme .content-slide p{ font-size: 36px; } #solutions .ins .gallery-thumbs a{ margin-top: 0; font-size: 14px; } #solutions .ins .gallery-thumbs .small{ margin-top: 10px; } .ins .c-l-box{ padding-top: 50px; } #solutions .ins .gallery-thumbs{ margin-top: 0; } .case img{max-width: 100%;} .c-common-title .c-text{ padding: 0; } .footer .copyright{ line-height: 2; } .chooseall ul li{ width: 32%; } .chooseall .name p{ line-height: 1.7; } .goodscard .mybox{ margin-right: 0px; } .boxnum .nums{ padding: 0.4rem 0; } .boxnum .nums .numcol{ font-size: 25px; } .footer .c-rightinfo ul{ text-align: center; } .footer .c-rightinfo ul li{ float: none; display: inline-block; } .mypower ul li{ margin-bottom: 15px; } .mypower ul li .power1{ height: 375px; } .mypower ul li>div{ margin: auto; } .chooseall ul li{ height: 160px; } #zbmain .goodsinfo #c-common-bg{ height: 37rem; } #zbmain .goodsinfo #c-top-bg{ height: 37rem; } #zbmain .alloimgs{ padding: 20px 0; } #zbmain .pro-detail p{ padding: 10px 0; } .pro-detail .cs ul li{ width: 46%; } .pro-detail .cs ul li:nth-child(3n){ border-right: 2px solid #fff; } .pro-detail .cs ul li:nth-child(2n){ border-right: none; } .messmuch .ask{ padding: 20px 40px; vertical-align: bottom; } .c-banner4 { padding-bottom: 64px; } .c-banner4 .swiper-button-next, .c-banner4 .swiper-button-prev { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); height: 44px; background-size: 20px auto; } .c-banner4 .swiper-button-next { left: auto; right: 0; } .c-banner4 .c-button-box { width: 100%; } .c-container{ padding: 0 20px; width: 100%; } #c-base4 .c-list li { width: 100%; } #c-base4 .c-list li:last-child { margin-bottom: 0; } #c-base4 .c-list .c-title { padding-top: 5px; font-size: 16px; line-height: 26px; } #c-base4 .c-list .c-img-box { height: 11rem; } .c-banner1 .swiper-slide .c-bg2 { display: block; } .c-banner1 .swiper-slide .c-bg { display: none; } .bshare-custom.icon-medium { font-size: 14px !important; } #c-fixed-pop form{ max-width: 375px; } #c-fixed-pop form .c-title-box .c-title { line-height: 50px; font-size: 18px; } #c-fixed-pop form .c-title-box { padding: 0 20px; } #c-fixed-pop form .c-box { padding: 20px; } #c-fixed-pop form .c-file { margin-bottom: 20px; } #c-fixed-pop form input { margin-bottom: 20px; height: 40px; } #c-fixed-pop form .c-file .c-input-box { padding: 5px 15px; } #c-fixed-pop form .c-file .c-text2 { font-size: 12px; } #c-fixed-pop form button { height: 40px; } #c-fixed-pop form .c-title-box .c-close { width: 60px; height: 50px; } #c-product3 .c-list .c-link .c-item { margin: 0 10px 10px 0; width: -webkit-calc(50% - 5px); width: calc(50% - 5px); height: 6rem; } #c-product3 .c-list .c-link .c-item:nth-child(even){ margin-right: 0; } #c-product3 .c-list .c-link .c-item .c-text3 { opacity: 1; top: auto; left: 0; bottom: 0; height: 34px; font-size: 14px; line-height: 34px; background: rgba(187,28,20,.7); } #c-profile3 .c-bg-title,#c-profile6 .c-wrap .c-bg-title { text-align: left; } #c-top-bg .c-title { padding-top: 0; } #c-about .c-right-box { display: none; } .c-banner1 .c-common-btn { margin-bottom: 50px; } #c-header .c-logo a p strong { padding-left: 8px; } #c-news .c-list li .c-wrap:after { opacity: 0; } #c-go-top { bottom: 20px; right: 20px; width: 40px; height: 40px; background-size: 20px; } #c-research4 .c-btn { margin: 0 auto; width: 90px; height: 40px; line-height: 40px; } .c-pt1 { padding-top: 40px !important; } #c-research3 .c-list li { padding-bottom: 40px; } #c-research3 .c-list .c-text-box .c-num-box { margin-bottom: 20px; } #c-research3 .c-list .c-text-box .c-num-box .c-p3 { padding-top: 0; font-size: 14px; line-height: 24px; } #c-research3 .c-list .c-text-box .c-num-box .c-top-box .c-p2 { font-size: 16px; line-height: 26px; } #c-research3 .c-list .c-text-box .c-num-box .c-top-box .c-p1 { font-size: 20px; line-height: 30px; } #c-research3 { padding-top: 40px; } #c-research2 .c-list li { width: 100%; margin-bottom: 20px; } #c-research2 .c-list li:last-child { margin-bottom: 0; } #c-research2 .c-list .c-wrap .c-title { padding-top: 10px; font-size: 14px; line-height: 24px; } #c-research2 { padding: 40px 0; } #c-research .c-wrap .c-text-box { width: 100%; padding: 15px 0 0; } #c-ensure3 .c-list .c-title { font-size: 18px; line-height: 28px; } #c-ensure3 .c-list .c-img-box { height: 8rem; } #c-research .c-wrap .c-img-box,#c-research2 .c-list .c-wrap .c-img-box { height: 10rem; } .c-banner7 .c-img-box,#c-honor .c-img-box, .c-banner13 .c-img-box { height: 10rem; } #c-ensure3 .c-list li { width: 100%; } #c-ensure3 { padding-bottom: 24px; } #c-ensure2 .c-list .c-text-box .c-text,#c-research .c-wrap .c-text-box .c-text, #c-research3 .c-list .c-text-box .c-text { font-size: 14px; line-height: 24px; } #c-ensure2 .c-list .c-text-box .c-title,#c-research .c-wrap .c-text-box .c-title, #c-research3 .c-list .c-title { margin-bottom: 5px; font-size: 18px; line-height: 28px; } #c-ensure2 .c-list .c-text-box { padding: 15px 0 0 !important; width: 100%; } #c-ensure2 .c-list .c-img-box { width: 100%; height: 12rem; } #c-ensure2 .c-list li { padding: 0 20px 30px; } #c-design4 .c-main-wrap .c-text-box .c-right-box .c-box input,#c-design4 .c-main-wrap .c-text-box .c-right-box .c-box button { height: 50px; } #c-design4 .c-main-wrap .c-text-box .c-right-box .c-text { margin-bottom: 10px; } #c-design4 .c-main-wrap .c-text-box .c-left-box .c-text p { padding: 0; } #c-design4 .c-main-wrap .c-text-box .c-left-box .c-text{ font-size: 14px; line-height: 24px; } #c-design4 .c-main-wrap .c-text-box .c-left-box .c-title { margin-bottom: 10px; font-size: 18px; line-height: 28px; } #c-design4 .c-main-wrap .c-text-box .c-left-box, #c-design4 .c-main-wrap .c-text-box .c-right-box { padding: 20px; width: 100%; } #c-design4 .c-main-wrap .c-text-box .c-right-box { padding-top: 0; } #c-design2 .c-list li:last-child { margin-bottom: 0; } #c-design2 .c-list .c-wrap .c-arrow { bottom: 20px; right: 20px; } #c-design2 .c-list .c-wrap .c-text-box { padding-right: 20px; width: -webkit-calc(100% - 100px); width: calc(100% - 100px); } #c-design2 .c-list .c-wrap .c-num { padding: 20px 0; width: 100px; font-size: 50px; } #c-design2 .c-list .c-wrap .c-text-box .c-text { font-size: 16px; line-height: 26px; } #c-design2 .c-list .c-wrap { height: 110px; } #c-design2 .c-list li,#c-research .c-wrap .c-img-box { width: 100%; } #c-design .c-list li { padding-bottom: 30px; } #c-design .c-list .c-text-box .c-text { line-height: 24px; } #c-design .c-list .c-text-box .c-title { margin-bottom: 10px; font-size: 20px; line-height: 30px; } #c-design .c-list .c-img-box { width: 100%; height: 12rem; } #c-design .c-list .c-text-box { width: 100%; padding: 15px 0 0 0 !important; } .c-banner11-bottom .swiper-slide .c-img-box { width: 50%; height: 3rem; } .c-banner11-bottom .swiper-slide .c-wrap { padding: 20px 20px 0; } .c-banner11-top .swiper-slide { height: 40px; font-size: 14px; line-height: 40px; transition: .5s; } #c-product .c-list li .c-wrap:hover .c-mask-red { opacity: 0; } #c-join4 .c-list .c-wrap .c-time { width: 120px; line-height: 24px; } #c-join4 .c-list .c-wrap .c-title { font-size: 14px; line-height: 24px; width: -webkit-calc(100% - 120px); width: calc(100% - 120px); } #c-join4 .c-list .c-wrap { flex-wrap: wrap; } #c-join4 .c-list .c-wrap { padding:15px 0; } #c-join4 .c-list { padding-top: 20px; } #c-join4 .c-top-box { margin-bottom: 20px; } #c-join4 .c-top-box .c-delivery .c-text { width: 50%; height: 50px; font-size: 14px; line-height: 46px; } #c-join4 .c-top-box .c-delivery .c-btn { width: 50%; height: 50px; font-size: 14px; line-height: 50px; } #c-join4 .c-top-box .c-delivery .c-btn img { width: 14px; margin-right: 5px; } #c-join4 .c-top-box .c-delivery { width: 100%; margin-top: 20px; } #c-join3 .c-list2 .c-text-box .c-btn { margin-top: 15px; width: 90px; height: 40px; line-height: 40px; } #c-join3 .c-list2 .c-text-box .c-text { width: 100%; line-height: 24px; } #c-join3 .c-list2 .c-text-box { padding: 20px; } #c-join4 { padding: 40px 0; } #c-join3 .c-item5 i { font-size: 20px; } #c-join3 .c-list2 .c-title-box { line-height: 24px; } #c-join3 .c-list2 .c-title-box .c-item1 { font-size: 14px; line-height: 24px; } #c-join3 .c-item1 { padding-left: 20px; width: -webkit-calc(60% - 35px); width: calc(60% - 35px); } #c-join3 .c-item3 { width: -webkit-calc(40% - 35px); width: calc(40% - 35px); } #c-join3 .c-item5 { padding-right: 20px; width: 50px; } #c-join3 .c-list1,#c-join3 .c-item2,#c-join3 .c-item4,#c-join4 .c-list .c-wrap .c-btn { display: none; } #c-join3 .c-list2 .c-title-box { padding: 15px 0; } #c-join3 .c-top-box { margin-bottom: 20px; } #c-join3 .c-top-box form .c-wrap { width: 100%; margin-bottom: 20px; } #c-join3 .c-top-box form .c-wrap:last-child { margin-bottom: 0; } #c-join3 .c-top-box form select,#c-join3 .c-top-box form input,#c-join3 .c-top-box form button { height: 50px; } #c-join3 .c-top-box .c-title,#c-join4 .c-top-box .c-title { width: 100%; font-size: 20px; text-align: center; } .c-banner9 { padding-bottom: 40px; margin-bottom: 40px; } #c-join2 .c-title-box .c-title { font-size: 20px; } .c-banner9 .c-title { font-size: 20px; line-height: 20px; } #c-join .c-wrap .c-text-box { padding: 20px 0; } #c-join .c-wrap .c-text-box .c-title { margin-bottom: 10px; font-size: 20px; line-height: 30px; } #c-contact2 .c-list2 .c-left-box .c-text-box .c-text p { margin-bottom: 5px; } #c-contact2 .c-list2 .c-left-box .c-text-box .c-text { padding: 15px 0 10px; line-height: 24px; } #c-contact2 .c-list2 .c-left-box .c-text-box .c-btn { width: 100px; height: 40px; line-height: 40px; } #c-contact2 .c-list2 .c-left-box .c-text-box .c-btn .c-img-box { margin-right: 5px; width: 12px; height: 12px; } #c-contact2 .c-list2 .c-left-box .c-link p { margin-bottom: 5px; font-size: 16px; line-height: 26px; } #c-contact2 .c-list2 .c-left-box { padding: 20px; } #c-news4 .c-right-box form .c-wrap button,#c-news4 .c-right-box form .c-wrap input { font-size: 14px; height: 50px; } #c-news4 .c-right-box .c-top-box .c-list .c-text-box .c-time { padding-bottom: 0; font-size: 12px; line-height: 22px; } #c-news4 .c-right-box .c-top-box .c-bg-title,#c-news4 .c-right-box form .c-title { font-size: 20px; line-height: 50px; } #c-news4 .c-left-box .c-pn-box a { font-size: 14px; line-height: 24px; } #c-news4 .c-left-box .c-pn-box .c-prev { padding-left: 12px; background-size: auto 8px; } #c-news4 .c-left-box .c-pn-box .c-next { padding-right: 12px; background-size: auto 8px; } #c-news4 .c-left-box .c-pn-box .c-return { padding-left: 12px; background-size: auto 8px; } #c-news4 .c-left-box .c-pn-box .c-prev:hover { color: #bb1c14; background-size: auto 8px; } #c-news4 .c-left-box .c-pn-box .c-next:hover { color: #bb1c14; background-size: auto 8px; } #c-news4 .c-left-box .c-pn-box .c-return:hover { color: #bb1c14; background-size: auto 8px; } #c-news4 .c-left-box .c-top-box .c-share { padding: 20px 0; font-size: 14px; line-height: 24px; } #c-news4 .c-left-box .c-top-box .c-text { line-height: 24px; padding-bottom: 15px; } #c-news4 .c-left-box .c-top-box .c-time { padding: 5px 0 15px; line-height: 24px; } #c-link-box .c-list .c-wrap .c-img-box { width: 40px; } #c-news3 .c-list .c-wrap .c-text-box .c-title,#c-news2 .c-wrap .c-text-box .c-title, #c-research4 .c-list .c-wrap .c-text-box .c-title,#c-research4 .c-wrap .c-text-box .c-title{ margin: 5px 0; font-size: 18px; line-height: 28px; } #c-news2 .c-wrap .c-text-box .c-text { margin-bottom: 10px; line-height: 24px; } #c-top-menu .c-list { margin: 0 -2px; } #c-top-menu .c-list a { margin: 0 2px 5px; font-size: 12px; width: 60px; line-height: 30px; } .c-banner8 .c-title { padding-top: 10px; font-size: 14px; line-height: 24px; } #c-base2 .c-wrap .c-text-box .c-title { font-size: 20px; margin-bottom: 10px; } .c-common-btn2 .c-btn { padding: 0 15px; text-align: center; line-height: 36px; } .c-common-btn2 .c-btn i { margin-left: 5px; font-size: 14px; } #c-activity .c-list .c-wrap .c-text-box .c-title { margin-bottom: 10px; font-size: 18px; line-height: 28px; } #c-responsibility .c-text-box .c-title,#c-activity .c-bg-title,#c-honor .c-bg-title,#c-base3 .c-bg-title, #c-base4 .c-bg-title,#c-base5 .c-bg-title { margin-bottom: 20px; font-size: 20px; } #c-responsibility .c-text-box .c-text,#c-activity .c-list .c-wrap .c-text-box .c-text, #c-base2 .c-wrap .c-text-box .c-text, #c-news3 .c-list .c-wrap .c-text-box .c-text, #c-research4 .c-list .c-wrap .c-text-box .c-text{ line-height: 24px; } #c-base .c-list .c-wrap .c-title { padding-top:10px; font-size:14px; line-height:24px; } .c-banner6-top { margin: 0 auto 20px; } .c-banner6-top .c-text-box .c-text { padding-top:10px; } .c-banner6-bottom .c-time1,#c-base .c-top-box .c-title { font-size:20px; } .c-banner6-top .c-text-box .c-time { font-size: 25px; } .c-banner6-top .c-text-box { position: relative; width: 100%; padding: 30px 20px; top:0; left:0; -webkit-transform: translate(0,0); transform: translate(0,0); } .c-banner6-top .c-text-box .c-text { line-height:24px; } .c-banner6-top .c-bg-time { display: none; } .c-banner6-top .swiper-button-next, .c-banner6-top .swiper-button-prev { display: none; } #c-profile4 { padding: 40px 20px; } #c-product .c-list li,#c-product2 .c-list li { margin-bottom: 20px; width: 100%; } #c-layout .c-text-box { position: relative; width: 100%; } #c-product4 .c-main .c-left-box { position: relative; top:0; } #c-product2 .c-list li .c-wrap .c-box2 { display: none; opacity: 1; } #c-news .c-list li .c-wrap .c-text-box .c-arrow{ display: none; } #c-news .c-list li .c-wrap:hover .c-text-box{ background: transparent; bottom: 0; } #c-product2 .c-list li .c-wrap .c-box2,.c-banner1 .c-dot,#c-product2 .c-list li .c-wrap:hover .c-box2 { bottom: 20px; } #c-product2 .c-list li .c-wrap .c-box1 .c-title,#c-product2 .c-list li .c-wrap:hover .c-box1 .c-title { bottom: 15px; } #c-news .c-list li .c-wrap .c-text-box .c-title { margin-top: 0; } #c-layout .c-text-box .c-list li .c-num { margin-right: 10px; } #c-product .c-list li .c-wrap .c-text-box .c-title,#c-news .c-list li:last-child, #c-common-link .c-list li .c-wrap .c-title { margin-bottom: 0; } #c-news .c-list li,#c-product4 .c-main .c-right-box .c-max-wrap,#c-common-link .c-list li, #c-base .c-top-box,#c-base .c-list li,#c-activity .c-list li,#c-honor .c-list li { margin-bottom: 20px; } #c-layout .c-text-box .c-list li { margin-bottom: 40px; } #c-product3 .c-list li .c-text-box,#c-common-link .c-list li .c-wrap,#c-location1 .c-wrap .c-text-box,#c-activity .c-list .c-wrap .c-text-box, #c-base2 .c-wrap .c-text-box,#c-news2 .c-wrap .c-text-box,#c-news3 .c-list .c-wrap .c-text-box, #c-news4 .c-right-box form .c-wrap,#c-research4 .c-list .c-wrap .c-text-box { padding: 20px; } .c-common-title .c-cn-title,#c-design { padding-top: 0; } #c-product3 .c-list li .c-text-box .c-text1,.c-banner5 .c-text { padding-top: 20px; } #c-footer .c-footer-bottom{ padding-top: 30px; } #c-location3,#c-join3 { padding-top:40px; } #c-honor .c-list { padding-bottom: 0; } #c-layout .c-common-title { padding-bottom: 10px; } .c-common-title,#c-product,#c-common-link,#c-news4 .c-right-box .c-top-box .c-list li,#c-contact2 .c-list1, #c-join { padding-bottom: 20px; } .c-banner2,#c-news2,#c-design4,#c-about .c-common-title{ padding-bottom: 40px; } #c-news4 .c-right-box .c-top-box .c-list .c-text-box { padding-left: 10px; } #c-product4 .c-left-box .c-list .c-ul2 { padding-left: 20px; } #c-product4 .c-left-box .c-list .c-ul1>li { padding: 10px 0; } #c-layout .c-common-title .c-text { padding: 10px 0 40px; } .c-banner9 .c-text { padding: 20px 0; } .c-banner9 .swiper-slide { padding: 0 20px; } #c-news .c-list li .c-wrap .c-text-box .c-title,#c-product2,#c-product3,#c-base { padding: 0 0 20px; } #c-top-menu { padding: 0 0 30px; } #c-product4,#c-idea,#c-profile1,#c-responsibility,#c-news4,#c-contact,#c-partner2,#c-ensure,#c-research { padding: 0 0 40px; } #c-base2 { padding: 0; } #c-product4 .c-left-box .c-list .c-ul1 { padding:0 20px 20px; } #c-news4 .c-left-box .c-pn-box { padding: 20px 0 40px; } #c-news4 .c-left-box .c-top-box,#c-news4 .c-right-box .c-top-box .c-list { padding: 20px 20px 0; } #c-footer .c-footer-top .c-left-box .c-ico-box { padding:30px 0 20px; } #c-partner,#c-news,#c-footer,#c-location2,#c-profile6,#c-profile5,#c-activity,#c-honor,#c-base3,#c-base4, #c-news3,#c-join2,#c-design3,#c-research4{ padding: 40px 0; } #c-layout .c-text-box { padding: 40px 20px; } .c-banner5,#c-location1 { padding: 40px 0 0; } #c-base5 { padding: 40px 0 20px; } #c-about .c-left-box,#c-about .c-right-box,#c-footer .c-footer-bottom .c-copyright,#c-footer .c-footer-bottom .c-link, #c-product3 .c-list li .c-img-box, #c-product3 .c-list li .c-text-box,#c-product4 .c-main .c-left-box, #c-common-link .c-list li { width: 100%; } #c-base5 .c-list li { width: 50%; } #c-footer .c-footer-top .c-left-box .c-logo img{ height:30px; } #c-base5 .c-list .c-img-box,.c-banner8 .c-img-box { height: 6rem; } #c-news .c-list li .c-wrap,#c-product3 .c-list li .c-img-box,#c-product4 .c-right-box .c-list li .c-wrap .c-img-box, #c-idea .c-list .c-img-box,#c-base2 .c-wrap .c-img-box,#c-join .c-wrap .c-img-box,.c-banner10 .c-img-box { height: 10rem; } #c-news2 .c-wrap .c-img-box { height: 12rem; } .c-map { height: 14rem; } #c-product2 .c-list li .c-wrap .c-box2 a { font-size: 12px; } #c-layout .c-text-box .c-list li .c-p1 span { font-size: 20px; } #c-common-link .c-list li .c-wrap .c-text { font-size: 12px; line-height:22px; } #c-layout .c-text-box .c-list li .c-p2 { font-size: 12px; line-height: 20px; } #c-footer .c-footer-top .c-left-box .c-text,#c-site,#c-about-list .c-text, #c-base .c-top-box .c-text,#c-common-link .c-list li .c-wrap .c-title, #c-news4 .c-right-box .c-top-box .c-list .c-text-box .c-title,#c-contact .c-list2 textarea { font-size: 14px; line-height: 24px; } #c-layout .c-text-box .c-list li .c-p1,#c-product4 .c-left-box .c-list .c-title1,#c-contact2 .c-list2 .c-left-box .c-text-box .c-title { font-size: 16px; line-height: 26px; } #c-footer .c-footer-top .c-left-box .c-logo { font-size: 16px; line-height: 30px; } .c-common-title .c-cn-title { font-size: 20px; line-height: 30px; } #c-footer .c-footer-top .c-left-box .c-title,#c-profile3 .c-bg-title, #c-news4 .c-left-box .c-top-box .c-title,#c-product .c-list li .c-wrap .c-text-box .c-title, #c-product2 .c-list li .c-wrap .c-box1 .c-title { font-size: 20px; line-height: 30px; } .c-banner1 .swiper-slide .c-wrap .c-text, #c-top-bg .c-title { font-size: 24px; line-height: 34px; } .c-common-title .c-en-title{ font-size: 28px; line-height: 38px; } #c-layout .c-text-box .c-list li .c-num,.c-banner5 .c-time { font-size: 40px; } .c-banner1 .swiper-slide .c-wrap .c-title,#c-top-bg .c-enTitle { font-size: 35px; line-height: 45px; } .c-common-btn { height: 31px; line-height: 30px; width: 80px; } #c-news .c-list li .c-wrap .c-text-box{ padding: 0 20px; bottom: -20px; -webkit-transform: translateY(0); transform: translateY(0); } #c-news .c-list li .c-wrap .c-text-box .c-time,#c-news .c-list li .c-wrap .c-text-box .c-title{ color: #fff; } #c-product2 .c-list li .c-wrap:hover .c-box1 .c-mask-red { opacity: 0; } #c-news .c-list li .c-wrap:before,#c-news .c-list li .c-wrap img { opacity: 1; } #c-product2 .c-list li .c-wrap .c-box2 a { height: 34px; line-height: 34px; color: #333; background: #fff; } #c-product3 .c-list li .c-img-box .c-title { font-size: 20px; line-height: 20px; padding: 0 20px 20px; } #c-product3 .c-list li .c-text-box .c-title { padding-bottom: 15px; font-size: 18px; line-height: 28px; } #c-product3 .c-list li .c-text-box .c-title::before { left: 0px; width: 40px; } #c-product3 .c-list li .c-btn { width: 100px; height: 40px; font-size: 14px; line-height: 40px; margin: 0 20px 20px; } #c-product3 .c-list li:last-child .c-btn { display: none; } #c-product3 .c-list .c-link { padding-top: 20px; } #c-product3 .c-list li { margin-bottom: 20px; height: auto; } #c-product4 form { width: 50%; } #c-product4 .c-left-box .c-list .c-title1 i { margin-top: -5px; width: 10px; height: 10px; } #c-product4 .c-left-box .c-list .c-title2 { margin-bottom: 0px; padding: 5px 0 5px 20px; font-size: 14px; line-height: 24px; } #c-product4 .c-left-box .c-list .c-ul2>li { padding: 5px 0; font-size: 12px; line-height: 22px; } #c-product4 .c-main .c-right-box { margin-top:20px; width: 100%; } #c-product4 .c-main .c-right-box .c-max-wrap{ padding:20px 20px 0; } #c-product4 .c-right-box .c-main-title { margin-bottom: 20px; font-size: 20px; line-height: 50px; } #c-product4 .c-right-box .c-list li { margin-bottom: 20px; width:100%; } #c-product4 .c-right-box .c-list li .c-wrap .c-title { padding-top: 10px; font-size: 14px; line-height: 24px; } #c-pagination li { padding: 0 20px; font-size: 14px; line-height: 18px; } #c-pagination li { display:none; } #c-pagination .c-prev,#c-pagination .c-next { display: inline-block; } #c-top-bg .c-btn { display: block; margin: 20px auto 0; padding: 0 15px; width: 120px; height: 36px; border-radius: 18px; font-size: 14px; line-height: 36px; text-align: left; color: #333; background-size: auto; background-size: 10px auto; transition: .5s; } #c-video-box .c-btn,#c-banner15-wrap .c-btn { margin-left: -20px; width: 40px; height: 40px; } #c-video-box .c-btn:after,#c-video-box .c-btn:before, #c-banner15-wrap .c-btn:after,#c-banner15-wrap .c-btn:before { bottom: 18px; left: 10px; width: 20px; height: 2px; } #c-visualization .c-list li { padding: 0 10px; margin-bottom: 20px; } #c-visualization .c-list .c-top-box .c-num { font-size: 40px; } #c-visualization .c-list .c-top-box .c-text { font-size: 12px; } #c-visualization .c-list .c-title { padding-top: 10px; font-size: 14px; } #c-visualization .c-list { padding: 40px 0 20px; } #c-visualization .c-list { top: -110px; } #c-about-list li:nth-child(1) { padding: 40px 20px; } #c-about-list li .c-img-box,#c-about-list li .c-text-box { padding: 0 !important; width: 100% !important; } #c-about-list li .c-img-box { margin-bottom: 20px; height: 12rem !important; } #c-about-list .c-title { font-size: 20px; margin-bottom: 20px; } #c-about-list li:nth-child(2) { padding: 40px 20px; } #c-about-list li:nth-child(3) { padding: 0 20px 40px; } #c-about-list li:nth-child(4) { padding: 40px 20px; } #c-link-box,#c-profile2,#c-profile3 .c-mask { padding: 40px 0; } #c-link-box .c-list .c-wrap { padding: 20px; } #c-link-box .c-list li { margin-bottom: 20px; width: 100%; } #c-link-box .c-list li:last-child { margin: 0; } #c-link-box .c-list .c-wrap .c-title { margin-bottom: 10px; font-size: 20px; } #c-visualization { background: #fff; } #c-visualization .c-list { position: relative; top: 0; box-shadow: none; } #c-link-box .c-list .c-wrap .c-text { padding-right: 22px; background-size: 10px auto; } #c-idea .c-list li{ margin-bottom:20px; padding:0; } #c-idea .c-list .c-img-box{ width: 100%; } #c-idea .c-list .c-text-box { width:100%; padding: 20px; background: #f7f7f7; } #c-idea .c-list .c-text-box .c-title{ margin-bottom:10px; font-size: 20px; line-height: 30px; } #c-idea .c-list .c-text-box .c-text{ line-height: 24px; } #c-location1 .c-wrap .c-text-box .c-title { font-size:20px; line-height:20px; margin-bottom: 10px; } #c-location1 .c-wrap .c-text-box .c-title span { margin-left: 20px; width: 30px; border-top: 2px solid #fefefe; } #c-location2 .c-title { margin-bottom: 20px; font-size: 20px; } .c-banner3 .c-wrap { padding:0; } .c-banner3 .c-wrap .c-dot { top: -5px; left: 20px; width: 10px; height: 10px; } .c-banner3 .c-wrap .c-year { padding: 20px 20px 0; font-size: 30px; } .c-banner3 .c-wrap .c-text { margin-top: -15px; padding: 35px 20px 20px; } #c-location3 .c-list>li { padding-bottom:40px; } #c-location3 .c-list .c-img-box { width: 100%; height: 12rem; } #c-location3 .c-list .c-text-box { width: 100%; padding:20px 0 0 !important; } #c-location3 .c-list .c-text-box .c-title { margin-bottom: 10px; font-size: 20px; } #c-location3 .c-list .c-text-box .c-text { line-height:24px; } #c-profile1 .c-wrap .c-text-box { width: 100%; padding: 0 0 20px; } #c-profile1 .c-wrap .c-text-box .c-title { font-size: 20px; margin-bottom: 20px; } #c-profile1 .c-wrap .c-text-box .swiper-container { line-height: 24px; } #c-profile1 .c-wrap .c-img-box { width: 100%; height: 10rem; } #c-profile1 .c-wrap .c-img-box .c-play { background-size: 40px; } #c-profile2 .c-item .c-img-box { width: 100%; } #c-profile2 .c-item .c-img-box .c-box { height: 20rem; } #c-profile2 .c-item .c-img-box .c-title { padding: 10px 0 20px; font-size: 16px; line-height: 26px; } #c-profile2 .c-item .c-text-box { width: 100%; padding: 0; } #c-profile2 .c-item .c-text-box .c-title,#c-profile6 .c-wrap .c-bg-title { font-size: 20px; } #c-profile2 .c-item .c-img-box .c-title { padding: 10px 0 30px; font-size: 16px; line-height: 26px; } #c-profile2 .c-item .c-text-box .c-subtitle { padding: 10px 0; font-size: 16px; line-height: 26px; } #c-profile2 .c-item .c-text-box .c-text,#c-join .c-wrap .c-text-box .c-text { font-size: 14px; line-height: 24px; } #c-profile5 .c-bg-title { font-size: 20px; margin-bottom: -26px; } .c-banner7 .swiper-button-next, .c-banner7 .swiper-button-prev { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); height: 44px; background-size: 20px auto; } .c-banner7 { padding: 50px 20px 64px; } .c-banner7 .c-button-box { top: auto; bottom: 44px; left: 20px; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); } .c-banner7 .swiper-button-prev { right: auto; left: 0; } .c-banner7 .c-title,#c-honor .c-title,.c-banner13 .c-title { font-size: 14px; padding: 20px 0; } .c-banner5 .c-line1, .c-banner5 .c-line2 { top: 20px; width: -webkit-calc(50% - 80px); width: calc(50% - 80px); } #c-honor .c-list li { width: 50%; } #c-contact .c-list1 li { height: 50px; font-size: 20px; line-height: 50px; } #c-contact .c-list2 li { padding: 0 20px 20px; } #c-contact .c-list2 .c-title { padding: 15px 0; font-size: 18px; line-height: 28px; } #c-contact .c-list2 input,#c-contact .c-list2 .c-item2 select { width: 100% !important; height: 50px; font-size: 14px; padding: 0 20px; } #c-contact .c-list2 button { margin: 0 auto; width: 100%; height: 40px; font-size: 14px; } #c-contact2 .c-list1 li { margin: 0 10px; font-size: 20px; } #c-product .c-list { padding: 0 20px; } .c-banner14 .swiper-button-next, .c-banner14 .swiper-button-prev { width: 40px; height: 40px; background-size: 10px auto; } .c-banner14 .swiper-button-prev { right: 50px; } .c-banner14 .swiper-button-next:hover, .c-banner14 .swiper-button-prev:hover { background-size: 10px auto; } #c-product .c-list li .c-wrap:hover .c-text-box { bottom: 0px; } #c-layout .c-earth-box .c-box>img { width: 100%; -webkit-transform: translateX(-20%); transform: translateX(-20%); } #c-base .c-list li { width: 100%; } #c-base .c-list .c-wrap .c-img-box { height: 10rem; } #c-contact2 { padding-bottom: 0; } #c-bg-video,.c-common-video { z-index: -10; } #c-range { padding-top: 15px; } #c-range .c-left-box { width: 100%; padding: 10px; height: 40px; } #c-range .c-right-box{ padding: 20px 0 0; width: 100%; } #c-range .c-left-box::before { top: auto; bottom: -18px; right: 50%; margin: 0 -10px 0 0; border: 10px solid transparent; border-top: 10px solid #bb1c14; } #c-range .c-right-box li .c-num { font-size: 24px; line-height: 24px; } #c-range .c-right-box li .c-text2 { font-size: 14px; line-height: 24px; } #c-range .c-right-box li { height: 100px; } #c-contact .f_yanzheng { margin-bottom: 16px; } #c-contact .f_yanzheng input { width: calc(100% - 146px) !important; } #c-contact .f_yanzheng img { width: 130px; } } @media screen and (max-width: 500px) { #c-contact2 .c-list2 .c-left-box .c-text-box { padding: 0 0 10px; } #c-header .c-logo a p span { display: none; } .c-banner1 .swiper-slide .c-wrap .c-text{ padding: 20px 0 40px; } #c-news .c-list li .c-wrap .c-text-box { padding: 0 20px; } #c-footer .c-footer-top .c-list-box .c-title-box { border-bottom: 1px solid #666; padding: 16px 0; } #c-news .c-list li,#c-footer .c-footer-top .c-list-box > li,#c-honor .c-list li { width: 100%; } #c-video-box video { height: auto; } #c-news3 .c-list .c-wrap .c-img-box,#c-research4 .c-list .c-wrap .c-img-box{ height: 12rem; } #c-product .c-list li .c-wrap,#c-news .c-list li .c-wrap { height: 14rem; } #c-top-bg,#c-common-bg { height: 16rem; } #c-about .c-right-box,#c-product2 .c-list li .c-wrap { height:20rem; } .c-banner2 .c-wrap { height: 3rem; } #c-news .c-list li:first-child .c-wrap{ border-top: 1px solid #d0d0d0; } #c-footer .c-footer-top .c-list-box .c-title-box i { display: inline-block; float: right; margin-top: 1px; } #c-footer .c-footer-top .c-list-box .c-list { display: none; padding: 8px 0 0; } #c-footer .c-footer-top .c-list-box .c-list li { padding: 5px; line-height: 20px; } #c-footer .c-footer-top .c-list-box .c-title-box .c-title { font-size: 16px; line-height: 1em; } #c-product4 form { margin-top: 20px; width: 100%; height: 40px; border-radius: 20px; } #c-product4 form i { top:12px; } #c-product4 form input,#c-product4 form button { height:40px; } #c-news3 .c-list li,#c-research4 .c-list li{ width: 100%; margin-bottom: 20px; } #c-news3 .c-list,#c-research4 .c-list { padding-bottom: 0; } .c-banner7 .c-img-box,#c-honor .c-img-box, .c-banner13 .c-img-box { height: 14rem; } #c-footer .c-footer-top .c-list-box>li.active .c-title-box i { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #c-profile1 .c-wrap .c-text-box .swiper-container,.c-banner4 .c-item .c-text-box .c-text { height: 120px; } } @media screen and (max-width: 375px) { .pro-t .title-ch{ line-height: 1; } .in-fl-box a{ padding: 5px!important } .hz-t-ch{ margin-bottom: 15px; } .news{ padding-bottom: 70px; } .news .more4{ margin: 10px auto; } .about-block .about-icon{ padding: 10px 0; } .c-product{ padding: 0; } .product .fp-tableCell,.news .fp-tableCell{ padding-bottom: 50px; } .pro-pic{ margin-bottom: 10px; } .pro-ys{ padding-top: 10px; } .pro-ys{ font-size: 15px; } .about-box{ font-size: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } .newcard{ padding-top: 10px; } .news-li{ margin-top: 10px; } .case-left-bt, .case-right-bt{ top:75%; } #c-about .more1{ display: none; } } @media screen and (max-width: 320px) { #c-about .more1{ display: none; } }