:root{
    --primary-color: #00923f;
    --primary-rgb: 0,146,63;
    --main-color: #8f2923;
    --main-rgb: 143,41,35;
    /*--main-color: #1929b0;
    --main-rgb: 25,41,176;*/
    --primary-btn: #3eeba5;
    --primary-btn-rgb: 62,235,165;
}

html,body{height: auto;}
body{font-size: 14px;color: #333;font-family: Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;min-width: 1200px;}
.wrapper{width: 1200px;margin: 0 auto;}
/*.container{padding-top: 96px;}*/


/*暂无数据*/
.nodata{text-align: center;padding-top: 50px;color: #999;position: relative;width: 100%;}
.nodata:before{content: '';display: block;background-image: url(/images/template4/nodata.png);background-size: 230px;background-repeat: no-repeat;background-position: top center;width: 100%;height: 230px;}


/*浮标*/
.float{position: fixed;z-index: 98;right: 10px;cursor: pointer;top: calc(100% - 200px);width: 45px;}
.float-icon{width: 45px;height: 45px;margin-bottom: 8px;transition: all 0.3s;display: flex;align-items: center;justify-content: center;background-color: var(--primary-color);border-radius: 50%;}
.float-icon .icon{width: 30px;height: 30px;display: flex;}
.float-box{position: fixed;z-index: 99;right: 0;top: calc(50% - 120px);background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);padding: 20px 50px;}
.float-box .item{padding: 20px 0;padding-left: 44px;display: flex;line-height: 1.6;flex-direction: column;justify-content: center;min-height: 66px;position: relative;}
.float-box .item:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 32px;height: 32px;background-image: url(/images/float-contact-icon.png);background-size: 32px auto;background-repeat: no-repeat;}
.float-box .item1:before{background-position: 0 0;top: 28px}
.float-box .item2:before{background-position: 0 -32px;top: 16px;}
.float-box .item3:before{background-position: 0 -64px;top: 16px;}
.float-box .item4:before{background-position: 0 -96px;top: 24px;}
.float-box .tit{font-size: 16px;color: #000;}
.float-box .tips{font-size: 15px;color: #999;}
.float-box .contact{display: flex;}
.float-box .contact .tel{flex: 1;color: red;}
.float-box .off{position: absolute;top: 0;right: 0;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;cursor: pointer;}


/* ========== 头部：start ========== */
/*头部*/
.pcHeader{position: sticky;top: 0;width: 100%;z-index: 99;box-sizing: border-box;background-color: var(--primary-color);}
.pcHeader .wrapper{display: flex;align-items: center;justify-content: space-between;align-items: center;height: 96px;align-items: center;}
.pcHeader .logo img{height: 70px;display: flex;position: relative;z-index: 99;}
.pcHeader .menu{display: flex;align-items: center;gap: 30px;}
.pcHeader .menu>li{position: relative;}
.pcHeader .menu .frist{font-size: 17px;display: flex;transition: all 0.2s;line-height: 96px;color: #fff;position: relative;padding: 0 6px;}
.pcHeader .menu .frist:after{content: "";background-color: transparent;position: absolute;width: 0%;height: 2px;left: 0;bottom: 0px;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.pcHeader .menu .frist .iconfont{font-size: 14px;margin-left: 6px;transition: all .2s cubic-bezier(.4,0,.2,1);display: inline-flex;}
.pcHeader .menu .frist:hover .iconfont{transform: rotate(180deg);}
.pcHeader .menu .lang{cursor: pointer;display: flex;align-items: center;}
.pcHeader .menu .lang .frist{font-size: 16px;position: relative;z-index: 1;margin-right: 0;padding: 0 12px;}
.pcHeader .menu .lang .frist:after{display: none;}
.pcHeader .menu .lang .line{height: 14px;width: 1px;background-color: rgba(255, 255, 255, 0.8);margin-top: -2px;}
/*.pcHeader .menu .lang .frist.cur{color: var(--primary-color);}*/
.pcHeader .menu .lang .frist:before{content: "";display: block;position: absolute;left: 0;top: calc(50% - 15px);width: 100%;height: 30px;border-radius: 4px;z-index: 0;transition: all 0.3s;}
.pcHeader .menu li .menu-active,
/*.pcHeader .menu li .frist:hover{color: var(--primary-color);}*/
.pcHeader .menu li .menu-active:after,.pcHeader .menu li .frist:hover:after{background-color: var(--primary-color);width: 100%;}
.pcHeader .menu .son{position: absolute;top: 96px;left: 0;position: absolute;z-index: 2;background-color: #ffffff;border-radius: 0 0 8px 8px;top: 100%;left: 0;box-shadow: 0px 3px 7px 0px rgb(40 35 30 / 10%);transform: translateY(20px);transition: all 0.8s cubic-bezier(0.38, 0.17, 0.09, 0.99);opacity: 0;visibility: hidden;}
.pcHeader .menu .lang .frist.cur:before{background-color: rgba(255, 255, 255, 0.18);}
.pcHeader .menu .lang:hover .frist{color: #fff;}
.pcHeader .menu .son li{border-bottom: 1px rgba(0, 0, 0, 0.11) solid;position: relative;min-width: 225px;}
.pcHeader .menu .son li:last-child{border-bottom: 0;}
.pcHeader .menu .son li a{color: #434343;font-size: 16px;transition: all 0.3s cubic-bezier(0.38, 0.17, 0.09, 0.99);text-transform: capitalize;position: relative;white-space: nowrap;display: block;height: 50px;padding: 0 32px 0 15px;display: flex;align-items: center;}
.pcHeader .menu .son li a:after{content: "";display: block;position: absolute;bottom: calc(50% - 6px);opacity: 0;right: 0;visibility: hidden;transition: all 0.8s cubic-bezier(0.38, 0.17, 0.09, 0.99);background-image: url(../images/arrow-rig.png);background-size: 12px;width: 12px;height: 12px;background-position: center;}
.pcHeader .menu .son li:hover a{color: var(--primary-color);}
.pcHeader .menu .son li:hover a:after{opacity: 1;right: -18px;visibility: visible;color: #332f2e;}
.pcHeader .menu>li:hover .son{transform: translateY(0px);opacity: 1;visibility: visible;}

.wapHeader{display: none;}
/* ========== 头部：end ========== */


/* ========== 脚部：start ========== */
/*.footer{background: var(--primary-color);position: relative;z-index: 1;}
.footer-top{display: flex;padding: 30px 0;justify-content: space-between;}
.footer-top .qrcode-sec{display: flex;flex-direction: column;align-items: center;}
.footer-top .qrcode-sec .logo{height: 40px;margin-bottom: 24px;}
.footer-top .qrcode-sec .qrcode{width: 120px;height: 120px;}
.footer-top .qrcode-sec .txt{color: #aaa;margin-top: 8px;}
.footer-top .menu-li{flex: 1;overflow: hidden;}

.footer-top .menu-li a{color: rgba(255, 255, 255, 1);line-height: 1.4;display: block;padding-left: 18px;transition: all ease 0.3s;margin-bottom: 10px;position: relative;}
.footer-top .menu-li a:after{content: '';display: block;position: absolute;left: 2px;top: calc(50% - 6px);width: 0;height: 0;border-width: 6px;border-style: solid;border-color: transparent transparent transparent rgba(255, 255, 255, 0.8);}

.footer-top h5{color: rgba(255, 255, 255, 0.8);line-height: 1;margin-bottom: 15px;font-size: 16px;}
.footer-top .menu-sec{min-width: 120px;margin-bottom: 24px;}
.footer-top .menu-sec:last-child{margin-bottom: 0;}
.footer-top .menu-g{display: flex;align-items: center;flex-wrap: wrap;}
.footer-top .menu-g a{color: rgba(255, 255, 255, 0.8);line-height: 1.8;display: block;margin-right: 15px;transition: all ease 0.3s;}
.footer-top .menu-g a:hover{color: var(--primary-color);}

.footer-top .contact-sec{min-width: 350px;}
.footer-top .contact-sec h5{margin-bottom: 15px;}
.footer-top .contact-sec p{line-height: 1.4;margin-bottom: 10px;color: rgba(255, 255, 255, 0.95);}
.footer-top .contact-sec i{padding-right: 8px;font-size: 16px;}
.footer-bottom{padding: 15px 0;border-top: 1px rgb(255, 255,255, 0.1) solid;margin: 0;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.footer-bottom p{line-height: 1.4;text-align: center;font-size: 12px;color: rgba(255, 255, 255, 0.8);}
.footer-bottom p a{color: rgba(255, 255, 255, 0.4);}*/


.footer{background-color: #0d2e1c;color: #a8c2b3;font-size: 13px;padding: 40px 0 0}
.footBox{display: grid;grid-template-columns: 1.4fr 1fr;gap: 40px;padding-bottom: 30px}
.footL p{font-size: 14px;color: rgba(var(--primary-color), 0.8);margin-bottom: 12px;line-height: 1.5}
.footL p.phone{font-size: 26px;font-weight: bold;color: #e3c878;}
.footL .lyBtn{display: inline-block;padding: 8px 30px;background-color: #00923f;color: #fff;border-radius: 30px;font-size: 14px;font-weight: bold;margin-bottom: 24px}
.footL .lyBtn:hover{background: var(--primary-color);color: #fff}
.footR{display: flex;flex-direction: column;align-items: flex-end;gap: 20px}
.footNav{display: flex;flex-wrap: wrap;gap: 16px;justify-content: flex-end}
.footNav li a{color: #a8c2b3;font-size: 13px}
.footNav li a:hover{color: #fff}
.footR .imgList{display: flex;gap: 16px}
.footR .ewm{text-align: center}
.footR .ewm img{width: 100px;height: 100px;background: #fff;border-radius: 6px;margin-bottom: 6px}
.footR .ewm span{font-size: 12px;color: #a8c2b3}
.footBottom{border-top: 1px solid #16452a;text-align: center;padding: 16px;font-size: 12px;color: #6f8d7e}

/* ========== 脚部：end ========== */


/* ========== 首页内容：start ========== */

/*swiper轮播*/
.swiper-container{cursor: auto!important;}
.swiper-container{position: relative;}
.swiper-container .arrow-left,
.swiper-container .arrow-right{position: absolute;top: 50%;margin-top: -30px;width: 36px;height: 60px;z-index: 99;background-repeat: no-repeat;background-position: center;}
.swiper-container .arrow-left{background-image: url(/images/template2/arrows_left-w.png);left: 15px;}
.swiper-container .arrow-right{background-image: url(/images/template2/arrows_right-w.png);right: 15px;}
.swiper-container .arrow-left:hover,
.swiper-container .arrow-right:hover{background-color: rgba(0, 0, 0, 0.5);}
.swiper-container img{object-position: center;width: 100%;}
.swiper-container .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 6px;opacity: 0.5;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{width: 30px;background-color: var(--primary-color);opacity: 1;}
.wapSwiper{display: none;}
.swiper-slide .pcImg{}
.swiper-slide .wapImg{display: none;}


/*块标题*/
.sec-tit{padding: 55px 0 40px;text-align: center;}
.sec-tit .name{font-size: 30px;font-weight: bold;color: #222;letter-spacing: 1px;position: relative;}
.sec-tit .name:after{content: '';display: block;position: relative;margin-top: 14px;left: calc(50% - 30px);width: 60px;height: 4px;border-radius: 4px;background-color: var(--primary-color);}
.sec-tit .name .red{color: var(--primary-color);}
.sec-tit .remark{line-height: normal;font-size: 16px;width: 700px;margin: 10px auto 0;color: #666;}
.sec-tit.white .name{color: #fff;}
.sec-tit.white .remark{color: rgba(255, 255, 255, 0.8);}


/*更多*/
.sec_more{display: flex;justify-content: center;margin-top: 50px;}
.sec_more .nav{display: block;height: 46px;line-height: 46px;text-align: center;font-size: 16px;color: #fff;border-radius: 23px;position: relative;transition: all .5s;width: 170px;background-color: var(--primary-color);box-shadow: 0 6px 16px rgba(0,146,63,.3);}
.sec_more .nav:before{}
.sec_more .nav:hover{box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);}


/*解决方案*/
.isolution-block{background-color: #f6f7f9;padding-bottom: 50px;}
.solution_swiper{width: 100%;padding: 30px 0;overflow: visible!important;}
.solution_swiper .swiper-slide{width: 75%;border-radius: 12px;overflow: hidden;}
.solution_swiper .swiper-slide img{width: 100%;display: block;}
.swiper-solution{position: relative;overflow: hidden;}
.swiper-solution .nav{position: absolute;top: calc(50% - 15px);width: 60px;text-align: center;z-index: 2;cursor: pointer;}
.swiper-solution .leftIcon{left: calc(12.5% - 60px);}
.swiper-solution .rightIcon{right: calc(12.5% - 60px);}


/*产品介绍*/
.products-block{}
.products-lists{padding-bottom: 80px;}
.pro-row{display: flex;gap: 40px;}
.pro-row .card{display: flex;width: calc(25% - 32px);background-color: #f6f7f9;border-radius: 8px;padding: 20px;position: relative;cursor: pointer;transition:all .25s;}
.pro-row a{display: block;width: 100%;}
.pro-row .img{box-shadow: 0 4px 12px rgba(0,0,0,.06);}
.pro-row .img img{width: 100%;display: flex;object-fit: cover;height: 300px;}
/*.pro-row .img img:hover{transform: scale(1.1);}*/
.pro-row .name{font-size: 17px;color: #333;line-height: 1.6;text-align: center;margin-top: 15px;}
.pro-row .card:hover .name{color: var(--primary-color);}
.pro-row .card:hover{background-color: #fff;box-shadow:0 10px 26px rgba(0,146,63,.16);}
.pro-row .card:hover:after{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid var(--primary-color);border-radius: 8px;}
.pro-row .card:hover .img{box-shadow: none;}


/* tabs */
.navClass{display: flex;justify-content: center;margin-bottom: 25px;}
.navClass li{line-height: 40px;text-align: center;font-size: 18px;cursor: pointer;padding: 0 15px;}
.navClass li.cur a{font-weight: 600;display: inline-block;position: relative;}
.navClass li.cur a:after{content: '';display: block;position: absolute;bottom: 0;left: 0;right: 0;height: 2px;background: #000;}



/*广告位*/
.iad-block{background-size: cover;background-position: center;height: 307px;background-repeat: no-repeat;display: block;}


/*关于我们*/
.about-block{position: relative;padding-bottom: 50px;}
.about-box{display: flex;border-radius: 16px;background-color: #f4f4f4;overflow: hidden;}
.about-box .cover{width: 50%;}
.about-box .cover .img{width: 100%;border-radius: 12px 0 0 12px;object-fit: cover;height: 100%;}
/*.about-box .sec-tit{text-align: left;padding-top: 0;}*/
.about-con{width: 50%;padding: 10px 30px 30px;}
.about-con .contents{color: #333;line-height: 2;overflow: hidden;font-size: 16px;white-space: pre-line;vertical-align: top;}
.about-con .contents_en{text-align: left;}
.about-con .sec_more{justify-content: flex-start;}
.about-con .map img{max-width: 100%;}

/*服务项目*/
.service-block{padding-bottom: 50px;}
.service-box{display: flex;justify-content: space-between;margin-top: 30px;justify-content: center;}
.service-box .items{width: 360px;height: 460px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);border-radius: 12px;margin: 0 50px;overflow: hidden;position: relative;}
.service-box img{width: 100%;height: 100%;object-fit: cover;position: relative;z-index: 8;}
.service-box .info{background-color: rgba(240, 240, 240, 0.6);position: absolute;bottom: 0;left: 0;width: 100%;z-index: 9;height: 180px;padding: 20px 30px;border-radius: 12px;}
.service-box h5{font-size: 20px;margin-bottom: 15px;font-weight: bold;}
.service-box p{font-size: 15px;color: #434343;line-height: 1.8;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-align: justify;}


/*资讯*/
.inews-block{padding-bottom: 80px;}
.inews-box{display: flex;justify-content: space-between;padding-top: 30px;}
.inews-box .list{width: 570px;}
.inews-box .list li{padding: 17px 0;position: relative;}
.inews-box .list li:after{content: '';display: block;position: absolute;bottom: 0;left: 0;right: 0;border-bottom: 1px dotted #ccc;}
.inews-box .list .cover{display: none;}
.inews-box .list .top{display: flex;line-height: 1;padding-bottom: 12px;}
.inews-box .list .name{display: block;flex: 1;padding: 0 50px 0 20px;position: relative;color: #444;font-size: 17px;}
.inews-box .list li:hover .name{color: #000;text-decoration: underline;}
.inews-box .list .name:before{content: '';display: block;width: 4px;height: 4px;background: #666;border-radius: 50%;position: absolute;left: 5px;top: 50%;margin-top: -2px;}
.inews-box .list .date{color: #BBB;}
.inews-box .list .remark{line-height: 1.6;color: #888;padding-left: 20px;}
.inews-box #swiper2{width: 570px;margin: 0;}
.inews-box #swiper2 img{height: 435px;object-fit: cover;}
.inews-box .swiper-slide .tit{position: absolute;z-index: 2;background: rgba(0, 0, 0, 0.5);color: #fff;padding: 0 200px 0 20px;line-height: 40px;width: 100%;bottom: 0;left: 0;}
.inews-box .swiper-slide .tit:hover{text-decoration: underline;}
.inews-box .swiper-container-horizontal>.swiper-pagination{width: auto;right: 0;left: inherit;padding-right: 10px;line-height: 40px;bottom: 0;}
.inews-box .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;}

.inews-ground{display: flex;gap: 30px;}
.inews-ground .card{width: calc(33.33% - 20px);background-color: #f4f4f4;border-radius: 16px;overflow: hidden;}
.inews-ground .img{overflow: hidden;}
.inews-ground .img img{transition: .4s ease-in-out;transform: scale(1);width: 100%;display: flex;object-fit: cover;height: 300px;}
.inews-ground .img img:hover{transform: scale(1.1);}
.inews-ground .boxs{padding: 15px 20px;}
.inews-ground .name{font-size: 16px;color: #333;line-height: 1.6;}
.inews-ground .name:hover{color: var(--primary-color);}
.inews-ground .remark{line-height: 1.6;color: #888;margin-top: 8px;}


/* ========== 首页内容：end ========== */



/* ========== 内页：start ========== */
/*背景*/
/*.container-fluid{background: url(/images/template4/banner-lg-mohu.jpg) center no-repeat;background-size: cover;padding: 60px 0;}*/
.pageBn img{width: 100%;display: flex;}


/*主box*/
.box_main{padding: 50px 0 80px;background: #fff;border-radius: 28px;min-height: 600px;display: flex;}
.box_left{width: 200px;margin-right: 40px;flex-shrink: 0;}
.box_right{flex: 1;overflow: hidden;}


/*left菜单*/
.box_left .tit{background: linear-gradient(135deg, var(--primary-color), rgba(var(--primary-rgb), 0.82));border-radius: 14px 14px 0 0;height: 76px;line-height: 1.4;text-align: center;font-size: 18px;color: #fff;display: flex;align-items: center;justify-content: center;letter-spacing: 1px;box-shadow: 0 4px 12px rgba(var(--primary-rgb), 0.25);position: relative;overflow: hidden;}
.box_left .tit:after{content: '';position: absolute;bottom: -1px;left: 0;right: 0;height: 4px;background: rgba(255,255,255,0.18);}
.lmenu{border: 1px solid #eee;border-top: 0;border-radius: 0 0 14px 14px;overflow: hidden;box-shadow: 0 2px 8px rgba(0,0,0,0.04);}
.lmenu li{border-top: 1px solid #f0f0f0;}
.lmenu li:first-child{border-top: 0;}
.lmenu a{display: flex;align-items: center;text-align: center;width: 100%;min-height: 48px;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);font-size: 15px;color: #555;position: relative;line-height: 1.5;padding: 6px 10px;}
.lmenu a:hover{background-color: rgba(var(--primary-rgb), 0.06);color: var(--primary-color);}
.lmenu .cur{background-color: rgba(var(--primary-rgb), 0.08);}
.lmenu .cur:before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 3px;height: 20px;background: var(--primary-color);border-radius: 0 2px 2px 0;}
.lmenu .cur a{color: var(--primary-color);font-weight: 600;}


/*标题与路径*/
.caption{display: flex;justify-content: space-between;line-height: 1;align-items: flex-end;border-bottom: 1px solid #d8d8d8;padding-bottom: 10px;}
.caption .tit{padding-left: 25px;color: #3a3a3a;font-size: 22px;color: #000;position: relative;}
.caption .tit:before{content: '';display: block;position: absolute;left: 2px;width: 12px;height: 12px;border: 5px dotted black;transform: rotate(45deg);top: 5px;border-color: var(--primary-color);}
.caption .map{display: flex;align-items: center;}
.caption .map .home,.caption .map span{color: #444;}
.caption .map span{padding: 0 8px;}
.caption .map a{color: #555;}


/*right内容*/
.content{padding: 0 20px;}
.content .title{font-size: 30px;font-weight: 600;text-align: center;margin-bottom: 18px;margin-top: 50px;}
.content .date{color: #484b4c;text-align: center;margin-bottom: 36px;font-family: Arial;}
.content .detail{padding: 20px 0;}
.content .detail_one{padding: 50px 20px;}
.content .info-detail{padding: 50px 20px;}
.content .detail p{line-height: 2;font-size: 16px;color: #333;text-align: justify;}
.content .detail_en p{text-align: initial;}
.content .detail img{max-width: 100%;}


/*附件*/
.file{padding: 50px 0;}
.file h5{font-size: 18px;font-weight: bold;color: var(--main-color);margin-bottom: 15px;}
.file a{line-height: 40px;font-size: 16px;border-bottom: 1px dashed #ddd;display: block;margin-bottom: 5px;}
.file a .txt{padding-left: 20px;}
.file a:hover{text-decoration: underline;color: var(--main-color);}


/*证书*/
.cert_lists{display: flex;flex-wrap: wrap;padding: 40px 0;}
.cert_lists .item{width: 50%;text-align: center;margin-bottom: 30px;}
.cert_lists .item img{border: 1px #f5f5f5 solid;transition: all 0.3s;}
.cert_lists .name{font-weight: 600;line-height: 1.25;color: #2e3133;font-size: 18px;transition: all 0.3s;margin-top: 10px;}
.cert_lists .item:hover img{border-color: rgba(193, 26, 33, 0.3);}
.cert_lists .item:hover .name{color: var(--main-color);}


/*新闻*/
.news_lists{margin-top: 30px;}
.news_lists .item{display: flex;padding: 30px 0;position: relative;}
.news_lists .item:after{content: '';display: block;position: absolute;bottom: 0;left: 0;right: 0;border-bottom: 1px dashed #999;}
.news_lists .img{position: relative;display: flex;justify-content: center;overflow: hidden;margin-right: 20px;}
.news_lists .img:before{position: absolute;top: 0;right: 0;bottom: 0;left: 0;content: "";background-color: rgba(0,0,0,.2);opacity: 0;transition: opacity .4s cubic-bezier(.4,0,.2,1);z-index: 1;}
.news_lists .img img{transition: .4s ease-in-out;transform: scale(1);object-fit: cover;width: 140px;height: 100px;}
.news_lists .info{flex: 1;overflow: hidden;height: 100px;display: flex;flex-direction: column;justify-content: space-between;}
.news_lists .top{display: flex;align-items: center;margin-bottom: 20px;}
.news_lists .name{flex: 1;font-weight: 600;line-height: 1.25;color: #2e3133;font-size: 18px;padding-right: 100px;}
.news_lists .pu-date{color: #999;}
.news_lists .intro{font-size: 15px;line-height: 1.5;color: #777;text-align: justify;}
.news_lists .name:hover{text-decoration: underline;color: var(--primary-color);}
.news_lists .img:hover img{transform: scale(1.1);}
.news_lists .img:hover:before{opacity: 1;}


/*单列表*/
.news_lists .li{line-height: 50px;border-bottom: solid 1px #eee;position: relative;padding-left: 25px;display: flex;}
.news_lists .li:before{content: "";display: block;position: absolute;left: 0;top: 50%;width: 6px;height: 6px;background: rgba(var(--primary-rgb), 0.8);margin-top: -3px;border-radius: 2px;}
.news_lists .li a:hover{color: var(--primary-color);text-decoration: underline;}
.news_lists .tit{flex: 1;padding-right: 80px;display: block;font-size: 16px;}
.news_lists .date{font-family: Arial;color: #878787;font-size: 14px;}


/*产品列表*/
.product_list{padding: 30px 0;display: flex;flex-wrap: wrap;}
.product_list li{width: calc(25% - 24px);margin: 0 12px 24px;}
.product_list .cover{width: 100%;height: 280px;overflow: hidden;transition: .4s ease all;position: relative;}
.product_list .cover:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border: 1px #f5f5f5 solid;border-bottom: 0;}
.product_list .cover img{width: 90%;height: 90%;transition: .4s ease-in-out;transform: scale(1);object-fit: cover;}
.product_list a:hover .cover:after{border-color: rgba(var(--primary-rgb), 0.3);}
.product_list a:hover .cover img{transform: scale(1.1);}
.product_list .name{background-color: #eeeeee;line-height: 38px;color: #555;text-align: center;padding: 0 15px;transition: .4s ease all;}
.product_list a:hover .name{background-color: var(--primary-color);color: #fff;}


/*产品详情*/
.pro_show{padding: 30px 0;}
.pro_show .content{padding: 40px;border: solid 1px #e7e8f0;}
.pro_show .content img{max-width: 100%;}
.pro_show .content td{height: 32px;padding: 5px 8px;}
.pro_show .content table tr:first-child td{height: 50px;}
/*.pro_show .content{background-image: linear-gradient(to right bottom,#eaeaea,#d5d5d5);padding: 40px;}*/
.pro_info{display: flex;margin-bottom: 50px;}
.pro_info .cover{width: 360px;}
/*.pro_info .cover img{max-width: 80%;max-height: 80%;}*/
.pro_info .picFocus{margin: 0 auto;width: 100%;position: relative;overflow: hidden;zoom: 1;}
.pro_info .picFocus .bd{height: 362px;border: 1px solid #dadada;}
.pro_info .picFocus .bd li{width: 100%;height: 360px;overflow: hidden;background-position: center;background-size: 80%;background-repeat: no-repeat;}
.pro_info .picFocus .hd{width: 350px;padding-top: 5px;margin: 0 auto;}
.pro_info .picFocus .hd ul{zoom: 1;display: flex;align-content: center;}
.pro_info .picFocus .hd ul li{margin: 5px 0 0 8px;border: 1px solid #ccc;position: relative;cursor: pointer;display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;}
.pro_info .picFocus .hd ul li img{max-width: 90%;max-height: 90%;display: flex;}
.pro_info .picFocus .hd ul li:after{position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;content: "";background: hsla(0,0%,80%,0.6);opacity: 1;transition: all .5s;}
.pro_info .picFocus .hd ul li.on:after{background: hsla(0,0%,80%,0);}
.pro_info .picFocus .prev,.pro_info .picFocus .next{position: relative;width: 32px;}
.pro_info .picFocus .prev:before,.pro_info .picFocus .next:before{content: "";display: block;margin-top: -4px;width: 8px;height: 8px;position: absolute;top: 50%;border-color: #707070;border-style: solid;}
.pro_info .picFocus .prev:before{left: 5px;border-width: 2px 0 0 2px;transform: rotate(-45deg);}
.pro_info .picFocus .next:before{right: 5px;border-width: 2px 2px 0 0;transform: rotate(45deg);}
.pro_info .picFocus.wapSwiper{display: none;}
.pro_info .info{flex: 1;margin-left: 50px;padding-top: 10px;}
.pro_info .tit{font-size: 28px;line-height: 1.25;margin-bottom: 20px;font-weight: bold;padding-bottom: 16px;border-bottom: 1px solid #e8e8e8;}
.pro_info p{font-size: 17px;line-height: 1.8;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;}
.pro_tabs{display: flex;background: #f2f3f7;align-items: center;border: solid 1px #eeeeee;}
.pro_tabs .tabs{display: block;width: 200px;text-align: center;line-height: 60px;font-size: 16px;cursor: pointer;}
.pro_tabs .tabs.cur{background: #ccc;}
.pro_tabs .tabs.btn{background-color: #ff9a52;padding: 15px 42px 15px 16px;border: 0;color: #fff;text-align: left;position: relative;font-size: 15px;border-radius: 4px;cursor: pointer;line-height: 1;width: auto;margin-left: 20px;}
.pro_tabs .tabs.btn:after{content: '';display: block;position: absolute;top: 50%;width: 16px;height: 16px;background-image: url(/images/download-w.png);background-size: 100%;right: 16px;margin-top: -8px;}


/*留言*/
.content .feedback{padding: 50px;}
.feedback_ul li{margin-bottom: 20px;display: flex;font-size: 16px;}
.feedback_ul .tt{width: 160px;margin-right: 15px;text-align: right;line-height: 42px;}
.feedback_ul .textarea,
.feedback_ul .input{width: 350px;height: 42px;border: 1px solid #ccc;border-radius: 2px;padding: 0 10px;outline: none;font-size: 16px;}
.feedback_ul .textarea{width: 700px;padding: 10px;height: 200px;font-family: Microsoft Yahei;border-radius: 2px;}
.feedback_ul .tips{font-size: 16px;line-height: 2em;font-weight: 600;text-indent: 2em;}
.feedback_ul .nav{margin-left: 175px;margin-top: 50px;}
.feedback_ul .submit{border: 0;color: #fff;background-color: var(--primary-color);font-size: 16px;height: 42px;border-radius: 4px;width: 150px;}
.feedback_ul .reset{border: 1px #aaa solid;background: #fff;font-size: 16px;height: 42px;border-radius: 4px;width: 100px;color: #666;margin-left: 15px;}
.feedback_ul .input::-webkit-input-placeholder,
.feedback_ul .textarea::-webkit-input-placeholder{color: #d9d9d9;}
.feedback_ul .input::-moz-input-placeholder,
.feedback_ul .textarea::-moz-input-placeholder{color: #d9d9d9;}
.feedback_ul .input:-moz-input-placeholder,
.feedback_ul .textarea:-moz-input-placeholder{color: #d9d9d9;}
.feedback_ul .input:-ms-input-placeholder,
.feedback_ul .textarea:-ms-input-placeholder{color: #d9d9d9;}

/*留言 - feedback-boxs*/
.feedback-boxs{padding: 36px 0;margin-top: 10px;}
.feedback-boxs .info-input{max-width: 720px;margin: 0 auto;padding: 8px 4px 4px;}
.feedback-boxs .group{display: flex;align-items: flex-start;margin-bottom: 20px;font-size: 15px;color: #333;}
.feedback-boxs .group:last-child{margin-bottom: 0;}
.feedback-boxs .group label{width: 120px;flex-shrink: 0;text-align: right;line-height: 48px;padding-right: 14px;color: #4a4a4a;font-weight: 500;font-size: 14px;}
.feedback-boxs .group label span{color: #ff4d4f;margin-right: 2px;}
.feedback-boxs .group input[type="text"],
.feedback-boxs .group input[type="number"],
.feedback-boxs .group input[type="email"],
.feedback-boxs .group select{flex: 1;max-width: 420px;height: 48px;line-height: 48px;border: 1px solid #e4e7ed;border-radius: 8px;padding: 0 16px;outline: none;font-size: 14px;color: #333;background: #fff;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);box-sizing: border-box;}
.feedback-boxs .group textarea{flex: 1;max-width: 420px;height: 130px;border: 1px solid #e4e7ed;border-radius: 8px;padding: 12px 16px;outline: none;font-size: 14px;color: #333;line-height: 1.7;font-family: inherit;resize: vertical;background: #fff;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);box-sizing: border-box;}
.feedback-boxs .group input:hover,
.feedback-boxs .group select:hover,
.feedback-boxs .group textarea:hover{border-color: #c0c4cc;}
.feedback-boxs .group input:focus,
.feedback-boxs .group select:focus,
.feedback-boxs .group textarea:focus{border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.12);}
.feedback-boxs .group select{appearance: none;-webkit-appearance: none;background-image: linear-gradient(45deg, transparent 50%, #909399 50%), linear-gradient(135deg, #909399 50%, transparent 50%);background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50%;background-size: 6px 6px, 6px 6px;background-repeat: no-repeat;padding-right: 36px;cursor: pointer;}
.feedback-boxs .group input::placeholder,
.feedback-boxs .group textarea::placeholder{color: #c0c4cc;}
.feedback-boxs .group input::-webkit-input-placeholder,
.feedback-boxs .group textarea::-webkit-input-placeholder{color: #c0c4cc;}
.feedback-boxs .group input::-moz-placeholder,
.feedback-boxs .group textarea::-moz-placeholder{color: #c0c4cc;}
.feedback-boxs .group button[type="submit"]{margin-left: 134px;height: 48px;padding: 0 48px;border: 0;border-radius: 8px;background: linear-gradient(135deg, var(--primary-color), rgba(var(--primary-rgb), 0.82));color: #fff;font-size: 16px;letter-spacing: 4px;cursor: pointer;box-shadow: 0 4px 12px rgba(var(--primary-rgb), 0.3);transition: all 0.3s cubic-bezier(0.4,0,0.2,1);}
.feedback-boxs .group button[type="submit"]:hover{transform: translateY(-2px);box-shadow: 0 6px 18px rgba(var(--primary-rgb), 0.4);}
.feedback-boxs .group button[type="submit"]:active{transform: translateY(0);box-shadow: 0 2px 8px rgba(var(--primary-rgb), 0.3);}
.feedback-boxs .fc-green{color: var(--primary-color);}
.feedback-boxs .layui-icon-ok-circle{display: inline-block;animation: feedbackPop 0.5s cubic-bezier(0.34,1.56,0.64,1);}
@keyframes feedbackPop{0%{transform: scale(0);opacity: 0;}60%{transform: scale(1.15);}100%{transform: scale(1);opacity: 1;}}
.feedback-boxs .layui-btn{display: inline-block;background: linear-gradient(135deg, var(--primary-color), rgba(var(--primary-rgb), 0.82));border: 0;height: 48px;line-height: 48px;padding: 0 36px;border-radius: 8px;color: #fff;font-size: 15px;text-decoration: none;box-shadow: 0 4px 12px rgba(var(--primary-rgb), 0.3);transition: all 0.3s cubic-bezier(0.4,0,0.2,1);}
.feedback-boxs .layui-btn:hover{transform: translateY(-2px);box-shadow: 0 6px 18px rgba(var(--primary-rgb), 0.4);}
.feedback-boxs .mt20{margin-top: 20px;}
/* ========== 内页：end ========== */


/* ========== 分页：start ========== */
.pagenav{display: flex;justify-content: center;}
.pagination{display:flex;align-items: center;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination>li{}
.pagination>li>a,.pagination>li>span{position: relative;display: block;line-height: 30px;width: 36px;text-align: center;text-decoration: none;color: #333;background-color:#fff;border: 1px solid #ddd;margin: 0 3px;border-radius: 4px;transition: all 0.3s;}
.pagination>li:first-child>a,
.pagination>li:first-child>span{}
.pagination>li:last-child>a,
.pagination>li:last-child>span{}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus{background-color: rgba(var(--main-rgb), 0.08);border-color: var(--main-color);}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus{z-index: 2;color: #fff;background-color: var(--main-color);border-color: var(--main-color);cursor:default}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus{color: #bbb;background-color: #f2f2f2;border-color: #ddd;cursor: not-allowed}
.pagination-lg>li>a,
.pagination-lg>li>span{padding: 10px 16px;font-size: 18px}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}
.pagination-sm>li>a,
.pagination-sm>li>span{padding:5px 10px;font-size:12px}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}
/* ========== 分页：end ========== */


/* ========== 头部：start ========== */
/* ========== 头部：end ========== */