.hea_top{width:100%;height: 35px;background: #F6F6F6;}
.hea_top_center{width:100%;max-width:1400px;height: 35px;margin:0 auto;}
.hea_top p{font-size: 12px;color:#999;line-height: 35px;width:240px;float: left;}
.hea_top_center ul{width:370px;height: 35px;float: right;}
.hea_top_center ul li{width:97px;line-height: 35px;height: 35px;float: left;text-align: center;background: url(../picture/wx.png)no-repeat 5px 12px;position: relative;}
.hea_top_center ul li a{font-size: 12px;color:#999;}
.hea_top_center ul li a:hover{color:999;text-decoration:none;}
.hea_top_center ul li:nth-child(3){width:176px;height: 35px;background: url(../picture/li_telphone.png)no-repeat;text-align: center;font-size: 12px;color:#fff;}

.hea_top_center ul li img{width:80px;height: 80px;position: absolute;top:35px;left:0px;z-index: 999;display: none;}
.hea_top_center ul li:hover img{display: block;}
.header{width:100%;
 background-color:#fff; }
.header .container{margin:0 auto;width: 1400px;height: 100px;}
.header.on{box-shadow:0 0 10px #ddd; background-color:#fff;}
.header .logo{float:left; margin:19px 0; position:relative;}
.header.on .logo{margin:19px 0;}
.header .logo img{height:auto; display:block;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.heade.on .logo img{opacity:0;}
.header .logo img.d_w{position:absolute; top:0; left:0; opacity:0;}
.header.on .logo img.d_w{opacity:1;}
.header .tel{float:right; height:40px;  line-height:40px;width:70px; color:#53A800; margin-top:30px;position: relative;}
.souo{width:180px;height: 70px;position: absolute;top:32px;right:-17px;padding-top: 32px;display: none;}
.souo form{width:100%;height: 30px;}
.souo form #q{width:100%;height: 30px;font-size: 14px;background: #eee;text-indent: 1em;}
.header .tel:hover .souo{display: block;}
.header .an{position:absolute; top:50%; margin-top:-8px; right:15px; height:22px; width:30px; display:none;}
.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:10px; left:0;}
.header .an span.a3{top:20px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:10px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:10px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav{float:right;font-family:fontR}
.header .nav ul{float:left; margin-left:0px;}
.header .nav ul li{margin:0 29px; float:left;margin:0px 30px;}

.header .nav .y_j{position:relative;}
.header .nav .y_j i{display:none;}
.header .nav .y_j a{display:inline-block; font-size:16px; color:#333; text-transform:uppercase; line-height:100px;}
.header.on .nav .y_j a{color:#555;}
.header .nav ul li:hover .y_j a{color:#53A800;font-weight: 600;text-decoration: none;}
.header .nav ul li.on .y_j a{color:#53A800;}
.header .nav .e_j{width:100%; height:60px; line-height:60px; background-color:rgba(0,0,0,.77);  position:absolute;left:0; opacity:0; visibility:hidden;
transform:translateY(10px);
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; text-align:center}
.header .nav ul li:hover .e_j{opacity:1; visibility:inherit;
transform:translateY(0);
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);}
.header .nav .e_j a{font-size:14px; line-height:60px; text-align:center; display: inline-block; margin:0 22px; color:#fff}
.header .nav .e_j a:hover{color:#53A800;text-decoration: none;}
.top_headers{width:100%;height: 135px;}
.pagination li {
    display: inline-block;
    margin: 0 7px;
    height: 30px;
    line-height: 30px;
}

.pagination li a {}

body {}

.pagination li span {}

.prev-page {}

.active {
    background: #3e8378;
    color: #fff;
    text-align: center;
    padding: 0 10px;
}

.next-page {}

* {
    padding: 0
}

a {
    color: #858585;
    outline: none!important;
}

a:link {
    text-decoration: none;
    /* 指正常的未被访问过的链接*/
}

a:visited {
    text-decoration: none;
    /*指已经访问过的链接*/
}

a:hover {
    text-decoration: none;
    /*指鼠标在链接*/
}

a:active {
    text-decoration: none;
}

ol,
ul,
li {
    list-style-type: none;
    box-sizing: content-box;
}
/* 指正在点的链接*/
/* 头部样式*/

body {
    font-family: "Microsoft YaHei", "Arial", "黑体", "宋体", sans-serif;
    background: #FFF;
    margin: 0;
    color: #353131;
    font-size: 14px;
}

.projectTitle {
    width: 100%;
    align-items: center;
    /*                 margin: 1vh 0; */
    display: flex;
    justify-content: space-between;
    height: 59px;
}

.shrink {
    flex-shrink: 0;
    /*                 display: inline-block; */
    /*                 margin-top: 1vh; */
}

.shrink:after {
    content: "";
    display: block;
    clear: both;
}

#logo {
    height: 34px;
    margin-top: 1px;
    margin-left: 54px;
    float: left;
}

.projectName {
    display: inline-block;
    vertical-align: top;
    border-left: 2px solid #135f07;
    margin-left: .3vw;
    padding-left: .5vw;
    float: left;
    color: #135f07;
}

.projectName div {
    font-size: 16px;
    font-weight: 900;
    line-height: 19px;
}

.projectItemBox {
    display: inline-block;
    vertical-align: top;
    margin-left: 3vw;
}

.projectItem {
    display: inline-block;
    margin: 1vh 0.1vw;
    width: 9vw;
    text-align: center;
    position: relative;
}

.projectItemName {
    height: 4vh;
    line-height: 4vh;
    font-size: 2vh;
    color: #858585;
    cursor: pointer;
}

.projectItemNameActive {
    background: #135F07;
    color: #fff;
}

.projectItemChildBox {
    display: none;
    position: absolute;
    top: 4vh;
    left: 0;
    width: 9vw;
    background: #598F51;
    font-size: 1.2vh;
}

.projectItemChild {
    display: block;
    color: #fff;
    height: 4vh;
    line-height: 4vh;
    font-size: 1.4vh;
}

.projectItemChildActive {
    background: rgba(255, 255, 255, 0.2)!important;
    color: #ffffff;
}

.projectItemChildLine {
    width: 9vw;
    height: 1px;
    background: #3b6135;
    display: block;
}

.menuBox {
    /*                 float: right; */
    /*                 display: inline-block; */
    margin-right: 40px;
}

.menuBox>div {}

.menuBox .sub-menu {
    top: 50px;
}

.menu {
    padding: 0;
    margin: 0;
    /*                 text-align: right; */
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.menuBox li {
    list-style-type: none;
    line-height: 59px;
}

.menu-item {
    display: inline-block;
 
    font-size: 1.8vh;
    cursor: pointer;
}

.menu-item a {
    color: #135F07;
    font-weight: 700;
    font-size: 16px;
}

.menu-item a:hover {
    color: #F6bf1c;
}

.sub-menu .menu-item a:hover {
    color: #F6bf1c!important;
}

.menuBox4 .sub-menu a:hover {
    color: #565656;
}

.sub-menu {
    position: absolute;
    padding: 0;
    margin: 0 0 0 -1vw;
    background: #598F51;
    z-index: 999;
    display: none;
}

.sub-menu li {
    display: block;
    margin: 0;
    background: #598F51;
    text-align: left;
    text-align: center;
    font-size: 14px;
}

.sub-menu li a {
    display: inline-block;
    padding: 9px 36px;
    line-height: 24px;
    height: 24px;
}

.sub-menu a {
    color: #ffffff;
    font-size: 14px;
}

.sub-menu .menu-item {
    margin: 0;
}

.menuBox1 {
    display: none;
}

.menuBox2,
.menuBox3,
.menuBox4 {
    display: none;
}

.menuBox1 .merge>ul>.menu-item,
.menuBox2 .merge>ul>.menu-item,
.menuBox3 .merge>ul>.menu-item {
    padding: 10.5px 26px;
}

.triangle {
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fff;
    position: absolute;
    top: -10px;
    right: 10px;
}

.menu-item {
    padding: 0 16px;
}


.merge>ul {
    box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.3);
}

.menu-link:hover {
    color: #F6bf1c;
}