body{color: #212121;  font-family: 'arial';}
a{color:#212121;}
a:hover{ color: #267343;}
a:visited{}
a:active,a:focus,a:hover{}
.my-auto {display: flex;}
.flex{ display: flex; align-items: center;}
.header{ height: 98px; top: 0; left: 0; width: 100%; z-index: 10000; position: fixed; -moz-box-shadow:0px 3px 7px rgba(0,0,0,0.2); -webkit-box-shadow:0px 3px 7px rgba(0,0,0,0.2); box-shadow:0px 3px 7px rgba(0,0,0,0.2); background: #ffffff;}
.wh{ padding: 0 0 0 2%;}
.header .full-row .span-1{ width: 12.333333%;}
.header .full-row .span-9{ width: 71%;}
/* LOGO */
.logo{ vertical-align: middle; z-index: 2; position: relative; height: 98px; text-align: left; margin: 0; line-height: 98px;}
.logo a{ height: 100%; line-height: 0; text-align: left; align-items:center; }
.logo img{vertical-align: middle;max-height:100%; }


.htool{ text-align: left; margin-left: 2rem; line-height: 98px; color: rgba(255,255,255,0.5); position: relative; display: flex; justify-content: flex-start; align-items: center; background: #009748;}
.sdot{ display: inline-block; text-align: center; font-size: 18px;  vertical-align: middle; cursor: pointer; margin-left: 10px;}
.sdot i{ color: #ffffff; font-size: 21px;}

.language{ line-height: 98px; height: 98px;  position: relative;}
.language:before{ width: 1px; background: rgba(255,255,255,1); content: ""; position: absolute; top:35px; right: 12%; height: 24px;}
.lang-1{ display: flex; justify-content: center; align-items: center;}
.lang{  display: inline-block; color: #ffffff; font-size: 18px; vertical-align: middle; position: relative; cursor: pointer;display: flex; justify-content: center; align-items: center;     padding: 0 4rem;}
.lang i{ font-size: 2rem; margin-right: 10px; color: #ffffff;}
.lang .lang-list{ position: absolute; top: 98px; width: 100%; background-color: #fff;  display: none;}
.lang .lang-list a{ display: block; line-height: 4rem; text-align: center; color: #212121;}
.lang .lang-list a:hover{ color: #ffffff; background: #009748;}
.lang:hover .lang-list{ display: block;}

.search{ position: fixed; background-color: #fff; width: 100%; padding: 40px 0 70px; top: 98px; left: 0; z-index: 1000; display: none;}
.search .text1{display: block; height: 60px; font-size: 18px; line-height: 60px; border: 0; border-bottom: 1px solid #d3d2d2; color: #999; width: 94%; padding-right: 6%;}
.search button{ position: absolute; right: 0; top: 0; width: 5%; text-align: center; line-height: 60px; background: none; border: 0;}
.search button i{ font-size: 26px; color: #000;}
.search .sclose{ position: absolute; top: 10px; right: 10px; background-color: #d5d4d4; width: 42px; height: 42px; border-radius: 42px; line-height: 42px; text-align: center; z-index: 2;}
.search .sclose i{ font-size: 20px; color: #fff; font-weight: bold; cursor: pointer;}


.wapNavBtn{display:none;line-height: 60px; height:98px; width:40px;font-size: 2rem; z-index:1000000; position: absolute; right: 20%; top: 0; cursor: pointer;}
.wapNavBtn span{ display:block; right:0; width:100%; height:3px; top:calc((100% - 50px) / 2);transition: all 0.4s; position: relative; border-radius: 3px; background: #009748; z-index: 10;}
.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); }
.wapNavBtn span:nth-child(3){animation: outlast 0.5s; transform: translateY(27px) rotate(0);}
.wapNavBtn.on span{ background:#009748; z-index: 100000; }
.wapNavBtn.on span:nth-child(1){transform: translateY(25px) rotate(45deg);width: 100%; }
.wapNavBtn.on span:nth-child(2){transform: translateX(0) rotate(0); display:none;}
.wapNavBtn.on span:nth-child(3){transform: translateY(23px) rotate(-45deg);width: 100%;}

.fix-head .wapNavBtn{ height: 90px; transition: all 0.1s;}
.fix-head .wapNavBtn.on{ height: 90px;}
/* 导航-1 */
.navBox{width:100%; max-width: 1250px; margin-left: auto;}
.navBox ul.navCont{position: relative; z-index: 1;}
.navBox ul.navCont li.child{float:left; width: 11.02%; text-align:center; position: relative; display: block;}
.navBox ul.navCont li.child a{display: block;color:#212121; font-size: 18px; line-height:98px; position: relative; transition: all 0.1s; }
.navBox ul.navCont li.child a span{ position: relative; z-index: 2;}
.navBox ul.navCont li.child a:hover{ color: #009748;} 
.navBox ul.navCont li.child.cur a{}

.navBox ul.navCont li.child:nth-child(3) a:hover{ background: #009748; color: #ffffff;}
.navBox ul.navCont li.child:nth-child(5) a:hover{ background: #009748; color: #ffffff;}
.navBox ul.navCont li.child:nth-child(7) a:hover{ background: #009748; color: #ffffff;}
.navBox ul.navCont li:last-child{ width:calc(22% - 1px); border-left: 1px solid #E5E5E5; font-size: 18px; font-weight: bold;}
.navBox ul.navCont li:last-child .childn{ display: flex; justify-content: center; align-items: center;}
.navBox ul.navCont li:last-child .childn a{ color: #009748;}
.navBox ul.navCont li:last-child .childn i{ display: block; margin-right: 10px; font-weight: normal;}

.fix-head  .navBox ul.navCont li.child a span:before{ background: #000000;}
.ny_head .navBox ul.navCont li.child a span:before{ background: #000000;}
/*二级*/
.navBox ul.navCont li.child .childcont{position:absolute; top:98px; background: #ffffff; left: 0; right: 0; z-index:999;display:none; width: 100%; text-align: left; margin: 0 auto; }
.navBox ul.navCont li.child .childcont li{  text-align: center; display: block; background:rgba(255,255,255,0.8); }
.navBox ul.navCont li.child .childcont a{ height: auto; color: #1D2129; height: 48px; line-height: 48px; text-align: center; font-size: 18px;}
.navBox ul.navCont li.child .childcont a:hover{ color: #ffffff; background: #009748;}
.childn{  width: 100%;}
.childn i{ display: none; font-size: 24px;     font-weight: bold;}

/*底部*/
.footer{ background: #303031;  padding: 5rem 0 0 0; position: relative; color:rgba(255,255,255,1); line-height: 2; position: relative; font-size: 16px; }

.foot_1{ border-bottom: 1px solid rgba(255,255,255,0.11); padding-bottom: 3rem;}
.foot_logo{ max-width: 185px; margin-right: 2rem;}

.foot_nav{ list-style: none; display: flex; justify-content: space-between; align-items:flex-start;}
.foot_nav li{ float: left; width: 14.28%;}
.foot_nav li span a{ display: block; font-size: 18px; color: #ffffff; position: relative; line-height: 2; }
.foot_nav li p{ margin-top: 2rem;}
.foot_nav li p a{ color: #ffffff; padding: 5px 0; font-size: 16px; line-height: 2; display: block;}
.foot_nav li a:hover{ color: #009748;}


.foot_contact{ list-style: none;     margin-left: 20%; position: relative;}
.foot_contact:before{ width: 1px; height: 100%; background: rgba(255,255,255,0.2); content: ""; position: absolute; left: -30%; top: 0;}
.foot_contact li{ margin-bottom: 4rem; display: flex; justify-content: flex-start; align-items: flex-start; }
.foot_contact li i{ color: #ffffff; font-size: 3rem; line-height: 1; margin-right: 10px;}
.foot_contact li div span{  color:rgba(255,255,255,0.6); font-size: 16px; line-height: 1; display: block; margin-bottom: 1rem;}
.foot_contact li div p{ font-size: 14px;  color: #ffffff; line-height: 1;}
.foot_contact li div p a{font-size: 2.4rem; color: #ffffff;}
.foot_contact li:nth-child(3){ flex-direction: column; justify-content:center; padding-left: 4rem;}


.foot{ background: #222222; text-align: center; line-height: 2; padding: 2rem 0;  color:rgba(255,255,255,0.7); font-size: 14px;}
.foot a{  color:rgba(255,255,255,0.7); }



.fixedTop{  position: fixed;text-align: center;  bottom: 4%; right: 0;  color: #ffffff; cursor: pointer; z-index: 100000;}
.fixedTop ul{ list-style: none;}
.fixedTop ul li{ text-align: center; font-size: 15px;  width: 115px;     position: relative;}
.fixedTop ul li a{ border-bottom: 1px solid #66ade0; background: #087bcd; padding: 2rem 0; color: #ffffff; display: block; border-radius: 10px 0 0 10px; line-height: 1;}
.fixedTop ul li:nth-child(3):hover img{ display: block;}
.fixedTop ul li:nth-child(3) img{ display: none; position: absolute; right: 102%; top: 0;}
.fixedTop ul li a i{ font-size: 3rem; color: #ffffff; display: block; margin-bottom: 1rem;}
.fixedTop ul li:nth-child(4) a{ padding:0.5rem 0; font-size: 18px; background: #c7f910; color: #333333; display: flex; justify-content: center; align-items: center; border-bottom: none;}
.fixedTop ul li:nth-child(4) i{ font-size: 3rem; color: #333333; transform: rotate(180deg) translateY(-6px);}


/*媒体盒子模型*/
.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);}

/*翻页*/
.pager{text-align: center; color: #333333; margin-bottom: 30px; margin-top: 3rem; display: flex; justify-content: center; align-items: center;}
.pager a,.pager span{ width: 40px; height: 40px; border: 1px solid #DDDDDD; line-height: 40px;  display: inline-block;  color: #606266; text-align: center; font-size: 14px; margin: 0 5px;  }
.pager span.current,.pager a:hover{ background: #009748; border: 1px solid #009748; color: #ffffff;}
.pager a.on{ background: #009748; color: #ffffff;}
.pager a i{ font-size:16px;}


.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;}