.hezder_top {

    width: 100%;

    min-width: 1200px;

    padding-top:20px;

    background: #fff;

}

.hezder_top .log_box {

    width: 80%;

    margin: 0 auto;

}

.hezder_top .log_box .logs,.hezder_top .log_box .sousuo {

    display: inline-block;

    vertical-align: top;

    width:45%;

}

.hezder_top .log_box .logs {

    text-align: center;

}

.hezder_top .log_box .logs img {

    width: 65%;

}

.hezder_top .log_box .sousuo {

    padding-top:15px;

}

.hezder_top .log_box .sousuo input,.hezder_top .log_box .sousuo .sousuo_btn {

    display: inline-block;

    vertical-align: top;

}

.hezder_top .log_box .sousuo input {

    border:1px solid #ccc;

    width: 80%;

    border-radius:20px;

    background: #fff;

    padding: 10px;

}

.hezder_top .log_box .sousuo .sousuo_btn {

    background: #009944;

    text-align: center;

    padding: 10px;

    border-radius:8px;

    margin-left:10px;

}

.hezder_top .log_box .sousuo .sousuo_btn img {

    width: 80%;

}

.hezder_top .title_box {

    width:75%;

    margin: 0 auto;

    margin-top:40px;

}

.hezder_top .title_box .item {

    display: inline-block;

    vertical-align: top;

    text-align: center;

    width: 10%;

}

.hezder_top .title_box .item a {

    font-size: 15px;

    padding:15px 0px;

}

/* 对应的导航下坐标 */

.hezder_top .title_box .item:nth-child(1) a {

    border-bottom:4px solid #009944 ;

}

.banner {

    padding-top:19px;

    width: 100%;

    background: #fff;

}

.banner .sw_banner,

.banner .sw_banner .swiper-wrapper,

.banner .sw_banner .swiper-wrapper .swiper-slide,

.banner .sw_banner .swiper-wrapper .swiper-slide img

{

    width: 100%;

}



.banner .swiper-pagination-bullet {

    width: 25px;

    height: 10px;

    opacity: 1;

    background: #ccc;

    border-radius:15px ;

}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

    margin:  0 15px;

}

.banner .swiper-pagination-bullet-active {

    background: #fff;

}

/* =========================================================================================================== */

.values {

    width: 100%;

    min-width: 1200px;

}

.values .class_box {

    width: 1000px;

    margin: 5% auto;
    background: #fff;
    padding: 20px;
}
.values .class_box .titles {
    width: 100%;
    margin: 0px auto;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-top:60px;
}
.values .class_box .miaosu {
    width: 100%;
    margin: 0px auto;
    font-size: 18px;
    text-align: center;
    padding:10px 0px;
    margin-bottom:20px;
    margin-top:30px;
}
.values .class_box .conts {
    padding: 20px;
    font-size: 14px;
}
.values .class_box img {
    max-width: 100%;
}
.values .class_box  video {
    outline: none;
}
/* ==================================================================================== */

.foolt {

    width: 100%;

    background: #343434;

    margin-top:30px;

}

.foolt .foolt_box {

    width: 65%;

    margin: 0 auto;

    padding: 30px 0px;

}

.foolt .foolt_box .wom,.foolt .foolt_box .dizhi,.foolt .foolt_box .erweima {

    display: inline-block;

    vertical-align: top;

    width: 32%;

}

.foolt .foolt_box .wom .wom_list,.foolt .foolt_box .wom .wom_lists {

    display: inline-block;

    vertical-align: top;

    width: 40%;

}

.foolt .foolt_box .wom .wom_lists {

    margin-left:20px;

}

.foolt .foolt_box .wom .wom_list h3,.foolt .foolt_box .wom .wom_lists h3 {

    font-size: 20px;

    color: #fff;

    font-weight: bold;

    border-bottom:2px solid #fff ;

    text-align: center;

    padding: 5px 0px;

}

.foolt .foolt_box .wom .wom_list p,.foolt .foolt_box .wom .wom_lists p {

    color:  #fff;

    text-align: center;

    margin: 10px 0px;

}

.foolt .foolt_box .dizhi p {

    margin:15px 0px;

}

.foolt .foolt_box .dizhi p span {

    color: #fff;

    margin-left:10px ;

}

.foolt .foolt_box .erweima .item {

    display: inline-block;

    vertical-align: top;

    width: 45%;

}

.foolt .foolt_box .erweima .item:nth-child(2) {

    margin-left:20px ;

}

.foolt .foolt_box .erweima .item img {

    width: 100%;

}

.foolt  .over {

    width: 100%;

    background:#2A2A2A ;

    text-align: center;

}

.foolt .over p {

    color: #fff;

    padding: 10px 0px;

}