.p-tb60{padding: 60px 0;}
.p-t60{padding-top: 60px;}
.p-b60{padding-bottom: 60px;}
.p-tb40{padding: 40px 0;}
.p-lr5{padding: 0 5px;}
.p-lr10{padding: 0 10px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t20{margin-top: 20px;}
.rowt20{margin-top: -20px;}
.fz-48{font-size: 48px;}
.fz-36{font-size: 36px;}
.fz-24{font-size: 24px;}
.fz-20{font-size: 20px;}
.fz-16{font-size: 16px;}
.content-text{font-size: 16px;line-height: 2;color: #333;}
.content-text.infoshow{font-size: 18px !important;}
.content-text.infoshow p span{font-size: 18px !important;}
.text-p p{margin-bottom: 0;}
.bg01{background: #f7f8f9;}
:root{--fz-24: 24px;}

@media(max-width: 1440px){
    .p-tb60{padding: 45px 0;}
    .p-t60{padding-top: 45px;}
    .p-b60{padding-bottom: 45px;}
    .p-tb40{padding: 30px 0;}
    .p-lr5{padding: 0 7px;}
    .p-lr10{padding: 0 8px;}
    .m-t60{margin-top: 45px;}
    .m-t40{margin-top: 30px;}
    .m-t20{margin-top: 14px;}
    .rowt20{margin-top: -14px;}
    .fz-48{font-size: 40px;}
    .fz-36{font-size: 31px;}
    .fz-24{font-size: 21px;}
    .fz-20{font-size: 18px;}
    .fz-16{font-size: 14px;}
    .content-text{font-size: 14px;}
    .content-text.infoshow{font-size: 16px !important;}
    .content-text.infoshow p span{font-size: 16px !important;}
    :root{--fz-24: 21px;}
}
@media(max-width: 991px){
    .p-tb60{padding: 30px 0;}
    .p-t60{padding-top: 30px;}
    .p-b60{padding-bottom: 30px;}
    .p-tb40{padding: 20px 0;}
    .p-lr5{padding: 0 10px;}
    .p-lr10{padding: 0 5px;}
    .m-t60{margin-top: 30px;}
    .m-t40{margin-top: 20px;}
    .m-t20{margin-top: 10px;}
    .rowt20{margin-top: -10px;}
    .fz-48{font-size: 32px;}
    .fz-36{font-size: 26px;}
    .fz-24{font-size: 18px;}
    .fz-20{font-size: 16px;}
    .fz-16{font-size: 13px;}
    .content-text{font-size: 13px;}
    .content-text.infoshow{font-size: 14px !important;}
    .content-text.infoshow p span{font-size: 14px !important;}
    :root{--fz-24: 18px;}
}


.homeProductsBg{background: url('../images/prohome.jpg') no-repeat top center/cover;}
.applicationItem .itemtitle{width: 100%;color: #fff;position: absolute;top: 0;left: 0;z-index: 9;}
.applicationItem .applicationbox{width: 100%;text-align: center;position: absolute;top: 160px;left: 0;z-index: 9;}
.applicationItem .applicationbox .applicationswiperyou .swiper-slide span{display: block;cursor: pointer;line-height: 1.5;height: 3em;overflow: hidden;color: #fff;}
.applicationItem .applicationbox .applicationswiperyou .swiper-slide-thumb-active span{display: block;font-weight: 700;line-height: 1.5;height: 3em;overflow: hidden;}
.applicationItem a.applicationlist{display: block;overflow: hidden;position: relative;}
.applicationItem a.applicationlist:after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.36);position: absolute;top: 0;left: 0;z-index: 3;}
.applicationItem a.applicationlist .condesctop{width: 100%;position: absolute;top: 280px;left: 0;z-index: 6;}
.applicationItem a.applicationlist .contextwidth{max-width: 660px;color: #fff;}
.applicationItem a.applicationlist .contextwidth .desc{color: rgba(255,255,255,0.7);line-height: 1.8;-webkit-line-clamp: 6;height: 10.8em;}
.applicationItem .swiperprevnext.cnxh .workprev{left: 1rem;}
.applicationItem .swiperprevnext.cnxh .worknext{right: 1rem;}
.moredetails{width: 175px;height: 50px;padding: 0 35px;background: #34a444;color: #fff;border-radius: 30px;display: flex;align-items: center;justify-content: space-between;}
.moredetails:hover{background: #ff1010;color: #fff;}
.moredetails img{height: 5px;}
.infoflexcenter{display: flex;justify-content: center;}

ul.mainNews>li{border-top: 1px solid #d6d6d6;position: relative;z-index: 2;}
ul.mainNews>li:last-child{border-bottom: 1px solid #d6d6d6;}
ul.mainNews>li:after{content: "";width: 0;height: 100%;background: #f7f8f9;position: absolute;top: 0;left: 50%;transform: translateX(-50%);z-index: -1;transition: all 0.5s;}
ul.mainNews>li:hover:after{width: 100%;}
ul.mainNews>li:before{content: "";width: 53px;height: 5px;background: url('../images/black.png') no-repeat center/100%;position: absolute;top: 50%;transform: translateY(-50%);right: 40px;z-index: 8;}
ul.mainNews>li>a{display: block;padding: 15px 0;min-height: 90px;display: flex;align-items: center;}
ul.mainNews>li>a .title{width: 50%;max-width: 480px;line-height: 1.5;-webkit-line-clamp: 2;max-height: 3em;color: #333;}
ul.mainNews>li>a .time{width: 100px;margin-left: 20px;color: #333;}
ul.mainNews>li:hover>a .title{padding-left: 40px;font-weight: 700;color: #34a444;}
.wrap_new_item .pic_img_you{width: 4.8rem;background: #fff;box-shadow: 4px 12px 24px rgba(0,0,0,0.24);position: absolute;right: 2rem;top: 0.6rem;z-index: 9;}
.wrap_new_item .pic_img_you a{display: block;height: 3rem;overflow: hidden;position: relative;}
.wrap_new_item .pic_img_you a:hover img{transform: scale(1.08);}

@media(max-width: 1440px){
    .applicationItem .applicationbox{top: 135px;}
    .applicationItem a.applicationlist .condesctop{top: 240px;}
    .applicationItem .swiperprevnext.cnxh .workprev{right: 0.6rem;}
    .applicationItem .swiperprevnext.cnxh .worknext{right: 0.6rem;}

    ul.mainNews>li:before{width: 42px;height: 4px;right: 30px;}
    ul.mainNews>li>a{padding: 10px 0;min-height: 70px;}
    ul.mainNews>li>a .title{width: 50%;max-width: 400px;}
    ul.mainNews>li:hover>a .title{padding-left: 20px;}
    ul.mainNews>li>a .title{max-width: 420px;}
    .wrap_new_item .pic_img_you{width: 6rem;top: 0.4rem;right: 1.6rem;}
    .wrap_new_item .pic_img_you a{height: 4rem;}
}
@media(max-width: 1230px){
    .applicationItem .applicationbox{top: 105px;}
    .applicationItem a.applicationlist .condesctop{top: 200px;}
    .moredetails{width: 145px;height: 40px;padding: 0 30px;}
    .moredetails img{height: 4px;}
}
@media(max-width: 991px){
    ul.mainNews>li:before,.wrap_new_item .pic_img_you{display: none;}
    ul.mainNews>li>a{min-height: 72px;}
    ul.mainNews>li>a .title{width: 100%;max-width: 100%;padding-right: 90px;}
    ul.mainNews>li>a .time{width: auto;position: absolute;right: 0;}
    ul.mainNews>li:hover>a .title{padding-left: 10px;}
}
@media(max-width: 768px){
    .applicationItem a.applicationlist{height: 20rem;max-height: 600px;}
    .applicationItem a.applicationlist .condesctop{top: 120px;padding: 0 20px;}
    .applicationItem .swiperprevnext.cnxh .workprev{left: 10px;}
    .applicationItem .swiperprevnext.cnxh .worknext{right: 10px;}
    .applicationItem a.applicationlist .contextwidth .desc{-webkit-line-clamp: 4;height: 7.4em;}
    .applicationItem .applicationbox{display: none;}
    .moredetails{width: 120px;height: 36px;padding: 0 20px;}
    .moredetails img{height: 3px;}
}

.rowFlexWrap{display: flex;flex-wrap: wrap;}
.spaceBetween{justify-content: space-between;}
.br12{border-radius: 12px;overflow: hidden;}
.aboutusBg.top{margin-top: 1px;}
.aboutusBg{background: url('../images/aboutus1.png') #f7f8f9 no-repeat bottom center/cover;color: #fff;}
.aboutusBg .aboutusWrap{display: flex;flex-wrap: wrap;background: #fff;box-shadow: 1px 3px 15px rgba(0,0,0,0.08);}
.aboutusBg .aboutusWrap .content{width: 33.33%;padding: 20px;border-right: 1px solid #e7e7e7;color: #333;}
.aboutusBg .aboutusWrap .content .title{margin-bottom: 6px;line-height: 1.25;color: #34a444;}
.aboutusBg .aboutusWrap .content:nth-child(1){border-bottom: 1px solid #e7e7e7;}
.aboutusBg .aboutusWrap .content:nth-child(2){border-bottom: 1px solid #e7e7e7;}
.aboutusBg .aboutusWrap .content:nth-child(3){border-right: none;border-bottom: 1px solid #e7e7e7;}
.aboutusBg .aboutusWrap .content:nth-child(6){border-right: none;}
.aboutusBg .aboutusInfo{max-width: 1080px;margin: auto;color: #fff;}

.qualityBg .topname{width: 100%;color: #fff;position: absolute;top: 0;left: 0;z-index: 9;}
.qualityBg .qualityBox{width: 100%;height: 7.2rem;position: relative;}
.qualityBg .qualityBox .isln1{width: 100%;left: 0;position: absolute;top: 50%;transform: translateY(-50%);z-index: 9;}
.qualityBg .qualityBox .isln1 ul{width: 100%;display: flex;flex-wrap: wrap;}
.qualityBg .qualityBox .isln1 ul>li{width: 12.5%;height: 5.1rem;background: url('../images/bg.png') no-repeat center/100%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: 1s;}
.qualityBg .qualityBox .isln1 ul>li>span{width: 32px;line-height: 1;text-align: center;color: rgba(255,255,255,0.5);}
.qualityBg .qualityBox .isln1 ul>li.cur{background-image: url('../images/bgcur.png');transition: 1s;}
.qualityBg .qualityBox .isln1 ul>li.cur>span{font-weight: 700;color: #fff;}
.qualityBg .qualityswiper,.qualityBg .qualityswiper .img,.qualityBg .qualityswiper .pic{width: 100%;height: 100%;position: relative;}
.qualityBg .qualityswiper .pic{background-repeat: no-repeat;background-position: center center;background-size: cover;}
.qualityBg .qualityswiper .swiper-slide-active .img .pic{animation: srmgani 4s 1 ease forwards;}
.qualityBg .index-banner-swiper .swiper-slide-active .img .pic.ani{animation: srmgani 4s 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.0);} 100%{transform:scale(1.05);}}

.swiperprevnext .swiper-button-prev,.swiperprevnext .swiper-button-next{width: 26px;height: 46px;background: #34a444;margin: 0;top: 50%;transform: translateY(-50%);}
.swiperprevnext .swiper-button-prev:after,.swiperprevnext .swiper-button-next:after{font-size: 20px;color: #fff;}
.swiperprevnext .swiper-button-prev:hover,.swiperprevnext .swiper-button-next:hover{background: #ff1010;}
.swiperprevnext .swiper-button-prev{left: -46px;}
.swiperprevnext .swiper-button-next{right: -46px;}

a.empowerment{display: block;position: relative;}
a.empowerment:after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.36);position: absolute;top: 0;left: 0;}
a.empowerment .endtest{width: 100%;padding: 40px;color: #fff;position: absolute;top: 0;left: 0;z-index: 5;}
a.empowerment .endtest .details span{display: inline-block;margin-top: 10px;padding: 2px 0;border-bottom: 1px solid #fff;}
a.empowerment:hover img{transform: scale(1.08);}
.globalLayout{display: flex;align-items: flex-end;justify-content: space-between;}
.globalLayout .contxtzuo{width: 360px;}
.globalLayout .contxtzuo .top{margin-top: 40px;color: #34a444;}
.globalLayout .picimgyou{width: calc(100% - 360px);max-width: 835px;}

.haveCommonGoal{background: url('../images/aboutbg.jpg') #f7f8f9 no-repeat top center/100%;}
.haveCommonGoal .goalInfo{max-width: 960px;color: #fff;}
.qywhslideBox{color: #fff;position: relative;}
.qywhslideBox .title{width: 100%;padding: 40px 60px;position: absolute;top: 0;left: 0;}
.swiperprevnext .newswiper,.swiperprevnext .productswiper{padding: 10px;}

.newswiper a.newsInfo{display: block;background: #fff;box-shadow: 0 2px 12px rgba(0,0,0,0.16);}
.newswiper a.newsInfo .picimg{height: 230px;overflow: hidden;}
.newswiper a.newsInfo .contxt{padding: 30px;}
.newswiper a.newsInfo .contxt .title{color: #333;}
.newswiper a.newsInfo .contxt .time{color: #333;}
.newswiper a.newsInfo:hover{box-shadow: 0 2px 12px rgba(52,164,68,0.32);}
.newswiper a.newsInfo:hover .picimg img{transform: scale(1.08);}
.newswiper a.newsInfo:hover .contxt .title{color: #34a444;}

@media(min-width: 992px){
    ul.partnerul li{width: 20%;border-bottom: 1px solid #d7d7d7;border-left: 1px solid #d7d7d7;}
    ul.partnerul li:nth-child(5n){border-right: 1px solid #d7d7d7;}
    ul.partnerul li:nth-child(1){border-top: 1px solid #d7d7d7;}
    ul.partnerul li:nth-child(2){border-top: 1px solid #d7d7d7;}
    ul.partnerul li:nth-child(3){border-top: 1px solid #d7d7d7;}
    ul.partnerul li:nth-child(4){border-top: 1px solid #d7d7d7;}
    ul.partnerul li:nth-child(5){border-top: 1px solid #d7d7d7;}
}
@media(max-width: 1440px){
    .br12{border-radius: 9px;}
    .aboutusBg .aboutusWrap .content{padding: 0.25rem;}
    a.empowerment .endtest{padding: 30px;}
    .globalLayout .contxtzuo .top{margin-top: 26px;}
    .globalLayout .picimgyou{max-width: 715px;}
    .qywhslideBox .title{padding: 30px 45px;}

    .swiperprevnext .swiper-button-prev,.swiperprevnext .swiper-button-next{width: 22px;height: 40px;}
    .swiperprevnext .swiper-button-prev:after,.swiperprevnext .swiper-button-next:after{font-size: 16px;}
    .swiperprevnext .swiper-button-prev{left: -36px;}
    .swiperprevnext .swiper-button-next{right: -36px;}
}
@media(max-width: 991px){
    .br12{border-radius: 6px;}
    .aboutusBg .aboutusWrap{padding: 0;}
    .aboutusBg .aboutusWrap .content{width: 50%;padding: 10px;}
    .aboutusBg .aboutusWrap .content:nth-child(2){border-right: none;}
    .aboutusBg .aboutusWrap .content:nth-child(3){border-right: 1px solid #e7e7e7;}
    .aboutusBg .aboutusWrap .content:nth-child(4){border-right: none;border-bottom: 1px solid #e7e7e7;}
    .qualityBg .topname{position: static;color: #333;}
    a.empowerment .endtest{padding: 20px;}
    a.empowerment .endtest .details span{margin-top: 5px;}
    .globalLayout{display: block;}
    .globalLayout .globalwrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .globalLayout .globalwrap .itembox{width: 31.3%;text-align: center;}
    .globalLayout .contxtzuo,.globalLayout .picimgyou{width: 100%;max-width: 100%;}
    
    .haveCommonGoal{background-size: cover;}
    .swiperprevnext .swiper-button-prev,.swiperprevnext .swiper-button-next{width: 18px;height: 30px;}
    .swiperprevnext .swiper-button-prev:after,.swiperprevnext .swiper-button-next:after{font-size: 12px;}
    .swiperprevnext .swiper-button-prev{left: 0;}
    .swiperprevnext .swiper-button-next{right: 0;}

    ul.partnerul li{width: 50%;border-bottom: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7;}
    ul.partnerul li:nth-child(2n+1){border-left: 1px solid #d7d7d7;}
    ul.partnerul li:nth-child(1){border-top: 1px solid #d7d7d7;}
    ul.partnerul li:nth-child(2){border-top: 1px solid #d7d7d7;}
    /*ul.partnerul li:nth-child(3){border-top: 1px solid #d7d7d7;}*/
    .qywhslideBox .title{padding: 20px 30px;}
    .newswiper a.newsInfo .contxt{padding: 15px;}
}


a.latestUpdate{display: block;background: #fff;}
a.latestUpdate .imgtop{width: 100%;height: 400px;}
a.latestUpdate .conend{padding: 30px 60px;color: #333;}
a.latestUpdate .conend .desc{margin-top: 10px;line-height: 1.6;-webkit-line-clamp: 2;height: 3.2em;}
a.latestUpdate:hover{box-shadow: 0 4px 16px rgba(0,0,0,0.12);}
a.latestUpdate:hover .imgtop img{transform: scale(1.08);}
a.latestUpdate:hover .conend .title{color: #34a444;}

.navsLine{border-bottom: 1px solid #dedfe0;}
.navsLine ul.navsbox{font-size: 0;}
.navsLine ul.navsbox>li{width: 16.66%;display: inline-block;padding-bottom: 20px;position: relative;}
.navsLine ul.navsbox>li>a{display: inline-block;color: #333;cursor: pointer;}
.navsLine ul.navsbox>li:after{content: "";opacity: 0;width: 16px;height: 16px;background: rgba(52,164,68,0.36);border-radius: 50px;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);}
.navsLine ul.navsbox>li:before{content: "";opacity: 0;width: 6px;height: 6px;background: #34a444;border-radius: 50px;position: absolute;bottom: -5px;left: 50%;transform: translateX(-50%);}
.navsLine ul.navsbox>li>a:hover{font-weight: 700;color: #34a444;}
.navsLine ul.navsbox>li.active>a{font-weight: 700;font-size: var(--fz-24);color: #34a444;}
.navsLine ul.navsbox>li.active:after,.navsLine ul.navsbox>li.active:before{opacity: 1;}

a.news_list_item{display: block;background: #fff;}
a.news_list_item.solution{background: #f7f8f9;}
a.news_list_item.solution .imgtop{height: 275px;}
a.news_list_item .imgtop{height: 235px;}
a.news_list_item .conend{padding: 20px;}
a.news_list_item .conend .title{color: #333;}
a.news_list_item .conend .desc{margin-top: 10px;color: #999;line-height: 1.75;-webkit-line-clamp: 2;height: 3.5em;}
a.news_list_item .conend .flextime{margin-top: 30px;padding-top: 20px;border-top: 1px solid #d7d7d7;color: #333;display: flex;align-items: center;justify-content: space-between;}
a.news_list_item .conend .flextime span{color: #34a444;}
a.news_list_item:hover{box-shadow: 0 4px 16px rgba(0,0,0,0.12);}
a.news_list_item:hover .imgtop img{transform: scale(1.08);}
a.news_list_item:hover .conend .title{color: #34a444;}

.everyoneWatch{background: url('../images/endbg.png') #f7f8f9 no-repeat top center/cover;}
.everyoneWatch .watch-width{width: 100%;padding: 40px 0;background: #fff;box-shadow: 0 4px 16px rgba(0,0,0,0.16);}
.everyoneWatch .watch-width .swiperprevnext .swiper-button-prev{left: 0;}
.everyoneWatch .watch-width .swiperprevnext .swiper-button-next{right: 0;}
.everyoneWatch .everyoneitem{padding-left: 340px;position: relative;}
.everyoneWatch .everyoneitem .name_top_you{width: 340px;padding: 0 40px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.everyoneWatch .everyoneitem .name_top_you .name{color: #34a444;}
.everyoneWatch .everyoneitem .name_top_you .desctxt{color: #b7b7b7;}
.watchswiper .swiper-slide a.watchItem{display: block;padding: 0 20px;position: relative;}
.watchswiper .swiper-slide a.watchItem:before{content: "";width: 1px;height: 50%;background: #e7e7e7;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.watchswiper .swiper-slide a.watchItem .title{color: #333;}
.watchswiper .swiper-slide a.watchItem:hover img{transform: scale(1.08);}
.watchswiper .swiper-slide a.watchItem:hover .title{color: #34a444;}
.watchswiper .swiper-slide-active a.watchItem:before{display: none;}

.locationItem{padding: 15px 0;background: #f5f6f9;}
.locationItem ul.siteul>li,.locationItem ul.siteul>li>a{display: inline;color: #333;}
.locationItem ul.siteul>li>span{margin: 0 2px;font-family: '宋体';color: #333;}
.locationItem ul.siteul>li>a:hover{color: #34a444;}

.widthDetailsZuo{width: calc(100% - 370px);padding-right: 20px;}
.widthDetailsZuo .contentWidth{padding: 60px;background: #fff;}
.widthDetailsZuo .time-hits{color: #999;}
.widthDetailsZuo .time-hits span{margin-left: 15px;}
.showcontentEnd.cur{display: flex;align-items: center;justify-content: space-between;}
.showcontentEnd.cur.on{border: 1px solid #d7d7d7;}
.showcontentEnd{margin-top: 10px;padding: 10px 60px;background: #fff;}
.showcontentEnd.taglabel a{color: #333;margin-right: 10px;}
.showcontentEnd.taglabel a:hover{color: #34a444;}
.showcontentEnd .prevnext{width: calc(50% - 80px);}
.showcontentEnd .prevnext:last-child{text-align: right;}
.showcontentEnd .prevnext a,.showcontentEnd .returntolist a{color: #333;}
.showcontentEnd .prevnext span{color: #999;}
.showcontentEnd .prevnext a:hover,.showcontentEnd .returntolist a:hover{color: #34a444;}
.widthDetailsYou{width: 370px;}
.widthDetailsYou .rightlist{padding: 30px 20px 10px;background: #fff;}
.widthDetailsYou .rightlist .topname{padding-left: 20px;line-height: 1;color: #34a444;position: relative;}
.widthDetailsYou .rightlist .topname:after{content: "";width: 4px;height: 100%;background: #34a444;border-radius: 50px;position: absolute;top: 0;left: 0;}
.widthDetailsYou .rightlist a.newsyoutop{display: block;height: 160px;overflow: hidden;position: relative;}
.widthDetailsYou .rightlist a.newsyoutop .title{width: 100%;padding: 8px 50px 8px 20px;background: rgba(0,0,0,0.5);color: #fff;position: absolute;left: 0;bottom: 0;}
.widthDetailsYou .rightlist a.newsyoutop .title span{position: absolute;top: 50%;transform: translateY(-50%);right: 20px;}
.widthDetailsYou .rightlist a.newsyoutop:hover img{transform: scale(1.08);}
.widthDetailsYou .rightlist a.newsyouend{display: block;padding: 20px 0 20px 20px;color: #333;border-bottom: 1px solid #e7e7e7;position: relative;}
.widthDetailsYou .rightlist a.newsyouend:last-child{border-bottom: none;}
.widthDetailsYou .rightlist a.newsyouend:after{content: "";width: 6px;height: 6px;background: #34a444;border-radius: 50px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.widthDetailsYou .rightlist a.newsyouend span{margin-right: 20px;}
.widthDetailsYou .rightlist a.newsyouend:hover{color: #34a444;}
.widthDetailsYou .rightlist a.newsyouend.active{color: #34a444;}

.videoItem{cursor: pointer;position: relative;}
.videoItem .name{width: 116px;line-height: 34px;background: #34a444;color: #fff;border-radius: 20px;position: absolute;bottom: 30px;right: 50px;}
.videoItem .name span{display: inline-block;padding-left: 24px;background: url('../images/play.png') no-repeat left center/18px;}
.videoItem:hover{box-shadow: 0 4px 16px rgba(0,0,0,0.12);}
.videoItem:hover img{transform: scale(1.08);}
.videobg{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.95);z-index: 1000;}
.videobg .videodesc{width: 100%;max-width: 1000px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1001;}
.videobg .btnclose{width: 24px;height: 24px;background: url('../images/close.png') no-repeat center/100%;cursor: pointer;position: absolute;top: 10px;right: 10px;z-index: 9;}
.brandStoryBg{background: url('../images/brandbg.jpg') no-repeat top center/cover;}
.brandStoryBg .brandvideo{font-size: 0;overflow: hidden;cursor: pointer;position: relative;}
.brandStoryBg .brandvideo .videopicimg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 6;}
.brandStoryBg .brandvideo .getclose{width: 24px;height: 24px;background: url(../images/close.png) no-repeat center/100%;cursor: pointer;position: absolute;top: 10px;right: 10px;}
.brandStoryBg .brandvideo .videopicimg:hover img{transform: scale(1.08);}
.brandStoryBg .brandvideo .videopicimg:before{content: "";width: 78px;height: 78px;background: url('../images/play.png') no-repeat center/100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9;}
.videoListItem{width: 100%;height: 100%;background: #f7f8f9;cursor: pointer;display: flex;flex-wrap: wrap;}
.videoListItem .imgtop{width: 50%;height: 100%;overflow: hidden;position: relative;}
.videoListItem .imgtop:before{content: "";width: 45px;height: 45px;background: url('../images/play.png') no-repeat center/100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9;}
.videoListItem .conend{width: 50%;padding: 40px;}
.videoListItem .conend .title{color: #333;line-height: 1.5;-webkit-line-clamp: 2;height: 3em;}
.videoListItem .conend .desc{margin-top: 10px;color: #999;line-height: 1.6;-webkit-line-clamp: 4;height: 6.4em;}
.videoListItem:hover{box-shadow: 0 4px 16px rgba(0,0,0,0.12);}
.videoListItem .imgtop:hover img{transform: scale(1.08);}
.videoListItem:hover .conend .title{color: #34a444;}

.contactusInfo{height: 100%;padding: 50px 30px;box-shadow: 0 2px 12px rgba(0,0,0,0.12);}
.contactusInfo .picimg{width: 58px;margin: auto;}
.contactusInfo .title{line-height: 1;}
.contactusInfo .item{width: 50%;padding: 5px;}
.contactusInfo .item a{color: #004dba;border-bottom: 1px solid #004dba;}
.contactusInfo .item a:hover{color: #34a444;border-color: #34a444;}
.companyAddress{height: 100%;background: #fff;}
.companyAddress .contxt{padding: 30px;}
.companyAddress .contxt .title{display: flex;align-items: center;color: #34a444;}
.companyAddress .contxt .title .imgs{width: 28px;margin-right: 12px;}

.messageForm .problemtype{padding-left: 240px;position: relative;}
.messageForm .problemtype .name{width: 240px;height: 50px;line-height: 50px;padding: 0 20px;background: #34a444;color: #fff;position: absolute;top: 0;left: 0;}
.messageForm .select{width: 100%;height: 50px;padding: 0 20px;border: 1px solid #e7e7e7;}
.messageForm .input{width: 100%;height: 50px;padding: 0 20px;border: 1px solid #e7e7e7;}
.messageForm .content{width: 100%;height: 160px;padding: 20px;border: 1px solid #e7e7e7;}
.messageForm .select:focus,.messageForm .input:focus,.messageForm .content:focus{border-color: #34a444;}
.messageForm .submit{margin: 30px auto 0;display: block;width: 245px;height: 50px;background: #34a444;color: #fff;}
.messageForm .submit:hover{background: #ff1010;}

@media(max-width: 1440px){
    a.latestUpdate .imgtop{height: 335px;}
    a.latestUpdate .conend{padding: 20px 45px;}
    a.news_list_item .imgtop{height: 185px;}
    a.news_list_item.solution .imgtop{height: 220px;}
    a.news_list_item .conend{padding: 15px;}
    a.news_list_item .conend .flextime{margin-top: 15px;padding-top: 15px;}
    .everyoneWatch .watch-width{padding: 30px 0;}
    .everyoneWatch .everyoneitem{padding-left: 300px;}
    .everyoneWatch .everyoneitem .name_top_you{width: 300px;padding: 0 30px;}

    .widthDetailsZuo{width: calc(100% - 300px);}
    .widthDetailsZuo .contentWidth{padding: 45px}
    .widthDetailsZuo .time-hits span{margin-left: 15px;}
    .showcontentEnd{margin-top: 10px;padding: 10px 45px;}
    .widthDetailsYou{width: 300px;}
    .widthDetailsYou .rightlist{padding: 20px 15px 5px;}
    .widthDetailsYou .rightlist .topname{padding-left: 15px;}
    .widthDetailsYou .rightlist a.newsyoutop .title{padding: 8px 50px 8px 15px;}
    .widthDetailsYou .rightlist a.newsyouend{padding: 15px 0 15px 15px;}
    .widthDetailsYou .rightlist a.newsyouend span{margin-right: 15px;}

    .videoItem .name{width: 108px;bottom: 20px;right: 30px;}
    .brandStoryBg .brandvideo .videopicimg:before{width: 64px;height: 64px;}
    .videoListItem .imgtop:before{width: 40px;height: 40px;}
    .videoListItem .conend{padding: 30px;}
    .contactusInfo{height: 100%;padding: 36px 24px;}
    .companyAddress .contxt{padding: 20px;}
    .companyAddress .contxt .title .imgs{width: 24px;margin-right: 9px;}
    .messageForm .problemtype{padding-left: 180px;}
    .messageForm .problemtype .name{width: 180px;height: 45px;line-height: 45px;}
    .messageForm .select,.messageForm .input{height: 45px;}
    .messageForm .content{height: 125px;}
    .messageForm .submit{width: 200px;height: 45px;}
}
@media(max-width: 991px){
    .navsLine ul.navsbox{white-space: nowrap;overflow-x: auto;}
    .navsLine ul.navsbox>li{width: auto;margin-right: 20px;}
    .navsLine ul.navsbox>li:last-child{margin-right: 0;}
    .navsLine ul.navsbox>li:after{width: 12px;height: 12px;bottom: 0;}
    .navsLine ul.navsbox>li:before{width: 4px;height: 4px;bottom: 4px;}
    .everyoneWatch .watch-width{padding: 20px 0;}
    .everyoneWatch .everyoneitem{padding-left: 235px;}
    .everyoneWatch .everyoneitem .name_top_you{width: 235px;padding: 0 20px;}

    a.latestUpdate .conend{padding: 20px;}
    a.latestUpdate .imgtop{height: 6rem;}
    a.news_list_item .imgtop{height: 6rem;}
    a.news_list_item.solution .imgtop{height: 6.75rem;}
    .widthDetailsZuo{width: 100%;padding: 0;}
    .widthDetailsZuo .contentWidth{padding: 15px;background: #fff;}
    .showcontentEnd{padding: 8px 15px;}
    .showcontentEnd.cur{display: block;line-height: 2;}
    .showcontentEnd .prevnext{width: 100%;}
    .showcontentEnd .prevnext:last-child{text-align: left;}
    .showcontentEnd .returntolist,.widthDetailsYou{display: none;}

    .brandStoryBg .brandvideo .videopicimg:before{width: 42px;height: 42px;}
    .videoListItem .imgtop{width: 100%;height: auto;}
    .videoListItem .imgtop:before{width: 35px;height: 35px;}
    .videoListItem .conend{width: 100%;padding: 20px;}
    .contactusInfo{padding: 25px 15px;}
    .contactusInfo .picimg{width: 42px;}
    .companyAddress .contxt .title .imgs{width: 20px;margin-right: 6px;}
    .messageForm .problemtype{padding-left: 100px;}
    .messageForm .problemtype .name{width: 100px;height: 36px;line-height: 36px;padding: 0 10px;}
    .messageForm .select,.messageForm .input{height: 36px;padding: 0 10px;}
    .messageForm .content{;height: 120px;padding: 10px;}
    .messageForm .submit{margin: 20px auto 0;width: 124px;height: 36px;}
}
@media(max-width: 768px){
    .locationItem{padding: 10px 0;}
    a.latestUpdate .imgtop{height: 10rem;}
    a.news_list_item .imgtop{height: 10rem;}
    a.news_list_item.solution .imgtop{height: 10.75rem;}
    .everyoneWatch .everyoneitem{padding: 0;}
    .everyoneWatch .everyoneitem .name_top_you{width: 100%;margin-bottom: 20px;position: static;transform: none;}

    .videoItem .name{width: 90px;line-height: 28px;bottom: 15px;right: 15px;}
    .videoItem .name span{padding-left: 20px;background-size: 14px;}
    .videobg .btnclose{width: 18px;height: 18px;top: 6px;right: 6px;}
}


.rowcases .caselistItem{display: flex;align-items: flex-start;border-bottom: 1px solid #e7e7e7;}
.rowcases .caselistItem:first-child{padding-top: 0;}
.rowcases .caselistItem .pic_img_you{display: block;width: 368px;height: 234px;}
.rowcases .caselistItem .con_txt_zuo{width: calc(100% - 368px);padding-left: 40px;}
.rowcases .caselistItem .con_txt_zuo .title a{font-weight: 700;color: #333;}
.rowcases .caselistItem .con_txt_zuo .description{margin-top: 10px;color: #999;line-height: 1.6;-webkit-line-clamp: 2;height: 3.2em;}
.rowcases .caselistItem .con_txt_zuo a.details{display: block;width: 116px;line-height: 34px;background: #34a444;color: #fff;border-radius: 20px;}
.rowcases .caselistItem .pic_img_you:hover img{transform: scale(1.08);}
.rowcases .caselistItem .con_txt_zuo .title a:hover{color: #34a444;}
.rowcases .caselistItem .con_txt_zuo a.details:hover{background: #ff1010;}

.productsBg{background: url('../images/productbg.jpg') no-repeat top center/cover;}
a.wntjcontent{display: block;overflow: hidden;position: relative;}
a.wntjcontent .title{padding: 10px;width: 100%;position: absolute;bottom: 0;left: 0;transform: translateY(80px);background: #34a444;color: #fff;}
a.wntjcontent:hover img{transform: scale(1.08);}
a.wntjcontent:hover .title{transform: translateY(0);}
.swiperprevnext.cnxh .cnxhswiper{margin: -15px;padding: 15px;}
.swiperprevnext.cnxh .swiper-button-prev{left: 10px;background: rgba(255,255,255,0.36);}
.swiperprevnext.cnxh .swiper-button-next{right: 10px;background: rgba(255,255,255,0.36);}
.swiperprevnext.cnxh .swiper-button-next:after,.swiperprevnext.cnxh .swiper-button-prev:after{color: #666;}
.swiperprevnext.cnxh .swiper-button-prev:hover,.swiperprevnext.cnxh .swiper-button-next:hover{background: #34a444;}
.swiperprevnext.cnxh .swiper-button-next:hover:after,.swiperprevnext.cnxh .swiper-button-prev:hover:after{color: #fff;}
.swiperprevnext.cnxh a.cnxhcontent{display: block;box-shadow: 0 4px 12px rgba(0,0,0,0.24);}
.swiperprevnext.cnxh a.cnxhcontent:hover img{transform: scale(1.08);}

a.productsItem{display: block;padding: 20px;background: #fff;border: 1px solid #d7d7d7;}
a.productsItem .title{color: #333;line-height: 1.5;-webkit-line-clamp: 2;height: 3em;}
a.productsItem .desc{color: #666;line-height: 1.75;-webkit-line-clamp: 2;height: 3.5em;}
a.productsItem:hover{box-shadow: 0 4px 12px rgba(0,0,0,0.12);}
a.productsItem:hover img{transform: scale(1.08);}
a.productsItem:hover .title{color: #34a444;}

.cases_content_zuo a.zuolist{display: block;height: 100%;overflow: hidden;position: relative;}
.cases_content_zuo a.zuolist:before,.cases_display_you a.youitem:before{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: absolute;top: 0;left: 0;z-index: 6;}
.cases_content_zuo a.zuolist .content{width: 100%;padding: 20px;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.75));position: absolute;left: 0;bottom: 0;z-index: 9;}
.cases_content_zuo a.zuolist .content .title{color: #fff;}
.cases_content_zuo a.zuolist .content .desc{max-width: 720px;color: #fff;line-height: 1.75;-webkit-line-clamp: 2;max-height: 3.5em;}
.cases_content_zuo a.zuolist:hover img{transform: scale(1.08);}
.cases_display_you a.youitem{display: block;overflow: hidden;position: relative;}
.cases_display_you a.youitem .content{width: 100%;padding: 15px;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.75));position: absolute;left: 0;bottom: 0;z-index: 9;}
.cases_display_you a.youitem .content .title{color: #fff;line-height: 1.5;-webkit-line-clamp: 2;max-height: 3em;}
.cases_display_you a.youitem:hover img{transform: scale(1.08);}

.work_show_img_zuo{width: 40%;}
.work_show_con_you{width: 55%;}
.swiperprevnext.show .swiper-button-prev{left: 0;}
.swiperprevnext.show .swiper-button-next{right: 0;}
.workswipertop .swiper-slide{border: 1px solid #d7d7d7;}
.workswiperend .swiper-slide{cursor: pointer;border: 1px solid #d7d7d7;}
.workswiperend .swiper-slide-thumb-active{border-color: #34a444;}
.dnkslj-video{position: relative;cursor: pointer;overflow: hidden;}
.dnkslj-video:hover img{transform: scale(1.08);}
.dnkslj-video:after{content: "";width: 60px;height: 60px;border-radius: 50%;background: url('../images/play.png') #34a444 no-repeat center/100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.productDetailshow{height: 100%;padding: 60px 20px;text-align: center;background: #fff;box-shadow: 0 2px 12px rgba(0,0,0,0.24);}
.productDetailshow img.imgs{max-width: 100%;height: 80px;}
.productRendering{padding: 10px 0 10px 390px;}
.productRendering .renderingzuo{width: 370px;height: 100%;position: absolute;top: 0;left: 0;}
.productRendering .renderingzuo .productswiperyou{height: 100%;}
.productRendering .renderingzuo .productswiperyou .swiper-slide{padding: 10px 0;height: 33.33%;}
.productRendering .renderingzuo .productswiperyou .swiper-slide .picimg{height: 100%;cursor: pointer;}
.productsWroks .title{width: 100%;padding: 10px 20px;background: rgba(52,164,68,0.6);color: #fff;position: absolute;bottom: 0;left: 0;z-index: 99;}

ul.mainProductsClass{font-size: 0;}
ul.mainProductsClass>li{display: inline-block;margin: 0 40px;}
ul.mainProductsClass>li>a{display: block;line-height: 1.3;color: #999;cursor: pointer;position: relative;z-index: 9;}
ul.mainProductsClass>li>a:after{content: "";opacity: 0;width: 100%;height: 10px;background: #34a444;border-radius: 50px;position: absolute;bottom: 0;left: 0;z-index: -1;}
ul.mainProductsClass>li.active>a,ul.mainProductsClass>li:hover>a{color: #333;}
ul.mainProductsClass>li.active>a:after{opacity: 1;}

a.latestNews{display: flex;align-items: center;border: 2px solid #f7f8f9;background: #f7f8f9;}
a.latestNews .contxt{width: calc(100% - 290px);padding: 15px 60px 15px 30px;}
a.latestNews .contxt .title{color: #333;margin-bottom: 12px;}
a.latestNews .contxt .desc{color: #999;line-height: 1.7;-webkit-line-clamp: 2;max-height: 3.4em;}
a.latestNews .picimg{width: 290px;height: 180px;}
a.latestNews{display: flex;align-items: center;background: #f7f8f9;}
a.latestNews .contxt{width: calc(100% - 290px);padding: 15px 60px 15px 30px;}
a.latestNews .contxt .title{color: #333;margin-bottom: 10px;}
a.latestNews .contxt .desc{color: #999;line-height: 1.75;-webkit-line-clamp: 2;max-height: 3.5em;}
a.latestNews .picimg{width: 290px;height: 180px;}
a.latestNews:hover{box-shadow: 0 4px 12px rgba(0,0,0,0.12);}
a.latestNews:hover .contxt .title{color: #34a444;}
a.latestNews:hover .picimg img{transform: scale(1.08);}

ul.end_navs_ul{font-size: 0;}
ul.end_navs_ul .name{line-height: 1.6;display: inline-block;vertical-align: top;color: #333;}
ul.end_navs_ul>li{line-height: 1.6;display: inline-block;vertical-align: top;color: #999;padding-right: 8px;margin-right: 10px;position: relative;}
ul.end_navs_ul>li:after{content: "";width: 2px;height: 75%;background: #cdcdcd;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
ul.end_navs_ul>li>a{color: #999;}
ul.end_navs_ul>li:last-child:after{padding: 0;margin: 0;}
ul.end_navs_ul>li:last-child:after{display: none;}
ul.end_navs_ul>li>a:hover{color: #34a444;}
ul.end_navs_ul>li>span{margin: 0 6px;}

.newslistTab{width: 100%;height: 100%;background: #fff;box-shadow: 0 4px 12px rgba(0,0,0,0.08);}
.newslistTab a.picimg_top{display: block;overflow: hidden;position: relative;}
.newslistTab a.picimg_top .name{width: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.75));color: #fff;padding: 20px 20px 10px;position: absolute;left: 0;bottom: 0;}
.newslistTab a.picimg_top:hover img{transform: scale(1.08);}
.newslistTab ul.newsul{padding: 20px;}
.newslistTab ul.newsul>li{line-height: 42px;padding-right: 80px;position: relative;border-bottom: 1px solid #eee;}
.newslistTab ul.newsul.cur>li{padding-right: 0;}
.newslistTab ul.newsul>li:last-child{border-bottom: none;}
.newslistTab ul.newsul>li>.title>a{color: #333;}
.newslistTab ul.newsul>li>.time{font-size: 12px;color: #888;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.newslistTab ul.newsul>li>.title>a:hover{color: #34a444;}

.slideBox .websitemap{background: #efefef;}
.slideBox .websitemap a{display: inline-block;width: 120px;line-height: 40px;text-align: center;font-size: 20px;background: #34a444;color: #fff;}
.slideBox .websitemap a:hover{background: #ff1010;}
.slideBox .weblinks a{font-size: 18px;font-weight: 700;color: #333;}
.slideBox .weblinks a:hover{color: #34a444;}
.slideBox ul.linkul li{margin: 12px 26px 0 0;}
.slideBox ul.linkul li>a{display: block;font-size: 14px;color: #666;padding-left: 12px;position: relative;}
.slideBox ul.linkul li>a:before{content: "";width: 5px;height: 7px;background: url('../images/icon.png') no-repeat left center;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.slideBox ul.linkul li>a:hover{color: #34a444;}

@media(max-width: 1440px){
    .rowcases .caselistItem .pic_img_you{width: 325px;height: 210px;}
    .rowcases .caselistItem .con_txt_zuo{width: calc(100% - 325px);padding-left: 30px;}
    a.productsItem{padding: 15px;}

    .work_show_con_you{padding-left: 4%;}
    .understandShows{margin-top: -120px;}
    .productDetailshow{padding: 45px 20px;}
    .productDetailshow img.imgs{height: 60px;}
    .productRendering{padding: 7px 0 7px 300px;}
    .productRendering .renderingzuo{width: 286px;}
    .productRendering .renderingzuo .productswiperyou .swiper-slide{padding: 7px 0;}

    ul.mainProductsClass>li{margin: 0 30px;}
    ul.mainProductsClass>li>a:after{height: 8px;}
    a.latestNews .contxt{width: calc(100% - 240px);padding: 15px 45px 15px 24px;}
    a.latestNews .picimg{width: 240px;height: 150px;}
}
@media(max-width: 1230px){
    .productRendering{padding: 7px 0 7px 240px;}
    .productRendering .renderingzuo{width: 226px;}
}
@media(max-width: 991px){
    .rowcases .caselistItem .pic_img_you{width: 270px;height: 172px;}
    .rowcases .caselistItem .con_txt_zuo{width: calc(100% - 270px);padding-left: 20px;}
    .rowcases .caselistItem .con_txt_zuo a.details{width: 90px;line-height: 30px;}
    a.productsItem .contxt,.productDetailshow{padding: 20px;}
    .cases_content_zuo a.zuolist .content{padding: 15px;}
    .cases_content_zuo a.zuolist .content .desc{display: none;}
    .cases_display_you a.youitem .content .title{font-size: 18px;font-weight: 700;}
    
    .work_show_img_zuo{width: 100%;}
    .work_show_con_you{width: 100%;padding: 30px 0 0;}
    .workswiperend,.productRendering .renderingzuo{display: none;}
    .understandShows{margin-top: 0;}
    .productDetailshow img.imgs{height: 40px;}
    .productRendering{padding: 0;}
    .productsWroks .title{padding: 6px 12px;}
    ul.mainProductsClass>li{margin: 0 20px;}
}
@media(max-width: 768px){
    .rowcases .caselistItem,a.latestNews{display: block;}
    .rowcases .caselistItem .pic_img_you{width: 100%;height: 10rem;}
    .rowcases .caselistItem .con_txt_zuo{width: 100%;padding: 20px 0 0;}
    ul.mainProductsClass>li{margin: 0 15px;}
    ul.mainProductsClass>li>a:after{height: 6px;}
    a.latestNews .contxt{width: 100%;padding: 20px;}
    a.latestNews .contxt .title{margin-bottom: 6px;}
    a.latestNews .picimg{width: 100%;height: 12rem;}

    .slideBox .websitemap a{width: 100px;line-height: 32px;font-size: 18px;}
    .slideBox .weblinks a{font-size: 16px;}
    .slideBox ul.linkul li{width: 100%;margin: 6px 0 0 0;}
}