@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: 60px;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: 44px;margin: 4px;font-size: 18px;color: #666;font-family: 'Arial'; transition: all .4s ease;border-radius: 50%;background-color: #fff;} .paging-menu a:first-child, .paging-menu a:last-child{font-family: '瀹嬩綋';font-weight: 700;margin: 0 15px;} .paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #be0000;background-color: #be0000;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;}.paging-menu a{width: 32px;height: 32px;line-height: 32px;}} /* 鎼滅储椤甸潰 */ .search{width: 100%;padding: 80px 0;} .search-info{width: 100%;font-size: 28px;color: #333;font-weight: 700;} .search-info span{color: #be0000;} .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: #be0000 !important;} .search-link:hover h2{color: #be0000;} @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;}} /* 鍏叡banner */ .inpage{width: 100%;position: relative;} .inpage img{width: 100%;object-fit: cover;} .inpage-cont{position: absolute;left: 0;top: 0;display: flex;flex-direction: column;justify-content: center;align-items: center; width: 100%;height: 100%;} .inpage-cont h2{font-size: 42px;color: #fff;font-weight: 700;line-height: 1;} .inpage-cont p{font-size: 18px;color: #fff;margin-top: 18px;} .inpage.core .inpage-cont h2{font-size: 32px;line-height:38px;} .inpage-intro{display: flex;justify-content: center;width: 100%;margin-top: 32px;} .inpage-text{display: flex;justify-content: center;align-items: center; width: 338px;height: 74px;border-radius: 5px;border: 1px solid #49556a;position: relative;} .inpage-text+.inpage-text{margin-left: 68px;} .inpage-text:first-child::after{content: '';width: 30px;height: 12px;background: url('../images/pages/Den.png')no-repeat center/100%;position: absolute;right: -14%;top: 50%;margin-top: -6px;} .inpage-text h6{font-size: 14px;color: #fff;line-height: 20px;} .inpage-text:first-child h6:first-child{width: 45%;} .inpage-text:first-child h6:first-child br{display: none;} .inpage-text b{display: inline-block;margin: 0 20px;font-size: 0;font-weight: 300;position: relative;} .inpage-text b::before{content: '';width: 20px;height: 1px;position: absolute;background-color: #fff;left: -10px;} .inpage-text b::after{content: '';width: 1px;height: 20px;position: absolute;background-color: #fff;top: -9px;} .inpage-video{width: 100%;margin-top: 30px;text-align: center;display: flex;flex-direction: column;} .inpage-video i{display: inline-block;width: 52px;height: 52px;border-radius: 50%;background: url('../images/pages/video.png')no-repeat center;margin: 0 auto 10px;cursor: pointer;} .inpage-video span{font-size: 14px;color: #fff;} .changeBan{width: 100%;} /* 鍏叡鑿滃崟 */ .inmenu{width: 100%;position: relative;} .inmenu::before {content: "";position: absolute;width: 100%;height: 1px;background: #eee;left: 0;bottom: 0;} .inmenu .contain-1600{display: flex;justify-content: space-between;flex-wrap: wrap;} .inmenu-son{width: auto;overflow: hidden;} body.PAD .inmenu-scroll, body.PC .inmenu-scroll,body.MB .inmenu-scroll{width:100% !important;display: flex;} .inmenu-scroll a{display: flex;float: left;margin-right: 60px;height: 85px;align-items: center;font-size: 16px;color: #666;transition: all .4s ease;position: relative;} .inmenu-scroll a:last-child{margin-right: 0;} .inmenu-scroll a::after{content: '';width: 0%;height: 2px;background-color: #a92334;position: absolute;right: 0;bottom: 0;transition: all .4s ease;} .inmenu-scroll a:hover{color: #a92334;} .inmenu-scroll a.active{color: #a92334;} .inmenu-scroll a.active::after,.inmenu-scroll a:hover:after{width: 100%;right: auto;left: 0;} .inmenu-home{width: auto;overflow: hidden;} .inmenu-home a{display: flex;align-items: center;float: left;height: 85px;font-size: 16px;color: #666;transition: all .4s ease;} .inmenu-home a:hover{color: #a92334;} .inmenu-home a:first-child{width: 18px;background: url('../images/pages/home.png') no-repeat center;} .inmenu-home a:first-child:hover{background-image: url('../images/pages/homeH.png');} .inmenu-home a::before{content: "";width: 5px;height: 10px;background: url('../images/pages/homeArr.png') no-repeat center;margin: 0 12px;} .inmenu-home a:first-child::before{display: none;} .incom-tit{width: 100%;text-align: center;} .incom-tit h2{font-size: 32px;color: #333;line-height: 1;} .incom-tit p{font-size: 18px;color: #666;margin-top: 26px;} .incom-tit span{color: #a92334;} .incom-tit.lft{text-align: left;} /* 浜у搧搴旂敤 */ .inprod{width: 100%;padding: 108px 0 12px;background-color: #f8f8f8;} .inprod-coulmn{width: 100%;margin-bottom: 52px;} .inprod-tit{display: flex;align-items: center;width: 100%;} .inprod-tit i{display: flex;justify-content: center;align-items: center;width: 28px;height: 28px;border-radius: 50%;background-color: #a92334;margin-right: 8px;} .inprod-tit i img{max-width: 100%;object-fit: cover;} .inprod-tit h2{font-size: 26px;color: #444;line-height: 1;} .inprod-list{display: flex;justify-content: space-between;flex-wrap: wrap; width: 100%;margin-top: 50px;position: relative;} .inprod-list::after{content: '';width: 31%;} .inprod-list li{width: 31%;margin-bottom: 48px;} .inprod-link{display: inline-block;width: 100%;background-color: #fff;} .inprod-img{display: flex;justify-content: center;align-items: center;width: 100%;height: 338px;overflow: hidden;} .inprod-img img{max-width: 88%;max-height: 88%;object-fit: cover;transition: all .6s ease;} .inprod-intro{display: flex;justify-content: space-between;align-items:center;width: 100%;padding: 48px 38px 48px 48px;} .inprod-cont{ width: calc(100% - 40px);padding-right: 20px;} .inprod-cont h2{font-size:22px;color: #333;margin-bottom: 10px;transition: all .4s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .inprod-cont p{font-size:16px;color: #777;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .inprod-intro i{display: inline-block;width:40px;height: 40px;border-radius: 50%;background:transparent url('../images/pages/inprodArr.png')no-repeat center;transition: all .4s ease;} .inprod-list li:hover .inprod-img img{transform: scale(1.03);} .inprod-list li:hover .inprod-cont h2{color: #a92334;} .inprod-list li:hover .inprod-intro i{background:#a92334 url('../images/pages/inprodArrH.png')no-repeat center;} /* 浜у搧搴旂敤 */ .proj鈥攎enu{position: absolute;top: 96px;left: 0;width: 100%;} .proj鈥攎enu .contain-1600{display: flex;justify-content: space-between;} .proj-home{width: auto;overflow: hidden;} .proj-home a{display: flex;align-items: center;float: left;height: 60px;font-size: 14px;color: #fff;transition: all .4s ease;} .proj-home a:hover{color: #a92334;} .proj-home a:first-child{width: 18px;background: url('../images/pages/homeW.png') no-repeat center;} .proj-home a:first-child:hover{background-image: url('../images/pages/homeH.png');} .proj-home a::before{content: "";width: 5px;height: 10px;background: url('../images/pages/homeArr.png') no-repeat center;margin: 0 12px;} .proj-home a:first-child::before{display: none;} .proj-son{width: auto;overflow: hidden;} body.PAD .proj-scroll, body.PC .proj-scroll,body.MB .proj-scroll{width:100% !important;display: flex;} .proj-scroll a{display: flex;float: left;margin-right: 60px;height: 60px;align-items: center;font-size: 14px;color: #fff;transition: all .4s ease;position: relative;} .proj-scroll a:last-child{margin-right: 0;} .proj-scroll a:hover{color: #a92334;} .proj-scroll a.active{color: #a92334;} .inpage.proj .inpage-cont{justify-content: initial;top: 210px;height: auto;} .projcs{width: 100%;padding: 80px 0;} .projcs-lsit{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;} .projcs-lsit li{width: 25%;display: flex;flex-direction: column;align-items: center;} .projcs-lsit li i{display: flex;justify-content: center;align-items: center;width: 68px;height: 68px;border-radius: 50%;background-color: #a92334;} .projcs-lsit li i img{max-width: 100%;object-fit: cover;} .projcs-lsit li h2{font-size: 24px;color: #222;margin: 20px 0 10px;text-align: center;} .projcs-lsit li span{font-size: 18px;color: #666;} .projcs-lsit.nav2 li{width:50%;} .projcs-lsit.nav3 li{width: 33.333%;} .projcs-lsit.nav4 li{width: 25%;} .projcs-lsit.nav5 li{width: 20%;} .projcszs{width: 100%;} .projcszs-item{width: 100%;position: relative;} .projcszs-item img{width: 100%;object-fit: cover;} .projcszs-cont{position: absolute;left: 0;top:100px;width: 100%;text-align: center;} .projcszs-cont h2{font-size: 32px;color: #333;font-weight: 700;margin-bottom: 20px;line-height: 36px;} .projcszs-cont p{font-size: 18px;color: #666;line-height: 25px;} .projcszs-cont p span{color: #a92334;} .projcszs-cont.white h2,.projcszs-cont.white p{color: #fff;} .projcszs-cont.lft{text-align: left;} .projcszs-cont.rgt{text-align: right;} .projfa{width: 100%;position: relative;} .projfa img{width: 100%;object-fit: cover;} .projfa-cont{width: 100%;position: absolute;left: 0;top: 180px;} .projfa-cont span{font-size: 40px;color: #fff;font-weight: 700;} .projfa-cont h2{font-size: 32px;color: #fff;font-weight: 700;line-height: 1;position: relative;padding-bottom: 24px;} .projfa-cont h2::before{content: '';width: 50px;height: 3px;background-color: #a92334;position: absolute;left: 0;bottom: 0;} .projfa-intro{width: 100%;margin: 68px 0 158px;} .projfa-cont h3{font-size: 40px;color: #fff;line-height: 1;font-weight: 300; margin-bottom: 18px;} .projfa-cont p{font-size: 20px;color: #fff;padding-left: 30px;position: relative;} .projfa-cont p::before{content: '';width: 20px;height: 14px;background: url('../images/pages/gou.png')no-repeat center;position: absolute ;left: 0;top: 50%;margin-top: -7px;} .projfa-cont h6{font-size: 14px;color: #fff;} .projly{width: 100%;padding: 132px 0 110px;background-color: #f3f3f4;} .projly-tit{width: 100%;text-align: center;} .projly-tit h2{font-size: 32px;color: #333;padding-bottom: 24px;position: relative;} .projly-tit h2::after{content: '';width: 50px;height: 3px;background-color: #a92334;position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;} .projly-loop{width: 100%;margin-top: 44px;padding-bottom: 54px;position: relative;} .projly-show{width: 100%;} .projly-img{width: 100%;overflow: hidden;} .projly-img img{width: 100%;object-fit: cover;} .projly-cont{width: 100%;text-align: center;padding: 35px 0 25px;background-color: #fff;} .projly-cont h2{font-size: 20px;color: #666;} .projly .swiper-pagination{width: 100%;text-align: center;bottom: 0;} .projly .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background-color: #d6d6d6;margin: 0 7px;} .projly .swiper-pagination .swiper-pagination-bullet-active{background-color: #a92334;} .projcp{width: 100%;padding: 130px 0 110px; background-position: center;background-repeat: no-repeat;background-size: cover;} .projcp-tit{width: 100%;} .projcp-tit h2{font-size: 32px;color: #fff;padding-bottom: 24px;position: relative;} .projcp-tit h2::after{content: '';width: 50px;height: 3px;background-color: #a92334;position: absolute;left: 0;bottom: 0;} .proj-list{display: flex;justify-content: space-between;flex-wrap: wrap; width: 62%;margin-top: 26px;} .proj-list li{display: flex;justify-content: space-between; width: 43%;padding: 20px 0;border-bottom: 1px solid #242833;} .proj-list li h6{font-size: 18px;color: #fff;} .proj-list li p{font-size: 14px;color: #fff;} .projkh{width: 100%;padding: 136px 0 116px;} .projkh-loop{width: 100%;margin-top: 44px;position: relative;padding-bottom: 42px;} .projkh-show{width: 100%;border:1px solid #d6d6d6;} .projkh-show ul{display:flex;flex-wrap:wrap;margin-bottom:-1px} .projkh-show li{height:202px;width:calc(100% + 1px);display:flex;align-items:center;justify-content:center;position:relative;margin:-1px 0 0 -1px} .projkh-show li img{max-width: 60%;max-height: 60%;} .projkh-show li:hover img{transform:scale(.9)} .projkh .swiper-pagination{width: 100%;text-align: center;bottom: 0;} .projkh .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background-color: #d6d6d6;margin: 0 7px;} .projkh .swiper-pagination .swiper-pagination-bullet-active{background-color: #a92334;} .projxl{width: 100%;padding: 86px 0 30px;background-position: center;background-repeat: no-repeat;background-size: cover;} .projxl .contain-1600{display: flex;justify-content: space-between;} .projxl-intro{width: 50%;padding: 120px 60px 0 0;} .projxl-intro h2{font-size: 36px;color: #fff;font-weight: 700;} .projxl-intro p{font-size: 20px;color: #fff;line-height: 28px;margin-top: 10px;} .projxl-coulmn{display: flex;width: 100%;margin-top: 35px;border: 1px solid #5b5b5b;} .projxl-coulmn li{display: flex;flex-direction: column;align-items: center; width: 33.333%;height: 254px;border-left: 1px solid #5b5b5b;padding:58px 45px 0;} .projxl-coulmn li:first-child{border-left: none;} .projxl-coulmn li i{display: flex;justify-content: center;align-items: center;width: 56px;height: 56px;border-radius: 50%;border: 1px solid #fff;} .projxl-coulmn li i img{max-width: 100%;object-fit: cover;} .projxl-coulmn li h6{font-size: 24px;color: #fff;line-height: 1;margin:20px 0 10px;} .projxl-coulmn li p{font-size: 16px;color: #999;line-height: 22px;text-align: center;} .projxl-show{display: flex;justify-content: center;align-items: center;width: 50%;} .projxl-show img{max-width: 98%;object-fit: cover;} .projg3{width: 100%;padding: 128px 0 80px;background-position: center;background-repeat: no-repeat;background-size: cover;} .projg3-title{width: 100%;text-align: center;} .projg3-title h2{font-size: 40px;color: #fff;font-weight: 700;} .projg3-items{width: 100%;margin-top: 62px;} .projg3-items ul{margin-left: -3%;} .projg3-items li{float: left;width: 30.333%;margin-left: 3%;} .projg3-show{width: 100%;} .projg3-show img{width: 100%;object-fit: cover;} .projg3-intro{width: 100%;text-align: center;background-color: #fff;padding:34px 65px 20px;} .projg3-intro h2{font-size: 30px;color: #333;font-weight: 500;margin-bottom: 10px;} .projg3-intro p{font-size: 20px;color: #666;line-height: 24px;height: 90px;overflow: hidden;-webkit-line-clamp: 5;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;} .projlh{width: 100%;padding: 128px 0 80px; background-position: center;background-repeat: no-repeat;background-size: cover;} .projlh-title{width: 100%;text-align: center;} .projlh-title h2{font-size: 36px;color: #333;font-weight: 700;margin-bottom: 30px;} .projlh-title p{font-size: 20px;color: #666;line-height: 25px;} .projlh-show{display: flex;justify-content: center; width: 100%;margin-top: 52px;} .projlh-show img{max-width: 100%;object-fit: cover;} /* 鏍稿績鎶€鏈 */ .incore{width: 100%;padding: 124px 0 80px;background-color: #f7f7f7;} .incore-coulmn{display: flex;justify-content: space-between; width: 100%;margin-bottom: 68px;} .incore-cont{display: flex;flex-direction: column;justify-content: center;width: 50%;padding: 0 134px 0 98px; background-position: center;background-repeat: no-repeat;background-size: cover;} .incore-cont h2{font-size: 32px;color: #a92334;font-weight: 700;line-height: 1;} .incore-cont h6{font-size: 20px;color: #333;line-height: 1;margin:10px 0 25px;padding-bottom: 12px;position: relative;} .incore-cont h6::before{content: '';width: 48px;height: 5px;background-color: #a92334;position: absolute;left: 0;bottom: 0;} .incore-cont p{font-size:16px;color: #666;line-height: 22px;} .incore-img{width: 50%;overflow: hidden;} .incore-img img{width: 100%;object-fit: cover;} .incore-coulmn:nth-child(2n){flex-direction: row-reverse;} /* 鏂伴椈 */ .innews{width: 100%;padding: 112px 0;} .innewslm{width: 100%;} .innewslm-pic{width:48.82%} .innewslm-pic .swiper-slide{display:block;width:100%;height:100%;overflow:hidden} .innewslm-pic:hover .swiper-slide img{transform: scale(1.05);} .innewslm-pic .swiper-slide img{height: 450px;} .innewslm-txt{width:51.18%;padding-left: 50px;} .innewslm-txt .item{padding-left: 50px;} .innewslm-txt .tit{color:#444;font-size:28px;line-height:48px;text-align: justify;transition: all .4s ease;} .innewslm-txt .in{margin-top:28px;width: 100%;text-align: justify;} .innewslm-txt .in p{font-size: 16px;color: #777;line-height: 24px;} .innewslm-txt:hover .tit{color: #a92334;} .innewslm-btn{width: 100%;position: absolute;left: 0;bottom: 0;display: flex;align-items: flex-end;justify-content: flex-end;padding-left: 100px;} .innewslm-txt .swiper-pagination{position:absolute;left:100px;bottom:0; width: auto;} .innewslm-txt .swiper-pagination-bullet{width:63px;height:13px;border-radius:30px;background:0 0;border:1px solid #292929;opacity:1;position:relative} .innewslm-txt .swiper-pagination-bullet:not(:first-child){margin-left:16px} .innewslm-txt .swiper-pagination-bullet:after{content:'';width:calc(100% - 4px);height:calc(100% - 4px);top:2px;left:2px;background:#1b1b1b;position:absolute;border-radius:30px;opacity:0;transition:all .3s} .innewslm-txt .swiper-pagination-bullet-active:after{opacity:1} .innewslb{width: 100%;margin-top: 106px;} .innewslb ul{margin-left: -4%;} .innewslb ul li{float: left;width: 29.333%;margin:0 0 40px 4%;} .innewslb-link{display: inline-block;width: 100%;} .innewslb-img{width: 100%;overflow: hidden;} .innewslb-img img{width: 100%;object-fit: cover;transition: all .6s ease;height: 290px;} .innewslb-cont{width: 100%;padding: 25px 0;} .innewslb-cont h2{color:#444;font-size:18px;line-height:24px;height: 48px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;transition: all .4s ease;} .innews-date{display: inline-block;padding-left:20px;margin-top: 20px;color:#888;font-size:14px;line-height:1;font-weight: 600;font-family:Arial;background:url('../images/pages/data.png') no-repeat left center/contain} .innews .paging{margin-top: 0;} .innewslb ul li:hover .innewslb-img img{transform: scale(1.05);} .innewslb ul li:hover .innewslb-cont h2{color: #a92334;} /* 鏂伴椈璇︽儏 */ .article{padding:80px 0 108px} .article-main{display:flex;justify-content:space-between} .article-l{width:73%} .article-l h1{color:#333;font-size:26px;line-height:30px} .article-info{display:flex;align-items:center;margin:30px 0;padding-bottom:16px;border-bottom:1px solid #ebebeb} .article-info-share,.article-info-time{font-size:14px;color:#999;display:flex;align-items:center} .article-info-time i{display:block;background:url(../images/pages/data.png) no-repeat center/100%;width:14px;height:14px;margin-right:8px} .article-content img{max-width:100%;object-fit:cover;} .article-content {width:100%;text-align: justify;} .article-content p{font-size:15px;line-height:24px;color:#777} .article-content .article-img{width: 100%;text-align: center;} .article-r{width:21%;height:100%} .article-r-nav:not(:first-child){margin-top:25px} .article-r-nav a{display:block} .article-r-nav a h4{font-size:15px;color:#666;line-height:20px;margin-bottom:8px;transition:all .4s ease} .article-r-nav a:hover h4{color:#a92334} .article-r-nav a .time{font-size:12px;font-family:Arial;color:#999} .article-r-nav a+a{padding-top:28px;margin-top:18px;border-top:1px solid #ededed} .article-r-nav h5{font-size:22px;font-weight:700;color:#222;margin-bottom:12px} .article-r-nav h5:not(:first-child){margin-top:24px;padding-top:24px;border-top:1px solid #e4e4e4} .article-r-coulmn{width: 100%;margin-top: 60px;} .article-r-header{display:flex;justify-content:space-between;align-items:center} .article-r-header h3{font-size:22px;color:#333;line-height:1;} .article-side{margin-top:24px} .article-side a{display:flex;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid #e4e4e4} .article-side a+a{margin-top:20px} .article-side-pic{width:24%;transition:all .4s ease} .article-side a:hover .detail-txt-side-pic{border-color:#c1d6e5} .article-side-pic img{width:100%;object-fit:cover} .article-side-info{width:76%;padding-left:14px;display:flex;flex-direction:column;justify-content:space-between} .article-side-info h4{font-size:15px;line-height:20px;color:#666;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;height:40px;transition:all .4s ease} .article-side a:hover h4{color:#a92334} .article-r .time{font-size:12px;line-height:1;color:#999;margin-top:8px;} /* 鍏充簬鎴戜滑 */ .aboutjs{width: 100%;padding: 135px 0 145px;} .aboutjs-lft{float: left;width: 24%;} .aboutjs-rgt{float: left;width: 76%;} .aboutjs-intro{width: 100%;text-align: justify;text-justify: inter-ideograph;} .aboutjs-intro p{font-size: 16px;color: #666;line-height:22px;} .aboutjs-data{width: 100%;margin-top: 52px;} .aboutjs-data ul{display: flex;flex-wrap: wrap;width: 100%;} .aboutjs-data ul li{width: auto;padding-right: 58px;margin-right: 58px;border-right:1px solid #e7e7e7;} .aboutjs-data ul li:last-child{margin-right: 0;border-right: none;} .aboutjs-data ul li .aboutjs-num{font-size: 20px;color: #333;} .aboutjs-data ul li .aboutjs-num span{font-size: 60px;color: #555;font-weight: 700;} .aboutlc{width: 100%;padding: 140px 0 100px; background-position: center;background-repeat: no-repeat;background-size: cover;} .aboutlc-loop{width: 100%;margin-top: 60px;} .aboutlc-time{width: 100%;position: relative;padding: 0 46px;} .aboutlc-time::after{content: '';width: 93%;height: 1px;background-color: #cdcdcd;position: absolute;right: 0;left: 0;bottom: 0; margin: 0 auto;} .aboutlc-year{width: 100%;text-align: center;padding-bottom: 20px;position: relative;cursor: pointer;} .aboutlc-year::after{content: '';width: 2px;height: 10px;background-color: #cdcdcd;position: absolute;right: 0;left: 0;bottom: 0; margin: 0 auto;} .aboutlc-year h6{font-size: 18px;color: #787878;} .aboutlc-year.active::after{background-color: #a92334;} .aboutlc-year.active h6{color: #a92334;} .aboutlc-prev,.aboutlc-next{display: flex;justify-content: center;align-items: center; width: 35px;height: 35px;border-radius: 50%;font-family: '瀹嬩綋';font-size: 16px;font-weight: 700; border: 2px solid #838383;position: absolute;left: 0;top: 55%;transition: all .4s ease;cursor: pointer;} .aboutlc-next{right: 0;left: auto;} .aboutlc-prev:hover,.aboutlc-next:hover{border-color: #a92334;color: #a92334;} .aboutlc-cont{width: 100%;margin-top: 68px;} .aboutlc-intro{width: 100%;text-align: center;} .aboutlc-intro span{font-size: 90px;color: #a92334;font-weight: 800;line-height: 1;} .aboutlc-intro h2{font-size: 24px;color: #555;font-weight: 700;line-height: 1;margin: 20px 0;} .aboutlc-text{width: 100%;} .aboutlc-text p{font-size: 15px;color: #777;line-height: 24px;} .aboutln{width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;} .aboutln-coulmn{width: 100%;height:722px;display: flex;flex-wrap: wrap;} .aboutln-coulmn li{width:33.333%;color:#fff;display:flex;flex-direction:column;justify-content:center;border-left:1px solid rgba(255,255,255,.4)} .aboutln-coulmn li:last-child{border-right:1px solid rgba(255,255,255,.4)} .aboutln-coulmn .inner{padding-left:50px} .aboutln-coulmn .inner:after{content:'';width:5px;height:36px;background:#a92334;position:absolute;left:-1px;top:0;transform:translateY(100%);transition:all .8s ease;opacity:0} .aboutln-coulmn li.active .inner:after{opacity:1;transform:translateY(0)} .aboutln-coulmn li .txt{display:none;margin-top:30px} .aboutln-coulmn li h3{font-size:32px;line-height:1} .aboutln-coulmn li p{font-size:16px;line-height:28px} .aboutzl{width: 100%;padding: 140px 0 124px;background-position: center;background-repeat: no-repeat;background-size: cover;} .aboutzl-heading{display: flex;justify-content: space-between;width: 100%;} .aboutzl-heading .incom-tit{width: auto;} .aboutzl-btn{width: auto;display: flex;} .aboutzl-prev,.aboutzl-next{width: 52px;height: 52px;border-radius: 50%;background: #fff url('../images/pages/abt_Arr.png')no-repeat center;cursor: pointer;transition: all .4s ease;} .aboutzl-next{transform: rotate(180deg);margin-left: 20px;} .aboutzl-prev:hover,.aboutzl-next:hover{background:#a92334 url('../images/pages/abt_ArrH.png')no-repeat center;} .aboutzl-loop{width: 100%;margin-top:54px;} .aboutzl-loop .swiper-slide{width:auto} .aboutzl-loop .item{display:block;width:320px;} .aboutzl-loop .item:after{content:'';background:#a92334 url(../images/pages/bigW.svg) no-repeat center/20px;width:42px;height:42px;border-radius:50%;margin:auto;left:0;top:0;right:0;bottom:0;position:absolute;transform:scale(0);opacity:0;visibility:hidden;transition:all .4s ease} .aboutzl-loop .item:hover:after{transform:scale(1);opacity:1;visibility:visible} .aboutzl-img{width: 100%;height:405px;overflow: hidden;} .aboutzl-img img{width: 100%;object-fit: cover;} .aboutzl-intro{display: flex;justify-content: center;align-items: center; width: 100%;height: 68px; margin-top: 10px;padding: 0 20px;background-color: #fff;} .aboutzl-intro h2{font-size: 14px;color: #555;line-height: 22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;} .aboutzl-loop .aboutzl-slider{width:calc(50vw + 800px);margin-left:auto;height:483px;position:relative;overflow: hidden;} .aboutzl-loop .swiper-container{position:static} .aboutzl-loop .swiper-wrapper{position:absolute;left:0} .aboutzl-loop .item:hover .aboutzl-intro h2{color: #a92334;} .abouttd{width: 100%;padding: 120px 0 100px;} .abouttd-loop{width: 100%;margin-top: 100px;position: relative;padding-bottom: 70px;} .abouttd-show{display: flex;justify-content: space-between;width: 100%;cursor: pointer;} .abouttd-img{display: flex;justify-content: center;align-items: flex-end;width: 214px;height: 214px;border-radius: 50%;background-color: #e7e7e7;} .abouttd-img img{max-width: 100%;object-fit: cover;} .abouttd-cont{width: calc(100% - 214px);padding:28px 0 0 20px;} .abouttd-cont h2{font-size: 20px;color: #333;font-weight: 700;line-height: 1;padding-bottom: 14px;border-bottom: 1px solid #e6e6e6; transition: all .4s ease;} .abouttd-text{width: 100%;margin-top: 24px;} .abouttd-text p{font-size: 14px;line-height: 22px;color: #7d7d7d;} .abouttd-cont i{display: inline-block;width: 19px;height: 9px;margin-top: 26px;background: url('../images/pages/abttdArr.png')no-repeat center;opacity: 0;transition: all .4s ease;} .abouttd .swiper-pagination{width: 100%;text-align: center;bottom: 0;} .abouttd .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background-color: #d6d6d6;margin: 0 7px;} .abouttd .swiper-pagination .swiper-pagination-bullet-active{background-color: #a92334;} .abouttd-show:hover .abouttd-cont h2{color: #a92334;} .abouttd-show:hover .abouttd-cont i{opacity: 1;} .pop-team{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999999999;display:none;align-items:center;justify-content:center} .abouttd-bg{width:100%;height:100%;background:rgba(0,0,0,.8);position:absolute;left:0;top:0;z-index:0} .abouttd-content{display: flex;width:972px;background:#fff;padding:56px 40px;border-radius:2px;position:relative;z-index:1;} .abouttd-top{display:flex;} .abouttd-top img{width:214px;height:214px;object-fit:cover} .abouttd-txt{width: calc(100% - 214px);padding-left: 32px;} .abouttd-intro{width: 100%;padding-bottom: 10px;border-bottom: 1px solid #e6e6e6; } .abouttd-intro h3{font-size:24px;color: #333;font-weight:700;margin-bottom: 15px;} .abouttd-intro p{font-size:16px;color:#444;line-height:24px} .abouttd-inner-txt{width: 100%;margin-top: 10px;} .abouttd-inner-txt p{color:#777;font-size:14px;line-height:22px} .abouttd-inner-txt p+p{margin-top: 16px;} .abouttd-close{position:absolute;right:-30px;top:-30px;cursor:pointer} .abouttd-close i{background:url(../images/pages/close-icon.png) no-repeat center/100%;width:21px;height:21px;display:block;transition:all .4s ease} .abouttd-close:hover i{transform:rotate(180deg)} /* 鍏徃浼樺娍 */ .advantagegs{width: 100%;padding: 100px 0 84px;} .advantagegs-data{width: 100%;margin-top: 72px;} .advantagegs-data ul{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;} .advantagegs-data ul li{display: flex;flex-direction: column;align-items: center; width: 33.333%;text-align: center;padding: 0 60px;} .advantagegs-data ul li:nth-child(2){position: relative;} .advantagegs-data ul li:nth-child(2)::before{content: '';height:140px;border: 1px dashed #d6d6d6; position:absolute;left: 0;top: 0;} .advantagegs-data ul li:nth-child(2)::after{content: '';height: 140px;border: 1px dashed #d6d6d6; position: absolute;right: 0;top: 0;} .advantagegs-data ul li h2{font-size: 25px;color: #444;line-height: 1;} .advantagegs-data ul li .advantagegs-num{font-size: 70px;color: #a92334;line-height: 1;font-weight: 700;margin:15px 0px 12px;} .advantagegs-data ul li p{font-size: 14px;color: #777;line-height: 22px;} .advantagehz{width: 100%;padding: 156px 0 146px;} .advantagehz-heading{display: flex;justify-content: space-between;align-items: flex-end; width: 100%;} .advantagehz-heading .incom-tit{width: auto;} .advantagehz-heading .rgt{text-align: right;} .advantagehz-heading .rgt p {font-weight: lighter;color: #888;font-size: 20px;line-height: 25px;} .advantagehz-heading .rgt p span{display: block;} .advantagehz-list{display:flex;flex-wrap:wrap;width: 100%;margin:50px 0 -1px} .advantagehz-list li{height:164px;width:calc(25% + 1px);display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #d6d6d6;margin:-1px 0 0 -1px} .advantagehz-list li:hover img{transform:scale(.9)} .advantagehz-list li img{max-width: 60%;max-height: 60%;} .outlook{width: 100%;padding: 106px 0 140px;} .outlook-coulmn{width: 100%;margin-top: 48px;} .outlook-coulmn ul{margin-left: -1.5%;} .outlook-coulmn ul li{float: left; width: 23.5%; margin-left: 1.5%;} .outlook-show{width: 100%;position: relative;overflow: hidden;} .outlook-show .outlook-img{width: 100%;object-fit: cover;} .outlook-cont{position: absolute;left: 0;top: 0;display: flex;justify-content: center;align-items: flex-end; width: 100%;height: 100%;} .outlook-intro {display: flex;transform: translateY(88px);flex-direction: column;align-items: center; width: 100%;text-align: center;padding: 32px 36px 24px;transition: all .4s ease;} .outlook-intro i{display: flex;justify-content: center;align-items: flex-end;width: 38px;height: 36px;transition: all .4s ease;} .outlook-intro i img{max-width: 100%;object-fit: cover;} .outlook-intro h2{font-size: 20px;color: #fff;line-height: 1;margin: 18px 0 14px;transition: all .4s ease;} .outlook-intro p{font-size: 15px;color: #fff;line-height: 20px;transition: all .4s ease .1s;word-break: break-all;min-height: 80px;opacity: 0;} .outlook-coulmn ul li:hover .outlook-intro {background-color: rgba(169,35,52,.86);transform: translateY(0);} .outlook-coulmn ul li:hover .outlook-intro p {opacity: 1;} .outlook-picture{width: 100%;margin-top: 92px;position: relative;} .outlook-picture img{width: 100%;object-fit: cover;} .outlook-theme{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 128px 132px;} .outlook-theme h2{font-size: 24px;color: #fff;line-height: 28px;font-weight: 700;margin-bottom: 28px;} .outlook-theme p{font-size: 16px;color: #fff;line-height: 24px;} .contact-tit{width: 100%;} .contact-tit h2{font-size: 32px;color: #333;line-height: 1;} .contactwm{width: 100%;padding: 100px 0;} .contactwm-items{display: flex;width: 100%;} .contactwm-txt{width:calc(100% - 742px);padding-right:114px;} .contactwm-txt ul{width: 100%;margin-top: 40px;} .contactwm-txt li{display:flex;border-bottom:1px solid #efefef;padding:34px 0;} .contactwm-item{display:flex;align-items:center;} .contactwm-item i{width:28px;height:28px;border-radius:50%;background-color: #a92334;display:flex;align-items:center;justify-content:center} .contactwm-item i img{max-width: 100%;max-height: 100%;object-fit: cover;} .contactwm-item p{width: calc(100% - 28px); color:#666;font-size:16px;line-height: 24px;padding-left:18px} #map{width:742px;height:378px;overflow:hidden;border: 12px solid #fff;box-shadow: 0px 0px 57px 0px rgba(0, 10, 18, 0.05);} .amap-copyright,.amap-info-close,.amap-logo{display:none!important} .amap-info-content{padding:24px;background:rgba(255,255,255,.95);border-radius: 5px} .amap-info-content img{display:none;margin:0 auto 10px;max-width: 126px;height: 26px;} .amap-info-content p{color:#333;font-size:16px;} .contactly{width: 100%;padding: 120px 0 78px;background-color: #f8f8f8;} .contactly-form{display:flex;flex-wrap:wrap;justify-content:space-between;width: 100%;margin-top:68px} .contact-inline{width:49.5%;margin-bottom:25px} .contact-inline.contact-content {width: 100%;} .contact-inline.contact-content textarea{width:100%;height:114px} .contact-inline label{display: inline-block; font-size: 16px;color: #555;margin-bottom: 12px;} .contact-inline i{display: inline-block; font-size: 14px; font-style: normal;color:#f60909;margin-left: 4px;} .contact-inline input,.contact-inline textarea,.contact-code input{border:1px solid #ededed;border-radius: 2px; height:50px;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{color:#8b9297} .contact-bott{display:flex;justify-content:space-between;width:100%;align-items: flex-end;} .contact-code{height:auto;display:flex;width:calc(100% - 254px);align-items: flex-end;padding-right: 30px;} .code-items {display: inline-block;width: 92%;} .code-items label{display: block;font-size: 16px;color: #555;margin-bottom: 12px;} .contact-code input{width:100%} .contact-code span{display:flex;justify-content: center;align-items: center; width: 114px;height: 50px;background-color: #fff;margin-left:10px} .submit-btn{display:flex;justify-content: center;align-items: center; width:254px;background:#a92334;color:#fff;text-align:center;height: 50px;border-radius: 25px;font-size:18px;transition: all .4s ease;} .submit-btn:hover{border: 1px solid #a92334;background-color: transparent; color:#a92334} .contacthz{width: 100%;padding: 100px 0 128px;} .contacthz-list{width: 100%;margin-top: 54px;} .contacthz-list ul{margin-left: -2%;} .contacthz-list ul li{float: left;display: flex;flex-direction: column;justify-content: center;width:25%;height: 144px;padding: 0 42px;border: 1px solid #e9e9e9; margin-left: 2%;transition: all .4s ease;} .contacthz-list ul li h2{font-size: 20px;color: #333;margin-bottom: 12px;transition: all .4s ease;} .contacthz-list ul li p{display: flex;align-items: center; font-size: 16px;color: #666;transition: all .4s ease;} .contacthz-list ul li p i{display: inline-block;width: 16px;height: 12px;background: url('../images/pages/email.png')no-repeat center;margin-right: 8px;padding-right: 20px;transition: all .4s ease;} .contacthz-list ul li:hover{background-color: #a92334;border-color: #a92334;} .contacthz-list ul li:hover h2{color: #fff;} .contacthz-list ul li:hover p{color: #fff;} .contacthz-list ul li:hover p i{background: url('../images/pages/emailH.png')no-repeat center;} .joinrc{width: 100%;padding-top: 108px;} .joinrc .incom-tit p{width: 76%;margin: 26px auto 0;} .joinrc-items{width: 100%;margin-top: 104px;background-color: #f8f8f8;padding-bottom: 138px;} .joinrc-link{width: 100%;position: relative;} .joinrc-link:first-child::before{content: '';width: 100%;height: 80%;background-color: #fff;position: absolute;top: 0;left: 0;z-index: 0;} .joinrc-coulmn{display: flex;justify-content: space-between;width: 100%;position: relative;} .joinrc-cont{width: calc(100% - 760px);padding-right: 54px;position: relative;z-index: 3;} .joinrc-cont h2{font-size: 28px;color: #333;line-height: 1; position: relative;padding-left: 18px;margin-bottom: 28px;} .joinrc-cont h2::before{content: '';width: 5px;height: 25px;background-color: #a92334;position: absolute;left: 0;top: 0;} .joinrc-cont p{font-size: 16px;color: #666;line-height: 35px;text-align: justify;} .joinrc-img{width:760px;overflow: hidden;position: relative;z-index: 3;} .joinrc-img img{width: 100%;object-fit: cover;} .joinrc-link:nth-child(2n) .joinrc-coulmn{flex-direction: row-reverse;margin: 115px 0;} .joinrc-link:nth-child(2n) .joinrc-cont{padding-left: 54px;padding-right: 0;} .joinzs{width: 100%;padding: 112px 0 88px;} .joinzs-menu{display: flex;justify-content: center;width: 100%;} .joinzs-menu a{display: flex;align-items: center;justify-content: center;width: 174px;height: 48px;border-radius: 25px;font-size: 20px;color: #333;background-color: #fff;transition: all .4s ease;} .joinzs-menu a+a{margin-left: 20px;} .joinzs-menu a i{display: flex;justify-content: center;align-items: center;width: 22px;height: 18px;margin-right: 8px;position: relative;transition: all .4s ease;} .joinzs-menu a i img{max-width: 100%;object-fit: cover;} .joinzs-icon1{position: absolute;opacity: 1;} .joinzs-icon2{opacity: 0;} .joinzs-menu a:hover,.joinzs-menu a.active{background-color: #a92334;color: #fff;} .joinzs-menu a:hover .joinzs-icon1,.joinzs-menu a.active .joinzs-icon1{opacity: 0;} .joinzs-menu a:hover .joinzs-icon2,.joinzs-menu a.active .joinzs-icon2{opacity: 1;} .joinzs-items{width: 100%;margin-top: 48px;} .joinzs-coulmn{display: none;width: 100%;position: relative;padding-bottom: 60px;} .joinzs-coulmn.active{display: block;position: relative;} .joinzs-show{width: 100%;} .joinzs-show img{width: 100%;object-fit: cover;} .joinzs-tit{position: absolute;left: 0;bottom: 0; display: flex;justify-content: center;align-items: center; width: 100%;height: 60px;font-size: 18px;color: #fff; background-color: rgba(169, 35, 52, 0.8);opacity: 0;transition: all .4s ease;} .joinzs-intro{position: absolute;left: 0;bottom: 0;width: 100%;padding:34px;text-align: center; background-color: rgba(169, 35, 52, 0.8);opacity: 0;transition: all .4s ease;} .joinzs-intro h2{font-size: 18px;color: #fff;margin-bottom: 16px;} .joinzs-intro p{font-size: 15px;color: #fff;line-height: 24px;} .joinzs-show:hover .joinzs-tit{opacity: 1;} .joinzs-show:hover .joinzs-intro{opacity: 1;} .joinzs-coulmn .swiper-pagination{position:absolute;left:0px;bottom:0;right: 0;margin: 0 auto; width: auto;} .joinzs-coulmn .swiper-pagination-bullet{width:63px;height:13px;border-radius:30px;background:0 0;border:1px solid #292929;opacity:1;position:relative} .joinzs-coulmn .swiper-pagination-bullet:not(:first-child){margin-left:16px} .joinzs-coulmn .swiper-pagination-bullet:after{content:'';width:calc(100% - 4px);height:calc(100% - 4px);top:2px;left:2px;background:#1b1b1b;position:absolute;border-radius:30px;opacity:0;transition:all .3s} .joinzs-coulmn .swiper-pagination-bullet-active:after{opacity:1} .joinwm{width: 100%;padding: 100px 0;background-color: #f8f8f8;} .joinwm-post{width: 100%;margin-top: 60px;} .joinwm-item ul{border-bottom:1px solid #f0f0f0;width:100%;overflow:hidden;padding: 0 20px 0 40px;background-color: #fff;} .joinwm-item ul li{font-size:16px;float:left;color:#444;height:100px;line-height:100px;text-align:left;overflow:hidden} .joinwm-item li:nth-child(1){width: 24%;font-size: 22px;color: #333;} .joinwm-item li:nth-child(2){width: 44%;text-align: right;} .joinwm-item li:nth-child(3){width: 6%;text-align: right;} .joinwm-item li:nth-child(4){width: 20%;text-align: right;} .joinwm-item li:nth-child(5){width: 6%} .joinwm-item li span:not(.joinwm-click span){overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: block;width: 90%} .joinwm-click{display: flex;justify-content:flex-end;align-items: center;height:100px;cursor:pointer;user-select:none} .joinwm-click span{width: 12px;height: 19px;background: url('../images/pages/join_down.png')no-repeat center;transition: all .4s ease;} .joinwm-item ul.on .joinwm-click span{background: url('../images/pages/join_downH.png')no-repeat center;} .joinwm-click:hover{color:#003586} .joinwm-words{width:100%;overflow:hidden;background-color:#fff;padding:45px 38px 50px;border-bottom: 1px solid #f0f0f0;display:none} .joinwm-words h4{font-size:18px;color:#a92334;margin-bottom:15px;} .joinwm-words p{font-size:15px;color:#777;line-height:30px;} .joinwm-words h6{font-size:18px;color:#444;} .joinwm-words h6 span{color:#a92334;} .joinwm-item ul.on{background-color:#a92334} .joinwm-item ul.on li{color: #fff} /* -------------------------PC绔?-------------------------- */ @media all and (max-width:1700px) { /* 1600 脳 (900) */ .aboutzl-loop .aboutzl-slider{width:calc(50vw + 700px);} .innewslm-pic .swiper-slide img{height: 394px;} .innewslb-img img{height:246px;} } @media all and (max-width:1599px) { /* 1440 脳 (700) */ .inpage-cont h2{font-size: 42px;} .incom-tit h2{font-size: 35px;} .inprod-img{height: 300px;} .inprod-intro {padding: 40px 30px 40px 40px;} .projcszs-cont{top: 80px;} .projfa-cont {top: 100px;} .projfa-intro {margin: 60px 0 100px;} .projly {padding: 108px 0 100px;} .projcp {padding: 100px 0;} .proj-list{width: 87%;} /*.proj-list li p:last-child{width:45%;text-align:right;}*/ .projxl-intro {padding: 60px 40px 0 0;} .projxl-intro.projt {padding: 180px 40px 0 0;} .projxl-intro p{font-size: 24px;} .projxl-coulmn li {height: 248px;padding: 32px 20px 0;} .projxl-coulmn li h6{font-size: 22px;} .projxl-coulmn li p{font-size: 15px;} .projg3 {padding: 100px 0 80px;} .projg3-items{margin-top: 54px;} .projg3-intro {padding: 34px 10px 20px;} .projg3-intro h2{font-size: 28px;} .projg3-intro p{-webkit-line-clamp: 5;height:100px;} .incore {padding: 100px 0 60px;} .incore-cont {padding: 0 68px 0 60px;} .incore-cont p {font-size: 15px;line-height: 28px;} .innews {padding: 100px 0;} .innewslm-txt {padding-left: 30px;} .innewslm-txt .item {padding-left: 30px;} .innewslm-txt .tit{font-size: 24px;line-height: 34px;} .innewslm-txt .in p {font-size: 15px;line-height: 35px;} .innewslm-txt .swiper-pagination{left: 60px;} .innewslb {margin-top: 88px;} .innewslb-img img{height:215px;} .innewslm-pic .swiper-slide img{height: 338px;} .aboutjs {padding: 108px 0 120px;} .aboutjs-data ul li {padding-right: 18px;margin-right: 18px;} .aboutln-coulmn{height: 680px;} .aboutzl {padding: 120px 0 100px;} .aboutzl-loop .aboutzl-slider{width:calc(50vw + 600px);} .abouttd {padding: 100px 0;} .abouttd-img {width: 180px;height: 180px;} .abouttd-cont { width: calc(100% - 180px); padding: 24px 0 0 24px;} .abouttd-text p{font-size: 15px;} .joinrc-cont{width: calc(100% - 250px);padding-right: 32px;position: relative;z-index: 3;} .advantagehz {padding: 120px 0 108px;} .outlook { padding: 100px 0 120px;} .outlook-intro {padding: 32px 25px 18px;transform: translateY(76px);} .outlook-picture {margin-top: 80px;} .outlook-theme {padding:150px 30px;} .contact-tit h2{font-size: 35px;} .contactwm-txt {width: calc(100% - 580px);padding-right: 80px;} #map{width: 580px;} .contactly {padding: 100px 0 78px;} .inpage.proj .inpage-cont{top: 150px;} .joinwm-item li:nth-child(1){width:50%} .joinwm-item li:nth-child(2){width:15%} .joinwm-item li:nth-child(3){width:15%;} .joinwm-item li:nth-child(4){width:10%;} .joinwm-item li:nth-child(4){width:10%;} /*.outlook .incom-tit p {letter-spacing: 10px;}*/ } @media all and (max-width:1439px) { /* 1360 */ } @media all and (max-width:1359px) { /* 1280 */ .inpage-cont h2 {font-size: 38px;} .inpage.proj .inpage-cont {top: 168px;} .projcszs-cont{top: 68px;} .projcszs-cont h2 {font-size: 35px;margin-bottom: 18px;} .projfa-cont span{font-size: 40px;} .projfa-cont h2{font-size: 35px;} .projfa-cont h3{font-size: 40px;} .projfa-cont p{font-size: 22px;} .projfa-intro {margin: 48px 0 80px;} } @media all and (max-width:1279px) { /* 1152 脳 (700) */ .inpage-cont h2{font-size: 32px;} .inpage-cont p {font-size: 18px;margin-top: 14px;} .incom-tit h2 {font-size: 28px;} .incom-tit p {margin-top: 20px;} .changeBan .inpage-cont p{letter-spacing: 8px;} .inprod {padding: 80px 0 12px;} .inprod-coulmn{margin-bottom: 30px;} .inprod-list li{margin-bottom: 28px;} .projcszs-cont{top: 60px;} .projcszs-cont h2 {font-size: 28px;margin-bottom: 18px;} .projfa-cont {top: 80px;} .projfa-cont span{font-size: 30px;} .projfa-cont h2{font-size: 25px;} .projfa-cont h3{font-size: 30px;} .projfa-cont p{font-size: 20px;} .projfa-intro {margin: 40px 0 68px;} .projly {padding: 88px 0 80px;} .projly-tit h2 {font-size: 28px;} .projcp {padding: 80px 0;} .projcp-tit h2 {font-size:28px;} .proj-list li{width: 45%;} .projkh {padding: 88px 0 80px;} .projxl-intro {padding: 40px 30px 0 0;} .projxl-intro h2{font-size: 28px;} .projxl-intro p{font-size: 20px;} .projxl-coulmn li {height: 238px;padding: 24px 20px 0;} .projxl-coulmn li h6{font-size: 18px;} .projxl-coulmn li p{font-size: 14px;} .projg3 {padding: 80px 0;} .projg3-title h2{font-size: 28px;} .projg3-items{margin-top:48px;} .projg3-intro {padding: 30px 24px 20px;} .projg3-intro h2{font-size: 24px;} .projg3-intro p {font-size: 18px;line-height: 28px;height: 56px;} .incore {padding: 80px 0 60px;} .incore-coulmn {margin-bottom: 42px;} .incore-cont {padding: 0 40px 0 32px;} .incore-cont h2 {font-size: 24px;} .incore-cont h6{font-size: 18px;margin: 10px 0 18px;} .incore-cont p {font-size: 14px;line-height: 26px;} .innews {padding: 80px 0;} .innewslm-txt {padding-left: 15px;} .innewslm-txt .item {padding-left: 15px;} .innewslm-txt .tit{font-size: 20px;line-height: 28px;} .innewslm-txt .in{margin-top:12px;} .innewslm-txt .in p {font-size: 14px;line-height: 26px;} .innewslm-txt .swiper-pagination{left: 30px;} .innewslb {margin-top: 68px;} .innewslb ul li {margin: 0 0 28px 4%;} .article {padding: 80px 0 88px;} .article-r-coulmn {margin-top: 40px;} .article-r-nav a h4 {font-size: 14px;} .article-side-info h4{font-size: 14px;} .aboutjs {padding: 88px 0 100px;} .aboutjs-data ul li {padding-right: 40px;margin-right: 40px;} .aboutjs-data ul li .aboutjs-num span{font-size: 48px;} .aboutlc { padding: 100px 0 80px;} .aboutlc-time::after{width: 90%;} .aboutlc-intro span{font-size: 68px;} .aboutln-coulmn{height: 480px;} .aboutln-coulmn .inner{padding-left: 38px;} .aboutln-coulmn li h3{font-size: 28px;} .aboutzl{padding: 88px 0 80px;} .aboutzl-loop{margin-top: 48px;} .aboutzl-loop .aboutzl-slider{width:calc(50vw + 480px);} .abouttd {padding: 80px 0;} .abouttd-loop{padding-bottom: 48px;margin-top: 68px;} .abouttd-show{flex-direction: column;} .abouttd-img {margin: 0 auto;} .abouttd-cont { width: 100%; padding: 24px 0 0 0px;text-align: center;} .abouttd-text{margin-top: 18px;} .advantagegs {padding: 80px 0;} .advantagegs-data ul li{padding: 0 32px;} .advantagegs-data ul li .advantagegs-num{font-size: 48px;} .advantagehz {padding: 88px 0 80px;} .outlook { padding: 80px 0 88px;} .outlook-coulmn{margin-top: 38px;} .outlook-intro {padding: 28px 20px 10px;transform: translateY(100px);} .outlook-intro p {min-height: 100px;} .outlook-picture {margin-top: 60px;} .outlook-theme {padding: 80px 88px;} .outlook-theme h2{font-size: 24px;line-height: 40px;} .contact-tit h2 {font-size: 28px;} .contactwm {padding: 80px 0;} .contactwm-txt {width: calc(100% - 520px);padding-right: 40px;} .contactwm-txt li{padding: 32px 0;} #map{width: 520px;} .contactly {padding: 80px 0 78px;} .contactly-form {margin-top: 38px;} .contacthz {padding: 80px 0 88px;} .contacthz-list{margin-top: 32px;} .contacthz-list ul li {height: 120px;padding: 0 28px;} .joinrc {padding-top: 80px;} .joinrc-items {margin-top: 60px;padding-bottom: 100px;} .joinrc-cont {width: calc(100% - 480px);padding-right: 40px;} .joinrc-cont h2 {font-size: 24px;margin-bottom: 18px;} .joinrc-cont p {font-size: 15px;line-height: 30px;} .joinrc-img {width: 480px;} .joinrc-link:nth-child(2n) .joinrc-coulmn {margin: 80px 0;} .joinrc-link:nth-child(2n) .joinrc-cont {padding-left: 40px;} .joinzs {padding: 80px 0 88px;} .joinzs-coulmn {padding-bottom: 48px;} .joinzs-intro {padding: 20px;} .joinzs-intro h2 {font-size: 16px;margin-bottom: 10px;} .joinzs-intro p {font-size: 14px;line-height: 22px;} .joinwm {padding: 80px 0;} .joinwm-post { margin-top: 42px;} } @media all and (max-width:1151px) { /* 1024 */ .proj鈥攎enu { top: 0;} .inpage.proj .inpage-cont {top: 100px;} } /* ------------------------鎵嬫満绔?------------------------- */ @media all and (max-width:1000px) { /* 骞虫澘璁惧 720 閫傞厤 */ .inpage-cont{padding: 0 4%;} .inpage-cont h2{font-size: 28px;} .inpage-cont p{font-size: 20px;} .changeBan .inpage-cont p{letter-spacing: 4px;} .inmenu-scroll a {margin-right: 28px;height: 65px;} .inmenu-home{display: none;} .incom-tit h2 {font-size: 25px;} .incom-tit p {margin-top: 14px;} .inprod {padding: 60px 0 12px;} .inprod-tit h2{font-size: 24px;} .inprod-list{margin-top: 38px;} .inprod-list li {width: 48%;} .inpage.proj .inpage-cont {top: 80px; } .projcs {padding: 60px 0;} .projcs-lsit li h2{font-size: 20px;} .projcszs-cont{top: 40px;} .projcszs-cont h2 {font-size: 24px;margin-bottom: 10px;} .projcszs-cont p {font-size: 18px;line-height: 28px; } .projfa-cont {top: 48px;} .projfa-cont span{font-size: 25px;} .projfa-cont h2{font-size: 20px;} .projfa-cont h3{font-size: 25px;} .projfa-cont p{font-size: 16px;} .projfa-intro {margin: 20px 0 38px;} .projly {padding: 68px 0 60px;} .projly-tit h2 {font-size: 25px;} .projcp {padding: 60px 0;} .projcp-tit h2 {font-size:25px;} .proj-list{width: 88%;} .proj-list li{width: 47%;} .projkh {padding: 68px 0 60px;} .projkh-show li{height: 148px;} .projxl{padding: 60px 0;} .projxl .contain-1600 {flex-direction: column; } .projxl-intro {width: 100%;padding:0px;} .projxl-intro h2{font-size: 25px;} .projxl-intro p {font-size: 18px;line-height: 30px;} .projxl-coulmn{flex-wrap: wrap;} .projxl-coulmn li{width: 100%;border-left: none;border-bottom: 1px solid #5b5b5b;padding: 38px 20px;} .projxl-coulmn li:last-child{border-bottom: none;} .projxl-show{width: 100%;margin-top: 32px;} .projg3 {padding: 60px 0;} .projg3-title h2{font-size: 25px;} .projg3-items{margin-top:38px;} .projg3-items ul {margin-left: -2%;} .projg3-items li {margin-left: 2%;} .projg3-intro {padding: 30px 20px 20px;} .projg3-intro h2{font-size: 18px;} .projg3-intro p {font-size: 15px;line-height: 25px;height: 50px;} .incore {padding: 60px 0 60px;} .incore-coulmn {flex-direction:column-reverse !important; margin-bottom: 32px;} .incore-cont{width: 100%;padding: 32px 20px;} .incore-img{width: 100%;} .innews {padding: 60px 0;} .innewslm-pic {width: 100%;} .innewslm-txt{width: 100%;padding:20px 0 40px;} .innewslm-txt .item {padding-left: 0px;} .innewslm-txt .swiper-pagination{left: 0px;} .innewslb {margin-top: 48px;} .innewslb ul li {margin: 0 0 20px 4%;} .article {padding: 60px 0 68px;} .article-main{flex-direction: column;} .article-l {width: 100%;} .article-l h1 {font-size: 24px;} .article-r{width: 100%;margin-top: 32px;} .aboutjs {padding: 68px 0 80px;} .aboutjs-lft { width: 20%;} .aboutjs-rgt { width: 80%;} .aboutjs-data ul li {padding-right: 30px;margin-right: 30px;} .aboutjs-data ul li .aboutjs-num span{font-size: 38px;} .aboutlc { padding: 80px 0;} .aboutlc-time::after {width: 88%;} .aboutlc-cont {margin-top: 48px;} .aboutlc-intro span{font-size: 48px;} .aboutln-coulmn{height: 380px;} .aboutln-coulmn .inner { padding-left: 20px;} .aboutln-coulmn li h3{font-size: 25px;} .aboutln-coulmn li p {font-size: 14px;line-height: 24px; } .aboutzl {padding: 68px 0 60px;} .aboutzl-loop{margin-top: 38px;} .aboutzl-loop .aboutzl-slider{width:96%;} .abouttd {padding:60px 0;} .abouttd-loop{padding-bottom: 38px;margin-top: 48px;} .abouttd-text p{font-size: 14px;} .abouttd-content{width: 92%;} .abouttd-close{right: 0;} .advantagegs {padding: 60px 0;} .advantagegs-data {margin-top:48px;} .advantagegs-data ul li{padding: 0 20px;} .advantagegs-data ul li .advantagegs-num{font-size: 38px;} .advantagehz {padding: 68px 0 60px;} .outlook { padding:60px 0 68px;} .outlook-coulmn{margin-top: 28px;} .outlook-coulmn ul li{width: 48.5%;margin: 0 0 20px 1.5%;} .outlook-intro {padding: 28px 20px 20px;} .outlook-picture {margin-top: 20px;} .outlook-theme {padding: 40px 48px;} .outlook-theme h2{font-size: 22px;line-height: 32px;margin-bottom: 24px;} .contact-tit h2 {font-size: 25px;} .contactwm {padding: 60px 0;} .contactwm-items{flex-direction: column;} .contactwm-txt {width:100%;padding-right: 0px;margin-bottom: 28px;} .contactwm-txt ul{margin-top: 20px;} .contactwm-txt li{padding: 28px 0;} #map{width:100%;} .contactly {padding: 60px 0 68px;} .contactly-form {margin-top: 28px;} .contacthz {padding: 60px 0 48px;} .contacthz-list{margin-top: 28px;} .contacthz-list ul li {width: 48%;margin: 0 0 20px 2%;} .joinrc {padding-top:60px;} .joinrc .incom-tit p {width: 88%;} .joinrc-items {margin-top: 40px;padding-bottom: 40px;} .joinrc-coulmn{flex-direction: column-reverse;} .joinrc-cont {width: 100%;padding: 30px 0;} .joinrc-img {width:100%;} .joinrc-link:nth-child(2n) .joinrc-coulmn {margin: 20px 0;flex-direction: column-reverse;} .joinrc-link:nth-child(2n) .joinrc-cont {padding-left: 0px;} .joinzs {padding: 60px 0 68px;} .joinzs-coulmn {padding-bottom: 38px;} .joinwm {padding: 60px 0;} .joinwm-post { margin-top: 32px;} .joinwm-item ul {padding: 0 20px 0 28px;} .joinwm-item li:nth-child(1){width: 38%;font-size: 20px;} .joinwm-item li:nth-child(2){width: 30%;} .joinwm-words {padding: 40px 30px 48px;} } @media all and (max-width:640px) { /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */ .inpage img{height: 220px;} .inpage-cont h2{font-size: 22px;} .inpage-cont p{font-size: 12px;} .changeBan .inpage-cont p{letter-spacing: 2px;} .inpage.core img{height: 340px;} .inpage.core .inpage-cont h2{font-size: 18px;line-height: 22px;} .inpage.core .inpage-cont h2 br{display: none;} .inpage-intro{flex-direction: column;align-items: center;margin-top: 20px;} .inpage-text{width: 320px;} .inpage-text:first-child::after{width: 20px;right: 0;left: 0;bottom:-28px;top: auto;transform: rotate(90deg);margin: 0 auto;} .inpage-text+.inpage-text {margin-left: 0px;margin-top: 42px;} .inpage-text h6 {font-size: 13px;line-height: 17px;} .inmenu-son{width: 100%;overflow-x: auto;} .inmenu-scroll a {margin-right: 20px;height: 55px;font-size: 14px;white-space: nowrap;} .incom-tit h2 {font-size: 22px;} .incom-tit p{font-size: 16px;} .incom-tit p br{display: none;} .inprod {padding: 40px 0 12px;} .inprod-coulmn{margin-bottom: 18px;} .inprod-tit h2{font-size: 22px;} .inprod-list{margin-top: 28px;} .inprod-list li {width: 100%;} .inprod-img {height: auto;padding: 32px 0;} .inprod-intro { padding: 28px 20px 28px 24px;} .inprod-cont h2{font-size: 20px;} .inpage.proj .inpage-cont {top: 68px; } .projcs {padding: 48px 0 20px;} .projcs-lsit li {width: 50% !important; margin-bottom: 28px;} .projcs-lsit li h2{font-size: 20px;} .projcszs-cont{position: static;text-align: left !important;padding:28px 0;} .projcszs-cont h2 {font-size: 20px;margin-bottom: 10px;color: #333 !important;} .projcszs-cont p {font-size: 16px;line-height: 26px; color: #666 !important;} .projcszs-cont p br{display: none;} .projfa img{position: absolute;height: 100%;z-index: -1;} .projfa-cont {position: static;padding: 40px 0;} .projfa-cont span{font-size: 20px;} .projfa-cont h2{font-size: 16px;} .projfa-cont h3{font-size: 20px;} .projfa-cont p{font-size: 15px;} .projfa-intro {margin: 20px 0 28px;} .projly {padding: 48px 0 40px;} .projly-tit h2 {font-size: 22px;} .projly-loop { margin-top: 32px; padding-bottom: 48px;} .projcp {padding: 40px 0;} .projcp-tit h2 {font-size:22px;} .proj-list{width: 100%;} .proj-list li{width: 48%;flex-direction: column;} .proj-list li h6{margin-bottom: 12px;font-size: 16px;} .proj-list li p{font-size: 12px;} .projkh {padding: 48px 0 40px;} .projkh-show li {height: 120px;} .projxl{padding: 40px 0;} .projxl-intro h2{font-size: 22px;} .projxl-intro p {font-size: 16px;line-height: 28px;} .projxl-coulmn li{padding: 28px 20px;} .projg3 {padding: 40px 0 20px;} .projg3-title h2{font-size: 22px;} .projg3-items{margin-top:28px;} .projg3-items ul {margin-left: 0%;} .projg3-items li {margin:0 0 28px 0%;width: 100%;} .projg3-intro {padding: 30px 20px 20px;} .incore {padding: 40px 0 12px;} .incore-cont h2 {font-size: 20px;} .incore-cont h6{font-size: 16px;} .innews {padding: 40px 0;} .innewslb {margin-top: 38px;} .innewslb ul {margin-left: 0;} .innewslb ul li {width: 100%;margin: 0 0 20px 0;} .article {padding: 40px 0 48px;} .article-l h1 {font-size: 22px;} .article-content p {font-size: 14px;line-height: 30px;} .article-r-nav h5 {font-size: 20px;} .article-r-header h3{font-size: 20px;} .aboutjs { padding: 48px 0;} .aboutjs-lft {width: 100%;} .aboutjs-rgt {width: 100%;margin-top: 14px;} .aboutjs-data{margin-top: 0px;} .aboutjs-data ul li {width: 100%;padding-right: 30px;margin-right: 0px;margin-top: 28px;border-right: none;text-align:center;} .aboutjs-data ul li .aboutjs-num span {font-size: 30px; } .aboutlc { padding: 60px 0;} .aboutlc-time::after {width: 68%;} .aboutlc-cont {margin-top: 38px;} .aboutlc-intro span{font-size: 38px;} .aboutlc-intro h2{font-size: 20px;} .aboutln-coulmn{ height: auto; padding: 30px 0; } .aboutln-coulmn li{ width: 100%;border-left: 0;padding: 20px 0;border-top: 1px solid #fff6;} .aboutln-coulmn li:last-child{border-right: none;border-bottom: 1px solid #fff6;} .aboutln-coulmn li h3 { font-size: 20px;} .aboutln-coulmn li .txt{display: block;margin-top: 12px;} .abouttd {padding:40px 0;} .abouttd-loop{padding-bottom: 28px;margin-top: 38px;} .abouttd-cont h2{font-size: 22px;} .abouttd-cont i{opacity: 1 !important;} .abouttd-content{flex-direction: column;padding: 30px 20px 38px;} .abouttd-top img{width: 168px;height: 168px;margin: 0 auto;} .abouttd-txt{width: 100%;padding-left: 0;} .abouttd-intro h3 {font-size: 20px;margin-bottom: 10px;} .abouttd-intro p {font-size: 15px;line-height: 24px;} .abouttd-inner-txt{max-height: 168px;overflow-y: auto;padding-right: 18px;} .abouttd-inner-txt p {font-size: 14px;line-height: 24px;} .advantagegs {padding: 40px 0;} .advantagegs-data {margin-top:8px;} .advantagegs-data ul li{width: 100%;padding: 0 20px;margin-top: 32px;} .advantagegs-data ul li h2{font-size: 24px;} .advantagegs-data ul li:nth-child(2)::before,.advantagegs-data ul li:nth-child(2)::after{display: none;} .advantagegs-data ul li .advantagegs-num{font-size: 28px;} .aboutzl {padding: 48px 0 40px;} .aboutzl-heading{flex-direction: column;} .aboutzl-btn{width: 100%;margin-top: 28px;} .aboutzl-loop{margin-top: 20px;} .aboutzl-loop .aboutzl-slider{width:96%;} .advantagehz {padding: 48px 0 40px;} .advantagehz-heading{flex-direction: column;align-items: flex-start;} .advantagehz-heading .rgt{text-align: left;margin-top: 20px;} .advantagehz-heading .rgt p{font-size: 16px;line-height: 20px;} .advantagehz-heading .rgt p br{display: none;} .advantagehz-list {margin:28px 0 -1px;} .advantagehz-list li {height: 120px;width: calc(50% + 1px);} .outlook { padding:40px 0 48px;} .outlook-coulmn{margin-top: 24px;} .outlook-coulmn ul{margin-left: 0;} .outlook-coulmn ul li{width: 100%;margin: 0 0 20px 0%;} .outlook-intro {padding: 28px 20px 20px;} .outlook-picture img{height: 220px;} .outlook-theme {padding: 24px 20px;} .outlook-theme h2{font-size: 16px;line-height: 24px;margin-bottom: 14px;} .outlook-theme p {font-size: 14px;line-height: 24px;} .outlook-theme h2 br,.outlook-theme p br{display: none;} .contact-tit h2 {font-size: 22px;} .contactwm {padding: 40px 0;} .contactwm-txt ul{margin-top: 12px;} .contactwm-txt li{padding: 24px 0;} .contactwm-item p {font-size: 15px;} .contactly {padding: 40px 0 48px;} .contact-inline {width: 100%;} .contact-bott{flex-direction: column;} .contact-code {width: 100%; padding-right: 0px;} .submit-btn{width: 100%;margin-top: 24px;} .contacthz {padding: 40px 0 28px;} .contacthz-list ul{margin-left: 0;} .contacthz-list ul li {width: 100%;margin: 0 0 20px 0%;} .contacthz-list ul li h2{font-size: 18px;} .joinrc {padding-top:40px;} .joinrc .incom-tit p {width:100%;} .joinrc-items {margin-top: 30px;padding-bottom: 30px;} .joinrc-cont {padding: 24px 0;} .joinrc-cont h2{font-size: 20px;} .joinrc-cont h2::before{height: 20px;} .joinrc-cont p {font-size: 14px; line-height: 26px; } .joinzs {padding: 40px 0 48px;} .joinzs-menu a{width: 138px;font-size: 16px;height: 40px;} .joinzs-items {margin-top: 38px;} .joinwm {padding: 40px 0;} .joinwm-post { margin-top: 28px;} .joinwm-item ul {padding: 0 20px 0 20px;} .joinwm-item ul li{font-size: 14px;height: 68px;line-height: 68px;} .joinwm-item li:nth-child(1){width: 68%;font-size: 16px;} .joinwm-item li:nth-child(2){width: 30%;display: none;} .joinwm-item li:nth-child(3){width: 26%;text-align: center;} .joinwm-item li:nth-child(4){width: 32%;display: none;} .joinwm-click{height: 68px;} .joinwm-item li span:not(.joinwm-click span){width: 100%;} .joinwm-words {padding: 30px 20px 38px;} .joinwm-words h4 { font-size: 16px;margin-bottom: 10px;} .joinwm-words p {font-size: 14px;line-height: 28px;} .joinwm-words h6 {font-size: 16px;} .outlook .incom-tit p {letter-spacing: 4px;} .innewslm-pic .swiper-slide img {height: 194px;} .innewslb-img img{height: 194px;} }