@charset "utf-8";
*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"YaHei","NotoSansSC","Plus Jakarta Sans Regular",sans-serif !important;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#333; }
a{color:#222; text-decoration:none;outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#32cd32}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family:"YaHei","NotoSansSC","Plus Jakarta Sans Regular",sans-serif !important;}
input{-webkit-appearance: none ;}
.green{ color:#32cd32;}

#a01, #a02, #a03, #a04, #a05, #a06{ position:absolute; margin-top:-130px; display:block;} 
#a001, #a002, #a003, #a004, #a005, #a006{ position:absolute; display:block; margin-top:-280px; } 

.section{ padding:60px 0 80px 0;}
.nmain.section{ padding:60px 0 100px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:80px;}
.nmain.sectionnext{ padding-bottom: 100px;}

.wrap{ width:88%; max-width:1540px; margin:0 auto}
.jvzhong{ text-align:center}
.title { margin-bottom:35px; position: relative;}
.title h3{font-size:45px; font-weight:bold; line-height:48px; color:#222; padding-top:10px; margin-top:7px; display:inline-block; border-top:solid 3px #32cd32;} 
.title h3 span{ color:#b89050;}
/*.title h4{ font-size:15px;}*/


.title02 { margin-bottom:35px; position: relative;}
.title02 h3{font-size:36px; font-weight:bold; line-height:36px; color:#222; } 
.title02 h4{font-size:24px; margin-top:20px; color:#222; } 

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, .item:hover .pic img, li:hover .pic img, a:hover .pic img,  .pic:hover img{transform:scale(1);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%; opacity:0}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; width:100%; height:auto; min-height:100%;}

.header{ position: fixed; width:100%; left:0; top:0; background:#fff; z-index:9999; transition: all 0.6s ease 0s; }
.space{ height:165px;}
.header.scroll{ top:-32px;}

.top{ background:#575757; color:#fff; line-height:20px; padding:6px 3%; height:32px; }
.top a{ color:#fff; }
.top .left{ float:left; font-size:12px;}
.top .left ul li{ float:left; margin-right:30px;}
.top .left ul li:last-child{ margin-right:0; }
.top .left a:hover{ text-decoration:underline;}
.top .right{ float:right;font-size:14px; } 
.top .right li{ float:left; margin-left:20px; padding-left:20px; border-left:solid 1px #fff; display: block;}
.top .right li:first-child{ margin-left:0; padding-left:0; border-left:none;}
.top .right li.language .checked{ padding:0 18px 0 22px; background:url(../images/language.png) no-repeat left center; background-size:15px auto; display: block; position:relative;}
.top .right li.language .checked:after{ content:""; position:absolute; right:0; top:50%; height:6px; width:10px; margin-top:-3px; background:url(../images/jt.png) no-repeat center center; background-size:cover; }
.top .right li.language.cur .checked:after{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg);}
.top .right li.language .sub{ display:none; color:#000; position:absolute; z-index:9999; left:0; top:32px; width:100%;background:#fff; height:auto; max-height:calc(100vh - 32px); overflow-y:auto; box-shadow: 0 0 10px rgba(0,0,0,0.15); padding:50px 3%;}
.top .right li.language .sub .inn{ width:100%; max-width:1200px; margin:0 auto; position:relative}
.top .right li.language .sub .inn .guanbi{ width:20px; height:20px;background:url(../images/close_3.png) no-repeat left center; background-size:20px auto; position:absolute; top:0; right:0;}
.top .right li.language .sub .menutitle{ margin-bottom:40px;}
.top .right li.language .sub .menutitle h3{ margin-bottom:25px; font-size:30px; line-height:30px;}
.top .right li.language .sub .con{ height:calc(100% - 160px); overflow-y:auto}
.top .right li.language .sub .item{ border-top:solid 1px #ddd;}
.top .right li.language .sub .item h3{ font-size:20px; line-height:65px; display:block; position:relative}
.top .right li.language .sub .item h3 i{ content:""; position:absolute; right:0; top:50%; height:9px; width:15px; margin-top:-4.5px; background:url(../images/jtgreen.png) no-repeat center center; background-size:cover;}
.top .right li.language .sub .item h3.cur i{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg);}
.top .right li.language .sub .item .list{ display:none;}
.top .right li.language .sub .item.cur .list{ display:none;}
.top .right li.language .sub .item .list ul{display: flex;display: -webkit-flex;flex-wrap: wrap; margin-bottom:40px;}
.top .right li.language .sub .item .list ul li{ width:calc(33.33% - 30px); margin-right:45px; margin-left:0 !important; padding-left:0 !important; position:relative; clear:both;}
.top .right li.language .sub .item .list ul li:after{ content:""; position:absolute; right:-22.5px; top:0; width:1px; height:100%; background:#ddd;}
.top .right li.language .sub .item .list ul li:nth-child(3n){ margin-right:0;}
.top .right li.language .sub .item .list ul li:nth-child(3n):after{ display:none;}
.top .right li.language .sub .item .list a{ display:block; color:#333; line-height:32px;}
.top .right li.language .sub .item .list a:hover{color:#61a60e;}
.top .right li.language .sub .item .list a span{ float:right; color:#32cd32; text-decoration:underline;}

.nav { height:80px; border-bottom:solid 1px #ddd; padding-right:3%}
.nav  .logo{ float:left; padding:15px 22px; background:#32cd32;}
.nav  .logo img{ display:block; height:50px; width:auto;}

.nav  .search{ float:right; margin:22px 0; border:solid 1px #ddd; border-radius:20px; padding:0 25px 0 20px; margin-right:60px; font-size:15px; position:relative; }
.nav  .search a{background:url(../images/search02.png) no-repeat left center;background-size:16px auto; line-height:34px; height:34px; padding-left:25px;display:block; cursor:pointer; color:#666;}
.nav .scroll .search a, .nav :hover .search a{background:url(../images/search02.png) no-repeat left center; background-size:16px auto; }
.nav  .search .sub{position:absolute; display:none; right:0px; top:-1px; width:320px; clear:both; z-index:5; border:solid 1px #ddd;line-height:34px; height:36px; border-radius:20px;  font-size:15px; background:#fff;}
.nav  .search .sub #searchInput {border:none; padding:0 20px; font-size:15px; width:calc(100% - 34px); float:left;height:34px; line-height:34px; border-radius:20px 0 0 20px;}
.nav  .search .sub #searchBtn {border:none; cursor:pointer;  background: url(../images/search.png) #32cd32 no-repeat center center; background-size:16px auto; border-radius:0 20px 20px 0;  width:34px; height:34px; line-height:34px; float:right;}
.nav  .search .sub .sclose{ cursor:pointer; background: url(../images/ico_close_black.png) no-repeat center center; background-size:cover; width:16px; height:16px; z-index:22; top:50%; right:-30px; margin-top:-8px;  position:absolute;}


.nav  .honor{ float:right; margin:10px 0; }
.nav  .honor img{margin-right:10px; display: block; float:left;height:60px;}
.nav  .honor span{ float:left; text-align:center; line-height:22px; margin-top:8px; font-size:15px; }

.menu{ padding:0 3%;border-bottom:solid 1px #ddd; font-size:15px; }
.menu li{ float:left; }
.menu li .sub a:hover{ text-decoration:underline; }
.menu li:nth-child(2),.menu li:nth-child(3), .menu li:nth-child(4), .menu li:nth-child(5), .menu li:nth-child(6){ position:relative; }
.menu li .menu_a{ line-height:53px; display:block; position:relative; margin-right:30px}
.menu li.arrow .menu_a{margin-right:48px; padding-right:18px; color:#333;}
.menu li .menu_a:after {content: '';width: 0;height: 3px;background:#32cd32;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.menu .cur a:after, .menu li:hover .menu_a:after {width: 100%}
.menu li.arrow .menu_a:before{ content:""; position:absolute; right:0px; top:0%; width: 9px;  height: 100%; transition: all 0.3s;background: url(../images/arrow1.png) right center no-repeat; opacity:1;}
.menu li.arrow .menu_a.cur:before, .menu li.arrow .menu_a:hover:before{transform: rotate(180deg);}
.menu li .sub{position:absolute; display: none;clear:both; background-color:rgba(255,255,255,0.9); z-index:9999; }
.menu li .sub.cur{ display:block}
.menu li .subduan{-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.15); line-height:40px; white-space:nowrap;-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.15);box-shadow-bottom: 5px rgba(0,0,0,0.15); left:0; padding:30px;}
.menu li .subpro{ width:380px; padding-bottom:20px;}
.menu li .subpro p { float:left; width:50%}


.menu li .subchang{ width:100%;-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.15);-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.15);box-shadow-bottom: 5px rgba(0,0,0,0.15); left:0; padding:30px 3%; }
.menu li .subchang .item{ float:left; width:16.6666%;  margin-bottom:30px;}
.menu li .subchang .item .pic{ display:block; width:100%;transition: 0.5s; margin:20px auto 20px auto}
.menu li .subchang .item:hover .pic{ margin:10px auto 30px auto}
.menu li .subchang .item h3{ font-size:16px; font-weight:bold; margin-bottom:15px;}
.menu li .subchang .item p{ line-height:40px;}
.menu li .subchang .item p a{ color:#444;}
.menu li .subchang .item p a:hover{ color:#32cd32;}



.banner{ position:relative; width:100%; overflow:hidden;}
.banner, .banner .bannerswiper .swiper-slide{ height:680px;}
.banner video{ display:block; width:100%;}
.banner #example_video_1{ width:auto; height:auto; min-width:100%; min-height:100%;position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%;}

.banner .banner_probtn{ position:absolute; left:0%; bottom:6%; width:100%; z-index:98;}
.banner .banner_probtn li{ cursor:pointer; width:10px; height:10px; border-radius:50%; background:none; border:solid 1px #fff; float:left; margin-right:10px;}
.banner .banner_probtn li.active{ background:#fff; }
.banner .bannerswiper{ position:absolute; z-index:80; left:0; top:0; width:100%; height:100%; background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);/*background: linear-gradient(90deg, rgba(0, 68, 148, 0.8) 0%, rgba(0, 68, 148, 0) 100%)*/}
.banner .bannerswiper .swiper-slide{ width:100%; position: relative; display:none}
.banner .bannerswiper .swiper-slide.swiper-slide-active{ opacity:1; display:block}
.banner .bannerswiper .text{position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:40%; width:100%;}
.banner .bannerswiper .text h3{ font-size:70px; font-weight:bold; color:#fff; line-height:75px; margin-bottom:20px;}
.banner .bannerswiper .text h4{font-size:36px; line-height:40px;  color:#fff; }
.banner .bannerswiper .text .more{ margin-top:90px;}


.more{ width:150px; line-height:48px; border-radius:25px; background-image: linear-gradient(90deg, #32cd32, #24b34b); text-align:center}
.more:hover{ background:#32cd32;}
.more a{ color:#fff; display:block; padding-right:22px; position:relative}
.more a i{content: '';display: block;position: absolute;right: 22px;top: 50%; margin-top:-3px; transform: translateY(-50%);width:10px;height:6px;transform: rotate(-90deg);background: url(../images/jt.png)no-repeat center center;background-size:10px auto;}
.more a:hover i{animation: dongqilai2 1s infinite;background: url(../images/jt.png) no-repeat center center;background-size:10px auto;}

@keyframes dongqilai2{
	from{right:22px;}
	50%{right:18px;}
	to{right:22px;}
}

.ipro .wrap{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.ipro .item{ width:32%; margin-right:2%; position:relative; overflow:hidden; border-radius:10px}
.ipro .item:nth-child(3n){ margin-right:0;}
.ipro .item .text{ background:#32cd32; color:#fff }
.ipro .item .text h3{ font-size:30px; padding:25px 25px 40px 25px; }
.ipro .item .text p{ color:#fff; padding:0 25px 0 25px; }
.ipro .item .text{ position:absolute; left:0; bottom:0; width:100%; height:90px; transition:all 1.5s; }
.ipro .item:hover .text{ height:100%; text-align:left; padding-top:20px; background-color: rgba(99,167,10,0.8); display:block;}
.ipro .item:hover .text h3{ font-weight:bold;}
.ipro .item:hover .text p{ margin-top:-10px;}
.ipro .item .text .pmore{ width:130px; padding-right:20px; line-height:40px; border-radius:20px; border:solid 1px #fff; text-align:center; margin:50px 25px 0 25px; position:relative; }
.ipro .item .text .pmore i{content: '';display: block;position: absolute;right: 22px;top: 50%; margin-top:-3px; transform: translateY(-50%);width:10px;height:6px;transform: rotate(-90deg);background: url(../images/jt.png)no-repeat center center;background-size:10px auto;}
.ipro .item .text .pmore:hover i{animation: dongqilai2 1s infinite;background: url(../images/jt.png) no-repeat center center;background-size:10px auto;}

.mbg{background:#f6f6f6;}
.isoltion{ background:#f6f6f6;}
.isoltion .wrap{ position:relative;}
.isoltion .text{ width:40%; position:absolute;left:0%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:53%;}
.isoltion .text .more{ margin:40px 0 80px 0;}
.youshi ul{ width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; text-align:center;}
.youshi ul p{ font-size:18px;}
.youshi ul h3{ font-size:24px; background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent;}
.youshi ul h3 span{ font-size:55px; font-weight:bold; line-height:60px;}
.isoltion .images{ width:48%; margin-left:52%; }
.isoltion img{ display:block; width:100%; height:auto; border-radius:10px; box-shadow: 0 0 10px rgba(0,0,0,0.1);} 
.isoltion .swiper-slide{ position:relative; }
.isoltion .swiper-slide .text{ position:absolute; left:0; top:50%; width:100%; height:100%; background: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0));}
.isoltion .swiper-slide .text p{ display:block; position:absolute; bottom:10%; text-align:center; font-size:22px; width:100%; color:#fff;}

.inews .item{ margin-bottom:15px;}
.inews .item a{ padding:15px; display:block; background:#f6f6f6;}
.inews .item a h3{ font-size:16px;color:#24b34b; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inews .item a h3:hover span{ text-decoration: underline; }
.inews .item a h3 span{ margin-left:15px;font-size:18px; color:#222}
.inews .item a  p{ color:#555; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inews .more{ margin-top:50px;}


.footer{ background:#575757; padding:40px 0 60px 0; color:#fff;}
.footer a{ color:#fff;}
.footer a:hover{ text-decoration:underline;}
.footer .fquite{ text-align:right;}
.footer .fquite a{ padding:0 20px;}
.footer .ftel{ line-height:60px; font-size:26px; border-bottom:solid 1px rgba(255,255,255,0.8); padding:20px 0;}
.footer .ftel span:nth-child(2){ margin-left:50px;}
.footer  .fcontent { padding-top:50px;}
.footer  .fcontent .code{ float:right; text-align:center;}
.footer  .fcontent .code img{ display:block; width:120px; margin:0 auto 5px auto;}
.footer  .fcontent .flogo{ margin-bottom:30px;}
.footer  .fcontent .flogo img{display:block; height:68px; }

.floatbtn { width:40px; width:140px; line-height:40px; padding:0 20px; transform: rotate(-90deg); background:#32cd32; position:fixed; top:30vh; right:-50px; font-size:18px; color:#fff; cursor:pointer; z-index:99998;}
.floatbtn i{ width:14px; height:8px; background:url(../images/jt.png) no-repeat center center / cover; position:absolute; top:50%; margin-top:-4px; right:18px; transform: rotate(-180deg);}
.floatbtn.active{ transform: rotate(0deg); right:0; margin-top:-50px; }
.floatbtn.active i{transform: rotate(-90deg);}

.floatconn{ display:none; background:#32cd32; width:140px; padding:0 20px 20px 20px; position:fixed; right:0; top:30vh; margin-top:-10px; z-index:99996;}
.floatconn.active{ display:block;}
.floatconn a{ color:#fff; font-size:14px;}
.floatconn a:hover{ text-decoration:underline;}


.location { font-size:14px; padding:10px 0;}
.location a{  color:#727272; display:inline-block; position:relative; padding-left:15px; margin-left:10px;}
.location a:hover{ text-decoration:underline; }
.location a:after{ content:"›"; position:absolute; left:0;}
.location a:first-child{ padding-left:0; margin-left:0;}
.location a:first-child:after{ display:none;}
.nbanner{ position:relative; }
.nbanner img{ display:block; width:100%; height:auto}
.nbanner:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);}
.nbanner.nbanner02:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: linear-gradient(90deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6)  100%);}
.nbanner .text{position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:48%; width:100%; z-index:3;}
.nbanner.nbanner02 .text{ text-align:center; }
.nbanner .text h3{font-size:45px; font-weight:bold; line-height:48px; color:#fff; padding-top:10px; margin-top:7px; display:inline-block; border-top:solid 3px #32cd32;} 
.nbanner.nbanner02 .text h3{ padding-top:0; margin-top:0; border-top:none;}
.nbanner .text h3 span{ color:#b89050;}
.nbanner .text h4{ font-size:15px;color:#fff; }
.nbanner .text p{ color:#fff; margin-top:25px; max-width:40%}
.nbanner .text p span{ font-weight:bold; font-size:24px; color:#32cd32; }
.nbanner.nbanner02 .text p{ max-width:80%; margin:30px auto 0 auto}
.nbanner .text h1{font-size:45px; font-weight:bold; line-height:48px; color:#fff; } 

.ntitle {overflow: hidden;line-height: 1.3; margin-bottom:40px; }
.ntitle h3{ font-size:45px; font-weight:bold; color:#333;display:inline-block; padding-top:10px; display:inline-block; border-top:solid 3px #32cd32;}
.ntitle h4{ font-size:20px; line-height:35px; margin-top:15px;background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent;}

.ntitle03 h3{ font-size:30px; font-weight:bold; margin-bottom:20px;}

.projian .ntitle{ float:left; width:32%;}
.projian img{ display:block; width:100%; height:auto; }
.projian .conn{ width:66%; float:right; margin-bottom:80px;}
.projian .conn .iconpic { width:100%}
.projian .conn.conn02{ margin-bottom:40px; }
.projian .conn.conn02 p{ position:relative; margin-bottom:10px;}

.projian .conn .iconpic img {display:block;}
.projian .list{ clear:both; display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: flex-start; width:100%; margin-bottom:120px;}
.projian .list .item{ width:32%; margin-right:2%; display:block; padding-top:22px; border-top:solid 3px #ddd; position:relative}
.projian .list .item:nth-child(3n){ margin-right:0; }
.projian .list .item .icon img{ display:block; width:100%; max-width:95px; height:auto;}
.projian .list .item:hover { opacity:1; border-top:solid 3px #32cd32; }
.projian .list .item .icon{ position:absolute; width:20%; position:absolute;left:0%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:50%; }
.projian .list .item .text{ width:75%; margin-left:25%}
.projian .list .item h3{ font-size:20px; font-weight:bold; color:#333; margin-bottom:15px;}
.projian .list .item p{ line-height:28px; color:#666;}

.projian .list05{ clear:both; display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: flex-start; width:100%; margin-bottom:120px; position:relative}

.projian .list05 .item{ width:16.8%;  margin:0 2%; position:relative }
.projian .list05 .item:after{ content:""; position:absolute; top:0; right:-12%; width:2px; height:100%; background:#ddd;}
.projian .list05 .item:nth-child(5n+1){ margin-left:0%; }
.projian .list05 .item:nth-child(5n){ margin-right:0%;  }
.projian .list05 .item:nth-child(5n):after{ display: none; }
.projian .list05 .item .icon{ position:relative; margin-bottom:20px;left:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%); top:auto; display:none }
.projian .list05 .item .text{ width:100%; margin-left:0%}
.projian .list05 .item h3{ font-size:20px; font-weight:bold; color:#333; margin-bottom:15px;}
.projian .list05 .item p{ line-height:28px; color:#666;}

.nprolist{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.nprolist .item{ width:32%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden; border-radius:10px}
.nprolist .item:nth-child(3n){ margin-right:0;}
.nprolist .item .text{ background:#32cd32; color:#fff }
.nprolist .item .text h3{ font-size:30px; padding:25px 25px 35px 25px; }
.nprolist .item .text p{ color:#fff; padding:0 25px 0 25px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.nprolist .item .text{ position:absolute; left:0; bottom:0; width:100%; height:90px; transition:all 1.5s; }
.nprolist .item:hover .text{ height:100%; text-align:left; padding-top:20px; background-color: rgba(99,167,10,0.8); display:block;}
.nprolist .item:hover .text h3{ font-weight:bold;}
.nprolist .item:hover .text p{ opacity:1; margin-top:-10px}
.nprolist .item .text .pmore{ width:130px; padding-right:20px; line-height:40px; border-radius:20px; border:solid 1px #fff; text-align:center; margin:50px 25px 0 25px; position:relative; }
.nprolist .item .text .pmore i{content: '';display: block;position: absolute;right: 22px;top: 50%; margin-top:-3px; transform: translateY(-50%);width:10px;height:6px;transform: rotate(-90deg);background: url(../images/jt.png)no-repeat center center;background-size:10px auto;}
.nprolist .item .text .pmore:hover i{animation: dongqilai2 1s infinite;background: url(../images/jt.png) no-repeat center center;background-size:10px auto;}


.nprolist04{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.nprolist04 .item{ width:calc(25% - 15px); margin-right:20px; margin-bottom:20px; position:relative; overflow:hidden; border-radius:10px}
.nprolist04 .item:nth-child(4n){ margin-right:0;}
.nprolist04 .item .text{ background-color:rgba(87,87,87,0.8); color:#fff }
.nprolist04 .item .text h3{ font-size:24px; padding:15px 25px 25px 25px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nprolist04 .item .text p{ color:#fff; padding:0 25px 0 25px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; margin-top:-12px;}

.nprolist04 .item .text{ position:absolute; left:0; bottom:0; width:100%; height:63px; transition:all 1.5s; }
.nprolist04 .item:hover .text{ height:100%; text-align:left;  padding-top:20px; background-color: rgba(99,167,10,0.8); display:block;}
.nprolist04 .item:hover .text h3{ font-weight:bold;}
.nprolist04 .item:hover .text p{ opacity:1; }
.nprolist04 .item .text .pmore{ width:120px; font-size:14px; padding-right:20px; line-height:38px; border-radius:20px; border:solid 1px #fff; text-align:center; margin:30px 25px 0 25px; position:relative; }
.nprolist04 .item .text .pmore i{content: '';display: block;position: absolute;right: 22px;top: 50%; margin-top:-3px; transform: translateY(-50%);width:10px;height:6px;transform: rotate(-90deg);background: url(../images/jt.png)no-repeat center center;background-size:10px auto;}
.nprolist04 .item .text .pmore:hover i{animation: dongqilai2 1s infinite;background: url(../images/jt.png) no-repeat center center;background-size:10px auto;}

.nprolist04 .item.cur .text{ height:100%; text-align:left; padding-top:0px;  background-color: rgba(99,167,10,1); display:block; display:flex;align-items:center;}
.nprolist04 .item.cur .text p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:8;overflow: hidden; opacity:1; }


.prodetail{ position: relative; }
.prodetail .pnav{ position:absolute; left:0; top:50px;}

.nappdetail{ position: relative; }
.nappdetail .pnav{ position:absolute; left:0 !important; top:50px; z-index:99}


.pnav.fixeds{position:fixed !important;left:0%; top:180px !important; z-index:99}
.pnav{ width:220px;}
.pnav ul li{ line-height:40px; margin-bottom:10px;}
.pnav ul li a{ display:block; padding:0 35px 0 22px; border-radius:0 20px 20px 0; color:#fff; background:#575757; opacity:0.6; }
.pnav ul li a:hover, .pnav ul li.cur a{ color:#fff; background-image: linear-gradient(90deg, #32cd32, #24b34b);opacity:1}

.prodetailcon { padding-left:200px;}
.prodetailcon.prodetailcon02 { padding-left:0px;}
.prodetailcon .kuai .pics{ width:40%; float:right; text-align:center}
.prodetailcon.prodetailcon02 .kuai .pics{ width:46%; }
.prodetailcon .kuai .pics img{ display:block; width:100%; height:auto; border-radius:15px; overflow:hidden;}
.prodetailcon .kuai .text{ width:55%; float:left}
.prodetailcon.prodetailcon02 .kuai .text{ width:46%;}
.prodetailcon .kuai .text h3{ font-size:36px; line-height:45px; font-weight:bold; margin-bottom:20px;}
.prodetailcon .kuai .text p{ opacity:0.9;}
.prodetailcon h4{ font-size:24px; font-weight:bold; margin-bottom:15px;}
.prodetailcon .kuai .text .list .conn p { border-bottom:solid 1px #ddd; padding:8px 0;}
.prodetailcon .kuai .text .list .conn p span:nth-child(1){ width:230px; display:inline-block; font-weight:bold; float:left; }
.prodetailcon .kuai .text .list .conn p span:nth-child(2){ width:calc(100% - 230px); font-weight:normal; float: right;}
.prodetailcon .laidian { margin-top:80px;}
.prodetailcon h5{font-size:20px; font-weight:bold; background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent;}
.prodetailcon .more{ width:280px;}

.prodetailcon .napp h4{ margin-bottom:30px; font-size:30px;}
.napp .swiper-container-horizontal>.swiper-scrollbar{ left:0; width:100%}
.napp .swiper-scrollbar-drag{ background-image: linear-gradient(90deg, #32cd32, #24b34b); opacity:0.6; }

.napp .swiper-slide{position:relative; overflow:hidden; border-radius:10px; margin-bottom:40px;}
.napp .swiper-slide .text{ background:#32cd32; color:#fff }
.napp .swiper-slide .text h3{ font-size:30px; padding:25px 25px 40px 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.napp .swiper-slide .text p{ color:#fff; padding:0 25px 0 25px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; margin-top:-10px;}
.napp .swiper-slide .text{ position:absolute; left:0; bottom:0; width:100%; height:90px; transition:all 1.5s; }
.napp .swiper-slide:hover .text{ height:100%; text-align:left; padding-top:30px; background-color: rgba(99,167,10,0.8); display:block;}
.napp .swiper-slide:hover .text h3{ font-weight:bold; white-space: normal;}
.napp .swiper-slide:hover .text p{ opacity:1;}
.napp .swiper-slide .text .pmore{ width:130px; padding-right:20px; line-height:40px; border-radius:20px; border:solid 1px #fff; text-align:center; margin:40px 25px 0 25px; position:relative; }
.napp .swiper-slide .text .pmore i{content: '';display: block;position: absolute;right: 22px;top: 50%; margin-top:-3px; transform: translateY(-50%);width:10px;height:6px;transform: rotate(-90deg);background: url(../images/jt.png)no-repeat center center;background-size:10px auto;}
.napp .swiper-slide .text .pmore:hover i{animation: dongqilai2 1s infinite;background: url(../images/jt.png) no-repeat center center;background-size:10px auto;}

.nindustry .jian{ margin-bottom:45px;}

.nxuanxing .ntitle02{ margin-top:-30px; margin-bottom:40px; }
.nxuanxing .ntitle02 h3{font-size:40px; line-height:50px; font-weight:bold; background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent;}
.nxuanxing .ntitle03{ margin-bottom:35px;}
.nxuanxing .ntitle03 h3{ font-size:35px; margin-bottom:15px; font-weight:bold;}
.nxuanxing .ntitle03 p{ font-size:18px; opacity:0.8}

.liucheng01{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content:center;}
.liucheng01 .item{ width:20%; margin-bottom:2%; text-align:center;}
.liucheng01.liucheng04 .item{ width:16.66%}
.liucheng01 .item a{ display:block; cursor:pointer;}
.liucheng01 .item .icon{ width:150px; height:150px;display:flex;align-items:center; border-radius:50%;background:#f6f6f6;  margin:0 auto 10px auto; position:relative}
.liucheng01 .item .icon img{ display:block; margin:0 auto; width:auto; height:auto; max-width:70%; max-height:40%; filter:grayscale(100%);}
.liucheng01 .item:hover .icon img{  filter:grayscale(0%);}

.liucheng01.liucheng02 .item { width:33.33%}
.liucheng01.liucheng02 .item .icon{ display: inline-block;}
.liucheng01.liucheng02 .item .icon img{ display:block; margin:0 auto; width:auto; height:auto; max-width:70%; max-height:40%; filter:grayscale(100%);}
.liucheng01.liucheng02 .item:hover .icon img{  filter:grayscale(100%);}
.liucheng01.liucheng02 .item .icon:hover img{  filter:grayscale(0%);}

.liucheng01.liucheng02 .item .icon div{ width:150px; height:150px;display:flex;align-items:center; border-radius:50%; margin:0 auto 10px auto; background:#fff; position:relative; }
.liucheng01.liucheng02 .item .icon:nth-child(2){ margin-left:40px;}
.liucheng01.liucheng02 .item .icon img{max-width:40%; max-height:40%; margin-bottom:20px; }
.liucheng01.liucheng02 .item h3{ position:absolute; left:0; top:50%; margin-top:20px; font-size:16px; width:100%; text-align:center; color:#8d8d8d; }
.liucheng01.liucheng02 .item .icon:hover h3{ color:#32cd32;}
.liucheng01.liucheng02 .item p{ clear:both;}

.liucheng01.liucheng03 .item{ width:16.66%}
.liucheng01.liucheng03 .item h3{ position:absolute; left:0; top:30%; width:100%; text-align:center;  color:#555; }
.liucheng01.liucheng03 .item:hover h3{ color:#32cd32}

.liucheng01.liucheng04 .item .icon{background:#fff;}
.liucheng01.liucheng04 .item .icon h3{ font-size:30px; font-weight:bold; text-align:center; display:block; width:100%; color:#444; }
.liucheng01.liucheng04 .item .icon h3 span{ display:block; font-size:14px; line-height:16px; font-weight:normal}
.liucheng01.liucheng04 .item:hover .icon h3{ color:#32cd32}
.liucheng01.liucheng04 { display:block}
.liucheng01.liucheng04 .tabmenu{ text-align:center; margin-bottom:40px; margin-top:-10px; }
.liucheng01.liucheng04 .tabmenu li{ display:inline-block; margin:0 20px; cursor:pointer;}
.liucheng01.liucheng04 .tabmenu li.cli, .liucheng01.liucheng04 .tabmenu li:hover{ color:#32cd32; border-bottom:solid 2px #32cd32;}
.liucheng01.liucheng04 #tabcontent ul{ clear:both;position:relative; display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content:center;}
.liucheng01.liucheng04 #tabcontent .hidden {display:none;}

.nliuyan .conn{ max-width:1200px; margin:0 auto;}
.nliuyan .input{ float:left; width:49%; border:solid 1px #ddd; border-radius:5px; margin-bottom:20px; line-height:50px; height:50px; padding:0 10px;}
.nliuyan  ::-webkit-input-placeholder { color: #999;}
.nliuyan .input:nth-child(2n){ float:right}
.nliuyan .select {float:left; width:49%; border:solid 1px #ddd;border-radius:5px; margin-bottom:20px; line-height:50px; height:50px; padding:0 10px; color: #999;}
.nliuyan .select:nth-child(2n){ float:right}
.nliuyan textarea{clear: both;width: 100%; border-radius: 5px;border: solid 1px #ddd; padding:10px; height: 100px;}
.nliuyan .yzm{ float:right;width:49%; }
.nliuyan .yzm .input{ width:100%}
.nliuyan .submit{border:none; position:relative; margin:0 auto; display:block; margin-top:30px; width:49%; max-width:200px;  line-height:50px; height:50px;border-radius:25px; color:#fff; background-image: linear-gradient(90deg, #32cd32, #24b34b); color: #fff; text-align: center;}
.nliuyan .submit:hover{box-shadow: 0 0 10px #ccc;}

.nappdetail .wrap{ position:relative;}
.nappdetail .appdetailcon .wrap{padding-left: 160px;}
.nappdetail .appdetailcon .text02{ width:calc(47% - 80px)}
.nappdetail h4{ font-size:28px; font-weight:bold; margin-bottom:15px;}
.nappdetail .text .item h4{ font-size:24px;}
.prodetailcon .napp h4{ margin-bottom:30px; font-size:30px;}
.nappdetail .text .item p{ line-height:28px;}

.nappdetail .pics{ float:left; width:48%; position:relative}
.nappdetail .pics img{ border-radius:10px; overflow:hidden;}
.nappdetail .appcase{ float:right; width:48%; }
.nappdetail .appcase{  margin-top:50px;}
.nappdetail .appcase .conn video{ border-radius:15px; overflow:hidden; min-height:180px; background:#000;}
.nappdetail .appcase h4{ margin-bottom:25px;}
.nappdetail .pics img, .nappdetail .pics video{ display:block; width:100%; height:auto; }
.nappdetail .text{ float:right; width:47%;}
.nappdetail .text02{ width:47%; position:absolute; margin-top:50px; height:calc(100% - 50px);}
.nappdetail .text02:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 55px); background:#f6f6f6; z-index:-1;  border-radius:15px; overflow:hidden;}
.nappdetail .text02 .conn{padding:40px 20px 40px 30px;}
.nappdetail .text02 .conn .list{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content:left; max-height:340px; overflow-y:scroll; padding-right:10px;}
.nappdetail .text02 .conn .list::-webkit-scrollbar{width:3px;}
.nappdetail .text02 .conn .list::-webkit-scrollbar-track{background: #f1f1f1;border-radius:3px;}
.nappdetail .text02 .conn .list::-webkit-scrollbar-thumb{border-radius: 3px; height:40px;background-image: linear-gradient(90deg, #32cd32, #24b34b);}


.nappdetail .text02 .conn .item{ width: calc(25% - 15px);text-align: center; background:#fff; margin-right:20px; margin-bottom:20px;height:150px;}
.nappdetail .text02 .conn .item:hover{box-shadow: #e0e0e0 0 0 18px;}
.nappdetail .text02 .conn .item:nth-child(4n){ margin-right:0}
.nappdetail .text02 .conn .item:nth-child(4n+1){ clear:both}
.nappdetail .text02 .conn .item img{display: inline-block;vertical-align: middle;max-width:85%;max-height:55%;-webkit-transition: .8s;-moz-transition: .8s;transition: .8s;}
.nappdetail .text02 .conn .item i{ display:inline-block; width:0; height:100%; vertical-align: middle;}


.nappdetail .text p { opacity:0.8;}
.nappdetail .text .item{ margin-bottom:30px;}


.nappdetail .appcaseroll .roll{ background:#f6f6f6; padding:20px;}

.nappdetail .appcaseroll .roll .swiper-slide{background:#fff; height:80px; text-align:center; margin-bottom:30px;}
.nappdetail .appcaseroll .roll .swiper-slide:hover{box-shadow: #e0e0e0 0 0 18px;}
.nappdetail .appcaseroll .roll .swiper-slide img{display: inline-block;vertical-align: middle;max-width:80%;max-height:70%;-webkit-transition: .8s;-moz-transition: .8s;transition: .8s;}
/*.nappdetail .appcaseroll .roll .swiper-slide:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}*/
.nappdetail .appcaseroll .roll .swiper-slide i{ display:inline-block; width:0; height:100%; vertical-align: middle;}
.nappdetail .appcaseroll .roll .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0 !important;}
.nappdetail .appcaseroll .roll .swiper-pagination-bullet-active{background-image: linear-gradient(90deg, #32cd32, #24b34b); }

.nappdetail .appcase .conn{ position:relative; }
.nappdetail .appcase .conn .bg{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0); display:none}
.nappdetail .appcase .conn.cur .bg{ display:block}
.nappdetail .appcase .videobutton {display: block;width: 80px;height: 80px;margin: 0 auto;position: absolute; top:50%; left:50%; margin-left:-40px; margin-top:-40px;}
.nappdetail .appcase .videobutton.hide{ display:none; }
.nappdetail .appcase .videobutton i {display: block;background: url(../images/videobut.png) no-repeat center center; background-size:cover;position: absolute;left: 0;top: 0;width: 100%;  height: 100%;border-radius: 50%;}
.nappdetail .appcase .videobutton::before, .nappdetail .appcase .videobutton::after {position: absolute;left: 50%;top: 50%;width: 80px;height: 80px;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);border-radius: 50%;-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-webkit-animation: rippleOne 3s infinite;animation: rippleOne 3s infinite;}
.nappdetail .appcase .videobutton::before {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;content: "";position: absolute;right: 0;bottom: 0;}
.nappdetail .appcase .videobutton::after {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;content: "";position: absolute;right: 0;bottom: 0;}
@keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 30px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}


.nappdetail .napp{ margin-top:50px;}
.nappdetail .napp h4{ margin-bottom:30px;}


.proyoushi p{ position: relative; display:block; padding-left:25px; margin-bottom:10px;}
.proyoushi p:after{ content:""; position:absolute; left:0; width:8px; height:8px; border-radius:50%; background:#32cd32; left:0; top:12px;}


.nserivce .wrap{ position:relative; }
.nserivce .wrap .kfys{ width: 100%; text-align:center;border-radius:15px; overflow:hidden; margin-top:80px; background:#f6f6f6; padding:3%; display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nserivce .wrap .kfys .item{ width:25%; }
.nserivce .wrap .kfys .item h3{ font-size:20px; line-height:50px;  background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent;}
.nserivce .wrap .kfys .item h3 span{ font-size:55px; font-weight:bold; }
.nserivce .wrap .kfys .item p{ font-size:18px;}
.nserivce .youshi{ margin-top:65px;}

.nserivce .wrap .title02 { margin-bottom:25px; position: relative;}
.nserivce .wrap .title02 h2{font-size:32px; line-height:35px;  margin-bottom:10px; font-weight:bold; background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent;} 
.nserivce .wrap .title02 h3{font-size:32px; font-weight:bold; color:#222; } 
.nserivce .wrap .title02 h4{font-size:18px; margin-top:15px; color:#222; } 

.nserivce .wrap .kuai{ width:100%;}
.nserivce .wrap .kuai .title { margin-bottom:20px;}
.nserivce .wrap .kuai .img{ float: right; width:45%; border-radius:15px; overflow:hidden; }
.nserivce .wrap .kuai .img img{ display:block; width:100%; height:auto; }
.nserivce .wrap .kuai .txt{ float: left; width:45%; }
.nserivce .wrap .kuai .list .item{ margin-bottom:10px; }
.nserivce .wrap .kuai .list .item .icon{ width:50px; border-radius:50%; height:50px; float:left; border:solid 1px #ddd; display:flex;align-items:center; text-align:center;}
.nserivce .wrap .kuai .list .item .icon img{ display: block; max-width:50%; max-height:50%; margin:0 auto;filter: grayscale(0%);}
.nserivce .wrap .kuai .list .item h3{ font-weight:bold; font-size:24px; line-height:50px;}
.nserivce .wrap .kuai p{ opacity:0.9;}

.nserivce .wrap .kuai02{ margin-top:50px;}
.nserivce .wrap .kuai02 .title02{ margin-bottom:40px;}
.nserivce .wrap .kuai02 .conn{width:100%; display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.nserivce .wrap .kuai02 .conn .item{ width:23.5%; margin-right:2%; margin-bottom:2%; background:#32cd32; position:relative;border-radius:15px; overflow:hidden;}
.nserivce .wrap .kuai02 .conn .item:nth-child(4n){ margin-right:0; }

.nserivce .wrap .kuai02 .conn .item .img img{ display:block; width:100%; height:auto;}
.nserivce .wrap .kuai02 .conn .item .text{ position:absolute; right:0; bottom:0; color:#fff;background:#32cd32;  width:100%; padding:20px 20px 30px 20px; line-height:26px;}
.nserivce .wrap .kuai02 .conn .item .text span{ font-size:160%; font-weight:bold; padding-right:10px;}
.nserivce .wrap .kuai02 .conn .item .serlogo{ position:absolute; top:35px; right:35px; display:none}
.nserivce .wrap .kuai02 .conn .item .serlogo img{ display:block; width:60px; height:auto;}


.nserivce .wrap .kuai03{ margin-top:50px;}
.nserivce .wrap .kuai03 .shuzihua{ width:55%; float:left;}
.nserivce .wrap .kuai03 .shuzihua .item{ width:50%; float:left; margin-top:50px;}
.nserivce .wrap .kuai03 .shuzihua .item:nth-child(1), .nserivce .wrap .kuai03 .shuzihua .item:nth-child(2){ margin-bottom:80px;}
.nserivce .wrap .kuai03 .shuzihua .item p{ font-size:18px;}
.nserivce .wrap .kuai03 .shuzihua .item h3{ font-size:24px; /*background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent;*/}
.nserivce .wrap .kuai03 .shuzihua .item h3 span{ font-size:75px; font-weight:bold; line-height:70px;}

.nserivce .wrap .kuai03 .intro{ width:45%; float:right;}
.nserivce .wrap .kuai03 .intro p{ font-size:18px; margin-bottom:30px; line-height:35px;}

.nserivce02 .img{ float:right; width:47%; border-radius:15px; overflow:hidden;}
.nserivce02.nserivce03 .img{ float:left;}
.nserivce02 .img img{ display:block; width:100%; height:auto;border-radius:15px; overflow:hidden;}
.nserivce02 .txt{ float:left; width:47%; }
.nserivce02.nserivce03 .txt{ float:right; /*margin-top:2%*/}
.nserivce02 h4{ font-size:24px; font-weight:bold; margin-bottom:15px;}
/*.nserivce02 h3{ font-size:40px; font-weight:bold; margin-bottom:30px;}*/
.nserivce02 .napp .roll h3{ margin-bottom:0px;}

.nserivce02 .greenline{ margin:50px 0;}

.nserivce02.nserivce03 .wrap{ position:relative}
.nserivce02.nserivce03 .wrap .jsroll{ /*position:absolute; right:0; bottom:0; width:47%;*/ margin-top:30px;}
.nserivce02.nserivce03 .wrap .jsroll .swiper-slide{ border-radius:15px; border:solid 2px #ddd; overflow:hidden; padding:1%;}
.nserivce02.nserivce03 .jsroll .swiper-button-prev{ background:url(../images/bpre02.png)  no-repeat center center; background-size:16px auto; }
.nserivce02.nserivce03 .jsroll .swiper-button-next{ background:url(../images/bnext02.png) no-repeat center center;background-size:16px auto; left:auto; right:0px;}
.nserivce02.nserivce03 .wrap .jsroll .swiper-slide .img-dv .img2{ min-height:auto !important; max-height:100%; width:auto !important; max-width:100% !important; }

.nappdetail .pics .teshu{ padding:4%; background:#f6f6f6;}
.nappdetail .pics h3{ border-radius:15px; overflow:hidden; font-size:20px; line-height:35px;  font-weight:bold; background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent;}



.single-product-top{ margin-top:60px;}
.single-product-top .picsshow{width:48%; float:left; position:relative; border:solid 1px #ddd}


.gallery-thumbs {padding:0;  margin:10px 0 15px 0; position:relative }
.gallery-thumbs .swiper-slide { position:relative; padding-top:10px}
.gallery-thumbs .swiper-slide img{ display:block; width:calc(100% - 2px); margin:1px; height:auto;border: 1px solid #ddd;}
/*.gallery-thumbs .active img {border: 1px solid #32cd32;}*/


.gallery-thumbs .swiper-button-prev, .gallery-thumbs .swiper-button-next{ z-index:98; width:29px; height:45px; margin-top:-18px; outline:none; opacity:1; left:10px; top:50%; overflow:hidden}
.gallery-thumbs .swiper-button-prev{ background:url(../images/bpre.png) no-repeat center center; background-size:20px auto; }
.gallery-thumbs .swiper-button-next{ background:url(../images/bnext.png) no-repeat center center;background-size:20px auto; left:auto; right:10px;}


.nprocontact{ margin:80px 0; padding:60px 0;}
.nprocontact .wrap{position:relative;}
.nprocontact .title h4{ font-size:30px; font-weight:bold; margin-bottom:15px;}
.nprocontact .title{ margin-bottom:20px;}
.nprocontact .wrap .text p{ font-size:20px; display:block; width:100%; margin:0 0 15px 0; font-weight:bold; background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent; }
.nprocontact .wrap .text h4{ display:block; width:100%; font-size:24px; margin-bottom:5px; font-weight:bold; background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent; }
.nprocontact .wrap .app{ position: absolute; top:0; right:0; text-align:center;}
.nprocontact .wrap .app img{ display:block; width:130px; margin-bottom:5px; height:auto}
.nprocontact .wrap .text h3{ line-height:60px; font-size:30px;font-weight:bold; background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent; }
.nprocontact .wrap .text h3 span:nth-child(2){ margin-left:50px;}

.nsercontact{ margin-bottom:40px; padding:20px 0;}
.nsercontact .wrap{position:relative; width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; }
.nsercontact .wrap .biao, .nsercontact .wrap .text, .nsercontact .wrap .app{ display:inline-block; text-align:center; }
.nsercontact .wrap .biao, .nsercontact .wrap .text{ position:relative}
.nsercontact .wrap .biao:after, .nsercontact .wrap .text:after{ content:""; position:absolute; left:0; bottom:-20px; width:100%; height:3px; background:#32cd32;}
.nsercontact .wrap .biao h3, .nsercontact .wrap .text h3{ font-size:36px; margin-top:20px; font-weight:bold; line-height:60px; background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent;}
.nsercontact .wrap .text h3{font-size:40px; margin-top:40px; }
.nsercontact .wrap .biao h4{ font-size:30px;}
.nsercontact .wrap .app img{ display:block; width:120px; height:auto; margin-bottom:5px;}

.serother .wrap{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content:left; }
.serother .item{position:relative; overflow:hidden; border-radius:10px; width:23.5%; margin-right:2%}
.serother .item:nth-child(4n){ margin-right:0;}

.serother.serother03 .item{position:relative; overflow:hidden; border-radius:10px; width:32%; margin-right:2%}
.serother.serother03 .item:nth-child(3n){ margin-right:0;}

.serother.serother02 .item{position:relative; overflow:hidden; border-radius:10px; width:49%; margin-right:2%}
.serother.serother02 .item:nth-child(2n){ margin-right:0;}

.serother .item .text{ background:#32cd32; color:#fff }
.serother .item .text h3{ font-size:30px; padding:25px 25px 40px 25px; }
.serother .item .text p{ color:#fff; padding:0 25px 0 25px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-top:-12px;}
.serother .item .text{ position: absolute;bottom: -7px;width: 100%;height: 90px;transition: all 1.5s;}
.serother .item:hover .text{ height:100%; bottom: 0px;text-align:left; padding-top:20px; background-color: rgba(99,167,10,0.8); display:block;}
.serother .item:hover .text h3{ font-weight:bold;}
.serother .item:hover .text p{ opacity:1;}
.serother .item .text .pmore{ width:130px; padding-right:20px; line-height:40px; border-radius:20px; border:solid 1px #fff; text-align:center; margin:50px 25px 0 25px; position:relative; }
.serother .item .text .pmore i{content: '';display: block;position: absolute;right: 22px;top: 50%; margin-top:-3px; transform: translateY(-50%);width:10px;height:6px;transform: rotate(-90deg);background: url(../images/jt.png)no-repeat center center;background-size:10px auto;}
.serother .item .text .pmore:hover i{animation: dongqilai2 1s infinite;background: url(../images/jt.png) no-repeat center center;background-size:10px auto;}


.nglobal img{ display:block; width:100%; height:auto}
.nglobal .wrap{ position:relative;}
.nglobal .wrap .title{ position: absolute; left:0; top:0;}
.nglobal .wrap .conn{ float:right; text-align:right;}
.nglobal .wrap .conn h4{ font-size:24px; font-weight:bold; margin-top:30px; line-height:36px;}


.nactive .ytabmenu{ margin-bottom:30px}
.nactive .ytabmenu li {display: inline-block;  float:left; color: rgba(102,102,102,0.95); line-height:45px; font-size:30px;margin-right:45px; cursor:pointer}
.nactive .ytabmenu .cur {background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent;}
.nactive #ytabcontent .hidden {display:none;}
.nactive #ytabcontent .item{ border:solid 1px #ddd; margin-bottom:30px;}
.nactive #ytabcontent .item .month{ padding: 7px 0 0 30px;font-size:22px;line-height: 60px;text-transform: uppercase; background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent;}
.nactive #ytabcontent .item .list span{ display:inline-block; padding:15px 0 15px 30px; width:20%; float:left;line-height: 1.875;}
.nactive #ytabcontent .item .list span:nth-child(2){ width:50%}
.nnews #ytabcontent .item .list span:nth-child(3){ width:30%}
.nactive #ytabcontent .item .list:nth-child(2n+1){ background:#f5f5f5;}



.ndown .sertabmenu{ margin-bottom:15px;}
.ndown .sertabmenu ul{padding: 0px;border-top: 2px solid white;margin-top: -2px;border-bottom: 1px solid #cccccc;}
.ndown .sertabmenu li {padding: 15px 0;border-radius: 6px 6px 0px 0px;background: #e1e1e1;margin-right: 10px;border: #e4e4e4 solid 1px;border-bottom: 0px; cursor:pointer; width:calc(50% - 5px); float:left; text-align:center; font-size:18px;}
.ndown .sertabmenu li:last-child{ margin-right:0}
.ndown .sertabmenu .cur {background-image: linear-gradient(90deg, #32cd32, #24b34b); border: #cccccc solid 1px; margin-bottom: -1px;color:#fff;}
.ndown #sertabcontent .hidden {display:none;}
.ndown #sertabcontent { clear:both; line-height:30px !important;}
.ndown .sertitle{ background:#eee; line-height:25px; border-bottom: 3px solid #ccc;font-weight:bold; color:#444}
.ndown .sertitle, .ndown .sercon p{ padding:10px 8%}
.ndown .sercon p{ cursor: pointer}

.ndown .sertitle span, .ndown .sercon span{ width:33.33%; float:left; padding-left:20px;}
.ndown .sertitle span:nth-child(1), .ndown .sercon span:nth-child(1){ width:50%; padding-left:0px;}
.ndown .sertitle span:nth-child(2), .ndown .sercon span:nth-child(2){ width:calc(50% - 126px);}
.ndown .sertitle span:last-child, .ndown .sercon span:last-child{ width:126px}

.ndown .sercon p{ line-height:38px; border-bottom:solid 1px #ddd; }
.ndown .sercon p:nth-child(2n){background: #f7f7f7;}
.ndown .sercon p a{color:#444;  }
.ndown .sercon p span:nth-child(1) { color:#24b34b; background:url(../images/down.png) no-repeat 0px center; background-size:25px auto; padding-left:35px;}

.liuyan-sub{ left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:92%; max-width:880px; height:90vh; max-height:650px; position:fixed;z-index:999999; background:#fff; display:none; border-radius: 10px;-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.25);-moz-box-shadow: 1px 1px 12px rgba(0,0,0,.25);box-shadow: 1px 1px 12px rgba(0,0,0,.25);}
.liuyan-sub.cur{ display:block}
.liuyan-sub .closed{ position:absolute; width:25px; height:25px; background:url(../images/close_1.png) no-repeat;background-size:cover; right:30px;top:30px; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s; z-index:999999;}
.liuyan-sub .closed:hover{background:url(../images/close_2.png) no-repeat; background-size:cover;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.liuyan-sub .conn{ padding:25px 50px 25px 50px; position:absolute; width:100%;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; max-height:100%; overflow-y:auto}
.liuyan-sub .ntitle03{ margin-bottom:35px;}
.liuyan-sub .ntitle03 h3{ font-size:35px; margin-bottom:15px; font-weight:bold;}
.liuyan-sub .ntitle03 p{ font-size:18px; opacity:0.8}


.bg{ background-color:rgba(0,0,0,0.7); z-index:999998; width:100%; height:100%;position:fixed; left:0; top:0; display:none}
.bg.cur{ display:block}


.ncontact .ntitle p{ margin-top:15px; /*font-size:20px;background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent; font-weight:bold;*/}

.messages { float:left; width:47%; line-height:35px;}
.messages .ncopic{ margin-bottom:20px;}
.messages .ncopic img{ display:block; width:100%; height:auto; border-radius:15px; overflow:hidden; }
.messages p{ opacity:0.8; }
.messages .row{ position:relative; }
.messages .row .colum{ float:left; width:49%}
.messages .row .colum:nth-child(2n){ float:right}
.messages .row02 .colum{ float:none; width:100%; clear:both}
.messages .row{margin-bottom:5px;}
.messages .inp, .messages textarea{border-radius:5px;}
.messages .inp{width: 100%;border: 1px solid #ddd;line-height:36px;height:36px;padding: 0 10px;transition: border-color .5s;}
.messages select{width: 100%;border: 1px solid #ddd;line-height:36px;height:36px;padding: 0 5px;transition: border-color .5s; color:#666}
.messages textarea{width: 100%; height:100px; display:block;border: 1px solid #ddd;font-size: 14px;line-height:20px;padding:15px;transition: border-color .5s;}
.messages .submit{border:none; position:relative; display:block; margin-top:30px; width:49%; max-width:200px;  line-height:50px; height:50px;border-radius:25px; color:#fff; background-image: linear-gradient(90deg, #32cd32, #24b34b); color: #fff; text-align: center;}
.messages .submit:hover{box-shadow: 0 0 10px #ccc;}
.messages .sm{ margin-top:10px;}
.messages .smtext{ display:inline-block; width:calc(100% - 20px); float:left; line-height:20px; margin-top:}

.contacts { float:right; width:47%; line-height:35px;}
.ncontact .intro{ margin-bottom:30px;}
.ncontact h3{color:#403f41; font-weight:bold}
.ncontact p{ clear:both; padding:5px 0 0 0; position:relative;}
.ncontact p span:nth-child(1){ display:inline-block; width:88px; float:left;color:#403f41; font-weight:bold} 
.ncontact p span:nth-child(2){ display:inline-block; width:calc(100% - 88px); float:left; overflow:hidden} 
.ncontact p a{ text-decoration:underline; color:#32cd32;}

.ncontact .line{ width:100%; height:3px; background:#32cd32; margin:35px 0;}
.ncontact img{ display:block; width:100%;margin-top:10px; }
.othercontact h3{ font-size:20px; font-weight:bold; line-height:45px;}
.othercontact .item{line-height:32px;}
.othercontact .item img{ max-width:400px; }


.nbujian .kuai{ margin-bottom:60px;}
.nbujian .img{ width:46%;}
.nbujian .img img{ display:block; width:100%; border-radius:15px; overflow:hidden;}
.nbujian .text{ width:46%;}
.nbujian .text img{ display: block; width:auto; max-width:100%;}
.nbujian .fl{ float:left;}
.nbujian .fr{ float:right;}
.nbujian .text h3{ font-size:40px; font-weight:bold; line-height:40px; margin-top:30px;}
.nbujian .text h4{ font-size:30px; font-weight:bold; margin-bottom:20px; line-height:45px; }
.nbujian .text h5{ font-size:24px; font-weight:bold; margin-bottom:20px; line-height:30px; }
.nbujian .text .cs{ line-height:35px; background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent; font-size:110%;}
.nbujian .kuai .text01 p{ margin-bottom:10px;}
.nbujian .kuai .text02 p{ padding:3px 0 3px 20px; position:relative; margin-bottom:0}
.nbujian .kuai .text02 p:after{ content:""; position:absolute; left:0; width:8px; height:8px; border-radius:50%; background:#32cd32; left:0; top:13px;}

.nbujian .lists{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.nbujian .lists .item{ width:49%; margin-right:2%; margin-bottom:30px}
.nbujian .lists .item:nth-child(2n){ margin-right:0;}

.nbujian .lists.lists03 .item{ width:32%; margin-right:2%; margin-bottom:30px}
.nbujian .lists.lists03 .item:nth-child(2n){ margin-right:2%;}
.nbujian .lists.lists03 .item:nth-child(3n){ margin-right:0;}

.nbujian .nprolist .item .picout{ border-radius:15px; overflow:hidden; padding:3%; width:90%; margin-left:10%; margin-bottom:80px;}


.nbujian .nprolist .item{ width:calc(25% - 15px); margin-right:20px; background:#f6f7f7; }
.nbujian .nprolist .item .text h3{ font-size:30px; font-weight: normal; margin-bottom:0px; line-height:30px; margin-top:0px;}
.nbujian .nprolist .item:nth-child(3n){ margin-right:20px;}
.nbujian .nprolist .item:nth-child(4n){ margin-right:0%;}
.nbujian .nprolist .item .img-dv .img2{ width:auto; height:auto; max-width:100%; max-height:100%; min-width:auto; min-height:auto; }

.nbujian .nprolist.nprolist02 .item{ width:calc(50% - 10px); margin-right:20px; background:#f6f7f7; }
.nbujian .nprolist.nprolist02 .item:nth-child(3n){ margin-right:20px;}
.nbujian .nprolist.nprolist02 .item:nth-child(2n){ margin-right:0%;}

.nbujian .nprolist.nprolist03 .item{ width:calc(33.33% - 13.333px); margin-right:20px !important;}
.nbujian .nprolist.nprolist03 .item:nth-child(3n){ margin-right:0px !important;}
.nbujian .nprolist.nprolist03 .item:hover .text{ height:auto; text-align:left; padding-top:0px; }

.nbujian .lists .item .picout .pic{ margin-left:20%;}
.nbujian .lists .item .picout .img-dv .img2{ width:auto; height:auto; max-width:100%; max-height:100%; min-width:auto !important; max-height:100% !important;}
.nbujian .lists .item .picout h3{ font-size:24px; color:#333; font-weight:bold}
.nbujian .lists .item .text{ width:100%; color:#333;}
.nbujian .lists .item .text p{ margin-bottom:10px;}

.greenline { height:3px; width:100%; background: #32cd32; margin:80px 0;}

.listvideo{ position:relative}
.listvideo .nprolist02{ width:50%;}
.listvideo .nprolist02 .item{ margin-bottom:0; }
.listvideo .bujianvideo{ width:46%; height:100%; position:relative; position:absolute; right:0; bottom:0;  border-radius:15px; overflow:hidden;}
.listvideo .bujianvideo video{ display:block;position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%;}
.listvideo .bujianvideo .bg{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0); display:none}
.listvideo .bujianvideo.cur .bg{ display:block}
.listvideo .bujianvideo .videobutton {display: block;width: 80px;height: 80px;margin: 0 auto;position: absolute; top:50%; left:50%; margin-left:-40px; margin-top:-40px;}
.listvideo .bujianvideo .videobutton.hide{ display:none; }
.listvideo .bujianvideo .videobutton i {display: block;background: url(../images/videobut.png) no-repeat center center; background-size:cover;position: absolute;left: 0;top: 0;width: 100%;  height: 100%;border-radius: 50%;}
.listvideo .bujianvideo .videobutton::before, .nappdetail .appcase .videobutton::after {position: absolute;left: 50%;top: 50%;width: 80px;height: 80px;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);border-radius: 50%;-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);-webkit-animation: rippleOne 3s infinite;animation: rippleOne 3s infinite;}
.listvideo .bujianvideo .videobutton::before {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;content: "";position: absolute;right: 0;bottom: 0;}
.listvideo .bujianvideo .videobutton::after {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;content: "";position: absolute;right: 0;bottom: 0;}



.contact-map{width: 100%;padding:10px 0;}
.contact-map img{ display:block; width:100%;  height:auto}
.map-container{ width:1500px; height:750px; margin:0 auto; position:relative}
.map-background{ max-width:100%; height:auto; display:block}
.map-outline{position: absolute;top: 0;left: 0; width:100%; height:100%;pointer-events: none;/*background-image: url(../images/map-outlines.png);*/ background-size:cover; z-index:8}
.contact-map .map-container .map-group{position: absolute;top: 0;left: 0; width:100%; height:100%;pointer-events: none;opacity: 0;-webkit-transition: opacity .2s ease-out;transition: opacity .2s ease-out;z-index:7}
.contact-map .map-container .map-marker{position: absolute;display: none; color:#fff; background-image: linear-gradient(90deg, #32cd32, #24b34b); font-size:16px; font-weight:bold; border:1px solid #fff;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px; padding:5px 16px 5px 40px;pointer-events: none;z-index:9;}
.contact-map .map-container .map-marker .addicon{ width:28px; height:40px; background:url(../images/addicon.png) no-repeat; position:absolute; left:5px; bottom:10px; z-index:96}
.contact-map .map-container .map-marker#mm_01{left:75%;top:45%}
.contact-map .map-container .map-marker#mm_02{left:42%;top:12%;}
.contact-map .map-container .map-marker#mm_03{left:12%;top:28%;}
.contact-map .map-container .map-marker#mm_04{left:40%;top:50%;}

.map-container .pc1500{ display:block}
.map-container .pc1200{ display:none}
.map-container .pc640{ display:none}
.map-container .pc360{ display:none}

.contact-map .map-container .info-card{display: none;left: 0;position: absolute;top:0px;background-color: rgba(255,255,255,0.7);padding:30px 20px;box-shadow: 1px 1px 10px #666;width: 42%;z-index:10;}
.contact-map .map-container .info-card.info-card02, .contact-map .map-container .info-card.info-card03{ top:10px;}
.contact-map .map-container .info-card.info-card03{ top:0px;}
.contact-map .map-container .info-card.info-card04{ top:160px;}
.contact-map .map-container .info-card-r{left:auto;right:0}
.contact-map .map-container .info-card .close_action{ width:17px; height:15px; background:url(../images/close_btn_2.png) no-repeat; position:absolute; right:20px; top:20px; cursor:pointer}
.contact-map .map-container .info-card .country{ font-size:24px; background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent; margin-bottom:15px;}
.contact-map .map-container .info-card .text{ font-size:14px; line-height:28px;}

.contact-map .map-container .info-card .text .add{ margin-bottom:15px;}
.contact-map .map-container .info-card .text .add .item{ margin-bottom:15px;}
.contact-map .map-container .info-card .text .add .item p:first-child{ line-height:50px;}
.contact-map .map-container .info-card .text .add .item p{ clear:both;}
.contact-map .map-container .info-card .text .add .item p i{ width:50px; height:50px; border-radius:50%; overflow:hidden; display:block; float: left; margin-right:10px;}
.contact-map .map-container .info-card .text .add .item p i img{ display:block; width:100%; height:auto;}
.contact-map .map-container .info-card .text .p1{ font-style:italic; margin-top:15px; font-size:14px}
.contact-map .map-container .info-card .office .kuai{ float:left; width:30%; margin-right:2%; border-right:1px dotted #d8d8d8; min-height:215px}
.contact-map .map-container .info-card .office_2 .kuai{ float:left; width:47%; margin-right:2%; border-right:1px dotted #d8d8d8; min-height:215px}

.contact-map .map-container .info-card-overlay{width: 100%;height: 100%;z-index: 1;background: transparent;position: absolute;top: 0;left: 0;display: none;}
.contact-map .map-container .info-card-overlay.show{ display:block}
#Map area{ outline:none!important; border:none !important;touch-action: manipulation;}
.map-content.selected .map-group,.map-content.hover .map-group{ opacity:1;}
.map-content.selected .map-marker,.map-content.hover .map-marker{ display:block}
.map-content.selected .info-card{ display:block}
.flag li{ float:left; cursor:pointer; position:relative;}
.flag li img{ width:18px; height:18px; display:block; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; margin:1px; border:1px solid #e8e8e8; position:relative}
.tip:before{
	content:attr(data-title);
	width:auto;
	white-space: nowrap;
	display:block;
	background:#000;color:#fff;
	position:absolute; left:-45%; top:-25px; line-height:22px; font-size:12px; padding:0 5px;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px;
	display:none;
	-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;
}
.tip:hover::before{opacity:1;filter:alpha(opacity=100); display:block}


.nglobal .title h4{ font-size:24px; font-weight:bold; margin-top:30px;}



.nnewsxing .newsLeft{ float:left; width:70%}
.nnewsxing .newsLeft .tit{font-size:30px; margin-bottom:30px; color:#403f41}
.nnewsxing .newsLeft .newstime{ float:left; background: #f5f5f5; color: #333;float: left;width: 80px;line-height: 30px;text-align: center;margin-top: 5px;}
.nnewsxing .newsLeft .newstime span{display: block; font-weight:bold; font-size:2.1875em;background: #32cd32;color: #fff;line-height: 55px;letter-spacing: 2px; display:block}
.nnewsxing .newsLeft .newscon{ float:right; width:calc(100% - 120px); color:#555;}
.nnewsxing .newsLeft .newtit{/**/margin: 0px 0 20px; font-size:24px; font-weight:bold;}
.newsdetail{ line-height:1.875}
.newsdetail p{ margin:1em 0}
.newsdetail img{ max-width:100%; height:auto}
.nnewsxing .newstj{ float:right; width:25%}
.nnewsxing .newstj .newstit{margin: 65px 0 13px; font-size:24px;color:#403f41;}
.nnewsxing .newstj  p{ line-height:25px;  border-bottom: dashed 1px #ddd; padding:15px 0;}
.nnewsxing .newstj  p a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#555;}
.nnewsxing .newstj  p a:hover{ color:#32cd32; }
.back{ display:block; margin-top:40px; width:140px; float:right;}
.back a{ display:block;width:100%; line-height:40px; border-radius:8px; border: solid 2px #32cd32;color:#32cd32; text-align:center; text-transform:uppercase;}
.back a:hover{background:#32cd32; color:#fff;border: solid 2px #32cd32; }

.nab01.section{ padding-bottom:40px;}
.nab01 .img{ width:47%; border-radius:15px; overflow:hidden;}
.nab01 .img img{ display:block; width:100%;}
.nab01 .text{ width:47%; color:#555;}
.nab01 .fl{ float:left;}
.nab01 .fr{ float:right;}
.nab01 .text .title{ margin-bottom:20px;}
/*.nab01 .text .title h3{ border-top:none;}*/
.nab01.nab02 .text .title{ margin-bottom:30px;}
.nab01 .conn h4{ font-size:24px; font-weight:bold; margin-bottom:30px; color:#333;}
.nab01 .text .youshi{ margin-top:50px;}
.nab01 .text p{ margin-bottom:10px;}

.investor01 .conn{ color:#555;}
.investor01 .conn p{ margin-bottom:10px;}


.nsustainable .img{ width:54%; border-radius:15px; overflow:hidden;}
.nsustainable .img img{ display:block; width:100%;}
.nsustainable .text{ width:36%; color:#555;}
.nsustainable .fl{ float:left;}
.nsustainable .fr{ float:right;}
.nsustainable .text .title{ margin-bottom:20px;}
.nsustainable.nsustainable02 .text .title{ margin-bottom:30px;}
.nsustainable .conn h4{ font-size:24px; font-weight:bold; margin-bottom:30px; line-height:40px; color:#333;}
.nsustainable .text .youshi{ margin-top:50px;}
.nsustainable .text p{ margin-bottom:10px;}


.nsustainable.nsustainable02 .img{ width:34%;}
.nsustainable.nsustainable02 .text{ width:55%;}
.nsustainable.nsustainable03 .wrap{ border-radius:15px;}




.nhr .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.nhr .conn .item{ width:23.5%; margin-right:2%; margin-bottom:2%; position:relative; overflow:hidden; border-radius:10px}
.nhr .conn .item:nth-child(4n){ margin-right:0;}
.nhr .conn .item .text{ background:#32cd32; color:#fff }
.nhr .conn .item .text h3{ font-size:30px; padding:25px 25px 40px 25px; }
.nhr .conn .item .text p{ color:#fff; padding:0 25px 0 25px; margin-top:-12px;}
.nhr .conn .item .text{ position:absolute; left:0; bottom:0; width:100%; height:90px; transition:all 1.5s; }
.nhr .conn .item:hover .text{ height:100%; text-align:left; padding-top:20px; background-color: rgba(99,167,10,0.8); display:block;}
.nhr .conn .item:hover .text h3{ font-weight:bold;}
.nhr .conn .item:hover .text p{ opacity:1;}


.hrBox .hrtop{border-bottom: 1px solid #e5e5e5; font-size:18px;background:#32cd32; color:#fff}
.hrBox .hrtop .colm, .hrList .colm{ float:left;padding: 15px 3%;width:20%; text-align:center}
.hrBox .colm.colm1{ width:calc(60% - 180px)}
.hrBox .hrtop .colm5, .hrList .colm5{position:relative; width:180px;}
.hrList{ background:#fff;}
.hrList .colm1{ text-align:left}
.hrList .colm5:after{ content:""; width:8px; height:8px; border-right:1px solid #666; border-bottom:1px solid #666; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);position: absolute;top: 10px;}
.hrList .ttit{border-bottom: 1px solid #e5e5e5;display: flex;display:-webkit-flex;align-items: center; cursor:pointer}
.hrList li.cur{background: #fafafa;}
.hrList li.cur .colm5:after{ -webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);top:12px}
.hrList .hide{ background:#fafafa; padding:2% 3% 3%; display:none}


.nhr03 .img{ width:50%; border-radius:15px; overflow:hidden;}

.nhr03 .img img{ display:block; width:100%;}
.nhr03 .text{ width:45%; color:#555;}
.nhr03 .fl{ float:left;}
.nhr03 .fr{ float:right;}
.nhr03 .text .title{ margin-bottom:20px;}
.nhr03 .text .title{ margin-bottom:30px;}
.nhr03 .text h3{ font-size:30px; font-weight:bold; margin-bottom:10px; line-height:40px; margin-top:15px; color:#333;}
.nhr03 .text h4{ font-size:24px; font-weight:bold; margin-bottom:10px; line-height:40px; margin-top:15px; color:#333;}
.nhr03 .text .youshi{ margin-top:50px;}
.nhr03 .text p{ margin-bottom:10px;}

.nhr03 .kuai02{ margin-top:80px; position:relative}
.nhr03 .kuai02 .text h4{ font-size:30px; }
.nhr03 .kuai02 .text{ width:40%; position:absolute; left:0; top:0;}
.nhr03 .kuai02 .proswiper{ width:70%; float:right;}

.probtn{ max-width:300px;}
.probtn li{ border:solid 1px #666; line-height:45px; font-size:17px; text-align:center; margin-bottom:15px; border-radius:23px; color:#555; }
.probtn li.active{border:solid 1px #32cd32; background:#32cd32; color:#fff;}
.proswiper .swiper-slide{ position:relative; opacity:0 !important}
.proswiper .swiper-slide.swiper-slide-active{ opacity:1 !important} 
.proswiper .swiper-slide img{ border-radius:15px; margin-left:30%; width:70%; height:auto;}
.proswiper .swiper-slide .wenzi{ position:absolute; width:70%; margin-left:15px; margin-bottom:15px; left:0; bottom:0; padding:40px 50px 50px 50px; border-radius:15px; background-color:rgba(255,255,255,0.7); box-shadow:0 0 15px rgba(0,0,0,.15); }
.proswiper .swiper-slide .wenzi h3{ font-weight:bold; margin-bottom:10px;}

.nhr04 .swiper-slide{ overflow:hidden; position:relative; background:#32cd32;}
.nhr04 .swiper-slide .pic{ width:50%; float:right;}
.nhr04 .swiper-slide .wenzi{ width:50%; float:left; padding:5% 4% 5% calc(50% - 770px); color:#fff; line-height:40px; font-size:22px; }
@media screen and (max-width:1750px){
.nhr04 .swiper-slide .wenzi{ padding:5% 4% 5% 6%; }
}
.nhr04 .swiper-slide .wenzi h3{ margin-top:20px; font-size:20px;}
.nhr04 .swiper-pagination{ left:calc(50% - 770px); text-align:left; bottom:5%;}

.nhr04 .swiper-pagination-bullet{ width:10px; height:10px;background:#fff;}


.investor02 .conn{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: flex-start;}
.investor02 .conn .item{ width:49%; margin-right:2%; margin-bottom:2%; background:#fff;/* box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .1); */padding:20px;}
.investor02 .conn .item:hover{background-image:linear-gradient(90deg, #32cd32, #24b34b);}
.investor02 .conn .item a{ display:block; background: url(../images/file-pdf.png) no-repeat right center;background-size:auto 35px; }
.investor02 .conn .item:hover a{background: url(../images/file-pdf02.png) no-repeat right center;background-size:auto 35px;}
.investor02 .conn .item:nth-child(2n){ margin-right:0}
.investor02 .conn .item p{background:url(../images/video-icon.png) no-repeat left center; padding-left:25px; color:#666; margin-bottom:0; padding-bottom:0}
.investor02 .conn .item:hover p, .investor02 .conn .item:hover h3{ color:#fff; }
.investor02 .conn .item:hover p{background:url(../images/video-icon02.png) no-repeat left center;}

.investor03 .wrap{background: url(../images/his.png) no-repeat 90% bottom; background-size:auto 90%;}
.investor03 .conn{ position:relative; padding-right:53%; }
.investor03 .swiper-container{ height:80px; overflow:hidden; border-radius:15px; }
.investor03 .swiper-slide{ height:80px;}
.investor03 .swiper-slide p{ line-height:80px; font-size:18px; background:#fff; padding:0 20px; }
.investor03 .swiper-slide p span{font-size:24px; font-weight:bold; padding-right:60px; background-image: -webkit-linear-gradient(-180deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent;}
.investor03 .swiper-button-prev,  .investor03 .swiper-button-next{width:12px;height:20px; border-radius: 0%; top:50%; margin-top:-20px; left:auto; right:20px; transform: rotate(90deg);}
.investor03 .swiper-button-prev {background: url(../images/hispre.png) no-repeat center center; background-size:100% 100%;}
.investor03 .swiper-button-next {background: url(../images/hisnext.png) no-repeat center center;  background-size:100% 100%; margin-top:5px;}

.investor .img{ width:47%; border-radius:15px; overflow:hidden;}
.investor .img img{ display:block; width:100%;}
.investor .text{ width:47%; color:#555;}
.investor .fl{ float:left;}
.investor .fr{ float:right;}
.investor .text .title{ margin-bottom:20px;}
.investor .title02{margin-bottom:20px;}
.investor .conn h4{ font-size:24px; font-weight:bold; margin-bottom:30px; line-height:40px; color:#333;}
.investor .text .youshi{ margin-top:70px;}
.investor .text p{ margin-bottom:10px;}
.investor .wrap{ position:relative}
/*.investor .wrap .jsroll{ position:absolute; right:0; bottom:0; width:47%;}*/
.investor .wrap .jsroll{ margin-top:50px;}
.jsroll{ position:relative;}
.jsroll .swiper-slide img{ border-radius:15px; overflow:hidden;}
.jsroll .swiper-slide .text{ width:100%;}
.jsroll .swiper-slide p{ line-height:40px; margin-bottom:0; padding-bottom:0; display:block; width:100%; }

.jsroll .swiper-button-prev, .jsroll .swiper-button-next{ z-index:98; width:29px; height:45px; margin-top:-18px; outline:none; opacity:1; left:0px; top:50%; overflow:hidden}
.jsroll .swiper-button-prev.swiper-button-disabled, .jsroll .swiper-button-next.swiper-button-disabled{ opacity:0.6;}
.jsroll .swiper-button-prev{ background:url(../images/bpre.png)  no-repeat center center; background-size:16px auto; }
.jsroll .swiper-button-next{ background:url(../images/bnext.png) no-repeat center center;background-size:16px auto; left:auto; right:0px;}

.nhr .hrbtn{ border-bottom:solid 3px #ddd; display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; width:100%; margin-bottom:30px; }
.nhr .hrbtn li{ width:20%; font-size:20px; padding-bottom:25px; position:relative; cursor:pointer;}
.nhr .hrbtn li.active{ background-image: -webkit-linear-gradient(90deg,#32cd32, #24b34b); -webkit-background-clip: text; color:transparent; -webkit-text-fi1l-color:transparent; font-weight:bold;}
.nhr .hrbtn li.active:after{ content:""; position:absolute; left:0; bottom:-3px; width:100%; height:3px; background: #32cd32; cursor:pointer;}
.nhr .hrswiper .swiper-slide{ position:relative;}
.nhr .hrswiper .pic{ width:46%; float:right; border-radius:15px; overflow:hidden;}
.nhr .hrswiper .wenzi{ width:46%; float:left; padding:5% 0; background:#fff;} 
.nhr .hrswiper .wenzi h3{ font-weight:bold; font-size:24px; margin-bottom:20px;}
.nhr .hrswiper .wenzi p{ color:#555; min-height:90px; }
.nhr .hrswiper .wenzi .more{ margin-top:45px; width:180px;}
.nhr .hrswiper .swiper-slide{ position:relative; opacity:0 !important}
.nhr .hrswiper .swiper-slide.swiper-slide-active{ opacity:1 !important} 


.picintro { display:inline-block; width:calc(45% - 5px); padding-left:6%;}
.picinpic { max-width:55%; display:inline-block}

.fanye{ margin-top:30px; text-align:center}


.yesotno{ padding:20px 30px 30px 30px; background:#f6f6f6; line-height:35px; margin-bottom:45px;}
.top .right li.language .sub .yesotno a{ margin-top:20px; line-height:30px; height:30px; color:#333; display:block;}
.top .right li.language .sub .yesotno a img{ height:30px; float:left; margin-right:10px;}


.history-list{ position:relative;}
.history-list img{ display:block; width:100%; height:auto;}
.history-list:before{ position:absolute; top:50%; right:0; left:0; border-top:1px solid #c2c2c2; content:'';}
.history-list .swiper-container{ padding:0 50px}
.history-list .swiper-slide{ position:relative;height:495px;}
.history-list .item{ position:absolute; right:-50px; top:0; left:-50px; height:195px;background:#fff;}
.history-list .item:before{ position:absolute; bottom:-62px; left:50%; width:17px; height:17px; overflow:hidden; margin-left:-9px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background-color:#c2c2c2; content:'';-webkit-transition:.2s ease; -moz-transition:.2s ease; ransition:.2s ease;}
.history-list .item:after{ position:absolute; top:-45px; left:50%; width:12px; height:12px; overflow:hidden; margin-left:-6px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#DAB765; content:'';}
.history-list .item .word{line-height:26px; padding:20px; color:#666;}
.history-list .item .word .img{ width:60%; float:left; margin-right:20px; overflow:hidden;/* filter: grayscale(100%);*/transition: all 1.5s; }
.history-list .item:hover .word .img{ padding:0;transform:scale(1.1);}
.history-list .item .word p{ position:relative; margin-top:10px;}
.history-list .item h3{ position:absolute; bottom:0; right:0; left:0; height:45px; line-height:45px; margin:0; font-size:18px; font-weight:600; color:#fff; text-align:center; background:#bababa; -webkit-transition:.2s ease; -moz-transition:.2s ease; ransition:.2s ease;}
.history-list .item h3:before{ position:absolute; bottom:-9px; left:50%; margin-left:-9px; width:0; height:0; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid #bababa;content:'';-webkit-transition:.2s ease; -moz-transition:.2s ease; ransition:.2s ease;}

.history-list .swiper-slide:nth-child(even) .item h3{ bottom:auto; top:0;}
.history-list .swiper-slide:nth-child(even) .item h3:before{ border-bottom:9px solid #bababa; border-top:0;bottom: auto;top: -9px;}
.history-list .swiper-slide:nth-child(even) .item{ top:auto; bottom:0;}
.history-list .swiper-slide:nth-child(even) .item:before{ bottom:auto; top:-61px;}
.history-list .swiper-slide:nth-child(even) .item:after{ top:auto; bottom:-45px;}
.history-list .swiper-slide:nth-child(even) .item .word{ margin-top:42px}
.history-list .item:hover h3{ color:#fff; background-image: linear-gradient(90deg, #32cd32, #32cd32);}
.history-list .item:hover h3:before{border-top:9px solid #32cd32;}
.history-list .swiper-slide:nth-child(even) .item:hover h3:before{border-bottom:9px solid #32cd32;}
.history-list .item:hover::before{ background:#32cd32}


.history-list .swiper-button-next, .history-list .swiper-button-prev{ width:40px; height:40px; border-radius:50%; left:-2px; margin-top:-24px; opacity:1; outline:none}
.history-list .swiper-button-next{ background:url(../images/bnext.png) #ddd no-repeat center; background-size:12px auto; left:auto; right:-2px}
.history-list .swiper-button-prev{ background:url(../images/bpre.png) #ddd no-repeat center; background-size:12px auto; }
.history-list .swiper-button-next:hover{background:url(../images/bnext.png) #32cd32 no-repeat center;background-size:12px auto; }
.history-list .swiper-button-prev:hover{background:url(../images/bpre.png) #32cd32 no-repeat center;background-size:12px auto;}

.history-list .item:hover h3{background-image: linear-gradient(90deg, #32cd32, #24b34b);}
.history-list .item:hover h3:before{ border-top:9px solid #3e9122}
.history-list .swiper-slide:nth-child(even) .item:hover h3:before{border-bottom: 9px solid #3e9122;}
.history-list .item:hover .word .img{ filter: grayscale(0%);}

.napp h4{ font-size:30px !important; margin-bottom:30px !important;}

.nappdetail .kuangjia{ position:relative;}
.nappdetail .kuangjia .text{ position:absolute; top:0; right:0; padding-right:10px; height:100%;display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content:left; overflow-y:scroll; }
.nappdetail .kuangjia .text::-webkit-scrollbar{width:3px;}
.nappdetail .kuangjia .text::-webkit-scrollbar-track{background: #fff;border-radius:3px;}
.nappdetail .kuangjia .text::-webkit-scrollbar-thumb{border-radius: 3px; height:40px;background-image: linear-gradient(90deg, #32cd32, #24b34b);}
.nappdetail .appdetailcon .kuangjia .text{ width:42.2%;}