﻿*{margin:0;padding:0;list-style:none;}
.overflow{overflow: hidden !important;height: 100% !important;height: 100% !important;margin-top: 0!important;}
.Mobile{display: none;}
.MbanWords{display: none;}
.footer .Madd{display: none;}
.clear:after{content: ".";display: block;height:0;clear: both;visibility: hidden;overflow: hidden;}

.cursor-point {
  cursor: pointer;
}
.fl {
  float: left;
}
.fr {
  float: right;
}

/*头部*/
#Box{width:100%;overflow: hidden;background:#fff;}
.header{width:56%;margin:0 auto;position: relative;}
.header h1{float:left;/*width:20%;*/width:22%;position: absolute;height: 100%;}
.header h1 img{width:100%;position: absolute;top: 50%;transform: translateY(-40%);-webkit-transform: translateY(-40%);}
.header .nav{width:auto;float:right;margin-top: 10px;}
.NavTop{float: right;margin-top:30px;width: 100%;text-align: right;height: 21px;line-height: 21px;}
.NavTop .EN{color:#377c78;position:relative;font-size: 12px;display: inline-block;}
.NavTop .CH{color:#377c78;position:relative;font-size: 12px;display: inline-block;}
.NavTop .EN:hover{color:#8ab647;}
.NavTop .CH:hover{color:#8ab647;}
.NavTop .search{width:15%;margin-top:3px;position: relative;margin-top: -42px;float: right;}
.NavTop .search img{width: 23px;margin-top: 40px; position: relative;float: right;}
.NavTop form{position: relative;/* top: -20px; */float: right;margin-left: 15px;}
.NavTop form .Text{margin-top: -5px;position: relative;transition:2s all ease;width:0px;overflow:hidden;height:25px;text-indent:1em;}
.NavTop form .Submits{    margin-top: 5px;position:relative;width:14px;height:13px;float: right;background:url(../images/search.png) center center no-repeat;background-size:cover;cursor: pointer;}
/*.NavTop form:hover .Text{max-width:200px;}*/
.NavTop form:hover .EN{right:0px;}
.NavTop form:hover .CH{right:0px;}

.header .nav .UL{width:100%;}
.header .nav .UL .LI{float:left;}
.header .nav .UL .LI .A{display: block;padding:4px 15px;color:#377c78;padding-bottom:16px;border-bottom:4px solid white}
.header .nav .UL .LI.active .A{color:#8ab647;border-bottom:4px solid #377c78;}
.activeXu{color:#8ab647;border-bottom:4px solid #377c78;}

.header .nav .UL .LI ul{margin-left: -10px;position: absolute;z-index:100000000000000000000000;width:220px;padding:20px 0px 20px 20px;background:white;display: none;box-shadow: 1px 1px 20px rgba(199,199,199,0.7);}
.header .nav .UL .LI ul li{line-height: 30px;position:relative;}
.header .nav .UL .LI ul li a{color:#377c78;}
.header .nav .UL .LI ul li.active .AA{color:#8ab647;}
.header .nav .UL .LI ul li .ArrowN{width:7px;height:10px;background:url(../images/greenArrow1.png) center center no-repeat;background-size:cover;position: relative;left: 190px;top: -20px;}
.header .nav .UL .LI ul li dl{position: absolute;/*left: 240px;*/left:220px;top: 0px;display:none;background:white;box-shadow: 2px 0px 20px rgba(199,199,199,0.6) inset;    min-height: 100%;}
.header .nav .UL .LI ul li dl dd{padding: 0px 20px 0px 20px;}
.header .nav .UL .LI ul li dl dd:first-child{padding: 20px 20px 0px 20px;}
.header .nav .UL .LI ul li dl dd:last-child{padding: 0px 20px 20px 20px;}
.header .nav .UL .LI ul li dl dd a{color:#377c78;white-space: nowrap;}
.header .nav .UL .LI ul li:hover dl{display:block;}
.header .nav .UL .LI ul li:hover .ArrowN{background:url(../images/greenArrow.png) center center no-repeat;background-size:cover;}
.Content{width:100%;background: #f4f4f4;position: relative;z-index: 0;}
.banner {/*height:310px;*/}
.banner img{width:100%;min-height:230px;}
.banner .Mask{position:absolute;top:0;opacity:1;left: 0;}
.hd li{width:20px;height:20px;border-radius: 50%;background:red;cursor:pointer;}
.header .nav .UL .LI:hover ul{display: block;}
.header .nav .UL .LI:hover ul li:hover .AA{color:#8ab647;}
.header .nav .UL .LI:nth-child(5) .A{padding:4px 0px 16px 10px;}
.header .nav .UL .LI dl dd:hover a{color:#8ab647;}
.Mobile_Mask{display:none;}
/*中间内容部分*/



/*底部*/
.footer{width:100%;background:white;}
.footer .Fslide{display: block;width:100%;height:3px;background:linear-gradient(to right, #87b449 , #377c78);}
.footer .foot{width:56%;margin:0 auto;padding:0px 2% 50px 2%;}
.footer .add{color:#666666;font-size:12px;width:50%;margin-top:43px;line-height: 30px;float: left;position:relative;left:10%;text-align: center;}

.footer .add .copyright{display: block;}
.footer .erweima{float: left;margin-top:50px;text-align: center;}
.footer .erweima img{width:70px;height:70px;}
.footer .Flogo{float: right;margin-top:50px;width:35%;}
.footer .Flogo img{width:60%;float: right;cursor: pointer;}
