@charset "utf-8";

@import "iconfont.css";

/*---------------------------------------------------*/

.index-block {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center 0;transform: translate3d(0, 0, 0);will-change: background-position;z-index: -1;}  
.index-block img {display: none;}
 
.indexA {width: 100%;position: relative;overflow: hidden;}  
.indexA > img {width:100%;height:100%;object-fit: cover;}
.indexA .index-block {background: url('../pic/indexA.jpg');}
.indexA .wp {position:absolute;left:0;right:0;top: 32%;text-align: right;} 
.indexA .tit {}
.indexA .tit h3 {font-weight:700;font-size: 50px;color: #191919;line-height: 1;text-transform: uppercase;letter-spacing: 2px;}
.indexA .tit p {font-size: 22px;line-height: 30px;color: #fff;margin-top: 20px;} 
.indexA .pic {position:absolute;top:0;right:0;bottom:0;left:0;}

.indexG {position: relative;overflow: hidden;}
.indexG > img {width:100%;height:100%;object-fit: cover;}
.indexG .wp {position: absolute;left:-58px;right:0;top: 25%;}
.indexG .tit {/*text-align: center;*/}
.indexG .tit h3 {font-weight:900;font-size: 108px;color: #fff;line-height: 1;text-transform: uppercase;letter-spacing: 1px;}
.indexG .tit p {font-size: 40px;/* line-height: 50px; */color: #fff;margin-top: 20px;font-weight:700;text-shadow: 1px 1px 2px #666;}
.indexG .pic {position:absolute;top:0;right:0;bottom:0;left:0;}

.indexB {position: relative;overflow: hidden;}
.indexB > img {width:100%;height:100%;object-fit: cover;}
.indexB .wp {position: absolute;top: 30%;left: 0;right: 0;}
.indexB .tit {width: 60%;}
.indexB .tit h3 {font-weight:700;font-size: 50px;color: #191919;line-height: 1;text-transform: uppercase;letter-spacing: 2px;}
.indexB .tit p {font-size: 22px;line-height: 30px;color: #191919;margin-top: 20px;}
.indexB .pic {position:absolute;top:0;right:0;bottom:0;left:0;}

.indexC {position: relative;overflow: hidden;overflow: hidden;}
.indexC > img {width:100%;width:100%;height:100%;object-fit: cover;}
.indexC .wp {top: 120px;position: absolute;left: 0;right: 0;}
.indexC .tit {text-align:center;}
.indexC .tit h3 {font-weight:700;font-size: 50px;color: #191919;line-height: 1;text-transform: uppercase;letter-spacing: 2px;}
.indexC .tit p {font-size: 22px;line-height: 30px;color: #191919;margin-top: 50px;}
.indexC .pic {position:absolute;top:0;right:0;bottom:0;left:0;}

.indexD {position: relative;overflow: hidden;overflow: hidden;}
.indexD > img {width:100%;height:100%;object-fit: cover;}
.indexD .wp {position: absolute;left: 0;right: 0;top: 38%;display:flex;}
[lang=ar] .indexD .wp {position: absolute;left: -1711px;}
.indexD .tit {width: 100%;}
.indexD .tit h3 {font-weight:900;font-size: 45px;color: #fff;line-height: 2;text-transform: uppercase;letter-spacing: 2px;background: linear-gradient(to bottom, white 44%, gray 100%);-webkit-background-clip: text;display: inline-block;}

.indexD .tit p {font-size: 35px;line-height: 30px;color: #fff;margin-top: 20px;font-weight: 900;}
.indexD .tit > div p{font-size: 20px;}
.indexD .tit > div p a{font-size: 40px;display:block;}                
.indexD .pic {position:absolute;top:0;right:0;bottom:0;left:px;}

.indexE {background: #F1F1F1;padding: 120px 0 160px;overflow: hidden;}
.indexE .tit {display: flex;align-items: center;justify-content: space-between;}
.indexE .tit h3{font-size: 50px;color: #000;line-height: 1;font-family: var(--font-family2);text-transform: uppercase;}
.indexE .tit a {font-size: 16px;color: #fff;font-weight:300;display: inline-block;width: 180px;line-height: 54px;border: 3px solid #35AC2A;transition: all 0.3s ease 0s;background-color: #35AC2A;border-radius: 30px;text-align: center;}
.indexE .tit a:hover {background: transparent;color: #35AC2A;}
.indexE .list {margin-top: 80px;position: relative;}
.indexE .swiper-slide {background: #fff;padding: 55px 25px;border-radius: 5px;}
.indexE .swiper-slide h5{font-size: 24px;color: #000;line-height: 1;font-family: var(--font-family2);height: 49px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp:2;}
.indexE .swiper-slide p {color: #000;font-size: 18px;line-height: 1;font-weight:300;margin-top: 20px;height: 36px;}
.indexE .swiper-slide a.pic {display: block;text-align: center;margin-top: 40px;}

.indexE .tips{flex:1;margin-top:80px;overflow:hidden;}
.indexE .swiper-pagination-progressbar.swiper-pagination-horizontal{position:static;width:100%;height:3px;background:#C9D2D7;}
.indexE .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#35AC2A;top:0;height:3px;}

.indexF {padding: 90px 0 70px;position: relative;overflow: hidden;}
.indexF::after {content: url('../images/bgf.png');position: absolute;top: 0;left: calc((100vw - 1550px) / 2);}
.indexF .box {display: flex;align-items: center;}
.indexF .box .txt {flex: 1;padding-right: 120px;}
.indexF .box .txt h3 {font-size: 50px;color: #242424;line-height: 1;font-weight:600;text-transform: uppercase;}
.indexF .box .txt h6 {font-size: 16px;color: #35AC2A;line-height: 1;font-family: var(--font-family2);margin-top: 30px;}
.indexF .box .txt .t {margin-top: 40px;font-size: 16px;line-height: 28px;color: #4B4B4B;}
.indexF .box .txt .more {margin-top: 80px;}
.indexF .box .txt .more a {font-size: 16px;color: #fff;font-weight:300;display: inline-block;width: 180px;line-height: 54px;border: 3px solid #35AC2A;transition:all 0.3s ease 0s;background-color: #35AC2A;border-radius: 30px;text-align: center;}
.indexF .box .txt .more a:hover {background: transparent;color: #35AC2A;}
.indexF .box .pic {width: 58.4%;}
.indexF .data ul {padding-top: 60px;display: flex;justify-content: space-between;}
.indexF .data ul li {width: 20%;}
.indexF .data ul li h6{position: relative;font-size: 44px;font-family: var(--font-family2);color: #15499a;line-height: 1;display: inline-block;}
.indexF .data ul li:last-child h6{font-size: 38px;}
.indexF .data ul li h6::after {content: attr(date-txt);position: absolute;right: -40px;bottom: 10px;color: #15499a;font-size: 24px;}
.indexF .data ul li:nth-child(1) h6::after {right: -95px;}
.indexF .data ul li:nth-child(3) h6::after {right: -20px;}
/*.indexF .data ul li:nth-child(4) h6::after {right: -20px;bottom: auto;top: -5px;font-size: 28px;}*/
.indexF .data ul li:nth-child(4) h6::after {right: -85px;}
.indexF .data ul li:nth-child(5) h6::after {right: -85px;line-height: 25px;}
.indexF .data ul li p {color: #575757;line-height: 24px;font-size: 16px;margin-top: 15px;}


.indexG .indexGtit p{font-size:23px;}


/*------------------------------------------------------------*/
.indexA .index-block {background: #A2B8CD url('../pic/indexA.jpg');}

.sidebanner{position:relative;}

.path{height:50px;line-height:50px;border-bottom:1px solid #EAEAEA;}
.path p{color:#666;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.path p i{margin:0 5px 0 0;font-size:14px;}
.path p a{color:#666;}

.main {padding-top:50px;padding-bottom:50px;}

.main-left{float:left;width:290px;}
.main-right{margin:0 0 0 330px;}

.main .rtit{text-align:center;}
.main .rtit h3{font-size:25px;color:#333;display:inline-block;}
.main .rtit hr{border:none;width:50px;height:2px;background:#2C353D;margin:15px auto 0;}
.main .rtit p{color:#333;font-size:14px;text-align:center;margin:15px 0 0;text-align:center;}

/*----------------------------------------*/

.main-left{float:left;width:300px;}
.main-left h3{height:50px;line-height:50px;padding:0 0 0 18px;background:var(--active-color);font-size:20px;color:#fff;font-weight:bold;text-transform:uppercase;position:relative;}
.main-left h3::after{display:none;font-family:"qico";content: "\e727";position:absolute;right:0;top:5px;width:40px;height:40px;line-height:40px;font-size:20px;text-align:center;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.main-left h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}

.sidemenu{margin:0 0 20px;}
.sidemenu > ul{}
.sidemenu > ul > li{border:1px solid #EAEAEA;margin-top:5px;}
.sidemenu > ul > li h5{height:45px;line-height:45px;display:block;padding:0 0 0 20px;font-size:17px;font-family:'Poppins-SemiBold';color:#404040;cursor:pointer;position:relative;}
.sidemenu > ul > li h5 a{display:block;padding:0 40px 0 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sidemenu > ul > li h5 a:hover{color:var(--active-color);}
.sidemenu > ul > li h5 span{position:absolute;right:0;top:0;width:40px;height:45px;background:url("../images/i4.png") no-repeat center;display:block;text-align:center;transition:all 0.3s ease 0s;}

.sidemenu > ul > li ul {display:none;}
.sidemenu > ul > li ul li{line-height:24px;border-bottom:2px solid #F1F1F3;background:#fff;margin:0 20px;position:relative;}
.sidemenu > ul > li ul li:last-child {border-bottom:none;}
.sidemenu > ul > li ul li > span{position:absolute;top:2px;right:0;width:40px;height:40px;line-height:40px;background:url("../images/i4.png") no-repeat center;text-align:center;display:block;cursor:pointer;transition:all 0.3s ease 0s;}
.sidemenu > ul > li > ul > li > a {font-size:15px;display:block;color:#484848;padding:10px 40px 10px 0;text-transform:capitalize;}
.sidemenu > ul > li > ul > li.active > a,.sidemenu > ul > li > ul > li > a:hover {color:var(--active-color);}

.sidemenu > ul > li ul li.active ul{display:block;}
.sidemenu > ul > li ul li.active > span{background-image:url("../images/i4-1.png");}

.sidemenu > ul > li > ul > li > ul > li a{font-size:14px;display:block;color:#666;padding:10px 10px;}
.sidemenu > ul > li > ul > li > ul > li a:hover,.sidemenu > ul > li > ul > li > ul > li.active a{color:var(--active-color);}


.sidemenu > ul > li.active h5{color:var(--active-color);border-bottom:1px solid #e2e2e2;}
.sidemenu > ul > li.active h5 > span{background-image:url("../images/i4-1.png");}


.sidenav{margin:0 0 20px;}
.sidenav ul{}
.sidenav ul li{display:block;line-height:24px;font-size:16px;color:#333;background:#fff;border:1px solid #e2e2e2;border-top:none;position:relative;}
.sidenav ul li a{color:#333;display:block;padding:10px 30px 10px 18px;}
.sidenav ul li:last-child a{border-bottom:none;}
.sidenav ul li::after{color:#555;font-family:"qico";content: "\e7eb";position:absolute;right:8px;top:0;font-size:16px;font-weight:normal;line-height:44px;}

.sidenav ul li.active::after{display:block;color:var(--active-color);}
.sidenav ul li.active a,.sidenav ul li a:hover{color:var(--active-color);}


.menu-tabs{padding:30px 0 20px;text-align:center;border-bottom:1px solid #E3E3E3;}
.menu-tabs h3{display:none;font-size:18px;font-weight:bold;color:#2C353D;height:46px;line-height:46px;padding:0 0 0 20px;border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;text-transform:uppercase;position:relative;}
.menu-tabs h3::after{display:none;font-family:"qico";content: "\e727";position:absolute;top:5px;right:5px;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.menu-tabs h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}
.menu-tabs ul{font-size:0;}
.menu-tabs ul li{height:46px;line-height:46px;display:inline-block;margin:0 10px 10px;text-align:center;}
.menu-tabs ul li a{font-size:17px;color:#333;font-weight:600;display:block;background:#EAEAEA;display:block;padding:0 25px;}
.menu-tabs ul li.active a{background:var(--active-color);color:#fff;}


/*---------news-----------*/

.newslist h3,.newslist h1 {font-size: 48px;color: #000;font-weight:700;line-height: 1;text-align: center;}
.newslist ul{display:-webkit-flex;display:flex;margin:30px -25px 0;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.newslist ul li{width:50%;padding:25px;overflow:hidden;cursor:pointer;}
.newslist ul li .box {overflow: hidden;border-radius: 15px;}
.newslist ul li .pic{width:100%;display:block;position:relative;overflow: hidden;}
.newslist ul li .pic img{width:100%;transition:all 0.3s ease 0s;}
.newslist ul li .pic:hover img {-webkit-transform: scale(1.03);transform: scale(1.03);} 
.newslist ul li .txt {padding: 35px 0;text-align: center;background: #F3F2F2;}
.newslist ul li .txt h5{font-size:18px;line-height:1;color:#000;}
.newslist ul li .txt h5 a:hover{color:#35AC2A;}


.newsnr h1{font-size:24px;margin:20px 0 0;font-family:'Poppins-SemiBold';color:#000;text-align:center;}
.newsnr .tit {text-align: center;}
.newsnr .tit h3 {font-size: 48px;line-height: 1;color: #000;font-weight:600;}
.newsnr .tit p {font-size: 16px;line-height: 1;color: #000;font-weight:300;margin-top: 15px;}
.newsnr .pic {overflow: hidden;text-align: center;margin-top: 50px;border-radius: 10px;}
.newsnr .pic img {/*width: 100%;*/}

.myart {margin-top: 70px;}
.myart .tit {text-align: center;}
.myart .tit h3 {font-size: 48px;line-height: 1;color: #000;font-weight:600;}
.myart .tit p {font-size: 16px;line-height: 1;color: #000;font-weight:300;margin-top: 15px;}
.myart .box {margin-top: 30px;position: relative;overflow: hidden;border-radius: 15px;}
.myart .box img {width: 100%;}
.myart .box .t {position: absolute;right: 0;bottom: 0;width: 100%;padding: 0 100px 55px;font-size: 18px;line-height: 30px;color: #fff;}
.myart .box .t h5 {font-size: 26px;line-height: 1;font-weight:600;position: relative;margin-bottom: 15px;}
.myart .box .t h5 span {position: relative;z-index: 10;}
.myart .box .t h5::after {content: url('../images/i2.png');position: absolute;left: -15px;top: -12px;z-index: 1;}


.pnbar{margin-top:90px;border-top: 1px dashed #D7D7D7;border-bottom: 1px dashed #D7D7D7;padding: 40px 0;display: flex;align-items: center;justify-content: space-between;}
.pnbar .txt {font-size: 16px;color: #393939;line-height: 1;}
.pnbar .txt p + p {margin-top: 20px;}
.pnbar-share p {font-size: 18px;color: #000;line-height: 1;margin-bottom: 15px;}
.pnbar-share .share{font-size:0;}
.pnbar-share .share a{}
.pnbar-share .share a+a{margin-left:15px;}
.pnbar-share .share a i{font-size:32px;}
/*.pnbar-share .share a:nth-of-type(1) i{color: inherit;}
.pnbar-share .share a:nth-of-type(2) i{color: inherit;}
.pnbar-share .share a:nth-of-type(3) i{color: inherit;}*/


/*-----about------*/
.about h1 {font-weight:700;font-size: 48px;color: #000;text-align: center;line-height: 1;margin-bottom: 20px;}
.about .pic img{width: 100%;}
.about .data ul {padding-top: 60px;display: flex;justify-content: space-between;}
.about .data ul li {width: 20%;}
.about .data ul li h6{position: relative;font-size: 44px;font-family: var(--font-family2);color: #333;line-height: 1;display: inline-block;}
.about .data ul li:last-child h6{font-size: 38px;}
.about .data ul li h6::after {content: attr(date-txt);position: absolute;right: -40px;bottom: 5px;color: #333;font-size: 24px;}
.about .data ul li:nth-child(1) h6::after {right: -95px;}
/*.about .data ul li:nth-child(3) h6::after {right: -85px;}
.about .data ul li:nth-child(4) h6::after {right: -20px;bottom: auto;top: -5px;font-size: 28px;}*/
.about .data ul li:nth-child(3) h6::after {right: -20px;}
.about .data ul li:nth-child(4) h6::after {right: -85px;}
.about .data ul li:nth-child(5) h6::after {right: -85px;}
.about .data ul li p {color: #575757;line-height: 24px;font-size: 16px;margin-top: 15px;}

.about .t {font-size: 16px;line-height: 28px;color: #4B4B4B;margin-top: 40px;}
.about .t p + p {margin-top: 25px;}

.about .v {position:relative;}
.about .v a.video {display:block;width:100%;position:relative;overflow:hidden;border-radius:35px;}
.about .v a.video::after {content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:9;background:url("../images/v3.png") no-repeat center;display:block;}
.about .v a.video img {width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;border-radius:35px;}
.about .v a.video:hover img {transform:scale(1.11);-webkit-transform:scale(1.11);}
.about .v a.video:hover::after {background-color:rgba(0,0,0,0.5);}    
           

/*-----products------*/

.pro-list h3,.pro-list h1 {font-size: 48px;color: #000;font-weight:700;line-height: 1;text-align: center;}
.pro-list ul{margin:25px 0 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.pro-list ul li{width:33.33333333%;text-align:center;background:#fff;padding:25px;}
.pro-list ul li .box{background:#F6F6F6;padding:60px 60px 30px;border-radius: 5px;transition:all 0.3s ease 0s;}
.pro-list ul li .box:hover{box-shadow: 0 0 5px #c1c1c1;}
.pro-list ul li .pic{position:relative;overflow:hidden;}
.pro-list ul li .pic a::before {content: '';position: absolute;top: 100%;left: 0;width: 100%;height: 100%;z-index: 2;background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6));}
.pro-list ul li:hover .pic a::before {animation: gradient-rectangle 1.4s;animation-delay: 0s;-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);}
.pro-list ul li .pic .img{display:block;width:100%;}

.pro-list ul li .txt{margin:40px 0 0;text-align:center;}
.pro-list ul li .txt h5 {font-size: 18px;color: #000;text-overflow: ellipsis;font-family: var(--font-family2);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 24px;height: 48px;}
.pro-list ul li .txt h5 a{display:block;}
.pro-list ul li .txt h5 a:hover{color:var(--active-color);}
.pro-list ul li .txt a.more{margin:35px 0 0;font-size:16px;color:#35AC2A;line-height:1;overflow:hidden;display: block;}

.pro-list ul li:hover .box{}
.pro-list ul li:hover .pic > img{transform:scale(1.03);-webkit-transform: scale(1.03);}
.pro-list ul li:hover .txt h6 a{color:var(--active-color);}
.pro-list ul li:hover .pic .big{opacity:1;}

/*-----pro-view----*/

.pro_view {padding: 70px 0 50px;}
.pro_view > .wp{display:-webkit-flex;display:flex;}

.pro_img{width:670px;}
.pro_img .view{width:100%;position:relative;}
.pro_img .view .swiper{width:100%;}
.pro_img .view .swiper-slide a {text-align: center;display: block;}
.pro_img .view .arrow-left,.pro_img .view .arrow-right{background:rgba(0,0,0,0.3);position:absolute;top:50%;margin-top:-25px;width:48px;height:48px;z-index:10;text-align:center;border-radius: 50%;transition:all 0.3s ease 0s;}
.pro_img .view .arrow-left{left:-24px;}
.pro_img .view .arrow-right{right:-24px;}
.pro_img .view .arrow-left i,.pro_img .view .arrow-right i{color:#fff;font-size:24px;line-height:48px;}
.pro_img .view .arrow-left:hover,.pro_img .view .arrow-right:hover {background:rgba(53,172,42,0.5);}

.pro_img .preview{width:100%;margin-top:10px;position:relative;text-align:center;overflow:hidden;}
.pro_img .preview .swiper {width:100%;text-align:center;}
.pro_img .preview .swiper-wrapper{justify-content:center;}
.pro_img .preview .swiper-slide{cursor:pointer;width:78px;padding:10px 0 0;margin:0 3px;display:inline-block;position:relative;}
.pro_img .preview .swiper-slide::after{display:none;content:'';width:0;height:0;line-height:0;border-width:5px;border-style:dashed;border-bottom-style:dashed;border-color:transparent;border-bottom-color:transparent;vertical-align: middle;border-bottom-style:solid;border-bottom-color:#35AC2A;position:absolute;top:0px;left:50%;margin:0 0 0 -5px;}
.pro_img .preview .swiper-slide img{padding:2px;box-sizing:border-box;}
.pro_img .preview .active-nav img{border:1px solid #35AC2A;}

.pro_img .preview .swiper-slide.active-nav::after{display:inline-block;}


.pro_view_inner{-webkit-flex:1;flex:1;margin-left:140px;}
.pro_view_inner h1{color:#1d1d1d;font-size:38px;font-family: var(--font-family2);}
.pro_view_inner .pro_para{color:#252525;font-size:16px;line-height:24px;}
.pro_view_inner .pro_para h5 {margin-top: 50px;font-size: 24px;color: #000;line-height: 1;}
.pro_view_inner .pro_para ul {margin-top: 20px;margin-left: 10px;}
.pro_view_inner .pro_para ul li {padding-left: 25px;background: url('../images/dot.png') no-repeat left center;}
.pro_view_inner .pro_para ul li + li {margin-top: 20px;}
.pro_view_inner .pro_para .table-response{width:100%;max-width:100%;overflow-x:auto;}
.pro_view_inner .pro_para table{width:100%;line-height:28px;color:#000;font-size:16px;font-weight:300;text-align: center;border:1px solid #e2e2e2}
.pro_view_inner .pro_para table tr {border-bottom: 1px solid #E2E2E2;}
.pro_view_inner .pro_para table tr > th{padding:8px 15px;}
.pro_view_inner .pro_para table tr > td{padding:8px 15px;}
.pro_view_inner .pro_para table tr > *:not(:last-child) {border-right: 1px solid #E2E2E2;}
.pro_view_inner .pro_para table tr:nth-child(2n) > *{background:#FBFBFB;}

.pro_view_inner .btn-box{margin-top: 10px;display: flex;}
.pro_view_inner .btn-box a{width:128px;line-height:40px;font-size:16px;text-align:center;display:inline-block;border: 1px solid #35AC2A;border-radius: 21px;transition:all 0.3s ease 0s;}
.pro_view_inner .btn-box a.A {color: #35AC2A;background: transparent;}
.pro_view_inner .btn-box a.B {color: #fff;background: #35AC2A;margin-left: 30px;}
.pro_view_inner .btn-box a.A:hover {color: #fff;background: #35AC2A;}
.pro_view_inner .btn-box a.B:hover {color: #35AC2A;background: transparent;}

.pro-table {padding: 40px 0 65px;background: #F8F8F8;overflow: hidden;}
.pro-text .pro-table {background: transparent;}
.pro-table h5 {font-weight:600;font-size: 30px;line-height: 1;color: #000;}
.pro-table .table-response{width:100%;max-width:100%;overflow-x:auto;}
.pro-table .table{border-radius: 10px;overflow: hidden;margin-top: 30px;border:1px solid #e2e2e2}
.pro-table table{width:100%;line-height:28px;color:#000;font-size:16px;font-weight:300;text-align: center;}
.pro-table table tr {border-bottom: 1px solid #E2E2E2;}
.pro-table table tr > th{padding:10px 25px;color:#35AC2A;font-weight:500;text-align: center;}
.pro-table table tr > td{padding:10px 25px;}
.pro-table table tr > *:not(:last-child) {border-right: 1px solid #E2E2E2;}
.pro-table table tr:nth-child(2n) > *{background:#FBFBFB;}
.pro-table table tr:first-child > *{background:/*#AEC8AC*/#15499a;font-size: 20px;font-weight:600;color:#ffffff;}
.pro-table table tr > *:first-child{width: 25.16%;}


.cert-list {padding: 70px 0 40px;background: #F8F8F8;}
.cert-list h5 {font-weight:600;font-size: 30px;line-height: 1;color: #000;}
.cert-list .list{margin-top:40px;padding:15px 0;position:relative;text-align:center;}
.cert-list .list p {line-height: 28px;color: #000;font-size: 16px;}
.cert-list .list p img {margin-top:20px;}
.cert-list .swiper {padding: 15px 0;}
.cert-list .swiper-slide{width:340px;}
.cert-list .swiper-slide img{display:block;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.41);}
.cert-list .swiper-slide img{display:block;}

.cert-list .swiper-pagination-bullets{position:static;width:100%;margin:30px 0 0;display:block;font-size:0;}
.cert-list .swiper-pagination-bullet {height:16px;width:16px;margin:0 6px;background:#373737;border-radius:50%;opacity:1;}
.cert-list .swiper-pagination-bullet-active{background:#35AC2A;}


.pro-table .pro-down {margin-top: 80px;}
.pro-table .pro-down a {display: inline-block;width: 346px;height: 70px;font-size: 18px;color: #35AC2A;border-radius: 37px;border: 2px solid #35AC2A;display: flex;align-items: center;justify-content: center;transition:all 0.3s ease 0s;}
.pro-table .pro-down a i {font-size: 28px;margin-right: 10px;line-height: 70px;}
.pro-table .pro-down a:hover {color: #fff;background: #35AC2A;}

.pro-video {padding: 70px 0 40px;overflow: hidden;}
.pro-video .video {position: relative;border-radius: 10px;overflow: hidden;}
.pro-video .video > img {width: 100%;}
.pro-video .video a::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url("../images/v.png") no-repeat center;display: block;}
.pro-video .video p {height:0;padding-bottom:56.25%;position:relative;}
.pro-video .video p iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.rela-pro {padding: 50px 0 70px;overflow: hidden;}
.rela-pro .tit h5 {font-size: 30px;color: #000;line-height: 1;font-weight:600;}
.rela-pro .list {margin-top: 50px;position: relative;padding: 0 80px;}

.rela-pro .swiper-slide pic {overflow: hidden;border-radius: 5px;}
.rela-pro .swiper-slide pic img {width: 100%;}
.rela-pro .swiper-slide h5 {margin-top: 20px;text-align: center;font-size: 18px;color: #000;line-height: 1;font-weight:500;}
.rela-pro .swiper-slide p{text-align: center;}
.rela-pro .swiper-button-prev,.rela-pro .swiper-button-next{width:50px;height:50px;line-height:50px;top:calc(((100% - 72px) / 2) + 25px);overflow:hidden;border-radius:50%;background:rgba(0,0,0,.25);margin-top:0;text-align:center;color:#fff;transition:all 0.3s ease 0s;}
.rela-pro .swiper-button-next::after, .rela-pro .swiper-button-prev::after {display:none;}
.rela-pro .swiper-button-prev i,.rela-pro .swiper-button-next i{color:inherit;font-size:28px;display:inline-block;margin-top:1px;}
.rela-pro .swiper-button-prev,.rela-pro .swiper-container-rtl .swiper-button-next{left:0;right:auto;}
.rela-pro .swiper-button-next,.rela-pro .swiper-container-rtl .swiper-button-prev{right:0;left:auto;}
.rela-pro .swiper-button-prev:hover,.rela-pro .swiper-button-next:hover{background: rgba(53,172,42,.76);}

.rela-pro .swiper-pagination-bullets{position:static;width:100%;margin:30px 0 0;display:none;}
.rela-pro .swiper-pagination-bullet {height:4px;width:40px;margin:0 3px;background:#C1C1C1;border-radius:0;opacity:1;box-sizing:border-box;}
.rela-pro .swiper-pagination-bullet-active{background:var(--active-color);}
 
/*案例详情*/                                     
.rela-pro1 {padding: 50px 0 70px;overflow: hidden;}
.rela-pro1 .tit h5 {font-size: 30px;color: #000;line-height: 1;font-weight:600;}
.rela-pro1 .list {margin-top: 50px;position: relative;padding: 0 80px;}

.rela-pro1 .swiper-slide pic {overflow: hidden;border-radius: 5px;}
.rela-pro1 .swiper-slide pic img {width: 100%;}
.rela-pro1 .swiper-slide h5 {margin-top: 20px;text-align: center;font-size: 18px;color: #000;line-height: 1;font-weight:500;}
.rela-pro1 .swiper-slide p{text-align: center;}
.rela-pro1 .swiper-button-prev,.rela-pro1 .swiper-button-next{width:50px;height:50px;line-height:50px;top:calc(((100% - 72px) / 2) + 25px);overflow:hidden;border-radius:50%;background:rgba(0,0,0,.25);margin-top:0;text-align:center;color:#fff;transition:all 0.3s ease 0s;}
.rela-pro1 .swiper-button-next::after, .rela-pro1 .swiper-button-prev::after {display:none;}
.rela-pro1 .swiper-button-prev i,.rela-pro1 .swiper-button-next i{color:inherit;font-size:28px;display:inline-block;margin-top:1px;}
.rela-pro1 .swiper-button-prev,.rela-pro1 .swiper-container-rtl .swiper-button-next{left:0;right:auto;}
.rela-pro1 .swiper-button-next,.rela-pro1 .swiper-container-rtl .swiper-button-prev{right:0;left:auto;}
.rela-pro1 .swiper-button-prev:hover,.rela-pro1 .swiper-button-next:hover{background: rgba(53,172,42,.76);}

.rela-pro1 .swiper-pagination-bullets{position:static;width:100%;margin:30px 0 0;display:none;}
.rela-pro1 .swiper-pagination-bullet {height:4px;width:40px;margin:0 3px;background:#C1C1C1;border-radius:0;opacity:1;box-sizing:border-box;}
.rela-pro1 .swiper-pagination-bullet-active{background:var(--active-color);}                                     

                                     
.pro-tab-box .tab ul {display: flex;align-items: center;background: #f8f8f8f8;}
.pro-tab-box .tab ul li {padding: 0 50px;font-size: 20px;color: #333;line-height: 96px;}
.pro-tab-box .tab ul li.active {background: #35AC2A;color: #fff;}

                            
.pro-text .pro-down {display: flex;}
.pro-text .pro-down a {width: 100%;line-height: 60px;font-size: 18px;color: #35AC2A;border-radius: 37px;text-align:center;border: 2px solid #35AC2A;transition:all 0.3s ease 0s;display: inline-block;}
.pro-text .pro-down a + a {margin-left: 50px;}
.pro-text .pro-down a i {font-size: 28px;margin-right: 10px;line-height: 60px;}
.pro-text .pro-down a:hover {color: #fff;background: #35AC2A;}   

.pro-text {padding: 70px 0;}
.pro-text .item {display: none;padding: 0;}
.pro-text .item.active {display: block;}                                      
/*-----contact-----*/

.contact{padding: 70px 0;}
.contact h3,.contact h1 {font-weight:700;font-size: 48px;color: #000;text-align: center;line-height: 1;}
.contact .list {margin-top: 50px;display: flex;justify-content: space-between;padding: 0 60px;}
.contact .box {display: flex;}
.contact .box:first-child {width: 61.5%;}
.contact .box:last-child {width: 22.4%;}
.contact .box .pic {display: inline-block;width: 80px;height: 80px;line-height: 80px;text-align: center;background: #35AC2A;border-radius: 50%;position: relative;}
.contact .box .pic i {font-size: 40px;color: #fff;}
.contact .box .pic::before {content: "";position: absolute;top: -8px;left: -8px;right: -8px;bottom: -8px;display: block;border-radius: 50%;background: rgba(53,172,42,0.2);z-index: -1;}
.contact .box .txt {margin-left: 35px;margin-top: 15px;flex: 1;}
.contact .box .txt h5 {font-size: 18px;color: #35AC2A;line-height: 1;}
.contact .box .txt p {font-size: 16px;line-height: 26px;color: #1a1a1a;font-weight:500;margin-top: 10px;}

.map {position: relative;}
.map > img{width:100%;}
.map .box{width:100%;position:absolute;top: 0;right: 0;bottom: 0;left: 0;}

.map .box .item{position:absolute;}

.map .box .item .nr {position: absolute;left: calc(50% - 180px);top: 35px;border-radius: 5px;z-index: 30;width: 360px;background: #35AC2A;opacity: 0;-webkit-transition: opacity 0.35s,-webkit-transform 0.35s;transition: opacity 0.35s,transform 0.35s;-webkit-transform: scale(0);transform: scale(0);box-shadow: rgba(0,0,0,0.14) 0 0 9px 0px;padding: 15px 20px;}
.map .box .item .nr::before {content: '';position: absolute;right: calc(50% - 4px);top: -8px;overflow: hidden;border-right: 8px solid transparent;border-bottom: 8px solid #35AC2A;border-left: 8px solid transparent;display: block;}
.map .box .item .nr p{font-size:18px;color:#fff;margin: 5px 0;}
.map .box .item:hover .nr{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.map .box.active .nr{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.map .box .item a{width: auto;background: url(../images/g2.png) no-repeat center top;border-radius: 0;padding-top: 65px;font-weight:500;font-size: 20px;color: #35AC2A;}

.map .box .item1{left: 27.08%;top: 39.3%;}
.map .box .item2{left: 31.56%;top: 74.41%;}
.map .box .item3{left: 48.21%;top: 36.69%;}
.map .box .item4{left: 54.79%;top: 64.35%;}
.map .box .item5{left: 79.19%;top: 84.18%;} 
.map .box .item6{left: 71.6%;top: 67.3%;} 
.map .box .item7{left: 66.9%;top: 42.3%;}  
.map .box .item8{left: 65.4%;top: 43.3%;}