/*标签样式初始化*/
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}

/*公共样式部分*/

body {color: #666;margin: 0 auto;background: #fff;font-family: "Microsoft YaHei";overflow-x: hidden;}

*{box-sizing: border-box;}

#copy{display: none;}

a{font: inherit;color:inherit;text-decoration: none;}
a:hover { color:#008c45;text-decoration: none; border-bottom-style:}

.page{margin:0 auto;width: 1400px;position: relative;}
.bg{ width: 100%; min-width: 1400px;}
.box{margin: 0 auto;width:94%;}
.box2{margin: 0 auto;width:84%;position: relative;}

.fl { float: left;}
.fr {float: right;}

em,i {font-style: normal;}


/*隐藏右边滚动条
body::-webkit-scrollbar {  display: none;}*/


/*左右浮动清除*/
.clear { clear: both;height: 0px; overflow: hidden;}

/*间隙*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}



/*英文样式*/
.font_en{font-family: "Arial, Helvetica, sans-serif";text-transform: uppercase;}




html{font-size: 15px;}




/*标题*/
.title{text-align: center;padding:70px 0 35px 0;}
.title b{display: block;font-size:40px;color:#333;}
.title t{color:#0765d9;}
.title p{font-size: 18px;color:#999;line-height: 30px;}







/*最上*/
.top_bg{line-height: 40px;border-bottom: 1px #eee solid;}
.top{display: flex;justify-content: space-between;}
.top_left{display: flex;}
.top_left p,.top_left a,.top_right p{font-size: 14px;color: #666;font-weight: lighter;}






/*抬头*/
.head{display: flex;align-items: center;justify-content: space-between;height:150px;}
.head_logo{display: flex;align-items: center;}
.head_logo img{height:76px;}
.head_logo li{margin-left: 0.9vw;}
.head_logo b{font-size: 1.6vw;color: #333;}
.head_logo t{color:#008c45;}
.head_logo p{font-size:1vw;color: #666;}

.head_right{display: flex;align-items: center;}
/*电话*/
.head_tel{display: flex;align-items: center;}
.head_tel i{display: block;width:50px;height:50px;background:#333 url(//memberpic.114my.com.cn/yexing/uploadfile/image/20230506/20230506171922_168202274.png)no-repeat center;border-radius: 5px;}
.head_tel li{margin-left:15px;}
.head_tel p{font-size: 24px;color:#333;font-weight: bold;}

/*小特点*/
.head_tel{margin-left:10px;}
.head_trait{display: flex;}
.head_trait p{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#006cce;border-radius:5px;font-size:16px;color:#fff;font-weight:lighter;}
.head_trait p+p{margin-left: 10px;}
.head_trait .head_trait_en2{display: block;font-size: 16px;color: #fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.head_trait .head_trait_en{background: #008c45;}




/*栏目*/
.nav_bg{line-height:80px;background: #008c45;}
.NavCeshi{display: flex;justify-content: space-between;}
.NavCeshi li{float:left;width: 100%;position:relative;top: 0px;transition: 0.2s all ease-in-out;}
.NavCeshi li:last-child{padding-right: 0px;}
.NavCeshi li:before,.NavCeshi li:after{content:"";display: block;width:1px;height:20px;background: #0fad53;position: absolute;top: calc((100% / 2) - 12.5px);}
.NavCeshi li:before{left: 0px;}
.NavCeshi li:last-child:after{right:0px;}
.NavCeshi li>a{display:block;position: relative;text-align: center;}
.NavCeshi li i{font-style:normal;font-size:16px;color:#fff;position: relative;z-index:4;font-weight: 100;}
.NavCeshi li.navcurrent i,.NavCeshi > li:hover > a i{color:#fff;font-weight: 400;}
.NavCeshi > li.navcurrent > a:before,.NavCeshi > li:hover > a:before{ left: 12px !important}
.NavCeshi > li > a:after{ content: ''; display: block; width: 0%; height:100%;transition: 0.2s all ease-in-out; position: absolute; left:0%; bottom: 0;z-index: 3;background: #3cc578;}
.NavCeshi > li.navcurrent > a:after, .NavCeshi > li:hover > a:after{ width: 100%}

/*下拉*/
.NavCeshi .nav2{width:190px;border-top: 4px #008c45 solid;position: absolute;left:50%;top:100px;transform: translate(-50% );z-index: 9;transition: all 0.3s ease-out 0s;opacity: 0;}
.NavCeshi li:hover .nav2{opacity: 1;top:130px;z-index: 9999;}
.NavCeshi .nav2 a{display: block;height: 50px;line-height: 50px;background: #008c45;color: #fff;text-align: center;transition:ease-out .3s;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 15px;}
.NavCeshi .nav2 a:hover{background: #fff;text-indent: 10px;color: #008c45;}
.nav2 table{width: 100%;}






/*幻灯片*/
.banner{height:845px;}
/* 通过改变animation-timing-function 制作弹性切换效果 */
.banner .swiper-wrapper{transition:2s cubic-bezier(0.68,-0.4,0.27,1.34) 0.2s;}
.banner .swiper-slide a{display: flex;height: 100%;}
/*左右箭头*/
.banner .swiper-button-prev{left: -80px;border-radius:5px 0 0 5px;}
.banner:hover .swiper-button-prev{left: 80px;}
.banner .swiper-button-next{right:-80px;border-radius:0 5px 5px 0;}
.banner:hover .swiper-button-next{right:80px;}
.banner_swiper-button{width:60px !important;height:130px !important;background: rgb(51 51 51 / 0.3);outline: none;transition: 0.3s;}
.banner_swiper-button:after{color:#fff;font-size: 30px !important;}
/*分页*/
.banner-pagination{bottom: 50px !important;}
.banner-pagination span{width: 10px;height: 10px;background:#008c45;opacity:.8;border-radius: 100px;outline: none;}
.banner-pagination span.swiper-pagination-bullet-active{width:60px;opacity: 1;}






/*产品分类*/
.sort_bg{background:#f5f5f5;}
.sort{display: flex;justify-content: space-between;}
.sort a{display:flex;align-items:center;justify-content:center;width:20%;padding:2vw 0;}
.sort a+a{border-left:1px #e5e5e5 solid;}
.sort a *{display: block;}
.sort img{height:4.5vw;margin-right:1.5vw;transition: 0.3s;}
.sort a:hover img{transform: scale(1.1);}
.sort p{font-size:1.15vw;color:#333;}
.sort a:hover p{color:#008c45;}
.sort span{ margin-top:0.15vw;font-size:0.5vw;font-weight:lighter;text-transform:uppercase;color:#999;}





/*推荐产品*/
.product ul{display: flex;}
.product ul+ul{margin-top:10px;}
.product li *{display:block;}
.product li br{display:none;}
.product li{width: 25%;padding: 25px;border: 1px #f5f5f5 solid;}
.product li+li{margin-left:10px;}
.product li>a{overflow: hidden;}
.product li img{width:100%;height: auto;transition: 0.3s;}
.product li:hover img{transform: scale(1.1);}
.product li>span a{margin-top:20px;font-size:16px;color:#333;text-align:center;}
.product li:hover>span a{color:#008c45;}






/*关于我们*/
.about_bg{height:750px;background:url(//memberpic.114my.com.cn/076922768195/uploadfile/image/20231127/20231127113803_444734970.jpg)no-repeat center;background-attachment: fixed;}
.about{height: 750px;}
.about_content{display: flex;align-items: center;justify-content: center;height:200px;background: #fff;border-radius: 10px;text-align: center;padding: 0 80px;position: absolute;bottom: 100px;}
.about_content p{font-size: 16px;line-height: 30px;color:#666;font-weight: lighter;}

.about_video{position:absolute;bottom: 72px;left: calc(50% - 30px);}
.about_button{width:60px;height:60px;background: #008c45 url(//memberpic.114my.com.cn/076922768195/uploadfile/image/20231211/20231211103349_586605129.png)no-repeat center;border-radius: 100%;cursor:pointer;box-shadow: 0 0 0 0 #008c45;animation: ripple 3s infinite;}
.about_button:before,.about_button:after{content: "";display: block;width:60px;height:60px;box-shadow: 0 0 0 0 #008c45;animation: ripple 3s infinite;position:absolute;right: 0;bottom: 0;border-radius: 100%;}
.about_button:before{-webkit-animation-delay:.9s;animation-delay:0.9s;}
.about_button:after{-webkit-animation-delay:.6s;animation-delay:0.6s;}
.about_video_page{width: 100%;height: 100%;background: rgb(0 0 0/0.8);position: fixed;top: -200%;left: 0;z-index: 9;transition: 0.3s;}
.about_video_page.cur{top:0;}
.about_iframe{position: absolute;left: calc(50% - 350px);top: calc(50% - 200px);}
.about_video_closure{width: 60px;height: 60px;line-height: 60px;background: #008c45;border-radius: 100%;font-size: 20px;color: #fff;font-weight: 100;text-align: center;position: absolute;left: calc(50% - -325px);top: calc(50% - 232px);cursor: pointer;}

@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 50px rgba(237, 107, 27, .0);

                box-shadow: 0 0 0 50px rgba(237, 107, 27, .0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(237, 107, 27, .0);
                box-shadow: 0 0 0 0 rgba(237, 107, 27, .0);
    }
}





/*合作客户*/
.cooperation ul{display:flex;justify-content: space-between;}
.cooperation ul+ul{margin-top:10px;}
.cooperation ul *{display:block;}
.cooperation li>a{border: 1px #eee solid;overflow: hidden;}
.cooperation li>a img{transition: 0.3s;}
.cooperation li:hover>a img{transform: scale(1.2);}
.cooperation p{line-height:50px;text-align:center;background:#f5f5f5;}
.cooperation p>a{font-size:16px;color:#333;}
.cooperation li:hover p>a{color: #008c45;}








/*友情链接*/
.link_bg{height:80px;line-height: 80px;background:#252525;border-bottom: 1px #353535 solid;}
.link{display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#999;font-weight:lighter;}
.link li+li{margin-left:5px;}
.link a{display: block;line-height: 80px;font-size:14px;color: #999 !important;font-weight:lighter;}
.link li:hover a{color:#fff !important;}
.link_bg ul{display: flex;}






/*版权*/
.copyright_bg{height:80px;line-height: 80px;background:#222;}
.copyright{display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;color:#999;font-weight:lighter;}
.copyright a{font-size:14px;color:#999;font-weight:lighter;}
.copyright a:hover{color:#fff;}




/* 浮动*/
.y-kefu-box { position: fixed; right: 0; top:20%; z-index: 9999; font-size: 13px;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url(//memberpic.114my.com.cn/076922768195/uploadfile/image/20231128/20231128153248_1532423062.png) no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; background-color: #008c45; position: absolute; bottom: -12px; left: 13px; z-index: 1; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 12px; background-color: #fff; border: solid 1px #efefef;position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #008c45; border-color: #008c45; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 18px; background-position: -5px -32px; }
.kf-mail>i{background-position: -5px -79px !important;}
.kf-mail:hover>i{background-position: -30px -79px !important;}
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 19px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 14px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 11px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 20px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #008c45; border-color: #008c45;}
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .kf-zixun1 { border-radius: 2px;border-bottom: 1px #efefef solid;}
.y-kefu-box01 .kf-zixun1 i { width: 21px; height: 22px; background-position: -5px -180px; }
.y-kefu-box01 .kf-zixun1:hover>i { background-position: -30px -180px; }

.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 

/*咨询热线*/
.y-kefu-box01 .mobile-infos{width: 260px;text-align: left;top: 0;}
.y-kefu-box01 .mobile-infos>div{padding: 20px 0 20px 45px;position: relative;}
.y-kefu-box01 .mobile-infos>div i{width: 15px;height: 15px;background-position: -52px -32px;position: absolute;top: 22px;left: 20px;z-index: 2;}
.y-kefu-box01 .mobile-infos .online1{border-bottom: solid 1px #efefef;}
.y-kefu-box01 .mobile-infos span{color:#333;}
.y-kefu-box01 .mobile-infos p{color: #008c45;font-size: 18px;}
y-kefu-box .right{width: 12px;height: 12px;position: absolute;right: -12px;top: 24px;}
y-kefu-box .right-arrow1,
y-kefu-box .right-arrow2{width: 0;height: 0;display: block;position: absolute;left: 0;top: 0;border-top: 6px transparent dashed;border-right: 6px transparent dashed;border-bottom: 6px transparent dashed;border-left: 6px white solid;overflow: hidden;}
y-kefu-box .right-arrow1{left: 1px;border-left: 6px #efefef solid;}
y-kefu-box .right-arrow2{border-left: 6px white solid;}


/*二维码*/
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width:115px; height:114px;     margin: 17px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
/*email*/
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; width:170px;}
.y-kefu-box01 .y-email-infos p { color: #008c45; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }
.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#f55b1b;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }