/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;font-size: 0;text-align: center;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: 45px;height: 45px;line-height: 45px;margin: 4px;font-size: 16px;color: #555;transition: all .4s ease;border-radius: 100px;}
.paging-menu a.lt {border: 1px solid #bfcad5;}
.paging-menu a.lt i{color: #000;}
.paging-menu a.lt:hover{background-color:var(--main-color);} 
.paging-menu a.lt:hover i{color: #fff;}
.paging-menu a:hover, .paging-menu a.page-num-current, .paging a.on{color:var(--main-color);}
.paging-menu a:nth-child(1) i,.paging-menu a:last-child i{margin: 0px -5px;}
.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:var(--main-color);}
.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:var(--main-color);color: #fff;border-color:var(--main-color);}
.paging-hint span{color:var(--main-color);}
@media all and (max-width:1000px) {.paging-menu a{margin: 0px;}}

/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color:var(--main-color);line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color:var(--main-color);font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: 40px 24px;}
.search-link:not(:first-child){margin-top: 16px;}
.search-link h2{color: #333;line-height: 1.1;font-weight: 700;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color:var(--main-color) !important;}
.search-link:hover h2{color:var(--main-color);}
@media all and (max-width:1000px) {.search-link{padding: 20px 15px;}.search-link:not(:first-child) {margin-top: 12px;}}

/* 隐私协议 */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}
.downsp-list22{display:none !important;}
.downsp-list22.active{display:flex !important;}

/* 网站地图 */
.webmap{width: 100%;}
.webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: 24px;}
.webmap-title::after{content: "";position: absolute;width: 60px;left: 0;right: 0;margin: 0 auto;bottom: 0;height: 4px;background:var(--main-color);}
.webmap-list{width: 100%;}
.webmap-list>ul{margin: -40px 0 0 -40px;display: flex;flex-wrap: wrap;}
.webmap-list>ul>li{width: auto;flex: auto;margin: 40px 0 0 40px;color: #333;}
.webmap-list>ul>li ul, .webmap-list>ul>li li{width: 100%;}
.webmap-list>ul>li a{display: block;transition: color .4s ease;position: relative;}
.webmap-list>ul>li a:hover{color:var(--main-color);}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: 20px;width: 100%;padding-bottom: 20px;line-height: 1;}
.webmap-list>ul>li>.drop{margin-top: 16px;}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: 6px 0;font-size: 18px;max-width: 240px;}
.webmap-list>ul>li>.drop .drop a{padding-left: 18px;font-size: 16px;}
.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 14px;}
@media all and (max-width:1270px) {
    .webmap-list>ul{margin: -24px 0 0 -24px;}
    .webmap-list>ul>li{margin: 24px 0 0 24px;}
    .webmap-list>ul>li>.menu {font-size: 18px;}
    .webmap-list>ul>li>.drop a {font-size: 16px;}
    .webmap-list>ul>li>.drop .drop a{font-size: 14px;}
    .webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}
@media all and (max-width: 1000px) {
    .webmap-title {padding-bottom: 16px;}
    .webmap-title::after {width: 44px;height: 3px;}
    .webmap-list>ul{margin: -14px 0 0;}
    .webmap-list>ul>li{width: 100%;flex: none;margin: 14px 0 0;}
    .webmap-list>ul>li>.menu {font-size: 16px;padding-bottom: 14px;}
    .webmap-list>ul>li>.drop{margin-top: 10px;}
    .webmap-list>ul>li>.drop a{padding: 4px 0;font-size: 15px;max-width: none;}
    .webmap-list>ul>li>.drop .drop a{padding-left: 12px;}
}

/*  */
.CommonBanner {position: relative;}
.CommonBanner .content{position: absolute;top: 0px;left: 0px;width: 100%;display: flex;align-items: center;height: 100%;}
.CommonBanner-btn{bottom: 60px;left: calc(50% - 30px);background-color:var(--main-color);width: 60px;height: 60px;border-radius: 100px;position: absolute;animation: BannerBtn 1s linear infinite alternate;;}
.CommonBanner .text{padding: 0px 300px;}
.CommonBanner-btn a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;border-radius: 100px;}
.CommonBanner-btn i{color: #fff;font-size: 14px;}
@keyframes BannerBtn {0%{transform: translateY(-10px);}100%{transform: translateY(0px);}}
.CommonTitle .text{padding: 0px 250px;}

/* 公共按钮 */
.swiper-btn.pf{width: 60px;height: 60px;background-color: #d2d7dd;border-radius: 100px;transition: all .4s ease;}
.swiper-btn.pf:hover{background-color:var(--main-color);}
.swiper-btn.pf a{display: flex;width: 100%;height: 100%;}
.swiper-btn.pf.prev a{background: url(../image/btn_left.png)center no-repeat;background-size: contain;background-size: 18px;}
.swiper-btn.pf.next a{background: url(../image/btn_right.png)center no-repeat;background-size: contain;background-size: 18px;}

/* 公共分页 */
.swiper-pagination{display: flex;align-items: center;}
.swiper-pagination-bullet{width: 8px;height: 8px;background-color: #d0d5db;opacity: 1;margin: 0px 8px;}
.swiper-pagination-bullet-active {width: 12px;height: 12px;background-color:var(--main-color);}

/* 内页公共 */
.pagesBan-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
.pagesBan.noAfter .pagesBan-bg::after{display: none;}
.pagesBan-bg img{width: 100%;}
.pagesBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pagesBan-con .contain{height: 100%;flex-direction: column;}
.pagesBan-title{margin-top: 80px;}
.pagesBan-title-en{color: rgba(255, 255, 255, .5);}
.pagesBan-scroll{user-select: none;cursor: pointer;width: 50px;height: 50px;}
.pagesBan-scroll i{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;border-radius: 50%;border: 2px solid rgba(255, 255, 255, .8);color: rgba(255, 255, 255, .8); font-size: 14px;font-weight: 700;position: relative;z-index: 2;}
.pagesBan-scroll::after,.pagesBan-scroll::before{animation: dotAni 2s linear infinite;opacity: 0; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px solid rgba(255, 255, 255, .4);}
.pagesBan-scroll::after{animation-delay: -1s;}
.pagesBan-title,.pagesBan-title-en,.pagesBan-text,.pagesBread{animation: banText 1.2s ease both;}
.pagesBan-scroll,.pagesBan-nav{animation: banText 1.2s .1s ease both;}
@keyframes dotAni {0%{opacity: 0;transform: scale(1);}50%{opacity: 1;transform: scale(1.5);}100%{opacity: 0;transform: scale(2);}}
@keyframes banText {
    0%{opacity: 0;transform: translateY(100px);}
    100%{opacity: 1;transform: translateY(0);}
}
.pagesBan-nav-list{justify-content: center;}
.pagesBan-nav-list .item{margin-left: 20px; width: 250px;height: 60px;border-radius: 40px;border: 2px solid rgba(255, 255, 255, .5);align-items: center;justify-content: space-between;padding: 0 26px;}
.pagesBan-nav-list .item:first-child{margin-left: 0;}
.pagesBan-nav-list .item i{display: block;transform: rotate(180deg);font-size: 14px;}
.pagesBan-nav-list .item.active,.pagesBan-nav-list .item:hover{border-color: var(--main-color);background: var(--main-color);color: #fff;}
.pagesBan-nav-list .item:hover i{animation: navAni .3s linear both;}
@keyframes navAni {0%{opacity: 0;transform: translateX(-50%) rotate(180deg);}100%{opacity: 1;transform: translateX(0) rotate(180deg);}}
.pagesBan-bread{position: absolute;z-index: 4;left: 0;bottom: 50px;width: 100%;}
.pagesBan-bread .pagesBread .item{color: #fff;}
.pagesBan-bread .pagesBread .item::after{color: #fff;}
.pagesBan-bread .pagesBread .item:hover{color: var(--main-color);}
.pagesBread{align-items: center;}
.pagesBread .item{transition: all .4s ease;margin-right: 18px;position: relative;color: rgba(255, 255, 255, .5);}
.pagesBread .item:last-child{margin-right: 0;}
.pagesBread .item:last-child::after{display: none;}
.pagesBread .item::after{content: ">";color: rgba(255, 255, 255, .5);position: absolute;right: -13px;top: 0;font-family: "宋体", "SimSun", "\5B8B\4F53";font-weight: 500;}
.pagesBread .item i{font-size: 16px;display: block;margin-right: 8px;}
.pagesBread .item:hover{color: var(--main-color);}

.pagesNav{box-shadow: 0.977px 13.966px 49px 21px rgba(75, 75, 75, 0.05);}
.pagesNav-list{margin-left: -50px;}
.pagesNav .item{height: 72px;margin-left: 50px;}
.pagesNav .item::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: var(--main-color);opacity: 0;}
.pagesNav .item:hover,.pagesNav .item.active{color: var(--main-color);}
.pagesNav .item.active::after{opacity: 1;}

/* 关于我们 */
.abIntro{background: linear-gradient(to bottom,var(--f8-color) 0%,transparent 30%);}
.abIntro .contain{position: relative;z-index: 2;}
.abIntro-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.abIntro-bg img{width: 46%;position: absolute;left: 52%;bottom: -10%;}
.abIntro-flex{justify-content: space-between;align-items: flex-start;}
.abIntro-left{width: 47%;}
.abIntro-img img{width: 100%;transition: all 2s linear;}
.abIntro-img:hover img{transform: scale(1.08);}
.abIntro-con{width: 47%;position: sticky;top: 110px;}
.abIntro-con .fzIntro-video{border-color: var(--main-color);}
.abIntro-con .fzIntro-video:hover{color: #fff;}
.abIntro-num li{border-bottom: 1px solid #dcdcdc;align-items: flex-end;justify-content: space-between;}
.abIntro-num .num{align-items: flex-end;}
.abIntro-num .num span{line-height: .8;display: block;margin-right: 5px;}
.abIntro-num .num span span{display: inline-block;}
.abIntro-num .num span.nomr{margin-right: 0;}

/* 企业文化 */
.abWH-bg-slide img{width: 100%;transition: all 1s 2s linear;transform: scale(1.1);}
.swiper-slide-active .abWH-bg-slide img{transform: scale(1);transition: 6s linear;}
.abWH-list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;}
.abWH-list ul{width: 100%;height: 100%;}
.abWH-list li{flex: 1;border-left: 1px solid rgba(255, 255, 255, .1);}
.abWH-list li:first-child{border: unset;}
.abWH-list .text-box{padding: 0 80px;position: relative;}
.abWH-list .text-box::after{content: ""; position: absolute;left: -1px;top: 50%;transform: translateY(-50%);width: 3px;height: 90%;background: #fff;opacity: 0;transition: all .4s ease;}
.abWH-list .text{opacity: 0;transform: translateY(50px);transition: all .6s ease;}
.abWH-list li:hover{background: rgba(235, 93, 32, .8);}
.abWH-list li:hover .text-box::after{opacity: 1;}
.abWH-list li:hover .text{opacity: 1;transform: translateY(0);}

/* 发展历程 */
.entjjfz{width: 100%;overflow: hidden;}
.entjjfz-mix{width: 100%;margin-top: 30px;}

/* --- */
.fz-thumbs, .gallery{width: 100%;position: relative;padding: 0 50px;user-select: none;}
.fz-thumbs::after{content: "";position: absolute;width: calc(100%);height: 2px;background: #000;bottom: 14px;left: 0;right: 0;margin: 0 auto;}
.fz-thumbs-year{width: 100%;position: relative;display: flex;transition: all .4s ease;line-height: 1;align-items: flex-end;justify-content: center;height: 100px;padding-bottom: 42px;font-size: 40px;}
.fz-thumbs-year::before, .fz-thumbs-year::after{content: "";position: absolute;right: 0;left: 0;margin: 0 auto;border-radius: 50%;}
.fz-thumbs-year::before{width: 13px;height: 13px;background: #ddd;opacity: 0.6;border: 1px solid #d2d2d2;bottom: 8px;transition: all .4s ease;}
.fz-thumbs-year::after{width: 3px;height: 3px;background: #d2d2d2;bottom: 13px;transition: all .4s ease;}
.fz-thumbs-year:hover{color: var(--main-color);}
.fz-thumbs-year.active{color: var(--main-color);font-size: 58px;}
.fz-thumbs-year.active::before{background: var(--main-color);border: 1px solid var(--main-color);transform: scale(2.2);}
.fz-thumbs-year.active::after{background: var(--main-color);transform: scale(2); */}

.gallery{margin-top: 50px;}
.gallery-more{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.gallery-more .num{width:48%;margin-right: 2%;border: 2px solid #000000;padding: 50px 30px;
box-shadow: 1.6px -0.06px 9.6px 0px rgba(0, 0, 0, 0.1686),inset 0px 37.33px 52.8px 0px rgba(255, 255, 255, 0.3412);}
.gallery-more .cont{width: 50%;;}
.gallery-more .cont .img img{width: 100%;object-fit: cover;}
.thumbs-prev, .thumbs-next{color: #fff; width: 44px;height: 44px;border-radius: 50%; transition: all .4s ease;cursor: pointer;}
.thumbs-prev{margin-right: 20px;}
.thumbs-prev:hover, .thumbs-next:hover{background-position: 0 -44px;}

/* ---
/* 荣誉资质 */
.abHonor{background: url('../image/abHonor-bg.jpg') no-repeat center/cover;}
.abHonor-head{justify-content: space-between;align-items: flex-end;}
.abHonor-head .comTitle{width: 55%;}
.abHonor-nav .item{width: 180px;height: 50px;border-radius: 40px;border: 2px solid #FFECE4;margin-left: 20px;user-select: none;cursor: pointer;}
.abHonor-nav .item:first-child{margin-left: 0;}
.abHonor-nav .item:hover{color: var(--main-color);}
.abHonor-nav .item.active,.abHonor-nav .item.active:hover{color: #fff;border-color: var(--main-color);background: var(--main-color);}
.abHonor-swp{width: calc(100% + 30px);margin-left: -15px;display: none;}
.abHonor-swp:first-child{display: block;}
.abHonor-swp .swiper-slide{padding: 15px;height: auto;}
.abHonor-slide{height: 100%; padding: 0 15px 15px; background: url('../image/abHonor-item-bg.jpg') no-repeat center/cover;box-shadow: 0px 0px 15px 0px rgba(5, 69, 134, 0.04);}
.abHonor-slide .img{height: 220px;}
.abHonor-slide .img img{max-width: 80%;max-height: 80%;transition: all .6s ease;}
.abHonor-slide:hover .img img{transform: scale(1.08);}
.abHonor-switch{justify-content: space-between;align-items: center;padding: 0 15px;}
.abHonor-btn{margin-right: 22px;}
.abHonor-btn .btn{user-select: none;cursor: pointer; width: 50px;height: 50px;border-radius: 50%;border: 2px solid #FFECE4;margin-right: 12px;font-size: 13px;color: #FFECE4;font-weight: 700;}
.abHonor-btn .btn.next{transform: rotate(180deg);}
.abHonor-btn .btn:hover{background: var(--main-color);border-color: var(--main-color);color: #fff;}
.abHonor-pagination.swiper-pagination-progressbar{flex: 1;background: #FFECE4;position: relative;height: 1px;}
.abHonor-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{top: -1px;height: 3px;background: var(--main-color);}


/* 产品-中心 */
.product-view{background-color: var(--f8-color);}
.product-view .contain{width: 89%;}
.proList-nav{justify-content: center;}
.proList-nav .item{flex-direction: column;justify-content: flex-start;margin:0 50px;transition: all .4s ease;}
.proList-nav .item i{width: 54px;height: 42px;}
.proList-nav .item i img{max-height: 100%;transition: all .4s ease;}
.proList-nav .item i img.h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.proList-nav .item:hover,.proList-nav .item.active{color: var(--main-color);}
.proList-nav .item.active span{font-weight: 700;}
.proList-nav .item.active i img.s{opacity: 0;}
.proList-nav .item.active i img.h{opacity: 1;}
.proList{margin-left: -26px;}
.proItem{padding: 25px 15px 0; margin: 26px 0 0 26px;width: calc(25% - 26px);background-color: #fff;}
.proItem .img{transform-origin:  center top;transition: all .5s ease;}
.proItem .img img{}
.comLabel{padding: 8px 16px;position: relative;overflow: hidden;border-radius: 20px;border: 2px var(--main-color) solid;transition: .4s all ease;}
.comLabel-text{position: relative;z-index: 3;}

/* .proItem .label span::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url('../image/proList-label.png') no-repeat center/100% 100%;transition: all .4s ease;} */
.proItem .text{opacity: 0;transform: translateY(15px);transition: all .3s ease;}
.proItem:hover .img{transform: scale(.8);}
.proItem:hover .con{transform: translateY(-40px);}
.proItem:hover .comLabel{background: var(--main-color);}
.proItem:hover .comLabel-text{color: #fff;}
.proItem:hover .title{transform: translateY(-10px);transition-delay: .2s;}
.proItem:hover .text{opacity: 1;transform: translateY(0);transition-delay: .25s;}

/* 产品-详情 */
.proDet-left{background: #f8f8f8;width: 42%;align-items: flex-start;}
.proDet-loop{width: 800px;max-width: 80%;position: sticky;top: 100px;padding-bottom: 40px;overflow: hidden;}
.proDet-gallery{width: 200%;}
.proDet-gallery-more{height: 600px; }
.proDet-gallery-more img{max-height: 70%;}
.proDet-loop-more{overflow: visible; width: 96px;height: 82px;flex-direction: column;position: relative;margin-right: 32px;transition: all .4s ease;}
.proDet-loop-more::after{content: "";position: absolute;right: -17px;top: 50%;transform: translateY(-50%);width: 1px;height: 50%;background: var(--main-color);}
.proDet-loop-more i{font-size: 36px;transition: all .4s ease;}
.proDet-loop-more span{display: block;}
.proDet-loop-more:hover{background: #CB4810;}
.proDet-loop-more:hover i{transform: translateY(-4px);}
.proDet-thumbs{width: calc(100% - 128px);}
.proDet-thumbs-year{height: 82px;background: #fff;position: relative;}
.proDet-thumbs-year::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 30%;height: 2px;background: var(--main-color);opacity: 0;}
.swiper-slide-active .proDet-thumbs-year::after,.proDet-thumbs-year.active::after{opacity: 1;}
.proDet-thumbs-year img{max-width: 50%;max-height: 70%;}
.proDet-right{width: 58%;padding: 40px 100px 120px;padding-right: var(--widDb);}
.proDet-info .desc{border-top: 1px solid #d5d8db;border-bottom: 1px solid #d5d8db;}
/* .proDet-info .desc p{position: relative;padding-left: 24px;}
.proDet-info .desc p::after{content: "";position: absolute;left: 6px;top: 12px;width: 5px;height: 5px;border-radius: 50%;background: var(--main-color);} */
.proDet-hot-title{border-bottom: 1px solid #d5d8db;}
.proDet-hot .proList{margin: 0;}
.proDet-hot .proItem{margin: 25px 0 0;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;padding: 22px;border-radius: 10px;}
.proDet-hot .proItem-img{width: 37.5%;height: 100%;}
.proDet-hot .proItem-con{width: 57%;}
.proDet-hot .proItem-con .title{margin-top: 0;}
.proDet-hot .proItem-con .line{margin-top: 50px;}

/* 新闻资讯 */
.newslb li{transition: all .4s ease;}
.newslb li .img{width: 25%;}
.newslb li .data{width: 25%;padding-left: 80px;position: relative;}
.newslb li .cont{width: 50%;}
.newslb li a{padding: 85px 0px;border-bottom: 1px solid #d1d9e1;}
.newslb li .data div{line-height: 1;}
.newslb li .data .number >div:nth-child(1){color:var(--main-color);}
.newslb li .data .number >div:nth-child(2){color: #4a606d;}
.newslb li .img img{width: 100%;height: 100%;}
.newslb li:hover{background-color: #f6f7f8;}
.newslb li .cont .text{opacity: 0;transition: all .4s ease;}
.newslb li:hover .cont .text{opacity: 1;}
.newslb li .data .btn{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;top: 0px;left: -30px;opacity: 0;transition: all .4s ease;}
.newslb li .data .btn div{width: 60px;height: 60px;background-color:var(--main-color);border-radius: 100px;display: flex;justify-content: center;align-items: center;transition: all .4s ease;}
.newslb li .data .btn div i{color: #fff;}
.newslb li .data .btn div:hover{transform: rotate(-45deg);}
.newslb li:hover .data .btn{opacity: 1;}
.newslb li .img{overflow: hidden;}
.newslb li .img img{transition: all .4s ease;}
.newslb li .img:hover img{transform: scale(1.04);}

/* 新闻-详情 */
.newsDet-view{background: linear-gradient(to bottom,#f1f4f8 0%,#fff 80%);}
/* .newsDet-view .contain{justify-content: space-between;align-items: flex-start;} */
.newsDet-left{width: 71%;padding-right: 60px;border-right: 1px solid #e9edf2;}
.newsDet-menu{justify-content: right;align-items: center;}
.newsDet-back{width: 155px;height: 44px;border-radius: 40px;border: 2px solid var(--main-color);}
.newsDet-back i{display: block;font-size: 14px;margin-right: 10px;transition: transform .4s ease;}
.newsDet-back:hover{background: var(--main-color);color: #fff;}
.newsDet-back:hover i{transform: rotate(180deg);}
.newsDet-share{align-items: center;}
.newsDet-share .title{margin-right: 15px;}
#toShare a{display: flex;color: #fff;font-size: 14px; width: 30px;height: 30px;margin-left: 5px;background: #c4c4c4; border-radius: 50%;align-items: center;justify-content: center;transition: all .4s ease;}
#toShare a>img{max-width: 22px;}
#toShare a:first-child{margin: 0;}
#toShare a:hover{background: var(--main-color);border-color: var(--main-color);color: #fff;}
#toShare .icon-wechat{position: relative;}
#toShare .icon-wechat .wechat-qrcode{display: none;border: 1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px rgba(0, 0, 0, .1);transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms; }
#toShare .icon-wechat .wechat-qrcode.bottom {top:40px;left:-84px;}
#toShare .icon-wechat .wechat-qrcode.bottom:after {display:none;}
#toShare .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px; background-color:#f3f3f3; margin:0;padding:0;color: #777; }
#toShare .icon-wechat .wechat-qrcode .qrcode{width:105px; margin:10px auto;}
#toShare .icon-wechat .wechat-qrcode .qrcode table{margin:0!important;}
#toShare .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0;}
#toShare .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
#toShare .icon-wechat:hover .wechat-qrcode{display: block;}
.newsDet-page .item{margin-top: 10px;background: var(--f8-color);padding: 20px 30px;}
.newsDet-page .item:hover{background: var(--main-color);color: #fff;}
.newsDet-right{width: 29%;padding-left: 60px;}
.newsDet-hot-item{border-bottom: 1px solid #f1f4f8;}
.newsDet-hot-item:first-child{border-top: 1px solid #f1f4f8;}
.newsDet-hot-item .img{height: 0;transition: all .3s linear;}
.newsDet-hot-item .img img{width: 100%;height: 100%;}
.newsDet-hot-item.active .img{height: 195px;}
.newsDet-hot-item.active .title{color: #222;font-weight: 700;}
/* 联系我们 */
.casenr-cont{width: 100%;}
.casenr-cont .cont-l{width: 54%;padding-right: 75px;border-right: 1px solid #d4dce4;}
.casenr-cont .cont-r{width: 46%;padding-left: 80px;}
.casenr-cont .cont-l .text a{color:var(--main-color);position: relative;padding-bottom: 5px;font-weight: 500;}
.casenr-cont .cont-l .text a::before{position: absolute;bottom: 0px;left: 0px;width: 100%;height: 1px;background-color:var(--main-color);content: "";}
.casenr-cont .cont-l form{margin-right: -40px;}
.casenr-input{width: calc(100%/2 - 40px);margin-right: 40px;margin-bottom: 20px;}
.casenr-input .name span{color:var(--main-color);font-size: 22px;}
input{width: 100%;height: 55px;border: 2px solid #d4dce4;background-color: #fff;padding: 0px 15px;margin-top: 4px;color: #000;}
input::-webkit-input-placeholder{color: #9ba3aa;font-size: 16px;font-weight: 300;}
input:-moz-placeholder{color: #9ba3aa;font-size: 16px;font-weight: 300;}
input::-moz-placeholder{color: #9ba3aa;font-size: 16px;font-weight: 300;}
input:-ms-input-placeholder{color: #9ba3aa;font-size: 16px;font-weight: 300;}
.casenr-input.row{width: 100%;}
.casenr-input.row textarea{width: 100%;height: 170px;padding: 15px;border: 2px solid #d4dce4;background-color: #fff;margin-top: 4px;color: #000;}
.casenr-cont .cont-l .btn{display: flex;justify-content: center;align-items: center;width: 150px;height: 50px;background-color:var(--main-color);border-radius: 25px;transition: all .4s ease;}
.casenr-cont .cont-r .phone{color:var(--main-color);}
.casenr-cont .cont-r .email{color:var(--main-color);}
.casenr-cont .cont-r .wx-ewm{width: 200px;}
.casenr-cont .cont-r .content h3{font-size: 22px;font-weight: 900;color: #000;}
.casenr-cont .cont-l .btn:hover{transform: translateY(-5px);}
.relBd-from-mix{justify-content: space-between;}
.relBd-from-code .img{margin-left: 10px;}

/* 表单校验提示样式 */
.form-error-tip {
	position: absolute;
	color: #f53f3f;
	font-size: 12px;
	margin-top: 4px;
	line-height: 1.2;
	display: none;
}
.casenr-input {
	position: relative; /* 让提示语相对输入框定位 */
	margin-bottom: 16px;
}
/* 错误状态的输入框样式 */
.input-error {
	border: 1px solid #f53f3f !important;
}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .pagesBan-bread{bottom: 35px;}
	.pagesNav-list{margin-left: -40px;}
	.pagesNav .item{margin-left: 40px;height: 64px;}
	.abWH-list .text-box{padding: 0 60px;}
	.abHonor-nav .item{width: 160px;height: 46px;margin-left: 16px;}
	.abHonor-slide .img{height: 190px;}
	
	.proList-nav .item i{width: 48px;height: 34px;}
	.proList-nav .item{margin-left: 80px;}
	.proItem .img{height: 220px;}
	.proItem{padding: 20px 15px 0;}
	/* .comLabel{padding: 6px 12px;} */
	.proItem:hover .title{transform: translateY(-8px);}
	.proBan-con .link{width: 150px;height: 46px;}
	.proBan-nav .item{margin-left: 40px;}
	
	.proDet-loop{width: 350px;}
	.proDet-gallery-more{height: 500px;}
	.proDet-loop-more{height: 70px;margin-right: 20px;width: 84px;}
	.proDet-loop-more::after{right: -10px;}
	.proDet-loop-more i{width: 24px;}
	.proDet-thumbs{width: calc(100% - 104px);}
	.proDet-thumbs-year{height: 70px;}
	.proDet-right{padding: 30px 70px 100px;}
	
	.newsDet-page .item{padding: 16px 25px;}
	.newsDet-left{padding-right: 45px;}
	.newsDet-right{padding-left: 45px;}
	.newsDet-hot-item.active .img{height: 170px;}
	
	.casenr-cont .cont-l {padding-right: 40px;}
	.casenr-cont .cont-r{padding-left: 40px;}
}

@media all and (max-width:1439px) {
    /* 1360 */
}

@media all and (max-width:1359px) {
    /* 1280 */
}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .pagesNav-list{margin-left: -30px;}
    .pagesNav .item{margin-left: 30px;height: 54px;}
	.abWH-list .text-box{padding: 0 40px;}
    .abHonor-slide .img{height: 160px;}
	
	.proList-nav .item i{width: 42px;height: 30px;}
	.proList-nav .item{margin-left: 60px;}
	.proItem .img{height: 190px;}
	.proList{margin-left: -15px;}
	.proItem{padding: 15px 10px 0;margin: 15px 0 0 15px;width: calc(25% - 15px);}
	.proItem:hover .title{transform: translateY(-6px);}
	.proBan-bg img{height: 500px;}
	.proBan-con .text{width: 60%;}
	.proBan-nav .item{margin-left: 30px;}
	
	.proDet-gallery-more{height: 450px;}
	.proDet-right {padding: 30px 50px 70px;}
	.proDet-info .desc p::after{top: 10px;}
	
	.newsDet-page .item{padding: 14px 22px;}
	.newsDet-left{padding-right: 35px;}
	.newsDet-right{padding-left: 35px;}
	.newsDet-hot-item.active .img{height: 135px;}
   
    .casenr-input{width: 100%;}
}

@media all and (max-width:1151px) {
    /* 1024 */
  
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .pagesBan-scroll{width: 36px;height: 36px;}
    .pagesBan-scroll i{font-size: 12px;}
    .pagesBread{display: none;}
    .pagesBan-bg img{height: 300px;}
    .pagesBan-nav-list{justify-content: center;flex-direction: column;align-items: center;}
    .pagesBan-nav-list .item{width: 180px;height: 36px;padding: 0 14px;font-size: 11px;margin: 10px 0 0;}
    .pagesBan-nav-list .item:first-child{margin-top: 0;}
    .pagesBan-nav-list .item i{font-size: 11px;}
    .pagesNav .contain,.proNav2 .contain{overflow-x: auto;width: 100%;}
    .pagesNav-list,.proNav2-list{flex-wrap: nowrap;white-space: nowrap;justify-content: flex-start;}
    .pagesNav-list{margin-left: 0;}
    .pagesNav .item{height: 50px;margin-left: 20px !important;}
    .pagesNav .item::after{height: 2px;}
	
	.abIntro-left{width: 100%;}
	.abIntro-con{width: 100%;margin-top: 25px;position: relative;top: auto;}
	.abIntro-num{width: 100%;margin-top: 10px;}
	.abIntro-bg{display: none;}
	
	
	.abWH-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
	.abWH-bg .swiper-container{height: 100%;}
	.abWH-bg-slide{height: 100%;}
	.abWH-bg-slide img{height: 100%;}
	.abWH-list{position: relative;height: auto;}
	.abWH-list ul{flex-direction: column;}
	.abWH-list li{display: flex;flex-direction: column;justify-content: center;overflow: hidden;padding: 20px 10px;border-left: unset;border-top: 1px solid rgba(255, 255, 255, .1);}
	.abWH-list .text-box{padding: 0 10px;}
	.abWH-list .text-box::after{width: 1px;display: none;}
	.abWH-list .text{transform: translateY(20px);}
	
	.entjjfz-mix {margin-top: 20px;}
	.thumbs{padding: 0 50px;}
	.gallery{padding: 0;margin-top: 28px;}
	.thumbs::after {width: calc(100% - 100px);}
	.fz-thumbs-year{font-size: 24px;}
	.fz-thumbs-year.active {font-size: 32px;}
	.gallery-more .cont .desc {margin-top: 16px;}
	
	.abHonor-head .comTitle{width: 100%;}
	.abHonor-nav{margin-top: 30px;justify-content: center;width: 100%;}
	.abHonor-nav .item{width: 110px;height: 36px;}
	.abHonor-swp-box{margin-top: 10px;}
	.abHonor-slide .img{height: 200px;}
	.abHonor-btn{margin-right: 0;}
	.abHonor-btn .btn{width: 38px;height: 38px;font-size: 11px;margin-right: 10px;border-width: 1px;}
	.abHonor-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 2px;}
	
	.gallery-more .num{padding: 20px;}
	.gallery-more .num,.gallery-more .cont{width: 100%;}
	.gallery-more .cont{margin-top: 20px;}
	
	.proList-nav{justify-content: space-between;}
	.proList-nav .item{margin-left: 0;}
	.proList-nav .item i{width: 30px;height: 20px;}
	.proList-nav .item span{margin-top: 12px;font-size: 12px;}
	.proList{margin-left: 0;}
	.proItem{margin: 20px 0 0;width: 100%;padding: 10px 15px 15px;}
	.proItem .img{height: 250px;}
	.proItem .title{font-size: 15px;margin-top: 15px;}
	.proBan-bg img{height: 400px;}
	.proBan-bread{display: none;}
	.proBan-nav .item{height: 44px;margin-left: 25px;}
	.proBan-nav{overflow-x: auto;flex-wrap: nowrap;white-space: nowrap;}
	.proBan-con .text{width: 100%;}
	.proBan-con .link{width: 110px;height: 40px;margin-top: 30px;}
	
	.proDet-left{width: 100%;}
	.proDet-loop{width: 92%;max-width: unset;}
	.proDet-gallery-more{height: 300px;}
	.proDet-gallery-more img{max-height: 80%;}
	.proDet-loop-more {height: 66px;margin-right: 14px;width: 76px;font-size: 12px;}
	.proDet-loop-more::after{right: -7px;}
	.proDet-loop-more i{width: 20px;}
	.proDet-thumbs-year{height: 66px;}
	.proDet-thumbs{width: calc(100% - 90px);}
	.proDet-right{width: 100%;padding: 15px 4% 40px;}
	/* .proDet-info .desc p{padding-left: 14px;} */
	.proDet-info .desc p::after{width: 4px;height: 4px;left: 0;top: 8px;}
	.proDet-hot-title{padding-bottom: 10px;font-size: 15px;}
	.proDet-hot .proItem{margin: 20px 0 0;padding: 10px;border-radius: 7px;}
	.proDet-hot .proItem-con .line{margin-top: 30px;}
	
	.newslb li .img{width: 100%;height: 300px;margin-bottom: 15px;}
	.newslb li .data{width: 15%;padding-left: 0px;}
	.newslb li .cont{width: 85%;}
	.newslb li .cont .text{opacity: 1;}
	.newslb li a {padding: 15px 0px;}
	.newslb li:hover .data .btn{display: none;}
	.newslb li .img img{object-fit: contain;}
	.newslb li .cont .text{margin-top: 25px;}
	
	.newsDet-head .date i{font-size: 14px;margin-right: 8px;}
	.newsDet-left{width: 100%;padding-right: 0;border-right: unset;}
	.newsDet-menu{margin-top: 30px;}
	.newsDet-back{margin: 0 auto;width: 120px;height: 40px;}
	.newsDet-back i{font-size: 12px;margin-right: 8px;}
	.newsDet-share{width: 100%;margin-top: 35px;}
	#toShare a{width: 26px;height: 26px;font-size: 10px;}
	.newsDet-page{padding-top: 10px;}
	.newsDet-page .item{padding: 12px 15px;}
	.newsDet-right{width: 100%;padding: 0 0 40px;}
	.newsDet-hot-item.active .img{height: 195px;}
	
	.casenr-cont .cont-l{padding: 0px;width: 100%;border: 0px;margin-bottom: 15px;}
	.casenr-cont .cont-r{padding: 0px;width: 100%;}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .newslb li .data{width: 100%;margin-bottom: 15px;display: flex;justify-content: center;}
    .newslb li .img{margin-bottom: 0px;}
    .newslb li .cont{width: 100%;}
	
	.casenr-input{margin-bottom: 0px;}
	.casenr-input input{border: 1px solid #d4dce4;height: 50px;}
	.casenr-input.row textarea {height: 150px;border: 1px solid #d4dce4;}
}