/*-----------------[初始化]--------------*/
body{color: #333;font-size: 12px;font-family:"微软雅黑","Microsoft Yahei";
    background-color: #fff;}
a{color: #444;}
a:hover{color: #1b8000;}
img,.ani{
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
input,textarea,select{font-size: 12px;color: #444;font-family:"微软雅黑","Microsoft Yahei";}
input[type='submit'],input[type='reset'],input[type='button'],select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


/*布局*/
.wp{max-width: 1200px;width: 100%;margin: 0 auto;}
.h50{height: 50px;clear: both;overflow: hidden;}
.h100{height: 100px;clear: both;overflow: hidden;}

*{
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}

/*标题*/

/*按钮*/

/*颜色*/


/*******************************
	-------[=头部]-------
********************************/
.header{
    *zoom:1;position: relative;
    background-color: #017b3d;
}
.header:after,.header:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.header .hd-top{
    overflow: hidden;
    padding-top: 19px;
    padding-bottom: 18px;
    background: url(../images/hd-bor.png) no-repeat left bottom;
}
.header .hd-top-r{
    float: right;padding-top: 17px;
    font-size: 14px;color: #fff;line-height: 35px;
}
.header .hd-top-r a{color: inherit;}
.header .hd-top-r a:hover{text-decoration: underline;}

.logo{
    display: block;float: left;
}
.logo img{
    display: inline-block;vertical-align: middle;
}
.hd-top-r .so{
    display: inline-block;vertical-align: top;
    width: 250px;height: 35px;
    border:0;
    background: url(../images/search-bor.png) no-repeat left top;
    position: relative;
    padding: 0 43px 0 19px;margin-right: 9px;
}
.hd-top-r .so input[type="text"]{
    display: block;width: 100%;height: 33px;
    background: none;border: none;
    font-size: 14px;color: #cfddcc;line-height: 33px;
}
.hd-top-r .so input[type="text"]::-webkit-input-placeholder {
    color: #cfddcc;font-size: 14px;
}
.hd-top-r .so input[type="text"]:-moz-placeholder {
    color: #cfddcc;font-size: 14px;
}
.hd-top-r .so input[type="text"]:-ms-input-placeholder {
    color: #cfddcc;font-size: 14px;
}

.hd-top-r .so input[type="submit"]{
    display: block;width: 35px;height: 35px;
    position: absolute;right: 8px;top: -1px;
    cursor: pointer;
    border: none;
    background:  url(../images/i-so.png) center center no-repeat;
    -webkit-background-size: auto 17px;
    background-size: auto 17px;
}




/*******************************
	-------[=导航]-------
********************************/
.header .wp{position: relative;}
.header .hd-top .wp{position: static;}
.nav{height: 48px;margin: 0 -39px;*zoom:1;}
.nav:after,.nav:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.nav li{float: left;width: 10.5%;position: relative;background-position: left center;background-repeat: no-repeat;background-image: url(../images/icon8.png);}
.nav .li-last{margin-right: 0;}
.nav .li-first{margin-right: 0;background: none;}
.nav .v1{display: block;text-align: center;font-size: 16px;color: #fff;line-height: 48px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.nav li dl{position: absolute;top: 100%;left: 50%;z-index: 2;width: 100%;padding-top: 2px;display: none;margin-left: -71px;}
.nav li dd{background-color: #e1f2ea;height: 45px;line-height: 45px;}
.nav li dd a{display: block;font-size: 16px;color:#105401;text-align: center;}
.nav li dd:hover a{background-color: #3a7430;color:#fff;}
.nav .li-last .v1{background: none;}
.nav li:hover,.nav li.on{background-color: #fff;}
.nav li.not{background-image: none;}
.nav li:hover .v1,.nav li.on .v1{color:#105401;}
.nav li:hover dl{display: block;}
.nav .so,.nav .link{display: none;}

/* 手机导航 */
.menuBtn{position: absolute;z-index: 9;display: none;float: right;
    top: 7px;
    right: 1%;
    width: 40px;height: 40px;padding: 7px;cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 3px;background-color: #fff;
    margin: 3px 0 5px;border-radius: 2px;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 5px;top: 50%;width: 25px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}
/*******************************
	-------[=banner]-------
********************************/
.banner{overflow: hidden;position: relative;}
.banner .pic{
    position: relative;padding-top: 26%;
    height: 0;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

/*******************************
	-------[=底部]-------
********************************/
.footer{
    position: relative;
    z-index: 9;
    padding: 54px 0 52px;
    *zoom:1;
    background: #093001;
    background: url(../images/bg.jpg) no-repeat center center;
}
.footer:after,.footer:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.footer .copy{
    float: left;width: 760px;
    font-size: 14px;color: #fff;line-height: 26px;
}
.footer .f-link{
    float: right;
    font-size: 20px;color: #fff;line-height: 26px;
    padding-top: 13px;
}
.footer .f-link li{
    display: block;float: left;
    color: inherit;position: relative;
    padding-left: 20px;margin-left: 28px;
    background: url(../images/icon1.png) no-repeat left center;
}
.footer .f-link li.first{background: none;}
.footer .f-link li .v1{color: #fff;}
.footer .f-link li .v1:hover{
    text-decoration: underline;
}
.f-link dl{position: absolute;left: 0;bottom: 100%;text-align: center;
    background-color: #fff;padding: 8px;width: 130px;display: none;
    box-shadow: 0px 0px 5px rgba(0,0,0,.3);
}
.f-link dd a{font-size: 14px;}
.f-link .qr{position: absolute;bottom: 100%;left:50%;width: 232px;margin-left: -116px;padding: 0 4px;
    background-color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,.3);overflow: hidden;display: none;text-align: center;
}
.f-link .er{display: inline-block;width: 99px;text-align: center;padding: 8px 4px 8px;
}
.f-link .er img{width: 91px;height: 91px;display: block;}
.f-link .er p{color: #333;font-size: 14px;}