*{box-sizing: border-box;max-width: 100%;transition: all .2s;}
body{line-height:24px;font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight:400}
blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:active,a:hover{outline:0}
img{border:none;display:inline-block;vertical-align:middle;max-width: 100%;}
li{list-style:none}
table{border-collapse:collapse;border-spacing:0}
h4,h5,h6{font-size:100%}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}
hr{height:1px;margin:10px 0;border:0;clear:both}
a{color:#333;text-decoration:none}
a cite{font-style:normal;*cursor:pointer}
.unselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}
.text-ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.clear{clear:both;*zoom:1}
.clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0}
.bg_img{background-position: center;background-size: cover;background-repeat: no-repeat;}
.w1200{width: 1200px;margin: auto;}
.text-center{text-align: center;}
red{color: red;}
:root{
    --on_color:#00923f;
}

.jszx{display: inline-block;line-height: 30px;text-align: center;min-width: 100px;padding: 0 20px;height: 30px;color: #333;cursor: pointer;border: 1px solid #acacac;}
.jszx:hover , .jszx.on{background: var(--on_color);border-color: var(--on_color);color:#fff;}


/*头部*/
header{position: fixed;top:0;left: 0;width: 100%;z-index: 100;background-color:#fff;box-shadow: 0 0 4px rgba(0,0,0,0.4);}
header .w1200{display: flex;align-items: center;height: 80px;padding:0 15px;justify-content: space-between;}
header .logo img{max-height: 60px;max-width: 260px;}
header .nav{display: flex;align-items: center;justify-content: space-evenly;width: calc(100% - 300px);flex-wrap: wrap;}
header .nav > li{position: relative;display: flex;justify-content: center;}
header .nav > li > a{color: #333;padding: 0 10px;display: flex;align-items: center;justify-content: center;height: 30px;font-weight: bold;white-space: nowrap;}
header .nav > li > a::after{content: '';display: block;width: 0;height: 0;bottom: 0;position: absolute;background: var(--on_color);transition: all .2s;}
header .nav > li > a .sjx{width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #514e50;margin-left: 5px;}
header .nav li ul{position: absolute;opacity: 0;top: 60px;pointer-events: none;max-width: unset;background: #efeff0;min-width: 100%;}
header .nav li ul a{white-space: nowrap;color: #333;height: 30px;display: flex;align-items: center;justify-content: center;padding: 0 15px;}
header .nav li ul a:hover , header .nav li ul .on a{background:#fff;color: var(--on_color);}
header .nav > li:hover > a{background: #efeff0;}
header .nav > li:hover > a , header .nav > .on > a{color: var(--on_color);}
header .nav > li:hover > a .sjx, header .nav > .on > a .sjx{border-top: 4px solid var(--on_color)}
header .nav > li:hover > a::after  , header .nav > .on > a::after{width: 100%;}
header .nav li:hover ul{opacity: 1;top: 30px;pointer-events: unset;}
header .nav li:hover{z-index: 2;}
header .lang span{margin: 0 5px;}
.header_bu{display: block;width: 100%;height: 80px;}

.header2{pointer-events: none;transform:scale(0);opacity: 0;z-index: 101;position: relative;}
.header2 .header2_bu{width: 100%;height: 0;}
.header2 .top{position: fixed;width: 100%;z-index: 103;background-color: #fff;box-shadow: 0 0 3px rgba(0,0,0,0.3);}
.header2 .top .w1200{display: flex;height: 60px;align-items: center;justify-content: space-between;padding:0 15px;}
.header2 .top .logo{width: auto;}
.header2 .top .logo img{max-height: 50px;}
.header2 .top .nav_btn{width: 48px;height: 48px;box-sizing: border-box;padding: 8px;display: flex;flex-direction: column;justify-content: center;align-items: center;cursor: pointer;}
.header2 .top .nav_btn span{display: block;width: 26px;height: 2px;margin-bottom: 7px;border-radius: 1px;background-color: var(--on_color);transform-origin:left;transition: all .5s;}
.header2 .top .nav_btn span:last-child{margin-bottom: 0;}
.header2 .nav_zzc{position: fixed;width: 100%;height: calc(100vh - 60px);top:60px;left: 0;z-index: 101;background-color: var(--on_color);cursor: pointer;pointer-events: none;opacity: 0;}
.header2 .phone_nav{width: 360px;height: calc(100vh - 60px);position: fixed;top:60px;left: 0;z-index: 102;background: white;box-sizing: border-box;padding: 0 10px;overflow-y: auto;opacity: 0;pointer-events: none;}
.header2 .phone_nav::-webkit-scrollbar{display: none;}
.header2 .phone_nav .top{display: flex;height: 60px;align-items: center;}
.header2 .phone_nav .top img{max-height: 60px;max-width: calc(100% - 60px);}
.header2 .phone_nav .nav .list{padding: 15px 0;border-bottom: 1px solid rgba(94,94,94,.2);}
.header2 .phone_nav .nav .list .fu{display: flex;align-items: center;justify-content: space-between;}
.header2 .phone_nav .nav .list .fu .cn{font-weight: bolder;font-size: 18px;}
.header2 .phone_nav .nav .list .fu.on a{color: var(--on_color);}
.header2 .phone_nav .nav .list .nav_zi{margin-top: 10px;padding-left: 10px;box-sizing: border-box;}
.header2 .phone_nav .nav .list .nav_zi p{padding: 7px 0;}
.header2 .phone_nav .nav .list .nav_zi p a .en{font-size: 12px;}
.header2 .phone_nav .nav .list .nav_zi p .on{color: var(--on_color);}
.header2 .lang span{margin: 0 5px;}
.header2.on .nav_btn span:first-child{transform:translate3d(0,0,0) rotate(45deg);}
.header2.on .nav_btn span:nth-child(2){opacity: 0;}
.header2.on .nav_btn span:last-child{transform:translate3d(0,0,0) rotate(-45deg);}

.header2.on .phone_nav{box-shadow: 4px 0 12px 0 rgba(0,0,0,.25);pointer-events: unset;opacity: 1;}
.header2.on .nav_zzc{pointer-events: unset;opacity: 0.5;}

/*banner*/
.banner{width: 100%;position: relative;}
.banner img{width: 100%;pointer-events: none;}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;}
.banner .swiper-pagination-bullet-active{background: var(--on_color);}

.banner img:nth-child(2){display: none;}
.banner-cont{position: absolute;width: 100%;height: 100%;overflow: hidden;display: flex;align-content: center;justify-content: center;flex-direction: column;top:0;left:0;text-align: center;}
.banner-cont{color: #fff;font-weight: bold;line-height: 1.3;}
.banner-cont .en_name{font-size: 80px;padding: 10px;border-bottom: 2px solid #fff;}
.banner-cont .name{font-size: 24px;padding: 10px;margin-top: 20px;}
/*底部*/
footer{background:#007030;color: #fff;font-size: 12px;padding:15px 0;}
footer .w1200{padding:0 15px;}


/*板块*/
.main{background: #fff;}
.main > .w1200{display: flex;padding: 15px;position: relative;align-items: flex-start;}
.main > .w1200 > .left{width: 200px;position: relative;top:0;z-index: 1;}
.main > .w1200 > .left .top{padding:15px 15px;text-align: center;height: 60px;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;}
.main > .w1200 > .left .cs_name{font-size: 24px;font-weight: bold;}
.main > .w1200 > .left .en_name{font-size: 12px;color: #999;margin-top: 5px;}
.main > .w1200 > .left .list{/*border-left: 5px solid var(--on_color);*/padding: 15px 0;border-top:2px solid #333;border-bottom: 2px solid #333;}
.main > .w1200 > .left .list a{display: flex;align-items: center;justify-content: flex-start;line-height: 40px;position: relative;}
.main > .w1200 > .left .list > li > a{padding-left: 15px;}
.main > .w1200 > .left .list > li:not(:last-child){border-bottom: 1px solid #eee;}
.main > .w1200 > .left .list a img{position: absolute;right: 10px;height: 16px;}
.main > .w1200 > .left .list > li{margin-bottom: 5px;position: relative;}
.main > .w1200 > .left .list li ul{position: absolute;left: calc(100% + 30px);max-width: unset;white-space: nowrap;top:0;background: #efeff0;pointer-events: none;opacity: 0;}
.main > .w1200 > .left .list li ul::before{content: '';width: 15px;position: absolute;height: 40px;left: -15px;top:0;background: #efeff0;cursor: pointer;}
.main > .w1200 > .left .list li ul li a{padding:0 20px;display: block;color: #000;}
.main > .w1200 > .left .list li:hover ul{left: calc(100% + 15px);opacity: 1;pointer-events: unset;}
.main > .w1200 > .left .list li:hover > a , .main > .w1200 > .left .list .on > a{color: var(--on_color);}
.main > .w1200 > .left > div{background: #fff;position: relative;top: 0;width: 200px;}
.main > .w1200 > .left > .fixed{position: fixed;}


.main > .w1200 > .right{width: calc(100% - 220px);margin-left: 20px;}
.main > .w1200 > .right .container{margin-top:15px;min-height: 500px;border-top: 1px solid #eee;}


/*位置*/
.weizhi{display: flex;align-items: center;width: 100%;justify-content: flex-start;height: 30px;flex-wrap: wrap;}
.weizhi img{height: 14px;margin: 0 5px;pointer-events: none;}
.weizhi a:hover{color: var(--on_color);}

/*分页*/
#pages{padding: 20px 0;min-height: 30px;text-align: center;}
#pages a {font-size:13px;min-width: 30px;height: 30px;background-color: #F2F2F2;display: inline-block;box-sizing: border-box;padding: 0 10px;color: #666666;line-height: 30px;text-align: center;font-family: Arial;margin-right: 5px;margin-top: 5px;transition: background-color 0.2s ease-out;cursor: pointer;}
#pages a.active, #pages a:not(.no):hover {background-color: var(--on_color);color: #fff;}
#pages .no{cursor: not-allowed !important;background: #C8C8C8;color: white;}
#pages .none{font-weight: bold;font-size: 20px;color:#333333;line-height: 50px;}
#pages .none i{font-size: 35px;color:rgb(0,150,136);margin-right: 10px;vertical-align: sub;}


/*图文*/
#text{padding: 30px;background: #fff;margin-bottom: 50px;overflow: auto;width: 100%;}
#text *{max-width: 100%;}
.ryzz_lb{padding: 50px 0;background:#fff;text-align: center;line-height: 30px;}
.ryzz_lb .swiper-slide{width: auto;}
.ryzz_lb img{height: 200px;}


#dy{width: 100%;margin-bottom: 50px;}

/*新闻*/
#news{padding: 30px;background: #fff;margin-bottom: 50px;}
#news .item{padding: 30px 0;display: flex;align-items: center;justify-content: space-between;}
#news .item:not(:last-child){border-bottom: 1px dotted #d4d4d4;}
#news .item .date{margin: 0 30px;width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;flex-direction: column;color: #fff;background: var(--on_color);text-align: center;}
#news .item .date p:nth-child(1){font-size: 36px;font-weight: bold;}
#news .item .date p:nth-child(2){font-size: 12px;}
#news .item .info{width: calc(100% - 140px);}
#news .item .title a{font-size: 20px;color: #5A5A5A;}
#news .item .title a:hover{color: var(--on_color);}
#news .item .desc{margin-top: 5px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #5A5A5A;}
#news .detail .title{font-size: 24px;color: var(--on_color);text-align: center;font-weight: bold;}
#news .detail .info{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin-top: 10px;font-size: 12px;}
#news .detail .info span{margin: 5px 15px;}
#news .detail .desc{margin-top: 10px;padding: 10px;background: #f5f5f5;border: 1px solid #e5e5e5;color: #868686;text-indent: 2em;font-size: 12px;}
#news .detail .cont{margin-top: 20px;line-height: 26px;}

.syy{display: flex;align-items: flex-start;line-height: 30px;margin-top: 30px;justify-content: space-between;}
.syy p{width: calc(50% - 10px);}
.syy p:last-child{text-align: right;}
.syy a:hover{color: var(--on_color);}


/*留言*/
#message{background:#fff;padding: 100px 150px;margin-bottom: 50px;}
#message .cont{margin-bottom: 40px;}
#message .item{margin-bottom: 20px;}
#message .item p{font-size: 13px;color: #5A5A5A;}
#message .item input{width: 100%;height: 40px;border: 1px solid var(--on_color);border-radius: 5px;padding:0 10px;margin-top: 5px;}
#message .item textarea{width: 100%;min-height: 120px;border: 1px solid var(--on_color);border-radius: 5px;padding:10px;margin-top: 5px;min-width: 100%;}
#message button{width: 100%;height: 40px;background:var(--on_color);border-radius: 5px;color: #fff;border: none;cursor: pointer;}


/*客户方案*/
#fa{padding: 50px;background: #fff;margin-bottom: 50px;}
#fa .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
#fa .item{width: calc(50% - 26px);margin-bottom: 30px;display: flex;flex-direction: column;}
#fa .item:nth-child(2n){margin-left: 50px;}
#fa .item .img{padding-top: 62%;}
#fa .item .name{font-size: 20px;font-weight: bold;color: #555;margin-top: 5px;}
#fa .item .desc{margin-top: 5px;}
#fa .item:hover .name{color: var(--on_color);}


/*产品*/
#p{background: #fff;padding: 50px;margin-bottom: 50px;}
#p .list{display: flex;flex-wrap: wrap;}
#p .item{display: flex;align-items: flex-start;margin-bottom: 50px;justify-content: space-between;}
#p .item .img{width: 400px;height: 250px;}
#p .item .info{width: calc(100% - 430px);}
#p .item .name{font-size: 24px;font-weight: bold;color: #555;}
#p .item .name::after{content: '';display: block;width: 30px;height: 2px;background: var(--on_color);margin-top: 10px;}
#p .item .desc{line-height: 30px;margin-top: 10px;}
#p .item:hover .name{color: var(--on_color);}

#porduct{width: 100%;}
.product_container{padding: 15px 200px;margin: 40px 0;overflow: hidden;}
.product_swiper{overflow: unset!important;margin-top: 40px!important;}
.product_swiper .swiper-button-next, .product_swiper .swiper-button-prev{pointer-events: unset!important;cursor: pointer!important;}
.product_swiper .swiper-button-next{right: -46px;}
.product_swiper .swiper-button-prev{left: -46px;}
.product_swiper_item{padding: 20px;border: 1px solid #e6e6e6;}
.product_swiper_item_image{width: 100%;height: 0;padding-top: 100%;position: relative;}
.product_swiper_item_image div{width: 100%;height: 100%;display: flex;align-content: center;justify-content: center;overflow: hidden;position: absolute;top:0;left: 0;}
.product_swiper_item_image img{position: absolute;}
.product_swiper_item_name{text-align: center;font-size: 18px;line-height: 30px;margin-top: 15px;padding-top: 15px;border-top: 1px solid #e6e6e6;height: 105px;
    overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
.product_swiper_item:hover .product_swiper_item_name{color:var(--on_color);}
.product_swiper_item:hover img{transform: scale(1.1);}

#product_detail .title{text-align: center;color: #666666;font-size: 36px;margin:30px auto 0 auto;padding-bottom: 30px;}
#product_detail .image{padding: 10px;border: 1px solid #999999;box-shadow: 0 4px 10px 0 rgb(0 0 0 / 8%);margin: 30px auto;}
#product_detail .cont{padding: 30px 15px;border-top: 1px dashed #c9caca;}

/*首页*/

#index .d2{margin-top: 100px;}
#index .d3{margin-top: 100px;padding: 70px 15px;color: #fff;}
#index .d3 .jszx{color: #fff;}
#index .d4{margin: 100px 0;}


/*右侧菜单栏*/
#rightNav{display: flex;align-items: center;position: fixed;right: 0;top:0;height: 100vh;width: 0;z-index: 1;flex-direction: column;justify-content: center;}
#rightNav > a{position: relative;left: -40px;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 60px;height: 60px;background:#7f7f7f;box-sizing: border-box;max-width: unset;}
#rightNav > a:not(:first-child){margin-top: 1px;}
#rightNav > a > img{position: absolute;pointer-events: none;z-index: 1;width: 60px;}
#rightNav > a > img:nth-child(2){opacity: 0;z-index: 2;}
#rightNav > a > .cont{position: absolute;right: calc(100% + 40px);background: #fff;padding: 10px;box-sizing: border-box;border-radius: 5px;box-shadow: 0 0 5px rgba(0,0,0,0.4);color: #000;display: flex;align-items: center;justify-content: center;opacity: 0;pointer-events: none;transition: all .2s;max-width: unset;}
#rightNav > a > .cont *{max-width: unset;}
#rightNav > a >  .cont::before{content: '';height: 100%;width: 12px;display: block;position: absolute;right: 0;top:0;z-index: 2;background: #fff;border-radius: 5px;}
#rightNav > a >  .cont::after{content: '';display: block;position: absolute;right: -5px;width: 14px;height: 14px;border-radius: 3px;background: #fff;transform: rotate(45deg);z-index: 1;box-shadow: 2px -2px 2px rgba(0,0,0,0.1);}
#rightNav > a:hover{background: var(--on_color);}
#rightNav > a:hover .cont{right: calc(100% + 12px);opacity: 1;pointer-events: unset;}
#rightNav > a:hover > img:nth-child(2){opacity: 1;}


/*分享*/
.bsFrameDiv > div{display: flex!important;align-items: center;justify-content: center;height: 210px!important;}
.bsFrameDiv > div img{margin: 0!important;}


.footer{background: var(--on_color);}
.footer .w1200{display: flex;padding: 40px 0;flex-wrap: wrap;}
.footer .w1200 > div{padding: 15px;}


@media only screen and (min-width: 1200px){

}

@media only screen and (min-width: 1200px){

}

@media only screen and (max-width: 1199px){
    #message{padding: 50px;}
    .banner-cont .en_name{font-size: 60px;}
}

@media only screen and (max-width: 1199px) and (min-width: 992px){
    .w1200{width: 992px;}
    .product_container{padding: 15px 140px}

}
@media only screen and (min-width: 992px){
    .footer .w1200 .footer_center{border-left: 1px solid #a7a7a7;border-right: 1px solid #a7a7a7;}
}
@media only screen and (max-width: 991px){
    .header_bu{display: none;}
    .w1200{width: 768px;}
    .main > .w1200 > .left{display: none;}
    .main > .w1200 > .right {width: 100%;margin-left: 0;}
    header{pointer-events: none;transform:scale(0);opacity: 0;}
    .header2{pointer-events: unset;transform:scale(1);opacity: 1;}
    .header2 .header2_bu{height: 60px;}
    .weizhi{justify-content: flex-start;}
    .product_container{padding: 15px 140px}
    .banner-cont .en_name{font-size: 40px;}
    .banner-cont .name{font-size: 18px;}
}

@media only screen and (max-width: 991px) and (min-width: 768px){

}

@media only screen and (max-width: 767px){
    .banner img:nth-child(1){display: none;}
    .banner img:nth-child(2){display:block;}
    #message{padding: 30px;}
    .syy{flex-wrap: wrap;}
    .syy p{width: 100%;}
    .syy p:last-child{text-align: left;}
    #fa .item{width: calc(50% - 7px);margin-bottom: 15px;}
    #fa .item:nth-child(2n) {margin-left: 14px;}
    #fa .item .name{font-size: 14px;}
    #fa .item .desc{font-size: 12px;}
    #text > div > div{width: 100% !important;}
    #index .model .cs_name{font-size: 20px;}
    #index .model .sub_name{font-size: 12px;margin-top: 0;}

    .banner-cont .en_name{font-size: 30px;}
    .banner-cont .name{font-size: 16px;}

}

@media only screen and (max-width: 480px){

    #message , #text , #news , #fa{padding: 15px;margin-bottom: 0;}
    #text iframe{height: 250px!important;}
    /*#rightNav > a{width: 30px;height: 30px;left: -16px;}*/
    /*#rightNav > a > img{width: 20px;}*/
    .header2 .top .w1200{padding:0 5px;}
    .header2 .top .logo img{max-height: 40px;}
    .header2 .phone_nav{width: 100%;}
    #news .item{padding: 15px 0;flex-wrap: wrap;}
    #news .item .date{order: 2;width: 100%;justify-content: flex-start;margin: 0;height: unset;flex-direction: row;background: none;color: #e2e2e2;margin-top: 3px;}
    #news .item .date p:nth-child(1){font-size: 12px;font-weight: unset;order: 2;}
    #news .item .date p:nth-child(1)::before{content: '-';}
    #news .item .date p:nth-child(2){font-size: 12px;font-weight: unset;order: 1;}
    #news .item .info{width: 100%;order: 1;}

    #rightNav{right: unset;bottom: 0;top: unset;width: 100%;height: 60px;flex-direction: row;background: #7f7f7f;box-shadow: 0 0 3px rgba(0,0,0,0.4);padding:  0 15px;justify-content: space-between;}
    #rightNav > a{border:none;margin-top: 0!important;left: unset;}
    #rightNav > a > .cont{right: unset;bottom: calc(100% + 30px);}
    #rightNav > a > .cont.left{left: 0!important;}
    #rightNav > a > .cont.right{right: 0!important;}
    #rightNav > a > .cont::after{right: unset;bottom: -5px;box-shadow: 2px 2px 2px rgba(0,0,0,0.1);}
    #rightNav > a > .cont.left::after{left: 22px!important;}
    #rightNav > a > .cont.right::after{right: 22px!important;}
    #rightNav > a:hover .cont{bottom: calc(100% + 15px);right: unset;}
    .footer_bu{height: 60px;}

    .product_container{padding: 15px 64px}

    #index .d2{margin-top: 50px;}
    #index .d3{margin-top: 50px;}
    #index .d4{margin: 50px 0;}

    .banner-cont .en_name{font-size: 22px;}
    .banner-cont .name{font-size: 14px;margin-top: 10px;}
}