@charset "utf-8";
/* =====================璁哄潧鏍峰紡======================== */
/* PC绔椂璁剧疆鏈€楂樹紭鍏堢骇 */
body.winter .header_nav{display: block !important;}
.public_img{height: 0;}
.public_img img{width: 100%;object-fit: contain;}
/* 鏈€澶栧眰鐩掑瓙 */
.box{
    width: 100%;
}

#swiper3{margin-top: 20px;}

/* 鍐呭 */
.container{
    width: 100%;
}
/* 杞挱鍥 */
.swiper-slide>img{
    width: 100%;
    object-fit: cover;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
    bottom: 18px !important;
}
/* 鍒嗛〉鍣 */
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px !important;
}
.swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active{
    background: url("../images/public/baiyuandian.png");
    background-size: cover;
}



/* 鍏徃鍙戝睍 */

/* 鍏徃鍙戝睍-------鏍囬 */
.container_fazhan_t{
    max-width: 500px;
    margin: 100px auto 20px;
    text-align: center;
}
.container_fazhan_t>h5{
    font-size: 34px;
    margin-bottom: 26px;
}
.container_fazhan_t>h5 i{
    display: inline-block;
    background: url("../images/public/red_logo.png") no-repeat center;
    width: 13px;
    height: 13px;
    margin: 0 18px;
    vertical-align: middle;
}
.container_fazhan_t>p{
    font-size: 16px;
    color: #999999;
    font-family: "寰蒋闆呴粦";
    line-height: 28px;
}

/* 鍏徃鍙戝睍-----------婊氬姩鐗规晥 */
.container_fazhan_c{
    width: 100%;
    margin: 30px auto;
    text-align: center;
}
.container_fazhan_c ul li{
    width: 20%;
    float: left;
    margin-top: 30px;
}
.container_fazhan_c ul li h5{
    font-size: 50px;
    color: #0f76c5;
    /* margin-bottom: 10px; */
    font-family: Arial;
    font-weight: bold;
}
.container_fazhan_c ul li span{
    font-size: 16px;
    color: #666666;
    font-family: "寰蒋闆呴粦";
}
/* 鍏徃鍙戝睍----------鍥炬枃 */
.container_fazhan_img,.container_fazhan_wd{
    float: left;
    width: 50%;
    position: relative;
    color: #fff;
}
.container_fazhan_img>img{
    width: 100%;
}
.container_fazhan_wd>img{
    width: 100%;
}
.container_fazhan_wd>img{
    position: absolute;
    z-index: -1;
}
.fazhan_wdimg {width: 100%;padding: 90px 76px 90px 100px;}
.fazhan_wd{
    margin-bottom: 50px;
}
.fazhan_wd h3{
    font-size: 30px;
    font-weight: bold;
}
.fazhan_wd span{
    color: #dee8f4;
}
.fazhan_wdimg p{
    margin: 10px 0;
    color: #d2e0f0;
    line-height: 32px;
    overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 5;
}
.fazhan_wdimg a{
    margin-top: 60px;
    width: 170px;
    height: 42px;
    border: 2px solid #fff;
    border-radius: 30px;
    line-height: 42px;
    background: #0f76c5;
    color: #dfedf7;
    display: inline-block;
    text-align: center;
}
.fazhan_wdimg a:hover{
    background-color: #fb732a;
    border: none;
}
.fazhan_wdimg a i,.huisebeijing .container_fazhan_d a i{
    font-style: normal;
    font-family: "瀹嬩綋";
    margin-left: 4px;
}
/* 浜у搧鏂规 */
.huisebeijing .container_fazhan_t{max-width: 426px;margin: 100px auto 0;}
.huisebeijing{
    background: #f7f7f7;
}
.huisebeijing>.container_fazhan{
    margin-top: -40px;
    text-align: center;
}
.huisebeijing .container_fazhan_t{
    padding-top: 53px;
}
.huisebeijing .container_fazhan_c ul li{
    width: unset;
    float: unset;
    display: inline-block;
    margin: 0 6px;
}

/* 浜у搧鏂规-----------鎸夐挳 */
.huisebeijing .container_fazhan_c ul li button{
    width: 100%;
    height: 52px;
    border: 2px solid #e4e4e4;
    border-radius: 30px;
    background: #f7f7f7;
    color: #555;
    font-size: 17px;
    white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding: 0 20px;
}
.huisebeijing .container_fazhan_c ul li button:hover{
    color:#dfedf7 !important;
    background:#0f76c5 !important;
    border:none !important;
}
.huisebeijing .container_fazhan_c ul li .container_anniu{
    color:#dfedf7;
    background:#0f76c5;
    border:none;
}
/* 浜у搧鏂规----杞挱鍥 */
.container_fazhan_d #swiper2{
    text-align: center;
}
.chanping_zi{
    position: absolute;
    bottom: 7%;
    color: #ffffff;
    left: 0;
    text-align: left;
}
.chanping_zi p{font-size: 18px;}
.chanping_zi p:first-child{line-height: 20px;height: 40px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;width: 100%;padding: 0 10px;}
.chanping_zi p:last-child{margin-top: 10px;}
/* 钂欑増 */
.prolink img{width: 100%;object-fit: cover;}
.prolink{
    width: 100%;
    position: relative;
    display: block;
}
.mengban{
    position: absolute;
    bottom: -101%;
    width: 100%;
    height: 100%;
    left: 0;
    background-color:#fb732a;
    opacity: .9;
    text-align: left;
    padding: 50px;
    color: #fff;
    transition: all .8s ease;
}
.prolink:hover .mengban{bottom: 0;}
.product-item{
    width: 100%;position: absolute;left: 0;top: 0;
    visibility: hidden;opacity: 0;
}
.product-item.on{visibility: visible;opacity: 1;}
.product-item-container{height: 342px;overflow: hidden;position: relative;}
.mengban_title{
    margin-bottom: 10px;
}
.mengban_title p:first-child{
    font-size: 18px;
}
.mengban_neir{
    font-size: 16px;
    margin-bottom: 30px;
}
.huisebeijing .container_fazhan_d .prolink .mengban a{
    width: 32px;
    height: 32px;
    background-color: #fff;
    display: inline-block;
    border-radius: 50%;
    color: #fb732a;
    text-align: center;
    line-height: 32px;
    font-style: normal;
    font-family: "瀹嬩綋";
    border: none;
    font-weight: bold;
}
.huisebeijing .container_fazhan_d .prolink .mengban a:hover{
    background-color: #fff;
    color: #fb732a;
}
.btn_more{
    margin: 38px 0 80px;
    width: 210px;
    height: 50px;
    border: 2px solid #797979;
    border-radius: 30px;
    line-height: 50px;
    
    color: #555555;
    display: inline-block;
    text-align: center;
}
.btn_more:hover{
    background-color: #fb732a;
    border: none;
    color: #fff;
}
.mengban_neir p{
    line-height: 32px;
    font-size: 16px;
    color: #fff;
    /* letter-spacing: 10px; */
}


/* 琛屼笟搴旂敤 */

/* 鏍囬 */
.container_fazhan_d {margin-top: 30px;}
.hangye{
    background: none;
}
.hangye .container_fazhan_t {
    max-width: 690px;
    padding-top: 0px;
}
/* 鍓嶈繘鍚庨€€灏忕澶 */
#swiper-button1,#swiper-button2,#swiper-button3,#swiper-button4{
    width: 45px;
    height: 77px;
    background-color: #fff;
    opacity: .8;
    background-size: 15px;
    position: absolute;
}
#swiper-button1:active,#swiper-button2:active,#swiper-button3:active,#swiper-button4:active{
    background-color: #fb882a;
    opacity: 1;
    transition: none;
    transform:none;
}
.swiper-button-prev{
    left: 0 !important;
}
.swiper-button-next{
    right: 0 !important;
}
/* 杞挱鍥惧簳閮ㄦ枃瀛楃洅瀛 */
.hangye .swiper-wrapper .chanping_zi{
    position: static;
    color: #000;
    text-align: center;
    background-color: #fff;
    height: 90px;
    border: 1px solid #ececec;
    border-top: none;
    line-height: 90px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .4s ease;
    font-size: 16px;
}
/* 杞挱鍥剧Щ鍏ュ彉鑹 */
.hangye .swiper-wrapper .swiper-slide:hover .chanping_zi{
    background-color: #fb732a;
    color: #fff;
}
.hangye .swiper-wrapper .swiper-slide:hover img{
    transform: scale(1.1);
}
.hangye .swiper-wrapper .swiper-slide img{transition: all .8s ease;width: 100%;object-fit: cover;}
#swiper3 .swiper-slide{
    overflow: hidden;
}

/* 鏂伴椈璧勮 */
.xinwen .container_fazhan{
    margin-top: 0;
}
.xinwen .container_fazhan_t{
    max-width: 632px;
    margin: 0px auto 20px;
}
/* 鏂伴椈璧勮----涓嬫柟鐩掑瓙 */
.xinwen .xinwen_box{
    width: 48%;
    float: left;
}
.xinwen .container_fazhan_d .xinwen_box:first-child{
    margin-right: 4%;
}
.xinwen_t{
    position: relative;
}
.xinwen_t>img {
    width: 100%;
    object-fit: cover;
    min-height: 150px;
}
.xinwen_t>p{
    position: absolute;
    top: 40px;
    font-size: 22px;
    font-weight: bold;
    width: 100%;
    text-align: left;
    color: #fff;
    padding: 0px 30px;
}
.xinwen_t>p a{
    font-weight: normal;
    float: right;
    /* opacity: .7; */	font-family: "瀹嬩綋";
}
/* 鏂伴椈璧勮--------鐩掑瓙鍐呴儴灏忕洅瀛 */
.xinwen_d{
    width: 100%;
    background-color: #fff;
    padding: 5px 50px;
    box-shadow: 10px 15px 30px rgba(0,0,0,.2);
    height: 378px;
}
.xinwen_d .xinwen_d_box{
    width: 100%;
    margin: 30px 0;
    text-align: left;
    font-size: 16px;
    position: relative;
    display: block;
}
.xinwen_d_box_l{
    width: 70%;
    float: left;
}
.xinwen_d_box_l>p{
    margin-bottom: 5px;
    line-height: 1.6em;
}
.xinwen_d_box span{
    font-size: 14px;
    color: #999999;
}
.xinwen_d_box_r{
    width: 20%;
    float: right;
}
.xinwen_d_box_r>img{
    width: 100%;
    object-fit: cover;
}



.ind footer{margin-top: unset;}

/* -------------------------PC绔?-------------------------- */
@media all and (max-width:1700px) {
    /* 1600 脳 (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 脳 (900/1050) */
}

@media all and (max-width:1439px) {
    /* 1360 脳 (768) */
}

@media all and (max-width:1359px) {
    /* 1280 脳 (800/854/1024) */
    .product-item-container {height: 312px;}

}

@media all and (max-width:1279px) {
    /* 1152 脳 (864) */

    /* 鍏徃鍙戝睍 */

    /* 鍥炬枃 */
    .fazhan_wdimg {
        margin: 5px auto;
    }
    .fazhan_wd {
        margin-bottom: 20px;
    }
    .fazhan_wdimg button {
        margin-top: 20px;
    }
    .fazhan_wdimg a {margin-top: 30px;}
    .fazhan_wdimg {padding: 60px;}
    .fazhan_wdimg p {line-height: 28px;}
}

@media all and (max-width:1151px) {
    /* 1024 脳 (600/768) */

}

/* ------------------------鎵嬫満绔?------------------------- */
@media all and (max-width:1000px) {
    
    /* 骞虫澘璁惧 720 閫傞厤 */
    .sideBar-wrapper {display: none;}

    /* 鍏徃鍙戝睍瀛椾綋 */
    .fazhan_wdimg {
        margin: 30px auto;
    }
    .container_fazhan_t>h5 {
        font-size: 30px;
    }
    .container_fazhan_t>p {
        font-size: 14px;}
    .container_fazhan_c ul li h5 {
        font-size: 35px;
    }
    .container_fazhan_c ul li span {
        font-size: 13px;
    }

    /* 鍥炬枃 */
    .container_fazhan_img,.container_fazhan_wd{
        width: 100%;
    }

    /* 浜у搧鏂规 */
    .huisebeijing .container_fazhan_c ul li {
        width: 33.33%;
    }
    .mengban {
        padding: 20px;
    }
    .mengban_neir p {
        line-height: 20px;
        font-size: 14px;
    }
    .mengban_title p:first-child {
        font-size: 16px;
    }
    .mengban_title p:last-child {
        font-size: 14px;
    }
    .mengban_neir {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .mengban a {
        width: 25px;
        height: 25px;
        line-height: 26px;
    }

    /* 琛屼笟搴旂敤 */
    .hangye .swiper-wrapper .chanping_zi {
        height: 50px;
        line-height: 50px;
    }
    .chanping_zi p{font-size: 16px;}

    /* 鏂伴椈璧勮 */
    .xinwen .xinwen_box {
        width: 100%;
    }
    .xinwen_d{height: unset;}



    /* 閫氱敤----鏈€搴曢儴鎸夐挳 */
    .huisebeijing .container_fazhan .container_fazhan_d button{
        margin: 30px 0 50px;
    }

    .container_fazhan_c {margin: 0px auto 20px;}
    .huisebeijing .container_fazhan_c ul li {margin-top: 20px;}
    .xinwen_d_box_r>img{max-height: 80px;}
}
@media all and (max-width:640px) {
    /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */
    /* 鍐呭 */
    .container{padding-top: 60px;}
    
    #swiper-button3, #swiper-button4 {
        margin-top: -74px;
    }

    /* 鍏徃鍙戝睍--------婊氬姩鐗规晥鎺掔増鏀瑰彉*/
    .container_fazhan_c ul li {
        width: 50%;
    }
    /* 鍏徃鍙戝睍--------瀛椾綋 */
    .container_fazhan_t>h5 {
        font-size: 24px;
    }
    .container_fazhan_c ul li h5 {
        font-size: 24px;
    }
    .container_fazhan_t {
        margin: 25px 4% 20px;
    }
    /* 鍏徃鍙戝睍--------鍥炬枃 */
    .fazhan_wdimg {margin: unset;padding: 20px;}
    .fazhan_wdimg a {
        margin-top: 10px;
    }
    .fazhan_wd {
        margin-bottom: 15px;
    }
    .fazhan_wd span {
        font-size: 12px;
    }
    .fazhan_wd h3 {
        font-size: 20px;
    }
    .fazhan_wdimg p{
        display: none;
    }
    .fazhan_wdimg p:nth-child(2){
        display: block;
        overflow: hidden;
        display: -webkit-box;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .fazhan_wdimg button {
        margin-top: 15px;
    }
    .container_fazhan_c ul li {
        margin: 5px 0px;
    }

    /* 浜у搧鏂规 and  琛屼笟搴旂敤 */
    .huisebeijing .container_fazhan_c ul li {margin: 5px 1% 5px 2%;width: 43%;}
    .huisebeijing>.container_fazhan {
        margin-top: 30px;
    }
    .huisebeijing .container_fazhan_t {
        padding-top: 25px;
        margin: 0 4%;
        max-width: unset;
    }
    .huisebeijing .container_fazhan .container_fazhan_d button {
        margin: 30px 0 30px;
    }
    .hangye .container_fazhan{margin: 0;}
    .huisebeijing .container_fazhan_c ul li button {height: 45px;line-height: 45px;}

    /* 鏂伴椈璧勮 */
    .xinwen_d {
        padding: 15px 20px;
        box-shadow: 0px 0px 20px rgba(0,0,0,.1);
    }
    .xinwen_d_box_l>p,.xinwen_d_box span{font-size: 14px;}
    .xinwen_t>p {
        top: 20px;
        font-size: 16px;
    }
    .xinwen .container_fazhan{margin: 0;}
    .huisebeijing .container_fazhan .container_fazhan_d a {margin: 10px 0 10px;}
    .xinwen .container_fazhan_d .xinwen_box:first-child {margin-right: 0;margin-bottom: 20px;}
    .xinwen .btn_more {margin: 0 0 20px;}
    .container_fazhan_t>h5 i {margin: 0 10px;}
    /* 鍓嶈繘鍚庨€€灏忕澶 */
    #swiper-button1,#swiper-button2,#swiper-button3,#swiper-button4{
        width: 35px;
        height: 50px;
    }

    .container_fazhan_d {margin: 20px 4% 0;}
    .container_fazhan_d {padding-bottom: 20px;}
    
    
    /* 鏌ョ湅鏇村鎸夐挳 */
    .huisebeijing .container_fazhan .container_fazhan_d .btn_more{margin-bottom: unset;margin-top: 20px;}


    /* 浜у搧鏂规鍒囨崲鎸夐挳 */
    .container_fazhan_c {margin: 20px 0;}

    /* 椤靛ご杞挱鍥 */
    .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 5px !important;
    }

    /* 渚ц竟鏍 */
    .sidebar{
        display: none;
    }

    .profile_wd>div {top: 10%;}
    .prolink img{height: 358px;}
    .product-item-container {height: 360px;}
}
/* @media all and (max-width:360px) {
    .footer_c {padding: 35px 0 35px;}
    .fengexian {top: 375px;}
    .footer_nav_l, .footer_erweima {width: 100%;}
    .footer_nav_c {width: 100%;margin: 20px 0;}
    .footer_nav_l>.footer_box img {width: 50%;}
    .footer_zi>a,.footer_nav_l .footer_box p:last-child,.footer_nav_l .footer_box p:nth-child(2){font-size: 12px;}
    .footer_zi>h3{font-size: 13px;}
    .footer_imgwd>img {width: 50%;}
} */