@charset "utf-8"; @media (max-width: 1024px){ .w1440{ width:93.75% } header .nav-ul{ display:none } header{ background-color:#fff; } header .w1800{ height:3rem; } header .line-btn{ display:block } header .nav-right{ right:1.5rem; } header .logo img.img2{ opacity: 0; } header .logo img.img1{ opacity: 1; } header .nav-ul li .tit-a{ color:#010920 } header .nav-right .item{ border:1px solid #80848f } .index-swiper{ height:calc(100vh - 3rem) } .main{ margin-top:3rem; } .banner-swiper{ height:calc(100vh - 3rem) } .index-swiper .text-pro2{ left:5%; width:40% } .index-swiper .in-footer{ width:93.75%; left:3.125%; z-index:30 } .nei-banner .text-pro{ top:15%; } .about-list5 .w1440{ width:calc(93.75% + 16px) } .mask-list1 .text-left .ul1{ text-align:center } .mask-list1 .text-left .ul1 li{ margin-right:0.5rem; } } @media (max-width: 992px){ .index-swiper .swiper-slide .pro1 { top: calc(5rem + 0.75rem); width: 30%; left: 50%; } .index-swiper .swiper-slide .pro2 { top: 36%; width: 40%; left: 56%; } .index-swiper .swiper-slide .pro3 { top: 55%; width: 30%; left: 70%; } .index-swiper .swiper-slide .bo-div{ top: 50%; left: 71%; } .index-swiper .ul3-top{ text-align:right; } .index-swiper .ajax-list3 .item-mian{ padding-bottom:100%; } .index-swiper .ajax-list3 .item-mian .div-pro1{ width:49%; height: 63%; } .index-swiper .ajax-list3 .item-mian .div-pro2{ width:49%; height: 63%; left:51%; } .index-swiper .ajax-list3 .item-mian .div-pro3{ width: 30%; height:35.3%; left:0; bottom:0; top:auto; } .index-swiper .ajax-list3 .item-mian .div-pro4{ width: 30%; height:35.3%; left:31%; bottom:0; top:auto; } .index-swiper .ajax-list3 .item-mian .div-pro5{ width:38%; height:35.3%; } .index-swiper .ajax-list3 .item-mian .div-pro5 .text-ao{ width:60%; top:40%; } .index-swiper .in-footer .fo-ul li{ margin-right:2rem; } .about-list1 .left{ margin-left:3.125%; width:45% } .about-list1 .right .con-p{ width:90%; text-align:justify; } .nei-banner .text-pro .tit-c{ margin-top:0.5rem; } .nei-banner .text-pro .down-btnu{ margin-top:1rem; } .mask-list1 .text-left .ul1 li{ height:5.5rem; } } @media (max-width: 767px){ .index-swiper .text-pro2 .more-btnin{ margin-top: 0.4rem; } header .w1800{ height:1.2rem; } header .nav-right .item{ height:0.7rem; line-height:0.7rem; border-radius:0.35rem; } header .logo{ width:1rem; } header .nav-right .item1{ padding-left:0.2rem; font-size:0.24rem; } header .nav-right .item1 span{ width:1.2rem; background-position:0.8rem center } header .nav-right .item2, header .nav-right .item3{ width:0.7rem; } header .nav-right .item2 img{ width:0.3rem; } header .nav-right .item3 a{ font-size:0.24rem; } header .nav-right .item1 img{ width:0.3rem; margin-right:0.1rem; } header .line-btn{ width:0.5rem; height:0.4rem; } header .nav-right{ right:0.7rem; } .main { margin-top: 1.2rem; } .index-swiper { height:calc(100vh - 1.2rem) } .banner-swiper{ height:calc(100vh - 1.2rem) } .banner-swiper .text-banner-swiper{ display:none } .banner-swiper .text-pro{ width:90%; left:5%; text-align:center; top:15%; transform:translateY(0) } .banner-swiper .text-pro .tit-a{ font-size:0.6rem; } .banner-swiper .text-pro .tit-b{ font-size:0.3rem; line-height:0.4rem; margin-top:0.2rem; } .banner-swiper .text-pro .tit-c{ font-size:0.8rem; margin-top:0.3rem; } .banner-swiper .text-pro .tit-d{ font-size:0.3rem; line-height:0.4rem; margin-top:0.2rem; } .banner-swiper .text-pro .tit-e{ font-size:0.3rem; line-height:0.4rem; margin-top:0.2rem; } .banner-swiper .text-pro .tit-f{ font-size:0.3rem; line-height:0.4rem; margin-top:0.2rem; } .banner-swiper .text-pro .more-btn{ height:0.8rem; line-height:0.8rem; text-align:left; padding-left:0.5rem; width:3rem; font-size:0.24rem; margin-top:0.5rem; } .banner-swiper .text-pro .more-btn img{ width:0.6rem; right:0.2rem; } .banner-swiper .num-div{ display:none } .banner-swiper .banner-pagination{ width:100%; text-align:center } .pho-nav{ top:1.2rem; height:calc(100vh - 1.6rem); padding:0.2rem 0 ; } .pho-nav .nav-ul .tit-a{ font-size:18px; height:40px; line-height:40px; } .pho-nav .nav-ul li .hover-div{ padding:0.2rem; } .pho-nav .nav-ul li .hover-div a{ font-size:14px; height:26px; line-height:26px; } .index-swiper .text-pro2{ width:93.75%; left:3.125%; top:0.5rem; } .index-swiper .text-pro2 .enname{ font-size:0.3rem; line-height:0.4rem; font-weight:bold; } .index-swiper .text-pro2 .cnname{ font-size:0.36rem; line-height:1; margin-top:0.2rem; font-weight:bold; } .index-swiper .text-pro2 .title{ font-size:0.3rem; line-height:0.4rem; margin-top:0.3rem; } .index-swiper .text-pro2 .con-p{ font-size:0.24rem; line-height:0.4rem; margin-top:0.3rem; text-align:justify } .index-swiper .text-pro2 .num-countup{ display:none } .index-swiper .text-pro2 .more-btnin{ height:0.8rem; width:2.4rem; line-height:0.8rem; font-size:0.24rem; background-position:2.1rem center; padding-left:0.6rem; background-size:0.24rem; } .index-swiper .down-btnbu{ display:none } .index-swiper .swiper-slide .pro1{ top:auto; left:0; bottom:10%; width:60% } .index-swiper .swiper-slide .pro2{ width:80%; left:10%; bottom:5%; top:auto } .index-swiper .swiper-slide .pro3{ top:auto; bottom:0; } .index-swiper .swiper-slide .bo-div{ width:2rem; height:1.65rem; background-position: 0.9rem 0.4rem; top: 73%; left: 39%; } .index-swiper .list3{ width:93.75%; left:3.125%; top:0.5rem; } .index-swiper .list3 .text-pro3{ text-align:center; width:100%; position:relative; top:auto; left:auto } .index-swiper .ul3-top{ margin-top:0.3rem; text-align:center; } .index-swiper .list3 .text-pro3 .enname{ font-size:0.3rem; line-height:0.4rem; font-weight:bold } .index-swiper .list3 .text-pro3 .cnname{ font-size:0.36rem; line-height:1; margin-top:0.2rem; font-weight:bold } .index-swiper .ul3-top li{ margin-right:0.4rem; padding-bottom:0.2rem; } .index-swiper .ul3-top li .hover-img{ width:0.8rem; } .index-swiper .ul3-top li .text{ font-size:0.26rem; } .index-swiper .ajax-list3{ margin-top:0.3rem; } .index-swiper .ajax-list3 .item-mian{ display:none } .index-swiper .ajax-list3 .pho-list3{ display:block } .index-swiper .ajax-list3 .pho-list3-pagrtion{ display:block } .index-swiper .in-footer .fo-ul{ display:none } .index-swiper .last{ height:auto !important; padding-bottom:0.6rem; } .index-swiper .in-footer{ top:auto; width:100%; left:auto; position:relative; } .index-swiper .in-footer .share-div{ margin-top:0; padding-bottom:0; border-bottom:0; height:1.4rem; line-height:1.4rem; background-color:#010920; position:relative; z-index:10 } .index-swiper .in-footer .share-div a img.img2{ display:block } .index-swiper .in-footer .share-div a img.img1{ display:none } .index-swiper .in-footer .share-div a{ opacity:1; margin-top:20px; } .index-swiper .in-footer .share-div a.cur .name{ opacity:1; visibility:visible; line-height: 0.6rem; color: #fff; font-size: 0.24rem; } .index-swiper .in-footer .form .text{ height:40px; line-height:40px; } .index-swiper .in-footer .p1{ width:93.75%; margin:0.4rem auto 0; font-size:0.24rem; } footer .f-right .share-div a:last-child{ margin-right:0 } footer .f-right .share-div a.cur .name{ opacity:1; visibility:visible } .index-swiper .in-footer .p2{ width:93.75%; margin:0.2rem auto 0; font-size:0.24rem; line-height:0.4rem; } .index-swiper .last .uptrany{ opacity:1; transform:translateY(0) } .index-swiper .last .bk-img{ position:absolute; width:100%; height:100%; z-index:3 } .phoimgoho{ display:block; } .pc-imgoho{ display:none } .nei-banner .text-pro .tit-a{ font-size:0.36rem; } .nei-banner .text-pro .tit-b{ font-size:0.6rem; margin-top:0.2rem; } .nei-banner .text-pro .tit-c{ font-size:0.36rem; margin-top:0.3rem; } .nei-banner .text-pro .down-btnu{ margin-top:0.4rem; margin-left:1rem; width:0.6rem; } .nei-banner .text-pro{ top:26%; } .about-nav-top li{ height:1rem; line-height:1rem; font-size:0.24rem; margin: 0 .1rem; padding:0 0.1rem; } .about-nav-top li:before{ right:-0.1rem; height:0.4rem; } .about-list1 .left{ width:93.75%; padding-top:0.6rem; } .about-list1 .left .enname{ font-size:0.3rem; line-height:0.4rem; font-weight:bold } .about-list1 .left .cnname{ font-size:0.36rem; margin-top:0.2rem; font-weight:bold } .about-list1 .left .tit-a{ font-size:0.3rem; line-height:0.4rem; margin-top:0.3rem; } .about-list1 .left .con-p{ font-size:0.24rem; line-height:0.4rem; margin-top:0.3rem; text-align:justify } .about-list1 .left .ul1{ margin-top:0.5rem; padding-bottom:0.4rem; } .about-list1 .left .ul1 li{ padding:0.3rem 0; padding-left:0.3rem; } .about-list1 .left .ul1 li .num .shu{ font-size:0.5rem; } .about-list1 .left .ul1 li .num .line{ font-size:0.24rem; } .about-list1 .left .ul1 li .p1{ font-size:0.24rem; margin-top:0.2rem } .about-list1 .left .num1{ margin-top:0.3rem; font-size:0.5rem; padding-left:0.3rem; } .about-list1 .left .p2{ font-size:0.24rem; line-height:0.4rem; padding-left:0.3rem; margin-top:0.1rem; } .about-list1 .right{ width:100%; margin-top:0.3rem; } .about-list1 .right .img .bo-div{ width:2rem; height:1.65rem; background-position:0.9rem 0.4rem; } .about-list1 .right .con-p{ margin-top:0.3rem; width:93.75%; margin-left:3.125%; font-size:0.24rem; line-height:0.4rem } .about-list1{ padding-bottom:0.6rem; } .about-list2{ padding:0.6rem 0; } .about-list2 .enname{ font-size:0.3rem; line-height:0.4rem; font-weight:bold } .about-list2 .cnname{ font-size:0.36rem; margin-top:0.2rem; font-weight:bold } .about-list2 .ul2{ margin-top:0.5rem; } .about-list2 .ul2 li{ width:100%; margin-right:0; margin-bottom:0.4rem; } .about-list2 .ul2 li .time{ font-size:0.24rem; line-height:0.3rem; margin-top: 0.2rem; } .about-list2 .ul2 li .text{ font-size:0.3rem; line-height:0.4rem; margin-top:0.2rem; } .about-list2 .ul3{ margin-top:0.5rem; } .about-list2 .ul3 li{ font-size:0.24rem; line-height:0.8rem; height:0.8rem; width:49%; margin-right:2%; } .about-list2 .ul3 li:nth-child(2n){ margin-right:0 } .about-list3{ padding:0.6rem 0 1rem; } .about-list3 .enname{ font-size:0.3rem; line-height:0.4rem; font-weight:bold } .about-list3 .cnname{ font-size:.36rem; margin-top:0.2rem; font-weight:bold } .about-list3 .mian-tab{ margin-top:0.5rem; } .about-list3 .mian-tab .img{ width:1rem; height:1rem; line-height:1rem; margin-bottom:1rem; } .about-list3 .mian-tab .img:after{ height:0.6rem; bottom:-0.8rem; } .about-list3 .mian-tab .con-p{ font-size:0.24rem; height:1.4rem; margin-bottom:2rem; } .about-list3 .mian-tab .con-p span{ font-size:0.24rem; line-height:0.4rem; height:1.2rem; padding:0; background-color:transparent } .about-list3 .swiper-slide .con-p:after{ bottom:-2rem; height:1.8rem; } .about-list3 .mian-tab .swiper-slide:nth-child(2n) .con-p{ margin-bottom:3rem; } .about-list3 .swiper-slide:nth-child(2n) .con-p:after{ bottom:-3rem; height:2.8rem; } .about-list3 .mian-tab .time{ font-size:0.3rem; line-height:0.4rem; margin-top:0.2rem; } .about-list3 .mian-tab:after{ bottom:0.75rem; } .about-list3 .list3-button-prev, .about-list3 .list3-button-next{ width: 0.3rem; height:0.675rem; background-size:0.3rem; } .about-list4{ padding: 0.6rem 0 1rem; } .about-list4 .enname{ font-size:0.3rem; line-height:0.4rem; font-weight:bold } .about-list4 .cnname{ font-size:0.36rem; margin-top:0.2rem; font-weight:bold } .about-list4 .list4-pagetion{ margin-top:0.3rem; } .about-list4 .list4-pagetion span{ width:0.2rem; height:0.2rem; margin: 0 0.15rem; } .about-list4 .list4-swiper{ margin-top:0.5rem; } .about-list4 .list4-swiper .swiper-slide{ padding-bottom:150%; } .about-list4 .list4-swiper .line4-1{ width:60%; height:23% } .about-list4 .list4-swiper .line4 .text{ font-size:0.24rem; padding:0 0.2rem; height:0.8rem; line-height:0.8rem; width:calc(100% - 0.4rem) } .about-list4 .list4-swiper .line4-2{ width:38%; left:62%; height:23%; } .about-list4 .list4-swiper .line4-3{ width:38%; height:23%; bottom:auto; top:24%; } .about-list4 .list4-swiper .line4-4{ width:60%; top:24%; height:23%; left:40% } .about-list4 .list4-swiper .line4-5{ width:100%; left:0; top:49%; height:51%; bottom:auto; } .about-list5{ padding:0.6rem 0 1rem; } .about-list5 .enname{ font-size:0.3rem; line-height:0.4rem; font-weight:bold } .about-list5 .cnname{ font-size:0.36rem; margin-top:0.2rem; font-weight:bold } .about-list5 .list5{ margin-top:0.5rem; } .inno-list1{ padding:0.6rem 0 1rem; } .inno-list1 .enname{ font-size:0.3rem; line-height:0.4rem; } .inno-list1 .cnname{ font-size:0.36rem; margin-top:0.2rem; } .inno-list1 .inno-siwper{ margin-top:0.3rem; } .inno-list1 .inno-siwper .swiper-slide .text .tit-a{ font-size:0.3rem; line-heigh:0.4rem; padding-top:0; } .inno-list1 .inno-siwper .swiper-slide .text .con-p{ font-size:0.24rem; line-height:0.4rem; margin-top:0.3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; height:2rem; } .inno-list2{ padding:0.6rem 0 0 ; } .inno-list2 .enname{ font-size:0.3rem; line-height:0.4rem; } .inno-list2 .cnname{ font-size:0.36rem; margin-top:0.2rem; } .inno-list2 .con-p{ font-size:0.24rem; line-height:0.4rem; margin-top:0.3rem; } .inno-list2 .mian-ul2{ margin-top:0.5rem; width:93.75%; margin-right:6.25%; } .inno-list2 .mian-ul2 .item{ padding: 0.3rem 0 0.3rem 0.5rem; } .inno-list2 .mian-ul2 .list2-pagetion{ margin-top:0.3rem; } .inno-list3{ padding-bottom:0.6rem; } .inno-list2 .item-bott{ padding-top:2rem; margin-top:0.4rem; } .inno-list2 .item-bott .num-div{ left:50%; } .inno-list2 .item-bott .left-img{ width:45%; } .inno-list2 .item-bott .bott-button-next{ width:0.77rem; height:1.55rem; background-size:0.77rem; left:65%; } .inno-list2 .item-bott .right-bosweipr{ width:54%; } .inno-list2 .item-bott .num-div .innum{ font-size:0.9rem; } .inno-list2 .item-bott .num-div .allnum{ font-size:0.3rem; } .mask-list1{ padding:0.6rem 0; } .mask-list1 .text-left{ width: 100%; } .mask-list1 .text-left .enname{ font-size:0.3rem; line-height:0.4rem; } .mask-list1 .text-left .cnname{ font-size:0.36rem; margin-top:0.2rem; } .mask-list1 .text-left .con-p{ font-size:0.24rem; line-height:0.4rem; margin-top:0.3rem; } .mask-list1 .text-left .ul1{ margin-top:0.5rem; } .mask-list1 .text-left .ul1 li .img{ width:1rem; } .mask-list1 .text-left .ul1 li .name{ font-size:0.3rem; line-height:0.4rem; margin-top:0.2rem; } .mask-list1 .text-left .ul1 li .p1{ font-size:0.24rem; line-height:0.4rem; margin-top:0.3rem; } .mask-list1 .text-left .ul1 li{ width:3rem; height:3rem; margin-right:0.3rem; } .mask-list1 .img-swiperr{ width:100%; margin-top:0.5rem; } .mask-list1 .img-swiperr .swiper-pagination{ left:0.3rem; bottom:0.3rem; } .mask-list1 .img-swiperr .swiper-pagination span{ width:0.2rem; height:0.2rem; margin-right:0.2rem; } .mask-list2{ padding:0.6rem 0 ; } .mask-list2 .enname{ font-size:0.3rem; line-height:0.4rem; } .mask-list2 .cnname{ font-size:0.36rem; margin-top:0.2rem; } .mask-list2 .mask-swipe2{ margin-top:0.4rem; } .about-list1 .right .img{ width:100%; } .mask-list2 .mask-swipe2 .swiper-slide .pro .text{ font-size:0.3rem; height:0.8rem; line-height:0.8rem; padding:0 0.2rem; } .mask-list2 .mask-swipe2 .swiper-slide{ padding-bottom:150%; } .mask-list2 .mask-swipe2 .swiper-slide .pro1{ width:100%; height:40%; } .mask-list2 .mask-swipe2 .swiper-slide .pro2{ width:49%; top:41%; height:27%; left:0 } .mask-list2 .mask-swipe2 .swiper-slide .pro3{ width:49%; top:41%; height:27%; left:auto; right:0 } .mask-list2 .mask-swipe2 .swiper-slide .pro4{ width:100%; top:auto; height:31%; left:auto; right:0; bottom:0 } .mask-list2 .bottom{ margin-top:0.5rem; } .mask-list2 .mask2-pagetion span{ width:0.2rem; height:0.2rem; margin-right:0.2rem; } .mask-list2 .mask2-pagetion span:last-child{ margin-right:0 } .mask-list2 .bottom .mask2-button-prev, .mask-list2 .bottom .mask2-button-next{ width:0.24rem; height:0.5rem; background-size: 0.24rem; } .mask-list2 .bottom .mask2-button-prev{ left:30%; } .mask-list2 .bottom .mask2-button-next{ right:30%; } .duty-list1{ padding:0.6rem 0; } .duty-list1 .form{ height:1rem; line-height:1rem; } .duty-list1 .form .text{ height:1rem; line-height:1rem; font-size:0.3rem; padding-left:0.3rem; width:calc(80% - 0.3rem) } .duty-list1 .form .submit{ width:0.4rem; height:0.4rem; background-size: 0.4rem; right:0.3rem } .duty-list1 .duty-ul1{ margin-top: 0.5rem; } .duty-list1 .duty-ul1 li{ width:100%; margin-right:0; margin-bottom:0.3rem; } .duty-list1 .duty-ul1 li .text{ font-size:0.3rem; line-height:0.4rem; padding:0.3rem 0.6rem 0.3rem 0.3rem; } .duty-list1 .duty-ul1 li .text p{ height:0.8rem; } .duty-list1 .duty-ul1 li .text .more{ right:0.3rem; } .duty-list2{ padding: 0.6rem 0 1rem; } .duty-list2 ul li .img{ width:100%; } .duty-list2 ul li .text{ width:100%; margin-right: 0; margin-top:0.3rem; } .duty-list2 ul li .text .tit1{ font-size:0.3rem; line-height:0.4rem; padding-top:0; } .duty-list2 ul li .text .con-p{ font-size:0.24rem; line-height:0.3rem; margin-top: 0.3rem; } .duty-list2 ul li .text .time{ font-size:0.24rem; margin-top:0.4rem; } .page{ margin-top:1rem; } .page a{ width:0.6rem; height:0.6rem; line-height:0.6rem; font-size:0.24rem; } .duty-deti{ padding:0.6rem 0; } .duty-deti .title{ font-size:0.36rem; line-height:0.4rem; } .duty-deti .time{ margin-top:0.3rem; } .duty-detmian{ padding:0.6rem 0 1rem; } .duty-detmian .con-p{ font-size:0.28rem; line-height:0.4rem; text-align: justify; padding:0 0.2rem; letter-spacing:1.5px } .duty-detmian .page-btn{ margin-top:0.6rem; padding-top:0.3rem; } .duty-detmian .page-btn .left{ width:70% } .duty-detmian .page-btn .left p{ font-size:0.24rem; } .duty-detmian .page-btn .left p span{ font-size:0.24rem; } .duty-detmian .page-btn .back{ height:0.7rem; line-height:0.7rem; border-radius:0.35rem; padding:0 0.3rem 0 0.5rem; background-size:0.12rem; background-position:0.3rem center; font-size:0.24rem; } .product-list{ padding: 0.6rem 0 1rem } .product-list .ul1 li .text{ font-size:0.3rem; line-height:0.4rem; } .product-list .ul1 li .name{ font-size:0.24rem; line-height:0.3rem; margin-top:0.1rem; } .product-list .ul1 li{ height:1.2rem; line-height:1.2rem; } .product-list .ul1 li .img{ right:0rem; top:38%; } .product-list .tops.curs .ul1{ width:93.75%; } .product-list .tops.curs .ul1 li{ height:1.2rem; line-height:1.2rem; } .product-list .tops.curs .ul1 li .text-div>div{ float:none } .product-list .tops.curs .ul1 li .name{ margin-left:0 } .product-list .tops.curs .ul1 li .img{ width:30%; } .product-list .product-swiper .swiper-slide .text-pro{ height:1rem; line-height:1rem; position:relative; left:auto; bottom:auto } .product-list .product-swiper .swiper-slide .p1{ font-size:0.36rem; } .product-list .product-swiper .swiper-slide .p2{ font-size:0.24rem; line-height:0.3rem; margin-top: 0.1rem; } .product-list .product-swiper .swiper-slide .text{ left:0.3rem; width:calc(100% - 0.6rem) } .product-list .product-swiper .swiper-slide .more-btn{ width:0.5rem; height:0.5rem; right:0.2rem; background-size:0.5rem; } .product-list .product-swiper .swiper-slide img{ width:100%; } .product-list .product-pagination{ height:0.8rem; line-height:0.8rem; } .product-list .product-pagination span{ width:0.2rem; height:0.2rem; margin:0 0.1rem; } .product-list .formpro{ margin-top: 0.3rem; } .product-list .formpro .form{ width:100%; height:1rem; line-height:1rem; } .product-list .formpro .form .text{ height:1rem; line-height:1rem; font-size:0.3rem; padding-left:0.3rem; width:clac(100% - 0.3rem) } .product-list .formpro .form .button{ width:0.4rem; height:0.4rem; right:0.3rem; background-size: 0.4rem; } .product-list .ajax-mian .ul2 li{ width:49%; margin-right:2%; margin-bottom:0.5rem; } .product-list .ajax-mian .ul2 li:nth-child(2n){ margin-right: 0 } .product-list .ajax-mian .ul2 li .text{ margin-top:0.2rem; font-size:0.3rem; line-height:0.4rem; padding-right:0.3rem; } .product-list .ajax-mian .ul2 li .text .more{ width:0.24rem; height:0.24rem; background-size:0.24rem; } .body-mian{ margin-top:1.2rem; padding:0.6rem 0 1rem; border-bottom:0; } .body-mian .p1{ font-size:0.24rem; line-height:0.3rem; } .body-mian .title{ font-size:0.6rem; margin-top:0.2rem; } .body-mian .pro-detial{ margin-top:0.5rem; padding-bottom:0.6rem; } .body-mian .pro-detial .left{ width:100%; } .body-mian .pro-detial .right{ width:100%; margin-top:0.3rem; } .body-mian .pro-detial .top{ padding:0.2rem 0.3rem; } .body-mian .pro-detial .t1{ font-size:0.24rem; line-height:0.3rem; } .body-mian .pro-detial .t2{ font-size:0.3rem; line-height:0.4rem; margin-top:0.2rem; } .body-mian .pro-detial .top .t1{ display:inline-block; width:1rem; } .body-mian .pro-detial .top .t2{ display:inline-block } .body-mian .pro-detial .div-i{ padding:0.2rem 0.3rem; } .body-mian .pro-detial .div-i .span1{ font-size:0.24rem; width:1rem; } .body-mian .pro-detial .div-i .span2{ font-size:0.24rem; width:calc(100% - 1rem) } .body-mian .pro-detial .div-i .y-ul li{ margin-right:0.2rem; } .body-mian .pro-detial .div-i .y-ul li .img{ width:1rem; margin:0 auto 0.2rem; } .body-mian .pro-detial .div-i .y-ul li .ys{ font-size:0.24rem; line-height:0.3rem; } .body-mian .tit-u{ font-size:0.3rem; line-height:.4rem; margin-top:0 } .body-mian .prodyu{ margin-top:0.4rem; } .body-mian .prodyu li .img{ width:100%; } .body-mian .prodyu li .text{ position:relative; top:auto; left:auto; width: calc(100% - 0.6rem); height:auto; padding:0.3rem; float:left; } .body-mian .prodyu li .text .con-p{ position:relative; top:auto; left:auto; width:100%; transform:translate(0) } .body-mian .prodyu li .text .con-p .e1{ font-size:0.48rem; } .body-mian .prodyu li .text .con-p .e2{ font-size:0.24rem; line-height:0.4rem; margin-top:0.3rem; } .body-mian .tit-q{ font-size:0.3rem; line-height:0.4rem; margin-top:0.3rem; padding-top:0.3rem; } .body-mian .tit-q .bigsm-pagination{ bottom:0; } .body-mian .tit-q .bigsm-pagination span{ width:0.2rem; height:0.2rem; margin-left:0.1rem; } .body-mian .bigimg-swiper{ margin-top: 0.4rem; } .customizes-list{ padding:0.6rem 0 1rem; } .customizes-list .title{ font-size:0.48rem; } .customizes-list .tit-con{ font-size:0.3rem; margin-top:0.3rem; line-height:0.4rem; } .customizes-list .con-p br{ display:none } .customizes-list .con-p{ font-size:0.3rem; margin-top:0.3rem; line-height:0.4rem; } .customizes-list .img{ margin-top:0.5rem; } .seemore-list1{ padding: 0.6rem 0; } .seemore-list1 .seemore-swiper .seemore-button-prev{ left:0 } .seemore-list1 .seemore-swiper .seemore-button-next{ right:0 } .seemore-list1 .seemore-swiper .seemore-button-prev, .seemore-list1 .seemore-swiper .seemore-button-next{ width:0.6rem; height:2rem; } .seemore-list1 .seemore-swiper .swiper-slide .text{ font-size:0.3rem; line-height:0.4rem; margin-top:0.2rem; padding-left:0.4rem; } .seemore-list1 .seemore-swiper .swiper-slide .text span{ width:0.24rem; height:0.24rem; background-size:0.24rem; } .seemore-list2{ padding:0.6rem 0 1rem; } .seemore-list2 ul li{ width:100%; margin-right:0; margin-bottom:0.4rem; } .seemore-list2 ul li .mask{ padding:0.3rem; } .seemore-list2 ul li .img{ width:100%; } .seemore-list2 ul li .text{ width:100%; margin-top: 0.3rem; } .seemore-list2 ul li .text .p1{ font-size:0.3rem; padding-top:0; line-height:0.4rem } .seemore-list2 ul li .text .con-p{ font-size:0.24rem; line-height:0.36rem; margin-top:0.3rem; } .seemore-list2 ul li .more{ bottom:0.3rem; right:0.3rem; width:0.4rem; height:0.4rem; background-size:0.4rem; } .seemore-list2 .page{ margin-top:0.4rem; } .service-list{ padding:0.6rem 0 1rem; } .service-list .title{ font-size:0.3rem; line-height:0.4rem; } .service-list .title1{ font-size:0.36rem; margin-top:0.2rem; } .service-list .con-p{ font-size:0.24rem; margin-top:0.3rem; line-height:0.3rem; } .service-list .form-div{ margin-top:0.5rem; padding:0.3rem; } .service-list .form-div li{ width:100%; margin-right:0; padding:0.2rem 0; } .service-list .form-div li span{ font-size:0.24rem; width:1.4rem; vertical-align: top; } .service-list .form-div li .text{ width:calc(100% - 2.4rem); padding-left:0.3rem; font-size:0.3rem; } .service-list .form-div li .time{ font-size:0.3rem; padding-left:0.3rem; width:calc(100% - 2rem); } .service-list .form-div li .time .text{ width:calc(100% - 1.6rem); padding-left:0; } .service-list .form-div li .do{ padding-left:0.3rem; width: calc(100% - 2rem) } .service-list .form-div li .hover-div{ top:1.2rem; width: calc(100% - 2rem - 0.3rem); height:3rem; padding:0.3rem 0 0.3rem 0.3rem; } .service-list .form-div li .hover-div a{ font-size:0.24rem; height:0.8rem; line-height:0.8rem; } .service-list .form-div li.li2 div{ font-size:0.24rem; } .service-list .form-div li.li2 textarea{ font-size:0.3rem; margin-top:0.2rem; line-height:0.4rem; } .service-list .form-div li.last input{ height:0.8rem; line-height:0.8rem; width:2rem; } .service-list .form-div li.last img{ left:4rem; } .service-list .po1{ font-size:.24rem; line-height:0.3rem; margin-top:0.3rem; } .service-list .reset-submit{ margin-top:0.2rem; } .service-list .reset-submit .submit, .service-list .reset-submit .reset{ font-size:0.3rem; height:0.8rem; line-height:0.8rem; width:2.4rem; } .service-list2{ padding:0.6rem 0; } .service-list2 .img{ width:100%; } .service-list2 .text{ width:100%; margin-top:0.3rem; } .service-list2 .text .en{ font-size:0.3rem; line-height:0.4rem; } .service-list2 .text .cn{ font-size:0.36rem; margin-top:0.2rem; } .service-list2 .text .con-p{ font-size:0.24rem; margin-top:0.3rem; line-height:0.4rem; text-align: justify } .service-list3 .ajax-mian ul li img{ width:12px; } .service-list3{ padding:0.6rem 0 1rem; } .service-list3 .enname{ font-size:0.3rem; line-height:0.4rem; } .service-list3 .cnname{ margin-top:0.2rem; font-size:0.36rem; } .service-list3 .btn-list3{ margin-top:0.5rem; width:100%; } .service-list3 .btn-list3 li .btn-div{ height:1rem; line-height:1rem; padding:0 0.2rem; font-size:0.3rem; } .service-list3 .btn-list3 li .btn-div .xia{ right:0.3rem; } .service-list3 .btn-list3 li .hover-div{ top:1rem; padding:0.2rem 0 0.2rem 0.3rem; width:calc(100% - 0.3rem - 2px); height:3rem; } .service-list3 .btn-list3 li .hover-div a{ font-size:0.24rem; height:0.8rem; line-height:0.8rem; } .service-list3 .ajax-mian{ margin-top:0.3rem; } .service-list3 .ajax-mian ul li{ height:1rem; line-height:1rem; padding: 0 0.4rem 0 0.3rem; margin-bottom:0.2rem; } .service-list3 .ajax-mian ul li a{ font-size:0.3rem; } .service-list3 .ajax-mian ul li img{ right:0.1rem; } .service-list3 .ajax-mian .page{ margin-top: 0.5rem; } .service-list4 img{ width:300%; margin-left:-100% } .service-list4 .text-pro .en{ font-size:0.3rem; line-height:0.4rem; } .service-list4 .text-pro .cn{ font-size:0.36rem; margin-top: 0.2rem; } .service-list4 .text-pro .more{ width:4rem; margin-top:0.3rem; } .service-list4 .text-pro .more img{ width:100%; margin-left:0 } .contact-list{ padding: 0.6rem 0 1rem; } .contact-list .enname{ font-size:0.3rem; line-height:0.4rem; } .contact-list .cnname{ font-size:0.36rem; margin-top: 0.2rem; } .contact-list .conul{ margin-top:0.3rem; padding:0.3rem 0 ; } .contact-list .conul li .img{ width:1rem; } .contact-list .conul li{ width:100%; margin-bottom:0.3rem; } .contact-list .conul li .p1{ font-size:0.32rem; line-height:0.4rem; margin-top:0.2rem; } .contact-list .conul li .con-p{ font-size:0.48rem; margin-top:0.3rem; line-height:0.6rem; } .contact-list .conul li .con-p span{ font-size:0.24rem; } .contact-list .conul li .con-p.en{ font-size:0.36rem; } .contact-list .con-pin{ padding:0.3rem 0; } .contact-list .con-pin .tit-a{ font-size:0.3rem; line-height:0.4rem; } .contact-list .con-pin .share-div{ margin-top:0.3rem; } .contact-list .con-pin .share-div a{ width:0.8rem; margin:0 .1rem; } .contact-list .map-contact{ margin-top: 0.3rem; height:6rem; } .news-swiper .text{ font-size:0.3rem; line-height:0.4rem; margin-top:0.2rem; } .news-swiper .p1{ font-size:0.24rem; margin-top:0.2rem; } .news-pagination{ margin-top:0.4rem; } .news-pagination span{ width:0.2rem; height:0.2rem; margin:0 0.1rem; } .duty-list2 .year-time li{ width:49%; margin-left:2%; } .duty-list2 .year-time li:nth-child(1){ margin-left:0 } .duty-list2 .year-time li .top{ height:1rem; line-height:1rem; padding:0 0.2rem; background-position:92% center } .duty-list2 .year-time li .hover-div{ top:1rem; padding:0.2rem 0 0.2rem 0.3rem; width:calc(100% - 0.3rem ); height:3rem; } .duty-list2 .year-time li .hover-div a{ font-size:0.24rem; height:0.8rem; line-height:0.8rem; } .investor-list{ padding:0.6rem 0 1rem; } .investor-list .enname{ font-size:0.3rem; line-height:0.4rem; } .investor-list .cnname{ font-size:0.36rem; margin-top:0.2rem; } .investor-list .top-div{ margin-top:0.3rem; } .investor-list .top-div .year-swiper .swiper-slide{ font-size:0.3rem; height:1rem; line-height:1rem; } .investor-list .top-div .year-swiper{ width:4rem; margin-left:1rem; } .investor-list .top-div .year-prev{ left:0.5rem; } .investor-list .top-div .year-next{ left:5.5rem } .investor-list .ajax-mian{ margin-top:0.2rem; } .investor-list .ajax-mian ul li{ height:1rem; line-height:1rem; padding:0 0.4rem 0 0.2rem; font-size:0.3rem; } .investor-list .ajax-mian ul li img.img1{ right:0.1rem; } .investor-list .ajax-mian ul li img.img2{ display:none } .join-list{ padding:0.6rem 0 1rem; } .join-list .enname{ font-size:0.3rem; line-height:0.4rem; } .join-list .cnname{ font-size:0.36rem; margin-top:0.2rem; } .join-list .join-div1{ margin-top:0.3rem; } .join-list .join-div1 .p1{ font-size:0.24rem; } .join-list .join-div1 .btn-serach{ position:relative; left:auto; top:auto; width:4rem; transform:translateY(0); margin-top:0.3rem; } .join-list .join-div1 .btn-serach .top{ height:1rem; line-height:1rem; font-size:0.3rem; padding:0 0.3rem; background-position: 3.4rem center } .join-list .join-div1 .btn-serach .hover-div{ top:1rem; height:3rem; padding:0.2rem 0 0.2rem 0.3rem; width:calc(100% - 0.3rem) } .join-list .join-div1 .btn-serach .hover-div a{ font-size:0.24rem; height:0.8rem; line-height:0.8rem; } .join-list .ajax-mian{ margin-top:0.3rem; padding-top:0.4rem; } .join-list .ajax-mian .ul1 li{ height:1rem; font-size:0.3rem; text-indent:1em; line-height:1rem; } .join-list .ajax-mian .ul1 li.li1, .join-list .ajax-mian .ul1 li.li3{ width:30%; } .join-list .ajax-mian .ul1 li.li2{ width:40%; } .join-list .ajax-mian .ul2 .li-top .divw{ height:1rem; font-size:0.24rem; text-indent:1em; line-height:1rem; } .join-list .ajax-mian .ul2 .li-top .div1, .join-list .ajax-mian .ul2 .li-top .div3{ width:30%; overflow: hidden; } .join-list .ajax-mian .ul2 .li-top .div2{ width:40%; } .join-list .ajax-mian .ul2 li{ margin-bottom:0.2rem; } .join-list .ajax-mian .ul2 .con-li{ padding:0.3rem; } .join-list .ajax-mian .ul2 .con-li .con{ font-size:12px; line-height:20px; padding-bottom:0.4rem; } .join-list .ajax-mian .ul2 .con-li .more{ font-size:12px; width:2.4rem; height:0.8rem; line-height:0.8rem; margin-top: 0.3rem; } .video-model .video-mina{ width:90%; } .index-swiper .in-footer .share-div a .img{ width:2rem; } .index-swiper .in-footer .share-div a.cur .img{ opacity:1; visibility:visible } footer .f-right .share-div a.cur{ opacity:1 } footer .f-right .share-div a .img{ padding:0.1rem; } footer .f-right .share-div a.cur .img{ opacity:1; visibility:visible } header .nav-right .item1 i{ width:16px; height:16px; background-size:16px; margin-right:0.1rem; } header .nav-right .item2{ background-size:20px; } .index-swiper .in-footer .share-div a:last-child{ margin-right: 0 } .index-swiper .in-footer .form .submit{ width:0.4rem; height:0.4rem; background-size:0.4rem; right:0.2rem; } .index-swiper .in-footer .form .text{ padding-left:0.2rem; } .index-swiper .ajax-list3 .pho-list3-pagrtion{ margin-top:0.5rem; } .join-list .ajax-mian .ul2 .con-li .po{ margin-top:0.3rem; font-size:0.24rem; line-height:0.4rem; } .body-mian .title .back{ height: 0.7rem; line-height: 0.7rem; border-radius: 0.35rem; padding: 0 0.3rem 0 0.5rem; background-size: 0.12rem; background-position: 0.3rem center; font-size: 0.24rem; } .contact-list .con-pin .share-div a .name{ font-size:0.24rem; width:auto; left:50%; transform:translateX(-50%) } .contact-list .con-pin .share-div a.cur .name{ opacity:1; visibility:visible } .contact-list .con-pin .share-div a.cur .img{ opacity:1; visibility:visible } .contact-list .con-pin .share-div a .img{ width:2rem; top:0.9rem; } .banner-swiper .pho-banner{ display:block; background-size:140%; width:100%; height:auto; } .banner-swiper .pc-banner{ display:none } }