/* reset css 样式重置  */

*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*{margin: 0;padding: 0;}
html{overflow: hidden;overflow-y: auto;}
div {
	font-size: 14px;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
p,
blockquote,
th,
td,
section {
	margin: 0;
	padding: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

a:focus {
	outline: none;
	
}
a {
    text-decoration: none;
    cursor: pointer;
    color: #666;
}
a:hover{
	text-decoration: none;
}
body,
input,
textarea,
select,
button {
	text-rendering: optimizeLegibility;
	/* 1 */
	-webkit-font-smoothing: antialiased;
	/* 2 */
	-moz-osx-font-smoothing: grayscale;
	/* 3 Default: auto */
	-moz-font-feature-settings: "liga", "kern";
}

select {
	-webkit-appearance: none;
	/*去除系统默认的样式*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* 点击高亮的颜色*/
}

select::-ms-expand {
	display: none;
}

em {
	font-style: normal;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */
}

button,
input {
	line-height: normal;
}

input[type=file] {
	width: 66px;
}

button,
select {
	text-transform: none;
}

input[type=button],
input[type=text] {
	-webkit-appearance: none;
	outline: none
}

li,
dd,
dl {
	list-style: none;
	margin: 0px;
	padding: 0px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


/*  垂直居中 */

.czjz {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -moz-box;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;
	display: -o-box;
	-o-box-orient: horizontal;
	-o-box-pack: center;
	-o-box-align: center;
	display: -ms-box;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-ms-box-align: center;
	display: box;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
}

.wrap {
	width: 1200px;
	margin: 0 auto;
	clear: both;
}
.fl{float: left;}
.fr{float: right;}
.f12{font-size: 12px;}
.f15{font-size: 15px;}
.cfff{color: #fff;}


.header .top {
    background-color: #006835;
    line-height: 51px;
    border-bottom: 1px solid #f5f5f5;
}
.clearfix .p1{padding-left: 17px;}
.header .main {
    border-bottom: 3px solid #e1e1e1;
}
.header .main .logo {
    margin-left: 13px;
    margin-top: 11px;
}
.header .main .nav {
    position: relative;
    z-index: 12;
}
.header .main .nav li {
    line-height: 100px;
    float: left;
    text-align: center;
    position: relative;
}
.header .main .nav li a {
    display: block;
    padding: 0 27px;
    color: #333;
}
.header .main .nav li dl {
    position: absolute;
    line-height: 45px;
    font-size: 12px;
    background-color: #fff;
    display: none;
    width: 100%;
    z-index: 10;
    width: 168px;
    border-top: 2px solid transparent;
    
}
.header .main .nav li:hover dl{border-color: #006835;}
.header .main .nav li dd{
	line-height:45px;
	display: inline-block;
	width: 100%;
	
}
.header .main .nav li dd:hover{background: #006835;}
.header .main .nav li dd:hover a{color:#fff;}

.search {
    position: relative;
    z-index: 222;
}
.ico5 {
    width: 75px;
    background:url(../img/ico5.png) no-repeat center;
    display: block;
    height: 100px;
    cursor: pointer;
}

.header .main .search .tc {
    position: absolute;
    top: 34px;
    right: -120px;
    border: 1px solid #ddd;
    border-radius: 30px;
    /* overflow: hidden; */
    z-index: 9;
    display: none;
    width: 147px;
    
}
.search .tc .text {
    width: 130px;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    border-radius: 30px;
    cursor: pointer;
    border: 0;
}

.search .tc .submit {
    position: absolute;
    width: 40px;
    height: 30px;
    background:url(../img/ico5.png) no-repeat center;
    right: 0;
    top: 0;
    cursor: pointer;
    border: 0;
    }
.keywordssug {
    padding: 10px;
    width: 100%;
    height: auto;
    position: absolute;
    top: 30px;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    z-index: 222;
    zoom: 1;
    display: none;
}
.keywordssug ul li {
    height: 30px;
    line-height: 30px;
}
.keywordssug ul li a:hover{color: #006835;}
.pic-wrap{clear: both;width: 100%;background: url(../img/pic.jpg) no-repeat center;height: 545px;}

.pic-main{color: #fff;}
.pic-main h3{text-align: center;font-size: 30px;padding-top: 110px;}
.pic-main span{display: inline-block;width: 100%;height:2px;background: url(../img/dx.jpg) no-repeat center;margin: 20px 0;}
.pic-main .pic-txtp{line-height: 30px;text-align: center;padding: 0 15px;}
.picbox{margin-top: 40px;padding: 30px 80px 30px 60px;width: 100%;background:#fff;overflow: hidden;}
.picbox .pic-right{color: #3b3b3b;font-size: 14px;line-height: 24px;width: 770px;}
.picbox img{margin-top:26px;}
.why-wrap{width: 100%;padding:0 0 70px;}

.why-main h3{padding:60px 0;position: relative;text-align: center;font-size: 32px;color: #404040;}
.why-main h3 span{color: #006835;}
.why-main h3 span i{font-weight: bold;font-size:44px;}
.why-main h3:after{margin-left: 12px;transform: translateY(-8px);content: "";display: inline-block;width: 77px;height: 2px;background:#e3e3e3;}
.why-main h3:before{margin-right: 12px;transform: translateY(-8px);content: "";display: inline-block;width: 77px;height: 2px;background:#e3e3e3;}

.why-box{width: 100%;overflow: hidden;}
.why-box ul li{margin-bottom: 36px;height: 160px;cursor: pointer;border-radius: 10px;padding:40px 40px 30px 30px;width: 580px;float: left;border: 1px dashed #d8d8d8;}
.why-box ul li:hover{border-color:#006835;color: #217b50;}


.why-box ul li:nth-of-type(odd){margin-right: 40px;}
.why-box ul li .whyli{width:100%;overflow: hidden;}
.why-box ul li .whyli .whypic{width: 72px;height: 72px;}
.why-box ul li:first-of-type .whyli .whypic{background: url(../img/why1.jpg) no-repeat center;background-size: 100% auto}
.why-box ul li:nth-of-type(2) .whyli .whypic{background: url(../img/why2.jpg) no-repeat center;background-size: 100% auto}
.why-box ul li:nth-of-type(3) .whyli .whypic{background: url(../img/why3.jpg) no-repeat center;background-size: 100% auto}
.why-box ul li:nth-of-type(4) .whyli .whypic{background: url(../img/why4.jpg) no-repeat center;background-size: 100% auto}
.why-box ul li:nth-of-type(5) .whyli .whypic{background: url(../img/why5.jpg) no-repeat center;background-size: 100% auto}
.why-box ul li:nth-of-type(6) .whyli .whypic{background: url(../img/why6.jpg) no-repeat center;background-size: 100% auto}

.why-box ul li:first-of-type:hover .whyli .whypic{background: url(../img/why11.jpg) no-repeat center;background-size: 100% auto}
.why-box ul li:nth-of-type(2):hover .whyli .whypic{background: url(../img/why22.jpg) no-repeat center;background-size: 100% auto}
.why-box ul li:nth-of-type(3):hover .whyli .whypic{background: url(../img/why33.jpg) no-repeat center;background-size: 100% auto}
.why-box ul li:nth-of-type(4):hover .whyli .whypic{background: url(../img/why44.jpg) no-repeat center;background-size: 100% auto}
.why-box ul li:nth-of-type(5):hover .whyli .whypic{background: url(../img/why55.jpg) no-repeat center;background-size: 100% auto}
.why-box ul li:nth-of-type(6):hover .whyli .whypic{background: url(../img/why66.jpg) no-repeat center;background-size: 100% auto}



.why-box ul li .whyli .whytxt{width: 400px;margin-left: 35px;}
.whytxt h4{font-size: 18px;color: #121111;margin-top: 5px;}


.whytxt span{transform: translateY(-3px);display: inline-block;width: 28px;height: 1px;background: #d3d3d3;}
.whytxt p{font-size: 13px;color: #808080;}
.why-box ul li:hover .whytxt h4{color:#006835;}
.why-box ul li:hover .whytxt p{color:#006835;}

.join-wrap{width: 100%;background: url(../img/joinbac.jpg) no-repeat center;height: 550px;}
.join-wrap h3{color: #fff;}
.join-wrap h3 span{color: #10cb6f;}
.join2-main{transform: translateY(-380px);-ms-transform:translateY(-380px);-webkit-transform:translateY(-380px);}
.join2-wrap{width: 100%;background: #8d8d8d;height: 780px;}
.join2-wrap ul li{width:100%;overflow:hidden;}
.join2-wrap ul li>.jpicbox,.join2-wrap ul li>.jtxtbox{height: 290px;;width: 600px;float: left;}
.join2-wrap ul li .jpicbox img{width: 100%;height: 290px;}
.join2-wrap ul li>.jtxtbox{cursor: pointer;background:#1d1f24;padding:65px 60px;}
.jtxtbox span{display:block;margin: 19px 0;width: 68px;height: 1px;background: #10cb6f;}
.jtxtbox p{font-size:20px;color: #ffffff;width: 360px;}
.join2-wrap ul li>.jtxtbox:hover{background: #006835;}
.lc-wrap{padding-bottom: 50px;}
.lcbox{width: 100%;overflow: hidden;position: relative;}
.lcbox ul li{position: relative;width: 100%;padding-bottom: 20px;overflow: hidden;}
.lcbox ul li .lcnum{float: left;text-align: center;width: 104px;line-height: 80px;font-size: 38px;color: #7e7e7e;margin-right: 20px;}
.lcbox ul li .lctxt{cursor: pointer;padding: 16px;float: left;;text-align: center;width: 1018px;height: 80px;display: inline-block;background: url(../img/db.png) no-repeat center;background-size: 100% 100%;}
.lctxt h4{padding-bottom: 10px;font-size: 16px;color: #006835;font-weight: bold;}
.lctxt p{color: #666666;font-size: 14px;}
.lctxt p span{color: #006835;}
.lcbox ul li:hover .lctxt{background: url(../img/db1.png) no-repeat center;background-size: 100% 100%;}
.lcbox ul li:first-of-type .lcnum{color:#006835;font-weight: bold;}
.lcx{width: 1px;height: 500px;background: #006835;position: absolute;left: 104px;top:42px;}
.lcbox ul li .opic{z-index: 9;position: absolute;top:34px;left: 100px;display: inline-block;width: 10px;height: 10px;border-radius: 50%;background: #006835;}
.ttq{transition: all 0.2s;position:absolute;top:26px;left: 92px;width:26px;height: 26px;background: url(../img/ttq.png) no-repeat center;background-size: 100% 100%;}