@charset "utf-8";
.fixed::after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fixed{display:block;}
.fixed{min-height:1%;}
* html .fixed{height:1%;}
body,font,form,ul,li,p,h1,h2,h3,h4,h5,h6,input,select,span,table,tr,th,td,a,b{font-family:"微软雅黑",arial; margin:0; padding:0; font-size:14px; color:#555}
body,font{line-height:22px;}
body a{outline:none; blr:expression(this.onFocus=this.blur()); text-decoration:none; cursor:pointer;}
body{ min-width:1200px;}
input,select,textarea{line-height:16px; outline:none;}
ul,li,span{list-style-type:none;}
table{ width: 100%; border-collapse:collapse;}
img{max-width: 100%; border:0; vertical-align: middle;}
a, li, p, div {transition: color 0.5s ease 0s;transition: background-color 0.5s ease 0s;}
dl, dt, dd{margin: 0;}
.floatL{float:left;}
.floatR{float:right;}
.floatN{float: none;}
.setwidth{position: relative; margin: 0 auto; width: 1200px;}
.clear::after{display: block; content: ""; height: 0; clear: both; visibility: hidden;}


/*头部*/
.header{width: 100%; height: 54px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: #ffffff;}
.notice{padding-left: 55px; width: 300px; height: 31px; line-height: 31px; margin: 13px 0 10px; background: url(../images/icon-notice.png) 21px center no-repeat; overflow: hidden;}
.notice ul{width: 100%;}
.notice .bd li{width: 100%; height: 31px; line-height: 31px; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; font-family: "宋体"; color: #cdcdcd; overflow: hidden;}
.searchbox{position: relative; display: inline-block; width: 213px; height: 35px; margin: 10px 28px 9px 0; background-color: #e9e9e9; border-radius: 44px;}
.searchbox input{width: 154px; height: 100%; padding-left: 10px; background: none; border: none; font-size: 12px;}
.searchbox i{display: block; width: 49px; height: 100%; background: url(../images/icon-searchbtn.png) center center no-repeat; position: absolute; top: 0; right: 0; cursor: pointer;}
.language{display: inline-block;}
.language a{display: block; width: 38px; height: 38px; line-height: 38px; color: #36bf57; text-align: center; border: 1px solid #e7e7e7;}
.language a:hover{background-color: #36bf57; border-color: #36bf57; color: #ffffff;}

/*导航logo*/
.navbox{height: 110px; position: relative; background-color: #ffffff; z-index: 10;}
.navbox::after{display: block; content: ""; width: 100%; height: 2px; background-color: #2faa38; position: absolute; top: 100%; left: 0;}
.navbox .setwidth{position: initial;}
.navbox .logo img{height: 100%;}
.navbox .menu{height: 110px;}
.navbox .menu>ul{height: 100%; font-size: 0;}
.navbox .menu>ul>li{display: inline-block; height: 100%;}
.navbox .menu>ul>li>a{position: relative; display: inline-block; min-width: 58px; line-height: 110px; margin: 0 16px; color: #020202;}
.navbox .menu>ul>li>a::before{display: block; content: ""; width: 12px; height: 6px; margin-left: -6px; background: url(../images/icon-green-triangle.png) no-repeat; position: absolute; left: 50%; bottom: 0; visibility: hidden;}
.navbox .menu>ul>li>a.big::before{margin-left: -14px;}
.navbox .menu>ul>li>a::after{display: block; content: ""; width: 58px; height: 4px; background-color: #2faa38; position: absolute; top: 70px; left: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;}
.navbox .menu>ul>li:hover>a::before,.navbox .menu>ul>li.active>a::before{visibility: initial;}
.navbox .menu>ul>li:hover>a::after,.navbox .menu>ul>li.active>a::after{opacity: 1; filter: alpha(opacity=100);}
.navbox .menu>ul>li>a i{display: inline-block; width: 10px; height: 5px; margin-left: 2px; background: url(../images/icon-down.png) no-repeat; vertical-align: middle;}
.menu .downMenu,.menu .downMenus{display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 47px 0; background-color: #ffffff;}
.downMenu .floatL,.downMenus .floatL{width: 700px; padding-left: 26px;}
.downMenu .floatL ul,.downMenus .floatL ul{padding-top: 28px;}
.downMenu .floatL li{position: relative; width: 600px; margin-bottom: 28px; border-bottom: 1px solid #e5e5e5;}
.downMenu .floatL li em{display: block; line-height: 25px; font-style: normal; font-size: 22px; font-weight: 500; color: #3b3b3b;}
.downMenu .floatL li p{max-width: 450px; line-height: 36px; color: #ababab; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.downMenu .floatL li i{display: block; width: 76px; height: 11px; background: url(../images/icon-red-arrow.png) no-repeat; position: absolute; top: 40px; right: 5px; opacity: 0; filter: alpha(opacity=0); transform: translateX(-10px); -webkit-transform: translateX(-10px); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;}
.downMenu .floatL li:hover i{right: -10px; opacity: 1; filter: alpha(opacity=100);}
.downMenu .floatR{margin: 36px 34px 0 0;}
.downMenus .floatL p{line-height: 33px; margin: 61px 0 36px; font-size: 22px; color: #777;}
.downMenus .floatL li{float: left; width: 33.333%; margin-bottom: 10px; overflow: hidden; border-radius: 35px;}
.downMenus .floatL li a{display: block; line-height: 35px; font-size: 14px; color: #777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.downMenus .floatL li a::before{display: inline-block; content: "·"; vertical-align: top; margin-right: 16px; color: #777; font-size: 30px; position: relative; top: -1px;}
.downMenus .floatL li:hover{background-color: #2faa38; border-radius: 35px;}
.downMenus .floatL li:hover a{color: #ffffff;}
.downMenus .floatL li:hover a::before{visibility: hidden;}

/*底部*/
.footer{background-color: #2faa38; overflow: hidden;}
.footer .floatL{margin-top: 51px;}
.footer .floatL dl{float: left; margin-right: 39px;}
.footer .floatL dl a{color: #ffffff;}
.footer .floatL dl dt{line-height: 33px; margin-bottom: 12px; font-size: 16px; position: relative;}
.footer .floatL dl dt::after{display: block; content: ""; width: 22px; height: 3px; background-color: #ffffff;}
.footer .floatL dl dd{line-height: 22px; margin-bottom: 11px;}
.footer .floatR dl dt strong{display: block; line-height: 77px; margin-top: 20px; padding-left: 31px; font-size: 40px; color: #ffffff;}
.footer .floatR dl dd{line-height: 40px; padding-left: 30px; font-size: 16px; color: #ffffff;}
.footer .floatR dl dd.phone{background: url(../images/icon-contact.png) 0 0 no-repeat;}
.footer .floatR dl dd.fax{background: url(../images/icon-contact.png) 0 -40px no-repeat;}
.footer .floatR dl dd.address{background: url(../images/icon-contact.png) 0 -80px no-repeat;}
.footer .line{width: 100%; height: 1px; margin-top: 11px; background-color: rgba(0,89,6,.2);}
.footer .fot{padding: 21px 0 26px; text-align: center;}
.footer .fot p{line-height: 25px; color: #ffffff;}
.footer .fot p a{color: #ffffff;}

/*分页*/
.pages{margin-top: 10px; text-align: center;}
.pages a{display: inline-block; width: 38px; height: 38px; line-height: 38px; margin: 0 11px!important; border: 1px solid #b8b8b8; color: #7e7e7e;}
.pages span{display: inline-block; width: 38px; height: 38px; line-height: 38px; margin: 0 11px!important; background-color: #2faa38; border: 1px solid #2faa38; color: #ffffff;}
.pages a:hover{ background-color: #2faa38; border-color: #2faa38; color: #ffffff;}
.pages a.txtbtn{width: 70px;}
