:root{ --main: #182c75; } /* 分页 */ #turn_page{padding-top: 80px;border-top: 1px solid #dedede;margin-top: 90px;} #turn_page.search{border-top: 0;padding-top: 0;} #turn_page .paging[type="default"] .paging_btn{margin:0 5px;border:none; min-width:50px; height:50px;font-size:16px;color:#000;background: #fff;} /*#turn_page .paging > font{display: none;}*/ #turn_page .paging .paging_btn:nth-child(1), #turn_page .paging .paging_btn:last-child{padding:0 16px;} #turn_page .paging[type="default"] .paging_number .paging_btn{padding:0;border: 0;} #turn_page .paging[type="default"] .paging_btn:hover, #turn_page .paging[type="default"] .paging_btn.cur{background:var(--main);color:#fff;border-color: var(--main);} #turn_page .paging[type="default"] .paging_btn:hover .i1{display:none;} #turn_page .paging[type="default"] .paging_btn:hover .i2{display:block;} @media screen and (max-width:750px) { #turn_page .paging[type="default"] .paging_btn{font-size:26px;} #turn_page .paging .paging_btn:nth-child(1) img, #turn_page .paging .paging_btn:last-child img{width:12px;} } /*全站搜索*/ #search{width:100%; padding-bottom:40px;padding-top: 40px;} #search .form{margin-bottom:45px;margin-top: 30px;} #search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;} #search .form .submit{height: 49px;width: 59px;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: url(/images/search.png) no-repeat center center;color: #fff;font-size: 16px;cursor: pointer;background-size: 22px;border: 1px solid #ddd;} #search .list{width:100%; margin-bottom:50px;} #search .list .info .cate{padding-left:15px;} #search .list .new .cate{} #search .list .know .cate{} #search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;} #search .list .info li:first-child{border-top:1px solid #dddddd;} #search .list .info .title{margin-right:16px; line-height:22px; color: var(--main); font-size:16px; font-weight:700;} #search .list .info .day, #search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} #search .list .info .day{margin:0;} #search .list .info .desc{/*height:60px;*/ overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;} #search .txt{font-size: 16px;margin: 45px 0;} @media (max-width: 750px){ #search .form .text{width: 400px;height: 60px;line-height: 60px;font-size: 30px;} #search .form .submit{width: 60px;height: 60px;font-size: 26px;background-size: 26px;} #search .list .info li{padding: 35px 0;} #search .list .info .title{font-size: 36px;line-height: 1.6;} #search .list .info .day, #search .list .info .cate{font-size: 28px;line-height: 1.6;} #search .list .info .desc{font-size: 30px;line-height: 1.6;/*height: 144px;*/} #search .txt{font-size: 30px;} } /*头部*/ .header_blank{height: 100px;} #header{width: 100%;height: 100px;line-height: 98px;border-bottom: 1px solid #efefef;left: 0;top: 0;z-index: 20;background: #fff;} #header.none{transform: translateY(-100%);} #header .nav_box{margin-right: auto;} #header .nav_box .nav{font-size: 16px;color: #333;margin-right: 35px;border-bottom: 2px solid transparent;} #header .nav_box .nav.cur{color: var(--main);font-weight: 500;border-bottom-color: var(--main)} #header .nav_box .nav:hover{color: var(--main);} #header .logo{width: 125px;height: 50px;margin: 0 80px 0 0;} #header .search_box{width: 170px;height: 40px;line-height: 38px;border: 1px solid #dedede;border-radius: 20px;padding: 0 20px;margin-right: 25px;} #header .search_box .input{width: calc(100% - 26px);font-size: 16px;color: #333;} #header .search_box .input::-webkit-input-placeholder{color: #333;} #header .search_box .input:-moz-placeholder {color: #333;} #header .search_box .input::-moz-placeholder{color: #333;} #header .search_box .input:-ms-input-placeholder {color: #333;} #header .search_box .submit{width: 22px;height: 40px;background: url(/images/search.png) no-repeat center;font-size: 0;} #header .lang_box{font-size: 16px;} #header .lang_box .lang{color: #999} #header .lang_box .lang.cur{color: #333;font-weight: 500;} #header .lang_box span{color: #dedede;margin: 0 10px;} @media screen and (max-width:1280px) { #header .nav_box .nav{margin-right: 20px;} } /* 头部移动端 */ #m-header, #m-nav, #search-box{display: none;} .m-header-blank{display: none;} @media screen and (max-width:1100px) { .header_blank{display: none;} #header{display: none;} #m-header{display: block;width: 100%;height: 120px;display: flex;flex-direction: column;justify-content: center;background: #fff;position: fixed;left: 0;top: 0;right: 0;z-index: 51;box-shadow: 0 3px 10px 0 rgba(0,0,0,.1);} .m-header-blank{display: block;height: 120px;} #m-header .logo{margin-right: auto;} #m-header .search{width: 40px;height: 40px;background: url(/images/search-icon2.png) no-repeat center;} #m-header .search.cur{background-image: url(/images/h-close-icon.png);} #m-header .menu{width: 40px;height: 40px;background: url(/images/m-menu-icon.png) no-repeat center;margin-left: 60px;} #m-header .menu.cur{background-image: url(/images/h-close-icon.png);} #m-nav{display: block;width: 100%;height: 0;z-index: 49;left: 0;right: 0;top: 120px;width: 100%;background: #fff;overflow-y: auto;} #m-nav.cur{height: calc(100vh - 120px);} #m-nav .nav .one-nav{line-height: 60px;color: #333;} #m-nav .nav .one-nav .one{margin: 0 30px;border-bottom: 1px solid #ebebeb;background: url(/images/nav-icon1.png) no-repeat right;} #m-nav .nav .one-nav.nobg .one{background: none;} #m-nav .nav .one-nav.cur .one{background: url(/images/nav-icon2.png) no-repeat right;} #m-nav .nav .one-nav.cur.nobg .one{background: none;} #m-nav .nav .one-nav .one-a{font-size: 18px;font-weight: 700;} #m-nav .nav .one-nav .two-nav{width: 100%;background: #f7f7f7;padding: 0 30px;} #m-nav .nav .one-nav .two-nav>div{border-bottom: 1px solid #dcdcdc;} #m-nav .nav .one-nav .two-nav .two-a{font-size: 16px;} #m-nav .bot-box{margin-top: 60px;} #m-nav .bot-box .item{} #m-nav .bot-box .item .icon{width: 100px;height: 100px;line-height: 98px;border: 1px solid #333;font-size: 18px;color: #333;border-radius: 100%;margin: 0 auto;} #m-nav .bot-box .item .tit{font-size: 18px;color: #333;margin-top: 10px;} #search-box{display: block;width: 100%;height: 240px;z-index: 50;left: 0;right: 0;top: 120px;width: 100%;background: #fff;display: none;flex-direction: column;justify-content: center;} #search-box .form-box{width: 92%;margin: 70px auto 0;height: 90px;border: 1px solid #d1d1d1;border-radius: 45px;} #search-box .form-box .input{width: calc(100% - 100px);padding-left: 45px;} #search-box .form-box .input input{width: 100%;height: 100%;font-size: 22px;color: #fff;} #search-box .form-box .submit{width: 90px;height: 90px;background: url(/images/search-icon2.png) no-repeat center;} } @media (max-width: 750px){ #m-nav .nav .one-nav{line-height: 100px;} #m-nav .nav .one-nav .one-a{font-size: 32px;} #m-nav .nav .one-nav .two-nav .two-a{font-size: 28px;} #m-nav .bot-box .item .icon, #m-nav .bot-box .item .tit{font-size: 28px;} #search-box .form-box .input input{font-size: 28px} #search-box .form-box .input input{font-size: 28px} } #banner{width: 100%;} #banner.inner_banner .text_box{display: flex;flex-direction: column;justify-content: center;height: 100%;} #banner.inner_banner .text_box .tit{font-size: 36px;color: #fff;} #banner.inner_banner .text_box .tit.contact{color: #333;} @media (max-width: 750px){ #banner.inner_banner .text_box .tit{font-size: 56px;} } /*二级导航*/ #second_nav{padding-top: 100px;} #second_nav.bgf9{background: #f9f9f9;} #second_nav.bgfa{background: #fafafa;} #second_nav .box::after{content: '';position: absolute;height: 1px;background: #f1f1f1;left: 180px;right: 0;bottom: 2px;} #second_nav .title_en{font-size: 30px;color: #333;font-weight: 500;} #second_nav .title_cn{font-size: 16px;color: #333;margin-top: 2px;} #second_nav .nav .slide{width: auto;} #second_nav .nav .nav-a{font-size: 16px;color: #333;margin-left: 55px;padding-bottom: 20px;margin-bottom: 2px;} #second_nav .nav .nav-a:hover{color: var(--main);} #second_nav .nav .nav-a.cur{border-bottom: 2px solid var(--main);color: var(--main);} @media (max-width: 750px){ #second_nav{padding-top: 60px;} #second_nav .box{flex-wrap: wrap;} /*#second_nav .title_en{font-size: 42px;}*/ #second_nav .title_cn{font-size: 42px;} #second_nav .nav{width: 100%;margin-top: 40px;} #second_nav .nav .nav-a{font-size: 30px;margin-left: 0;margin-right: 30px;} } /*面包屑*/ #crumbs{width: 100%;padding: 20px 0;border-bottom: 1px solid #f1f1f1;} #crumbs.products{background: #fafafa;} #crumbs .crumb{max-width: 90%;} #crumbs a{font-size: 16px;color: #333;} #crumbs span{font-size: 16px;color: #333;margin: 0 2px;} #crumbs a[href]:hover{color: var(--main);} #crumbs .return{padding-left: 22px;background: url(/images/return-icon.png) no-repeat left;} #crumbs .return:hover{color: var(--main);background-image: url(/images/return-icon-h.png);} @media (max-width: 750px){ #crumbs .crumb{max-width: 80%;} #crumbs a{font-size: 30px;line-height: 1.6;} #crumbs span{font-size: 30px;} } /*首页*/ #index_products{width: 100%;padding: 95px 0 100px;overflow: hidden;} #index_products .bind{margin-top: 65px;} #index_products .content{} #index_products .content .left{width: 50%;} #index_products .content .left .text_cont{width: 61.428%;margin-left: 0;} #index_products .content .left .text_cont .li{} #index_products .content .left .text_cont .li .tit{font-size: 48px;color: var(--main);font-weight: 700;} #index_products .content .left .text_cont .li .brief{font-size: 16px;color: #333;line-height: 1.875;height: 90px;margin-top: 26px;} #index_products .content .left .text_cont .li .more{margin-top: 100px;width:150px;height:50px;line-height: 50px;text-align: center;font-size: 14px;background: var(--main);color: #fff;border-radius: 25px;} #index_products .content .left .text_cont .li .more .icon{width: 22px;height: 22px;background: url(/images/detail-icon.png) no-repeat center #fff;border-radius: 100%;margin: 13px 0 0 18px;} #index_products .content .left .text_cont .li .more:hover{opacity: .8;} #index_products .content .left .pic_cont{width: 74.285%;right: -36%;top: -30%;z-index: 2;} #index_products .content .left .pic_cont .pic{width: 100%;padding-top: 92.308%;} #index_products .content .swiper_page{width: 95px;right: 0;top: 50%;transform: translateY(-50%);} #index_products .content .swiper_page .swiper-pagination-bullet{display: flex;justify-content: space-between;align-items: center;width: 100%;height: auto;border-radius: 0;background: transparent;margin-bottom: 16px;} #index_products .content .swiper_page .swiper-pagination-bullet .num{font-size: 16px;color: #333;} #index_products .content .swiper_page .swiper-pagination-bullet .line{width: 42px;height: 2px;background: var(--main);opacity: 0;} #index_products .content .swiper_page .swiper-pagination-bullet.swiper-pagination-bullet-active .num{color: var(--main);font-weight: 500;} #index_products .content .swiper_page .swiper-pagination-bullet.swiper-pagination-bullet-active .line{opacity: 1;} #index_products .content .right{width: 50%;} #index_products .content .right .img{width: 50vw;max-width: 960px;max-height: 631px;overflow: hidden;border-radius: 80px 0 0 0;} @media (max-width: 1280px){ #index_products .content .left .text_cont{width: 70%;} #index_products .content .left .pic_cont{right: -50%;} } @media (max-width: 1280px){ #index_products .content .left .text_cont{width: 92%;} #index_products .content .left .pic_cont{right: -75%;} } @media (max-width: 750px){ #index_products{padding: 80px 0;} #index_products .content{flex-wrap: wrap;} #index_products .content .left{width: 100%;} #index_products .content .left .text_cont .li .brief{font-size: 30px;height: 169px;} #index_products .content .left .text_cont .li .more{width: 200px;height:60px;line-height: 60px;border-radius: 30px;font-size: 26px;margin-top: 30px;} #index_products .content .left .text_cont .li .more .icon{margin-top: 20px;} #index_products .content .left .pic_cont{position: static;width: 100%;margin-top: 30px;} #index_products .content .right{width: 100%;margin-top: -631px;} #index_products .content .right .img{width: 100vw;} #index_products .content .swiper_page{width: 100%;position: static;margin-top: 30px;transform: translateY(0);display: flex;justify-content: center;} #index_products .content .swiper_page .swiper-pagination-bullet{justify-content: center;width: auto;margin-left: 25px;margin-right: 25px;} #index_products .content .swiper_page .swiper-pagination-bullet .num{font-size: 26px;} #index_products .content .swiper_page .swiper-pagination-bullet .line{display: none;} } #index_application{overflow: hidden;} #index_application .content{} #index_application .content .li{width: 25%;color: #fff;padding: 400px 20px 380px 7.8125%;height: auto;} #index_application .content .li::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.5);z-index: 1;} /*#index_application .content .li::before{content: '';position: absolute;width: 80px;height: 100%;background: url(/images/ind-app-bg.png) no-repeat center / cover;left: -80px;top: 0;}*/ #index_application .content .li::after{content: '';position: absolute;width: 80px;height: 100%;background: url(/images/ind-app-bg.png) no-repeat center / cover;right: 0;top: 0;display: none;z-index: 2;} #index_application .content .li .cont{position: relative;z-index: 2;} #index_application .content .li .icon{width: 40px;height: 40px;} #index_application .content .li .title{font-size: 24px;margin: 12px 0 42px;} #index_application .content .li .more{width: 30px;height: 30px;border-radius: 100%;border: 1px solid #fff;background: url(/images/detail-icon3.png) no-repeat center;} #index_application .content .li .mask{background: url(/images/ind-app-mask.png) no-repeat center / cover;z-index: 1;} #index_application .content .li:hover .mask{background: none;} #index_application .content .li:hover::after{display: block;} @media (max-width: 1440px){ #index_application .content .li{padding-left: 4%;} } @media (max-width: 750px){ #index_application .content .li .mask{display: none;} #index_application .content .li .title{font-size: 30px;} } #index_news{padding: 95px 0 130px;background: #fafafa;} #index_news .bind{margin-top: 70px;} #index_news .content{} #index_news .content .left{width: 50%;} #index_news .content .left .pic{width: 100%;padding-top: 65.714%;} #index_news .content .left .text_box{padding: 22px 35px;background: rgba(0,0,0,.4);left: 0;right: 0;bottom: 0;z-index: 2;color: #fff;pointer-events: none;} #index_news .content .left .text_box .time{margin-right: 70px;} #index_news .content .left .text_box .time .d{font-size: 38px;font-family: 'din';} #index_news .content .left .text_box .time .ym{font-size: 12px;font-family: 'din';} #index_news .content .left .text_box .tit{max-width: calc(100% - 120px);font-size: 18px;padding-right: 50px;background: url(/images/detail-icon2.png) no-repeat right;} #index_news .content .right{width: 50%;padding-left: 42px;} #index_news .content .right .li{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #efefef;} #index_news .content .right .li .time{margin-right: 18px;color: #ccc;} #index_news .content .right .li .time .d{padding-top: 8px;font-size: 38px;font-family: 'DDB';} #index_news .content .right .li .time .ym{font-size: 12px;font-weight: 500;} #index_news .content .right .li .text{width: calc(100% - 72px);} #index_news .content .right .li .text .tit{font-size: 18px;color: #111;} #index_news .content .right .li .text .brief{font-size: 15px;color: #666;line-height: 1.667;max-height: 50px;margin-top: 10px;} #index_news .content .right .li:last-child{border-bottom: 0;margin-bottom: 0;padding-bottom: 0;} #index_news .content .right .li:first-child .time{border-top: 1px solid #efefef;} #index_news .content .right .li:last-child .time{border-bottom: 1px solid #efefef;} #index_news .content .right .li:hover .text .tit{color: var(--main);} #index_news .more{margin:80px auto 0;width:150px;height:50px;line-height: 50px;text-align: center;font-size: 14px;background: var(--main);color: #fff;border-radius: 25px;} #index_news .more .icon{width: 22px;height: 22px;background: url(/images/detail-icon.png) no-repeat center #fff;border-radius: 100%;margin: 13px 0 0 18px;} #index_news .more:hover{opacity: .8;} @media (max-width: 1024px){ #index_news .content .left .text_box{padding: 10px;} #index_news .content .left .text_box .time{margin-right: 20px;} #index_news .content .left .text_box .tit{max-width: calc(100% - 70px);} #index_news .content .right{padding-left: 15px;} } @media (max-width: 750px){ #index_news{padding: 80px 0;} #index_news .content{flex-wrap: wrap;} #index_news .content .left{width: 100%;} #index_news .content .left .text_box .time .ym{font-size: 26px;} #index_news .content .left .text_box .tit{font-size: 30px;} #index_news .content .right{width: 100%;margin-top: 30px;padding-left: 0;} #index_news .content .right .li .time .ym{font-size: 26px;} #index_news .content .right .li .text .tit{font-size: 30px;} #index_news .content .right .li .text .brief{font-size: 26px;max-height: 100px;} #index_news .more{width: 200px;height:60px;line-height: 60px;font-size: 26px;border-radius: 30px;} #index_news .more .icon{margin-top: 20px;} } .index_nav{} .index_nav .title_en{font-size: 30px;color: #333;font-weight: 500;} .index_nav .title_cn{font-size: 16px;color: #333;margin-top: 2px;} .index_nav .cate_box .item{width: auto;font-size: 16px;color: #333;padding-bottom: 20px;margin-bottom: 2px;margin-left: 50px;} .index_nav .cate_box .item.cur{color: var(--main);border-bottom: 2px solid var(--main);} .index_nav .cate_box .item:hover{color: var(--main);} .index_nav .cate_box .item.cur{border-bottom: 2px solid var(--main);color: var(--main);} @media (max-width: 750px){ .index_nav{flex-wrap: wrap;} .index_nav{width: 100%;} .index_nav .title_cn{font-size: 42px;} .index_nav .cate_box{width: 100%;margin-top: 30px;} .index_nav .cate_box .item{margin-left: 0;margin-right: 30px;font-size: 30px;} } /*关于我们*/ #about{padding: 100px 0;} #about .box{} #about .box .pic{width: 50%;} #about .box .text_box{width: 50%;padding-left: 60px;} #about .box .text_box .title{font-size: 40px;color: var(--main);line-height: 1.2;font-weight: 500;} #about .box .text_box .brief{font-size: 16px;color: #666;line-height: 1.5;margin: 36px 0;} #about .box .text_box .data_box{} #about .box .text_box .data_box .li{width: 50%;} #about .box .text_box .data_box .li:nth-child(1), #about .box .text_box .data_box .li:nth-child(2){border-bottom: 1px solid #b9bfd5;padding-bottom: 30px;margin-bottom: 20px;} #about .box .text_box .data_box .li:nth-child(2), #about .box .text_box .data_box .li:nth-child(4){padding-left: 15%;} #about .box .text_box .data_box .li .num{font-size: 60px;color: var(--main);font-family: "DDB";} #about .box .text_box .data_box .li .tit{font-size: 16px;color: #333;} @media (max-width: 1280px){ #about .box .text_box{padding-left: 30px;} } @media (max-width: 1024px){ #about .box{flex-wrap: wrap;} #about .box .pic{width: 80%;margin: 0 auto;} #about .box .text_box{width: 100%;margin-top: 30px;padding-left: 0;} } @media (max-width: 750px){ #about{padding: 80px 0;} #about .box .pic{width: 100%;} #about .box .text_box .title{font-size: 42px;} #about .box .text_box .brief{font-size: 30px;} #about .box .text_box .data_box .li .tit{font-size: 26px;} } /*企业文化*/ #culture{padding: 90px 0 160px;background: url(/images/culture-bg.jpg) no-repeat center / cover;} #culture .title_en{font-size: 30px;color: #fff;font-weight: 700;} #culture .title_cn{font-size: 16px;color: #fff;margin-top: 5px;} #culture .content{width: 66%;margin: 70px auto 0;overflow: hidden;} #culture .content .container{width: 33.333%;overflow: visible;margin: 0 auto;} #culture .content .li{padding: 0 30px;} #culture .content .li .icon{width: 55px;height: 55px;margin: 0 auto;opacity: 0;} #culture .content .li .tit1{font-size: 24px;color: #fff;margin: 8px 0 2px;opacity: .3;cursor: pointer;} #culture .content .li .tit2{font-size: 14px;color: #fff;font-weight: 200;opacity: 0;} #culture .content .li .brief{font-size: 18px;color: #fff;line-height: 1.667;margin-top: 60px;opacity: 0;} #culture .content .li.swiper-slide-active{padding-top: 20px;} #culture .content .li.swiper-slide-active .icon, #culture .content .li.swiper-slide-active .tit1, #culture .content .li.swiper-slide-active .tit2, #culture .content .li.swiper-slide-active .brief{opacity: 1;} #culture .content .btn{width: 50px;height: 50px;border-radius: 100%;border: 1px solid #fff;top: 50px;z-index: 2;} #culture .content .prev{background: url(/images/btn-l.png) no-repeat center;left: -25px;} #culture .content .next{background: url(/images/btn-r.png) no-repeat center;right: -25px;} #culture .content .btn:hover{background-color: var(--main);border-color: var(--main);} @media (max-width: 1440px){ #culture .content{width: 80%;} } @media (max-width: 1280px){ #culture .content{width: 100%;} } @media (max-width: 750px){ #culture .title_cn{font-size: 42px;} #culture .content .container{width: 100%;} #culture .content .li{padding: 0 10%;} #culture .content .li .tit1{font-size: 36px;} #culture .content .li .tit2{font-size: 26px;} #culture .content .li .brief{font-size: 30px;} #culture .content .prev{left: 4%;} #culture .content .next{right: 4%;} } /* 荣誉资质 */ #honor {padding: 90px 0px;position: relative;overflow: hidden;} #honor .title_en{font-size: 30px;color: #333;font-weight: 700;} #honor .title_cn{font-size: 16px;color: #333;margin-top: 5px;} #honor .container {z-index: -1;padding: 0px 50px;overflow: visible;margin-top: 48px;} #honor .container .slide{width: 35.7%;background-color: #ffffff;border: 1px solid #dcdcdc;} #honor .container .slide.swiper-slide-active {box-shadow: 0px 9px 26px 0px rgba(0, 0, 0, 0.1);} #honor .container .slide .img{background-color: #ffffff;width: 80%;padding-top: 103.2248%;margin: 0 auto;} #honor .container .slide .img .images {min-width: 85.6%;} #honor .container .slide .text {margin-bottom: 35px;font-size: 18px;text-align: center;color: #333333;margin-top: 5px;} #honor .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {display: none;} #honor .svg {position: absolute;left: 50%; top: 50%;transform: translate(-50%,-50%);} #honor .svg .icon {width: 60px;height: 60px;border: 1px solid #dfdfdf;border-radius: 50%;cursor:pointer;} #honor .svg .icon img:nth-of-type(2) {display: none;} #honor .svg .icon:hover {background-color: var(--main);} #honor .svg .icon:hover img:nth-of-type(2) {display: block;} #honor .svg .icon:hover img:nth-of-type(1) {display: none;} @media screen and (max-width:1024px) { #honor .svg .icon {background-color: #ffffff;} } @media screen and (max-width:750px) { #honor .title_cn{font-size: 42px;} #honor .container {padding: 0;overflow: hidden;padding-bottom: 100px;} #honor .container .slide {padding: 0 35px ;width: 500px;} #honor .container .slide .text {font-size: 26px;} #honor .svg {position: relative;transform: translate(0);top: 0;left: 0;justify-content: center;} #honor .svg .icon {width: 80px;height: 80px;} #honor .svg .icon.right {margin-left: 30px;} } /*销售网络*/ @keyframes map-sign { 0% {transform: scale(1);opacity: .3;} 66% {transform: scale(5);opacity: 0;} 100% {transform: scale(5);opacity: 0;} } #network{padding: 85px 0 100px;background: url(/images/map-bg.jpg) no-repeat center / cover;} #network .box{} #network .text{width: 35.9375%;padding-left: 100px;} #network .text .title{font-size: 40px;color: var(--main);line-height: 1.2;font-weight: 500;} #network .text .data_box{margin-top: 80px;} #network .text .data_box .li{width: 50%;border-bottom: 1px solid #b2b8d0;padding-bottom: 25px;margin-bottom: 20px;} #network .text .data_box .li:last-child{border-bottom: 0;} #network .text .data_box .li .top{line-height: 1;} #network .text .data_box .li .num{font-size: 60px;color: var(--main);font-family: 'DDB';} #network .text .data_box .li .unit{font-size: 16px;color: #333;transform: translateY(-8px);margin-left: 8px;} #network .text .data_box .li .tit{font-size: 24px;color: #333;line-height: 1.2;} #network .map_box{width: 57.1875%;} #network .map_box .icon{width: 12px;height: 12px;border-radius: 50%;position: absolute;background: var(--main);left: 71.5%;top: 68.3%;z-index: 1;} #network .map_box .icon div{width: 100%;height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;background-color: var(--main);z-index: -1;animation: map-sign 3s infinite ease-out;} #network .map_box .icon div:nth-child(1){animation-delay: 0.8s;} #network .map_box .icon div:nth-child(2){animation-delay: 1.6s;} #network .map_box .icon div:nth-child(3){animation-delay: 2.4s;} @media screen and (max-width:1680px) { #network .text{padding-left: 65px;} } @media screen and (max-width:1440px) { #network .text{padding-left: 0;} } @media screen and (max-width:1280px) { #network .text{width: 42%;} } @media screen and (max-width:1024px) { #network .box{flex-wrap: wrap;} #network .text{width: 100%;} #network .map_box{width: 100%;/*margin-top: 30px;*/} } @media screen and (max-width:750px) { #network .text .data_box .li .unit{font-size: 26px;} #network .text .data_box .li .tit{font-size: 30px;} } /* 发展历程 */ @font-face { font-family: 'DDB'; src: url('/file/_obj_/LY00009//font/D-DIN-Bold.ttf'); } #history{padding: 95px 0;} #history .title1{font-size: 30px;color: #333;font-family: 'DDB'; margin-bottom: 0px;} #history .title2{font-size: 16px;color: #333;margin-bottom: 47px;} #history .top{width: 100%;} #history .top .li{display: flex;align-items: center;} #history .top .li .pic{width: 50%;padding-top: 32.286%;} #history .top .li .text{width: 50%;padding-left: 60px;} #history .top .li .text .y {font-size: 248px;color: #f7f7f7;z-index: 1;transform: translate(0, -50%);font-family: 'DDB';} #history .top .li .text .desc {z-index: 2;max-height: 100%;overflow: auto;top: 50%;transform: translate(0, -50%);} #history .top .li .text .desc li{margin-bottom: 30px;line-height: 1.6;font-size: 18px;color: #333;padding-left: 20px;position: relative;} #history .top .li .text .desc li::before{content: '';width: 6px;height: 6px;background: var(--main);border-radius: 100%;left: 0;top: 12px;position: absolute;} #history .bot{margin-top: 43px;} #history .bot .line{z-index: -1;} #history .bot .container{width: 85%;padding-top: 30px;height:100px;} #history .bot .line{width: 100%;height: 1px;background: #e1e1e1;left: 0;right: 0;top: 35px;} #history .bot .li .dian{width: 12px;height: 12px;background: #aeaeae;border-radius: 100%;} #history .bot .li .year{font-size: 24px;color: #999;font-weight: 700;font-family: 'DDB';} #history .bot .li.swiper-slide-thumb-active .dian{width: 22px;height: 22px;background: #fff;transform: translateY(-7px);border: 6px solid var(--main);} #history .bot .li.swiper-slide-thumb-active .year{font-size: 30px;color: var(--main);font-weight: 700;} #history .bot .prev, #history .bot .next{width: 70px;height: 70px;border: 1px solid #3a3a3a;border-radius: 100%;top: 0;} #history .bot .prev.swiper-button-disabled, #history .bot .next.swiper-button-disabled{opacity: 0;} #history .bot .prev:hover, #history .bot .next:hover{border-color: transparent;background: var(--main);} #history .bot .prev .svg, #history .bot .next .svg{fill: #3a3a3a;} #history .bot .prev:hover .svg, #history .bot .next:hover .svg{fill: #fff;} #history .bot .prev{left: 0;} #history .bot .next{right: 0;} @media (max-width: 1200px){ #history .top .li .text .desc li{margin-bottom: 15px;} } @media (max-width: 1100px){ #history .top .li{display: block;} #history .top .li .pic{margin: auto;} #history .top .li .text{position: relative;width: 50%;padding-left: 0;margin: 30px auto 0;} #history .top .li .text .y{position: static;font-size: 300px;left: 0;top: 0;transform: translate(0,0);z-index: -1;} #history .top .li .text .desc {position: absolute;top:50%;transform: translateY(-50%);} } @media (max-width: 980px){ #history .bot .container{width: 78%;} } @media (max-width: 750px){ #history{padding: 80px 0;} #history .title2{font-size: 42px;} #history .top .li .pic{width: 100%;padding-top: 64.286%;} #history .top .li .text{width: 100%;} #history .top .li .text .y{left: auto;right: 0;} #history .top .li .text .desc li{font-size: 30px;} #history .top .li .text .desc li::before{width: 10px;height: 10px;top: 20px;} #history .bot .container{width: 75%;padding-top: 10px;} #history .bot .line{top: 15px;} #history .bot .li .year{font-size: 36px;} #history .bot .li.swiper-slide-thumb-active .year{font-size: 42px;} #history .bot .prev, #history .bot .next{width: 90px;height: 90px;border: 1px solid #3a3a3a;border-radius: 100%;top: 0;transform: translateY(-30%);z-index: 10;} #history .bot .prev .svg, #history .bot .next .svg{width: 30px;height: 30px;} } /*生产基地*/ #base{width: 100%;padding: 95px 0;background: #f9f9f9;overflow: hidden;} #base .title_en{font-size: 30px;color: #333;font-weight: 700;} #base .title_cn{font-size: 16px;color: #333;margin-top: 5px;} #base .content{width: 55.714%;margin: 45px auto 0;} #base .content .container{overflow: visible;} #base .content .li{width: 100%;} #base .content .li .pic{padding-top: 60.256%;cursor: pointer;} #base .content .li .tit{font-size: 16px;color: #333;margin-top: 18px;opacity: 0;} #base .content .li.swiper-slide-active .tit{opacity: 1;} @media (max-width: 750px){ #base{padding: 80px 0;} #base .title_cn{font-size: 42px;} #base .content{width: 80%;} #base .content .li .tit{font-size: 30px;} } /* 产品列表 */ #products {padding: 45px 0 85px;border-bottom: 1px solid #dedede;} #products .content {display: flex;flex-wrap: wrap;} #products .content .box {width: 31.7%;overflow: visible;margin-right: 2.14%;margin-bottom: 60px;cursor:pointer} #products .content .box:first-child {width: 66%;} #products .content .box:nth-of-type(5), #products .content .box:nth-of-type(8), #products .content .box:nth-of-type(2){margin-right: 0;} #products .content .box .case {background: #f3f4f8;margin-bottom: 30px;min-height: 460px;display: flex;align-items: center;justify-content: center;overflow: hidden;} #products .content .box .text {font-size: 16px;color: #999999;} #products .content .box .text .name {font-size: 30px;font-weight: 700;margin-bottom: 9px;color: #333;} #products .content .box .text .btn {margin-top: 12px;color: #616161;} #products .content .box:hover .case {background: #fff;box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);} #products .content .box:hover .text {color: #1a1a1a;} #products .content .box:hover .text .name {color: var(--main);} #products .content .box:hover .text .btn {color: var(--main);} @media screen and (max-width:1024px) { #products .content .box:first-child {width: 100%;margin-right: 0;} #products .content .box {width: 48.7%;} #products .content .box:nth-of-type(2){margin-right: 2.14%;} #products .content .box:nth-of-type(7), #products .content .box:nth-of-type(3){margin-right: 0;} } @media screen and (max-width:750px) { #products{padding-top: 60px;} #products .content .box {width: 100%;margin-right: 0;margin-bottom: 60px;} #products .content .box .text {font-size: 30px;} #products .content .box .text .name {font-size: 42px;} #products .content .box .case img {min-height: 320px;min-width: 320px;} #products .content .box .text .btn {margin-top: 24px;} } /*产品详情*/ #pro_detail1{padding: 40px 0 88px;} #pro_detail1 .left{width: 52.857%;} #pro_detail1 .left .datu{margin-bottom: 30px;} #pro_detail1 .left .datu .pic{width: 100%;padding-top: 67.567%;} #pro_detail1 .left .bot{} #pro_detail1 .left .bot .xiaotu{width: 55.054%;} #pro_detail1 .left .bot .xiaotu .pic{height: 80px;background: #f1f1f1;padding: 12px;border: 1px solid transparent;} #pro_detail1 .left .bot .xiaotu .pic.swiper-slide-thumb-active{border-color: var(--main);} #pro_detail1 .left .bot .btn{width: 60px;height: 60px;border-radius: 100%;border: 1px solid #e2e2e2;top: 10px;z-index: 2;} #pro_detail1 .left .bot .prev{background: url(/images/btn-l2.png) no-repeat center;left: 80px;} #pro_detail1 .left .bot .next{background: url(/images/btn-r2.png) no-repeat center;right: 80px;} #pro_detail1 .left .bot .btn:hover{background-color: var(--main);border-color: var(--main);} #pro_detail1 .left .bot .prev:hover{background-image: url(/images/btn-l3.png);} #pro_detail1 .left .bot .next:hover{background-image: url(/images/btn-r3.png);} #pro_detail1 .right{width: 47.143%;padding: 0 6.25% 0 6.771%;} #pro_detail1 .right .title{font-size: 48px;color: var(--main);font-weight: 700;} #pro_detail1 .right .brief{font-size: 16px;color: #333;line-height: 1.875;margin: 30px 0 130px;} #pro_detail1 .right .btn{width: 150px;height: 50px;line-height: 50px;border-radius: 25px;text-align: center;font-size: 16px;color: #fff;background: var(--main);} #pro_detail1 .right .btn .icon{width: 22px;height: 22px;background: url(/images/detail-icon.png) no-repeat center #fff;border-radius: 100%;margin: 13px 0 0 18px;} #pro_detail1 .right .btn:hover{opacity: .8;} #pro_detail_nav{border-bottom: 1px solid #f1f1f1;} #pro_detail_nav .item{padding-bottom: 25px;border-bottom: 1px solid transparent;font-size: 24px;color: #333;margin-right: 45px;} #pro_detail_nav .item.cur{border-bottom-color: var(--main);color: var(--main);} #pro_detail_nav .item:hover{color: var(--main);} .pro_detail2{padding: 35px 0 135px;background: #fafafa;} .pro_detail2 .title{font-size: 48px;color: #333;font-weight: 500;} .pro_detail2 .content{margin-top: 60px;} #pro_features{padding: 85px 0 100px;border-bottom: 1px solid #dedede;} #pro_parameter{margin-top: 90px;} #pro_parameter .content{margin-top: 40px;} @media (max-width: 1366px){ #pro_detail1 .left .bot .xiaotu{width: 68%;} #pro_detail1 .left .bot .prev{left: 20px;} #pro_detail1 .left .bot .next{right: 20px;} } @media (max-width: 1024px){ #pro_detail1 .box{flex-wrap: wrap;} #pro_detail1 .left{width: 100%;} #pro_detail1 .right{width: 100%;padding: 0;margin-top: 50px;} #pro_detail1 .right .brief{margin-bottom: 60px;} } @media (max-width: 750px){ #pro_detail1 .right .brief{font-size: 30px;} #pro_detail1 .right .btn{width: 200px;height: 60px;line-height: 60px;border-radius: 30px;font-size: 26px;} #pro_detail1 .right .btn .icon{margin-top: 20px;} #pro_detail_nav .item{font-size: 36px;} .pro_detail2{padding-bottom: 100px;} } /* 新闻列表 */ @font-face{ font-family:"DDB"; src: url("/file/_obj_/LY00083//font/D-DINExp-Bold.ttf") format("opentype"); } #news {padding: 45px 0 100px;background-color: #f9f9f9;} #news .top {display: grid;grid-template-columns: repeat(3,30.85%);gap: 60px;margin-bottom: 60px;} #news .top .box {color: #999999;background: #fff;padding: 58px 40px 75px;} #news .top .cross {grid-column: span 2;padding: 0;} #news .top .cross img {width: 100%;height: 100%;} #news .top .box .top_name {font-size: 28px;font-weight: bold;margin-bottom: 17px;color: #353535;line-height: 40px;} #news .top .box .top_time {font-size: 18px;margin-bottom: 40px;font-family: 'DDB';} #news .top .box .top_brief {font-size: 16px;line-height: 30px;margin-bottom: 55px;} #news .top .box .top_btn {width: 150px;height: 50px;border-radius: 25px;font-size: 16px; border: 1px solid #d9d9d9;display: flex;align-items: center;justify-content: center;} #news .top .box .top_btn .svg {margin-left: 10px;fill: #999999;} #news .bottom {display: grid;grid-template-columns: repeat(3,30.85%);gap: 60px;} #news .bottom .case {color: #999999;background: #fff;padding: 40px 40px 48px;} #news .bottom .case .bot_name {font-size: 26px;font-weight: bold;margin-bottom: 30px;color: #353535;} #news .bottom .case .bot_brief {font-size: 16px;margin-bottom: 36px;} #news .bottom .case .bot_btn {width: 150px;height: 50px;border-radius: 25px;font-size: 16px; border: 1px solid #d9d9d9;display: flex;align-items: center;justify-content: center;} #news .bottom .case .bot_btn .svg {margin-left: 10px;fill: #999999;} #news .bottom .case .img {position: relative;margin-bottom: 35px;} #news .bottom .case .img img {width: 100%;} #news .bottom .case .img .bot_time {padding: 8px; position: absolute;bottom: 0;left: 0;background: #f5f6fa;text-align: center;font-weight: bold;} #news .bottom .case .img .bot_time .day {font-size: 32px;margin-bottom: 10px;} #news .bottom .case .img .bot_time .year {font-size: 14px;} #news .top .box:hover, #news .bottom .case:hover {background: var(--main);color: #fff;} #news .bottom .case:hover .bot_time {color: var(--main);background: #fff;} #news .top .box:hover .top_name, #news .bottom .case:hover .bot_name {color: #fff;} #news .bottom .case:hover .bot_btn {border-color: #fff;} #news .top .box:hover .top_btn .svg, #news .bottom .case:hover .bot_btn .svg {fill: #fff;} @media screen and (max-width:1440px) { #news .bottom, #news .top {grid-template-columns: repeat(3,31%);gap: 45px;} #news .top .box {padding: 40px 15px;} #news .bottom .case {padding: 40px 15px;} #news .top .cross {padding: 0;} } @media screen and (max-width:1366px) { #news .bottom .case {padding: 35px 15px;} #news .top .cross {padding: 0;} } @media screen and (max-width:1024px) { #news .top {grid-template-columns: repeat(1,1fr);gap: 45px;} #news .top .cross {grid-column: span 1;padding: 0;} #news .bottom {grid-template-columns: repeat(2,49%);} } @media screen and (max-width:750px) { #news .bottom {grid-template-columns: repeat(1,1fr);gap: 30px;} #news .top .box .top_name {font-size: 42px;line-height: 1.5;} #news .top .box .top_time {font-size: 30px;} #news .top .box .top_brief {font-size: 26px;line-height: 1.8;} #news .bottom .case .bot_btn, #news .top .box .top_btn {width: 200px;height: 60px;border-radius: 30px;font-size: 26px;} #news .bottom .case .bot_name {font-size: 36px;} #news .bottom .case .bot_brief {font-size: 30px;line-height: 1.8;} #news .bottom .case .img .bot_time .year {font-size: 26px;} #news .bottom .case, #news .top .box {padding: 58px 40px 75px;} #news .top .cross {padding: 0;} } /* 新闻详情 */ #news-detail{padding: 85px 0 100px;border-bottom: 1px solid #dedede;} #news-detail .title{font-size: 40px;color: #1a1a1a;margin-bottom: 40px;font-weight: 600;} #news-detail .time, #news-detail .author{font-size: 16px;color: #999;margin: 0 25px;} #news-detail .time .svg, #news-detail .author .svg{margin-right: 10px;fill: #999;} #news-detail .content{padding-bottom: 120px;border-bottom: 1px solid #eee;margin: 60px 0 48px;line-height: 2;font-size: 16px;} #news-detail .btns .prev, #news-detail .btns .back, #news-detail .btns .next{min-width: 205px;height: 58px;line-height: 58px;border: 1px solid #3e1a20;padding: 0 20px;border-radius: 30px;} #news-detail .btns .prev span, #news-detail .btns .back span, #news-detail .btns .next span{font-size: 16px;color: #1a1a1a;} #news-detail .btns .prev .svg, #news-detail .btns .back .svg, #news-detail .btns .next .svg{fill: #1a1a1a;} #news-detail .btns .prev .svg{margin-right: 35px;} #news-detail .btns .next .svg{margin-left: 35px;} #news-detail .btns .back .svg{margin-left: 15px;} #news-detail .btns .prev:hover, #news-detail .btns .back:hover, #news-detail .btns .next:hover{background: var(--main);border-color: transparent;} #news-detail .btns .prev:hover span, #news-detail .btns .back:hover span, #news-detail .btns .next:hover span{color: #fff;} #news-detail .btns .prev:hover .svg, #news-detail .btns .back:hover .svg, #news-detail .btns .next:hover .svg{fill: #fff;} #news-detail .btns .next.disable , #news-detail .btns .prev.disable {color:#b6b6b6;border:1px solid #b6b6b6;} #news-detail .btns .next.disable span, #news-detail .btns .prev.disable span {color:#b6b6b6;} #news-detail .btns .prev.disable .svg{fill:#b6b6b6;} #news-detail .btns .next.disable .svg{fill:#b6b6b6;} #news-detail .btns .next:hover.disable , #news-detail .btns .prev:hover.disable {background: transparent;} @media (max-width: 750px){ #news-detail{padding:80px 0 80px;} #news-detail .title{font-size: 56px;} #news-detail .time, #news-detail .author{font-size: 30px;} #news-detail .time .svg, #news-detail .author .svg{width: 30px;height: 30px;} #news-detail .content *{font-size: 30px !important;} #news-detail .content{padding-bottom: 30px;margin: 30px 0 30px;} #news-detail .btns .prev span, #news-detail .btns .back span, #news-detail .btns .next span{font-size: 30px;} #news-detail .btns .prev .svg{margin-right: 10px;} #news-detail .btns .next .svg{margin-left: 10px;} #news-detail .btns .prev .svg, #news-detail .btns .back .svg, #news-detail .btns .next .svg{width: 30px;height: 30px;} #news-detail .btns .prev, #news-detail .btns .back, #news-detail .btns .next{height: 80px;line-height: 80px;padding: 0 20px;border-radius: 40px;} } /* 联系 */ #contact .content {margin-top: 95px;} #contact .text {font-size: 36px;text-align: center;} /*#contact .box {margin-top: 120px;}*/ #contact .box .item {width: 28.47%;padding: 3px 0 2px;} #contact .box .item:nth-of-type(2) {border-left: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;} #contact .box .item .img {width: 80px;height: 80px;border-radius: 50%;margin: 0 auto;border: 1px solid #e3e3e3;} #contact .box .item .name {font-size: 16px; color: #1a1a1a;line-height: 1.5;margin: 30px 0;} #contact .box .item .txt {font-size: 16px;color: #1a1a1a;line-height: 1.5;margin: 0 auto 35px;font-weight: 500;} #contact .box .item .m-pic {display: flex;align-items: center;justify-content: center;} #contact .box .item .m-pic img:nth-of-type(2) {display: none;} #contact_map .map {height: 595px;position: relative;margin-top: 90px;} #contact_map .map .map_box {width: 100%;height: 100%;} #contact_map .map .map_img {width: 186px;height: 110px;border-radius: 10px;background-color: #0073e6;position: absolute;top: 210px;left: 45%;box-shadow: 15px 30px 60px -15px #1a1a1a;} #contact_map .map .map_img::after{content: '';position: absolute;border: 13px solid transparent; border-top-color:#0073e6;left: 50%;transform: translate(-50%,0%);bottom: -25px;} #contact_form {padding: 90px 0 85px;background: #f9f9f9;} #contact_form .tit_en {font-size: 30px;text-align: center;font-weight: 500;} #contact_form .text {font-size: 16px;text-align: center;} #contact_form .form {margin-top: 60px;} #contact_form .form .grid {display: grid;column-gap: 35px;grid-auto-flow: row;place-content: space-evenly;grid-template-columns: repeat(3, 31.66666666666667%);margin: 0 0 30px;} #contact_form .form .grid .input {height: 60px;border: 1px solid #bfbfbf;width: 100%; height: 55px; line-height: 55px;font-size: 16px;color: #333333;padding: 0px 20px;border-radius: 5px;background: #fff;} #contact_form .form .grid .input:focus {border-color: var(--main);} #contact_form .form .grid .input.notnull {border-color: var(--main);} #contact_form .form .textarea:focus::-webkit-input-placeholder, #contact_form .form .grid .input:focus::-webkit-input-placeholder{opacity: 0;} #contact_form .form .textarea:focus::-webkit-input-placeholder, #contact_form .form .grid .input:focus::-moz-placeholder{opacity: 0;} #contact_form .form .textarea:focus::-webkit-input-placeholder, #contact_form .form .grid .input:focus::-moz-placeholder{opacity: 0;} #contact_form .form .textarea:focus::-webkit-input-placeholder, #contact_form .form .grid .input:focus::-ms-input-placeholder{opacity: 0;} #contact_form .form .textarea {height: 270px;border: 1px solid #bfbfbf;width: 100%; padding: 10px 20px;line-height: 1.5;font-size: 18px;color: #333333;border-radius: 5px;background: #fff;} #contact_form .form .textarea:focus {border-color: var(--main);} #contact_form .form .btn {width: 160px;height: 60px;line-height: 60px;background-color: var(--main);margin: 50px auto 0;font-size: 16px;color: #fff;text-align: center;cursor:pointer;border-radius: 30px;} #contact_form .form .btn:hover{opacity: .8;} @media screen and (max-width:1680px) { #contact_map .map .map_img {left: 44.5%;} } @media screen and (max-width:1440px) { #contact_form .form .grid {column-gap:32px} #contact_map .map .map_img {left: 43.5%;} } @media screen and (max-width:1366px) { #contact_map .map .map_img {left: 43.2%;} } @media screen and (max-width:1280px) { #contact_form .form .grid {column-gap:30px} #contact_map .map .map_img {left: 43.5%;} } @media screen and (max-width:1024px) { #contact .box .item {width: 32.47619%;} #contact_form .form .grid {column-gap:24px} #contact_map .map .map_img {left: 40.7%;} } @media screen and (max-width:750px) { #contact .box {margin-top: 80px;} #contact_map .map {margin-top: 80px;} #contact .content {margin-top: 50px;} #contact .box {display: block;} #contact .box .item .boxbig {width: 61.3%;text-align: left;} #contact .box .item:nth-of-type(2) {border: none;} #contact .box .item .m-pic img:nth-of-type(1) {display: none;} #contact .box .item .m-pic img:nth-of-type(2) {display: block;} #contact .box .item:nth-of-type(2), #contact .box .item {width: 100%;display: flex;border-bottom: 1px solid #e6e6e6;padding: 50px 0;align-items: center;} #contact .box .item .txt {font-size: 30px;margin-bottom: 0px;line-height: 1.8;} #contact .box .item .name {font-size: 30px;margin-top: 0;margin-bottom: 25px;} #contact .box .item .img {margin: 0 40px;width: 120px;height: 120px;} #contact .text, #contact_form .text {font-size: 56px;} #contact_form .form {margin-top: 30px;} #contact_form .form .grid {display: block;margin: 0;} #contact_form .form .textarea {width: 100%;font-size: 30px;} #contact_form .form .grid .input {width: 100%; font-size: 30px; margin-bottom: 30px;height: 70px;} #contact_form .form .btn {width: 300px; font-size: 30px;height: 100px;line-height: 100px;margin-top: 30px;border-radius: 50px;} #contact_map .map .map_img {left: 37.4%;} } /* join */ #join{background-color: #f9f9f9;padding: 45px 0 85px;} #join .content {display: grid;grid-template-columns: repeat(3,32%);gap:43px 2%;} #join .content .card{display: block;padding:40px 50px;background-color: #fff;} #join .content .card .title .work .text{color:#1a1a1a;line-height: 1.8;font-size: 20px;font-weight: bold;} #join .content .card .title .work .icon .svg {margin-left:14px;width:12px;height:12px;fill:#848484;} #join .content .card .title .department {padding-bottom: 14.6%;color:#666666;line-height: 1.8;border-bottom:1px solid #f2f2f2;font-size: 16px;} #join .content .card .brief {margin-top:11.6%;display: grid;grid-template-columns: 74% 26%;justify-content: space-between} #join .content .card .brief .text {color:#666666;line-height: 1.8;font-size: 16px;} #join .content .card:hover .title .work .text{color: var(--main);} #join .content .card:hover {box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);transform:translateY(-10px);} #join .content .card:hover .title .work .icon .svg {fill: var(--main);} @media screen and (max-width:1680px) { #join .content .card{padding: 40px 25px;} } @media screen and (max-width:1440px) { #join .content .card .brief {grid-template-columns:69% 29%;} } @media screen and (max-width:1366px) { #join .content .card .brief {grid-template-columns:67% 31%;} } @media screen and (max-width:1280px) { #join .content .card .brief {grid-template-columns:64% 34%;} } @media screen and (max-width:1024px) { #join .content .card .brief {grid-template-columns:51% 47%;} } @media screen and (max-width: 800px){ #join .content {display: grid;grid-template-columns: repeat(2,auto);gap:43px 34px;} } @media screen and (max-width: 750px){ #join .content {display: grid;grid-template-columns: 100%;gap:43px 34px;justify-content: center;} #join .content .card .title .work .text{font-size: 36px;} #join .content .card .title .department {font-size:30px;padding-bottom: 5%;} #join .content .card .brief .text {font-size: 30px;} #join .content .card .title .work .icon .svg {width:25px;height:25px;} #join .content .card .brief {grid-template-columns:71% 29%;margin-top: 4.5%;} #join .content .card {padding: 82px 50px;} } #join_float_job.cur{background: rgba(0,0,0,.6);} #join_float_job .job{width: 1100px;background: #fff;max-height: 90vh;overflow-y: scroll;} #join_float_job .job .center{width: 86.36%;padding-top: 40px;margin: 0 auto;} #join_float_job .job .close{right: -40px;top: 30px;width: 24px;height: 24px;} #join_float_job .job .close:hover{transform: rotate(-180deg);} #join_float_job .job .close .svg {width: 24px;height: 24px;fill:#3f3f3f;} #join_float_job .job .tit{padding-bottom: 35px;border-bottom: 1px solid #e3e3e3;color: #1a1a1a;font-weight: bold;font-size: 28px;margin-bottom: 40px;} #join_float_job .job .t2{margin-bottom: 15px;color: #1a1a1a;font-size: 18px;font-weight: bold;} #join_float_job .job .brief{color: #1a1a1a;font-size: 16px;line-height: 30px;margin-bottom:40px} #join_float_job .job .box{border-bottom: 1px solid #e3e3e3;padding-bottom: 40px;color: #1a1a1a;font-size: 16px;line-height: 30px;} #join_float_job .job .contact {margin-top: 40px;} #join_float_job .job .contact .wy{color: #999999;font-size: 16px;line-height: 1.8;} #join_float_job .job .contact .btn{margin-top: 44px;margin-bottom: 80px;width: 165px;height: 55px;line-height: 55px;color: #fff;background: var(--main);font-size: 18px;border-radius: 30px;} #join_float_job .job .contact .btn:hover{opacity: .8;} @media (max-width: 1280px){ #join_float_job .job .close{right: -30px;} } @media (max-width: 920px){ #join_float_job .job .tit{font-size: 28px;padding-bottom: 20px;margin-bottom: 30px;} } @media (max-width: 750px){ #join_float_job .job .desc, #join_float_job .job .t2{font-size: 30px;line-height:1.8;} #join_float_job .job .contact .wy{font-size: 26px;line-height:1.8;} #join_float_job .job .desc{margin-bottom: 2;padding-bottom: 1.8;} #join_float_job .job .tit{font-size: 42px;} #join_float_job .job .center{padding: 40px 0;} #join_float_job .job .contact .btn{font-size: 30px;} #join_float_job .job .center{width: 87%;} #join_float_job .job .brief{font-size: 30px;line-height:1.8;} #join_float_job .job .box{font-size: 30px;line-height: 1.8;} #join_float_job .job .contact .btn {width: 200px;/*height: 80px;line-height: 80px;*/height: 60px;line-height: 60px;} #join_float_job .job .close{width: 40px;height: 40px;} #join_float_job .job .close:hover{transform: rotate(-180deg);} #join_float_job .job .close .svg {width: 40px;height: 40px;fill:#3f3f3f;} } /* 应用列表 */ #application{padding: 125px 0 0 0;border-bottom: 1px solid #dedede;} #application .list{} #application .list .li{width: 100%;display: flex;} #application .list .li .left{width: 50%;} #application .list .li .left .info {width: 87.142%;} #application .list .li .left .info .tit{font-size: 36px; color: #333333;font-weight: 500;} #application .list .li .left .info .tit2{font-size: 18px; color: #333; margin-bottom: 40px;font-weight: 200;} #application .list .li .left .info .brief{font-size: 16px; color: #999999; line-height: 30px;/*max-width: 514px;*/overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} #application .list .li .left .info .btn {margin-top:50px;display: inline-block;width:150px;height:50px;border: 1px solid #121212;line-height: 50px;text-align: center;font-size: 14px;background: var(--main);color: #fff;border-radius: 25px;} #application .list .li .left .info .btn .icon{width: 22px;height: 22px;background: url(/images/detail-icon.png) no-repeat center #fff;border-radius: 100%;margin: 13px 0 0 18px;} #application .list .li .right{width: 50%;} #application .list .li .right .img{width: 50vw;max-width: 960px;max-height: 540px;} #application .list .li:nth-child(2n-1){flex-direction: row-reverse;} #application .list .li:nth-child(2n-1) .left{padding-right: 0;justify-content: flex-end;} #application .list .li:nth-child(2n-1) .right .img{float: right;} #application .list .li:hover .left .info .tit {color: var(--main);} #application .list .li:hover .left .info .btn {opacity: .8;} @media screen and (max-width:1200px){ #application .list .li .left{padding-left: 4.4%;} #application .list .li:nth-child(2n-1) .left{padding-left: 4.4%;padding-right: 4.4%;} } @media screen and (max-width:1024px){ #application .list .li .left .info{width: 90.5%;} #application .list .li .left .info .tit{margin-bottom: 10px;} } @media screen and (max-width:750px) { #application{padding: 80px 0 40px 0;} #application .list .li{padding:0 0 30px 0;} #application .list .li .left .info .tit{font-size: 42px;margin-bottom: 15px;} #application .list .li .left .info .tit2{font-size: 30px;} #application .list .li .left .info .btn{margin-top: 23px;width:200px;height:60px;line-height: 60px;text-align: center;font-size: 26px;border-radius: 30px;} #application .list .li .left .info .btn .icon{margin-top: 20px;} #application .list .li{flex-direction: column-reverse;} #application .list .li:nth-child(2n-1){flex-direction: column-reverse;} #application .list .li .left{width: 100%; padding: 0;} #application .list .li:nth-child(2n-1) .left{padding: 0;width:100%;} #application .list .li .left .info{width: 100%; margin: 30px 0 60px 0;} #application .list .li .left .info .brief{font-size: 30px; line-height: 1.8; max-width: 100%;text-align: justify;} #application .list .li .right{width: 100%;} #application .list .li .right .img{width:100%;} } /* footer */ @font-face { font-family: 'DIN'; src: url('/file/_obj_/LY00169//images/D-DIN-Bold.ttf'); } #footer{padding:50px 0 45px;} #footer .ftop {padding-bottom:45px;border-bottom:1px solid #e6e6e6;margin-bottom:20px;} #footer .ftop .flogo{width:125px;} #footer .ftop .fnav{width:875px;} #footer .ftop .fnav .fnav-one .one-a{font-size:18px;color:#1a1a1a;line-height: 36px;font-weight:500;} #footer .ftop .fnav .fnav-one .one-a:hover{color:#0073e6;} #footer .fbot .text, #footer .fbot .copyright, #footer .fbot .ipc, #footer .fbot .website{font-size:16px;color:#1a1a1a;line-height: 36px;} #footer .fbot .text.phone{font-size:30px;font-weight:600;line-height:68.2px;font-family:'DIN';color: var(--main);} #footer .ftop .share{display: flex;justify-content: flex-end;} #footer .ftop .share .s{margin-left:26px;} #footer .ftop .share .s .icon{width: 20px;height:20px;} #footer .ftop .share .s:hover .p2{display:inline-block;} #footer .ftop .share .s:hover .p1{display:none;} #footer .ftop .share .s .ewm{border-radius:5px; left:-45px;top:-130px;z-index:2;width:110px;height:110px;background: #fff; padding:5px;box-shadow: 0px 5px 15px 0px rgba(237, 237, 237, 1);} #footer .ftop .share .s .ewm::after{content:'';position: absolute;top:99%;left:45px;z-index:2; background: url(/file/_obj_/LY00169//images/sj.png) no-repeat center / cover;width:20px;height:10px;display: none;} #footer .ftop .share .s:hover .ewm{display:inline-block;} #footer .fbot .website{padding-left:22px;position: relative;} #footer .fbot .website::after{content:'';position: absolute;left: 11px;top: 10px;z-index:2;width:2px;height:18px;background: #1a1a1a} @media screen and (max-width:1280px) { #footer .ftop .fnav{width:800px;} #footer .fbot .copy{flex-direction: column;} #footer .fbot .website::after{display:none;} } @media screen and (max-width:1024px) { #footer{padding: 60px 0 80px;} #footer .ftop{flex-direction:column-reverse;padding-bottom:30px;} #footer .ftop .flogo{margin-top:30px;} #footer .ftop .fnav{flex-direction: column;width:100%;} #footer .ftop .fnav .fnav-one{line-height: 60px;margin: 0;width:100%;border-bottom:1px solid #e6e6e6;} #footer .fbot{flex-direction: column;align-items: flex-start;} #footer .fbot .fright{text-align: left;} #footer .fbot .website{padding-left:0;} #footer .ftop .share{justify-content: flex-start;} #footer .ftop .share .s{margin:0 20px;} /*#footer .ftop .share .s .ewm{left:0;}*/ #footer .ftop .share .s .ewm::after{display:none;} } @media screen and (max-width:750px) { #footer .ftop .flogo{width:160px;} #footer .ftop .fnav .fnav-one .one-a{font-size:36px;line-height: 80px;} #footer .ftop .share .s .icon{width: 36px;height: 36px;} #footer .ftop .share .s .icon img{width:40px;} #footer .ftop .share .s:nth-child(2) .icon img{width:35px;} #footer .ftop .share .s .ewm{width:160px;height:160px;top:-180px;left: -60px;} #footer .fbot .text, #footer .fbot .copyright, #footer .fbot .ipc, #footer .fbot .website{font-size:30px;line-height: 1.8;} #footer .fbot .text.phone{font-size:42px;} } #after_sale{padding: 80px 0;}