@charset "UTF-8";



.left{ float: left;}
.right{float: right;}
.y_nav{display: none;}
.justify_fix{display:inline-block; width:100%; height:0; overflow:hidden;}

.mob{display: none;}
.pc{display: block;}

body{ background: url("../images/bg1.jpg");}

/*banner*/
.ban_swi{ float: none;}
.ban_swi .swiper-slide{ text-align: center;}
.ban_swi .swiper-pagination{bottom: 35px;}
.ban_swi .swiper-pagination-bullet{width: 16px; height: 16px; background: #fff; opacity: 1;  outline: none; }
.ban_swi .swiper-pagination-bullet-active{ background: #ede3be;   }

.oth-top,.banner{ text-align: center;}
.oth-top img,.banner img{max-width: 100%;}


.top{ width: 100%; line-height: 32px; background: #11212b; height: 32px;  font-size: 13px; color: #ede3be;}
.top_con{ width: 1200px; margin: 0 auto; height: 100%; }
.top_con .right{ width: 50%; text-align: right;}
.top_con .right a{ color: #ede3be;}
.ly{ margin-right: 15px;}
.ht_tel{ margin-left: 20px; color: #ede3be; display: inline-block;}
.ht_tel img{ margin-right: 15px;}
.wx_t{display: inline-block; margin: 0 13px 0 30px;}
.wx_t img{ margin-top: -3px;}

.top2{ width: 1200px; padding: 35px 0 30px; margin: 0 auto; height: auto; overflow: hidden;}
.menu_bg{ background: #0f1f29;}
.menu_con{width: 1200px; height: 54px;  text-align: justify; font-size: 0; margin: 0 auto;color: #ede3be;}
.menu_item{ font-size: 17px; color: #ede3be; display: inline-block; height: 100%; line-height: 53px; position: relative;}
.menu_con span{ font-size: 17px; display: inline-block; color: #ede3be;}
.menu_item a{color: #ede3be;}
.dl_menu{ position: absolute; top: 54px; z-index: 999;     width: 180px; height: auto; overflow: hidden; background: #fff; text-align: center; padding: 5px 20px 10px; left: -60px; display: none; }
.dl_menu li{ line-height: 32px;}
.dl_menu a{color: #0f1f29;}
.dl_menu a:hover{color: #b32424;}
.menu_item:nth-child(11) .dl_menu{ left: -20px;}
.menu_item:hover .dl_menu{display: block;}

.oth_menu{ width: 100%; height: auto;overflow: hidden; background: #fff;}
.c_lb{ width: 1200px; height: auto; padding: 35px 0; overflow: hidden; text-align: center; margin: 0 auto;}
.c_lb span:last-child{display: none;}
.c_lb span{ font-size: 18px; color: #e5e5e5; margin: 0 85px;}
.c_lb li{display: inline-block; font-size: 18px; color:#787878;}
.c_lb li.active{ color: #b32424;}

.oth_cont{width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}

.abo_lun{ width: 1200px; height: auto; overflow: hidden; margin: 45px auto 0;}

.abo_lun .swiper-slide{ text-align: center;}
.abo_lun .swiper-pagination{bottom: 35px; text-align: right;}
.abo_lun .swiper-pagination-bullet{width: 16px; height: 16px; background: #fff; opacity: 1;  outline: none; margin-right: 33px !important; }
.abo_lun .swiper-pagination-bullet-active{ background: #9d2020;   }
.about_dbg{ padding: 24px 0; text-align: center; background: url("../images/about_dbg.png") no-repeat; font-size: 20px; color: #fff;}
.about_dbg p img{ margin-right: 10px; margin-top: -3px;}

.oth_textcon{ font-size: 17px; line-height: 27px; color: #fff; margin: 38px auto 70px;}
.pro_cat a{display: inline-block;}
.pro_cat{padding: 35px 30px;text-align: justify; }
.pro_cat span:last-child{ display: inline-block; }


.oth_cz{ background: #fff; color: #131313;}
.oth_cz_txt{ padding: 55px 40px; font-size: 16px;}

.xypg-news-list{
    margin: 50px auto 0;
}

.xypg-news-list li {
    border: 1px solid #e1e1e1;
    padding: 30px;
    background: #fff;
    margin-bottom: 35px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.xypg-news-list li .tit {
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 15px;
    position: relative
}

.xypg-news-list li .tit h3 {
    padding-bottom: 15px;
    font-size: 18px;
    color: #565656;
    font-weight: 400;
    padding-right: 25%;
    margin: 0
}

.xypg-news-list li .tit .date {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #666
}

.xypg-news-list li .info {
    font-size: 14px;
    line-height: 2;
    color: #999
}

.xypg-news-list li .more {
    margin-top: 15px
}

.xypg-news-list li .more span {
    display: inline-block;
    width: 130px;
    line-height: 33px;
    text-align: center;

    font-size: 14px;
    color: #666;
    border: 1px solid #e1e1e1;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.xypg-news-list li:hover {
    -webkit-box-shadow: 0 2px 13px 1px rgba(8, 1, 3, .18);
    box-shadow: 0 2px 13px 1px rgba(8, 1, 3, .18)
}

.xypg-news-list li:hover .tit h3 {
    color: #292e39
}

.xypg-news-list li:hover .more span {
    color: #fff;
    background-color: #292e39
}
.news_show{ background: #fff; margin: 50px auto;}
.news_show .nabouts{ width: 90%; margin: 0 auto;}

.cont_top{ width: 1200px; height: auto; overflow: hidden; margin: 60px auto 45px; background: #fff;}
.cont_top .right{ width: 544px;}
.c_en{ color: #a3a3a3; font-size: 20px; margin: 40px auto 5px 50px}
.c_cn{ font-size: 28px; color: #000; margin-left: 50px;}
.xt{ width: 562px; height: 1px; background: #c3c3c3; margin: 15px 0 30px 50px;}
.cont_tel{ margin: 0 0 20px 50px; height: auto; overflow: hidden;}
.cont_tel .right{ margin-left: 10px; font-size: 16px; color: #000; float: left;}
.cont_tel .right p{ color: #cc0606; font-size: 18px; font-weight: bold;}
.cont_top .left.z1{ width: 655px;}
.cont_tel img{ margin-top: 5px;}

.cn{ font-size: 30px; color: #ede3be; text-align: center; font-weight: bold;}
.en{ text-transform: uppercase; font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-align: center; color: #ede3be; margin-top: 5px;}


.cont_msg{width: 1200px;margin: 18px auto 55px;}
.join_f{background: #f1f3f5;padding: 40px 45px;}
.j_inp input,.join_f select{width: 540px;height: 48px;border: 1px solid #e4e6e8;padding-left: 20px;font-size: 16px;}
.j_inp input:nth-child(even){float: right;}
.j_inp{margin-bottom: 20px;}
.join_f textarea{width: 100%;height: 125px;border: 1px solid #e4e6e8;padding-left: 20px;padding-top: 15px;}
.b_cent{text-align: center;margin-top: 30px;}
.b_cent input{width: 180px;height: 45px;border: none;background: #cd0d0d;color: white;font-size: 18px;}

.map{ width: 1200px; height: 400px; margin: 32px auto 55px;}

.in_brand{width: 1200px; height: auto; padding: 58px 0; margin: 0 auto;}
.msg_tt .en img{ margin: 0 20px;}
.brand_list{ margin: 0 auto; width: 100%; height: auto; overflow: hidden; font-size: 0;}
.brand_item{ margin-top: 40px; margin-right: 30px; display: inline-block; position: relative; }
.brand_list a:nth-child(4n) .brand_item{ margin-right: 0;}
.bfx{ position: absolute; width: 100%; height: 100%; top: 0; background: rgba(255,255,255,0.7);  align-items: center; justify-content: center; display: none; transition: all 0.3s;}
.bfx p{ width: 130px; height: 37px; line-height: 36px; font-size: 17px; color: #fff; background: #b32424; text-align: center; border-radius: 5px;}
.brand_item:hover .bfx{display: flex; transition: all 0.3s;}

.index-brand-swiper{ width: 1200px; height: auto; overflow: hidden; margin: 30px auto 65px;}


.index-brand-swiper .swiper-slide {
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
     width: 25%;
}

.index-brand-swiper .swiper-slide:nth-child(2n+1) {
    background-color: #f2f2f2
}

.index-brand-swiper .swiper-slide:nth-child(2n) {
    background-color: #f8f8f8
}

.index-brand-swiper .swiper-slide a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height:360px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 0 30px;
}

.index-brand-swiper .swiper-slide .img {
    width: 230px;
    margin: 0 auto 20px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    max-width: 100%
}

.index-brand-swiper .swiper-slide .img span {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 72.66667%;
    overflow: hidden
}

.index-brand-swiper .swiper-slide .img span img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.index-brand-swiper .swiper-slide .title {
    text-align: center;
    font-size: 16px;

    color: #000;
    margin-bottom: 10px
}

.index-brand-swiper .swiper-slide .p {
    font-size: 13px;
    line-height: 25px;
    height: 0;
    width: 270px;
    margin: 0 auto;
    max-width: 100%;
    color: #888;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.index-brand-swiper .swiper-slide .arrow {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    margin: 15px auto 0
}

.index-brand-swiper .swiper-slide .arrow {
    background-color: #b32424
}


.index-brand-swiper .swiper-slide:hover {
    background-color: #fff;
    z-index: 5;
    -webkit-box-shadow: 0 0 40px rgba(135,135,135,0.2);
    box-shadow: 0 0 40px rgba(135,135,135,0.2)
}

.index-brand-swiper .swiper-slide:hover .img {
    width: 200px
}

.index-brand-swiper .swiper-slide:hover .p {
    height: 125px
}

@media screen and (max-width: 800px) {
    .index-brand-swiper .swiper-slide .p {
        height: 112px
    }
}

@media screen and (max-width: 750px) {
    .index-brand-swiper .swiper-slide:nth-child(7n+1) .title {
        color: #a61317
    }

    .index-brand-swiper .swiper-slide:nth-child(7n+2) .title {
        color: #173958
    }

    .index-brand-swiper .swiper-slide:nth-child(7n+3) .title {
        color: #8c9ca8
    }

    .index-brand-swiper .swiper-slide:nth-child(7n+4) .title {
        color: #c6b98f
    }

    .index-brand-swiper .swiper-slide:nth-child(7n+5) .title {
        color: #d6b924
    }

    .index-brand-swiper .swiper-slide:nth-child(7n+6) .title {
        color: #8e98a6
    }

    .index-brand-swiper .swiper-slide:nth-child(7n+7) .title {
        color: #8e98a6
    }
}

.index-brand-swiper .swiper-pagination {
    display: none
}

.index-brand-swiper .swiper-pagination-bullet-active {
    background-color: #ceac77
}

@media screen and (max-width: 750px) {
    .index-brand-swiper .swiper-pagination {
        display: block
    }
}

.zp1{ width: 100%; height: auto; overflow: hidden; position: relative;}
.zp_box{ position: absolute; width: 1200px; height: auto; overflow: hidden; background:rgba(255,255,255,0.9); bottom: 0; margin: 0 auto; left: 0; right: 0;padding:  30px 30px 40px 70px;}
.zp_box1{ width: 100%; height: auto; overflow: hidden; margin-bottom: 30px;}
.zp_box1l{ float: left; font-size: 32px; color: #b32424; font-weight: bold; }
.zp_box1 p{ font-weight: initial; font-size: 12px; color: #4b4b4b; text-transform: uppercase;}
.zp_box1r{ float: left; margin-top: 25px; font-size: 17px;color: #1c1c1c; margin-left: 20px;}
.zp_box1r::after{display: block; content: ''; background: #b32424; height: 1px; width: 149px; margin-top: 8px;}
.zp_box2{ line-height: 30px; font-size: 16px;}

.in_abt{ width: 1200px; height: auto; overflow: hidden; margin: 58px auto 0;display: flex}
.in_abt .right{ width: 770px;}
.in_abt .left{ width: 430px; background: #fff; height: 524px; padding: 58px 30px 0 30px;}
.abt_t{font-size: 34px; color: #131313; font-weight: bold;}
.abt_t span{ color: #555555; font-size: 17px; }
.abt_t::after{ content: ''; display: block; width: 100%; height: 1px; background: #efefef; margin: 28px auto 45px; }
.abt_txt{ font-size: 17px; color: #4c4c4c; line-height: 27px; text-indent: 2em;}

.abt_lun .swiper-slide{ text-align: center;}
.abt_lun .swiper-pagination{bottom: 35px; text-align: right;}
.abt_lun .swiper-pagination-bullet{width: 16px; height: 16px; background: #fff; opacity: 1;  outline: none; margin-right: 33px !important; }
.abt_lun .swiper-pagination-bullet-active{ background: #9d2020;   }

.abt_lx{ background: url("../images/abt_lx_bg.jpg") no-repeat; width: 1200px; height: 103px; margin: 0 auto 58px;}
.abt_lx1{ width: 122px; height: 40px; border: 1px solid #fff; border-radius: 5px; font-size: 17px; color: #fff; text-align: center; line-height: 38px; margin-top: 33px; margin-left: 33px;}
.abt_lx2{ margin-left: 33px; margin-top: 23px; color: #fff; width: 540px;}
.abt_lx2 .left{ margin-right: 17px; padding-top: 10px;}
.abt_lx2_con{ float: left; font-size: 18px;}
.abt_lx2_con{ font-size: 20px; font-weight: bold;}

.tl{ width: 100%; height: auto; overflow: hidden; background: url("../images/bg2.jpg") ; padding: 60px 0 78px; }
.tl_con{ width: 1200px; margin: 40px auto 0; height: auto; overflow: hidden;}
.tl_con .left{ width: 490px; color: #fff; font-size: 17px; line-height: 36px;}

.tl .right{ width: 666px;}

.tl_lun .swiper-slide{ text-align: center;}
.tl .right .swiper-pagination{position:inherit; margin-top: 25px; text-align: right;}
.tl .right .swiper-pagination-bullet{width: 16px; height: 16px; background: #fff; opacity: 1;  outline: none; margin-right: 33px !important; }
.tl .right .swiper-pagination-bullet-active{ background: #9d2020;   }


.more1{  background: #cd0d0d; text-align: center; color: #fff; font-size: 17px;  width: 165px; height: 40px; border-radius: 5px; margin-top: 28px;  }


.bany{ padding: 80px 0 50px; width: 100%; height: auto; overflow: hidden;}
.bany_con{ width: 1200px;height: auto; overflow: hidden; margin: 66px auto 0;}
.bany_con .left{width: 605px;}
.bany_con .right{ width: 560px; height: auto; color: #fff; font-size: 16px; line-height: 40px;  }
.bany_con .right .br{ margin: 36px auto 33px; height: 1px; background: #1e4c65;}


.bany_con .swiper-slide{ text-align: center;}
.bany_con  .swiper-pagination{position:inherit; margin-top: 25px; text-align: left;}
.bany_con  .swiper-pagination-bullet{width: 16px; height: 16px; background: #fff; opacity: 1;  outline: none; margin-right: 33px !important; }
.bany_con  .swiper-pagination-bullet-active{ background: #9d2020;   }

.ind_news{ }

.ind_news_con{ width: 1200px; height: auto; overflow: hidden;}
.ind_news_cate{ width: 1200px; margin: 50px auto;height: auto; text-align: center; overflow: hidden;}
.ind_news_item{ display: inline-block; text-align: center; font-size: 17px; color: #0f202c; padding: 10px 50px; margin: 0 9px; background: #fff; border-radius: 5px; }
.ind_news_cate a.active .ind_news_item,.ind_news_cate a .ind_news_item:hover{ background: #cd0d0d; color: #fff;}
.ind_news_con{ width: 1200px; height: auto; overflow: hidden; margin: 54px auto 80px; display: none;}

.ind_news_con_item{ width: 375px; height: auto; overflow: hidden; float: left; margin-right: 35px;}
.n_m{ position: relative;}
.n_m .tm{ width: 70px; height: 70px; background: #b32424; position: absolute; top: 0; text-align: center; color: #fff; font-size: 12px;}
.n_m .tm p{ font-size: 39px; line-height: 45px;}
.n_t{ font-size: 18px; color: #fff; line-height: 21px; margin: 20px auto 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.n_d{ font-size: 14px; color: #adadad; line-height: 27px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}

.ind_news_con a:last-child .ind_news_con_item{ margin-right: 0;}




.ind_cont{width: 100%;height: 600px;position: relative;}
.ind_cont .map{width: 100%;height: 100%;}
.lx_box{position: absolute;top: 0;left:50%;margin-left: -620px;}
.lx_nr{width: 480px;height: 555px;background: white;margin-top: 20px;margin-left: 25px;padding: 0 30px;padding-top: 25px;box-shadow:1px 2px 10px #ccc;-moz-box-shadow:1px 2px 10px #ccc; -webkit-box-shadow:1px 2px 10px #ccc;}
.lx_bt p{color: #a3a3a3;font-size: 20px;margin-bottom: 7px;}
.lx_bt h4{color: #000000;font-size: 18px;font-weight: bold;}
.lx_list{margin-top: 20px;}
.lx_list li{margin-bottom: 15px;color: black;}
.lx_list li em{display: inline-block;width: 23px;}
.lx_f{margin-top: 20px;}
.lx_f input{width: 100%;height: 38px;border: 1px solid #eeeeee;padding-left: 15px;margin-bottom: 10px;}
.lx_f textarea{width: 100%;height: 80px;border: 1px solid #eeeeee;padding: 15px;margin-bottom: 10px;}
.lx_f input[type="submit"]{width: 200px;border: none;border-radius: 5px;background: #da251d;color: white;padding-left: 0;margin: 0 auto;display: block;}

.lx_box .cont_tel{ margin: 20px auto;}

.zl_list{ width: 1200px; margin: 40px auto 37px; height: auto; overflow: hidden; display: flex; align-items:center; justify-content: center;}
.zl_item{ margin: 0 65px;}

.foot_er{ background: url("../images/bg2.jpg"); width: 100%; height: auto; overflow: hidden; padding: 30px 0 25px;}
.foot_con{ width: 1200px; height: auto; overflow: hidden; margin: 0 auto;}

.foot_con .left{ width: 1020px; height: auto; overflow: hidden;}
.dg{ width: 100%; vertical-align: text-top; border-bottom: 1px solid #304654; padding-bottom: 10px; }

.d_txt{ font-size: 15px; color: #ede3be; line-height: 30px; margin: 20px auto 15px;}
.copy{font-size: 15px; color: #ede3be;}
.copy a{color: #ede3be;}
.dewm{ max-width: 101px; color: #fff;}
.dewm p{ margin-top: 15px; text-align: center; font-size: 15px;}

.pro_list .swiper-slide{ float: left; margin-bottom: 10px;}
.top2_con .logo{float: left;}
.seb{ width: 393px; height: 37px;}
.seb input[type='text']{ width: 300px; height: 37px; background: #fff; border-radius: 18px 0 0 18px; text-indent: 2em; color: #666; padding: 0; margin: 0;border: none; float: left;}
.seb input[type='submit']{ background: url("../images/se_bg.png") no-repeat;width: 93px; height: 37px; border: none; margin:0; padding: 0;float: left; }

    /*
    分页
     */
.Pagination{width: 100%;height: auto;text-align: center;margin-top: 15px; margin-bottom: 70px;}
.Pagination a{display: inline-block;padding: 5px 10px;border: 1px solid #fff;}
.Pagination .current{color: white;}
.Pagination .current{background: #c31522;border-color: #c31522;}
.Pagination a{color: #fff;font-size: 12px;}

.ny{ margin-top: 40px;}
.nabouts{width: 100%; margin: 0 auto; max-width: 1600px;}
.npros_lefta{ width: 230px;}
.npros_right{ width: 800px;}


.my-map { margin: 0 auto; width: 100%; height: 100%; }
.my-map .icon { background: url(https://a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}



@media only screen and (max-width: 1680px) {
 
}

@media only screen and (max-width: 1440px) {
 body{zoom:0.97;}
}

@media only screen and (max-width: 1366px) {
   body{zoom:0.92;}
}



@media only screen and (max-width: 768px) {
    body{zoom: 1;}
    div {
        min-width: initial;
        max-width: 100%;
    }
    .navbar-header{margin-left: 0 !important;}
    .navbar-default .navbar-collapse{margin-right: 0;margin-left:0;}
    .mob {
        display: block;
    }

    .pc {
        display: none;
    }

    .header {
        display: none;
    }

    .y_nav {
        display: block;
    }

    .navbar-brand {
        padding: 5px 0 0 10px;
    }

    .navbar {
        margin-bottom: 0;
    }

    .navbar-brand > img {
        height: 35px;
    }

    .container-fluid{ padding: 0;}
    .top,.menu_bg,.p1 img{display: none;}
    .ban_swi .swiper-pagination{ bottom: 10px; zoom: 0.75;}

    .top2{ display:none;}
    .navbar-default{ background: none;}
    .in_brand{ width: 95%;padding: 35px 0;}
    .msg_tt{zoom: 0.75}
    .msg_tt .en img{display: none;}
    .brand_item{ width: 48.5%; margin-right: 3%; margin-top: 20px;}
    .brand_list a:nth-child(2n) .brand_item{ margin-right: 0;}
    .index-brand-swiper{width: 95%;}
    .zp_box{ position: inherit;     padding: 20px 2.5%;}
    .zp_box1r{ margin-left: 0;}
    .zp_box2 p,.zp_box2 p span{ font-size: 14px !important; line-height: 25px;}
    .zp_box2 p strong,.zp_box2 p strong span{ font-size: 20px !important;}
    .in_abt .left{ width: 100%;padding: 20px 2.5%; height: auto;}
    .abt_t::after{ margin: 15px auto 20px;}
    .abt_txt{ font-size: 14px;line-height: 24px;}
    .abt_lx2_con{ font-size: 16px;}
    .abt_lx2 .left,.abt_lx1{display: none;}
    .abt_lx2{ margin-left: 2.5%;}
    .tl_con .left{ width: 95%; margin: 0 auto; font-size: 14px; line-height: 24px; float: none;}
    .more1{ height: 35px; line-height: 35px; margin: 20px auto;}

    .tl,.bany{ padding: 30px 0 30px;}
    .bany_con{ width: 95%; margin-top: 33px;}
    .ind_news_cate{font-size: 0; width: 95%;}
    .ind_news_item{ font-size: 15px; width: 30%; padding: 10px 0;  margin: 0 3% 0 auto; }
    .ind_news_cate a:nth-child(3n) .ind_news_item{ margin-right: 0;}
    .ind_news_con_item{ max-width: 95%; margin: 0 auto 20px; float: none;}
    .ind_news_con a:last-child .ind_news_con_item{ margin-right: auto;}
    .ind_news_con{ margin: 30px auto;}
    .lx_box{ position: initial;}
    .ind_cont{ width: 100%; height: auto; overflow: hidden;}
    .my-map{ height: 300px;}
    .my-map .icon-cir{ max-width:initial;}
    .lx_box{ margin: 0 auto; width: 100%;}
    .lx_nr{ width: 95%; margin: 20px auto; height: auto; padding-bottom: 15px;}
    .cont_tel .left{ width: 20px;}
    .cont_tel .right{ width: calc(100% - 35px);}
    .zl_list{display: none;}
    .foot_er{ width: 95%; margin: 0 auto;}
    .menu_con{display: none;}
    .c_lb{width: 100%;    padding: 15px 0; font-size: 0;}
    .c_lb span{ display: none;}
    .c_lb li{ font-size: 16px; width: 33.3333%; }
    .oth_cont{width: 95%; margin: 25px auto;}
    .about_dbg{ font-size: 16px;}
    .oth_textcon{font-size: 14px; line-height: 24px;}
    .pro_cat{ text-align: left;}
    .pro_cat a{ width: 33.333%;}
    .pro_cat a li{width: 100%; text-align: center;}
    .pro_list .swiper-slide{ width: 50%;}
    .pro_list  .swiper-slide .p{display:none;}
    .oth_cz_txt{ padding: 20px 2.5%; font-size: 14px;}
    .cont_top .cont_tel,.c_en,.c_cn,.xt{ margin-left: 2.5%;}
    .xt{width: 95%;}
    .j_inp input, .join_f select{width: 100%;height: 40px;font-size: 14px;margin-bottom: 15px;}
    .b_cent input{height: 40px;font-size: 14px;width: 120px;}
    .b_cent{margin-top: 0;}
    .join_f textarea{margin-bottom: 15px;}
    .join_f{ padding: 20px 2.5%;}
    .map{ height: 300px;}

.in_abt{flex-wrap: wrap;}
.in_abt iframe{height: 220px !important;}

}