@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 li{display: inline;}
.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 li:first-child a, .paging-menu li:last-child a{width: 68px;}
.paging-menu a:hover, .paging-menu li.active a, .paging li.on a{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 22px;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;}

/* 解决方案 */
.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: 360px;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;}
    
    .projectcp-img img{max-height: 300px;}

    #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;}
}