@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: 38px;height: 38px;line-height: 36px;border: 1px solid #e1e1e1;margin: 4px;font-size: 14px;color: #555;transition: all .4s ease;border-radius: 3px;background-color: #fff;} .paging-menu a:first-child, .paging-menu a:last-child{width: 68px;} .paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #e8413c;background-color: #e8413c;color: #fff;} .paging-skip{margin-left: 8px;} .paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;} .paging-hint:first-of-type{margin: 0;} .paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;} .paging-skip input:focus{border-color: #e8413c;} .paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;} .paging-skip button:hover{background-color: #e8413c;color: #fff;border-color: #e8413c;} .paging-hint span{color: #e8413c;} @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-skip{width: 100%;margin-left: 0;}.paging-menu a:first-child, .paging-menu a:last-child{width: 54px;}} /* 鎼滅储椤甸潰 */ .search{width: 100%;padding: 80px 0;} .search-info{width: 100%;font-size: 28px;color: #333;font-weight: 700;} .search-info span{color: #e8413c;} .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: #e8413c !important;} .search-link:hover h2{color: #e8413c;} @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;}} /* 鍏充簬鐟炶姮 */ .com-banner{width: 100%;position: relative;z-index: 1;} .com-banner img{width: 100%;object-fit: cover;} .com-hedline{width: 100%;position: absolute;left: 0;top: 148px;} .com-intro{width: 43%;} .com-intro h2{font-size: 40px;color: #fff;font-weight: 700;line-height: 1;position: relative;padding-bottom: 24px;} .com-intro h2::before{content: '';width: 44px;height: 4px;background-color: #e02b26;position: absolute;left: 0;bottom: 0;} .com-intro p{font-size: 14px;color: #fff;line-height: 24px;margin-top: 30px;} .com-coulmn{width: 100%;position: absolute;left: 0;bottom: -44px;z-index: 3;} .com-menu{width: 100%;display: flex;justify-content: space-between;align-items: center;background-color: #fff;box-shadow: 3px 1px 8px 0px rgba(192, 192, 192, 0.31); } .com-lft{display: flex;width: auto;} .com-lft a{display:flex;justify-content:center;align-items: center;font-size: 16px;color: #333;height:144px;background:#fff;padding: 0 54px;position: relative;transition: all .4s ease;} .com-lft a:hover,.com-lft a.active{background-color: #e02b26;color: #fff;} .com-rgt {display: flex; width: auto;background-color: #fff;padding: 0 54px;} .com-rgt a{display:flex;align-items: center;font-size: 16px;color: #333;height:144px;background:#fff;position: relative;transition: all .4s ease;} .com-rgt i{display:flex;align-items: center; font-size: 16px;color: #333;font-style: normal;margin: 0 8px;} .com-rgt a:hover,.com-rgt a.active{color: #e02b26;} .com-tit{font-size: 34px;color: #3f3f3f;font-weight: 700;line-height: 1;padding-bottom: 24px;position: relative;} .com-tit::before{content: '';width: 44px;height: 4px;background-color: #e02b26;position: absolute;left: 0;bottom: 0;} .aboutjs{width: 100%;padding: 174px 0 158px;} .aboutjs .contain{position: relative;} .aboutjs-img{width: 795px;position: relative;} .aboutjs-img img{width: 100%;object-fit: cover;} .aboutjs-cont{position: absolute;width: 760px;height: 545px;bottom:-92px;background:#fff;box-shadow: 1px 1px 23px 0px rgba(0, 0, 0, 0.05); padding: 0 46px 0 80px;display: flex;flex-direction: column;justify-content: center;z-index: 6;right: 0;} .aboutjs-intro{width: 100%;padding:0 78px 0 0;height: 340px;margin-top: 28px;overflow: auto;} .aboutjs-intro::-webkit-scrollbar {width:6px;height:142px !important;background: #e8e8e8} .aboutjs-intro::-webkit-scrollbar-thumb {background: #e02b26;border-radius: 30px} .aboutjs-intro::-webkit-scrollbar-track {border-radius: 30px} .aboutjs-intro p{font-size: 16px;color: #3f3f3f;line-height: 38px;} .aboutjg{width: 100%;padding-top: 60px;background-color: #f3f3f3;} .aboutjg-item{width: 100%;background-color: #fff;padding: 55px 45px 52px;} .aboutjg-img{width: 100%;text-align: center;margin-top: -52px;} .aboutjg-img img{max-width: 100%;object-fit: cover;} .aboutlc{width: 100%;padding: 146px 0 167px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;z-index: 1;} .aboutlc::after{content: '';width: 100%;height: 1px;background-color: rgba(255, 255, 255, 0.5);position: absolute;left: 0;bottom: 250px;transform: rotate(-9deg);z-index:0;} .aboutlc-cont{width: 372px;margin: 0 auto;position: relative;} .aboutlc-cont::after{content: '';width: 100%;height: 100%;background-color: #fff;position: absolute;left: 16px;top: 16px;z-index: -1;} .aboutlc-intro{width: 100%;height: 274px;background-color: #e02b26;padding: 30px 28px 30px 38px;position: relative;z-index: 1;} .aboutlc-intro h2{font-size: 24px;color: #fff;font-weight: 700;position: relative;padding-bottom:26px;margin-bottom: 18px;} .aboutlc-intro h2::before{content: '';width:50px;height: 4px;background-color: #fff;position: absolute;left: 0;bottom: 0;} .aboutlc-intro span{font-size: 132px;font-weight: 700;line-height:0.8;color: #fff;opacity: .1;font-family:Arial;position: absolute;top: 45px;left: 38px;z-index: 0;} .aboutlc-intro p{font-size: 16px;color: #fff;line-height: 28px;} .aboutlc-loop{width: 100%;position: relative;margin-top: 88px;transform: rotate(-9deg);z-index: 3;} .aboutlc-time{width: 100%;display: flex;flex-direction: column;align-items: center;padding: 20px 0;position: relative;cursor: pointer;} .aboutlc-dots{width: 32px;height: 32px;transform: scale(-0.33); border-radius: 50%;background-color:#fff;position: relative;transition: transform .4s ease;} .aboutlc-dots::after{content: '';width: 12px;height: 12px;border-radius: 50%;background-color:#e02b26;position: absolute;left: 50%;top: 50%;margin-left: -6px;margin-top: -6px;opacity: 0;z-index: 1; transition: all .4s ease;} .aboutlc-num{font-size: 26px;color: #fff;font-weight: 700;margin-top: 8px;} .aboutlc-loop .time.active .aboutlc-dots{transform: scale(1);} .aboutlc-loop .time.active .aboutlc-dots::after{opacity: 1;} .aboutlc-prev,.aboutlc-next{width: 42px;height: 72px;border-radius: 3px;background: rgba(0,0,0,.3) url('../images/pages/abt_Arr.png')no-repeat center;position: absolute;left: 4%;top: 50%;margin-top: -20px;cursor: pointer;transition: all .4s ease;} .aboutlc-next{transform: rotate(180deg);left: auto;right: 4%;} .aboutlc-prev:hover,.aboutlc-next:hover{background: rgba(0,0,0,.7) url('../images/pages/abt_Arr.png')no-repeat center;} .aboutry{width: 100%;padding: 90px 0 112px;background-color: #f4f4f4;} .aboutry-loop{width: 100%;margin-top: 48px;position: relative;} .aboutry-item{width: 100%;} .aboutry-img{display: flex;justify-content: center;align-items: center;width: 100%;height: 305px;background-color: #fff;position: relative;z-index: 1;} .aboutry-img::before{content: ''; width: 62px;height: 62px;border-radius: 50%;background: #e02b26 url(../images/pages/cft_iconZ.png) no-repeat center;position: absolute;left: 0;top: 0px;right: 0;bottom: 0;margin: auto;opacity: 0;z-index: 3; transition: all .4s ease;} .aboutry-img img{max-width: 88%;max-height: 88%;object-fit: cover;transition: all .6s ease;} .aboutry-cont{display: flex;justify-content: center;align-items: center; width: 100%;height: 65px;padding:0 18px; background-color: #286175;transition: all .4s ease;} .aboutry-cont h2{font-size: 15px;color: #fff;font-weight: 700;} .aboutry-prev,.aboutry-next{width: 42px;height: 42px;border-radius: 50%;background: rgba(0,0,0,.3) url('../images/pages/abt_Arr.png')no-repeat center;position: absolute;left: -100px;top: 50%;z-index: 3;margin-top: -20px;cursor: pointer;transition: all .4s ease;} .aboutry-next{transform: rotate(180deg);left: auto;right:-100px;} .aboutry-prev:hover,.aboutry-next:hover{background: rgba(0,0,0,.7) url('../images/pages/abt_Arr.png')no-repeat center;} .aboutry-item:hover .aboutry-img img{transform: scale(1.03);} .aboutry-item:hover .aboutry-img::before{opacity: 1;} .aboutry-item:hover .aboutry-cont{background-color: #e02b26;} #spotlight .footer .title {text-align: center;} /* 浜у搧鏂规banner鍏叡鏍峰紡 */ .com-hedline.prodHed{top: auto;bottom: 60px;} .com-hedline.prodHed .com-intro{display: flex;flex-direction: column;justify-content: center; width: 540px;height: 287px;padding:0 44px; background-color: rgba(255, 255, 255, 0.9);} .com-hedline.prodHed .com-intro h2{color: #333;} .com-hedline.prodHed .com-intro p{color: #666;font-size: 15px;line-height: 25px;text-align: justify;} /* 浜у搧涓績 */ .prodcd{width: 100%;border-bottom: 1px solid #e0e0e0;} .prodcd-menu{width: 100%;display: flex;justify-content: space-between;align-items: center;} .prodcd-lft{display: flex;width: auto;} .prodcd-lft a{display:flex;justify-content:center;align-items: center;font-size: 16px;color: #666;height:105px;background:#fff;padding: 0 24px;position: relative;transition: all .4s ease;} .prodcd-lft a:hover,.prodcd-lft a.active{background-color: #e02b26;color: #fff;} .prodcd-rgt {display: flex; width: auto;background-color: #fff;} .prodcd-rgt a{display:flex;align-items: center;font-size: 14px;color: #666;height:105px;background:#fff;position: relative;transition: all .4s ease;} .prodcd-rgt i{display:flex;align-items: center; font-size: 16px;color: #333;font-style: normal;margin: 0 8px;} .prodcd-rgt a:hover,.prodcd-rgt a.active{color: #e02b26;} .prodxl{width: 100%;padding: 60px 0 48px;} .prodxl-item{width: 100%;} .prodxl-item ul{width: 88%;display: flex;flex-wrap: wrap;} .prodxl-item ul li{width:18%;margin:0 0 28px 68px;} .prodxl-item ul li:nth-child(4n+1){margin-left: 0;} .prodxl-item ul li a{display: inline-block;font-size: 15px;color: #333;line-height: 24px;transition: all .4s ease;} .prodxl-item ul li a:hover,.prodxl-item ul li.active a{color: #e02b26;} .prodzs{width: 100%;padding: 60px 0 110px;background-color: #f6f6f6;} .prodzs-intro{width: 100%;padding: 24px 94px 24px 42px;background-color: #fff;position: relative;} .prodzs-intro::before{content: '';width: 8px;height: 100%;background-color: #e02b26;position: absolute;left: 0;top: 0;} .prodzs-intro p{font-size: 18px;color: #666;line-height: 36px;text-align: justify;} .prodzs-items{width: 100%;margin-top: 54px;} .prodzs-items ul{margin-left: -3%;} .prodzs-items li{float: left;width: 47%;margin: 0 0 50px 3%;} .prodzs-link{display: flex;justify-content: space-between; width: 100%;z-index: 1;background-color: #fff;position: relative;transition: all .4s ease;} .prodzs-plus{position: absolute;left: 28px;bottom: 0; display: flex;justify-content: center;align-items: center; width: 55px;height: 55px;z-index: 3;background-color: #e02b26;} .prodzs-plus i{display: inline-block;width: 21px;height: 21px;background:url('../images/pages/jia_icon.png')no-repeat center;transition: all .8s ease;} .prodzs-cont{width: 50%;padding: 44px 26px 44px;} .prodzs-cont h2{font-size: 22px;color: #333;font-weight: 700;position: relative;z-index: 3; padding-bottom: 10px;margin-bottom: 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;} .prodzs-cont h2::before{content: '';width: 32px;height: 3px;background-color: #e02b26;position: absolute;left: 0;bottom: 0;z-index: 3;transition: all .4s ease;} .prodzs-cont p{font-size: 15px;color: #777;line-height: 24px;height: 190px;transition: all .4s ease;overflow: hidden;-webkit-line-clamp: 5;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;} .prodzs-img{display: flex;justify-content: center;align-items: center;width: 50%;height: 360px;background-color: #ececec;transition: all .4s ease;} .prodzs-img img{max-width: 88%;max-height: 88%;object-fit: cover;transition: all .6s ease;} .prodzs-items li:hover .prodzs-cont h2{color: #e02b26;} .prodzs-items li:hover .prodzs-img{background-color: transparent;} .prodzs-items li:hover .prodzs-img img{transform: scale(1.05);} .prodzs-items li:hover .prodzs-plus i{transform: rotate(180deg);} .prodzs .paging{margin-top: 0px;} /* 浜у搧璇︽儏 */ .link-nav{height:85px;background:#2b2524;} .link-nav .contain{height:100%;display:flex;align-items:center;flex-wrap: wrap;} .link-nav a{font-size:14px;color:#fff;line-height:1;transition:all .4s ease} .link-nav a:hover,.link-nav a.active{color: #e02b26;} .link-nav i{display:block;background:url(../images/common/arrRW.svg) no-repeat center/100%;width:16px;height:16px;margin:0 6px} .detailszs{padding:72px 0 60px} .detailszs .contain{display:flex;justify-content:space-between;} .detailszs-picture{width:56.4%} .detailszs-banner{height:455px;border: 1px solid #f1f1f1;} .detailszs-banner .swiper-container{height:100%} .detailszs-banner .swiper-slide{display:flex;align-items:center;justify-content:center;} .detailszs-video{position: relative;z-index: 1;} .detailszs-tv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;z-index: 2;background-color: #000;} .detailszs-close{display: none;width: 35px; height: 20px;position: absolute;right: 20px; top: 20px; border-radius: 20px; z-index: 5; background: #e8193ccc url('../images/common/closeW.svg') no-repeat center/12px auto; cursor: pointer} .detailszs-video i{display: block;width: 46px;height: 46px;background: url(../images/pages/video_icon.png)no-repeat center;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;z-index: 3;} .detailszs-banner img{max-width:88%;max-height: 88%; object-fit:cover} .detailszs-thumbs{margin:8px auto 0;width:100%;position: relative;padding: 0 68px;} .detailszs-thumbs .thumbs{display:flex;align-items:center;justify-content:center;height:93px;box-shadow:inset 0 0 0 1px #f1f1f1;cursor:pointer;transition:box-shadow .4s ease} .detailszs-thumbs .thumbs.active,.detailszs-thumbs .thumbs:hover{box-shadow:inset 0 0 0 2px #e02b26} .detailszs-thumbs img{max-width:80%;max-height: 80%; object-fit:cover} .detailszs-btn{display:flex;width:36px;height:36px;background:#757b85;align-items:center;justify-content:center;border-radius:50%;z-index:2;position:absolute;top:50%;transform:translateY(-50%);transition:all .4s ease} .detailszs-btn.swiper-button-disabled{background:#e02b26;pointer-events:none} .detailszs-btn:hover{background:#e02b26} .detailszs-btn.prev{left:10px;} .detailszs-btn.next{right:10px;} .detailszs-txt{display: flex;flex-direction: column;width:42.8%;padding: 28px 38px;height:auto;border: 1px solid #f1f1f1;} .detailszs-txt span{font-size:24px;font-weight:700;color:#e02b26;} .detailszs-txt h2{font-size:30px;color:#333;margin:14px 0 20px;line-height: 1;position: relative;padding-bottom: 20px;} .detailszs-txt h2::before{content: '';width: 100%;height: 3px;background-color: #3c616d;position: absolute;left: 0;bottom: 0;} .detailszs-txt h2::after{content: '';width: 58px;height: 3px;background-color:#e02b26;position: absolute;left: 0;bottom: 0;} .detailszs-txt p{font-size:16px;line-height:38px;color:#444;position:relative;padding-left:30px} /*.detailszs-txt p::before{content:'';width:5px;height:5px;background:#484848;border-radius:50%;position:absolute;left:0;top:50%;margin-top: -2.5px;margin-left: 3.5px;}*/ .detailszs-txt p::after{content:'';width:11px;height:11px;background:transparent;border: 2px solid #484848;border-radius:50%;position:absolute;left:0;top:50%;margin-top: -5.5px;} .details-title{width: 100%;text-align: center;} .details-title h2{font-size: 34px;color: #333;font-weight: 700;} .details-title.white h2{color: #fff;} .details-title.white p{color: #fff;font-size:16px;margin-top:20px;} .detailsjh{width: 100%;} .detailsjs-menu{width: 100%;position: sticky;top: 76px;z-index: 99;} .detailsjs-cat{height:72px;background:#fff;display:flex} .detailsjs-cat li{width:20%;color:#444;border: 1px solid #f1f1f1; display:flex;align-items:center;justify-content:center;height:100%;font-size:16px;font-weight: 700;transition:all .4s ease;cursor:pointer} .detailsjs-cat li+li{border-left: none;} .detailsjs-cat li.active,.detailsjs-cat li:hover{background:#e02b26;color:#fff} .detailsjs-cat li.active{font-weight:700} .detailsjs-cat i{display:block;width:22px;height:22px;position:relative;margin-right:10px} .detailsjs-cat i img{display:block;position:absolute;z-index: 3;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .4s ease} .detailsjs-cat i img:nth-child(2),.detailsjs-cat li.active i img:nth-child(1),.detailsjs-cat li:hover i img:nth-child(1){opacity:0} .detailsjs-cat li.active i img:nth-child(2),.detailsjs-cat li:hover i img:nth-child(2){opacity:1} .detailsjs-cont{width: 100%;background-color: #f5f5f5;padding: 100px 0 90px;} .detailsjs-txt{width: 100%;} .detailsjs-intro{width: 100%;margin-top: 20px;text-align: center;padding: 0 88px;} .detailsjs-intro p{font-size: 15px;color: #555;line-height: 28px;} .detailsfw{width: 100%;padding: 100px 0 108px;} .detailsfw-loop{width: 98%;margin: 42px auto 0;position: relative;} .detailsfw-show{width: 100%;overflow: hidden;position: relative;} .detailsfw-show img{width: 100%;object-fit: cover;transition: all .6s ease;height: 440px;} .detailsfw-intro{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: flex;flex-direction: column;justify-content: center;align-items: center; width: 412px;height: 258px;padding: 0 20px; background-color: rgba(224, 43, 38, 0.6);opacity: 0;} .detailsfw-intro h2{font-size: 26px;color: #fff;font-weight: 700;} .detailsfw-intro i{display: inline-block;width: 26px;height: 26px;background: url('../images/pages/jia_icon.png')no-repeat center;margin-top: 26px;transition: all .6s ease;} .detailsfw-show:hover img{transform: scale(1.05);} .detailsfw-show:hover .detailsfw-intro i{transform: rotate(360deg);} .detailsfw-loop .swiper-slide-active .detailsfw-intro{opacity: 1;} .detailsfw-next,.detailsfw-prev{width:58px;height: 100%;background: rgba(97, 34, 34, 0.3) url('../images/pages/detailsfw_Arr.png')no-repeat center;position: absolute;left: 0;top: 0;z-index: 3;cursor: pointer;transition: all .4s ease;} .detailsfw-next{transform: rotate(180deg);left: auto;right: 0;} .detailsfw-next:hover,.detailsfw-prev:hover{background:rgba(224, 43, 38, 1) url('../images/pages/detailsfw_Arr.png')no-repeat center;} .detailscs{width: 100%;background-color: #f5f5f5;padding: 90px 0;} .detailscs-intro{display:flex;justify-content: space-between;align-items: center; width: 100%;height:80px;background-color: #166986;padding: 0 30px 0 44px;} .detailscs-intro h2{font-size: 28px;color: #fff;font-weight: 700;} .detailscs-intro p{font-size: 16px;color: #fff;} .detailscs-table{width: 100%;position: relative;} .detailscs-scroll{width: 100%;} .detailscs-table table{width: 100%;font-size: 16px;color: #666;text-align: center;} .detailscs-table table tr:first-child{font-weight: 700;} .detailscs-table table tr td{height: 52px;border: 1px solid #e2e2e2;background-color: #fff;} .detailscs-table table tr:nth-child(2n) td{background-color: #f4f4f4;} .detailscs-table table tr td:first-child{width: 308px;} .detailscs-table table tr th{width: 308px;background-color: #166986;font-size: 16px;color: #fff;font-weight: 400;border-bottom: 1px solid #115871;} .detailscs-table.table2 table tr td:first-child{width:auto;} .detailscs-title{width: 100%;margin: 60px 0 34px;text-align: center;} .detailscs-title h2{font-size: 28px;color: #333;font-weight: 700;} .detailstp{width: 100%;padding: 90px 0 108px;} .detailstp-items{display: flex;justify-content: space-between;width: 100%;margin-top: 54px;} .detailstp-img{display: flex;justify-content: center;align-items: center;width: 862px;height: 510px;background-color: #fff;box-shadow: 2px 0px 59px 0px rgba(187, 187, 187, 0.2);} .detailstp-img img{max-width: 88%;max-height: 88%;object-fit: contain;} .detailstp-items p img{max-width: 88%;max-height: 88%;object-fit:cover;width: auto !important;height: auto !important;} .detailstp-cont{width: calc(100% - 862px);padding: 88px 46px 0 52px;box-shadow: 2px 0px 59px 0px rgba(187, 187, 187, 0.2);} .detailstp-cont h2{font-size: 24px;color: #e02b26;font-weight: 700;position: relative;padding-bottom:24px;border-bottom: 1px solid #efefef;margin-bottom: 22px;} .detailstp-cont h2::before{content: '';width: 2px;height: 36px;background-color: #e02b26;position: absolute;left: -52px;top: 0;} .detailstp-list{width: 100%;} .detailstp-list li{width: 100%;margin-bottom: 16px;} .detailstp-list li h6{font-size: 16px;color: #333;font-weight: 700;padding-bottom: 12px;margin-bottom: 12px;position:relative;} .detailstp-list li h6::before{content: '';width: 28px;height: 1px;background-color: #e5e5e5;position: absolute;left: 0;bottom: 0;} .detailstp-list li p{font-size: 15px;color: #666;padding-bottom: 16px;border-bottom: 1px solid #efefef;} .detailsxz{width: 100%;padding: 104px 0 94px;background-position: center;background-repeat: no-repeat;background-size: cover;} .detailsxz-loop{width: 100%;margin-top: 46px;position: relative;padding-bottom: 58px;} .detailsxz-show{display: flex;flex-direction:column;justify-content: center; width: 100%;height: 284px;background-color: #fff;padding: 0 40px;} .detailsxz-show h2{font-size: 20px;color: #333;font-weight: 700;} .detailsxz-item{display: flex;align-items: center;width: 100%;margin-top: 24px;} .detailsxz-img{display: flex;justify-content: center;align-items: center;width: 125px;height: 125px;border: 1px solid #f1f1f1;} .detailsxz-img img{max-width: 100%;object-fit: cover;} .detailsxz-cont{width:calc(100% - 125px);padding-left: 32px;} .detailsxz-cont h6{font-size:16px;color: #333;font-weight: 700;} .detailsxz-intro{width: 100%;margin-top: 10px;} .detailsxz-intro p{font-size: 14px;color: #999;} .detailsxz-intro p+p{margin-top: 6px;} .detailsxz-btn{display: flex;align-items: center; margin-top: 16px;font-size: 15px;color: #555;font-weight: 700;cursor: pointer;transition: all .4s ease;} .detailsxz-btn:hover{color: #e02b26;} .detailsxz-btn i{display: inline-block;width: 15px;height: 15px;margin-left: 16px;background: url('../images/pages/down_icon.png')no-repeat center;vertical-align: middle;} .detailsxz-loop .swiper-pagination{width: 100%;text-align: center;bottom: 0;} .detailsxz-loop .swiper-pagination .swiper-pagination-bullet{width: 15px;height: 15px;background-color: #fff;opacity: 1;margin: 0 8px;} .detailsxz-loop .swiper-pagination .swiper-pagination-bullet-active{background-color: #e02b26;} .detailsrm{width: 100%;padding: 100px 0 104px;} .hot-prod{width: 100%;} .hot-title{width: 100%;text-align: center;} .hot-title h2{font-size: 28px;color: #333;font-weight: 700;line-height: 1;} .hot-item{width: 100%;margin-top: 44px;} .hot-item ul{margin-left: -2%;} .hot-item li{float: left;width: 31.333%;margin-left: 2%;} .hot-link{display: inline-block;width: 100%;background-color: #fff;box-shadow: 3px 0px 20px 0px rgba(187, 187, 187, 0.3);transition: all .4s ease;} .hot-cont{width: 100%;padding:34px 34px 12px;} .hot-cont h2{font-size: 22px;color: #333;font-weight: 700;position: relative;padding-bottom: 10px;margin-bottom: 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;} .hot-cont h2::before{content: '';width: 32px;height: 3px;background-color: #e02b26;position: absolute;left: 0;bottom: 0;transition: all .4s ease;} .hot-cont p{font-size: 15px;color: #777;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition: all .4s ease;} .hot-cont .hot-btn{display: inline-block;font-size: 13px;color: #e02b26;margin-top: 22px;transition: all .4s ease;} .hot-cont .hot-btn i{display: inline-block;width: 6px;height: 10px;background: url('../images/pages/hot_Arr.png')no-repeat center;vertical-align: middle;margin-left: 10px;transition: all .4s ease;} .hot-img{width: 100%;height: 218px;display: flex;justify-content: center;overflow: hidden;position: relative;} .hot-img img{max-width: 88%;max-height: 88%;object-fit: cover;position: absolute;transform: translate3d(-50%,0,0);top: 0;left: 50%; transition: all .6s ease;} .hot-item li:hover .hot-cont h2{color: #e02b26;} /* 浜у搧瑙嗛 */ .video{width: 100%;padding: 136px 0 110px;} .video-menu{display: flex;justify-content: center;width: 100%;} .video-menu a{display: inline-block;font-size: 15px;color: #3e3e3e;position: relative;padding-bottom: 15px;transition:all .4s ease;} .video-menu a+a{margin-left: 60px;} .video-menu a::after{content: '';width: 0;height: 2px;background-color: #e02b26;position: absolute;right: 0;bottom: 0;transition:all .4s ease;} .video-menu a:hover,.video-menu a.active{color: #e02b26;} .video-menu a:hover::after,.video-menu a.active::after{width: 100%;left: 0;right: auto;} .video-gather{width: 100%;margin-top: 50px;} .video-item {width: 100%;display: none;} .video-item.active{display: block;} .video-link{display: flex;justify-content: space-between;width: 100%;} .video-coulmn{width: 48.688%;} .video-coulmn li{width:100%;position: relative;margin-bottom: 38px;overflow: hidden;position: relative;z-index: 1;} .video-close{display: none;width: 35px; height: 20px;position: absolute;right: 20px; top: 20px; border-radius: 20px; z-index: 5; background: #e8193ccc url('../images/common/closeW.svg') no-repeat center/12px auto; cursor: pointer} .video-player{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;display: none;background-color: #000;} .video-coulmn li:nth-child(odd){height: 404px;} .video-coulmn li:nth-child(even){height: 504px;} .video-coulmn:last-child li:nth-child(odd){height: 504px;} .video-coulmn:last-child li:nth-child(even){height: 404px;} .video-coulmn li img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease;} .video-cont{position: absolute;left: 0;top: 0;z-index: 3;display: flex;justify-content: space-between;align-items: flex-end;padding: 0 40px 24px 24px; width: 100%;height: 100%;opacity: 1} .video-cont .video-text{width: calc(100% - 46px);padding-right: 20px;display: none;} .video-cont .video-text span{font-size: 16px;color: #fff;font-family: Arial;} .video-cont .video-text h2{font-size: 22px;color: #fff;font-weight: 700;margin-top:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .video-cont i{display: inline-block;width: 46px;height: 46px;border-radius: 50%;background: url('../images/pages/video_icon.png')no-repeat center;cursor: pointer;transition: all .8s ease;} .video-coulmn li:hover img{transform: scale(1.05);} .video-cont i:hover{transform: rotate(360deg);} .video .paging{margin-top: 22px;} /*鍞悗鏈嶅姟 */ .service{width: 100%;padding: 136px 0 98px;} .service-title{width: 100%;text-align:center;} .service-title h2{font-size: 24px;color: #333;font-weight: 700;} .service-cont{width: 100%;margin-top: 38px;} .service-cont p{font-size: 16px;color: #666;line-height: 36px;} .service-cont p img{width: 100%;object-fit: cover;} .service-menu{display: flex;justify-content: space-between; width: 100%;margin-top: 68px;} .service-menu a{display: flex;justify-content:center;align-items: center;width: 24.25%;height: 64px;background-color: #f8f8f8;font-size: 20px;color: #777;transition: all .4s ease;} .service-menu a.active,.service-menu a:hover{background-color: #e02b26;color: #fff;} .service-items{width: 100%;margin-top: 60px;} .service-link{width: 100%;display: none;} .service-link.active{display: block;} .service-link p{font-size: 16px;color: #666;line-height: 24px;} .service-link p+p{margin-top: 10px;} /* 瑙e喅鏂规 */ .casecd{width: 100%;padding-top: 42px;} .casecd-menu{width: 100%;display: flex;justify-content: flex-end;} .casecd-rgt {display: flex; width: auto;align-items: center;} .casecd-rgt a{display:flex;align-items: center;font-size: 14px;color: #666;position: relative;transition: all .4s ease;} .casecd-rgt i{display:flex;align-items: center; font-size: 16px;color: #333;font-style: normal;margin: 0 8px;font-family: '瀹嬩綋';} .casecd-rgt a:hover,.casecd-rgt a.active{color: #e02b26;} .casexl{width: 100%;padding-bottom: 94px;} .casexl-bigitem{width: 100%;} .casexl-bigitem ul{margin-left: -2%;} .casexl-bigitem li{float: left;width: 48%;margin: 18px 0 0 2%;} .casexl-link{display: inline-block;width: 100%;overflow: hidden;position: relative;} .casexl-link img{width: 100%;object-fit: cover;transition: all .6s ease;} .casexl-cont{position: absolute;left: 0;bottom: 0;width: 100%;display: flex;flex-direction: column;justify-content: flex-end;padding: 38px 26px;overflow: hidden;transition: all .4s ease;} .casexl-cont h2{font-size: 23px;color: #fff;font-weight: 700;} .casexl-intro{width: 100%;margin-top:6px;position: absolute;opacity: 0;transition: all .6s ease;} .casexl-intro p{font-size: 14px;color: #fff;line-height: 22px;height: 44px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;} .casexl-intro span{display:flex;justify-content: center;align-items: center;margin-top: 34px; width: 124px;height: 34px;border-radius: 3px;background-color: #fff;font-size: 12px;color: #e02b26;font-weight: 700;text-transform: uppercase;transition: all .4s ease;} .casexl-intro span:hover{background-color: transparent;border:1px solid #fff;color: #fff;} .casexl-bigitem li:hover .casexl-link img{transform: scale(1.05);} .casexl-bigitem li:hover .casexl-cont{background-color: #e02b26;} .casexl-bigitem li:hover .casexl-intro{position: sticky;opacity: 1;} .casexl-bigitem.little li{width: 31.333%;} .casexl-bigitem.little .casexl-cont{padding: 20px 26px;} /* 妗堜緥璇︽儏 */ .casexq{width: 100%;padding: 48px 0 110px;} .casexq-gather{width: 100%;} .casexq-item{display: flex;justify-content: flex-end; width: 100%;position: relative;z-index: 1;background-color: #f7f7f7;margin-bottom: 68px;transition: all .4s ease;} .casexq-plus{position: absolute;left: 36px;top: 0; display: flex;justify-content: center;align-items: center; width: 84px;height: 84px;z-index: 3;background-color: #e02b26;} .casexq-plus i{display: inline-block;width: 21px;height: 21px;background:url('../images/pages/jia_icon.png')no-repeat center;transition: all .8s ease;} .casexq-img{width: 873px;overflow: hidden;} .casexq-img img{width: 100%;object-fit: cover;transition: all .6s ease;} .casexq-intro{position: absolute;left: 0;bottom: 0;width: 873px;padding: 30px 70px 48px 35px;background-color: #f7f7f7;transition: all .4s ease;} .casexq-intro h2{font-size: 24px;color: #333;font-weight: 700;margin-bottom: 12px;transition: all .4s ease;} .casexq-intro p{font-size: 16px;color: #777;line-height: 32px;height: 64px;overflow: hidden;-webkit-line-clamp: 2;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;transition: all .4s ease;} .casexq-item:nth-child(2n){justify-content: flex-start;} .casexq-item:nth-child(2n) .casexq-plus{left: auto;right: 36px;} .casexq-item:nth-child(2n) .casexq-intro{left: auto;right: 0;} .casexq-item:hover {background-color: #166986;} .casexq-item:hover .casexq-img img{transform: scale(1.05);} .casexq-item:hover .casexq-intro{background-color: #166986;} .casexq-item:hover .casexq-intro h2{color: #fff;} .casexq-item:hover .casexq-intro p{color: #fff;} .casexq-item:hover .casexq-plus i{transform: rotate(180deg);} .casexq .paging{margin-top: 0;} /* 妗堜緥鍙欒堪 */ .project{width: 100%;background-color: #f6f6f6;} .project-title{width: 100%;padding-bottom: 24px;border-bottom: 1px solid #d4d4d4;} .project-title h2{font-size: 34px;color: #333;font-weight: 700;position: relative;padding-left: 20px;} .project-title h2::before{content: '';width: 4px;height: 25px;background-color: #e02b26;position: absolute;left: 0;top: 50%;margin-top: -12.5px;} .projectjs{width: 100%;padding: 100px 0 120px;} .projectjs-cont{width: 100%;margin-top: 54px;} .projectjs-cont h2{font-size: 24px;color: #333;font-weight: 700;text-align:center;margin-bottom: 30px;} .projectjs-cont p{font-size: 16px;color: #222;line-height: 34px;} .projectjs-cont p img{max-width:100%;height:auto;object-fit:color;} .projectjs-show{width: 100%;overflow: hidden;margin-top: 42px;} .projectjs-show img{width: 100%;object-fit: cover;} .projectcp{width: 100%;} .projectcp-cont{display: flex;justify-content: space-between;align-items: center;width: 100%;background-color: #fff;margin-top: 48px;padding: 110px 0 78px;position: relative;} .projectcp-plus{position: absolute;right: 0;bottom: 0; display: flex;justify-content: center;align-items: center; width: 117px;height: 113px;z-index: 3;background-color: #e02b26;} .projectcp-plus i{display: inline-block;width: 21px;height: 21px;background:url('../images/pages/jia_icon.png')no-repeat center;transition: all .8s ease;} .projectcp-cont:hover .projectcp-plus i{transform: rotate(180deg);} .projectcp-txt{display: flex;flex-direction: column;justify-content: center; width:50%;padding: 0 50px;} .projectcp-txt span{font-size:18px;font-weight:700;color:#e02b26;} .projectcp-txt h2{font-size:30px;color:#333;font-weight: 700;margin:14px 0 48px;line-height: 1;position: relative;padding-bottom: 20px;} .projectcp-txt h2::before{content: '';width: 100%;height: 3px;background-color: #3c616d;position: absolute;left: 0;bottom: 0;} .projectcp-txt h2::after{content: '';width: 58px;height: 3px;background-color:#e02b26;position: absolute;left: 0;bottom: 0;} .projectcp-txt p{font-size:16px;line-height:38px;color:#444;position:relative;padding-left:30px} .projectcp-txt p::before{content:'';width:5px;height:5px;background:#484848;border-radius:50%;position:absolute;left:0;top:50%;margin-top: -2.5px;margin-left: 2.5px;} .projectcp-txt p::after{content:'';width:11px;height:11px;background:transparent;border: 2px solid #484848;border-radius:50%;position:absolute;left:0;top:50%;margin-top: -5.5px;} .projectcp-img{display: flex;justify-content:center;align-items: center;width: 50%;} .projectcp-img img{max-width: 88%;max-height: 88%;object-fit: cover;} .projectfa{width: 100%;padding: 100px 0 124px;} .projectfa-item{width: 100%;display: flex;justify-content: space-between;margin-top: 50px;overflow: hidden;} .projectfa-show{width:49.5%;overflow: hidden;} .projectfa-show img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease;} .projectfa-cont{width:49.5%;display: flex;flex-direction: column;justify-content: flex-end;} .projectfa-down{width: 100%;margin-bottom: 17px;height: 98px;background-color: #e7eaee;transition: all .4s ease;padding:0 48px 0 35px ;display: flex;justify-content:space-between;align-items: center;overflow: hidden;} .projectfa-down:last-child{margin-bottom: 0;} .projectfa-text{width: calc(100% - 155px);padding-right: 18px;} .projectfa-text h2{font-size:20px;color: #333;margin-bottom:16px;transition: all .4s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .projectfa-text p{font-size:14px;color: #fff;line-height: 22px;height: 44px;overflow: hidden;-webkit-line-clamp: 2;text-overflow: ellipsis;-webkit-box-orient: vertical;transform: translateY(58px);transition: all .4s ease;display: none;} .projectfa-btn{width: 155px;height: 49px;background-color: #fff;border-radius: 2px;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #286175;transition: all .4s ease;opacity: 0;} .projectfa-btn:hover{background-color: #e02b26;color: #fff;} .projectfa-down.active{height: 192px;background: #286175 url('../images/pages/projectfa_downBj.jpg')no-repeat center/100% 100%;} .projectfa-down.active .projectfa-text h2{font-size: 20px;color: #ffffff;font-weight: 800;} .projectfa-down.active .projectfa-text p{transform: translateY(0);display: block;} .projectfa-down.active .projectfa-btn{opacity: 1;} /* 鏂伴椈涓績 */ .news{width: 100%;padding: 105px 0 86px;background-color: #f4f4f4;} .news-menu{display: flex;justify-content: center;width: 100%;} .news-menu a{display: inline-block;font-size: 16px;color: #3e3e3e;position: relative;padding-bottom: 15px;transition:all .4s ease;} .news-menu a+a{margin-left:46px;} .news-menu a::after{content: '';width: 0;height: 2px;background-color: #e02b26;position: absolute;right: 0;bottom: 0;transition:all .4s ease;} .news-menu a:hover,.news-menu a.active{color: #e02b26;} .news-menu a:hover::after,.news-menu a.active::after{width: 100%;left: 0;right: auto;} .news-gather{width: 100%;margin-top: 50px;} .news-item{width: 100%;display: none;} .news-item.active{display: block;} .news-coulmn{width:100%;} .news-coulmn+.news-coulmn{margin-top: 100px;} .news-coulmn ul{margin-left: -2%;} .news-coulmn ul li{float: left;width: 31.333%;margin-left: 2%;min-height:750px;} .news-link{display:inline-block;width: 100%;} .news-img{width: 100%;overflow: hidden;} .news-img img{width: 100%;object-fit: cover;transition: all .6s ease;} .news-intro{width: 100%;padding: 58px 30px 48px;background-color: #fff;transition: all .4s ease;} .news-intro .news-time{font-size: 15px;color: #333;font-weight: 700;font-family: Arial;transition: all .4s ease;} .news-intro h2{font-size: 26px;color: #333;line-height: 35px;margin: 30px 0;transition: all .4s ease;} .news-intro p{font-size: 16px;color: #333;line-height: 26px;transition: all .4s ease;} .news-intro .news-btn{display: inline-block;font-size: 15px;color: #286175;margin-top: 38px;transition: all .4s ease;} .news-coulmn ul li:hover .news-img img{transform: scale(1.06);} .news-coulmn ul li:hover .news-intro{background-color: #e02b26;} .news-coulmn ul li:hover .news-intro .news-time{color: #fff;} .news-coulmn ul li:hover .news-intro h2{color: #fff;} .news-coulmn ul li:hover .news-intro p{color: #fff;} .news-coulmn ul li:hover .news-btn{color: #fff;} .news .paging{margin-top: 78px;} /* 鏂伴椈璇︽儏 */ .article{width: 100%;padding:60px 0 110px;background-color: #f5f5f5;} .article-items{display:flex;justify-content:space-between} .article-l{width:72.32%;background-color: #fff;padding: 52px 32px 106px;} .article-l h1{font-size:26px;color:#333;font-weight: 700;} .article-time{display:flex;align-items:center;margin:18px 0 40px;font-size:12px;color:#888} .article-l p{font-size:14px;line-height:26px;color:#666} .article-l img{max-width: 100%;object-fit: cover;display: block;margin: 0 auto} .article-time i{display:block;background:url(../images/pages/time-icon.png) no-repeat center/100%;width:14px;height:14px;margin-right:7px} .article-r{width:25.54%;} .article-r-top{width: 100%;padding: 28px 24px 18px;background-color: #fff;} .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:16px} .article-side a{display:flex;justify-content:space-between} .article-side a+a{margin-top:20px} .article-side-pic{width:22%;border:6px solid #eee;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:78%;padding-left:24px;display:flex;flex-direction:column;justify-content:space-between} .article-side-info h4{font-size:15px;line-height:20px;color:#166986;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,.detail-txt-side.style3-side a:hover h4{color:#e02b26} .article-r .time{font-size:14px;line-height:1;color:#888;} .article-side.news-side .article-side-pic{border:0} .article-side.news-side .article-side-pic{width:32.5%} .article-side.news-side .article-side-info{width:67.5%} .article-side.news-side a{padding-bottom:22px;border-bottom:1px solid #e4e4e4} .article-side.news-side a:last-child{border-bottom:none;} .article-r-bot{width: 100%;margin-top: 26px;} .article-r-bot .page-nav{display: inline-block;width: 100%;padding: 34px 28px;background-color: #fff;} .article-r-bot .page-nav+.page-nav{margin-top: 10px;} .article-r-bot .page-nav .sub {color: #333;font-size: 22px;font-weight: 700;} .article-r-bot .page-nav h6 {font-size: 15px; color: #166986; line-height: 24px;margin: 15px 0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 48px; transition: all .4s ease;} .article-r-bot .page-nav:hover h6{color: #e02b26;} .article-fh{width: 100%;padding:26px 28px;background-color: #fff;margin-top: 10px;} .article-fh a{display: flex;justify-content: center;align-items: center; width: 100%;height: 44px;font-size: 16px;color: #fff;background-color: #e02b26;transition: all .4s ease;} .article-fh a:hover{background-color: #166986;} .article .hot-prod{margin-top: 90px;display: none;} .article .hot-prod .hot-link{background-color: #fff;box-shadow: none;} /* 鑱旂郴鎴戜滑 */ .contactfs{width: 100%;padding-top: 76px;} .contactfs-item{width: 100%;padding: 82px 0 62px;background-color: #fff;overflow: hidden;} .contactfs-title{width: 100%;} .contactfs-title h2{font-size: 32px;color: #333;font-weight: 700;line-height: 1;} .contactfs-way{width: 100%;margin-top: 60px;} .contactfs-way ul{margin-left: -4%;} .contactfs-way li{float: left;width: 29.333%;margin-left: 4%;} .contactfs-way li h6{font-size: 22px;color: #333;padding-bottom: 16px;border-bottom: 1px solid #e8e8e8;} .contactfs-way li .contactfs-cont{width: 100%;margin-top: 24px;} .contactfs-way li .contactfs-cont p{font-size: 16px;color: #777;line-height: 22px;} .contactfs-way li .contactfs-cont p span{color: #e02b26;} .contactfs-way li .contactfs-cont p+p{margin-top: 6px;} .contactfs-item:nth-child(2n){background-color: #f4f4f4;} .contactly{width: 100%;padding: 82px 0 98px;} .contactly-title{width: 100%;text-align: center;} .contactly-title h2{font-size: 32px;color: #333;margin-bottom: 14px;} .contactly-title p{font-size: 15px;color: #777;line-height: 25px;} .contactly-form{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;margin-top: 42px;} .contact-inline{width:49%;margin-bottom:28px} .contact-inline.contact-content {width: 100%;} .contact-inline.contact-content textarea{width:100%;height:112px} .contact-inline input,.contact-inline textarea,.contact-code input{font-size: 16px;color: #333; border:1px solid #dcdcdc;height:55px;width:100%;padding:20px 28px;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:#666;font-size: 14px;} .contact-bott{display:flex;justify-content:space-between;width:100%;align-items: flex-end;} .contact-code{height:auto;display:flex;width:50%;align-items: flex-end;} .code-items {display: inline-block;width: 54%;} .code-items label{display: block;font-size: 15px;color: #444;margin-bottom: 12px;} .contact-code input{width:100%} .contact-code span{display:block;height: 55px;margin-left:10px} .contact-code span img{max-width: 100%; height:100%;object-fit: cover;} .submit-btn{display:block;width:185px;background:#e02b26;color:#fff;text-align:center;height: 55px; line-height:55px;font-size:14px;border-radius: 2px;transition: all .6s ease;} .submit-btn:hover{color: #e02b26;border: 1px solid #e02b26;background-color: #fff;box-shadow:2px 2px 10px rgba(224, 43, 38, 1);} .contactdt{width: 100%;height: 675px;} #map{width: 100%;height: 100%;position: relative;} #map::after{content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,.6);position: absolute;left: 0;top: 0;} #map .amap-info-content {padding:20px 16px 24px;width: 268px;} #map .amap-info-close{display: none;} #map .relmap-info{width: 100%;} #map .relmap-info .relmap-img{width: 100%;overflow: hidden;} #map .relmap-info .relmap-img img{width: 100%;object-fit: cover;} #map .relmap-info .relmap-dots{width: 100%;text-align: center;margin: 16px 0 10px;} #map .relmap-info .relmap-dots img{max-width: 100%;object-fit: cover;} #map .relmap-info p{font-size: 15px;color: #777;line-height: 25px;} #map .relmap-info .relmap-btn{display: flex;justify-content: center;align-items: center;width: 98px;height: 30px;border-radius: 16.5px;background-color: #e02b26;font-size: 13px;color: #fff;margin: 14px auto 0;transition: all .6s ease;} #map .relmap-info .relmap-btn:hover{color: #e02b26;border: 1px solid #e02b26;background-color: #fff;box-shadow:2px 2px 10px rgba(224, 43, 38, 1);} #map .amap-logo,#map .amap-copyright{display: none !important;}; .detailscs.teshu{width:100%} .detailscs.teshu .detailscs-table table tbody tr:first-child td:nth-child(2), .detailscs.teshu .detailscs-table table tbody tr:first-child td:nth-child(4){width:240px;} /* -------------------------PC绔?-------------------------- */ @media all and (max-width:1700px) { /* 1600 脳 (900) */ } @media all and (max-width:1599px) { /* 1440 脳 (700) */ .com-hedline {top: 100px; } .com-intro h2 {font-size: 38px;} .com-lft a {padding: 0 40px;height: 120px;} .com-rgt{padding: 0 40px;} .com-rgt a{height: 120px;} .aboutjs {padding: 148px 0 138px;} .aboutry-prev, .aboutry-next{left:0px;} .aboutry-next{left: auto;right:0px;} .detailsfw-intro{width: 318px;height: 218px;} .projectjs {padding: 80px 0 100px;} .projectcp-txt h2 {font-size: 24px;} } @media all and (max-width:1439px) { /* 1360 */ } @media all and (max-width:1359px) { /* 1280 */ } @media all and (max-width:1279px) { /* 1152 脳 (700) */ .com-hedline {top: 80px;} .com-intro h2 {font-size:28px;padding-bottom: 20px;} .com-intro p {margin-top: 24px;} .com-coulmn {bottom: -38px;} .com-lft a {height: 100px;padding: 0 28px;} .com-rgt {padding: 0 32px;} .com-rgt a {height: 100px;} .com-tit{font-size: 28px;} .aboutjs{padding: 108px 0 138px;} .aboutjs-cont{width: 680px;height: 480px;padding: 0 32px 0 60px;bottom: -80px;} .aboutjs-intro {padding: 0px 40px 0 0;} .aboutlc{padding: 100px 0 128px;} .aboutlc::after{bottom: 210px;} .aboutlc-loop{margin-top: 60px;} .aboutlc-prev, .aboutlc-next{margin-top: 10px;} .aboutry{padding: 80px 0 88px;} .aboutry-img{height: 280px;} .prodcd-lft a {font-size: 15px;padding: 0 12px;height: 80px;} .prodcd-rgt a {height: 80px;} .prodxl {padding: 48px 0 40px;} .prodxl-item ul{width: 100%;} .prodxl-item ul li {width: 20%; margin: 0 0 24px 48px;} .prodzs {padding: 60px 0 88px;} .prodzs-img { height: 318px;} .details-title h2{font-size: 28px;} .detailszs-banner {height: 379px;} .detailszs-txt {padding: 0 30px; height: 480px;} .detailsjs-cont {padding: 80px 0 70px;} .detailsfw {padding: 80px 0 88px;} .detailsfw-show img{height: 328px;} .detailscs{padding: 80px 0;} .detailstp{padding: 80px 0 88px;} .detailstp-items{margin-top: 48px;} .detailstp-img{width: 630px;} .detailstp-cont {width: calc(100% - 630px);padding: 88px 46px 0 52px;} .detailsxz{padding: 80px 0;} .detailsrm{padding: 80px 0;} .hot-cont {padding: 28px 28px 12px;} .hot-cont h2 {font-size: 20px;} .hot-img {height: 200px;} .video {padding: 100px 0 88px;} .video-cont .video-text h2 {font-size: 18px;} .service{padding: 100px 0 88px;} .service-menu{margin-top: 48px;} .service-items{margin-top: 42px;} .casexl {padding-bottom: 88px;} .casexl-cont h2 {font-size: 20px;} .casexl-intro span {margin-top:24px;} .casexl-cont {padding: 28px 26px;} .casexq {padding: 48px 0 88px} .casexq-item { margin-bottom: 48px;} .casexq-img {width: 680px;} .casexq-intro {width: 680px;} .casexq-intro h2 {font-size: 20px;margin-bottom: 10px;} .projectjs {padding: 60px 0 80px;} .project-title h2 {font-size: 28px;} .project-title h2::before {margin-top: -10px; } .projectjs-cont {margin-top:48px;} .projectcp-cont {padding: 80px 0 68px;} .projectcp-cont::after {width: 88px;height:84px;} .projectcp-txt {padding: 0 40px;} .projectcp-txt h2 {font-size: 20px;margin: 10px 0 38px;} .projectfa { padding:80px 0 88px;} .projectfa-text h2{font-size: 18px;} .news {padding: 100px 0 86px;} .news-coulmn+.news-coulmn {margin-top:68px; } .news-coulmn ul li {min-height: 668px;} .news-intro {padding: 42px 30px 38px;} .news-intro h2 {font-size: 24px;line-height: 34px;margin: 24px 0;} .news .paging {margin-top: 58px;} .article {padding: 60px 0 88px;} .article-l h1 {font-size: 24px;} .article-r-bot .page-nav {padding: 28px 24px;} .article-r-bot .page-nav .sub {font-size: 20px;} .article .hot-prod{margin-top: 68px; } .contactfs {padding-top:60px;} .contactfs-item {padding: 68px 0 58px;} .contactfs-title h2 {font-size: 28px;} .contactfs-way {margin-top: 48px;} .contactfs-way li .contactfs-cont p {font-size: 14px;} .contactly {padding: 80px 0 88px;} .contactly-title h2 {font-size: 28px;} .contactdt {height: 580px;} } @media all and (max-width:1151px) { /* 1024 */ } /* ------------------------鎵嬫満绔?------------------------- */ @media all and (max-width:1000px) { /* 骞虫澘璁惧 720 閫傞厤 */ .com-banner .comImg{min-height: 360px;} .com-hedline {top:40px;} .com-intro {width: 88%;} .com-intro h2 {font-size:24px;} .com-intro p {margin-top: 16px;} .com-coulmn {bottom: -28px;} .com-lft a {height: 80px;padding: 0 20px;font-size: 15px;} .com-rgt {display: none;} .com-rgt a {height: 80px;} .com-hedline.prodHed {top: auto;bottom: 28px; } .aboutjs{padding: 80px 0 68px;} .aboutjs-img{width: 100%;} .aboutjs-cont{position: static;width: 100%;height: auto;padding: 30px;} .aboutjs-intro {padding: 0px;height: auto;} .aboutlc{padding: 80px 0 100px;} .aboutlc::after{bottom: 170px;} .aboutlc-loop{margin-top: 60px;} .aboutlc-num{font-size: 20px;margin-top: 4px;} .aboutlc-prev, .aboutlc-next{margin-top:48px;} .aboutry{padding: 60px 0 68px;} .aboutry-loop{margin-top: 38px;} .aboutry-img{height: 280px;} .aboutjg-item{padding: 32px 30px;} .prodcd-lft{width: 100%;} .prodcd-lft a{font-size: 16px;padding: 0 10px;} .prodcd-rgt{display: none;} .prodxl {padding: 38px 0 30px;} .prodxl-item ul li {width: 30%;margin: 0 0 18px 28px;} .prodxl-item ul li:nth-child(4n+1){margin-left: 28px;} .prodxl-item ul li:nth-child(3n+1){margin-left: 0px;} .prodzs-intro {padding: 24px 34px;} .prodzs {padding: 60px 0 68px;} .prodzs-items {margin-top: 48px;} .prodzs-items li {margin: 0 0 38px 3%;} .prodzs-link{flex-direction: column-reverse;} .prodzs-link::before{bottom: auto;top: 0;left: 0;} .prodzs-plus{width:30px;height:30px;left: 20px;} .prodzs-cont{width: 100%;padding: 38px 26px;} .prodzs-cont p{margin-bottom: 10px;} .prodzs-img{width: 100%;} .link-nav{height: 68px;} .link-nav .contain{padding: 8px 0;} .detailszs {padding: 60px 0;} .detailszs .contain{flex-direction: column;} .detailszs-picture{width: 100%;} .detailszs-txt{width: 100%;margin-top: 28px;height: auto;padding: 30px;} .detailsjs-menu {top: 65px;position: static;} .detailsjs-cont{padding: 60px 0;} .detailsjs-intro{padding: 0;} .detailsfw{padding: 60px 0 68px;} .detailsfw-show img{height: 280px;} .detailsfw-intro{width: 80%;height: 64%;} .detailsfw-intro h2{font-size: 20px;} .detailscs{padding: 60px 0;} .detailscs-intro{height: 80px;padding: 0 20px 0 24px;} .detailscs-intro h2{font-size: 20px;} .detailscs .contain{overflow-x: auto;} .detailscs-table{width: 960px;} .detailscs-table table {font-size: 15px;} .detailscs-table table tr td:first-child {width: 180px;} .detailscs-table table tr th {width: 186px ;font-size: 15px;} .detailscs-scroll{position: relative;} .detailscs-scroll::after{content: '鍚戝乏婊戝姩鏇村*';font-size: 16px;color: #333;position: absolute;left: 0;bottom: -20px;} .detailstp {padding:60px 0 68px;} .detailstp-items{margin-top: 32px;} .detailstp-img {width: 428px;height: 460px;} .detailstp-cont {width: calc(100% - 428px);padding: 48px 32px 0 38px;} .detailstp-cont h2{font-size: 22px;padding-bottom: 18px;margin-bottom: 18px;} .detailsxz{padding: 60px 0;} .detailsxz-loop{margin-top: 38px;} .detailsxz-show{height: auto;padding: 32px 20px;} .detailsxz-item{align-items: flex-start;} .detailsxz-img{width: 80px;height: 80px;} .detailsxz-img img{max-width: 48%;max-height: 48%;} .detailsxz-cont { width: calc(100% - 80px); padding-left: 24px;} .detailsrm{padding: 60px 0;} .hot-item {margin-top: 32px;} .hot-cont{padding: 24px 20px 10px;} .hot-cont h2 { font-size: 18px;} .hot-cont .hot-btn {margin-top: 14px;} .hot-img {height: 152px;} .video {padding: 80px 0 68px;} .video-menu a+a {margin-left: 48px;} .video-gather {margin-top: 38px;} .video-coulmn li {margin-bottom:28px;} .video-cont .video-text h2 {font-size: 16px;} .video-coulmn li:nth-child(odd){height: 304px;} .video-coulmn li:nth-child(even){height: 404px;} .video-coulmn:last-child li:nth-child(odd){height: 404px;} .video-coulmn:last-child li:nth-child(even){height: 304px;} .service{padding: 80px 0 68px;} .service-cont {margin-top: 28px;} .service-menu{margin-top: 38px;} .service-menu a {height: 60px;font-size: 16px;} .service-items{margin-top: 32px;} .casexl {padding-bottom: 68px;} .casexl-bigitem.little li {width: 48%;} .casexl-cont {padding: 20px 20px !important;} .casexq {padding: 38px 0 68px} .casexq-item {margin-bottom: 38px;display: block;} .casexq-item::before{display: none;} .casexq-img {width: 100%;} .casexq-intro {width:100%;position: static; padding: 28px 28px 48px;} .casexq-plus {width: 68px;height: 68px;} .projectjs {padding: 40px 0 60px;} .project-title h2 {font-size: 24px;} .projectjs-cont {margin-top:38px;} .projectcp-cont {padding: 60px 0 48px;} .projectcp-cont::after {width: 68px;height:64px;} .projectcp-txt {padding: 0 30px;} .projectcp-txt h2 {font-size: 18px;line-height: 26px; margin: 10px 0 28px;} .projectfa { padding:60px 0 68px;} .projectfa-item{flex-direction: column;margin-top: 38px;} .projectfa-show{width: 100%;} .projectfa-cont{width: 100%;margin-top: 28px;} .news {padding: 80px 0 68px;} .news-gather {margin-top: 38px;} .news-coulmn+.news-coulmn {margin-top:48px; } .news-coulmn ul li{min-height: 600px;} .news-intro {padding: 32px 20px 28px;} .news-intro h2 {font-size: 20px;line-height: 30px;margin: 20px 0;} .news .paging {margin-top: 48px;} .article {padding: 40px 0 68px;} .article-items {flex-direction: column;} .article-l {width: 100%;padding: 42px 24px 68px;} .article-time { margin: 18px 0 28px;} .article-r {width: 100%;margin-top: 28px;} .article-side a {align-items: center;} .hot-title h2 {font-size: 24px;} .article .hot-prod{margin-top: 48px;} .contactfs {padding-top:40px;} .contactfs-item {padding: 48px 0 38px;} .contactfs-title h2 {font-size: 24px;} .contactfs-way {margin-top: 38px;} .contactfs-way li h6 {font-size: 20px;padding-bottom: 12px;} .contactfs-way li .contactfs-cont {margin-top: 20px;} .contactly {padding: 60px 0 68px;} .contactly-title h2 {font-size: 24px;} .contactly-title p {font-size: 14px;line-height: 24px;} .contact-code {width: 62%;} .contactdt {height: 480px;} .detailscs.teshu .detailscs-table table tbody tr:first-child td:nth-child(2), .detailscs.teshu .detailscs-table table tbody tr:first-child td:nth-child(4){width:200px;} } @media all and (max-width:640px) { /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */ .com-banner img {min-height: 230px;} .com-coulmn {bottom: -20px;} .com-menu{overflow-x: auto;} .com-lft{width: 1000px;} .com-lft a{height: 60px;white-space: nowrap;} .com-rgt a {height: 60px;} .com-tit{font-size: 22px;padding-bottom: 18px;} .aboutjs{padding: 60px 0 48px;} .aboutjs-img{width: 100%;} .aboutjs-cont{padding: 30px 20px;} .aboutjs-intro {text-align: justify;} .aboutjs-intro p{line-height:30px;} .aboutjg{padding-top: 40px;} .aboutjg-item{padding: 28px 20px;} .aboutjg-img{margin-top: 28px;} .aboutlc{padding: 48px 0 60px;} .aboutlc::after{transform: rotate(0);bottom: 128px;} .aboutlc-loop{transform: rotate(0);margin-top: 40px;} .aboutlc-cont{width: 96%;} .aboutlc-intro{height: auto;padding: 48px 20px 32px;} .aboutlc-intro h2{font-size: 20px;} .aboutlc-intro span{font-size: 100px;top: 30px;left: 20px;} .aboutlc-prev, .aboutlc-next{left: 2%;width: 38px;height: 58px;margin-top:86px;} .aboutlc-next{left: auto;right: 2%;} .aboutry{padding: 40px 0 48px;} .aboutry-loop{margin-top: 32px;} .com-hedline.prodHed .com-intro{width: 100%;height: auto;padding: 28px 20px;} .prodcd-menu{overflow-x: auto;} .prodcd-lft{width: 1000px;} .prodcd-lft a { height: 60px; white-space: nowrap; } .prodxl {padding: 28px 0 20px;} .prodxl-item ul li {width: 50%;margin: 0 0 12px 0 !important;} .prodxl-item ul li a {font-size: 12px;line-height: 18px;} .prodzs {padding: 40px 0 48px;} .prodzs-intro {padding: 20px 28px;} .prodzs-intro p{font-size:16px;line-height:28px;} .prodzs-items {margin-top: 38px;} .prodzs-items ul{margin-left: 0;} .prodzs-items li {margin: 0 0 32px 0;width: 100%;} .prodzs-cont{padding: 28px 20px;} .prodzs-img{height: auto;padding: 40px 0;} .link-nav{height: 60px;} .detailszs{padding: 40px 0;} .detailszs-banner {height: 338px;} .detailszs-thumbs{padding: 0 40px;} .detailszs-thumbs .thumbs{height: 80px;} .detailszs-btn.prev{left:0px;} .detailszs-btn.next{right:0px;} .detailszs-txt span{font-size: 20px;} .detailszs-txt h2{font-size: 20px;margin: 10px 0 14px;} .detailszs-txt p::before{margin-left: 2.5px;} .detailsjs-cat{flex-wrap: wrap;height: auto;} .detailsjs-cat li{width: 50%;background-color: #fff;height: 60px;} .detailsjs-cont{padding: 40px 0;} .details-title h2{font-size: 22px;} .detailsjs-intro p{font-size: 14px;line-height: 26px;} .detailsfw{padding: 40px 0 48px;} .detailsfw-loop{margin: 32px auto 0;} .detailsfw-intro{width: 52%;height: 48%;background-color: rgba(224, 43, 38, 0.68);} .detailsfw-next, .detailsfw-prev{width: 38px;} .detailscs{padding: 40px 0;} .detailscs-title h2{font-size: 22px;} .detailstp{padding: 40px 0 48px;} .detailstp-items{margin-top: 28px;flex-direction: column;text-align: center;} .detailstp-img{width: 100%;height: auto;text-align: center;} .detailstp-cont{width: 100%;padding: 28px 20px;text-align: left;} .detailstp-cont h2::before{left: -20px;} .detailsxz{padding: 40px 0;} .detailsrm{padding: 40px 0;display: none;} .detailsjs-menu{display: none;} .detailsxz-img{width: 60px;height: 60px;} .detailsxz-img img{max-width: 58%;max-height: 58%;} .detailsxz-cont { width: calc(100% - 60px); padding-left: 20px;} .hot-title h2 {font-size: 20px;} .hot-item {margin-top: 0;} .hot-item ul{margin-left: 0%;} .hot-item li {width:100%;margin-left: 0%;margin-top: 28px;} .hot-img {padding: 12px 0 32px;} .video {padding: 60px 0 48px;} .video-menu a+a {margin-left: 12px;} .video-gather {margin-top: 28px;} .video-link{flex-direction:column;} .video-coulmn{width: 100%;} .video-coulmn li{height: auto !important;} .video-coulmn li img{min-height: 238px;} .video-cont {opacity: 1 !important; padding: 12px 16px; height: auto;top: auto;bottom: 0;} .video-cont .video-text h2 {font-size: 16px;margin-top:4px;} .video-cont i {width: 38px;height: 38px;background: url(../images/pages/video_icon.png)no-repeat center/100%;} .video .paging {margin-top: 10px;} .service{padding: 60px 0 48px;} .service-title h2{font-size: 20px;} .service-cont {margin-top: 20px;} .service-menu{margin-top: 18px;flex-wrap: wrap;} .service-menu a {height: 60px;font-size: 16px;width: 48%;margin-top: 20px;} .service-items{margin-top: 28px;} .casecd {padding-top:24px;} .casecd-rgt a{font-size: 12px;} .casecd-rgt i{font-size: 12px;margin: 0 4px;} .casexl {padding-bottom: 48px;} .casexl-bigitem ul{margin-left: 0;} .casexl-bigitem li {width: 100% !important;margin-left: 0;} .casexl-cont{flex-direction: unset;justify-content: space-between;align-items: center; background-color: rgba(99, 26, 23, 0.9);padding: 12px 16px !important;} .casexl-cont h2 {font-size: 18px;} .casexl-intro {opacity: 1;position: static;width: auto;margin-top: 0;} .casexl-intro p{display: none;} .casexl-intro span{width: 100px;margin-top:0;} .casexq-plus {left: 20px;width: 48px;height: 48px;} .casexq-item:nth-child(2n) .casexq-plus { left: auto;right:20px;} .casexq {padding:28px 0 48px} .casexq-item {margin-bottom: 28px;} .casexq-intro{padding: 24px 20px 28px;} .casexq-intro h2{font-size: 18px;} .casexq-intro p {line-height: 26px;height: 52px;} .projectjs {padding: 20px 0 40px;} .project-title h2 {font-size: 22px;} .projectjs-cont {margin-top:28px;} .projectjs-cont h2 { font-size: 20px;margin-bottom: 16px;} .projectjs-show {margin-top: 28px;} .projectcp-cont {padding: 40px 0 38px;flex-direction: column;} .projectcp-cont::after {width: 48px;height:44px;} .projectcp-txt {padding: 0 20px;width: 100%;} .projectcp-txt h2 {font-size: 18px;line-height: 26px; margin: 10px 0 28px;} .projectcp-img{width: 100%;margin-top: 28px;} .projectfa { padding:40px 0 48px;} .projectfa-item{margin-top: 28px;} .projectfa-down {padding: 0 20px} .projectfa-text {width: calc(100% - 88px);} .projectfa-text h2{font-size: 16px;} .projectfa-btn{width: 88px;height: 38px;font-size: 14px;} .news {padding:60px 0 48px;} .news-menu a+a {margin-left: 38px;} .news-gather {margin-top: 12px;} .news-coulmn+.news-coulmn {margin-top:0;} .news-coulmn ul{margin-left: 0;} .news-coulmn ul li{width: 100%;margin:28px 0 0 0;min-height: auto;} .news-intro h2 {font-size: 20px;line-height: 30px;margin: 20px 0;} .news .paging {margin-top: 32px;} .article {padding: 30px 0 48px;} .article-l {padding: 32px 20px 48px;} .article-l h1 {font-size: 20px;} .article-time { margin: 12px 0 20px;} .article-side-info h4 {font-size: 14px;line-height: 18px;height: 36px;} .article-side a {align-items:initial;} .article-side-info {padding-left: 18px;} .article .hot-prod{margin-top: 38px;} .contactfs {padding-top:20px;} .contactfs-item {padding: 38px 0 28px;} .contactfs-title h2 {font-size: 20px;} .contactfs-way {margin-top: 0px;} .contactfs-way ul{margin-left: 0;} .contactfs-way li{width: 100%;margin-left: 0;margin-top: 28px;} .contactfs-way li p:last-child{padding-bottom:25px;border-bottom: 1px solid #e8e8e8;} .contactfs-way li h6 {font-size: 18px;border-bottom: none;} .contactfs-way li .contactfs-cont {margin-top: 0;} .contactly {padding: 40px 0 48px;} .contactly-title h2 {font-size: 20px;} .contact-inline {width: 100%; margin-bottom: 20px; } .contact-inline input, .contact-inline textarea, .contact-code input {padding: 20px;} .contact-bott {flex-direction: column; align-items:initial;} .contact-code { width: 100%;} .submit-btn{width: 100%;margin-top: 24px;} .contactdt {height: 480px;} #map .amap-info-content{padding: 15px;} #map .relmap-info .relmap-dots {margin: 12px 0 10px;} #map .relmap-info .relmap-dots img{width: 20px;} #map .relmap-info p{font-size: 14px;} }