.hearder-box{width: 100%; height: 80px;background-color: #fff;display: flex;justify-content: space-between;align-items: center;position: fixed;left: 0;top: 0; z-index: 100;} .hearder-box .logo{margin-right: 90px;} .hearder-box .nav-list>li{margin-right: 50px; font-size: 16px;position: relative;} .hearder-box .nav-list>li>a{ line-height: 80px;font-family: "Alibaba"; color: #000;position: relative;} .hearder-box .nav-list>li:hover>a {color: #ff3c28;} .hearder-box .nav-list>li.active>a{color: #ff3c28;} .hearder-box .nav-list>li.active>a span{transform: rotate(180deg);} .hearder-box .nav-list>li.active::after{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background-color:#ff3c28;} .down-box{padding:30px;width: 100vw; position: fixed;left: 0;top: 80px; background-color: #fff;text-align: center; border-top: 1px solid #efefef; z-index: 101;display: none;} .down-box li{ display: inline-block; line-height:40px;font-family: "Alibaba"; color: #000;margin-right: 40px;} .down-box li a{display: block;text-align: center;font-size: 16px;color: #000; white-space: nowrap;} .down-box li a:hover{color:#ff3c28;} .down-box li.tit>a{font-weight: bold;} .down-box li:last-of-type{margin-right: 0;} .third-list{ background-color: #fff;display: none;} .third-list li{border-bottom: 1px solid #efefef;} .third-list li a{color: #999;} .third-list li a:hover{color: #666;} .hearder-box .nav-list li:hover .down-box{display: block;} .down-box li:hover .third-list{display: block;} .search-box{ width: 182px;height: 40px; background: #fff;padding:0 15px; cursor: auto;border-radius: 20px;border: 1px solid #ebebeb;} .search-box .iconfont{font-size: 20px;color: #000;} .search-box input{width: calc(100% - 20px);line-height:40px;padding-left: 10px;box-sizing: border-box;} .search-box input::-webkit-input-placeholder{color: rgba(51, 51, 51, 0.369);font-size:16px;} .hearder-box .en{margin-left: 30px;font-size: 16px;color: #000;} /* 手机nav */ .trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; } .menu-handler { display: none; overflow: hidden; width: 40px; height: 65px; cursor: pointer; position: relative;margin-left: 15px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); z-index:1012; } .menu-handler .burger { width: 32px; height: 3px; background: #ff3c28; display: block; position: absolute; z-index: 5; top: 22px; left: 50%; margin: 0px 0px 0px -16px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; /*border-radius: 3px;*/ } .menu-handler .burger-2 { top: 32px; } .menu-handler .burger-3 { top: 42px; } .menu-handler.active .burger-1 { top: 30px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; } .menu-handler.active .burger-3 { top: 30px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } /* menuBtn end */ /* menuBox start */ .menuBox{ position:fixed; top:-100%; right:0; left:0; height:100%; background:#f8f8f8; z-index:99; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; display:none; } .navMobile{ padding-top:60px; } .navMobile dd a { display: block; position: relative; padding:15px; font-size:16px; color: #000; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; } .navMobile dd p a{ border-bottom:1px solid #efefef; } .navMobile dd p .iconfont{ position:absolute; top:50%; margin-top:-5px; right:15px; transition:300ms; -webkit-transition:300ms; } .navMobile dd p a.act{ background:#ff3c28;color: #fff; } .navMobile dd p a.act .iconfont{ transform:rotate(180deg); -webkit-transform:rotate(180deg); } .navMobile dd .mtnav .aw{ width:7px; height:12px; position:absolute; right:15px; top:50%; margin-top:-4px; transform-origin:right center; -webkit-transform-origin:right center; transform:scale(0.8); -webkit-transform:scale(0.8); } .navMobile dd .mtnav{ display:none; overflow:hidden; } .navMobile dd .mtnav a{ width:100%; padding:0;border-bottom:1px solid #ccc; background:#eef1f5; } .navMobile dd .mtnav a p{ padding:15px 30px; font-size: 14px; } .mlangbox{ margin-top:40px; padding:0 15px; color:#fff; } .mlangbox a{ color:#fff; } .banner{margin-top: 80px;} .banner .swiper-container{width: 100%;height: 100%;} .banner .swiper-container .swiper-slide{width: 100%;height: 100%;overflow: hidden;} .banner .swiper-container .swiper-slide a{display: block; width: 100%;height: 100%;position: relative;overflow: hidden;} .banner .swiper-container .swiper-slide img{width: 100%;height: 100%;object-fit: cover;display: block;} .banner .swiper-container .swiper-slide-active img{-webkit-animation-name: bannerscale; animation-name: bannerscale; -webkit-animation-duration:9s; animation-duration: 9s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;} .banner .swiper-container .swiper-slide .mobile{display: none;} .banner .swiper-container .pagination-box{bottom: 35px;left:0 ;width: 100%;position: absolute;} .banner .swiper-container .pagination-box .swiper-pagination{position: relative;} .banner .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #fff;opacity: .549;border-radius: 5px;margin-left: 10px;} .banner .swiper-pagination-bullet-active{width: 60px;background-color: #fff;opacity: 1;} .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px 0 0;} .banner .mobile{display: none;} .foot-box{background-color: #f5f5f5;} .foot-box .foot-list{padding-top: 65px;padding-bottom:70px;} .foot-box .list-item {font-family: "HarmonyOS_Sans_SC_Light";} .foot-box .list-item a{display: block;color: #888; font-size: 14px; } .foot-box .list-item a:hover{color: #ff3c28;} .foot-box .list-item .tit{margin-bottom: 25px;line-height: 1;} .foot-box .list-item .tit a{color: #333; font-size: 18px;font-weight: 700;} .foot-box .list-item .item{line-height: 2.571;font-size: 14px;color: #888;} .foot-box .list-item .cont{line-height: 2.2;font-size: 14px;color: #888;} .foot-box .list-item .iconfont {font-size: 16px;margin-right: 10px;} .foot-box .code-box .tit{ color: #333; font-size: 18px;font-weight: 700;margin-bottom: 25px;} .foot-box .code-box .code{width: 160px;} .foot-box .code-box p{font-size: 14px;color: #999;line-height: 1.256;text-align: center;margin-top: 5px;} .foot-bottom{width: 100%;padding: 20px 0;font-size: 14px; color: rgba(102, 102, 102, 0.639);line-height: 1.4;text-align: center;border-top: 1px solid #efefef;} .foot-bottom a{font-size: 14px; color: rgba(102, 102, 102, 0.639);} .top{ width: 64px;height: 64px;background-color: #7f7f7f;border-radius: 10px;display: flex;flex-direction: column; align-items: center;justify-content: center;font-size: 16px; text-transform: uppercase;color: #fff;cursor: default;position: fixed; right: 30px;bottom: 200px;z-index: 10;} .top .iconfont{font-size: 32px;} .top:hover{ box-shadow: 0px 0px 10px 2px rgba(220,223,227,0.5);} .index-part1{padding-bottom: 90px;} .index-title{padding: 50px 0;text-align: center;position: relative;} .index-title .cn{font-size: 36px;color: #000;font-weight: bold;position: relative;z-index: 3;} .index-title .en{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);text-transform: uppercase; font-size: 82px;font-weight: 700; color: rgba(216, 216, 216, 0.2);z-index: 2;} .index-part1 .list-item{width: 450px;height: 340px;display: flex;flex-direction: column;justify-content: space-between;align-items: center; padding: 25px 30px;margin-bottom: 30px; transition: all .3s;box-sizing: border-box;} .index-part1 .list-item .pic{width: 225px;height: 170px;} .index-part1 .list-item .cont-box{width: 100%;} .index-part1 .list-item .cont-box .title{font-size: 22px;color: #000;margin-bottom: 5px;} .index-part1 .list-item .cont-box .cont{font-size: 16px;color: #999;line-height: 1.75; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;} .index-part1 .list-item:nth-of-type(1){width: 925px;height: 385px;background-color: #f0f2f3;flex-direction: row-reverse;} .index-part1 .list-item:nth-of-type(1) .pic{width: 204px;height: 275px;} .index-part1 .list-item:nth-of-type(1) .cont-box{width: 440px;} .index-part1 .list-item:nth-of-type(1) .cont-box .title{margin-bottom: 15px;} .index-part1 .list-item:nth-of-type(1) .cont-box .index-more{margin-top: 35px;} .index-part1 .list-item:nth-of-type(2){height: 385px;padding-top: 65px;background-color: #f4eeec;} .index-part1 .list-item:nth-of-type(2) .pic{height: 187px;} .index-part1 .list-item:nth-of-type(3){background-color: #f0f2f3;} .index-part1 .list-item:nth-of-type(4){background-color: #edf3f5;} .index-part1 .list-item:nth-of-type(5){background-color: #f6f3f6;} .index-more{color: #ee2023;font-size:16px;transition: all .3s;} .index-more .icon{width: 35px;height: 35px;border-radius: 50%;border: 1px solid #ee2023;display: flex;align-items: center;justify-content: center;font-size: 22px;margin-right: 8px;} .index-more:hover{transform: translateX(30px);} .index-part1 .list-item:hover{box-shadow: 0px 0px 10px 2px rgba(220,223,227,0.5);} .index-part1 .list-item:hover .cont-box .title{color: #ee2023;} .index-part2{padding-bottom: 60px;background-color: #f8f8f8;} .index-part2 .swiper-box{position: relative;padding-bottom: 130px;} .index-part2 .swiper-container .swiper-slide{background-color: #fff;} .index-part2 .swiper-container .swiper-slide a{display: block;width: 100%;height: 100%; padding: 13px;transition: all .3s;} .index-part2 .swiper-container .swiper-slide img{width: 100%;} .index-part2 .swiper-container .swiper-slide .cont-box{padding: 30px 13px 20px 13px;} .index-part2 .swiper-container .swiper-slide .cont-box .title{font-size: 18px;color: #333;font-weight: bold;margin-bottom: 15px;} .index-part2 .swiper-container .swiper-slide .cont-box .cont{font-size: 16px;color: #666;margin-bottom: 25px;} .index-part2 .swiper-box .btn-box{width: 100%; position: absolute;bottom: 0;} .index-part2 .swiper-box .swiper-pagination{display: flex;align-items: center;position: relative;margin: 0 50px;} .index-part2 .swiper-box .swiper-pagination-bullet{width: 10px;height: 10px;background-color: #ee2023;opacity:1;border-radius: 50%;margin-left: 20px;} .index-part2 .swiper-box .swiper-pagination-bullet:first-of-type{margin-left: 0;} .index-part2 .swiper-box .swiper-pagination-bullet-active{background-color: #cccccc;} .index-part2 .swiper-box .swiper-button-prev,.index-part2 .swiper-box .swiper-button-next{width: 50px;height: 50px;border-radius: 50%;background-color: #ee2023;position: relative; left: auto;right: auto;top: auto;margin-top: 0;color: #fff;transition: all .3s;} .index-part2 .swiper-box .swiper-button-next:after,.index-part2 .swiper-box .swiper-button-prev:after{font-size:22px;} .index-part2 .swiper-box .swiper-button-next.swiper-button-disabled,.index-part2 .swiper-box .swiper-button-prev.swiper-button-disabled{opacity: 1;background-color: #e8e8e8; color: #d8d8d8;} .index-part2 .swiper-container .swiper-slide:hover a{padding: 0;} .index-part3{padding-bottom: 90px;} .index-part3 .news-item{width: 480px;height: 265px;background-color: #f8f8f8;margin-bottom: 25px;margin-left: 20px;float: left;} .index-part3 .news-item a{display: block;width:100%;height:100%; } .index-part3 .news-item:first-of-type{width: 400px;height: 555px;margin-left: 0;padding: 0;} .index-part3 .news-item .cont-box{padding: 25px;} .index-part3 .news-item .cont-box .time{font-size: 16px;color: #ee2023;margin-bottom: 15px;} .index-part3 .news-item .cont-box .title{font-size: 22px;color: #000;line-height: 1.432;margin-bottom: 15px;} .index-part3 .news-item .cont-box .cont{font-size: 16px;color: #666; line-height: 1.75;margin-bottom: 15px;} .index-part3 .news-item .cont-box .more{font-size: 48px;color: #444;transition: all .3s;} .index-part3 .news-item:hover{box-shadow: 0px 0px 10px 2px rgba(220,223,227,0.5);} .index-part3 .news-item:hover .more{transform: translateX(30px);} /* 关于我们 */ .inner-banner{width: 100%;margin-top: 80px;} .inner-banner img{width: 100%;} .inner-banner .mobile{display: none;} .inner_nav_box{width: 100%;border-bottom: 1px solid #d7d7d7;position: relative;left: 0;top: 0;z-index: 20;} .inner_nav_box.fixed{position: fixed;top: 0;background-color: #fff;top: 80px;border-top: 1px solid #efefef;} .inner_nav_box ul{display: flex;} .inner_nav_box ul li{margin-right: 60px;border-bottom: 1px solid transparent;} .inner_nav_box ul li a{color: #777777;line-height:75px;position: relative;text-align: center;} .inner_nav_box ul li.active{border-bottom: 3px solid #ff3c28;} .inner_nav_box ul li.active a,.inner_nav_box ul li:hover a{color: #ff3c28;} .inner_nav_box .level-box{position: absolute;width: 100vw;top:calc(100% + 1px); left: 0;background-color: #fff;border-bottom: 1px solid #d7d7d7;z-index: 21;display: none;} .inner_nav_box .level-box .level-item a{margin-right: 60px;line-height: 60px;color: #333;} .inner_nav_box .level-box .level-item:hover a,.inner_nav_box .level-box .level-item.active a{color: #ff3c28;} .inner_nav_box ul li.level:hover .level-box{display: block;} .about-part1{padding-bottom: 95px;} .about-part1 .num-box { display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between; padding: 80px 0 70px 0;} .about-part1 .num-box li {position: relative; font-size: 14px;} .about-part1 .num-box li .num { position: relative;display: flex;align-items: flex-end;font-size: 76px;font-weight: 700;color: #ee2023;line-height: 1;} .about-part1 .num-box li .num span{font-family: "SimHei";letter-spacing: 2px; } .about-part1 .num-box li .num .unit {width: 35px;height: 35px;border-radius: 50%; font-size: 16px;font-weight: normal; margin-left: 20px;background-color: #ededf0;color: #666; display: flex;align-items: center;justify-content: center;transform: translateY(5px);} .about-part1 .num-box li .tit{padding-top: 10px;font-size: 14px;color: #666;} .about-part1 .num-box li:last-of-type::after{border-right: none;} .about-part1 .content-box {padding-left: calc((100vw - 1400px) / 2);} .about-part1 .title-line{margin-bottom: 30px;} .about-part1 .title-line .cn{font-size: 40px;color: #000;font-weight: 700;margin-bottom: 5px;} .about-part1 .title-line .en{font-size: 18px;color: #666666;} .about-part1 .content-box .left{width: 785px;font-size: 16px;color: #666; line-height: 1.875;} .about-part1 .content-box .right{width: 770px;} .about-part1 .content-box .right .title{font-size: 42px;color: #000;font-weight: bold;margin-bottom: 25px;} .about-part1 .content-box .right .title .symbol{width: 40px;display: inline-block;} .about-part1 .content-box .right .title .symbol.left{margin-top: -130px;} .about-part1 .content-box .right .title .cont{display: inline-block;margin: 0 65px;} .about-part1 .content-box .right .title p:nth-of-type(2){text-indent: 1.5em;} .about-part1 .content-box .right .pic{width: 100%;} .about-part2 ul li{flex: 1;position: relative;} .about-part2 ul li .back{width: 100%;} .about-part2 ul li .cont-box{position: absolute;width: 100%;height: 100%;left: 0;top: 0; display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;color: #fff;z-index: 2;} .about-part2 ul li .cont-box .icon-box{width: 98px;height: 98px;border: 1px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;} .about-part2 ul li .cont-box .icon-box img{transition: all .4s;} .about-part2 ul li .cont-box .tit{font-size: 30px; line-height: 2.4;margin: 25px 0 10px 0;} .about-part2 ul li .cont-box .cont{font-size: 16px;line-height: 1.969;} .about-part2 ul li::after { content: '';display: block;width: 100%; z-index: 5; height: 0; position: absolute; bottom: 0; left: 0; z-index: 1;background-color: rgba(0, 0, 0, 0.3); transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; } .about-part2 ul li:hover .cont-box .icon-box img{transform: rotateY(180deg);} .about-part2 ul li:hover::after{ height: 100%;} .about-part3{background-color: #f7f8f9; padding-bottom: 80px;} .about-part3 .title-line{padding:75px 0 65px 0;text-align: center;} .about-part3 .title-line .cn{font-size: 40px;color: #000;} .about-part3 .title-line .en{font-size: 14px;color: #999;text-transform: uppercase;} .about-part3 .honor-swiper { position: relative; } .about-part3 .honor-swiper .swiper-slide{padding:28px 48px; background-color: #fff;} .about-part3 .honor-swiper .swiper-slide img{width: 100%;height: 100%;transition: all .3s;} .about-part3 .honor-swiper .swiper-button-prev, .about-part3 .honor-swiper .swiper-button-next { width:70px; height: 70px;border-radius: 50%; background-color: #fff; border: 1px solid #eee; z-index: 20; } .about-part3 .honor-swiper .swiper-button-prev { left: -115px; } .about-part3 .honor-swiper .swiper-button-next { right: -115px; } .about-part3 .honor-swiper .swiper-button-prev::after,.about-part3 .honor-swiper .swiper-button-next::after { font-size:18px; color: #999; } .about-part3 .honor-swiper .swiper-button-next.swiper-button-disabled, .about-part3 .honor-swiper .swiper-button-prev.swiper-button-disabled { opacity: .3; } .about-part3 .honor-swiper .swiper-slide:hover img{transform: scale(1.1);} .about-part4{background-color: #fff; padding-bottom: 80px;} .about-part4 .title-line{padding:75px 0 55px 0;text-align: center;} .about-part4 .title-line .cn{font-size: 40px;color: #000;} .about-part4 .title-line .en{font-size: 14px;color: #999;text-transform: uppercase;} .about-part4 .pic-box {box-shadow: 0px 10px 15px 12px rgba(252,250,354,0.2);} .about-part4 .pic-box .pic{width: 100%;} /* 成功案例 */ .case-list{padding: 45px 0 65px 0;} .case-list ul{padding-bottom:20px;} .case-list li{ background-color:#fff; box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.1);margin-bottom: 45px;} .case-list li a{display: flex;flex-wrap: wrap; width: 100%;} .case-list li:nth-of-type(even) a{flex-direction: row-reverse;} .case-list li .pic-box{width:48.5%;} .case-list li .cont-box{width:51.5%;padding: 75px 65px;} .case-list li .cont-box .title{font-size: 30px;color: #333;font-weight: bold;margin-bottom: 25px;} .case-list li .cont-box .cont{font-size: 16px;color: #666;line-height: 1.75; margin-bottom: 65px;} .page-box{display: flex;align-items: center;justify-content: center;} .page-box a{color: #333;font-size: 16px;margin-right: 15px;} .page-box a:last-of-type{margin-right: 0;} .page-box .page-item{width:33px ;height: 33px; border-radius: 50%;display: flex;align-items: center;justify-content: center;} .page-box .page-item.active{background-color: #ff3c28;color: #fff;} .page-box a:hover{color: #ff3c28;} /* 产品中心 */ .product-list{padding: 45px 0 65px 0;background-color: #f8f9fb;} .product-list ul{display: grid;grid-template-columns: repeat(3,31%);column-gap: 3.5%;} .product-list ul li{height: 550px;border-radius: 10px;overflow: hidden;background-color: #fff;margin-bottom: 50px;transition: all .3s;} .product-list ul li a{display: block;width: 100%;} .product-list ul li .pic-box{width: 100%;} .product-list ul li .pic-box img{width: 100%;} .product-list ul li .cont-box{width: 100%;padding: 25px;} .product-list li .cont-box .title{font-size: 24px;color: #333;margin-bottom: 20px;} .product-list li .cont-box .cont{font-size: 16px;color: #666;line-height: 1.75; margin-bottom: 25px;} .product-list li .cont-box .more{width: 190px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: #ff3c28;color: #fff;border-radius: 0 25px 0 25px; font-size: 16px;} .product-list li .cont-box .more .iconfont{font-size: 24px;margin-left: 10px;} .product-list ul li:hover{box-shadow: 0px 10px 20.16px 3.84px rgba(0, 0, 0, 0.08);} .product-list ul li:hover .cont-box .title{color: #ff3c28;} /* 产品详情 */ .crumbs{line-height: 75px; font-size: 14px;color: #666;} .crumbs a{color: #666;} .crumbs a.active,.crumbs a:hover{color: #ff3c28;} .crumbs span{padding: 0 10px;} .product-details{padding:35px 0 75px 0;background-color: #f8f9fb;} .product-top{background-color: #fff;padding: 30px 40px;} .product-top .cont-box{width: 55%;padding-right: 45px;} .product-top .cont-box .title{font-size: 40px;color: #ff3c28;padding-bottom: 45px;border-bottom: 1px solid #efefef;margin-bottom: 40px; position: relative;} .product-top .cont-box .title::after{content: "";position: absolute;left: 0;bottom: 0;width: 50px;height: 3px;background-color: #ff3c28;} .product-top .cont-box .cont{font-size: 16px;color: #666;line-height: 1.75; margin-bottom:100px;} .product-top .cont-box .more{width: 220px;height: 52px;display: flex;align-items: center;justify-content: center;background-color: #ee2023;color: #fff;border-radius: 0 25px 0 25px; font-size: 24px;} .product-top .cont-box .more .iconfont{font-size: 30px;margin-right: 10px;} .product-top .pic-box{width: 45%;} .product-top .pic-box img{width: 100%;} .product-details .content-box{ margin-top: 30px;background-color: #fff;} .proinfoLine{padding-left: 40px;border-bottom: 1px solid #e5e5e5;} .proinfoLine .title{padding:25px 0;line-height: 1;font-size: 32px;position: relative;display: inline-block;} .proinfoLine .title::after { display: block; content: ''; background-color: #ee2023; position: absolute; left: 0; bottom: -1px; height: 3px; width: 100%; } .product-details .content-box .infoImg{padding: 50px 40px;line-height: 2;font-size: 16px;color: #666;} .prevnext{padding-top: 40px;} .prevnext a{font-size: 16px;color: #333;} .prevnext a:first-of-type{margin-right: 275px;} .prevnext a:hover{color: #ff3c28;} /* 新闻资讯 */ .news-list {padding-bottom:75px;} .news-list ul{padding-bottom:50px;} .news-list .news-item{width: 100%;padding: 40px 0;border-bottom: 1px solid #efefef; position: relative;} .news-list .news-item a{display: flex; position: relative;z-index: 2;} .news-list .news-item .pic-box{width: 390px;} .news-list .news-item .cont-box{width: calc(100% - 390px); padding-left:55px;} .news-list .news-item .cont-box .title{font-size: 20px;color: #000;font-weight: bold;line-height: 1.575;margin-bottom: 15px;} .news-list .news-item .cont-box .time{font-size: 16px;color: #ee2023;margin-bottom: 20px;} .news-list .news-item .cont-box .cont{font-size: 16px;color: #666; line-height: 1.75;margin-bottom: 30px;} .news-list .news-item::after{content:"";position: absolute;left:-50vw ;top: 0;width: 1000vw;height: 100%; background-color: #f8f8f8;z-index: 1;display: none;} .news-list .news-item:hover::after{display: block;} /* 新闻详情 */ .news-details .content-box{padding: 40px 0 70px 0;} .news-details .title{font-size: 40px;color: #000;text-align: center;} .news-details .cont{font-size: 16px;margin-top: 25px;color: #999;} .news-details .cont .item .iconfont{font-size: 20px; margin-right: 8px;} .news-details .cont .item.liulan{margin-right: 30px;} .news-details .infoImg {margin-top: 35px;padding: 35px 0;line-height: 1.969; font-size: 16px;color: #666;border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;} .newspage {padding-top: 30px;line-height:2;} .newspage a{ font-size: 16px;display: block;color: #666;} .newspage a span{color: #666; } .newspage a:hover{color: #ee2023;} /* 联系我们 */ .contact-us{padding-top: 60px;padding-bottom: 35px;} .contact-us .left-box{width: 42%;} .contact-us .right-box{width: 49%;} .contact-us .title{font-size: 36px;font-weight: 700;color: #333333;margin-bottom: 15px;} .contact-us .sub-tit{font-size: 16px;color: #999;} .contact-us .sub-tit i{color: red;} .contact-us .left-box .theme{padding: 65px 0;} .contact-us .left-box .theme .item{font-size:24px;margin-bottom: 40px;color: #333;} .contact-us .left-box .theme .item img{margin-right: 20px;} .contact-us .left-box .tit{font-size: 16px;color: #999;} .contact-us .left-box .phone{font-size: 42px;color: #ee2023;font-weight: bold;} .contact-us .left-box .phone span{border-bottom: 2px solid #f9b5b6;} .contact-us .right-box .form-box{width: 100%;padding: 40px 30px;background-color: #fff;box-shadow: 0px 10px 20.16px 3.84px rgba(0, 0, 0, 0.08);margin-top: 40px;display: flex; justify-content: space-between;} .contact-us .right-box .form-box .input-box{width: 48%;margin-bottom: 20px;} .contact-us .right-box .form-box .input-box.long{width: 100%;} .contact-us .right-box .form-box .input-box .tit{font-size: 16px;color: #333;margin-bottom: 15px;} .contact-us .right-box .form-box .input-box .tit i{color: red;} .contact-us .right-box .form-box .input-box input{width: 100%;height: 60px;padding-left: 15px;background-color: #f7f8f9;} .contact-us .right-box .form-box .input-box textarea{width: 100%;height: 125px;padding: 15px;background-color: #f7f8f9;} .contact-us .right-box .form-box .submit{width: 245px;height: 60px;display: flex;align-items: center;justify-content: center;background-color: #ee2023;color: #fff; font-size: 18px;} /* 人才招聘 */ .hire-box{position: relative;padding-top: 75px;background:#fafafa url(../images/hire-back.png) no-repeat;} .hire-sub-tit{font-size: 30px;color: #ee2023;margin-bottom: 10px;} .hire-title{font-size: 48px;font-weight: bold;color: #333;} .hire-box ul{display: grid;grid-template-columns: repeat(3,31%);column-gap: 3.5%;padding: 45px 0;} .hire-box ul li{height: 274px;background-color: #fff;box-shadow: 0px 0px 28.8px 3.2px rgba(0, 0, 0, 0.06);margin-bottom: 50px;padding: 40px 35px;} .hire-box ul li .title{font-size: 26px;color: #333;line-height: 1.212;margin-bottom: 15px;} .hire-box ul li .cont{font-size: 16px;color: #666;line-height: 1.969;margin-bottom: 25px;} .hire-box ul li .cont span{display: inline-block; margin-right: 25px;} .hire-box ul li .more{width: 180px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: #ee2023;color: #fff;border-radius: 0 25px 0 25px; font-size: 16px;} .hire-box ul li .cont-box .more .iconfont{font-size: 24px;margin-left: 10px;} .map-title{padding: 60px 0 50px 0;} /* 申请 弹出框 */ #dialogBg{width:100%;height:100%;background-color:rgba(0, 0, 0, .3);position:fixed;top:0;left:0;z-index:9999;display:none;} #dialog{ width:950px; height:550px; background-color: #ffffff; position: fixed; top:190px; left: 50%;transform: translateX(-50%);z-index: 10000; display: none;} #dialog .close{width:16px;position: absolute;right: 30px;top: 30px;} #dialog .container-box {padding: 50px 45px;} #dialog .container-box .title{font-size: 32px;color: #333;font-weight: bold;line-height:1;margin-bottom: 15px;} #dialog .container-box .content{font-size: 16px;color: #666;line-height: 1.969;margin-bottom: 50px;} #dialog .container-box .content span{display: inline-block; margin-right: 25px;} #dialog .container-box .requirements{width: 100%; font-size: 16px;color: #999;line-height: 1.875;} #dialog .container-box .requirements .tit{color: #666;width:90px;} #dialog .container-box .requirements .cont{width:calc(100% - 90px);} #dialog .container-box .ipt-line{margin-top: 15px;width: 48%;} #dialog .container-box .ipt-line .tit{font-size: 16px;color: #333;width:90px;} #dialog .container-box .ipt-line .tit i{color: red;} #dialog .container-box .ipt-line input{width:calc(100% - 90px);height: 60px;padding-left: 15px;background-color: #f7f8f9;} #dialog .container-box .choose-cont{width:calc(100% - 90px);} #dialog .container-box .choose_btn{width: 135px; height: 40px;background-color: #ee2023;color: #fff; display: flex;align-items: center;justify-content: center;margin-right: 10px;} #dialog .container-box .text-name{word-break: break-all;padding: 5px;font-size: 16px;width: calc(100% - 80px);} #dialog .container-box .upload_btn{width: 180px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: #ee2023;color: #fff;border-radius: 0 25px 0 25px; font-size: 16px;margin-top: 30px;} #dialog .tips {line-height:1.8;color: #999;} .map-box{width: 100%;height: 34vw;position: relative;} #allmap{width: 100%;height: 100%;} .map-box .info-box{width: 41.7vw;height: 26.7vw;padding: 50px 60px; position: absolute;right: 0;top: 50%;transform: translateY(-50%); background-color: #fff;} .map-box .info-box .title-line{padding-bottom: 15px ;font-size: 24px;color: #333;border-bottom: 1px solid #efefef;} .map-box .info-box ul{padding-top: 30px;} .map-box .info-box ul li{margin-bottom: 30px;} .map-box .info-box ul li .iconfont{font-size: 24px;color: #ee2023;margin-right: 20px;} .map-box .info-box ul li .cont-box{flex: 1;} .map-box .info-box ul li .cont-box .tit{font-size: 18px;color: #000;font-weight: 700;margin-bottom:15px;} .map-box .info-box ul li .cont-box .cont{font-size: 14px;color: #999;line-height: 1.4;}