@media screen and (min-width: 1921px){ #c-about .c-left-box .c-img-box { padding-top: 3rem; } } @media screen and (max-width: 1919px) { #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-text-box .c-left-box .c-text { font-size: 16px; line-height: 26px; color: #666; } } @media screen and (max-width: 1599px) { .c-container{ padding: 0 1rem; } #c-header .c-nav > li{ padding: 0 10px; } #c-top-bg,#c-common-bg { height: 8rem; } #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) .c-text-box { padding: 0 130px 0 1rem; } #c-about-list li:nth-child(5) .c-text-box { padding: 0 1rem 0 130px; } /*绗?涓?/ #c-about-list li:nth-child(6) .c-text-box { padding: 0 130px 0 1rem; } /*绗?涓?/ #c-about-list li:nth-child(7) .c-text-box { padding: 0 1rem 0 130px; } /*绗?涓?/ #c-about-list li:nth-child(8) .c-text-box { padding: 0 130px 0 1rem; } /*绗?涓?/ #c-about-list li:nth-child(9) .c-text-box { padding: 0 1rem 0 130px; } .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 (max-width: 1279px) { .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: 8rem; } .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; } 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-product2 .c-list li .c-wrap:hover .c-enTitle { 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: 4rem; } #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-common-title .c-en-title,#c-top-bg .c-enTitle { font-size: 50px; } #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: 991px) { .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: 2rem; } #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; } #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: 50px; } /* #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-product2 .c-list li .c-wrap:hover .c-enTitle { bottom: 66px; } #c-top-bg,#c-common-bg { height: 8rem; } #c-product3 .c-list li { height: 5rem; } #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; } } @media screen and (max-width: 767px) { .main-im{ display: none; } #banner-contentWrap { width: 355px; } #blog-searchFrame { width: 355px; } .e-searchAreaWrap{ width: 265px; } .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; } #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: url(/template/default/pc/skin/images/prev3.png) no-repeat left center; background-size: auto 8px; } #c-news4 .c-left-box .c-pn-box .c-next { padding-right: 12px; background: url(/template/default/pc/skin/images/next3.png) no-repeat right center; background-size: auto 8px; } #c-news4 .c-left-box .c-pn-box .c-return { padding-left: 12px; background: url(/template/default/pc/skin/images/menu.png) no-repeat left center; background-size: auto 8px; } #c-news4 .c-left-box .c-pn-box .c-prev:hover { color: #bb1c14; background: url(/template/default/pc/skin/images/prev3-h.png) no-repeat left center; background-size: auto 8px; } #c-news4 .c-left-box .c-pn-box .c-next:hover { color: #bb1c14; background: url(/template/default/pc/skin/images/next3-h.png) no-repeat right center; background-size: auto 8px; } #c-news4 .c-left-box .c-pn-box .c-return:hover { color: #bb1c14; background: url(/template/default/pc/skin/images/menu-h.png) no-repeat left center; 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-profile1 { padding: 40px 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: 10px 10px 0; } #c-footer .c-footer-top .c-left-box .c-ico-box { padding:30px 0 20px; } #c-about,#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-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: #fff url(/template/default/pc/skin/images/jt4.png) no-repeat right 15px center; 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: 5rem !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-about-list li:nth-child(n+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: url(/template/default/pc/skin/images/jt4.png)no-repeat right center; 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; } .g_top { padding: 25px 15px; } .c_g_show { width: auto; float: none; } .img_box { width: auto; height: auto; } .img_box .small { width: auto; height: auto; } .c_g_det { margin: 15px 0 0 0; float: none; } .c_g_att ul, .c_g_tit { float: left; width: 98%; color: #333; } .c_g_att ul { width: 100%; } .c_g_spe li { float: left; padding-right: 5px; color: #666; width: 100%; } cite, em, i { font-style: normal; font-size: 12px; } .c_g_spe li font { border-bottom: 1px solid red; } .c_g_att ul { width: 100%; } } @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: 3rem; } #c-product .c-list li .c-wrap,#c-news .c-list li .c-wrap { height: 14rem; } #c-top-bg,#c-common-bg { height: 6rem; } #c-about .c-right-box,#c-product2 .c-list li .c-wrap { height:20rem; } #c-product2 .c-list li .c-wrap { height: 6.56rem; } .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; } }