
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    display: block;
    color: inherit;
}

/*包含以下四种的链接*/
a {
    text-decoration: none;
}
/*正常的未被访问过的链接*/
a:link {
    text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
    text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
    text-decoration: none;
}
/* 正在点击的链接*/
a:active {
    text-decoration: none;
}

input{
    background:none;
    outline:none;
    border:0;
}
input:focus{
    border:none;
}

.header {
    height: 70px;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .logo {
    display: flex;
    align-items: center;
}

.header .logo .logo_left {
    width: 50px;
}

.header .logo text {
    font-size: 40px;
    font-weight: 800;
    color: #108428;
}

.header .logo .logo_right {
    margin-left: 30px;
    width: 70px;
}

.header .number {
    display: flex;
    align-items: center;
}

.header .number .number_left {
    width: 30px;
    margin-right: 10px;
}

.header .number text {
    font-size: 30px;
}

.nav {
    /*padding: 0 360px;*/
    height: 55px;
    background-image: linear-gradient(to right, #96c529, #4fa228);
    display: flex;
    /*justify-content: space-around;*/
    justify-content: center;
    align-items: center;
}

.nav .nav_item {
    position: relative;
    display: flex;
    
    /*width: 100%;*/
    padding: 10px;
}

.nav .nav_item:hover .nav_item_value {
    height: 500px;
    transition: All 1s ease;
}

.nav .nav_item .nav_item_title {
    height: 55px;
    width: 100%;
    text-align: center;
    line-height: 55px;
    cursor: default;
}

.nav .nav_item .nav_item_title:hover {
    color: #fcff23;
    text-decoration: underline;
}

.nav .nav_item .nav_item_title_active {
    color: #fcff23;
    text-decoration: underline;
}

.nav .nav_item .nav_item_value {
    z-index: 99;
    left: 0;
    position: absolute;
    top: 55px;
    width: 100%;
    height: 0;
    overflow: hidden;
}

.nav .nav_item .nav_item_value>div {
    text-align: center;
    line-height: 35px;
    border-bottom: 1px solid #ccc;
    background-color: #F7F7F7;
    font-size: 14px;
    color: #666;
}

.nav .nav_item .nav_item_value>div:hover {
    color: #4fa228;
}

.header_box {
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
}

.banner {
    margin-top: 70px;
    height: 550px;
}

.banner swiper-item image {
    width: 100%;
    height: 650px;
}


.search_box>div .title {
    flex: 1;
    font-size: 30px;
    color: #FFFFFF;
    margin-right: 20px;
}

.search_box>div .search_input {
    flex: 2;
    height: 40px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
}

.search_box>div .search_input .search_img {
    width: 7%;
    height: 40px;
    line-height: 40px;
}

.search_box>div .search_input .search_img image {
    width: 40px;
    margin-left: 4px;
}

.search_box>div .search_input input {
    flex: 5;
    font-size: 12px;
}

.search_box>div .search_input .search_btn {
    flex: 1;
    height: 100%;
    background-color: #108428;
    color: #FFFFFF;
    text-align: center;
    line-height: 40px;
}

.service {
    height: 700px;
    background-color: #f0f0f0;
}

.service .service_title {
    height: 200px;
    text-align: center;
}

.service .service_title div {
    padding-top: 50px;
    font-size: 30px;
}

.service .service_title text {
    font-size: 12px;
    color: #666;
}

.service .service_list {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.service .service_list .service_item {
    width: 370px;
    height: 400px;
    background-color: #FFFFFF;
}

.service .service_list .service_item:hover {
    transition: All 0.5s ease;
    box-shadow: 1px 7px 18px 3px #ccc;
}

.service .service_list .service_item image {
    width: 100%;
    height: 270px;
}

.service .service_list .service_item .service_item_bottom {
    padding: 10px 10px 0;
}

.service .service_list .service_item .service_item_bottom .service_item_title {
    font-size: 22px;
    line-height: 40px;
}

.service .service_list .service_item .service_item_bottom .service_item_value {
    font-size: 14px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.service .service_list .service_item .service_item_bottom image {
    margin-top: 14px;
    width: 28px;
}

.solution {
    position: relative;
    padding: 0 !important;
    background: url(../images/nimg638Bg.jpg) no-repeat 0 100px;
    background-color: #FFFFFF;
    height: 815px !important;
}



.solution .solution_value_item_left {
    position: absolute;
    top: 400px;
    left: 200px;
}

.solution .solution_value_item_left image {
    width: 70px;
}

.solution .solution_value_item_right {
    position: absolute;
    top: 500px;
    left: 200px;
}

.solution .solution_value_item_right image {
    width: 70px;
}

.solution .solution_value_item_index {
    position: absolute;
    top: 627px;
    left: 200px;
    color: #FFFFFF;
}

.solution .solution_value_item_index .one {
    font-size: 48px;
}

.solution .solution_value_item_index .two {
    font-size: 16px;
}

.about {
    background-color: #f6f6f6 !important;
}

.about .about_value {
    display: flex;
    height: 532px;
    width: 1200px;
    margin: 0 auto;
}

.about .about_value .about_value_left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.about .about_value .about_value_left .about_value_left_top {
    padding: 0 40px;
}

.about .about_value .about_value_left .about_value_left_top .about_value_left_top_title {
    font-size: 24px;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #108428;
}

.about .about_value .about_value_left .about_value_left_top .about_value_left_top_value {
    font-size: 14px;
    line-height: 26px;
    color: #666;
}

.about .about_value .about_value_left .about_value_left_bottom {
    display: flex;
}

.about .about_value .about_value_left .about_value_left_bottom .about_value_left_bottom_item {
    flex: 1;
    height: 180px;
    background-image: linear-gradient(to right, #f2f2f2, #ececec);
    display: flex;
    flex-direction: column;
    padding-left: 25px;
}

.about .about_value .about_value_left .about_value_left_bottom .about_value_left_bottom_item:hover {
    transition: All 0.5s ease;
    background-image: linear-gradient(to right, #5AA622, #108428);
}

.about .about_value .about_value_left .about_value_left_bottom .about_value_left_bottom_item:hover div {
    color: #FFFFFF;
}

.about .about_value .about_value_left .about_value_left_bottom .about_value_left_bottom_item:hover text {
    color: #FFFFFF;
}

.about .about_value .about_value_left .about_value_left_bottom .about_value_left_bottom_item .image {
    width: 36px;
    height: 36px;
    margin: 40px 0 20px;
}

.about .about_value .about_value_left .about_value_left_bottom .about_value_left_bottom_item div {
    font-size: 18px;
    color: #989898;
}

.about .about_value .about_value_left .about_value_left_bottom .about_value_left_bottom_item text {
    font-size: 12px;
    color: #d0d0d0;
    margin-top: 10px;
}

.about .about_value .about_value_right image {
    width: 450px;
}

.news {
    background-color: #f6f6f6;
    height: 850px;
}

.news .news_value {
    width: 1200px;
    margin: 0 auto;
    display: flex;
}

.news .news_value .news_value_item {
    padding: 30px 10px;
    height: 550px;
    background-color: #fbfbfb;
}

.news .news_value .news_value_item .item_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding: 0 10px;
}

.news .news_value .news_value_item .item_header div {
    font-size: 18px;
}

.news .news_value .news_value_item .item_header text {
    font-size: 12px;
    color: #666;
}

.news .news_value .news_value_item .item_header text:hover {
    color: #50A328;
}

.news .news_value .item1 {
    flex: 5;
}

.news .news_value .item1 .first {
    padding: 0 10px;
    display: flex;
    margin: 10px 0;
}

.news .news_value .item1 .first:hover {
    color: #50A328;
}

.news .news_value .item1 .first .image img {
    width: 170px;
    height: 110px;
}

.news .news_value .item1 .first .value {
    width: 75%;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news .news_value .item1 .first .value div {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news .news_value .item1 .first .value text {
    font-size: 12px;
    color: #666;
}

.news .news_value .item1 .next {
    padding-left: 10px;
    width: 400px;
    font-size: 14px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 38px;
}

.news .news_value .item1 .next:hover {
    color: #50A328;
}

.news .news_value .item2 {
    flex: 4;
    background-color: #FFFFFF;
}

.news .news_value .item2 .item_value {
    display: flex;
    padding: 5px 10px;
}

.news .news_value .item2 .item_value:hover {
    color: #50A328;
}

.news .news_value .item2 .item_value img {
    width: 170px;
    height: 100px;
}

.news .news_value .item2 .item_value .value {
    width: 75%;
    padding: 10px;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news .news_value .item2 .item_value .value div {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news .news_value .item2 .item_value .value text {
    font-size: 12px;
    color: #666;
}

.news .news_value .item3 {
    flex: 3;
}

.news .news_value .item3 .item_value {
    padding: 10px;
    height: 75px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.news .news_value .item3 .item_value:hover {
    color: #50A328;
}

.news .news_value .item3 .item_value div {
    font-size: 14px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news .news_value .item3 .item_value text {
    font-size: 12px;
    color: #666;
}
.banner_index {
    margin-top: 125px;
}
.banner_index img{
    width: 100%;
}
.solution_index {
    margin-left: 300px;
    width: 1550px !important;
    height: 600px;
}
.solution_index .swiper-slide {
    height: 480px;
    padding-right: 38px;
}
.solution_index .swiper-slide .box {
    width: 100%;
    height: 480px;
    background-color: #f9f9f9;
    text-align: center;
}
.solution_index .swiper-slide .box img {
    width: 100%;
    height: 280px;
}
.solution_index .swiper-slide .box .solution_value_item_title {
    margin-top: 30px;
    font-size: 24px;
    color: #5d9a1b;
}
.solution_index .swiper-slide .box .solution_value_item_value {
    margin-top: 10px;
    font-size: 14px;
    color: #929292;
    padding: 0 10px;
    line-height: 25px;
}
.solution_index .swiper-slide .box:hover {
    box-shadow: 1px 7px 18px 3px #ccc;
}

.footer {
    position: relative;
    background-color: #108428;
    height: 300px;
}
.footer .footer_top {
    width: 1200px;
    margin: 0 auto;
    height: 160px;
    padding: 50px 0;
    display: flex;
}
.footer .footer_top .logo image {
    width: 220px;
    margin-bottom: 10px;
}
.footer .footer_top .logo div {
    padding-left: 5px;
    color: #8dbc97;
    font-size: 14px;
    line-height: 30px;
}
.footer .footer_top .footer_list {
    height: 160px;
    border-left: 1px solid #329546;
    font-size: 14px;
    color: #8dbc97;
    padding-left: 20px;
    line-height: 26px;
}
.footer .footer_top .footer_list .title {
    font-size: 18px;
    color: #fff;
    line-height: 18px;
    margin-bottom: 14px;
    cursor: default;
}
.footer .footer_top .footer_list div {
    cursor: pointer;
}
.footer .footer_top .erweima {
    height: 160px;
    border-left: 1px solid #329546;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #8dbc97;
    font-size: 14px;
}
.footer .footer_top .erweima image {
    width: 126px;
    margin: 10px 0;
}
.footer .footer_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #08671c;

}
.footer .footer_bottom > div {
    width: 1200px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
}
