@charset "utf-8";
/* CSS Document */

.banner {
    width: 100%;
    height: 445px;
    position: relative;
    overflow: hidden;
}

.banner .bd {
    width: 2560px;
    height: 445px;
    position: absolute;
    left: 50%;
    margin-left: -1280px;
    overflow: hidden;
}

.banner .bd ul li {
    width: 100%;
    position: relative;
}

.banner .bd ul li a {
    width: 2560px;
    height: 100%;
    display: block;
}

.banner .bd ul li .ban {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner .hd {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 22px;
    display: none;
}

.banner .hd li {
    width: 8px;
    height:8px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    display: inline-block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    font-size: 0;
    margin: 0 6px;
    cursor: pointer;
}

.banner .hd li.on {
    width: 22px;
    background-color: #0076bb
}

.banner .hd .next {
    width: 52px;
    height: 52px;
    display: block;
    border: solid 1px #fff;
    border-radius: 52px;
    position: absolute;
    right: 10%;
    top: -232px;
    cursor: pointer;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    -o-border-radius: 52px;
}

.banner .hd .prev {
    width: 52px;
    height: 52px;
    display: block;
    border: solid 1px #fff;
    border-radius: 52px;
    position: absolute;
    left: 10%;
    top: -232px;
    cursor: pointer;
}

.banner .hd .next i {
    width: 100%;
    height: 100%;
    display: block;
    /* background: url(../images/next.png) no-repeat center center; */
}

.banner .hd .prev i {
    width: 100%;
    height: 100%;
    display: block;
    /* background: url(../images/prev.png) no-repeat center center; */
}

.banner .hd .next:hover,
.banner .hd .prev:hover {
    background: rgba(255, 255, 255, 0.4);
}

.banner .hd .pageState {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.6);
    position: relative;
}

.banner .hd .pageState span {
    color: rgba(255, 255, 255, 1);
    padding-right: 13px;
}

.banner .hd .pageState i {
    color: rgba(255, 255, 255, 1)
}

.banner .hd .pageState em {
    padding-left: 13px;
}

.banner .hd .prev2 {
    left: 25%;
}


.About_Us_bg{ width: 100% ; height: 705px ; background: url(../images/bk1bg.jpg) no-repeat center center; overflow: hidden;}
.About_Us_bg .center{ padding: 70px 0 0 0;}
.sp_gd_box{ width: 100%;  height: 349px; display: flex; justify-content: space-between; padding: 35px 0 0 0;}
.sp_gd_box .sp_box{ width: 620px; height: 349px; border-radius: 5px; overflow: hidden;}
.sp_gd_box .gd_box{ width: 640px; height: 349px; overflow: hidden;}
.swiper-slide-video{width: 620px; height: 349px;}

.content-boxs002{width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 10px;  display: none;}
.content-boxs002 .row-price{text-align: center;}
.content-boxs002 .row-price .wen p{ font-size: 30px ; font-weight: bold ; color: #0076bb;}
.content-boxs002 .row-price h5{ font-size: 14px ; color: #555555; padding: 5px 0 0 0;}

.gd_nr{width: 100% ; line-height: 30px ; font-size: 16px  ; color: #333 ; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8; margin: 30px 0 0 0; overflow: hidden;}

.women_box{width: 100%; height: 80px; display: flex; border-radius: 8px; margin-top: 70px; overflow: hidden;}
.women_box .wm{width: 25%; height: 80px; }
.women_box .wm a{ width: 100% ; height: 100% ; float: left; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
.women_box .wm a .ico{width: 52px; height: 52px; border: solid 1px rgba(255, 255, 255, 0.5); border-radius: 52px; display: flex; align-items: center; justify-content: center;overflow: hidden; }
.women_box .wm a h5{font-size: 18px; padding-left: 25px;}
.women_box .wm .h_bg{width: 100% ; height: 100% ; position: absolute; left: 0;top: 0;display: none;}
.women_box .wm:nth-child(1) a{ background: -webkit-linear-gradient(bottom,#7ebff8,#3ea2f9)}
.women_box .wm:nth-child(2) a{ background: -webkit-linear-gradient(bottom,#f8c18d,#ffaa58)}
.women_box .wm:nth-child(3) a{ background: -webkit-linear-gradient(bottom,#849bff,#748fff)}
.women_box .wm:nth-child(4) a{ background: -webkit-linear-gradient(bottom,#60db9b,#36cb7e)}
.women_box .wm:nth-child(1) a h5{color: #b7ddff;}
.women_box .wm:nth-child(2) a h5{color: #fff;}
.women_box .wm:nth-child(3) a h5{color: #d6deff;}
.women_box .wm:nth-child(4) a h5{color: #cefbe9;}
.women_box .wm:hover a .ico{background-color: rgba(255, 255, 255, 0.4);}
.women_box .wm:hover a h5{font-weight: bold; color: #fff;}
.women_box .wm:hover .h_bg{display: block;}


.Business_Area_bg{width: 100%; background-color: #fff;}
.Business_Area_bg .center{ padding: 67px 0 0 0;}
.tis{ padding: 36px 0 30px 0; font-size: 16px; color: #555; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}

.area_list{ width: 100% ; padding-bottom: 40px; overflow: hidden;}
.area_list ul{ width: 1350px;}
.area_list ul li{ width: 635px ; height: 240px; float: left; margin: 0 29px 29px 0; position: relative; overflow: hidden;}
.area_list ul li a{ width: 100%; height: 100%;display: block;}
.area_list ul li a img{width: 100%; height: 100%; object-fit: cover;}
.area_list ul li a .bg{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: absolute; left: 0;top: 0;z-index: 1; display: none;}
.area_list ul li a .dh_box{ width: calc(100% - 40px); padding: 0 20px 17px 20px; position: absolute; left: 0;bottom: -60px;z-index: 2; display: none;}
.area_list ul li a .dh_box h3{ width: 100%;height: 20px; line-height: 20px; font-size: 18px; font-weight: bold; color: #fff; white-space: nowrap ; text-overflow: ellipsis ; margin-bottom: 17px; overflow: hidden;}
.area_list ul li a .dh_box p{height: 44px; line-height: 22px ; font-size: 14px ; color: #f0f0f0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}

.News_Display_bg{width: 100% ; background-color: #f2f9ff;  background-image: url(../images/bk2bg.jpg) ; background-repeat: no-repeat ; background-repeat: no-repeat ; background-position: top center; overflow: hidden;}
.news_dt_box{ width: 100% ; margin: 67px 0 70px 0;}
.title_box{ width: 100% ; display: flex ; align-items: center ; justify-content: space-between;}
.title_box .lt{ display: flex ; align-items: center ;}
.title_box .lt h3{font-size: 30px  ; line-height: 30px; font-weight: bold ; color: #333333; padding-left: 16px;}
.title_box .a{ width: 88px ; height: 30px ; line-height: 30px; text-align: center; display: inline-block ; background-color: #dfe8ee; font-size: 12px ; color: #0076bb; border-radius: 30px;}
.title_box .a:hover{ background-color: #0076bb; color: #fff;}

.news_box{ width: 100%; height: 417px; display: flex; justify-content: space-between; margin: 35px 0 0 0; overflow: hidden;}
.focbox{ width: 600px; height: 417px ; position: relative; overflow: hidden;}
.focbox .bd{width: 100% ; height: 417px ;}
.focbox .bd li{width: 100% ; height: 417px ;}
.focbox .bd li a{width: 100%; height: 100%; display: block; position: relative; overflow: hidden;}
.focbox .bd li a .img{ width: 100% ; height: 100% ; object-fit: cover;}
.focbox .bd li a .zhe{ width: 100% ; height: 70px ; background-color: rgba(0, 0, 0, 0.2); position: absolute; left: 0; bottom: 0;  overflow: hidden;}
.focbox .bd li a .zhe h5{width: 430px; height: 70px; line-height: 70px; font-size: 20px ; color: #fff; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; padding-left: 14px; overflow: hidden;}
.focbox .hd { text-align: right; position: absolute; right: 15px; bottom: 31px;z-index: 7;}
.focbox .hd li {width: 8px;height: 8px;background-color: rgba(255, 255, 255, 1); border-radius: 10px; display: inline-block;font-size: 0;margin: 0 4px;cursor: pointer;}
.focbox .hd li.on {width: 22px; background-color: #0076bb;}
.focbox .bd li:hover a .imgbox img{transform: scale(1.1);}

.dt_list{ width: 668px;height: 416px ; border-top: 1px solid #e8eaec; overflow: hidden;}
.dt_list ul{ width: 100% ;}
.dt_list ul li{ width: 100% ; border-bottom: 1px solid #e8eaec;position: relative; overflow: hidden;}
.dt_list ul li a{width: calc(100% - 33px) ; display: block ; padding: 25px 23px 25px 10px;}
.dt_list ul li a .tit{ width: 100% ; height: 20px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; overflow: hidden;}
.dt_list ul li a .tit h3{ width: 550px;height: 20px; line-height: 20px; font-size: 18px; color: #333; white-space: nowrap ; text-overflow: ellipsis ; overflow: hidden;}
.dt_list ul li a .tit h4{font-size: 14px ; color: #999;}
.dt_list ul li a .nr{ width: 100% ; background: url(../images/icon3.png) no-repeat right center;}
.dt_list ul li a .nr h5{width: 560px; max-height: 52px; line-height: 26px ; font-size: 14px ; color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.dt_list ul li a:hover .tit h3,.dt_list ul li a:hover .tit h4{color: #0076bb ;}
.dt_list ul li a:hover .nr{background: url(../images/icon3-1.png) no-repeat right center;}

.Environmental_box{ width: 100% ; padding: 0 0 67px 0;}






.Environmental{ width: 100%; padding: 35px 0 0 0;  overflow: hidden;}
.Environmental .bd{width: 100%;}
.Environmental .bd li{ width: 302px ; float: left; margin: 0 30px 0 0;}
.Environmental .bd li a{width: 100%; height: 256px ; text-align: center; background-color: #fff; display: block;  overflow: hidden;}
.Environmental .bd li a .img{width: 302px ; height: 210px ; object-fit: cover; transition: all 0.6s;}
.Environmental .bd li a h3{width: calc(100% - 20px); padding: 0 10px ; height: 46px ; line-height: 46px; text-align: center;font-size: 16px ; color: #333;  white-space: nowrap ; text-overflow: ellipsis ; overflow: hidden;}
.Environmental .bd li a:hover{background-color: #0076bb;}
.Environmental .bd li a:hover .img{transform: scale(0.96);}
.Environmental .bd li a:hover h3{color: #fff;}
.Environmental .hd { width: 100%; text-align: center; padding: 40px 0 0 0;}
.Environmental .hd li {width: 8px;height: 8px;background-color: #79b7dd; border-radius: 10px; display: inline-block;font-size: 0;margin: 0 4px;cursor: pointer;}
.Environmental .hd li.on {width: 22px; background-color: #0076bb;}
.Environmental .bd li:hover a .imgbox img{transform: scale(1.1);}