@charset "utf-8"; /* =====================鍐呴〉鏍峰紡======================== */ /* 瑙嗛寮圭獥 */ .popVideo{display: none;opacity: 0;align-items: center;justify-content: center;position: fixed;z-index: 999999;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;} .popVideo-items{width: 1000px;position: relative;display: none;padding: 34px 34px 0;} .popVideo-video{width: 100%;} .popVideo-video video{width: 100%;} .popVideo-video iframe{width: 100%;height: 500px;} .popVideo-close{width: 30px;height: 30px;position: absolute;right: 0;top: 0;z-index: 3;background: url('../images/common/closeW.svg') no-repeat center/24px auto;cursor: pointer;opacity: .7;transition: all .6s ease;} .popVideo-close:hover{opacity: 1;} @media all and (max-width:1100px) {.popVideo-items{width: 92%;padding: 34px 0 0;}.popVideo-close{right: 0;}.popVideo-video iframe{height: 400px;}} @media all and (max-width:640px) {.popVideo-video iframe{height: 200px;}} /* 鍒嗛〉 */ .paging{width: 100%;font-size: 0;text-align: center;margin-top: 50px;user-select: none;} .paging-menu, .paging-menu a, .paging-skip, .paging-hint, .paging-skip input, .paging-skip button{display: inline-block;vertical-align: middle;} .paging-menu a{width: 44px;height: 44px;line-height: 42px;border: 1px solid #e1e1e1;margin: 4px;font-size: 14px;color: #555;transition: all .4s ease;border-radius: 50%;background-color: #fff;} .paging-menu a:first-child, .paging-menu a:last-child{width: 102px;border-radius: 22px;} .paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #0b5874;background-color: #0b5874;color: #fff;} @media all and (max-width:1599px) {.paging{margin-top: 50px;}} @media all and (max-width:1279px) {.paging{margin-top: 44px;}} @media all and (max-width:1000px) {.paging{margin-top: 36px;}.paging-menu a{margin: 4px 2px;}} @media all and (max-width:680px) {.paging{margin-top: 28px;}.paging-menu a{width: 32px;height: 32px;line-height: 30px;font-size: 13px;}.paging-menu a:first-child, .paging-menu a:last-child{width: 68px;}} /* 鎼滅储椤甸潰 */ .search{width: 100%;padding: 80px 0;} .search-info{width: 100%;font-size: 28px;color: #333;font-weight: 700;} .search-info span{color: #f48e31;} .search-list{width: 100%;margin-top: 30px;} .search-link{display: block;width: 100%;padding: 32px 0;border-bottom: 1px solid #f0f0f2;} .search-link h2{font-size: 20px;color: #333;line-height: 1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;} .search-link p{width: 100%;font-size: 16px;margin-top: 16px;color: #666;line-height: 26px;max-height: 52px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;} .search-link .highlightRow span{color: #f48e31 !important;} .search-link:hover h2{color: #f48e31;} @media all and (max-width:1599px) {.search{padding: 70px 0;}.search-info{font-size: 26px;}.search-link{padding: 28px 0;}.search-list{margin-top: 18px;}} @media all and (max-width:1279px) {.search{padding: 60px 0;}.search-info{font-size: 24px;}.search-link{padding: 24px 0;}.search-list{margin-top: 12px;}} @media all and (max-width:1000px) {.search{padding: 40px 0;}.search-info{font-size: 20px;}.search-link{padding: 20px 0;}.search-list{margin-top: 8px;}.search-link h2{font-size: 18px;}.search-link p{margin-top: 12px;}} .inpage{width: 100%;overflow: hidden;position: relative;} .inpage img{width: 100%;object-fit: cover;} .inpage-content{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .inpage-content .contain-1440{display: flex;align-items: center;height: 100%;position: relative;} .inpage-intro{width: 100%;} .inpage-intro h2{font-size: 42px;color: #fff;font-weight: 500;line-height: 1;margin-bottom: 24px;animation: banFade 1s ease;} .inpage-intro span{display: block; font-size: 48px;opacity: .3; color: #fff;line-height: 1;animation: banFadeT 1.5s ease;} @keyframes banFade{0%{opacity: 0; transform: translateX(150px);}100%{opacity: 1; transform: translateX(0);}} @keyframes banFadeT{0%{opacity: 0; transform: translateX(150px);}100%{opacity: .3; transform: translateX(0);}} .inpage-navbar{position: absolute;left: 0;bottom: 0;width: 100%;transition: all .4s ease;} .inpage-navbar.inpage-fixed{position: fixed;width: 1440px;margin: 0 auto;top: 90px;left: 0;right: 0;z-index: 100;bottom: unset;} body.Header-scroll .inpage-navbar.inpage-fixed{top: 0;} .inpage-navbar ul{display: flex;justify-content: center;width: 100%;} .inpage-navbar li{width: auto;} .inpage-navbar.nav2 li{width: 50%;} .inpage-navbar.nav3 li{width: 33.333%;} .inpage-navbar.nav4 li{width: 25%;} .inpage-navbar.nav5 li{width: 20%;} .inpage-navbar li a{display: flex;justify-content: center;align-items: center; width: 100%;height: 60px;font-size: 16px;color: #fff;background-color: rgba(0,0,0,.5);transition: all .4s ease;border-right:1px solid rgba(255,255,255,.11)} .inpage-navbar li:last-child a{border-right:none;} .inpage-navbar li.active a{background-color: #ea8101;border-right:1px solid #ea8101;} .btn{display: flex;justify-content: center;align-items: center;width: 120px;height: 45px;font-size: 16px;color: #fff;font-weight: 500;border-radius: 3px;background-color: #ea8101; transition: all .4s ease;} .btn:hover{border: 1px solid #e88001;background-color: transparent; color: #e88001;} .incom-title{width: 100%;text-align: center;} .incom-title h2{font-size: 42px;color: #333;font-weight: 500;line-height: 1;} .incom-title.lft{text-align: left;} .incom-title.white h2{color: #fff;} /* 浜у搧涓婚〉 */ .prod{width: 100%;padding: 90px 0;background-color: #fcfcfc;} .prod-items{width: 100%;} .prod-coulmn{width: 100%;} .prod-intro{float: left;display: flex;flex-direction: column;justify-content: space-between;width: calc(100% - 975px);height: 664px;padding: 70px 40px 98px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background-color: #fff;box-shadow: 0px 20px 76px 0px rgba(35, 33, 30, 0.1);} .prod-intro_cont{width: 100%;} .prod-intro_cont h2{font-size: 24px;color: #444;font-weight: 600;padding-bottom: 20px;position: relative;} .prod-intro_cont h2::before{content: '';width: 35px;height: 3px;background-color: #ea8101;position: absolute;left: 0;bottom: 0;} .prod-intro_cont h6{font-size: 18px;color: #333;font-weight: 600;margin: 28px 0 12px;} .prod-intro_cont p{font-size: 15px;color: #888;line-height: 22px;} .prod-intro_show{width: 100%;} .prod-intro_img{width: 100%;border-radius: 5px;overflow: hidden;} .prod-intro_img img{transition: all .4s ease; width: 100%;object-fit: cover;} .prod-intro_img:hover img{transform: scale(1.1);} .prod-intro_show .btn{margin-top: 32px;} .prod-show{float: right;position: relative;z-index: 1;width: 975px;height: 664px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;} .prod-pic{position: absolute;left: 0;top: 0;z-index: -1;width: 100%;height: 100%;} .prod-pic .prod-Bj{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition:all .5s;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;} .prod-pic .prod-Bj.active{opacity: 1;} .prod-list{width: 100%;height: 100%;} .prod-list li{float: left;width: 20%;height: 100%;position: relative;} .prod-list li:not(:last-child){border-right: 1px solid #ffffff4d;} .prod-list.list2 li{width: 50%;} .prod-list.list3 li{width: 33.333%;} .prod-list.list4 li{width: 25%;} /* .prod-list.list5 li{width: 16.666%;} */ .prod_list-cont{position: absolute;left: 0;top: 238px;width: 100%;padding: 0 25px;} .prod_list-cont .deco {display: block;width: 6rem;height: 6rem;opacity: 1;transition: .1s;transform: translateZ(0);margin: 0 auto;} .deco:before {content: "";left: 50%;position: absolute;top: 50%;transform: translate3d(-50%, -50%, 0) scale(.8);transition: .4s;border: 1px solid #ffffff4d;border-radius: 100%;height: 2rem;width: 2rem;} .deco:after {content: "";left: 50%;position: absolute;top: 50%;transform: translate3d(-50%, -50%, 0) scale(.8);transition: .4s;border: 1px solid #ffffff1a;border-radius: 100%;height: 3.5rem;width: 3.5rem;} .prod_list-cont .deco i{background: #fff;border: 1px solid #fff;border-radius: 100%;width: 1rem; height:1rem;left: 50%;position: absolute;top: 50%;transform: translate3d(-50%, -50%, 0) scale(.6);transition:.4s;} .prod_list-cont .tit{font-size: 17px; line-height: 1.2;color: #fff;font-weight: 500;margin: 48px 0 24px;text-align: center;transition: all .36s;} .prod_list-cont .text{font-size: 15px;color: #fff;line-height: 22px;opacity: 0;transform: translateY(60px);transition: all .4s ease;} .prod-list li.active .deco:before {animation: scaleUp 1.3s linear .3s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);border-color: #e88001} .prod-list li.active .deco i{background: #e88001; animation: scaleUp 1.3s linear 0s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);border-color: #e88001;} .prod-list li.active .deco:after {animation: scaleUp 1.3s linear .15s infinite both;transform: translate3d(-50%, -50%, 0) scale(1);border-color: rgba(234, 129, 1, .5);} .prod-list li.active .prod_list-cont .text{transform: translateY(0);opacity: 1;} @keyframes scaleUp {20% {-webkit-transform: translate3d(-50%, -50%, 0) scale(1.15); transform: translate3d(-50%, -50%, 0) scale(1.15);-webkit-animation-timing-function: ease; animation-timing-function: ease}50% {-webkit-transform: translate3d(-50%, -50%, 0) scale(1);transform: translate3d(-50%, -50%, 0) scale(1);-webkit-animation-timing-function: ease;animation-timing-function: ease}} .prod-coulmn+.prod-coulmn{margin-top: 68px;} .prod-coulmn:nth-child(2n) .prod-intro{float: right;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-top-left-radius:0;border-bottom-left-radius:0;} .prod-coulmn:nth-child(2n) .prod-show{float: left;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border-top-right-radius:0;border-bottom-right-radius: 0;} /* 鍝佽川淇濊瘉 */ .quality{width: 100%;background-color: #fafafa;} .qualitylm{width: 100%;padding-top: 88px;} .qualitylm-list{display: flex;justify-content: center;width: 100%;margin-top: 58px;} .qualitylm-list li{display: flex;flex-direction: column;align-items: center;width: 25%;} .qualitylm-list.list2 li{width: 50%;} .qualitylm-list.list3 li{width: 33.333%;} .qualitylm-list.list4 li{width: 25%;} .qualitylm-list.list5 li{width: 20%;} .qualitylm-list li i{display: flex;justify-content: center;align-items:flex-end;width: 48px;height: 48px;position: relative;z-index: 1;} .qualitylm-list li i::after{content: '';width: 32px;height: 32px;border-radius: 50%;background-color: #eccdac;position: absolute;right: 0;bottom: -12px;z-index: -1;} .qualitylm-list li i img{max-width: 88%;max-height: 88%;object-fit: cover;} .qualitylm-list li h6{font-size: 16px;color: #333;font-weight: 500;margin-top: 20px;} .qualityzs{width: 100%;margin-top: 54px;} .qualityzs-items{display: flex;align-items: center;flex-direction: row-reverse; width: 100%;overflow: hidden;background-color: #e4f0f4;} .qualityzs-items+.qualityzs-items{margin-top: 18px;} .qualityzs-img{width:1258px;height: 100%;display: flex;justify-content: center;overflow: hidden; align-items: center;} .qualityzs-img img{width: 100%;object-fit: cover;transition: all .4s ease;} .qualityzs-items:hover .qualityzs-img img{transform: scale(1.1);} .qualityzs-cont{width:calc(100% - 1258px);height:100%; padding:0 112px 0 124px;} .qualityzs-cont .qualityzsTitle{text-align: left;} .qualityzs-cont .qualityzsTitle h2{font-size: 28px;color: #333;font-weight: 700;margin-bottom: 20px;} .qualityzs-cont .qualityzsTitle p{font-size: 15px;color: #777;line-height: 26px;} .qualityzs-items:nth-child(2n) {flex-flow: row;} .qualityzs-data{display:flex;flex-wrap:wrap;width:100%;margin-top: 32px;} .qualityzs-data li{width:auto;transition: all .4s ease;} .qualityzs-data li+li{margin-left: 62px;} .qualityzs-data li h6{font-size:15px;color:#555;margin-top:10px} .qualityzs-num{font-size:16px;font-weight:700;color:#666;line-height:1} .qualityzs-num span{font-size:56px;color:#005874;font-family:'Samsung Sharp Sans'; line-height:1;display:inline-block;padding-right:10px} /* 鎶€鏈敮鎸 */ .skill{padding: 90px 0 120px 0;} .ski-title{width: 65%;margin: 0 auto;} .ski-title .title{text-align: center;font-size: 42px; font-weight: 700;color: #333;} .ski-title .text{background: url('../images/pages/66.png') no-repeat left center/180px auto;padding:45px 0 25px 250px; line-height: 30px;} .ski-con{margin-top: 100px;display: flex;flex-wrap: wrap;justify-content: space-between;} .ski-item{display: block;border-radius: 10px;position: relative;width: 48%;} .ski-itemImg{width: 100%;overflow: hidden;} .ski-itemImg img{max-width: 100%;object-fit: cover;} .ski-item::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);opacity: 0;transition: all .4s ease;z-index: 1;} .ski-itemCon{position: absolute;left: 0;top: 0;width: 100%;height: 94%;padding: 65px 55px 0 55px;overflow: hidden;z-index: 2;} .ski-itemIcon{width: 80px;height: 80px;border-radius: 5px;position: relative;background: url('../images/pages/skillIcon1.png') no-repeat center/50px auto;background-color: rgba(0, 0, 0, .6);} .ski-item:nth-child(2) .ski-itemIcon{background-image: url('../images/pages/skillIcon2.png');} .ski-itemText{transform: translateY(90px); color: #fff; position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 40px;transition: all .4s ease;} .ski-itemText .title{font-size: 32px;font-weight: 700;} .ski-itemText .text{font-size: 15px;line-height: 26px;margin-top: 10px;min-height: 78px;} .ski-item:hover .ski-itemText{transform: translateY(0);} .ski-item:hover::after{opacity: 1;} /* .ski-itemIcon::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);bac} */ /* 浜у搧璇︽儏 */ .link-nav{height:60px;background-color: #727d81;} .link-nav .contain-1440{height:100%;display:flex;justify-content: space-between;flex-wrap: wrap;} .link-nav .nav,.link-btn{display: flex;align-items: center;} .link-btn a{margin-right: 30px;} .link-btn a.active{color: #e87800;} .link-btn a:last-child{margin-right: 0;} .link-nav a{font-size:14px;color:#fff;line-height:1;transition:all .4s ease} .link-nav a:hover,.link-nav a.active{color: #eb8408;} .link-nav i{display:block;background:url(../images/common/arrRW.svg) no-repeat center/100%;width:16px;height:16px;margin:0 6px} .detailszs{width: 100%;padding:68px 0 70px;background-color: #fafafa;} .detailszs .contain-1440{display:flex;justify-content:space-between;align-items: center;} .detailszs-picture{width:688px;border-radius: 5px;overflow: hidden;} .detailszs-picture img{max-width:80%;object-fit:cover} .detailszs-picture .slide-img{text-align: center;overflow: hidden;} .det-gallery{width: 100%;overflow: hidden;position: relative;} .det-gallery .swiper-container{width: 80%;} .det-gallery .gallery-prev,.det-gallery .gallery-next{transition: all .4s ease; position: absolute;top: 50%;transform: translateY(-50%);z-index: 5;width: 35px;height: 35px;border-radius: 50%;background: url('../images/pages/detSwp-prev.png') no-repeat center/37% auto;background-color: #757b85;} .det-gallery .gallery-prev{left: 25px;} .det-gallery .gallery-next{right: 25px;transform: translateY(-50%) rotateY(180deg);} .det-gallery .gallery-prev:hover,.det-gallery .gallery-next:hover{background-color: #e87800;} .det-thumbs{width: 60%;margin: 50px auto 0} .det-thumbs .swiper-slide{height: 70px;padding: 5px;} .det-thumbs .slide-img{width: 100%;height: 100%; border: 2px solid #e5e5e5;display: flex;align-items: center;justify-content: center;} .det-thumbs .swiper-slide.active .slide-img{border-color: #0b5874;} .detailszs-txt{width:calc(100% - 688px);padding-left: 72px;} .detailszs-txt h2{font-size:32px;color:#333;font-weight: 500;line-height: 1;margin-bottom: 14px;letter-spacing: 1px;} .detailszs-txt h6{font-size:16px;color:#444;line-height:28px;} .detailszs-txt .txt{width: 100%;margin-top: 20px;} .detailszs-txt p{font-size:14px;line-height:35px;color:#777;position:relative;padding-left: 18px;} .detailszs-txt p::before{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #858585;position: absolute;left: 0;top: 15px;} .detailszs-txt .btn{width: 128px;margin-top: 24px;float: left;margin-right: 20px;} .detailszs-txt .btn:last-child{margin-right: 0;} .detailszs-txt .btn span{position: relative;transition: all .4s ease;} .details-title{width: 100%;text-align: center;} .details-title h2{font-size: 34px;color: #333;font-weight: 700;} .details-title.white h2{color: #fff;} .det-nav{width: 100%;background: #fff;border: 1px solid #f3f3f3;} .det-nav li{font-size: 18px; cursor: pointer; position: relative; transition: all .4s ease; float: left;width: 150px;height: 70px;display: flex;align-items: center;justify-content: center;color: #333;border: 1px solid #f3f3f3;} .det-nav li:hover{color: #e87800;} .det-nav li.active{color: #e87800;} .det-nav li.active::after{position: absolute;content: "";left: 0;bottom: 0;width: 100%;height: 2px;background: #e87800;} .detCon{padding: 50px 0 100px 0;background: #fafafa;} .detCon .contain-1440{display: flex;flex-wrap: wrap;justify-content: space-between;} .detCon a{display: block;} .detCon-det{width: calc(100% - 410px);padding: 40px;background: #fff;display: none;} .detCon-det p{font-size:16px;line-height:28px;color:#666;} .detCon-det table {width: 100%;font-size: 16px;color: #666;text-align: center;} .detCon-det table tr:first-child {font-weight: 700;} .detCon-det table tr td {height: 52px;border: 1px solid #e2e2e2;background-color: #fff;} .detCon-det table tr:nth-child(2n) td {background-color: #f4f4f4;} .detCon-items{width: 380px;} .detCon-list{background: #fff;padding: 35px;} .detCon-list .title{color: #333;font-weight: 500;font-size: 22px;margin-bottom: 20px;} .detCon-list a{transition: all .4s ease; letter-spacing: 1px; font-size: 16px;padding: 12px 0;border-bottom: 1px solid #f3f3f3;position: relative;} .detCon-list a::after{content: "";position: absolute;top: 50%;right: 3px;transform: translateY(-50%);background: url('../images/pages/detCon-list.png') no-repeat center/100% auto;width: 5px;height: 10px;} .detCon-list a:hover,.detCon-list a.active{color: #e87800;} .detCon-prod{margin-top: 20px;} .detCon-prod .title{background: #fff; padding: 20px 0 20px 35px;color: #333;font-size: 24px;font-weight: 700;border-bottom: 1px solid #f3f3f3;} .detCon-prod .prod-item{background: #fff;margin-bottom: 20px;} .detCon-prod .prod-item:last-child{margin-bottom: 0;} .detCon-prod .prod-img{padding: 40px 0;text-align: center;overflow: hidden;border-bottom: 1px solid #f3f3f3;} .detCon-prod .prod-img img{max-width: 80%;object-fit: cover;transition: all .4s ease;} .detCon-prod .prod-text{padding: 40px 0;text-align: center;} .detCon-prod .name{text-align: center; color: #333; font-size: 24px;font-weight: 500;} .detCon-prod .text{line-height: 24px;margin-top: 15px;text-align: center;width: 80%;margin: 15px auto 0;transition: all .4s ease;} .detCon-prod .prod-item:hover img{transform: scale(1.05);} .detCon-prod .prod-item:hover .text{color: #c17f30;} /* 鍏充簬鎴戜滑 */ .aboutjs{width: 100%;padding: 118px 0 114px;position: relative;z-index: 1;overflow: hidden;} .aboutjs::before{content: '';width: 1502px;height: 944px;background: url('../images/pages/aboutjs_Bj.png') center no-repeat;position: absolute;left: 0;bottom:-268px;z-index: -1;} .aboutjs-lft{float: left;width: 416px;} .aboutjs-show{width: 480px;height: 270px;margin-top: 52px;overflow: hidden;} .aboutjs-show img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease;} .aboutjs-show:hover img{transform: scale(1.1);} .aboutjs-rgt{float:right;width: calc(100% - 416px);padding-left: 154px;} .aboutjs-text{width: 100%;} .aboutjs-text p{font-size: 15px;color: #777;line-height: 26px;} .aboutjs-text p+p{margin-top:14px;} .aboutjs-data{display:flex;flex-wrap:wrap;width:100%;margin-top: 72px;} .aboutjs-data li{width:auto;transition: all .4s ease;} .aboutjs-data li:nth-child(3){text-align: center;} .aboutjs-data li:nth-child(4){text-align: center;} .aboutjs-data li+li{margin-left: 85px;} .aboutjs-data li p{font-size:15px;color:#666;margin-top:12px;text-align: center;} .aboutjs-num{font-size:16px;color:#666;line-height:1;} .aboutjs-num span{font-size:56px;color:#ea8101; line-height:1;display:inline-block;padding-right:10px} .aboutbj{width: 100%;padding: 90px 0 88px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;} .aboutbj-map{width: 1033px;height: 501px;margin: 62px auto 0;position: relative;} .aboutbj-map img{width: 100%;height: 100%;object-fit: cover;} .aboutbj-place{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .site-dots{display:inline-block;position: absolute;text-align: center;} .site-dots>i{display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin: 0 auto;background: #ea8101;position: relative;transition: all .4s} .site-dots>i::before, .site-dots>i::after{content: "";z-index: 0;opacity: 0.5;display: block;width: 26px;height: 26px;background: #ea8101;border-radius:50%;position: absolute;top: 50%;left: 50%;margin-top: -13px;margin-left: -13px;} .site-dots>i::after{transform: scale(0.7);} .site-dots>i::before, .site-dots>i::after{background: #f49111;transform: scale(0);} .site-dots>i::before{animation: reldotsRing 2s linear infinite 0.6s;} .site-dots>i::after{animation: reldotsRing 2s linear infinite 0s;} .site-dots .name{font-size: 16px;color: #fff;font-weight: 700;margin-top: 4px;line-height: 1;} @keyframes reldotsRing {from {transform: scale(0);opacity: 1;}to {transform: scale(1.2);opacity: 0;}} .site-dots.yindu {right: 30.5%;bottom: 41.5%;} .site-dots.mlxy {right: 19.5%;bottom: 25%;} .site-dots.changzhou{right: 22%;bottom: 54%;display: flex;flex-direction: row-reverse;align-items: center;} .site-dots.huaian {right: 22%;bottom: 58%;display: flex;flex-direction: row-reverse;align-items: center;} .site-dots.shengzheng .name {position: absolute;bottom: -23px;right: -11px;width: max-content;} .site-dots.shengzheng .site-contact {display: none;width: 375px;padding: 24px 30px 60px;position: absolute;left: 50%;bottom: -35px;z-index: 10;transform: translate(-50%,100%);background: #ea8101;} .site-dots.huaian .name {position: absolute;bottom: 0px;right: 13px;width: max-content;} .site-dots.shengzheng { right: 23%; bottom: 45%; display: flex; flex-direction: row-reverse; align-items: center; } .site-dots.guangzhou { right: 24%; top: 48%; } .site-dots.guangzhou>i{display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin: 0 auto;background: #003ecb;position: relative;transition: all .4s} .site-dots.guangzhou>i::before, .site-dots.guangzhou>i::after{content: "";z-index: 0;opacity: 0.5;display: block;width: 26px;height: 26px;background: #003ecb;border-radius:50%;position: absolute;top: 50%;left: 50%;margin-top: -13px;margin-left: -13px;} .site-dots.guangzhou>i::after{transform: scale(0.7);} .site-dots.guangzhou>i::before, .site-dots.guangzhou>i::after{background: #003ecb;transform: scale(0);} .site-dots.neimeng>i{display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin: 0 auto;background: #18a048;position: relative;transition: all .4s} .site-dots.neimeng>i::before, .site-dots.neimeng>i::after{content: "";z-index: 0;opacity: 0.5;display: block;width: 26px;height: 26px;background: #18a048;border-radius:50%;position: absolute;top: 50%;left: 50%;margin-top: -13px;margin-left: -13px;} .site-dots.neimeng>i::after{transform: scale(0.7);} .site-dots.neimeng>i::before, .site-dots.neimeng>i::after{background: #18a048;transform: scale(0);} .site-dots.guangzhoucangu>i{display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin: 0 auto;background: #18a048;position: relative;transition: all .4s} .site-dots.guangzhoucangu>i::before, .site-dots.guangzhoucangu>i::after{content: "";z-index: 0;opacity: 0.5;display: block;width: 26px;height: 26px;background: #18a048;border-radius:50%;position: absolute;top: 50%;left: 50%;margin-top: -13px;margin-left: -13px;} .site-dots.guangzhoucangu>i::after{transform: scale(0.7);} .site-dots.guangzhoucangu>i::before, .site-dots.guangzhoucangu>i::after{background: #18a048;transform: scale(0);} .site-dots.hainancangu>i{display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin: 0 auto;background: #18a048;position: relative;transition: all .4s} .site-dots.hainancangu>i::before, .site-dots.hainancangu>i::after{content: "";z-index: 0;opacity: 0.5;display: block;width: 26px;height: 26px;background: #18a048;border-radius:50%;position: absolute;top: 50%;left: 50%;margin-top: -13px;margin-left: -13px;} .site-dots.hainancangu>i::after{transform: scale(0.7);} .site-dots.hainancangu>i::before, .site-dots.hainancangu>i::after{background: #18a048;transform: scale(0);} .site-dots.hainancangu {right: 30.5%;bottom: 40%;display: flex;flex-direction: row-reverse;align-items: center;} .site-dots.guangzhoucangu{right: 21.5%;bottom: 48%;display: flex;flex-direction: row-reverse;align-items: center;} .site-dots.neimeng {right: 19%;bottom: 65%;display: flex;flex-direction: row-reverse;align-items: center;} .site-dots.qingdaocangku {right: 19%;bottom: 58%;display: flex;flex-direction: row-reverse;align-items: center;} .site-dots.changzhoucangku {right: 21%;bottom: 55%;display: flex;flex-direction: row-reverse;align-items: center;} .site-dots.xiamencangku {right: 19%;bottom: 53%;display: flex;flex-direction: row-reverse;align-items: center;} .site-dots.guangzhoucangku {right: 23.5%;bottom: 49%;display: flex;flex-direction: row-reverse;align-items: center;} .site-dots.shantoucangku {right: 19%;bottom: 46.8%;display: flex;flex-direction: row-reverse;align-items: center;} .site-dots.yinducangku {right: 29.8%;bottom: 46.9%;display: flex;flex-direction: row-reverse;align-items: center;} .site-dots.malaixiyacangku {right: 19%;bottom: 30%;display: flex;flex-direction: row-reverse;align-items: center;} .site-dots.huanan2 {right: 21%;bottom: 60%;display: flex;flex-direction: row-reverse;align-items: center;} .site-dots.shenzheng2 {right: 21%;bottom: 45%;display: flex;flex-direction: row-reverse;align-items: center;} .site-ddote .site-contact{display: none; width: max-content;padding: 20px 20px;position: absolute;left: 1px;bottom: 95px;z-index: 10; transform: translate(-50%,100%); background: rgba(0, 0, 0, 70%);border-radius: 5px;} .site-ddote .site-contact::before{content: '';display: block;width: 0;height: 0;border-style: solid;border-width: 0 9px 12px 9px;border-color: transparent transparent rgba(0, 0, 0, 70%) transparent;position: absolute; bottom:-12px;left: 50%;margin-left: -6px;top: auto;transform: rotate(180deg);} .site-ddote.site-dots>i{display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin: 0 auto;background: #67efed;position: relative;transition: all .4s} .site-ddote.site-dots>i::before, .site-ddote.site-dots>i::after{content: "";z-index: 0;opacity: 0.5;display: block;width: 26px;height: 26px;background: #67efed;border-radius:50%;position: absolute;top: 50%;left: 50%;margin-top: -13px;margin-left: -13px;} .site-ddote.site-dots>i::after{transform: scale(0.7);} .site-ddote.site-dots>i::before, .site-ddote.site-dots>i::after{background: #14b7d0;transform: scale(0);} .xingz-lib { position: absolute; bottom: 220px; left:292px; } .xingz-lib li {color: #fff;font-size: 16px;margin-bottom: 15px;} .xingz-lib li a{margin-right: 20px;} .xingz-lib .site-dots.guangzhou{position: static;} .xingz-lib .site-dots.changzhoucangku{position: static;display: inline-block;} .xingz-lib .site-dots.yindu{position: static;} .xingz-lib .site-dots.neimeng{position: static;display: inline-block;} .site-contact{display: none; width: 375px;padding: 24px 30px 60px;position: absolute;left: 50%;bottom: -20px;z-index: 10; transform: translate(-50%,100%); background: #ea8101;/*background-image: linear-gradient(#ea8101 0%,#d69546 40%,transparent)*/} .site-contact::before{content: '';display: block;width: 0;height: 0;border-style: solid;border-width: 0 9px 12px 9px;border-color: transparent transparent #ea8101 transparent;position: absolute;top: -12px;left: 50%;margin-left: -6px;} .site-contact p{display: flex;align-items: center;} .site-contact p i{ display: flex;justify-content: center;align-items: center; width: 18px;height: 18px;margin-right: 14px;margin-right: 10px;} .site-contact p i img{max-width: 100%;object-fit: cover;width: 100%;height: auto;} .site-contact p span{display: inline-block;font-size: 13px;color: #fff;line-height: 30px;} .site-dots:hover .site-contact{display: block;} .site-dots.changzhou .name{right: 20%;top: 48%;margin: 0 10px 0 0;} .aboutbj-data{display:flex;justify-content: center;flex-wrap:wrap;width:100%;margin-top:38px;} .aboutbj-data li{width:auto;transition: all .4s ease;display: flex;align-items: flex-end;} .aboutbj-data li+li{margin-left:80px;} .aboutbj-num{display: flex;align-items: flex-end;} .num-add{display: flex;align-items: center; font-size:44px;color:#fff; line-height:1} .aboutbj-num span{font-size:44px;color:#fff; line-height:1;display:inline-block;} .aboutbj-num p{font-size: 16px;color: #fff;margin-left: 10px;margin-right: 10px;} .aboutwh{width: 100%;padding: 88px 0;} .aboutwh-show{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;margin-top: 42px;} .aboutwh-img{width: 49%;border-radius: 4px;overflow: hidden;position: relative;} .aboutwh-img img{width: 100%;object-fit: cover;transition: all .6s ease;} .aboutwh-img:hover img{transform: scale(1.08);} .aboutwh-intro{position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: center;align-items: center; width: 100%;height: 100%;} .aboutwh-intro h2{font-size: 30px;color: #fff;font-weight: 700;margin-bottom: 12px;} .aboutwh-intro p{font-size: 22px;color: #fff;} .aboutwh-intro .btn{margin-top: 46px;background-color: transparent;border: 2px solid #fff;} .aboutwh-intro .btn:hover{background-color: #e88001;border-color: #e88001;color: #fff;} .aboutlc{width: 100%;padding: 90px 0 128px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;} .aboutlc-loop-app{position: absolute;bottom: 55px;right: 40px;z-index: 999;font-size: 15px;color: #fff;animation: AboutlcApp .7s linear infinite alternate;display: none;} .aboutlc-loop-app div{display: flex;} .aboutlc-loop-app span{display: flex;align-items: center;margin-left: 10px;} .aboutlc-loop-app span img{width: 20px;} @keyframes AboutlcApp {0%{transform: translateX(0px);}100%{transform: translateX(5px);}} .aboutlc-loop{width: 100%;margin-top: 65px;} .aboutlc-container{float: right;width:calc(50vw + 720px);position: relative;padding-bottom: 46px;} .aboutlc-loop .swiper-slide{width: 360px;} .aboutlc-show{width: 100%;padding: 80px 32px;border-right: 1px solid rgba(255, 255, 255, 0.2);} .aboutlc-show .aboutlc-year{font-size: 46px;color: #fff;transition: all .4s ease;} .aboutlc-show .aboutlc-cont{width: 100%;margin-top: 24px;overflow-y: auto;height: 218px;} .aboutlc-show .aboutlc-cont::-webkit-scrollbar {width:3px;height: 100%;background: #dddddd} .aboutlc-show .aboutlc-cont::-webkit-scrollbar-thumb {background: #ea8101;border-radius: 20px} .aboutlc-show .aboutlc-cont::-webkit-scrollbar-track {border-radius: 00px} .aboutlc-show .aboutlc-cont p{font-size: 16px;color: #fff;line-height: 26px;margin-bottom: 10px;} .aboutlc-loop .swiper-slide-active .aboutlc-show .aboutlc-year{color: #ea8101;} .aboutlc-loop .aboutlc-pagination{width: 100%;height: 2px;left: 0;bottom: 0;background-color:rgba(255, 255, 255, 0.2);} .aboutlc-loop .aboutlc-pagination .swiper-pagination-progressbar-fill{background-color: #ea8101;} .aboutlc-prev,.aboutlc-next{width: 42px;height: 42px;border-radius: 50%;background: transparent url('../images/pages/abt_Arr.png') no-repeat center;position: absolute;top: 50%;left: -60px;margin-top: -40px; cursor: pointer;z-index: 3;transition: all .4s ease;opacity: 0;} .aboutlc-next{left: auto;right: 60px;transform: rotate(180deg);} .aboutlc-prev:hover,.aboutlc-next:hover{background: #ea8101 url('../images/pages/abt_Arr.png') no-repeat center;} .aboutlc-container:hover .aboutlc-prev,.aboutlc-container:hover .aboutlc-next{opacity: 1;} .culture{width: 100%;padding: 120px 0 110px;position: relative;z-index: 1;background-image: linear-gradient(#ecf1f4,#fff);} .culture::after{content: '';width: 1269px;height: 888px;background:url('../images/pages/culturelm_Bj.png') no-repeat center;position: absolute;left: 0;right: 0;top: 88px;margin: 0 auto;z-index: -1;} .culture-menu{display: flex;justify-content: center;width: 100%;} .culture-menu a{font-size: 26px;color: #444;font-weight: 500;padding-bottom: 16px;position: relative;transition: all .4s ease;} .culture-menu a::before{content: '';width: 0;height: 3px;background-color: #e87a00;position: absolute;right: 0;bottom: 0;transition: all .4s ease;} .culture-menu a:hover,.culture-menu a.active{color: #e87a00;} .culture-menu a:hover::before,.culture-menu a.active::before{width: 100%;right: auto;left: 0;} .culture-menu a+a{margin-left: 66px;} .culture-coulmn{width: 100%;margin-top: 34px;} .culture-item{width: 100%;display: none;} .culture-item.active{display: block;} .culture-intro{width: 100%;text-align: center;margin-bottom: 58px;} .culture-intro p{font-size: 15px;color: #888;line-height: 26px;max-width: 80%;margin: 0 auto;} .culture-list{margin:-1% 0 0 -1%;width: 100%;} .culture-list li{float: left;width: 48%;margin:1% 0 0 1%;position: relative;border-radius: 5px;overflow: hidden;box-shadow: 1px 14px 21px 0px rgba(108, 108, 108, 0.09);} .culture-list li .culture-img{width: 100%;object-fit: cover;opacity: 0;transition: all .4s ease;} .culture-cont{display: flex;align-items: center;position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;padding:0 45px; background-color: #fdfdfd;transition: all .4s ease;} .culture-cont i{display: flex;justify-content: center;align-items: center;width: 72px;height: 72px;position: relative;} .culture-cont i img{max-width: 100%;object-fit: cover;position: absolute;z-index: 3;transition: all .4s ease;} .culture-cont i .culture-pic{opacity: 1;} .culture-cont i .culture-picH{opacity: 0;} .culture-text{width: calc(100% - 72px);padding-right: 20px;} .culture-text h2{font-size: 22px;color: #0b5874;font-weight: 700;padding-bottom: 14px;position: relative;margin-bottom: 20px;} .culture-text h2::before{content: '';width: 32px;height: 4px;background-color: #ea8101;position: absolute;left: 0;bottom: 0;} .culture-text p{font-size: 15px;color: #888;line-height: 26px;height: 104px;overflow: hidden;-webkit-line-clamp: 4;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;} .culture-list li:hover .culture-img{opacity: 1;} .culture-list li:hover .culture-cont{background-color: rgba(0,0,0,.5);} .culture-list li:hover .culture-cont i .culture-pic{opacity: 0;} .culture-list li:hover .culture-cont i .culture-picH{opacity: 1;} .culture-list li:hover .culture-text h2,.culture-list li:hover .culture-text p{color: #fff;} .culture-link{width: 100%;margin:-1% 0 0 -1%;} .culture-link li{float: left;width: 32.333%;margin:1% 0 0 1%;} .culture-policy{width: 100%;height: 218px;padding: 56px 40px 0;border-radius: 5px;background-color: #fff;position: relative;overflow: hidden;transition: all .4s ease;z-index: 1;} .culture-policy::before{content: '';width: 970px;height: 703px;background: url('../images/pages/policy_Bj.png') center no-repeat;position: absolute;right: -514px;bottom: -568px;opacity: 0;z-index: -1;transition: all .4s ease;} .culture-policy::after{content: '';width: 100%;height: 2px;background-color: #ea8101;position: absolute;left: 0;bottom: 0;} .culture-policy_text{width: 100%;text-align: justify;} .culture-policy_text p{font-size: 15px;color: #444;line-height: 24px;transition: all .4s ease;} .culture-policy span{position: absolute;right:40px;bottom:25px;font-size: 60px;color: #f8f8f8;line-height: 1;transition: all .4s ease;} .culture-link li:hover .culture-policy{background-color: #e87a00;} .culture-link li:hover .culture-policy::before{opacity: 1;} .culture-link li:hover .culture-policy_text p{color: #fff;} .culture-link li:hover .culture-policy span{color: #fff;} .policy-more{display: inline-block;font-size: 16px;color: #111;margin-top: 16px;transition: all .4s ease;} .culture-link li:hover .policy-more{color: #fff;} /* 绉戠爺鍒涙柊 */ .science-intro{width: 100%;text-align: center;margin-top: 28px;} .science-intro p{font-size: 16px;color: #777;line-height: 28px;} .science-intro.white p{color: #fff;} .sciencept{width: 100%;padding: 92px 0 100px;} .sciencept-items{display: flex;justify-content: space-between;width: 100%;margin-top: 45px;border-radius: 5px;overflow: hidden;} .sciencept-show{width: 1005px;} .sciencept-img{display: none;width: 100%;position: relative;overflow: hidden;} .sciencept-img.active{display: block;} .sciencept-img .sciencept-pic{width: 100%;object-fit: cover;transition: all .4s ease;} .sciencept-img:hover img{transform: scale(1.1);} .sciencept-cont{position: absolute;left: 0;right: 0;bottom:36px;display: flex;align-items:center; width: 92%;padding: 48px 42px;margin: 0 auto; background-color: rgba(1, 89, 117, 0.5);} .sciencept-cont i{display: flex;justify-content: center;align-items: center;width: 52px;height: 52px;border-radius: 50%;background-color: #e97c08;} .sciencept-cont i .sciencept-contIcon{max-width: 100%;object-fit: cover;} .sciencept-text{width: calc(100% - 52px);padding-left: 26px;} .sciencept-text p{font-size: 15px;color:#fff;line-height: 24px;} .sciencept-intro{width: calc(100% - 1005px);} .sciencept-intro ul{width: 100%;height: 100%;background-color: #fff;} .sciencept-intro li{display: flex;justify-content: space-between;align-items: center;width: 100%;height: 33.333%;padding: 0 35px 0 50px;border-bottom: 1px solid #ebf0f5;cursor: pointer;} .sciencept-link{display: flex;justify-content: space-between;align-items: center; width: 100%;height: 100%;} .sciencept-photo{display: flex;align-items: center;} .sciencept-photo i{display: flex;justify-content: center;align-items: center;width: 28px;height: 28px;position: relative;margin-right: 12px;} .sciencept-photo i img{max-width: 100%;position: absolute;object-fit: cover;transition: all .4s ease;} .sciencept-photo i .sciencept-icon{opacity: 1;} .sciencept-photo i .sciencept-iconH{opacity: 0;} .sciencept-photo h6{font-size: 20px;color: #333;font-weight: 500;transition: all .4s ease;} .sciencept-intro li span{font-size: 18px;color: #dfdfdf;} .sciencept-intro li:hover a .sciencept-photo h6{color:#e97c08;} .sciencept-intro li:hover a .sciencept-photo i .sciencept-icon{opacity: 0;} .sciencept-intro li:hover a .sciencept-photo i .sciencept-iconH{opacity: 1;} .sciencejs{width: 100%;padding: 90px 0 66px;background-position: center;background-repeat: no-repeat;background-size: cover;} .sciencejs-items{width: 100%;min-height: 682px;position: relative;background: url('../images/pages/ringBj3.png') center no-repeat;background-size: 229px;margin-top: 40px;} .sciencejs-items:before {content: "";display: block;position: absolute;left: 50%;top: 0;width: 682px;height: 682px;margin-left: -341px;background: url('../images/pages/ringBj.png') center no-repeat;background-size: 100%;animation: rotate-anim 60s infinite linear;} .sciencejs-tit{display: flex;justify-content: center;align-items: center; position: absolute;left: 0;top: 0;width: 100%;height: 100%;font-size: 36px;color: #fff;font-weight: 500;} .sciencejs-items .ring {background: url('../images/pages/ringBj2.png') center no-repeat;background-size: 100%;position: absolute;left: 50%;top: 50%;width:460px;height: 460px;margin-left: -230px;margin-top: -230px;animation: rotate-anim2 60s infinite linear;} .sciencejs-list li {display: flex;justify-content: center;align-items: center;width: 105px;height: 105px;position: absolute;z-index: 10;left: 50%;right: auto;top: 50%;bottom: auto;} .sciencejs-list li:before {content: "";display: block;position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: url('../images/pages/ringBj4.png') center no-repeat;background-size: 100%;animation: rotate-anim 30s infinite linear;} .sciencejs-list li.li_01 {margin-left:-50px;margin-top: -280px;} .sciencejs-list li.li_02 {margin-left:170px;margin-top: -90px;} .sciencejs-list li.li_03 {margin-left:100px;margin-top: 120px;} .sciencejs-list li.li_04 {margin-left:-200px;margin-top: 120px;} .sciencejs-list li.li_05 {margin-left:-276px;margin-top: -90px;} .sciencejs-list li .name{display: flex;align-items: center;text-align: center;width: 94px;height: 94px;padding: 0 13px;border-radius: 50%;background-color: #fff; font-size: 17px;color: #444;line-height: 20px;font-weight: 700;} @keyframes rotate-anim {0% {transform: rotate(0deg)}100% {transform: rotate(360deg)}} @keyframes rotate-anim2 {0% {transform: rotate(0deg)}100% {transform: rotate(-360deg)}} .sciencefx{width: 100%;padding: 100px 0 132px;} .sciencefx-items{width: 100%;margin-top: 88px;} .sciencefx-items ul{ display: flex;flex-wrap: nowrap; margin-left: -20px;} .sciencefx-items li{width: 185px;margin-left: 20px;position: relative;height: 514px;overflow: hidden;border-radius: 5px;} .sciencefx-items li img{position: absolute;height: 514px;left: 0;top: 0;object-fit: fill;max-width: none;} .sciencefx-items li:nth-child(2){transform: translateY(42px);} .sciencefx-items li:nth-child(3){transform: translateY(-32px);} .sciencefx-items li:last-child{margin-right: 0;transform: translateY(26px);} .sciencefx-link{display: block;width: 100%;} .sciencefx-intro{position: absolute;left: 0;top:100px; width: 100%;z-index: 3;padding: 0 20px;} .sciencefx-intro h2{font-size: 22px;color: #fff;margin-bottom: 20px;} .sciencefx-intro p{font-size: 16px;color: #fff;line-height: 26px;opacity: 0;transition: all .6s ease;max-width: 482px;} .sciencefx-items li.active{width:calc(100% - 620px);} .sciencefx-items li.active .sciencefx-intro{padding:0 100px;} .sciencefx-items li.active .sciencefx-intro h2{animation: incontUp 1s ease both .6s;} .sciencefx-items li.active .sciencefx-intro p{animation: incontUp 1s ease both .7s;} @keyframes incontUp {0%{opacity: 0;transform: translateY(80px);}100%{opacity: 1;transform: translateY(0);}} .team{width: 100%;padding: 90px 0;} .team-list{width: 100%;margin-top: 58px;} .team-ul{width: 100%;margin: -1% 0 0 -1%;} .team-link{width:32.333%;margin: 1% 0 0 1%;position: relative;overflow: hidden;border-radius: 5px;float: left;display: block;} .team-link img{width: 100%;object-fit: cover;transition: all .6s ease;height: 434px;} .team-link:hover img{transform: scale(1.04);} .team-link-cont{position: absolute;z-index: 3;padding: 0 30px 25px ;bottom: 0;left: 0;width: 100%;} .team-link-cont h2{font-size: 18px;line-height: 1;color: #fff;font-weight: 500;transition: all .4s ease;} .team-link:nth-child(1){width: 49%;} .team-link:nth-child(2),.team-link:nth-child(3),.team-link:nth-child(4),.team-link:nth-child(5){width: 24%;} .team-link:nth-child(2) img,.team-link:nth-child(3) img,.team-link:nth-child(4) img,.team-link:nth-child(5) img{height: 322px;} .team-link:nth-child(1) img{height: 658px;} .team-link:hover .team-link-cont h2{color:#e97c08;} .patentry{width: 100%;padding: 88px 0;} .patentry-items{width: 100%;margin-top: 40px;} .patentry-items ul{margin: -32px 0 0 -1.5%;display: flex;flex-wrap: wrap;} .patentry-items li{width: calc(33.3333% - 1.5%);margin: 32px 0 0 1.5%;} .patentry-show{width: 100%;} .patentry-linkimg {top: 0px;width: 100%;position: absolute;height: 100%;display: flex;justify-content: center;align-items: center;opacity: 0;transition: all .4s ease;} .patentry-items li:hover .patentry-linkimg {opacity: 1;} .patentry-img{display: flex;justify-content: center;align-items: center; width: 100%;height: 380px;background-color: #f8f8f8;position: relative;} .patentry-img .patentry-pic{max-width:88%;max-height: 88%; object-fit: cover;transition: all .4s ease;} .patentry-items li:hover .patentry-pic{transform: scale(1.1);} .patentry-text{width: 100%;margin-top: 45px;} .patentry-text span{display: inline-block;font-size: 16px;color: #0b5874;position: relative;padding-left: 48px;} .patentry-text span::before{content: '';width: 30px;height: 1px;background-color: #0b5874;position: absolute;left: 0;top: 50%;margin-top: -0.5px;} .patentry-text h6{font-size: 18px;color: #555;margin-top: 24px;} .patentlc{width: 100%;padding: 100px 0 118px;background: linear-gradient(to bottom ,#f9fbfc, #fff);position: relative;} .patentlc::before{content: '';width: 608px;height: 308px;background: url('../images/pages/patentlc_Bj.png') center no-repeat;position: absolute;left: 0%;top: 14%;} .patentlc-items{display: flex;justify-content: space-between; width: 100%;} .patentlc-tit{width: 35%;font-size: 42px;color: #333;line-height:1;} .patentlc-list{width: 65%;} .patentlc-coulmn{display: flex;width: 100%;padding-bottom:58px;border-bottom: 1px solid #eff3f5;margin-bottom: 20px;} .patentlc-coulmn:last-child{padding-bottom: 0;border-bottom: none;margin-bottom: 0;} .patentlc-coulmn .year{width: 14%;font-size: 20px;color: #0b5874;font-weight: 700;transition: all .4s ease;} .patentlc-coulmn ul{width: 100%;} .patentlc-coulmn ul li{width: 100%; display: flex;justify-content: space-between;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #eff3f5;position: relative;} .patentlc-coulmn ul li .tit{font-size: 17px;color: #555;} .patentlc-coulmn ul li a{display: flex;justify-content: center;align-items: center;opacity: 0;width: 32px;height: 32px;border-radius: 50%;background-color: #e87a00;font-family: '瀹嬩綋';color: #fff;font-size: 24px;font-weight: 700;transition: all .4s ease;} .patentlc-coulmn:last-child ul li:last-child{margin-bottom: 0;} .patentlc-coulmn:hover .year{color: #e97c08;} .patentlc-coulmn ul li:hover a{opacity: 1;} /* 浜哄姏璧勬簮 */ .talentsln{width: 100%;padding: 88px 0;background-color: #fafafa;} .talentsln-list{width: 100%;margin-top: 48px;} .talentsln-list ul{margin-left: -2%;} .talentsln-list li{float: left;width: 31.333%;margin-left: 2%;} .talentsln-show{width: 100%;height: 458px;padding: 25px 50px 0;background-color: #fff;} .talentsln-show i{display: flex;justify-content: center;align-items: flex-end;width: 196px;height: 118px;margin: 0 auto;transition: all .4s ease;} .talentsln-show i img{max-width: 88%;max-height: 88%;object-fit: cover;} .talentsln-show h2{font-size: 22px;color: #444;margin: 28px 0 24px;text-align: center;transition: all .4s ease;} .talentsln-show .text{width: 100%;text-align: justify;} .talentsln-show .text p{font-size: 15px;color: #777;line-height: 26px;} .talentsln-list li:hover .talentsln-show i{transform: translateY(-10px);} .talentsln-list li:hover .talentsln-show h2{color: #e97c08;} .talentsfl{width: 100%;height: 684px;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;} .talentsfl .incom-title{position: absolute;left: 0;top: 88px;} .talentsfl-list{width: 100%;height: 100%;} .talentsfl-list ul{height: 100%;} .talentsfl-list li{cursor: pointer; float: left;width: 20%;height: 100%;border-right:1px solid #98afcd;position: relative;} .talentsfl-show{transition: all .6s ease; position: absolute;left: 0;top: 40%; display: flex;flex-direction: column;justify-content: center; width: 100%;padding: 0 54px;} .talentsfl-list li:hover .talentsfl-show{transform: translateY(-20px);} .talentsfl-show i{opacity: 1;display: flex;justify-content: center;align-items: flex-end;width: 48px;height: 40px;margin: 0 auto;transition: all .4s ease;} .talentsfl-show i img{max-width: 100%;/*max-height: 88%;*/object-fit: cover;} .talentsfl-show h6{font-size: 24px;color: #fff;font-weight: 500;margin: 34px 0 24px;text-align: center;} .talentsfl-show .text{width: 100%;text-align: justify;font-size: 16px;color: #fff;} .talentsfl-show .text p{line-height: 24px;} .talentsfl-list li:hover .talentsfl-show i{opacity: 1;} .talentspy{width: 100%;padding: 88px 0 100px;} .talentspy-items{width: 100%;margin-top: 42px;} .talentspy-items ul{width: 100%;margin:-2% 0 0 -2%;} .talentspy-items li{float: left;width: 31.333%;margin: 2% 0 0 2%;} .talentspy-show{width: 100%;overflow: hidden;border-radius: 5px;position: relative;} .talentspy-show img{width: 100%;object-fit: cover;transition: all .6s ease;} .talentspy-cont{position: absolute;left: 0;bottom: 23px;width: 100%;padding: 0 28px;transform: translateY(calc(100% - 26px));transition: all .6s ease;} .talentspy-cont h2{font-size: 24px;color: #fff;font-weight: 500;transition: all .4s ease;} .talentspy-cont p{color: #fff;font-size: 16px;line-height: 24px;margin-top: 15px;} .talentspy-items li:hover .talentspy-show img{transform: scale(1.06);} .talentspy-items li:hover .talentspy-cont h2{color: #e97c08;} .talentspy-items li:hover .talentspy-cont{transform: translateY(0);} .join{width: 100%;padding: 90px 0;} .join-items{width: 100%;margin-top: 48px;} .joinxs-wordsB{width:100%;overflow:hidden} .joinxs-wordsB ul{width:100%;overflow:hidden;padding: 0 0 0 48px;background-color: #f6fafc;margin-top: 12px;border-top-left-radius: 5px;border-top-right-radius: 5px;} .joinxs-wordsB ul li{font-size:15px;float:left;color:#888;height:60px;line-height:60px;text-align:left;overflow:hidden} .joinxs-wordsB li:nth-child(1){width: 58%;font-size: 18px;color: #555;font-weight: 500;} .joinxs-wordsB li:nth-child(2){width: 12%} .joinxs-wordsB li:nth-child(3){width: 6%;text-align: center;} .joinxs-wordsB li:nth-child(4){width: 12%;text-align: right;} .joinxs-wordsB li:nth-child(5){width: 5%} .joinxs-wordsB li:nth-child(6){width: 6%} .joinxs-wordsB ul li span:not(.joinxs-words-click span){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: block;width: 100%} .joinxs-words-click{height:60px;cursor:pointer;line-height:60px;user-select:none} .joinxs-words-click span{transform:rotate(90deg);font-family:瀹嬩綋,"Helvetica Neue";display:inline-flex;width: 100%;align-items: center;justify-content: center} .joinxs-wordsB ul.on .joinxs-words-click span{transform: rotate(-90deg)} .joinxs-words-click:hover{color:#003586} .joinxs-intro{width:100%;overflow:hidden;background-color:#f6fafc;padding:42px 64px 32px;display:none} .joinxs-intro h4{font-size:16px;color:#333;margin-bottom:15px;font-weight:500;} .joinxs-intro p{font-size:14px;color:#888;line-height:25px;margin-top:6px} .joinxs-intro-list{width: 68%;display: flex;flex-wrap: wrap;} .joinxs-intro-link{width: 50%;} .joinxs-wordsB ul.on{background-color:#ea8101} .joinxs-wordsB ul.on li{color: #fff} .joinxs-wordsB ul.on .joinxs-words-click span{color:#fff;transform:rotate(270deg)} /* 鏂伴椈鍔ㄦ€ */ .news{width: 100%;padding:100px 0 88px;background-color: #f4f4f4;} .news-coulmn{display:flex;justify-content: space-between;align-items: center;width: 100%;background-color: #fff;} .news-show{width: 696px;height: 496px;overflow: hidden;} .news-show img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease;} .news-coulmn:hover .news-show img{transform: scale(1.03);} .news-cont{width: calc(100% - 696px);padding: 0 68px;} .news-cont h2{font-size: 22px;color: #555;margin: 24px 0;} .news-cont p{font-size:16px;color: #888;line-height: 24px;} .news-cont .btn{margin-top: 26px;} .news-num{display: flex;align-items: center;} .news-num h6{font-size: 76.5px;color: #ccc;font-weight: 700;font-family:'samsung'; line-height: 1;position: relative;padding-bottom:12px;} .news-num h6::after{content: '';width: 100%;height:3px;background-color:#e97c08;position: absolute;left: 0;bottom: 0;} .news-year{margin-left: 6px;padding-bottom: 20px;} .news-year span{display:block;font-size: 14px;line-height: 20px;color: #ccc;font-family:'samsung';} .news-list{width: 100%;margin-top:62px;} .news-list ul{margin:-2% 0 0 -2%;} .news-list ul li{float: left;width: 31.333%;margin:2% 0 0 2%;} .news-link{display: inline-block;width: 100%;border-radius:10px;overflow: hidden;box-shadow: 0px 7px 17px 0px rgba(138, 138, 138, 0.29);} .news-img{width: 100%;overflow: hidden;} .news-img img{width: 100%;object-fit: cover;transition: all .6s ease;} .news-intro{width: 100%;background-color: #fff;padding: 36px 40px 82px;position: relative;} .news-intro span{display: inline-block;margin-top: 24px;font-size: 16px;color: #444;transition: all .4s ease;} .news-intro span:hover{color: #e88001;} .news-intro h2{font-size: 18px;color: #383838;margin-bottom: 24px;font-weight: 700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;} .news-intro p{font-size:14px;color: #737373;line-height: 24px;height: 48px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;} .news-list ul li:hover .news-img img{transform: scale(1.06);} .news-list ul li:hover .news-intro h2{color: #e97c08;} .news .paging{margin-top:40px;} .article{width: 100%;padding:62px 0 100px;background-color: #fbfbfb;} .article .contain-1440{display:flex;justify-content:space-between} .article-l{width:68.6%;background-color: #fff;padding: 48px 40px;} .article-l h1{font-size:28px;color:#333;line-height: 32px;font-weight: 500;} .article-time{display:flex;align-items:center;padding-bottom:18px;border-bottom:1px solid #ebebeb;margin:25px 0 30px;font-size:14px;color:#888;font-family:'FuturaLT';} .article-l p{font-size:15px;line-height:26px;color:#666;} .article-l img{max-width: 100%;height:auto;object-fit: cover;} .article-time i{display:block;background:url('../images/pages/data_icon.png') no-repeat center/100%;width:14px;height:14px;margin-right:7px} .article .article-bott{margin-top:60px;display:flex;justify-content:space-between;padding-bottom:30px;align-items:center} .article .social-share-icon{width:38px;height:38px;border:1px solid #c2c2c2;border-radius:50%;display:inline-flex;align-items:center;justify-content:center} .article .social-share-icon:not(:first-child){margin-left:20px} .article-nav{margin-top:32px;padding-top:28px;border-top:1px solid #ebebeb} .article-nav a{font-size:14px;color: #666;display:block;transition:all .4s ease;position: relative;padding-left: 20px;} .article-nav a::before{content: '';width: 8px;height: 8px;border-radius: 50%;background-color: #a0a0a0;position: absolute;left: 0;top: 6px;} .article-nav a:hover{color:#ea8101} .article-nav a+a{margin-top:8px} .article-r{width:29%;height: 100%;background-color: #fff;padding: 40px 40px 60px 40px;} .article-r-header{width: 100%;margin-bottom:25px;padding-bottom: 20px;border-bottom: 1px solid #f1f1f1;} .article-r-header h3{font-size:22px;color:#333;text-transform: uppercase;} .article-side{width: 100%;} .article-side a{display:block;width: 100%;margin-bottom:25px;padding-bottom: 25px;border-bottom: 1px solid #f1f1f1;} .article-side-info{width: 100%;} .article-side-info .time{font-size:12px;line-height:1;color:#888;margin-bottom: 20px;} .article-side-info h4{font-size:16px;line-height:26px;color:#333;height: 48px;font-weight: 700;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;transition:all .4s ease} .article-side a:hover h4{color:#ea8101} /*鍒嗕韩*/ #toShare .icon-wechat{position:relative} #toShare .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all .2s;-webkit-tansition:all 350ms;-moz-transition:all 350ms} #toShare .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px} #toShare .icon-wechat .wechat-qrcode.bottom:after{display:none} #toShare .icon-wechat .wechat-qrcode h4{font-weight:400;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777} #toShare .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto} #toShare .icon-wechat .wechat-qrcode .qrcode table{margin:0!important} #toShare .icon-wechat .wechat-qrcode .help p{font-weight:400;line-height:16px;padding:0;margin:0;font-size: 12px;} #toShare .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent} #toShare .icon-wechat:hover .wechat-qrcode{display:block} /* 鍙寔缁彂灞 */ .develop{width: 100%;padding: 138px 0 124px;background-color: #f9f9f9;} .develop-coulmn{width: 100%;position: relative;} .develop-coulmn +.develop-coulmn{margin-top: 68px;} .develop-show{width: 983px;overflow: hidden;border-bottom-left-radius: 5px;border-top-left-radius: 5px;} .develop-show img{width: 100%;object-fit: cover;transition: all .6s ease;} .develop-coulmn:hover .develop-show img{transform: scale(1.1);} .develop-cont{display: flex;flex-direction: column;justify-content: center; position: absolute;right: 0;bottom: 0;width: 584px;height: 548px;padding:0 60px 0 75px;background: #fff url('../images/pages/develop_contBj.png') no-repeat center/cover;} .develop-cont i{display: flex;width: 48px;height: 48px;border-radius: 50%;position: relative;z-index: 1;} .develop-cont i::after{content: '';width: 32px;height: 32px;border-radius: 50%;background-color: #eccdac;position: absolute;right:2px;bottom: -10px;z-index: -1;} .develop-cont h2{font-size: 36px;color: #ea8101;font-weight: 500;margin: 42px 0 28px;} .develop-cont .text{width: 100%;} .develop-cont .text p{font-size: 16px;color: #777;line-height: 24px;} .develop-cont .text .btn{margin-top: 32px;} .develop-coulmn:nth-child(2n) {display: flex;justify-content: flex-end;} .develop-coulmn:nth-child(2n) .develop-show{border-bottom-right-radius: 5px;border-top-right-radius: 5px;} .develop-coulmn:nth-child(2n) .develop-cont{right: auto;left: 0;} /* 寮圭獥 */ .pop-up{display: none;position: fixed;z-index: 99999;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);} .report{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;} .report-content{width: 1218px;border-radius: 8px;overflow: hidden;padding: 56px 148px 90px;background-color: #fff;margin: 0 auto;position: relative;} .report-tit{width: 100%;text-align: center;font-size: 40px;color: #333;font-weight: 500;} .report-text{font-size: 16px;color: #888;text-align: center;margin-top: 18px;max-height: 508px;overflow-y: auto;padding-right: 20px;} .report-text::-webkit-scrollbar {width: 4px;} .report-text::-webkit-scrollbar-thumb {background: #f48e31;} .report-text::-webkit-scrollbar-track {background: #f1f1f1;} .report-text p img{max-width: 100%;object-fit: cover;transition: all .6s ease;} .report-close{width: 27px;height: 27px;border-radius: 50%;background: url('../images/pages/close_icon.png') center no-repeat;position: absolute;right: 72px;top: 72px;cursor: pointer;transition: all .4s ease;} .report-close:hover{background: url('../images/pages/close_iconH.png') center no-repeat;} /* 鑱旂郴鎴戜滑 */ .contactfs{width: 100%;padding: 88px 0;} .contactfs-items{display: flex;justify-content: space-between;flex-wrap: wrap; width: 100%;} .contact-img{width: 100%;overflow: hidden;border-radius: 10px;} .contact-img img{transition: all .6s ease;width: 100%;} .contactfs-coulmn:hover .contact-img img{transform: scale(1.1);} .contactfs-text{margin-top: 45px;} .contactfs-coulmn{width: 49%;margin-top: 58px;} .contactfs-coulmn .tit{font-size: 20px;color: #555;font-weight: 700;padding-bottom: 16px;margin-bottom: 16px;border-bottom: 2px solid #f5f5f5;position: relative;} .contactfs-coulmn .tit::before{content: '';width: 90px;height: 2px;background-color: #ea8203;position: absolute;left: 0;bottom: -1px;} .contactfs-list{width: 100%;} .contactfs-list li{padding: 6px 0;} .contactfs-coulmn h6,.contactfs-list li p{font-size: 15px;color: #777;line-height: 24px;} .contactfs-list li p{font-size: 15px;color: #777;line-height: 24px;} .contactly{width: 100%;padding:80px 0 128px;background-color: #fff;} .contactly-top{width: 100%;display: flex;justify-content: space-between;align-items: flex-end;} .contactly-title{width: 60%;} .contactly-title h2{font-size: 38px;color: #333;font-weight: 500;margin-bottom: 28px;} .contactly-title p{font-size: 16px;line-height: 26px;color: #777;} .contactly-who {width: 34%;} .contactly-who ul{display: flex;justify-content: flex-end;} .contactly-who ul li{margin-right: 28px;cursor: pointer;} .contactly-who ul li:last-child{margin-right: 0;} .contactly-who ul li h2{font-size: 16px;line-height: 26px;color: #777;position: relative;padding-bottom: 10px;font-weight: 500;} .contactly-who ul li h2::after{content: '';width: 0%;height: 3px;background-color: #ea8101;position: absolute;right: 0;bottom: 0;transition: all .4s ease;} .contactly-who ul li.active h2::after,.team-who ul li h2:hover::after{width: 100%;right: auto;left: 0;} .contactly-who ul li.active h2,.team-who ul li:hover h2{color: #ea8101;} .contactly-bot{width: 100%;margin-top:42px} .contact-form{display:flex;flex-wrap:wrap;justify-content:space-between;transition: all .4s ease;} .contact-inline{width:31.666%;margin-bottom:20px} .contact-inline.contact-content {width: 100%;} .contact-inline.contact-content textarea{width:100%;height:164px} .contact-inline input,.contact-inline textarea,.contact-code input{background:#fff;border:1px solid #ededed;height:45px;width:100%;padding:18px;transition: all .6s ease} .contact-inline input:focus,.contact-inline textarea:focus,.msg-code input:focus{box-shadow:inset 0 0 9px rgba(204,204,204,.6)} .contact-inline input::placeholder,.contact-inline textarea::placeholder,.code-items input::placeholder{color:#a1a4b2;font-size: 14px;} .contact-bott{display:flex;justify-content:space-between;width:100%;align-items: flex-end;} .contact-code{height:auto;display:flex;width:24%;align-items: flex-end;} .code-items {display: inline-block;} .contact-code input{width:100%} .contact-code span{display:block;margin-left:10px} .submit-btn{display:block;width:142px;background:#ea8101;color:#fff;text-align:center;height: 48px; line-height:48px;font-size:16px} .submit-btn:hover{opacity:.7;color:#fff} .patentry-items.iij {width: 100%;margin-top: 40px;margin-bottom: 75px;border-bottom: 1px solid #f1f5f6;padding-bottom: 75px;} .contactxs{background-color: #f7f7f7;width: 100%;padding-top: 80px;} .contactxs .cont{border-bottom: 1px solid #eaeaea;padding: 50px 0px;} .contactxs .cont>ul{margin-right: -200px;display: flex;flex-wrap: wrap;} .contactxs .cont .list-muen .line{width: 20px;height: 2px;background-color: #ea8203;margin-bottom: 20px;} .contactxs .cont .list-muen .title{color: #555555;font-size: 20px;font-weight: 700;margin-bottom: 35px;} .contactxs .cont .list-muen .text1{color: #555;font-size: 15px;font-weight: 700;} .contactxs .cont .list-muen .text2{color: #777;font-size: 15px;height: 50px;} .contactxs .cont .list-muen li{margin-bottom: 25px;} .contactxs .cont .list-muen li:last-child{margin-bottom: 0px;} .contactxs .incom-title{margin-bottom: 30px;} .contactxs .cont:last-child{border: 1px solid #f7f7f7;} .contactxs .cont .list-muen {width: calc(33.33333% - 175px);margin-right: 175px;} .site-dots.neimeng {right: 22%;bottom: 65%;} .site-dots.hainancangu {right: 21.5%;bottom: 40%;} .site-dots.hainancangu .name {position: absolute;bottom: -4px;left: 12px;width: max-content;} .site-dots.malaixiyacangku {right: 20%;bottom: 30%;} .site-dots.neimeng .name{position: absolute;width: max-content;left: -55px;} .site-dots.neimeng .site-contact{bottom: -15px;} /* -------------------------PC绔?-------------------------- */ @media all and (max-width:1700px) { /* 1600 脳 (900) */ .aboutjs-num span{font-size:48px;} .qualityzs-img{width:1000px;height: 100%;} .qualityzs-cont{width:calc(100% - 1000px);padding:0 88px 0 100px;} .xingz-lib { position: absolute; bottom: 220px; left: 142px; } } @media all and (max-width:1599px) { /* 1440 脳 (700) */ .incom-title h2{font-size: 38px;} .prod-intro {width: calc(100% - 900px);} .prod-show {width: 900px;} .qualityzs-img{width:880px;} .qualityzs-cont{width:calc(100% - 880px);padding:0 80px 0 88px;} .detailszs-txt {padding-left: 60px;} .detailsjh {padding-bottom:100px;} .aboutjs {padding:100px 0;} .aboutjs-rgt {padding-left: 100px;} .aboutjs-num span{font-size: 48px;} .aboutjs-data li+li {margin-left: 40px;} .aboutlc-container {width: calc(50vw + 600px);} .culture{padding: 100px 0 108px;} .culture-policy {padding: 48px 32px 0;} .culture-policy span {right: 32px;bottom: 20px;font-size: 52px;} .sciencept {padding: 80px 0 88px;} .sciencept-show {width: 838px;} .sciencept-intro {width: calc(100% - 838px);} .team-link:nth-child(1) img {height: 656px;} .talentsln-show h2 {font-size: 20px;margin: 24px 0 20px;} .talentsln-show .text p {font-size: 14px;line-height: 24px;} .news-cont { padding: 0 48px; } .news-intro {padding: 36px 40px 68px;} .develop {padding: 108px 0 100px;} .develop-show {width: 900px;} .develop-cont {height: 488px;} .develop-cont h2 {font-size: 32px;margin: 32px 0 24px;} .inpage-navbar.inpage-fixed{width: 1200px;} .detCon-items{width: 330px;} .detCon-det{width: calc(100% - 350px);} .aboutbj-data li+li{margin-left: 30px;} .talentsln-show{padding: 25px 30px 0;} .contactxs .cont .list-muen {width: calc(33.33333% - 170px);margin-right: 170px;} .cont>ul{margin-right: -170px;} .xingz-lib { position: absolute; bottom: 213px; left: 162px; } } @media all and (max-width:1439px) { /* 1360 */ .qualityzs-img{width:800px;} .qualityzs-cont{width:calc(100% - 800px);} } @media all and (max-width:1359px) { /* 1280 */ .qualityzs-img{width:700px;} .qualityzs-cont{width:calc(100% - 700px);padding:0 60px 0 68px;} .qualityzs-num span{font-size: 48px;} } @media all and (max-width:1279px) { /* 1152 脳 (700) */ .contactxs .cont .list-muen { width: calc(33.33333% - 90px); margin-right: 90px; } .cont>ul{margin-right: -90px;} .incom-title h2{font-size: 32px;} .prod {padding:80px 0;} .prod-intro {width: calc(100% - 680px);height: 600px;padding: 60px 28px 80px} .prod-intro_cont h2{font-size: 22px;} .prod_list-cont .tit {font-size: 16px;margin: 38px 0 20px;} .prod_list-cont {padding: 0 18px;top: 200px;} .prod-show {width: 680px;height: 600px;} .qualitylm {padding-top: 80px;} .qualitylm-list{margin-top: 48px;} .qualityzs-img{width:680px;} .qualityzs-img img {min-height: 360px;} .qualityzs-cont{width:calc(100% - 680px);padding:0 40px 0 48px;} .qualityzs-cont .qualityzsTitle p {font-size: 14px;line-height: 24px;} .qualityzs-data li+li {margin-left: 48px;} .qualityzs-cont .qualityzsTitle h2 {font-size: 24px;margin-bottom: 14px;} .qualityzs-num span{font-size: 42px;} .detailszs-picture {width: 500px;} .detailszs-txt {width: calc(100% - 500px);padding-left: 40px;} .detailsjh {padding-bottom:80px;} .aboutjs {padding:80px 0;} .aboutjs-lft{width: 348px;} .aboutjs-show{width:348px;height:348px;} .aboutjs-rgt {padding-left: 50px;width: calc(100% - 348px);} .aboutjs-text p {font-size: 14px;line-height: 25px;} .aboutjs-num span{font-size:38px;} .aboutjs-data li+li {margin-left: 38px;} .aboutbj {padding: 80px 0;} .aboutbj-map{width:860px;height:418px;margin:48px auto 0;} .aboutwh {padding: 80px 0;} .aboutwh-intro h2 {font-size: 24px;} .aboutwh-intro p{font-size: 20px;} .aboutlc {padding: 80px 0 88px;} .aboutlc-loop {margin-top: 48px;} .aboutlc-container {width: calc(50vw + 480px);} .culture{padding: 80px 0 88px;} .culture::after {width: 100%;background: url('../images/pages/culturelm_Bj.png') no-repeat center/100%;top: 0;} .culture-intro{margin-bottom: 48px;} .culture-list li .culture-img{min-height: 268px;} .culture-cont{padding: 0 28px;} .culture-policy {padding: 30px 20px 0;} .culture-policy span {right: 28px;bottom: 18px;font-size: 48px;} .sciencept {padding:60px 0 68px;} .sciencept-show {width: 688px;} .sciencept-intro {width: calc(100% - 688px);} .sciencept-intro li {padding: 0 20px 0 30px;} .sciencept-cont {padding: 38px 28px;} .sciencejs {padding: 80px 0 66px;} .sciencejs-items {min-height: 560px;background-size: 168px;} .sciencejs-items:before {width: 600px;height: 600px; margin-left: -300px;} .sciencejs-items .ring {width: 400px;height: 400px; margin-left: -200px; margin-top: -200px;} .sciencejs-list li.li_01 {margin-top: -245px;} .sciencejs-list li.li_02 {margin-left: 136px;} .sciencejs-list li.li_03 { margin-left: 68px; margin-top: 106px;} .sciencejs-list li.li_04 {margin-left: -168px;margin-top: 108px;} .sciencejs-list li.li_05 {margin-left: -240px;} .sciencefx {padding: 80px 0 88px;} .sciencefx-items li.active .sciencefx-intro {padding: 0 38px;} .team{padding: 80px 0;} .team-list {margin-top:48px;} .team-link:nth-child(1) img {height: 568px;} .team-link:nth-child(2) img, .team-link:nth-child(3) img, .team-link:nth-child(4) img, .team-link:nth-child(5) img {height: 280px;} .team-link img{height: 380px;} .patentry {padding: 80px 0;} .patentry-img {height: 360px;} .patentry-text {margin-top: 38px;} .patentry-text h6 {font-size: 16px;margin-top: 16px;} .patentlc {padding:80px 0 88px;} .patentlc-tit {font-size: 20px;} .patentlc-coulmn {padding-bottom: 38px;margin-bottom: 16px;} .patentlc-coulmn ul li .tit {font-size: 16px;} .patentlc-coulmn ul li {padding-bottom: 16px;} .talentsln {padding: 80px 0;} .talentsln-show {padding: 38px 24px 0;} .talentsfl{height: 580px;} .talentsfl-show {top: 32%;padding: 0 24px;} .talentspy{padding: 80px 0 88px;} .talentspy-cont {bottom: 16px;padding: 0 24px;} .talentspy-cont h2{font-size: 20px;} .join {padding:80px 0;} .joinxs-wordsB li:nth-child(1){width: 50%;font-size: 18px;color: #555;font-weight: 500;} .joinxs-wordsB li:nth-child(2){width: 14%} .joinxs-wordsB li:nth-child(3){width: 8%;text-align: center;} .joinxs-wordsB li:nth-child(4){width: 14%;text-align: right;} .joinxs-wordsB li:nth-child(5){width: 5%} .joinxs-wordsB li:nth-child(6){width: 8%} .joinxs-intro {padding: 42px 48px 32px;} .news {padding:80px 0 88px;} .news-show {width: 600px;height: 468px;} .news-cont {width: calc(100% - 600px);padding: 0 38px;} .news-num h6 {font-size: 68px;} .news-intro {padding: 28px 28px 48px;} .article {padding: 62px 0 80px;} .article-l h1 {font-size: 24px;line-height: 28px;} .develop {padding: 88px 0 80px;} .develop-show {width: 680px;} .develop-cont {width: 388px;height: 388px;padding: 0 20px;} .develop-cont h2 {font-size: 25px;margin: 20px 0 12px;} .develop-cont .text p {font-size: 14px;line-height: 22px;} .report-content{width: 960px;padding: 38px 38px 48px;} .report-close {right: 60px;top: 48px;} .contactfs {padding: 80px 0;} .contactly {padding: 80px 0 88px;} .contactly-top{flex-direction: column;} .contactly-title{width: 100%;} .contactly-who{width: 100%;} .contactly-who ul {width: 100%;justify-content: flex-start;margin-top: 38px;} .contactly-bot {margin-top: 28px;} .contactly-title h2 {font-size: 28px;} .contact-code {width: 48%;} .inpage-navbar.inpage-fixed{width: 960px;} .ski-itemCon{padding: 35px 25px 0 25px;} .ski-itemIcon{width: 60px;height: 60px;background-size: 40px auto;} .ski-itemText .title{font-size: 25px;} .ski-itemText{transform: translateY(100px);} .det-thumbs .swiper-slide{height: 60px;} .det-nav li{height: 60px;font-size: 16px;} } @media all and (max-width:1151px) { /* 1024 */ .qualityzs-img{width:600px;} .qualityzs-cont{width:calc(100% - 600px);padding:0 40px 0 48px;} .xingz-lib { position: absolute; bottom: 204px; left: 98px; } } /* ------------------------鎵嬫満绔?------------------------- */ @media all and (max-width:1000px) { /* 骞虫澘璁惧 720 閫傞厤 */ .contactxs .cont .list-muen .title { color: #555555; font-size: 20px; font-weight: 700; margin-bottom: 15px; } .contactxs .cont .list-muen li { margin-bottom: 20px; } .cont { border-bottom: 1px solid #eaeaea; padding: 40px 0px; } .contactxs .cont .list-muen { width: calc(33.33333% - 35px); margin-right: 35px; } .cont >ul{margin-right: -35px;} .xingz-lib { position: absolute; bottom: 159px; left: 37px; } .inpage-intro h2 {font-size: 26px;margin-bottom: 15px;} .inpage-intro span {font-size: 32px;} .inpage-navbar li a {height: 48px;font-size: 15px;} .incom-title h2 {font-size: 28px;} .prod {padding:60px 0;} .prod-coulmn+.prod-coulmn {margin-top: 38px;} .prod-intro {width:100%;height: auto;padding: 28px 20px 38px} .prod-intro_cont h2{font-size: 20px;} .prod-intro_show{margin-top: 28px;} .prod_list-cont {top:148px;} .prod-show {width:100%;height: 520px;} .prod-coulmn:nth-child(2) .prod-show{width: 100%;height: 280px;} .qualitylm {padding-top:60px;} .qualitylm-list {margin-top:38px;} .qualityzs {margin-top: 48px;} .qualityzs-items{flex-direction: column;} .qualityzs-items:nth-child(2n) {flex-flow:column;} .qualityzs-img{width:100%;} .qualityzs-img img {min-height: auto;} .qualityzs-cont{width:100%;padding:32px 28px 48px;} .link-nav {height: 68px;} .detailszs {padding: 60px 0 20px;} .detailszs .contain-1440{flex-direction: column;} .detailszs-picture{width: 100%;} .detailszs-txt{width: 100%;padding: 40px 20px;} .detailsjh{padding-bottom: 60px;} .detailsjs-cat li a {font-size: 18px;height: 60px;padding: 0 30px;} .detailsjs-list li h6 {padding-left: 10%;} .aboutjs {padding:60px 0;} .aboutjs-lft{width:100%;} .aboutjs-lft .incom-title.lft{text-align: center;} .aboutjs-show{margin: 32px auto 0;} .aboutjs-rgt {padding-left: 0px;width: 100%;margin-top: 28px;} .aboutjs-data{margin-top: 48px;} .aboutbj {padding: 60px 0;} .aboutbj-map{width:680px;height:328px;margin:38px auto 0;} .aboutbj-data li+li {margin-left: 28px;} .num-add {font-size: 32px;} .aboutbj-num span {font-size: 32px;} .aboutwh {padding: 60px 0;} .aboutwh-intro h2 {font-size: 20px;} .aboutwh-intro p{font-size: 16px;} .aboutwh-intro .btn{margin-top: 38px;} .aboutlc {padding: 60px 0 68px;} .aboutlc-loop {margin-top: 48px;} .aboutlc-container {width: 100%;padding: 0 4% 38px;} .aboutlc-show .aboutlc-year{font-size: 38px;} .aboutlc-loop .aboutlc-pagination {width: 92%;margin: 0 auto;right: 0;} .culture {padding:60px 0 68px;} .culture-intro {margin-bottom: 38px;} .culture-intro p{max-width: 100%;} .culture-list {margin: -1% 0 0 0%;} .culture-list li {width:100%;margin: 2% 0 0 0%;} .culture-link li {width: 49%;margin: 2% 0 0 1%;} .sciencept {padding: 40px 0 48px;} .science-intro p br{display: none;} .sciencept-items {flex-direction: column;margin-top: 38px;} .sciencept-show {width: 100%;} .sciencept-intro {width:100%;} .sciencept-intro li {padding:20px 30px;} .sciencejs {padding: 60px 0px 68px;} .sciencefx {padding:60px 0 68px;} .sciencefx-items {margin-top:0;} .sciencefx-items ul{flex-wrap: wrap;} .sciencefx-items li{width: 100% !important;transform: translateY(0) !important;margin-top: 28px;height: 368px;} .sciencefx-items li img {height:368px;width: 100%;} .team{padding: 60px 0;} .team-list {margin-top:38px;} .team-link:nth-child(1) img {height: 468px;} .team-link:nth-child(2) img, .team-link:nth-child(3) img, .team-link:nth-child(4) img, .team-link:nth-child(5) img {height: 232px;} .team-link img{height: 280px;} .patentry {padding:60px 0;} .patentry-img {height:280px;} .patentry-text {margin-top: 28px;} .patentry-text h6 {margin-top: 12px;} .patentlc {padding:60px 0 68px;} .patentlc-items{flex-direction: column;} .patentlc-tit{width: 100%;} .patentlc-list{width: 100%;margin-top: 28px;} .patentlc-coulmn {padding-bottom: 38px;margin-bottom: 16px;} .patentlc-coulmn ul li .tit {font-size: 16px;} .patentlc-coulmn ul li {padding-bottom: 16px;margin-bottom:16px;} .talentsln {padding: 60px 0;} .talentsln-list {margin-top: 38px;} .talentsln-list ul {margin-left: 0%;margin-top: -28px;} .talentsln-list li{width: 100%;margin-left: 0;margin-top: 28px;} .talentsln-show {padding: 38px 24px;height: auto;} .talentsfl{height: 528px;} .talentsfl-show {top: 26%;padding: 0 18px;} .talentsfl-show h6 {font-size: 20px;margin: 28px 0 20px;} .talentsfl-show .text {font-size: 14px;} .talentspy{padding: 60px 0 68px;} .talentspy-cont {bottom: 12px;padding: 0 18px;} .talentspy-cont h2{font-size: 16px;} .join {padding:60px 0;} .join-items {margin-top: 38px;} .joinxs-wordsB li:nth-child(1){width: 42%;font-size: 18px;color: #555;font-weight: 500;} .joinxs-wordsB li:nth-child(2){width: 17%} .joinxs-wordsB li:nth-child(3){width: 8%;text-align: center;} .joinxs-wordsB li:nth-child(4){width: 17%;text-align: right;} .joinxs-wordsB li:nth-child(5){width: 7%} .joinxs-wordsB li:nth-child(6){width: 9%} .news {padding:60px 0 68px;} .news-coulmn{flex-direction: column;} .news-show {width: 100%;height: auto;} .news-cont {width: 100%;padding:38px 32px;} .news-num h6 {font-size: 48px;} .news-list {margin-top: 48px;} .news-intro {padding: 24px 18px 38px;} .news-intro h2 {font-size: 16px;margin-bottom: 16px} .article {padding: 60px 0 68px;} .article .contain-1440 {flex-direction: column;} .article-l{width: 100%;} .article-nav {margin-top: 0px;padding-top: 20px;} .article-r{width: 100%;margin-top: 28px;} .develop {padding: 68px 0 60px;} .develop-show {width:100%;} .develop-cont {width: 100%;height: auto;padding: 28px 20px 38px;position: static !important;} .develop-cont h2 {font-size: 25px;margin: 20px 0 12px;} .develop-cont .text p {font-size: 14px;line-height: 22px;} .develop-coulmn:nth-child(2n){display: block;} .report-content{width: 100%;} .contactfs {padding: 68px 0;} .contactly {padding: 60px 0 68px;} .inpage-navbar.inpage-fixed{width: 92%;top: 60px;} .skill {padding: 40px 0 50px 0;} .ski-title{width: 90%;} .ski-title .title{font-size: 30px;} .ski-title .text {background-size: 130px;padding: 20px 0 20px 170px;line-height: 25px;} .ski-con{margin-top: 50px;} .ski-itemCon {padding: 20px 20px 0 20px;} .ski-itemText {transform: translateY(0);} .ski-item::after{opacity: 1;} .contactfs-list li{width: 100% !important;} .det-thumbs .swiper-slide{height: 70px;} .detCon-det,.detCon-items {width: 100%;} .detCon-det{padding: 20px;} .detCon-items{margin-top: 10px;} .detCon-list{width: 48%;float: left;} .detCon-prod{width: 52%;margin-top: 0;padding-left: 10px;float: left;} .detCon-det p {font-size: 15px;} .prod-intro_img img{display:none;} .sciencefx-intro p{opacity: 1;} } @media all and (max-width:640px) { /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */ .contactxs .cont .list-muen { width: 100%; margin-right: 0px; margin-bottom: 20px; } .contactxs .cont .list-muen .title { color: #555555; font-size: 20px; font-weight: 700; margin-bottom: 10px; } .contactxs .cont .list-muen .line { width: 20px; height: 2px; background-color: #ea8203; margin-bottom: 15px; } .contactxs .cont .list-muen { width: 100%; margin-right: 0px; margin-bottom: 35px; } .cont { border-bottom: 1px solid #eaeaea; padding: 25px 0px; } .contactxs .cont .list-muen li { margin-bottom: 10px; } .cont>ul{margin-right: 0px;margin-bottom: -20px;} .xingz-lib { position: absolute; bottom: 296px; left: 20px; } .xingz-lib li { color: #fff; font-size: 16px; margin-bottom: 5px; } .inpage img{min-height: 280px;} .inpage-navbar li a {height: 40px;font-size: 14px;} .incom-title h2{font-size: 22px;} .prod {padding: 40px 0;} .prod-coulmn+.prod-coulmn {margin-top: 28px;} .prod-list li{width: 100% !important;} .prod-list li:not(:last-child){border-right: none;border-bottom: 1px solid #ffffff4d;} .prod-list.list2 li{height: 50%;} .prod-list.list3 li{height: 33.333%;} .prod-list.list4 li{height: 25%;} .prod-list.list5 li{height: 20%;} .prod_list-cont{position: static;display: flex;justify-content: space-between;flex-direction: row-reverse;align-items: center;height: 100%;} .prod_list-cont .deco{margin:unset;} .prod_list-cont .text{display: none;} .prod_list-cont .tit {text-align: left;margin: 0;} .qualitylm {padding-top:40px;} .qualitylm-list {margin-top:0px;flex-wrap: wrap;} .qualitylm-list li{width: 50% !important;margin-top: 28px;} .qualityzs {margin-top: 38px;} .qualityzs-cont{padding:24px 20px 30px;} .qualityzs-cont .qualityzsTitle h2 {font-size: 20px;} .qualityzs-data {margin-top: 28px;} .qualityzs-num span {font-size: 28px;} .qualityzs-data li+li {margin-left: 38px;} .link-nav {height: 40px; } .link-nav a{font-size: 13px;} .link-btn a {margin-right: 0;} .link-nav i{width: 13px;height: 13px;margin: 0 2px;} .detailszs {padding:30px 0 20px;} .detailszs-txt {padding: 28px 0px 20px;} .detailszs-txt h2{font-size: 20px;} .detailszs-txt h6{font-size: 14px;} .detailszs-txt p {font-size: 14px;line-height: 28px;} .detailszs-txt p::before{top: 10px;} .detailsjs-cont {padding: 28px 20px 48px;} .detailsjs-list li{flex-wrap: wrap;} .detailsjs-list li h6 {width: 100%;} .detailsjs-list li p {width: 100%;margin-top: 12px;} .detailsjh {padding-bottom: 40px;} .aboutjs {padding:40px 0;} .aboutjs-show {width: 100%;height: auto;} .aboutjs-rgt {padding-left: 0px;width: 100%;margin-top: 28px;} .aboutjs-data{margin-top: 10px;display: flex;flex-wrap: wrap;} .aboutjs-data li{width: 50%;margin-top: 28px;} .aboutjs-data li:nth-child(-n+2) .aboutjs-num{height: auto;} .aboutjs-data li+li {margin-left: 0px;} .aboutbj {padding: 40px 0;} .aboutbj-map{width:320px;height:154px;margin:38px auto 0;} .site-dots .name{font-size:12px;font-weight:400;display:none;} .site-contact{width: 200px;padding: 15px 15px 30px;} .site-contact p i{width: 30px;height: 30px;} .site-contact p span{line-height: 20px;} .aboutbj-data{display: flex;margin-top: 10px;} .aboutbj-data li{width: 100%;margin-top: 20px;} .aboutbj-data li+li {margin-left: 0px;} .aboutbj-num p { font-size: 14px;margin-left: 8px;} .num-add {font-size: 25px;} .aboutbj-num span {font-size:25px;} .aboutwh {padding: 40px 0;} .aboutwh-show{margin-top: 0px;} .aboutwh-img{width: 100%;margin-top: 28px;} .aboutwh-intro .btn{margin-top: 28px;} .aboutlc {padding: 40px 0 48px;} .aboutlc-loop {margin-top: 38px;} .aboutlc-show {padding: 60px 24px;} .aboutlc-show .aboutlc-cont{height: 128px;} .aboutlc-show .aboutlc-cont p{font-size:15px;} .aboutlc-show .aboutlc-year{font-size: 28px;} .aboutlc-loop .aboutlc-pagination {width: 92%;margin: 0 auto;right: 0;} .culture {padding:40px 0 48px;} .culture-coulmn {margin-top: 28px;} .culture-menu a+a {margin-left: 28px;} .culture-menu a {font-size: 20px;padding-bottom: 12px;} .culture-intro {margin-bottom: 28px;} .culture-list {margin: -20px 0 0 0%;} .culture-list li {margin: 20px 0 0 0%;} .culture-text {width:100%;padding-right: 0px;} .culture-cont i{display: none;} .culture-link{margin:-20px 0 0 0%;} .culture-link li {width: 100%;margin: 20px 0 0 0%;} .science-intro {margin-top: 20px;} .science-intro p{font-size: 14px;} .sciencept-img .sciencept-pic { position: absolute;height: 100%;left: 0;top: 0;z-index: -1;} .sciencept-cont {position: static;margin: 38px auto 20px;padding: 24px 18px} .sciencept-text p {font-size: 14px;} .sciencept-photo h6{font-size: 18px;} .sciencejs {padding:40px 0px 0px;} .sciencejs-items {min-height: 438px;background-size: 120px;} .sciencejs-items:before {display: none;} .sciencejs-tit {font-size: 22px;} .sciencejs-items .ring {width: 280px;height: 280px; margin-left: -140px; margin-top: -140px;} .sciencejs-list li .name {width: 80px;height: 80px;padding: 0 10px;font-size: 14px;} .sciencejs-list li.li_01 {margin-top: -190px;} .sciencejs-list li.li_02 {margin-left: 74px;} .sciencejs-list li.li_03 { margin-left: 38px; margin-top:56px;} .sciencejs-list li.li_04 {margin-left: -146px;margin-top: 56px;} .sciencejs-list li.li_05 {margin-left: -180px;} .sciencefx {padding:40px 0 48px;} .sciencefx-items li .sciencefx-intro {padding: 0px 28px !important;} .sciencefx-intro h2 {font-size: 20px;margin-bottom: 15px;} .team{padding: 40px 0;} .team-list {margin-top:28px;} .team-ul {margin: -20px 0 0 0%;} .team-link{width: 100% !important;margin: 20px 0 0 0%} .team-link img {height: auto !important;} .patentry {padding:40px 0;} .patentry-items ul {margin-left: 0%;margin-top: -28px;} .patentry-items li{width: 100% !important;margin-top: 28px;margin-left: 0;} .patentlc {padding:40px 0 48px;} .patentlc::before{display: none;} .patentlc-coulmn {padding-bottom: 28px;flex-direction: column;margin-bottom: 12px;} .patentlc-coulmn .year{width: 100%;margin-bottom: 20px;} .patentlc-coulmn ul li {padding-bottom: 12px;margin-bottom: 12px;} .talentsln {padding: 40px 0;} .talentsln-list {margin-top: 28px;} .talentsln-show {padding: 32px 20px;} .talentsfl{height: auto;padding: 40px 0;} .talentsfl .incom-title{position: static;} .talentsfl-list li{width: 100%;height: auto;border-bottom: 1px solid #98afcd;padding-bottom: 20px;} .talentsfl-show i{display: none;} .talentsfl-show {position: static;} .talentsfl-show h6 {font-size: 18px;margin: 28px 0 14px;} .talentspy{padding: 40px 0 48px;} .talentspy-items {margin-top: 28px;} .talentspy-items ul {margin: -20px 0 0 0%;} .talentspy-items li {width: 100%;margin: 20px 0 0 0%;} .talentspy-cont {bottom: 20px;transform: translateY(0);} .talentspy-cont h2{font-size: 18px;} .join {padding:40px 0;} .join-items {margin-top: 28px;} .joinxs-wordsB ul {padding:0 18px;} .joinxs-wordsB ul li{font-size: 14px;} .joinxs-wordsB li:nth-child(1){width: 42%;font-size: 16px;color: #555;font-weight: 500;} .joinxs-wordsB li:nth-child(2){width: 30%} .joinxs-wordsB li:nth-child(3){width: 18%;text-align: center;} .joinxs-wordsB li:nth-child(4){display: none;} .joinxs-wordsB li:nth-child(5){width: 10%} .joinxs-wordsB li:nth-child(6){display: none;} .joinxs-intro {padding: 32px 20px;} .joinxs-intro-list {width: 100%;} .joinxs-intro-link {width: 100%;} .news {padding:40px 0 48px;} .news-cont {width: 100%;padding:28px 20px;} .news-cont h2 {font-size: 20px;margin: 20px 0;} .news-list {margin-top: 38px;} .news-list ul {margin: -20px 0 0 0%;} .news-list ul li {width:100%;margin: 20px 0 0 0%;} .news-intro {padding: 24px 18px 38px;} .news-intro h2 {font-size: 16px;margin-bottom: 16px} .article {padding:40px 0 48px;} .article-l {padding: 38px 20px;} .article-l h1 {font-size: 20px;} .article-r {padding: 40px 20px;} .develop {padding: 48px 0 40px;} .develop-cont h2 {font-size: 22px;} .report-content{padding: 24px 20px 38px;} .report-tit{font-size: 22px;} .report-text{font-size: 14px;} .report-close {right: 24px;top: 24px;} .contactfs {padding: 35px 0;} .contactfs-coulmn {width: 100%;margin-top:28px;} .contactfs-coulmn .tit{font-size: 18px;padding-bottom: 10px;margin-bottom: 10px;} .contactfs-coulmn .tit::before{width: 50px;} .contactfs-list li{padding: 3px 0;} .contactfs-text {margin-top: 20px;} .contact-img{border-radius: 5px;} .contactfs-list li {width: 100%;} .contactfs-list li:nth-child(2n) {width: 100%;} .contactly {padding: 40px 0 48px;} .contactly-who ul li { margin-right: 16px;} .contactly-who ul li h2 { font-size: 14px;line-height: 24px;} .contact-inline {width: 100%;} .contact-bott{flex-direction: column;} .contact-code {width: 100%;} .submit-btn{width: 100%;margin-top: 28px;} .skill{padding-bottom: 30px;} .ski-title{width: 100%;} .ski-title .text {background-size: 100px;padding: 30px 10px 20px 30px;line-height: 25px;background-position: left top;} .ski-title .title {font-size: 23px;} .ski-con{margin-top: 10px;} .ski-item{width: 100%;} .ski-item:not(.ski-item:first-child){margin-top: 10px;} .ski-itemCon {padding: 10px 10px 0 10px;} .ski-itemIcon {width: 50px;height: 50px;background-size: 30px auto;} .ski-itemText{padding: 0 10px;transform: translateY(0);} .ski-itemText .title{font-size: 20px;} .ski-itemText .text {font-size: 14px;line-height: 23px;margin-top: 10px;letter-spacing: 1px;} .ski-title .text{letter-spacing: 1px;} .det-gallery .swiper-container{width: 90%;} .detailszs-picture img{max-width: 100%;} .det-gallery .gallery-prev, .det-gallery .gallery-next{display: none;} .det-thumbs {width: 80%;margin: 20px auto 0;} .det-thumbs .swiper-slide{height: 60px;} .det-thumbs img{max-width: 90%;} .det-nav li {height: 50px;font-size: 14px;width: 100px;} .detCon{padding: 20px 0 40px 0;} .detCon-list,.detCon-prod{width: 100%;} .detCon-list{padding-top: 20px;} .detCon-prod{padding-left: 0;margin-top: 10px;} .detCon-prod .prod-item{margin-bottom: 10px;} .detCon-list .title{margin-bottom: 20px;} .detCon-prod .title,.detCon-list .title,.detCon-prod .name{font-size: 20px;} .detCon-prod .text{margin-top: 5px;} .detCon-prod .prod-text{padding: 20px 0;} .link-nav .nav{display: none;} .link-btn{justify-content: space-between;width: 100%;} .talentspy-cont p{font-size: 14px;line-height: 20px;margin-top: 5px;} .deco:before { content: ""; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0) scale(.8); transition: .4s; border: 1px solid #ffffff4d; border-radius: 100%; height: 1rem; width: 1rem; } .deco:after { content: ""; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0) scale(.8); transition: .4s; border: 1px solid #ffffff1a; border-radius: 100%; height: 2.0rem; width: 2.0rem; } .prod_list-cont .deco i { background: #fff; border: 1px solid #fff; border-radius: 100%; width: 0.5rem; height: 0.5rem; left: 50%; position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0) scale(.6); transition: .4s; } .aboutlc-loop-app{display: block;} .aboutjs-data li:nth-child(1){text-align: center;} .aboutjs-data li:nth-child(2){text-align: center;} .aboutjs-num {height: 40px;} .aboutbj-map {width: 100%;height: 340px;margin: 38px auto 0;overflow-y: auto;} .aboutbj-map img {width: 700px;height: 100%;object-fit: cover;} .aboutbj-place {position: absolute;left: 0;top: 0;width: 700px;height: 100%;} .site-contact {width: 200px;padding: 15px 15px 12px;} .site-contact p span {display: inline-block;font-size: 10px;color: #fff;line-height: 30px;} .site-contact p span {line-height: 15px;} .site-contact {left: 1px;bottom: -3px;text-align: left;} .site-ddote .site-contact {display: none;width: max-content;padding: 10px 10px;position: absolute;left: 1px;bottom: 57px;z-index: 10; transform: translate(-50%,100%);background: rgba(0, 0, 0, 70%);border-radius: 5px;} .site-dots.changzhou {right: 23%;bottom: 54%;} .site-dots.guangzhou {right: 24%;top: 48%;} .site-dots.mlxy {right: 22.5%;bottom: 28%;} .site-dots.yindu {right: 31.5%;bottom: 45.5%;} .site-dots.yinducangku {right: 28.8%;bottom: 46.9%;} .patentlc-coulmn ul li a{ border-radius: 0; background-color: rgba(0, 0, 0, 0); font-style: 0px; position: absolute; top: 0px; width: 100%; height: 100%; } .contactxs .cont .list-muen .text2{height: auto;} .aboutbj-map{height: 400px;} .aboutbj-place{width: 740px;} .site-dots.guangzhou {right: 25%;top: 48%;} .site-contact::before{top: -11px;} }