/* nyBanner */
.nyBanner{height: 13.33rem;position: relative;color: #FFFFFF;}
.nyBanner .text{height: 100%;display: flex;align-items: center;}
.nyBanner .text .fz40{font-weight:normal;}
.nyBanner .path{position: absolute;left: 50%;bottom: 0.7rem;transform: translateX(-50%);box-sizing: border-box;padding-left: 0.9rem;background: url(../images/icon_path.svg) no-repeat left center;background-size: auto 0.6rem;line-height: 0.93rem;}
.nyBanner .path span{margin: 0 4px;}
.nyBanner .path a:hover{opacity: 0.8;text-decoration: underline;}
.nyBanner1{height: 10.66rem;}
.nyBanner1 .path{bottom: 3.8rem;}
.nyBanner1 .text{display: none;}
.nyBanner2{height: 23.3rem;}

/* bread */
.bread{background: #FFFFFF;border-bottom: 1px solid #D8D8D8;position: sticky;left: 0;top: 3rem;z-index: 8;}
.bread ul li{margin-right: 2rem;}
.bread ul li:last-child{margin-right: 0;}
.bread ul li a{display: block;position: relative;color: #222222;line-height: 2rem;}
.bread ul li a::before{content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: -1px;background: #5DAB73;transform: scale(0, 1);opacity: 0;}
.bread ul li.on a::before,
.bread ul li a:hover::before{transform: scale(1);opacity: 1;}
.bread .btn{display: block;padding: 0 0.8rem;background: #60AD73;border-radius: 0.8rem;color: #FFFFFF;line-height: 1.5rem;}
.bread .btn > div{height: 100%;}
.bread .btn img{margin-right: 8px;}
.bread .btn::after{background: #417A4F;}

/* nyTitle */
.nyTitle{color: #222222;line-height: 1.5;text-align: center;}
.nyTitle.left{text-align: left;}
.nyTitle.white{color: #fff;}

/* p1_1 */
.p1_1 .item1{background-image: linear-gradient(#FAFFFE, #E5EFEC);}
.p1_1 .item1 .nyTitle{margin-bottom: 2rem;}
.p1_1 .item1 .tit{margin-bottom: 1rem;color: #222222;line-height: 0.93rem;padding-left: 0.9rem;background: url(../images/titleIcon.svg) no-repeat left 3px;background-size: auto 0.8rem;}
.p1_1 .item1 .list{margin-bottom: 1.33rem;}
.p1_1 .item1 .list > li{width: 32%;margin-right: 2%;height: 8.4rem;box-sizing: border-box;padding: 0.7rem 0;background: #FFFFFF;border-radius: 12px;border-bottom: 4px solid #5DAB73;}
.p1_1 .item1 .list > li:nth-child(3n){margin-right: 0;}
.p1_1 .item1 .list .wrap{height: 100%;padding: 0 0.66rem;overflow: auto;}
.p1_1 .item1 .list .t{display: flex;color: #222222;line-height: 0.93rem;margin-bottom: 8px;align-items: flex-start;}
.p1_1 .item1 .list .t img{margin-right: 6px;margin-top: 0.1rem;}
.p1_1 .item1 .list .c{color: #999999;}
.p1_1 .item2 .box{position: relative;}
.p1_1 .item2 .wrap{padding-bottom: 5.6rem;width: 62.2%;}
.p1_1 .item2 .video{width: 33.85%;position: absolute;right: 0;top: 0;height: 100%;overflow: hidden;border-radius: 3.33rem 0 0;cursor: pointer;}
.p1_1 .item2 .video .text{position: absolute;right: 1.5rem;top: 1.3rem;z-index: 2;height: 3.33rem;}
.p1_1 .item2 .video .btm{position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;height: 4rem;background-image: linear-gradient(to right, #0070B6, rgba(96,173,115,0.5));box-sizing: border-box;padding: 0 1.33rem;display: flex;align-items: center;}
.p1_1 .item2 .video .btm .icon{width: 1.6rem;margin-right: 0.5rem;}
.p1_1 .item2 .video .btm .t{color: #FFFFFF;font-weight: normal;}
.p1_1 .item2 .video:hover .bgStyle{transform: scale(1.05);}
.p1_1 .item2 .dataList{width: 66.15%;position: absolute;left: 0;bottom: 0;height: 4rem;background: #5DAB73;color: #FFFFFF;}
.p1_1 .item2 .dataList li{width: 25%;box-sizing: border-box;position: relative;padding-left: 0.7rem;}
.p1_1 .item2 .dataList li::before{content: "";width: 1px;height: 2rem;background: #FFFFFF;opacity: 0.6;position: absolute;left: 0;top: 50%;transform: translateY(-45%);}
.p1_1 .item2 .dataList li:first-child::before{display: none;}
.p1_1 .item2 .dataList li span{font-family: "DINBold";margin-right: 2px;}
.p1_1 .item3{padding-bottom: 2rem;background: url(../images/developBg.jpg) no-repeat center top;background-size: cover;}
.p1_1 .item3 .contScroll{position: relative;overflow: hidden;margin-bottom: 1.66rem;background: rgba(255, 255, 255, 0.8);border-radius: 12px;backdrop-filter: blur(8px);padding: 1.33rem 0.66rem;}
.p1_1 .item3 .contScroll .ul{display: flex;}
.p1_1 .item3 .contScroll .li{width: 33.33%;box-sizing: border-box;min-height: 5.33rem;padding: 0 0.66rem;border-left: 1px solid rgba(96, 173, 115, 0.4);}
.p1_1 .item3 .contScroll .li:first-child{border: none;}
.p1_1 .item3 .contScroll .li .tit{color: #222222;line-height: 0.93rem;margin-bottom: 0.4rem;}
.p1_1 .item3 .tabs{padding: 0 2rem;position: relative;}
.p1_1 .item3 .tabs .btn{width: 1.33rem;height: 1.33rem;box-sizing: border-box;border: 1px solid #60AD73;border-radius: 50%;cursor: pointer;position: absolute;top: 1rem;}
.p1_1 .item3 .tabs .btn.prev{left: 0;}
.p1_1 .item3 .tabs .btn.next{right: 0;}
.p1_1 .item3 .tabs .btn.swiper-button-disabled{pointer-events: none;opacity: 0.5;}
.p1_1 .item3 .tabs .btn:hover{background: #60AD73;}
.p1_1 .item3 .tabs .btn:hover img{filter: brightness(0) invert(1);}
.p1_1 .item3 .tabs .container{position: relative;overflow: hidden;}
.p1_1 .item3 .tabs .container::before{content: "";width: 100%;height: 1px;background: #5DAB73;position: absolute;left: 0;bottom: 1.2rem;}
.p1_1 .item3 .tabs .container .swiper-slide{width: auto;cursor: pointer;}
.p1_1 .item3 .tabs .container .wrap{position: relative;color: rgba(96, 173, 115, 0.6);line-height: 0.93rem;font-weight: bold;padding-top: 0.5rem;box-sizing: border-box;height: 2.9rem;padding-right: 1.8rem;}
.p1_1 .item3 .tabs .container .wrap p{color: #60AD73;position: absolute;left: 0;bottom: 0;font-weight: normal;white-space: normal;word-break: keep-all;}
.p1_1 .item3 .tabs .container .gray .wrap::before{content: "";width: 100%;height: 1px;background: #666666;position: absolute;left: 0;bottom: 1.2rem;}
.p1_1 .item3 .tabs .container .active .year{font-size: 1.2rem;color: #60AD73;}
.p1_1 .item3 .tabs .container .gray .wrap{color: rgba(0, 0, 0, 0.3);}
.p1_1 .item3 .tabs .container .gray .wrap p{color: rgba(0, 0, 0, 0.5);}
.p1_1 .item3 .tabs .container .active.gray .year{color: rgba(0, 0, 0, 0.3);}

/* prodList */
.prodList{padding-bottom: 1rem;}
.prodList:last-child{padding-bottom: 0;}
.prodList li{width: 32%;margin: 0 2% 1rem 0;}
.prodList li:nth-child(3n){margin-right: 0;}
.prodList a{display: flex;align-items: flex-start;height: 4.43rem;box-sizing: border-box;padding: 1.33rem 0.66rem 0;background: rgba(255, 255, 255, 0.6);border: 1px solid #EDEDED;border-radius: 12px;}
.prodList .icon{flex-shrink: 0;width: 0.8rem;margin: 3px 0.4rem 0 0;}
.prodList .cont{flex: 1;overflow: hidden;color: #999999;line-height: 0.93rem;}
.prodList .tit{color: #222222;}
.prodList .btn{width: 2.86rem;height: 0.93rem;margin-top: 0.3rem;background: #5DAB73;border-radius: 0.5rem;color: #fff;line-height: 0.93rem;opacity: 0;}
.prodList .btn img{width: 6px;margin-left: 0.2rem;filter: brightness(0) invert(1);}
.prodList a:hover{background: #FFFFFF;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);padding-top: 0.66rem;}
.prodList a:hover .btn{opacity: 1;}

/* p2_1 */
.p2_1 .item1 .cont{line-height: 1.06rem;}
.p2_1 .item2{background: url(../images/p2Bg1.jpg) no-repeat center;background-size: cover;}


/* p2_1 */
.p2_1 .item2{background: url(../images/p2Bg2.jpg) no-repeat center;background-size: cover;}
.p2_1 .item2 .container{position: relative;overflow: hidden;padding-bottom: 1.5rem;}
.p2_1 .item2 .container .swiper-pagination.paginationStyle{bottom: 0;}
.p2_1 .item2 .wrap{display: block;box-sizing: border-box;/* height: 13.2rem; */padding: 0 0.66rem 0.5rem;background: rgba(255, 255, 255, 0.4);border-radius: 12px;}
.p2_1 .item2 .wrap .title{display: flex;align-items:center;line-height: 2.2rem;color: #222222;}
.p2_1 .item2 .wrap .title .icon{margin-right: 8px;flex-shrink: 0;width: 0.93rem;}
.p2_1 .item2 .wrap .title h4{flex: 1;overflow: hidden;}
.p2_1 .item2 .wrap .pic{max-height: 6rem;border-radius: 12px;margin-bottom: 0.5rem;}
.p2_1 .item2 .wrap .pic img{max-width: 100%;max-height: 100%;}
.p2_1 .item2 .wrap .desc{color: #666666;line-height: 0.93rem;min-height: 2.79rem;max-height: 3.72rem;}
.p2_1 .item2 .wrap:hover .title{color: #5DAB73;}
.p2_1 .item3 .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.p2_1 .item3 .list li{width: 49%;box-sizing: border-box;padding: 1rem;border-radius: 12px;border: 1px solid #DDDDDD;background: #fff;display: flex;color: #999999;line-height: 0.93rem;margin-top: 1rem;}
.p2_1 .item3 .list li:nth-child(1),
.p2_1 .item3 .list li:nth-child(2){margin-top: 0;}
.p2_1 .item3 .list .icon{flex-shrink: 0;width: 2.93rem;height: 2.93rem;background: #E5EFEC;border-radius: 4px;margin-right: 0.66rem;}
.p2_1 .item3 .list .icon img{height: 1.63rem;}
.p2_1 .item3 .list .cont{flex: 1;overflow: hidden;}
.p2_1 .item3 .list .tit{color: #222222;margin-bottom: 4px;}
.p2_1 .item3 .list li:hover{box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);}
.p2_1 .item3 .list li:hover .icon{background: #5DAB73;}
.p2_1 .item3 .list li:hover .icon img{filter: brightness(0) invert(1);}
.p2_1 .item4{background: url(../images/p2Bg3.jpg) no-repeat center;background-size: cover;padding-bottom: 1.66rem;}
.p2_1 .item4 .list{display: flex;flex-wrap: wrap;}
.p2_1 .item4 .list li{width: 23.3%;margin: 0 2.26% 1rem 0;min-height: 2.66rem;box-sizing: border-box;padding: 0.66rem;display: flex;align-items: center;color: #222222;line-height: 0.93rem;background: rgba(255, 255, 255, 0.6);border-radius: 12px;}
.p2_1 .item4 .list li:nth-child(4n){margin-right: 0;}
.p2_1 .item4 .list li .icon{flex-shrink: 0;margin-right: 0.4rem;width: 0.8rem;}
.p2_1 .item4 .list li h4{font-weight: normal;}
.p2_1 .item4 .list li:hover{box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);color: #5DAB73;}

/* nyWrap */
.nyWrap{background: #F6FAF7;min-height: 300px;}

/* page */
.page{display: flex;align-items: center;color: #222222;line-height: 1.3rem;}
.page a{display: block;padding: 0 0.4rem;margin-right: 0.5rem;border: 1px solid #CCCCCC;}
.page a.num{padding: 0 0.53rem;}
.page .form{border: 1px solid #CCCCCC;padding: 0 0.4rem;}
.page .form .text{width: 1.6rem;height: 1.3rem;border: none;background: none;text-align: center;line-height: 1.3rem;color: #222;}
.page a.on,.page a:hover{border-color: #5DAB73;background: #5DAB73;color: #fff;}


/* caseList */
.caseList{padding-bottom: 1.66rem;}
.caseList li{width: 32%;margin: 0 2% 1rem 0;}
.caseList li:nth-child(3n){margin-right: 0;}
.caseList .wrap{display: block;background: #FFFFFF;border-radius: 12px;border: 1px solid #DDDDDD;overflow: hidden;}
.caseList .pic{height: 0;padding-bottom: 53.8%;position: relative;overflow: hidden;}
.caseList .text{padding: 0.66rem;}
.caseList .label{height: 1.06rem;line-height: 1.06rem;overflow: hidden;}
.caseList .label dd{padding: 0 0.4rem;margin-right: 8px;border-radius: 4px;}
.caseList .label dd:last-child{margin-right: 0;}
.caseList .label .blue{background: rgba(0, 132, 229, 0.08);color: #0084E5;}
.caseList .label .red{background: rgba(229, 65, 0, 0.08);color: #E54100;}
.caseList .label .green{background: rgba(96, 173, 115, 0.08);color: #60AD73;}
.caseList .tit{color: #222222;line-height: 0.93rem;height: 1.86rem;overflow: hidden;margin: 0.4rem 0;}
.caseList .more{display: flex;color: #999999;line-height: 0.93rem;align-items: center;}
.caseList .more img{filter: brightness(0) invert(0.6);opacity: 0.6;margin-left: 8px;}
.caseList .wrap:hover{box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);}
.caseList .wrap:hover .more{color: #5DAB73;}
.caseList .wrap:hover .more img{filter: brightness(1) invert(0);opacity: 1;}
/* .caseList .wrap:hover .tit{color: #5DAB73;} */

/* contCase */
.contCase{background: none;}
.contCase .top{margin-top: -3.13rem;position: relative;z-index: 2;padding: 1rem;background: #FFFFFF;border-radius: 12px;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);display: flex;}
.contCase .top .pic{flex-shrink: 0;width: 17.76%;margin-right: 0.66rem;border-radius: 8px;overflow: hidden;}
.contCase .top .pic img{width: 100%;}
.contCase .top .text{flex: 1;overflow: hidden;}
.contCase .top .tit{color: #222222;margin-bottom: 0.5rem;}
.contCase .top .info{display: flex;flex-wrap: wrap;align-items: center;color: #666666;line-height: 0.93rem;margin-bottom: 1rem;}
.contCase .top .info dd{margin-right: 1rem;padding-left: 24px;background: url(../images/icon_pc.svg) no-repeat left center;}
.contCase .top .info dd:first-child{background-image: url(../images/icon_date.svg);}
.contCase .top .info dd:last-child{margin-right: 0;}
.contCase .btm{padding-left: 2rem;padding-right: 2rem;}
.contCase .btm .title{color: #222222;line-height: 1.42;margin-bottom: 1.33rem;}
.contCase .btm .subTitle{margin-bottom: 0.66rem;line-height: 0.93rem;color: #222222;padding-left: 0.5rem;position: relative;}
.contCase .btm .subTitle::before{content: "";width: 4px;height: 0.8rem;background: #60AD73;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.contCase .btm .cont{margin-bottom: 1.33rem;color: #666666;}
.contCase .btm .cont:last-child{margin-bottom: 0;}
.contCase.contKc .top .pic{width: 35.8%;}

/* recomProduct */
.recomProduct{background: url(../images/prodBg.jpg) no-repeat center;background-size: cover;}
.recomProduct .container{padding: 20px 20px 1.5rem;margin-top: -20px;position: relative;overflow: hidden;}
.recomProduct .prodList{padding-bottom: 0;}
.recomProduct .prodList li{margin-bottom: 0;}

/* downList */
.downList li{width: 49%;margin-top: 0.66rem;}
.downList li:nth-child(2n){float: right;}
.downList li a{display: flex;width: 100%;box-sizing: border-box;padding: 0 0.5rem 0 0.4rem;background: #F7F7F7;border-radius: 4px;align-items: center;line-height: 1.73rem;color: #666666;}
.downList .icon{flex-shrink: 0;width: 1rem;margin-right: 8px;}
.downList .btn{flex-shrink: 0;margin-left: 0.5rem;color: #60AD73;}
.downList .tit{flex: 1;overflow: hidden;font-weight: normal;}
.downList li a:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);color: #60AD73;}

/* p4Page */
.p4Page{display: flex;align-items: flex-start;}
.p4Page .p4Nav{flex-shrink: 0;width: 6.66rem;box-sizing: border-box;padding-right: 1rem;border-left: 1px solid #D8D8D8;position: sticky;left: 0;top: 4.5rem;}
.p4Page .p4Nav li{margin-bottom: 0.4rem;}
.p4Page .p4Nav li:last-child{margin-bottom: 0;}
.p4Page .p4Nav li a{display: block;position: relative;color: #222222;line-height: 0.93rem;padding-left: 0.7rem;}
.p4Page .p4Nav li a:before{content: "";width: 2px;height: 0.93rem;background: #60AD73;position: absolute;left: -1px;top: 50%;margin-top: -0.465rem;opacity: 0;transform: scale(1, 0);}
.p4Page .p4Nav li.active a::before,
.p4Page .p4Nav li a:hover::before{transform: scale(1);opacity: 1;}
.p4Page .right{flex: 1;}
.p4Page .tabScroll{position: relative;position: sticky;left: 0;top: 0;border-bottom: 1px solid #D8D8D8;display: none;overflow: hidden;padding: 0 5%;z-index: 9;margin-bottom: 1rem;background: #F6FAF7;box-sizing: border-box;overflow: hidden;width: 100%;}
.p4Page .tabScroll .swiper-slide{width: auto;}
.p4Page .tabScroll a{display: block;position: relative;color: #666666;line-height: 0.5rem;padding: 0.5rem 0;}
.p4Page .tabScroll a::before{content: "";width: 100%;height: 2px;background: #60AD73;position: absolute;left: 0;bottom: 0;transform: scale(0,1);opacity: 0;}
.p4Page .tabScroll .active a::before{transform: scale(1);opacity: 1;}
.p4Page .content .item{margin-bottom: 0.66rem;padding: 1rem;background: #FFFFFF;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);}
.p4Page .content .item:last-child{margin-bottom: 0;}
.p4Page .content .item .title{margin-bottom: 0.66rem;display: flex;line-height: 0.93rem;color: #222222;align-items: flex-start;}
.p4Page .content .item .title .icon{margin-right: 0.4rem;height: 0.93rem;}

/* p5_1 */
.p5_1 .item{padding-bottom: 1.66rem;}
.p5_1 .item2{background: #E5EFEC;}
.p5_1 ul li{width: 23.4%;margin: 0 2.1% 1rem 0;}
.p5_1 ul li:nth-child(4n){margin-right: 0;}
.p5_1 ul .wrap{display: block;background: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 12px;overflow: hidden;}
.p5_1 ul .wrap .pic{padding-bottom: 54.87%;position: relative;overflow: hidden;}
.p5_1 ul .wrap .text{padding: 0.5rem 0.66rem 0.66rem;line-height: 0.93rem;}
.p5_1 ul .wrap .text .title{color: #222222;font-weight: normal;height: 1.86rem;overflow: hidden;margin-bottom: 0.4rem;}
.p5_1 ul .wrap .text dd{color: #999999;background: url(../images/icon_pc.svg) no-repeat left center;padding-left: 24px;}
.p5_1 ul .wrap .text dd:first-child{margin-top: 0;background-image: url(../images/icon_date.svg);}
.p5_1 ul .wrap:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);transform: translateY(-10px);}

/* p6_1 */
.p6_1 .item1{background-image: linear-gradient(to right, #E5EFEC , #FAFFFE);}
.p6_1 .item2{background: url(../images/p6Bg1.jpg) no-repeat center top;background-size: cover;}
.p6_1 .tabs{margin-bottom: 2.2rem;padding: 0 2rem;position: relative;}
.p6_1 .tabs .btn{width: 1.33rem;height: 1.33rem;box-sizing: border-box;border: 1px solid #60AD73;border-radius: 50%;cursor: pointer;position: absolute;top: 50%;transform: translateY(-50%);}
.p6_1 .tabs .prev{left: 0;}
.p6_1 .tabs .next{right: 0;}
.p6_1 .tabs .btn.swiper-button-disabled{pointer-events: none;opacity: 0.5;}
.p6_1 .tabs .container{position: relative;overflow: hidden;text-align: center;color: #60AD73;line-height: 0.93rem;padding-top: 10px;margin-top: -10px;}
.p6_1 .tabs .container::before{content: "";width: 100%;height: 1px;background: #5DAB73;position: absolute;left: 0;top: 50%;}
.p6_1 .tabs .container .swiper-slide{cursor: pointer;}
.p6_1 .tabs .container .year{font-weight: bold;opacity: 0.6;height: 0.93rem;}
.p6_1 .tabs .container .dot{position: relative;width: 8px;height: 8px;background-color: currentColor;border-radius: 50%;color: #5DAB73;margin: 3px auto 9px;background: #5DAB73;}
.p6_1 .tabs .container .dot i{display: block;width: 100%;height: 100%;position: relative;opacity: 0;}
.p6_1 .tabs .container .dot i::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;border-radius: 50%;animation: aniDot 3s linear infinite;}
.p6_1 .tabs .container .dot i::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;border-radius: 50%;animation: aniDot 3s linear 1s infinite;}
.p6_1 .tabs .container .active .year{opacity: 1;font-size: 1.2rem;transform: translateY(-6px);}
.p6_1 .tabs .container .active .dot i{opacity: 1;}
.p6_1 .contScroll{max-width: 1022px;margin: 0 auto;position: relative;overflow: hidden;}
.p6_1 .contScroll .wrap{display: flex;justify-content: space-between;}
.p6_1 .contScroll .pic{width: 33.2%;}
.p6_1 .contScroll .pic img{width: 100%;}
.p6_1 .contScroll .text{width: 64%;}
.p6_1 .contScroll .text .dl{margin-bottom: 1rem;}
.p6_1 .contScroll .text .dl:last-child{margin-bottom: 0;}
.p6_1 .contScroll .text .dt{color: #222222;font-weight: bold;margin-bottom: 4px;}
.p6_1 .item3{background: #E5EFEC;}
.p6_1 .item3 .form .formItem{width: 27.1%;background: #FFFFFF;border-radius: 8px;line-height: 2rem;}
.p6_1 .item3 .form .formItem dt{flex-shrink: 0;position: relative;width: 2rem;}
.p6_1 .item3 .form .formItem dt::before{content: "";width: 1px;height: 0.5rem;background: #DCDEE2;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.p6_1 .item3 .form .formItem dd{flex: 1;overflow: hidden;}
.p6_1 .item3 .form .formItem dd .text{width: 100%;height: 2rem;border: none;background: none;box-sizing: border-box;padding: 0 0.5rem;color: #444;}
.p6_1 .item3 .form .subm{width: 14.3%;border: none;background: #5DAB73 url(../images/icon_search1.svg) no-repeat 1.83rem center;background-size: 0.55rem auto;height: 2rem;line-height: 2rem;border-radius: 8px;box-sizing: border-box;padding-left: 2.7rem;cursor: pointer;text-align: left;color: #fff;}
.p6_1 .item3 .form .subm:hover{background-color: #417A4F;}
.p6_1 .item3 .tips{margin: 0.66rem 0 1rem;display: flex;color: #999999;line-height: 0.93rem;align-items: flex-start;}
.p6_1 .item3 .tips .icon{margin-right: 0.4rem;flex-shrink: 0;margin-top: 0.2rem;}
.p6_1 .result .title{color: #222222;line-height: 0.93rem;margin-bottom: 1rem;}
.p6_1 .result li{margin-bottom: 0.66rem;padding: 0.66rem 0 0.66rem 0.66rem;background: rgba(255, 255, 255, 0.6);border-radius: 12px;cursor: pointer;}
.p6_1 .result li:last-child{margin-bottom: 0;}
.p6_1 .result .icon{flex-shrink: 0;width: 2.26rem;height: 2.26rem;background: #5DAB73;border-radius: 4px;margin-right: 0.5rem;}
.p6_1 .result .btn{width: 4.66rem;height: 2.26rem;border-left: 1px solid #D8D8D8;color: #60AD73;}
.p6_1 .result .btn img{margin-right: 0.4rem;}
.p6_1 .result .text{flex: 1;overflow: hidden;line-height: 0.93rem;}
.p6_1 .result .text .tit{color: #222222;font-weight: normal;margin-bottom: 8px;}
.p6_1 .result .text .info{color: #999999;}
.p6_1 .result .text .info span{margin-right: 1.33rem;}
.p6_1 .result .text .info span:last-child{margin-right: 0;}

/* popWrap */
.popWrap{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 10;display: none;}
.popWrap .bgLayer{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);}
.popWrap .content{max-height: 80%;box-sizing: border-box;padding: 2rem;background: #fff;z-index: 3;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.popWrap .content .close{position: absolute;right: 10px;top: 10px;width: 1.2rem;cursor: pointer;}

/* moreBtn */
.moreBtn{display: flex;color: #999999;line-height: 0.93rem;}
.moreBtn img{filter: brightness(0) invert(0.5);opacity: 0.4;margin-left: 8px;}
a:hover .moreBtn{color: #60AD73;}
a:hover .moreBtn img{filter: brightness(1) invert(0);opacity: 1;}
/* btnStyle1 */
.btnStyle1 .btn{width: 40px;height: 40px;box-sizing: border-box;border: 2px solid rgba(255, 255, 255, 0.4);border-radius: 50%;position: relative;text-align: center;line-height: 36px;font-size: 0;margin-right: 0.66rem;cursor: pointer;}
.btnStyle1 .btn:last-child{margin-right: 0;}
.btnStyle1 .btn svg{position: absolute;left: -3px;top: -2px;bottom: 0;fill: transparent;stroke-width: 2px;stroke: #fff;stroke-dasharray: 114;stroke-dashoffset: -114;width: 40px;height: 40px;}
.btnStyle1 .btn:hover{border-color: rgba(255, 255, 255, 0);}
.btnStyle1 .btn:hover svg{animation: svgAni  1s linear forwards;}
@keyframes svgAni{to{stroke-dashoffset: 0;}}
.btnStyle1.gray .btn{border-color: #CCCCCC;}
.btnStyle1.gray .btn img{filter: brightness(0) invert(0.5);opacity: 0.4;}
.btnStyle1.gray .btn svg{stroke: #60AD73;}
.btnStyle1.gray .btn:hover{border-color: rgba(255, 255, 255, 0);}
.btnStyle1.gray .btn:hover img{filter: brightness(1) invert(0);opacity: 1;}
.btnStyle1 .btn.swiper-button-disabled{pointer-events: none;opacity: 0.6;}

/* recomNews */
.recomNews{background: #FFFFFF;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.16);}
.recomNews .btnStyle1{position: absolute;right: 1rem;top: 1.5rem;z-index: 2;}
.recomNews .container{position: relative;overflow: hidden;}
.recomNews .container a{display: flex;}
.recomNews .container .pic{width: 50%;height: 0;padding-bottom: 13.6rem;position: relative;overflow: hidden;}
.recomNews .container .text{width: 50%;box-sizing: border-box;padding: 1rem 1rem 0;position: relative;line-height: 0.93rem;}
.recomNews .container .date{padding-bottom: 1rem;border-bottom: 1px solid #D8D8D8;margin-bottom: 1rem;}
.recomNews .container .date span{display: block;color: #222222;line-height: 1rem;margin-bottom: 0.4rem;font-family: "DINBold";}
.recomNews .container .date em{display: block;color: #999999;}
.recomNews .container .tit{color: #222222;margin-bottom: 8px;}
.recomNews .container .desc{color: #666666;max-height: 2.79rem;}
.recomNews .container .moreBtn{position: absolute;left: 1rem;bottom: 1rem;}


/* newsList */
.newsList{padding-bottom: 0.66rem;}
.newsList li{width: 32%;margin: 0 2% 1.33rem 0;}
.newsList li:nth-child(3n){margin-right: 0;}
.newsList li a{display: block;background: #FFFFFF;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);}
.newsList li .pic{height: 0;padding-bottom: 58.29%;position: relative;overflow: hidden;}
.newsList li .text{padding: 0.66rem;line-height: 0.93rem;color: #999999;}
.newsList li .tit{color: #222222;height: 1.86rem;overflow: hidden;margin: 4px 0 0.66rem;}
.newsList li a:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}

/* passage */
.passage{width: 71.42%;box-sizing: border-box;padding: 1rem;background: #FFFFFF;line-height: 0.93rem;}
.passage .psgTitle{padding-bottom: 1rem;border-bottom: 1px solid #D8D8D8;margin-bottom: 0.9rem;}
.passage .psgTitle .tit{color: #222222;line-height: 1.1;margin-bottom: 0.4rem;}
.passage .psgTitle .info{color: #999999;}
.passage .psgTitle .info span{margin-right: 1.3rem;}
.passage .psgCont{min-height: 300px;color: #666666;line-height: 1.06rem;}
.passage .psgLink{padding-top: 1rem;border-top: 1px solid #D8D8D8;margin-top: 1rem;color: #666666;}
.passage .psgLink li{margin-bottom: 8px;}
.passage .psgLink li:last-child{margin-bottom: 0;}
.passage .psgLink li a:hover{color: #5DAB73;text-decoration: underline;}

/* hotNews */
.hotNews{width: 25.7%;}
.hotNews .title{margin-bottom: 1rem;line-height: 0.93rem;}
.hotNews .title .ch{padding-left: 0.9rem;position: relative;color: #222222;}
.hotNews .title .ch::before{content: "";width: 0.8rem;height: 2px;position: absolute;left: 0;top: 50%;margin-top: -1px;background: #5DAB73;}
.hotNews .title .en{color: #999999;text-transform: uppercase;font-weight: normal;}
.hotNews li{border-bottom: 1px solid #D8D8D8;}
.hotNews li a{display: block;padding: 0.66rem 0;line-height: 0.93rem;}
.hotNews li:first-child a{padding-top: 0;}
.hotNews li .pic{overflow: hidden;margin-bottom: 0.4rem;}
.hotNews li .pic img{width: 100%;}
.hotNews li .tit{color: #222222;font-weight: normal;margin-bottom: 4px;}
.hotNews li .date{color: #999999;}
.hotNews li a:hover .tit{color: #5DAB73;}

/* loginPage */
.loginPage{width: 100%;min-height: 100vh;position: relative;background: url(../images/loginBg.jpg) no-repeat center;background-size: cover;}
.loginPage .logo{position: absolute;left: 3.33rem;top: 3.33rem;filter: brightness(0) invert(1);}
.loginPage .content{width: 20rem;height: 100vh;box-sizing: border-box;background: rgba(255, 255, 255, 0.2);padding: 0 2rem 3rem;position: relative;overflow: auto;}
.loginPage .copyright{position: absolute;left: 0;bottom: 2rem;width: 100%;box-sizing: border-box;padding: 0 2rem;color: rgba(255, 255, 255, 0.6);line-height: 0.93rem;}
.loginPage .copyright p{margin-bottom: 4px;}
.loginPage .copyright p:last-child{margin-bottom: 0;}
.loginPage .copyright p img{margin-right: 6px;}
.loginPage .box{height: 100%;display: flex;align-items: center;}
.loginPage .box .wrap{width: 100%;}
.loginPage .slogan{margin-bottom: 2rem;color: #FFFFFF;line-height: 1.4rem;}
.loginPage .tabs li{width: 48.75%;}
.loginPage .tabs li a{display: block;border: 1px solid #fff;border-radius: 8px;text-align: center;color: #FFFFFF;line-height: 1.66rem;}
.loginPage .tabs li.on a,
.loginPage .tabs li a:hover{background: #fff;color: #666666;}
.loginPage .formItem{margin-top: 0.5rem;background: rgba(255, 255, 255, 0.1);border-radius: 8px;display: flex;align-items: center;line-height: 1.73rem;}
.loginPage .formItem dt{width: 2rem;flex-shrink: 0;}
.loginPage .formItem dd{flex: 1;overflow: hidden;position: relative;box-sizing: border-box;}
.loginPage .formItem dd::before{content: "";width: 1px;height: 0.5rem;background: #DCDEE2;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.loginPage .formItem dd .text{width: 100%;border: none;background: none;height: 1.73rem;line-height: 1.73rem;color: #fff;box-sizing: border-box;padding: 0 0.66rem;}
.loginPage .formItem dd .text::placeholder{color: rgba(255, 255, 255, 0.6);}
.loginPage .formItem.codeItem dd{padding-right: 4rem;}
.loginPage .formItem.codeItem .codeBtn{position: absolute;right: 0;top: 0;width: 4rem;cursor: pointer;color: rgba(255, 255, 255, 0.8);text-align: center;}
.loginPage .formItem.codeItem .codeBtn::before{content: "";width: 1px;height: 0.5rem;background: #DCDEE2;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.loginPage .formItem.codeItem .codeBtn:hover{text-decoration: underline;}
.loginPage .form .code{padding-right: 5.73rem;position: relative;}
.loginPage .form .code .pic{width: 5.33rem;height: 100%;position: absolute;right: 0;top: 0;cursor: pointer;border-radius: 8px;overflow: hidden;}
.loginPage .form .code .pic img{width: 100%;height: 100%;}
.loginPage .btn{margin: 2rem 0 0.5rem;background: #5DAB73;border-radius: 8px;position: relative;cursor: pointer;color: #fff;line-height: 1.73rem;}
.loginPage .btn .icon{margin-left: 10px;}
.loginPage .btn input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: none;border: none;z-index: 2;cursor: pointer;}
.loginPage .btn:hover{background: #417A4F;}
.loginPage .btm{margin-top: 0.5rem;line-height: 0.93rem;color: rgba(255, 255, 255, 0.6);}
.loginPage .btm a{color: #fff;}
.loginPage .btm a:hover{text-decoration: underline;}


.bannew .text{display: block;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;height: auto;}
.bannew .text h2{margin-bottom: 0.5rem;}
.bannew .text p{width: 40%;line-height:0.93rem;}

@media screen and (max-height: 900px){
.loginPage .slogan{margin-bottom: 1rem;}
.loginPage .copyright{bottom: 1rem;}
.loginPage .btn{margin-top: 1rem;}
}

@media screen and (max-width: 1620px){
.bread{top: 2.8rem;}
}
@media screen and (max-width: 1480px){
.p1_1 .item1 .list > li{height: 10rem;}
.p1_1 .item1 .nyTitle{margin-bottom: 1.33rem;}
}

@media screen and (max-width: 1280px){
.nyBanner2{height: 18rem;}
.bread{top: 2.4rem;}
}


@media screen and (max-width: 1024px){
.nyBanner{height: 9rem;}
.nyBanner2{height: 36.45%;}
.bread ul li{margin-right: 1rem;}
.p1_1 .item1 .list > li{width: 100%;margin: 0 0 0.5rem;height: auto;padding: 0.6rem;}
.p1_1 .item1 .list > li:last-child{margin-bottom: 0;}
.p1_1 .item1 .list .wrap{padding: 0;}
.p1_1 .item1 .tit{margin-bottom: 0.5rem;}
.p1_1 .item2 .wrap{padding-bottom: 1rem;width: 100%;}
.p1_1 .item2 .video{position: relative;height: auto;width: 100%;}
.p1_1 .item2 .video .bgStyle{padding-bottom: 116.45%;display: block;position: relative;}
.p1_1 .item2 .video .btm{height: 3rem;}
.p1_1 .item2 .video .btm img{width: auto;height: 1rem;}
.p1_1 .item2 .dataList{position: relative;width: 100%;margin-bottom: 0.5rem;font-size: 12px;}
.p1_1 .item2 .dataList li{padding-left: 0;text-align: center;}
.p1_1 .item2 .dataList li span{font-size: 0.8rem;}
.p1_1 .item3 .contScroll{padding: 1rem 0.5rem;margin-bottom: 0.5rem;}
.p1_1 .item3 .contScroll .ul{flex-wrap: wrap;}
.p1_1 .item3 .contScroll .li{width: 100%;border: none;padding: 0;min-height: auto;margin-bottom: 0.5rem;}

.p2_1 .item4 .list li{width: 32%;margin-right: 2%;margin-bottom: 0.6rem;}
.p2_1 .item4 .list li:nth-child(4n){margin-right: 2%;}
.p2_1 .item4 .list li:nth-child(3n){margin-right: 0;}

.caseList li{width: 49%;margin-right: 0;}
.caseList li:nth-child(2n){float: right;}

.downList li{width: 100%;}

.p5_1 .item li{width: 32%;margin-right: 2%;}
.p5_1 .item li:nth-child(4n){margin-right: 2%;}
.p5_1 .item li:nth-child(3n){margin-right: 0;}

.p6_1 .item3 .form .subm{background-position: 1rem center;padding-left: 1.7rem;}

.recomNews .container .pic{padding-bottom: 10rem;}
.recomNews .container .date{margin-bottom: 0.5rem;padding-bottom: 0.5rem;}
.recomNews .container .date span{margin-bottom: 4px;}
.recomNews .container .moreBtn{bottom: 0.5rem;}

.hotNews{display: none;}
.passage{width: 100%;}

.loginPage{padding: 2.5rem 0 2rem;background-position: right center;min-height: 100vh;}
.loginPage .logo{left: 5%;top: 1rem;}
.loginPage .logo img{height: 0.6rem;}
.loginPage .content{height: auto;margin:0 auto;float: none;width: 90%;padding: 2rem 1rem;}
.loginPage .copyright{position: static;padding: 0;margin-top: 2rem;}
}

@media screen and (max-width: 760px){
.nyBanner{height: 7rem;}
.nyBanner .text .fz40{font-weight:bold; width:55%;}
.bannew .text p{width: 50%;line-height:0.8rem;}
.nyBanner .path{display: none;}
.bread{display: none;}
.p1_1 .item1 .nyTitle{margin-bottom: 1rem;}

.prodList{padding-bottom: 0.5rem;}
.prodList li{width: 49%;margin: 0 0 0.5rem;}
.prodList li:nth-child(2n){float: right;}
.prodList a{background: #FFFFFF;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);padding-top: 0.66rem;}
.prodList a .btn{opacity: 1;}

.p2_1 .item3 .list li{width: 100%;margin-top: 0.6rem;padding: 0.6rem;}
.p2_1 .item3 .list li:nth-child(2){margin-top: 0.6rem;}
.p2_1 .item4 .list li{width: 49%;margin-right: 2%;}
.p2_1 .item4 .list li:nth-child(3n){margin-right: 2%;}
.p2_1 .item4 .list li:nth-child(2n){margin-right: 0;}

.page{line-height: 1rem;}
.page a.num{display: none;}
.page a.num.on{display: block;}
.page .form{padding: 0 0.3rem;}
.page .form .text{height: 1rem;line-height: 1rem;}

.recomProduct .container{margin-top: 0;padding: 0 0 1rem;}

.nyBanner1 .text{display: none;box-sizing: border-box;padding-top: 2rem;}

.contCase .btm .title{margin-bottom: 0.6rem;}
.contCase .btm .subTitle{margin-bottom: 0.3rem;}
.contCase .btm .cont{margin-bottom: 0.8rem;}
.contCase .top{display: block;padding: 0.5rem;margin-top: -2rem;}
.contCase .top .pic,
.contCase.contKc .top .pic{width: 100%;margin-bottom: 0.5rem;}
.contCase .top .info{margin-bottom: 0.5rem;}
.contCase .btm{padding-left: 0;padding-right: 0;}

.p4Page{width: 100%;display: block;}
.p4Page .p4Nav{display: none;}
.p4Page .tabScroll{display: block;}
.p4Page .content{width: 90%;margin: 0 auto;}
.p4Page .content .item{padding: 0.8rem;}
.p4Page .content .item .title{margin-bottom: 0.5rem;}

.p5_1 .item li{width: 49%;margin-right: 0 !important;}
.p5_1 .item li:nth-child(2n){float: right;}

.p6_1 .tabs{margin-bottom: 0.8rem;}
.p6_1 .contScroll .wrap{flex-wrap: wrap;}
.p6_1 .contScroll .pic,
.p6_1 .contScroll .text{width: 100%;margin-right: 0;}
.p6_1 .contScroll .text{margin-top: 0.5rem;}
.p6_1 .contScroll .text .dl{margin-bottom: 0.5rem;}
.p6_1 .item3 .form form{display: block;}
.p6_1 .item3 .form .formItem{width: 100%;margin-bottom: 10px;line-height: 1.6rem;}
.p6_1 .item3 .form .subm{width: 4.6rem;height: 1.6rem;line-height: 1.6rem;}
.p6_1 .item3 .form .formItem dt{width: 1.6rem;}
.p6_1 .item3 .form .formItem dt img{transform: scale(0.8);}
.p6_1 .item3 .form .formItem dd .text{height: 1.6rem;line-height: 1.6rem;}
.p6_1 .result .title{margin-bottom: 0.5rem;}
.p6_1 .result li{padding: 0.4rem;}
.p6_1 .result .icon{width: 1.6rem;height: 1.6rem;}
.p6_1 .result .icon img{height: 1rem;}
.p6_1 .result .btn{width: 3rem;height: 1.6rem;}
.p6_1 .result .text .info span{margin-right: 8px;font-size: 12px}


.recomNews .container a{display: block;}
.recomNews .container .pic,.recomNews .container .text{width: 100%;}
.recomNews .container .text{padding: 1rem;}
.recomNews .container .moreBtn{position: relative;bottom: 0;left: 0;margin-top: 1rem;}
.recomNews .btnStyle1{top: auto;bottom: 1rem;}

.newsList li{width: 49%;margin-right: 0;margin-bottom: 0.6rem;}
.newsList li:nth-child(2n){float: right;}

.passage{padding: 0.8rem;}
.passage .psgTitle{padding-bottom: 0.6rem;margin-bottom: 0.6rem;}
.passage .psgTitle .info span{margin-right: 0.5rem;}
.passage .psgTitle .info span:last-child{margin-right: 0;}
.passage .psgLink{padding-top: 0.6rem;margin-top: 0.6rem;}

}

@media screen and (max-width: 468px){
.p1_1 .item1 .tit{margin-bottom: 0.3rem;}
.p1_1 .item2 .dataList{flex-wrap: wrap;height: auto;}
.p1_1 .item2 .dataList li{width: 50%;padding: 0.3rem 0;}
.p1_1 .item2 .dataList li:nth-child(3){border: none;}
.p1_1 .item3 .tabs .container .wrap{padding-right: 1.2rem;}
.p2_1 .item2 .container{padding-bottom: 0.8rem;}
.p2_1 .item4 .list li{width: 100%;margin-right: 0 !important;}
.p2_1 .item3 .list .icon{width: 2.6rem;height: 2.6rem;}
.prodList li{width: 100%;}

.caseList li{width: 100%;margin-bottom: 0.5rem;}

.p5_1 .item li{width: 100%;margin-bottom:  0.5rem;}
.p5_1 .item .wrap .text{padding: 0.8rem;}

.p6_1 .result li{display: block;}
.p6_1 .result .text .tit{margin-bottom: 0;}
.p6_1 .result .text .info{flex-wrap: wrap;}
.p6_1 .result .text .info span{display: block;width: 100%;}
.p6_1 .result .icon{display: none;}
.p6_1 .result .btn{width: auto;border: none;height: 1rem;justify-content: flex-start;}


.recomNews .container .pic{padding-bottom: 58.28%;}
.recomNews .container .text{padding: 0.5rem;}
.recomNews .btnStyle1{bottom: 0.5rem;}
.recomNews .btnStyle1 .btn{transform: scale(0.9);}

.newsList{padding-bottom: 0;}
.newsList li .text{padding: 0.3rem;}
.newsList li .tit{margin: 0 0 0.4rem;}


}