@charset "utf-8";

/* CSS Document */
ul,li,dl,dt,dd,ol{ list-style-type:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,form,input,textarea,label,table,tr,td,p,header,article,footer,nav,section,aside,menu{margin:0; padding:0;}
header,article,nav,footer,section,aside,menu{ display:block;max-width:640px; margin:0 auto; position:relative;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:none;}
a:link,a:visited{color:#555;text-decoration:none;outline:none;}
a:active,a:hover{color:#000; text-decoration:none;}
body{color:#555; margin:0;padding:0; font:1em/1.4em Microsoft Yahei;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

/*上下间距 容器外边距*/
.block{display:block;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb18{ margin-bottom:18px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mt5{margin-top:5px;}
.mt15{margin-top:15px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mb0{margin-bottom:0px;}
.mb15{margin-bottom:15px;}

img.lazy{background:url(../images/loading.gif) no-repeat center center;}

/**============ Reset End ===============**/

#nav-over{position:fixed;left:0;top:0;z-index:9998;display:none;width:100%;height:100%;}
.warmp{position:relative;right:0;z-index:1;-webkit-transition:all .5s ease;transition:all .5s ease;}

.header{border-top:5px solid #017f01;}
.navbar{position:relative;height:65px;}
.navbar .ico-home{ position:absolute;left:5px; top:5px; height:65px; }
.navbar .ico-home img{height:50px;}
.navbar .ico-nav{float:right;width:50px;height:50px;overflow:hidden;text-indent:-9999em;background: url(../images/ico-nav-top.png) center center no-repeat;background-size:auto 25px; margin-top:8px;}
.navbar #title{float:left;width:52%;height:50px;margin:0 1%;font-size:1.1em;font-weight:normal;color:#fff;line-height:50px;text-align:center;overflow:hidden;-webkit-transition:font-size 0.2s ease-out; -o-transition:font-size 0.2s ease-out; -moz-transition:font-size 0.2s ease-out;transition:font-size 0.2s ease-out;}

/**============底部=================**/
.copyright{text-align:center;margin:1em 0;font-size:1em; line-height:0.8em;color:#999;}
.copyright a{color:#999;}
.footer{}
.footer-con{position:fixed;z-index:100; bottom:0; width:100%;height:60px; background:#017f01;-webkit-transition:right .5s ease;transition:right .5s ease;}
.footer li{ float:left; width:25%;}
.footer li a, .footer li span{display:block;height:22px;padding:37px 0 0 0;text-align:center;color:#fff;cursor:pointer;line-height:18px;font-size:0.9em; border-right:#74af26 solid 1px;}
.footer li.f-1 a{background:url(../images/ico-home.png) center 10px no-repeat;background-size:22px 22px;}
.footer li.f-2 a{background:url(../images/ico-boticon3.png) center 10px no-repeat;background-size:28px 28px;}
.footer li.f-3 a{background:url(../images/ico-boticon1.png) center 10px no-repeat;background-size:22px 22px;}
.footer li.f-4 span{background:url(../images/ico-boticon4.png) center 10px no-repeat;background-size:22px 22px; border:0px;}

/**==================弹出导航菜单==============**/
.nav{position:fixed;top:0;right:-360px;z-index:9999;width:170px; height:100%;background:#017f01;-webkit-transition:all .5s ease;transition:all .5s ease;}
.nav h3{padding:20px 0 15px 12px;font-size:1.271em;font-weight:normal;color:#fff;line-height:25px;}
.nav h3 a { color:#fff;}
.openMenu{right:170px;-webkit-transition:all .5s ease;transition:all .5s ease;}
.openNav{right:0;-webkit-transition:all .5s ease;transition:all .5s ease;}
.scrollerBox{ position:relative;overflow:scroll;overflow-x:hidden;overflow-y:scroll;-ms-touch-action: none;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;-o-text-size-adjust: none;text-size-adjust: none;}
.scroller {position: absolute;width:100%;padding:0 0 100px 0;cursor:move;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}/**============= 导航菜单 ==============**/
.nav ul li a{display:block;height:45px;overflow:hidden;padding:0 0 0 6px;line-height:45px;color:#fff;font-size:0.9em;border-bottom:1px solid #74af26; margin-left:4px}
.home ul li span{ display:block;float:left;width:32px;height:45px;margin:0.2em 0.8em 0 0.2em;}
.home ul li:nth-of-type(1) span{ background:url(../images/ico-boticon1_01.png) no-repeat center;background-size:85%}
.home ul li:nth-of-type(2) span{ background:url(../images/ico-boticon1_02.png) no-repeat center;background-size:85%}
.home ul li:nth-of-type(3) span{ background:url(../images/ico-boticon1_03.png) no-repeat center;background-size:85%}
.home ul li:nth-of-type(4) span{ background:url(../images/ico-boticon1_04.png) no-repeat center;background-size:85%}
.home ul li:nth-of-type(5) span{ background:url(../images/ico-boticon1_05.png) no-repeat center;background-size:85%}
.home ul li:nth-of-type(6) span{ background:url(../images/ico-boticon1_06.png) no-repeat center;background-size:85%}
.home ul li:nth-of-type(7) span{ background:url(../images/ico-boticon1_07.png) no-repeat center;background-size:85%}
.home ul li:nth-of-type(8) span{ background:url(../images/ico-boticon1_08.png) no-repeat center;background-size:85%}
.home ul li:nth-of-type(9) span{ background:url(../images/ico-boticon1_09.png) no-repeat center;background-size:85%}
.home ul li:nth-of-type(10) span{ background:url(../images/ico-boticon1_10.png) no-repeat center;background-size:85%}

#gotop{width:41px;height:55px;right:0;bottom:65px;background-size:41px 55px;}


/*导航栏*/
.g-nav{position:relative;overflow:hidden;display:block;height:5rem;background:#017f01;}
.g-nav a{position:relative;display:block;float:left;width:33.3%;height:2.5rem;line-height:2.5rem;font-size:0.9rem;text-align:center;color:#ffffff;background:#017f01;}
.g-nav a:before {content: ""; position: absolute; top: 0px;right: 0px; height: 100%;width: 1px;background: #74af26 none repeat scroll 0% 0%;z-index: 10;}
.g-nav a:after{content: ""; position: absolute; top:2.5rem;right: 0px; height:1px;width: 100%;background: #74af26 none repeat scroll 0% 0%;z-index: 10;}
.g-nav a:nth-child(3n):before{content: ""; position: absolute; top: 0px;right: 0px; height: 0;width: 0;background: #ffffff none repeat scroll 0% 0%;z-index: 10;}