.navBox ul.navCont li.childhtml,body{color: #333333; font-family: 'SourceHanSansCN-Light'; }
a{color:#333333;}
a:hover{color:#50b23f;}
a:visited{color:#50b23f;}
a:active,a:focus,a:hover{color:#50b23f;}
.flex{ display: flex; align-items: center;}
.header{ height: 98px; top: 0; left: 0; width: 100%; z-index: 10000; position: fixed; background: #ffffff; border-bottom: 1px solid #eeeeee;}
.fix-head .home .navBox ul.navCont li.child.cur a{ color: #66bc99;}
.fix-head .home .navBox ul.navCont li.child.cur a:after{ background: #66bc99;}

/* LOGO */
.logo{ vertical-align: middle; z-index: 2; position: relative;  text-align: left; margin: 0; }
.logo a{ height: 100%; line-height: 0; text-align: left; align-items:start; }
.logo img{vertical-align: middle;max-height:100%;}
.fix-head{ height: 98px;  position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; background: #ffffff;-moz-box-shadow:0px 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow:0px 2px 5px rgba(0,0,0,0.2); box-shadow:0px 2px 5px rgba(0,0,0,0.2); transition: all 0.4s;}
.fix-head .navBox ul.navCont li.child i{ position: absolute; right: 0; top: -3px;}
.fix-head .navBox ul.navCont li.child a{ color: #47535b;}
.fix-head .navBox ul.navCont li.child .pro-cate{top: 80px;}
.fix-head .search i{ color: #47535b;}
.fix-head .wapNavBtn span{ background: #000000;}


.wapNavBtn{display:none;line-height: 60px; height:60px; width:60px;font-size: 2rem; z-index:1000000; float: right; width: 60px;}
.wapNavBtn:before{color: #d11734;font-weight: bold;}
.wapNavBtn.on:before{}
.wapNavBtn span{ display:block; right:0; width:65%; height:3px; top:calc((100% - 50px) / 2);transition: all 0.4s; position: relative; margin:0 auto; border-radius: 3px; background: #000000;}
.wapNavBtn span:nth-child(1){animation: outfirst 0.5s; transform: translateY(15px) rotate(0); }
.wapNavBtn span:nth-child(2){animation: outlast 0.5s; transform: translateY(21px) rotate(0); width: 40%; margin-right: 11px;}
.wapNavBtn span:nth-child(3){animation: outlast 0.5s; transform: translateY(27px) rotate(0); }

.wapNavBtn.on span{ background:#000000; z-index: 100000; }
.wapNavBtn.on span:nth-child(1){transform: translateY(25px) rotate(45deg); }
.wapNavBtn.on span:nth-child(2){transform: translateX(0) rotate(0); display:none;}
.wapNavBtn.on span:nth-child(3){transform: translateY(23px) rotate(-45deg);}

/* 导航-1 */
.navBox{width:100%; margin-left: auto; }
.navBox ul.navCont{}
.navBox ul.navCont li.child{float:left; width: 9.1%; text-align:center;position: relative; }
.navBox ul.navCont li.child a{display: block;color:#333333;  font-size: 20px; text-transform:uppercase; line-height: 98px; position: relative; font-weight: 300; z-index: 1; position: relative;}
.navBox ul.navCont li.child a span{z-index: 1; position: relative;}
.navBox ul.navCont li.child a:after{ content: "";  background:#50b23f; width:0; height: 2px; display: block; position: absolute; left: 0; right: 0; margin:0 auto; opacity: 0; bottom:0; z-index: 0;}
.navBox ul.navCont li.child a:hover{ color: #50b23f;}

.navBox ul.navCont li.child.cur a{ width:100%; color: #50b23f;}
.navBox ul.navCont li.child.cur a:after,.navBox ul.navCont li.child:hover a:after{ opacity: 1; width:100%;}
.navBox ul.navCont li.child.last a{border-right: 0px}
.fix-head .navBox ul.navCont li.child a{ line-height: 98px;}
.navBox ul.navCont li.child:first-child{ width: 8%;}
.navBox ul.navCont li.child:nth-child(2){ width: 14.2%;}

/*二级*/
.navBox ul.navCont li.child .childcont{position:absolute;top:100%; left: -10%; right: 0; z-index:999;display:none;width:120%; background:#ffffff; text-align: center; margin: 0 auto;}
.navBox ul.navCont li.child .childcont a{line-height: 45px;color:#333; background: no-repeat; height: auto; margin: 0; font-size: 18px;font-weight: normal;z-index: 1; position: relative; text-align: center;}
.navBox ul.navCont li.child .childcont a:before,.navBox ul.navCont li.child .childcont a:after{ display: none;}
.navBox ul.navCont li.child .childcont a:hover{ color:#50b23f; text-decoration:none; }


/*底部*/

.footer{ background:  #383f3c; padding: 6rem 0;  color:rgba(255,255,255,0.6); line-height: 36px; position: relative; font-size: 14px; }
.dot_f1{ padding: 0 0 5rem;}
.dot_f1 img{}
.dot_f1 p{ font-size: 16px; color: #bbbbbb; line-height: 30px; margin-left: 10px;}
.fnav{ line-height: 36px;}
.fnav ul{ list-style: none; margin: 3rem 0;  clear: both; overflow: hidden;}
.fnav li{ width: 12.28%; float: left; text-align: left;  }
.fnav li span{ font-size: 2rem; line-height: 6rem; color: #ffffff; display: block;font-family: 'SourceHanSansCN-Regular';}
.fnav li span a{color: #fff;}
.fnav li span a:hover{color: #50b23f;}
.fnav li span i{ font-size: 2rem; margin-left: 1.5rem;}
.fnav li p a{ display: block; line-height: 3.6rem; color:rgba(255,255,255,0.6); font-size: 16px; }
.fnav li p a:hover{color: #50b23f;}
.fcoy{ border-top: 1px solid #565c59;  padding: 3rem 0 0; margin-top: 4rem;}
.dot_f2{ text-align: left;}
.dot_f2 span{ font-size: 2rem; line-height: 6rem; color: #ffffff;font-family: 'SourceHanSansCN-Regular';}
.dot_f2 p{line-height: 3rem; font-size: 16px; color:rgba(255,255,255,0.6);}
.dot_f2 p a{color:rgba(255,255,255,0.6);}
.dot_f3{  margin-top: 2.5rem; text-align:center;}
.dot_f3 p{ font-size: 16px; color: #ffffff; text-align:center;}
.dot_f4{max-width: 280px; margin-left: auto; width: 100%; margin: 3rem 0 3rem auto;;}
.dot_f4 a{ font-size: 16px; clear: both; overflow: hidden;height: 47px; line-height: 47px; }
.dot_f4 a p{width: calc(100% - 100px); color: #333333; background: #ffffff;  text-align: center; padding: 0 15px; float: left;}
.dot_f4 a span{ color: #ffffff; width: 70px; background: #007832; font-size: 16px;font-family: 'SourceHanSansCN-Regular'; text-align: center;float: left;}


/*媒体盒子模型*/
.media-box{display:block;margin-bottom:10px;width: 100%;}
.media-box a{ display: block;}
.media-box .icon{ background: #efefef; width: 100%; overflow: hidden; text-align: center;}
.media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.media-box .icon img{ max-height: 100%;}
.media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.media-box h3{ text-align: center; font-size: 1.8rem; color: #373737; padding: 1rem 0;}
.media-box a:hover .icon img{transform:scale(1.2);}

.news-box1 { margin:0 auto 4rem auto; max-width: 475px; height: 100%; background: #f9f9f9;position: relative; transition: all 0.3s;}
.news-box1.home{ background:none;}
.news-box1.home:hover{ background: #50b23f;}
.news-box1.home:hover .ptit em{ color: #ffffff;}
.news-box1.home:hover .ptit b{ color: #ffffff;}
.news-box1.home:hover .ptit h3{ color: #ffffff;}
.news-box1.home:hover .ptit p{ color: #ffffff;}

.news-box1 .time{ text-align:center; display: inline-block;  font-size: 14px; background: #50b23f; padding: 10px; color: #ffffff;  position: absolute; left: 5%; top: 5%;}
.news-box1 img{ width: 100%; height: 100%;}
.news-box1 .time b{display: block; font-size: 2.5rem;}
.news-box1 .ptit{ text-align: left; line-height: 24px; padding: 4rem 2rem; color:rgba(102,102,102,1); }
.news-box1 .ptit b{ font-size: 14px; color:rgba(102,102,102,1);padding: 0 0 2rem;display: block;font-weight: normal;}
.news-box1 .ptit h3{ padding: 0; font-size: 2.2rem; line-height: 2; font-weight: normal;  text-align: left; color: rgba(35,41,55,1); min-height: 90px;}
.news-box1 .ptit p{ font-size: 16px; color: rgba(114,120,135,1); text-align: left; line-height: 3rem; margin: 2rem 0; min-height: 30px; }
.news-box1 .ptit em{ text-align: left; font-style: normal; color: rgba(114,120,135,1); line-height: 4rem; font-size: 16px;}
.news-box1 .ptit em i{ font-size: 2rem;}
.news-box1:hover{ background: #50b23f; transition: all 0.3s;}
.news-box1:hover .ptit em{ color: #ffffff;}
.news-box1:hover .ptit b{ color: #ffffff;}
.news-box1:hover .ptit h3{ color: #ffffff;}
.news-box1:hover .ptit p{ color: #ffffff;}
/*翻页*/
.pager{text-align: center; color: #333333; margin-bottom: 30px; margin-top: 3rem;}
.pager a,.pager span{ padding: 5px 15px; display: inline-block;margin:0 2px; color: #333333; text-align: center; font-size: 14px; border: 1px solid #dddddd; background: #ffffff;}

.pager span.current,.pager a:hover{ background: #50b23f; color: #ffffff;}
.pager a.on{ background: #50b23f; color: #ffffff;}


a.more{display: block;  font-size: 16px; border: 1px solid #e5e5e5; width: 100%; max-width: 145px; height: 40px; line-height: 40px; text-align: center;  transition: all 0.3s; border-radius: 35px;margin-left: auto; background: #ffffff; }
a.more:hover{ background:#61b853; transition: all 0.3s;  color: #ffffff;}

.pro1{ width: 100%;height: 100%; position: absolute; left: 0; right: 0;margin: 0 auto; top: 0; }
.pro1 li{ position: absolute; width: 30px; height: 30px; display: block;}
.pro1 li .cir{width: 4rem; height: 4rem; border-radius: 100%; background: rgb(144,196,47,0.38); display: block; text-align: center;  overflow: hidden; transition: all 1s; cursor: pointer; animation:myanimation 3s infinite;}
.pro1 .cir .n_cir{width: 2.6rem; height: 2.6rem; border-radius: 100%; background: rgb(144,196,47,1); display: block; margin: 0.7rem auto;}
.pro1 .cir .n_cir i{ color: #ffffff; font-weight: bold; font-size: 16px;}
.pro1 li:first-child{     left: 22%;     top: 49%;}
.pro1 li:nth-child(2){  left: 40%; top: 60%;}
.pro1 li:nth-child(3){  left: 46%; top: 33%; }
.pro1 li:nth-child(4){  left: 72%;top: 9%; }
.pro1 li:last-child i{ font-size: 3.5rem;}
.pro1 li a{ line-height: 56px;}
.pro1 li .open{ background: rgb(144,196,47,0.8); border-radius: 30px; border: 1px solid #ffffff; padding: 3rem 3rem 0; position: absolute; left: -600%; bottom: 30px; visibility: hidden;
  opacity: 0; transition: all 0.5s; width: 36rem; }
.pro1 li .open span{ font-size: 2.4rem; color: #ffffff; font-weight: bold;}
.pro1 li .open p{ color: #ffffff; font-size: 14px; line-height: 30px;}
.pro1 li .open em{ color: #ffffff; font-style: normal;}
.pro1 li .open em i{ font-size: 18px;}
.pro1 li:hover .open{ bottom:50px; visibility: visible;
  opacity: 1; transition: all 0.5s; }
.pro1 li:hover .cir{transform: scale(1.2);}
.pro1 li:hover .cir .n_cir{ background-image: linear-gradient(to bottom, #89c435,#2cb982, #08b5a1);}
.active .open{bottom:60px; visibility: visible;
  opacity: 1; transition: all 0.5s; } 

.pro2{ width: 100%;height: 100%; position: absolute; left: 0; right: 0;margin: 0 auto; top: 0; }
.pro2 li{ position: absolute; width: 30px; height: 30px; display: block;}
.pro2 li .cir{width: 4rem; height: 4rem; border-radius: 100%; background: rgb(144,196,47,0.38); display: block; text-align: center;  overflow: hidden; transition: all 1s; cursor: pointer; animation:myanimation 3s infinite;}
.pro2 .cir .n_cir{width: 2.6rem; height: 2.6rem; border-radius: 100%; background: rgb(144,196,47,1); display: block; margin: 0.7rem auto;}
.pro2 .cir .n_cir i{ color: #ffffff; font-weight: bold; font-size: 16px;}
.pro2 li:first-child{     left: 19%;     top: 49%;}
.pro2 li:nth-child(2){  left: 37%; top: 63%;}
.pro2 li:nth-child(3){  left: 54%; top: 63%; }
.pro2 li:nth-child(4){  left: 80%;top: 63%; }
.pro2 li:last-child i{ font-size: 3.5rem;}
.pro2 li a{ line-height: 56px;}
.pro2 li .open{ background: rgb(144,196,47,0.8); border-radius: 30px; border: 1px solid #ffffff; padding: 3rem 3rem 0; position: absolute; left: -600%; bottom: 30px; visibility: hidden;
  opacity: 0; transition: all 0.5s; width: 36rem; }
.pro2 li .open span{ font-size: 2.4rem; color: #ffffff; font-weight: bold;}
.pro2 li .open p{ color: #ffffff; font-size: 14px; line-height: 30px;}
.pro2 li .open em{ color: #ffffff; font-style: normal;}
.pro2 li .open em i{ font-size: 18px;}
.pro2 li:hover .open{ bottom:50px; visibility: visible;
  opacity: 1; transition: all 0.5s; }
.pro2 li:hover .cir{transform: scale(1.2);}
.pro2 li:hover .cir .n_cir{ background-image: linear-gradient(to bottom, #89c435,#2cb982, #08b5a1);}


.hidden{display:none}
.msKeimgBox{margin:0px auto;}
.mskeLayBg{background:#000;width:100%;position:absolute;left:0px;top:0px;z-index:10;opacity:0.7;filter:alpha(opacity=70);display:none;_display:none!important }
.mskelayBox{min-height: 488px; width: 50%; position:fixed;left: 0; right: 0; top: 30%;z-index:20;background:#FFF;display:none;_display:none!important; text-align: center;  margin: 0 auto; padding: 15px; }
.mskelayBox i{ font-size: 18px; color: #ffffff; background: #000000; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center; display: inline-block;}
.mskeImgBg{height:57px;width:100%;position:absolute;left:0px;bottom:0px;}
.mskeClaose{position:absolute;top:-17px;right:-17px;cursor:pointer;}