﻿/*public css*/
*{margin: 0px;padding: 0;border: 0;}
input,textarea{outline: medium;}
textarea{outline: medium;}
body{ font-family: "microsoft yahei", Arial,'微软雅黑',simhei;background:#;}
ul li{list-style: none;}
.slh {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.clear_float{height: 0px;clear: both;display: block;}
.container{width: 1200px;margin: 0 auto;position: relative;}
input[type=text]{font-family: "microsoft yahei";}
form {
overflow:hidden;}

/*end*/
.ind_container {width:1200px;margin: 0 auto;position: relative;}
#main_body {position:relative;}


.slideBox { width: 100%;  overflow: hidden; position: relative; }
    .slideBox .hd { height: 5%; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 2; left: 50%; margin-left: -44px; }
        .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
            .slideBox .hd ul li { float: left; margin:0 7px;
background:url(/img/ind_png_14.png) no-repeat;width:11px;height:16px;opacity:1;margin:0 9px;}
                .slideBox .hd ul li.on { background:url(/img/ind_png_16.png) no-repeat;}
    .slideBox .bd { position: relative; width: 100%; z-index: 1; height: 100%; }
        .slideBox .bd ul { width: 100%; height: 100%; }
        .slideBox .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 100%; }
    .slideBox .prev { display: block; float: right; overflow: hidden; cursor: pointer; background: url(../img/left.png) left top no-repeat; position: absolute; width: 63px; height: 63px; z-index: 3333; left: 2%; top: 50%; margin-top: -14px; }
    .slideBox .next { display: block; float: right; overflow: hidden; cursor: pointer; background: url(../img/right.png) left top no-repeat; position: absolute; width: 63px; height: 63px; right: 0px; top: 0px; z-index: 3333; right: 2%; top: 50%; margin-top: -14px; }
    .slideBox .tempWrap { width: 100%; height: 100% !important; }

.son_lb  .hd ul {
display:none;}



.searchDiv {
    width: 270px;
    background: #fff;
    height: 40px;
    padding-bottom: 2.5px;
    padding-top: 2.5px;
    position:absolute;
    top:35px;right:0;
    box-shadow:0 1px 3px #e5eaf0;
    z-index:99;
}
.searchDiv .input {
    width: 210px;
    margin-left: 5%;
    line-height: 30px;
    font-size: 14px;
    background: #fff;
    color: #afafaf;
    outline: none;
    margin-right: 3%;
    text-indent: 3px;
    float:left;
    margin-top:5px;
}
.searchDiv .btn {
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin-top:5px;line-height:30px;text-align:center;background:#b0afaf;
    display:block;
    float:left;
}
    .searchDiv .btn:hover {background:#ff0000;}

.swiper-pagination-bullet {
background:url(/img/ind_png_14.png) no-repeat;width:11px;height:16px;opacity:1;margin:0 9px;}

.swiper-pagination-bullet-active {background:url(/img/ind_png_16.png) no-repeat;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:35px;z-index:2;}
.cul .slideBox .hd {
    left:0;margin-left:0;overflow:initial;



}
    .cul .slideBox .hd ul li.on {background:url(/img/cul_07.png) no-repeat;
}
    
.ind_tit {line-height:38px;border-bottom:1px solid #1b1b1b;font-size:20px;color:#dcdcdc;}
.ind_fangan {margin-top:38px;width:100%;}
.ind_tit span {width:3px;height:14px;background:#d7000f;float:left;display:block;margin-right:6px;margin-top:13px;}
.ind_tit .more {float:right;color:#dcdcdc;font-size:13px;width:60px;display:block;}
.ind_tit .more img {margin-right:5px;}

.ind_fangan .list {width:1164px;margin:34px auto;display:flex;justify-content:space-between;align-items:center;}
.ind_fangan .list .kk .qq{display:block;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,0.13);text-align:center;line-height:84px;padding:4px;}
.ind_fangan .list .kk p {text-align:center;color:#dcdcdc;font-size:14px;line-height:40px;}
.ind_fangan .list .kk {float:left;margin-right:86px\9;}
    .ind_fangan .list .kk .qq img {vertical-align:middle;}

    .ind_fangan .list .kk:hover p {
    color:#d7000f;}
    .ind_fangan .list .kk .qq .q {border-radius:50%;background:#161616;width:100%;height:100%;}

    .ind_fangan .list .kk:hover .qq .q{background:#d7000f;}
.keng {
display:none;display:block\9;}

.ind_fangan .list .kk:nth-child(7n) {
margin-right:0\9;}






.ind_list .kk {width:32.5%;float:left;float:left;margin-right:1.25%;background:#161616;}
    .ind_list .kk:hover {
    background:#d7000f;}
      .ind_list .kk:hover .tit{color:#fff;}
    .ind_list .kk .img {width:100%;overflow:hidden;}
        .ind_list .kk .img img {-webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
        width:100%;display:block;}
    .ind_list .kk:nth-child(3n) {margin-right:0;}
    .ind_list .kk .tit {height:62px;line-height:62px;padding:0 22px; color:#dcdcdc;font-size:18px;   }

        .ind_list .kk .tit .tb {margin-right:6px;}
        .ind_list .kk .tit img {vertical-align:text-bottom;}
        .ind_list .kk .tit .jt {margin-top:26px;
        float:right;}
    .ind_list .kk:hover .img img {transform: scale(1.08);
    
    
    }
.ind_list .yxwl {margin-right:0;}

.ind_fw .l {float:left; width:78%;}
.ind_fw .l .kk{width:24%;margin-right:1.3%; float:left;display:block;height:230px; background-color:#161616; text-align:center;display:flex;justify-content:center;flex-direction:column;align-items:center; }
    .ind_fw .l .kk:hover {
    background-color:#d7000f;}  
        .ind_fw .l .kk:hover p{color:#fff;}
    .ind_fw .l .ind_lx {
    margin-right:0;}
  .ind_fw .l p {
    color:#dcdcdc;font-size:18px;margin-top:32px;}
    .ind_fw .l img {
    margin-top:60px\9;}

.ind_fw {padding:20px 0;}
    .ind_fw .l a:nth-child(4n) {margin-right:0;}
    .ind_fw .pp {float:right;width:19%;}

        .ind_fw .pp .tit {height:48px;line-height:48px;background:#161616;color:#dcdcdc;font-size:18px;text-indent:28px;}
        .ind_fw .pp .list .kk {display:block;width:100%;height:60px;line-height:60px; background:#191919;margin-bottom:1px;text-indent:28px; }
            .ind_fw .pp .list .kk img {
            vertical-align:middle;}
.ind_fangan .list .ylbj {margin-right: 0\9;
}
.footer .link {width:100%;background:#161616;padding:24px 0 38px 0; }
    .footer .link ul {
    float:left;}
        .footer .link ul li {float:left;color:#fcfcfc;font-size:14px;margin-right:50px;line-height:36px;}
     .footer .link ul li a{color:#bbbbbb;font-size:13px;line-height:24px;display:block;}
    .footer .link .lx {float:right;border-left:1px solid #222222;padding-left:45px;}
        .footer .link .lx p {color:#bbbbbb;font-size:13px;line-height:28px;}
            .footer .link .lx p img {vertical-align:middle;margin-right:12px;}

.bottom {padding:10px 0;line-height:30px;color:#ffffff;font-size:13px;}
    .bottom a {line-height:30px;color:#ffffff;font-size:13px;}
    .bottom .r {float:right;line-height:30px;color:#ffffff;font-size:13px;}
.bottom .ewm { height:30px;width:30px;background:#fff;border-radius:5px;position:relative;float:right;margin-left:12px;cursor:pointer;}
.bottom .ewm:hover .foot_ewm { display:block;}
.foot_ewm { display: none;width: 192px;height: 198px;position: absolute;top: -115px;left:-62px;}

.son_banner img{width:100%;display:block;}
.son_con {padding-top:46px;}
.son_con .left {float:left;width:190px;}
.son_con .son_menu {}
.son_con .son_menu ul li a{display:block; line-height:66px;text-align:center;color:#fff;font-size:16px;}
.son_con .son_menu ul li a:hover {color:#d7000f;}
.son_con .son_menu ul li .xz {color:#d7000f;}
.son_con .rx {margin:10px 0 ;height:83px;background:url(/img/son_img_07.jpg);width:100%;}
.son_con .rx p {color:#cccccc;font-size:12px;line-height:28px; padding-left:17px;padding-top:12px;   }
.son_con .rx p strong {font-size:18px;color:#fff;}
.son_con .left .kk {background:url(/img/son_bj_03.jpg) no-repeat;background-size:100% auto;border:1px solid #292929;}
.son_con .left .lx {padding-left:16px;padding-top:14px; padding-bottom:20px;}
.son_con .left .lx p {color:#777777;font-size:12px;line-height:26px;}
.son_con .right {float:right;width:100%; margin-top:20px;}
.son_con .right .mbx{width:100%;border-bottom:1px solid #292929;padding-bottom:16px;line-height:16px;color:#fff;font-size:14px;padding-top:8px;}
.son_con .right .mbx .jt {margin:0 8px;}
.son_con .right .mbx img {margin-right:8px;}
.son_con .right .text  {margin-top:18px;}
.son_con .right .text p {color:#cccccc;font-size:14px;line-height:26px;}

.licheng {width:100%;position:relative;margin-top:70px;padding:25px 0 80px 0;}
.licheng .shu {position:absolute;height:100%;width:1px;background:#ffffff;margin-left:50%;top:0;}
.licheng .shu .t {width:13px;height:22px;background:url(/img/licheng_03.png);position:absolute;left:-6px;top:-22px;}
.licheng .shu .b {width:9px;height:9px;background:url(/img/licheng_15.png);position:absolute;left:-4px;bottom:-9px;}
.licheng .kk .k {width:50%;}
    .licheng .kk {margin-bottom:18px;}

.licheng .kk .k  .years{font-size:22px;color:#ffffff;padding:0 11px;margin-top: 20px;}

    .licheng .kk .k .con {width:308px;/*background:#d9d9d9;*/border-radius:3px;}
        .licheng .kk .k .con .mm {width:44px;text-align:center;height:100%;margin-top:14px;display:none;}
            .licheng .kk .k .con .mm span {color:#000000;font-size:16px;}
        .licheng .kk .k .con p {line-height:28px;width:247px;color:#fff;font-size:14px;/*padding:25px 0;*/min-height:70px;/*display:flex;*/align-items:center;}
    .licheng .kk .img {margin-top:26px;}

.licheng .kk1 .img {float:left;width:22px;height:16px;background:url(/img/licheng_07.png);}
.licheng .kk1 .k {float:right;}
.licheng .kk1 .k .con {float:left;}
.licheng .kk1 .k .con .mm {float:left;color:#fff;}
.licheng .kk1 .k .con p {float:left;padding-left:16px;border-left:0px solid #000;justify-content:flex-start}
.licheng .kk1 .k .years {float:left;}

.licheng .kk2 .k {float:left;}
.licheng .kk2 .k .con {float:right;}
.licheng .kk2 .k .con .mm {float:right;color:#fff;}
.licheng .kk2 .k .con p { float:right;border-right:0px solid #000;text-align:left;justify-content:flex-end;
                           unicode-bidi:bidi-override;
}
.licheng .kk2 .k .years {float:right;}
.licheng .kk2 .img {float:right;width:22px;height:16px;background:url(/img/licheng_077.png);}

 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    /*.swiper-pagination-bullet {
      width: 20px;
      height: 20px;
      text-align: center;
      line-height: 20px;
      font-size: 12px;
      color:#000;
      opacity: 1;
      background: rgba(0,0,0,0.2);
    }
    .swiper-pagination-bullet-active {
      color:#fff;
      background: #007aff;
    }*/


.cul .swiper-slide {background:none;}

.cul .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
   background:url(/img/cul_bj.jpg)  repeat-x center;

}
.cul .swiper-container-wp8-horizontal, .cul .swiper-container-wp8-horizontal > .swiper-wrapper {padding-bottom:54px;}

.cul .slideBox .hd ul .swiper-pagination-bullet {
    background:url(/img/cul_09.png);width:16px;height:16px;color:rgba(0,0,0,0);margin-right:120px;margin:0 50px\9;
}
    .cul .slideBox .hd ul .swiper-pagination-bullet:last-child {
    margin-right:0;}
.cul .slideBox .hd ul .swiper-pagination-bullet-active {
background:url(/img/cul_07.png);width:16px;height:16px;background-size:100% 100%;}

.cul .swiper-pagination-bullet:nth-child(5n) {
margin-right:0;}
.cul .slideBox .hd ul {width:612px;float:none;margin:0 auto;overflow:initial;}
.cul .swiper-container {
background:url(/img/cul_03.png) no-repeat top center;min-height:350px;margin-top:58px;}

.cul .kk {width:53%;/*background:rgba(255,255,255,0.7);*/padding:25px 0 0 0;margin:0 auto; margin-top:75px;min-height:140px;text-align:center;}
    .cul .kk strong {color:#000;font-size:18px;    }
    .cul .kk .text p {font-size:16px;line-height:24px;color:#000;    }

.cul_ln .tit {text-align:center;color:#fff;font-size:18px;line-height:88px;}
.cul_ln .kk {cursor:pointer; width:31.25%;float:left;height:177px;background:#4d4d4d;border-radius:8px;margin-right:3.125%;margin-bottom:18px;width:253px\9;margin-right:23px\9;}
    .cul_ln .kk .k {margin-left:30px;margin-top:5px;color:#ffffff;
    }
        .cul_ln .kk .k strong {font-size:16px; line-height:46px;       }
    .cul_ln .kk .k {color:#dddddd;font-size:12px;line-height:28px;}
    .cul_ln .kk:nth-child(3n) {
    margin-right:0;}
.cul_ln .list {overflow:hidden;
display:flex;flex-flow:row wrap;justify-content:center;}
.cul_ln .kk:hover {background:#d7000f}
.cul_ln .list .ie_k {
width:850px\9;display:flex;flex-flow:row wrap;justify-content:center;}
.rongyu .menu {width:582px; margin:0 auto;margin-top:38px;}
    .rongyu .menu ul li {float:left;margin:0 10px;}
        .rongyu .menu ul li a { display:block;padding:0 37px;line-height:44px;border:1px solid #292929;color:#a3a3a3;font-size:16px; }

        .rongyu .menu ul li:hover a {background:#141414;border:1px solid #141414;}
.rongyu .menu ul .xz a {background:#141414;border:1px solid #141414;}
.rongyu .list {width:776px;margin:0 auto;position:relative;margin-top:120px;padding-top:34px;padding-bottom:1px;}
    .rongyu .list .shu {width:2px;background:#4d4d4d;height:100%;position:absolute;left:0px;top:0;}
        .rongyu .list .shu .top {width:47px;height:47px;background:url(/img/rongyu_03.png);position:absolute;top:-40px;left:-23px;}
        .rongyu .list .shu .bot {width:9px;height:9px;background:url(/img/rongyu_19.png);position:absolute;left:-4px;bottom:-4px;}
    .rongyu .list .kk {margin-left:50px;position:relative;display:flex;align-items:center;margin-bottom:78px;}
        .rongyu .list .kk span {
        width:37px;height:16px;background:url(/img/rongyu_d.png);display:block;position:absolute;top:50%;margin-top:-8px;left:-56px;}
        .rongyu .list .kk .con {color:#fff;font-size:16px;line-height:28px; margin-left:30px;float:left\9;}
            .rongyu .list .kk .con p {color:#fff;font-size:16px;line-height:28px; }
        .rongyu .list .kk .img {
        float:left\9;}

.pinpai {margin-top:48px; }
    .pinpai .kk {width:32.6%;float:left;position:relative;margin-right:1.1%;overflow:hidden;}
        .pinpai .kk:nth-child(3n) {margin-right:0;}
        .pinpai .kk span {z-index:1; width:100%;height:2px;background:#d7000f;display:none;position:absolute;top:0;left:0;}
        .pinpai .kk img {    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
        display:block;width:100%;}
        .pinpai .kk:hover span {display:block;}
        .pinpai .kk:hover img {transform: scale(1.08);}

    .pinpai .jy {
    margin-right:0;}

.pinpaid .menu {width:265px;margin:34px auto;display:flex;justify-content:space-between;align-items:center;}
.pinpaid .menu .kk .qq{display:block;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,0.13);text-align:center;line-height:84px;padding:4px;}
.pinpaid .menu .kk p {text-align:center;color:#dcdcdc;font-size:14px;line-height:40px;}
.pinpaid .menu .kk {float:left;}
.pinpaid .menu .kk .qq img {vertical-align:middle;}
.pinpaid .menu .kk:hover p {color:#d7000f;}
.pinpaid .menu .kk .qq .q {text-align:center;color:#fff;font-size:14px;border-radius:50%;}
.pinpaid .menu .kk:hover .qq .q{background:#d7000f;}

.pp_logo {text-align:center;margin-top:47px;}
.pinpaid .menu .xz .qq .q{background:#d7000f;}

.pinpaid .list {width:100%;overflow:hidden;}
.pinpaid .list .kk {width:49%;float:left;height:255px;border:1px solid #2f2f2f;margin-right:1.5%;margin-bottom:18px;width:396px\9;margin-right:12px\9;}
    .pinpaid .list .ie_k {
    width:120%\9;}
    .pinpaid .list .kk .img {float:left;margin-top:40px;}
    .pinpaid .list .kk .tit {font-size:20px;color:#cccccc;margin-top:50px;}
    .pinpaid .list .kk .p {font-size:14px;color:#777777;margin-top:28px;}
    .pinpaid .list .kk:nth-child(2n) {margin-right:0;}
.youshi .tit{text-align:center;color:#cccccc;font-size:24px;margin:40px 0 30px 0;line-height:18px;}
.youshi .tit span {font-size:12px;color:#777777;}
.youshi .con p {color:#cccccc;font-size:14px;line-height:26px;}

.pro .menu {width:815px;margin:34px auto;display:flex;justify-content:space-between;align-items:center;}
.pro .menu .kk .qq{display:block;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,0.13);text-align:center;line-height:84px;padding:4px;}
.pro .menu .kk p {text-align:center;color:#dcdcdc;font-size:14px;line-height:40px;}
.pro .menu .kk {float:left;margin-right:100px\9;}
.pro .menu .kk .qq img {vertical-align:middle;}
.pro .menu .kk:hover p {color:#d7000f;}
.pro .menu .kk .qq .q {text-align:center;color:#fff;font-size:14px;border-radius:50%;}
.pro .menu .kk:hover .qq .q{background:#d7000f;}
    .pro .menu .kk:last-child {margin-right:0\9;}
.pro .menu  .xz p{color:#d7000f;}
.pro .menu .xz .qq .q{background:#d7000f;}

.pro .list {width:100%;overflow:hidden;}
.pro .list .kk {width:24%;float:left;height:325px;border:1px solid #2f2f2f;margin-right:1%;margin-bottom:12px;width:194px\9;margin-right:6px\9;}

    .pro .list .kk .img {height:183px;margin:0 auto;text-align:center;line-height:183px;margin-top:34px;}
        .pro .list .kk .img img {vertical-align:middle;max-height:98%;max-width:98%;}
    .pro .list .kk .tit {font-size:16px;color:#ffffff;margin-top:30px;text-align:center;text-transform:uppercase;}
    .pro .list .kk .p {font-size:13px;color:#ffffff;margin-top:10px;text-align:center;opacity:0.3}
    .pro .list .kk:nth-child(4n) {margin-right:0;}
    .pro .list .ie_k {
    width:120%\9;}
.prod .swiper-slide {background:none;align-items:end;float:left;}

.prod .swiper-container {width:350px;margin:0;height:415px;float:left;}
.prod .p1 {margin-top:54px;}

.prod .swiper-container-horizontal > .swiper-pagination-bullets, .prod .swiper-pagination-custom, .prod .swiper-pagination-fraction {bottom:0;}
.prod .p1 .r{width:56%;float:right;}
.prod .p1 .r .tit {color:#ffffff;font-size:30px;line-height:50px;padding-bottom:10px;color:#fff;font-size:30px;text-transform:uppercase;border-bottom:1px dashed #3e3e3e;}
.prod .p1 .r .js {color:#fff;font-size:14px;padding-top:36px;}
.prod .p1 .r .text p{font-size:14px;line-height:34px;}
.prod .p1 .slideBox {float:left;width:40%;overflow:initial;padding-bottom:20px\9;}
    .prod .p1 .slideBox .bd li {text-align:center;}
    .prod .p1 .slideBox .hd ul{float:none;margin:0 auto;display:flex;justify-content:center;}

 .prod .p1 .slideBox .hd {bottom:-16px;width:100%;left:0;margin-left:0;bottom:0\9;}

    .prod .p1 .slideBox .hd ul li {cursor:pointer;
    float:right;}
.prod .bt_tit {border-bottom:1px solid #222222;width:100%;margin-top:40px;}
.prod .bt_tit img {margin-right:12px;vertical-align:middle;}
.prod .bt_tit span {float:left; display:block;font-size:20px;color:#fff;border-bottom:1px solid #d7000f;line-height:50px;width:113px\9;}

.prod .md_list .kk{border-bottom:1px solid #222222;padding:25px 0;}
.prod .md_list .kk .sx {color:#ffffff;font-size:16px;float:left;width:31%;}
.prod .md_list .kk .xq {width:308px;float:left;font-size:14px;color:#fff;opacity:.3;line-height:28px;}
    .prod .md_list .kk .xq p {font-size:14px;color:#fff;line-height:28px;    }

    .prod .md_list .kk:last-child {border:none;}
.prod .md_list {}

.prod .p3 .img {background:#2a2a2a;width:85%;margin:52px auto;overflow:hidden;text-align:center;}


  .guzhang_list .kk {
        width:100%;
        margin: 0 auto;
        display: block;
        padding: 25px 0;
    }

        .guzhang_list .kk .wt {
            width: 80%;
            color: #9f9f9f;
            font-size: 15px;
            line-height: 30px;
            float: left;
        }

        .guzhang_list .kk .btn {
            float: right;
            margin-top: 5px;
        }

        .guzhang_list .kk .con {
            background: #151515;
            padding: 20px 30px;
            min-height: 140px;
            margin-top: 20px;
            display: none;
        }

            .guzhang_list .kk .con p {
                color: #bfbfbf;
                font-size: 14px;
                line-height: 28px;
            }

.big_img {width:50%;float:left;}
.cases_list .kk{display:block;width:50%;float:left;margin-bottom:1px;}
    .cases_list .kk .l {float:left;width:50%;text-align:center;}
.cases_list .kk .r {float:left;width:50%;overflow:hidden;}
    .cases_list .kk .r img {    transition: all 0.36s ease;
    display:block;}
.big_img img {display:block;}

.cases_list .kk:nth-child(3) .l {float:right;}

.cases_list .kk .l .heng {width:16px;height:1px;background:#777777;margin:0 auto;margin-top:28%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.cases_list .kk .l p {
color:#fff;opacity:.5;font-size:16px;margin:10px auto 25px auto;    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.cases_list .kk .l .more {
width:82px;height:24px;text-align:center;line-height:24px;border-radius:12px;border:1px solid #3a3a3a;color:#9b9b9b;font-size:14px;margin:0 auto;}

.cases_list .kk:nth-last-child(2) .l {float:right;}
.cases_list .kk:nth-child(6) .l {float:right;}
.cases_list .kk:hover .r img {transform: scale(1.1);transition: all 0.36s ease;}
.cases_list .kk:hover .l p {margin:15px auto 30px auto;}
.cases_list .kk:hover .l .heng {margin-top:26%;}
.casesd .jianjie .tit {font-size:18px;color:#fff;text-align:center;padding:25px 0;}
.jianjie p { color:#777777;font-size:14px;line-height:24px;text-indent:2em; }


.pro_list {width:100%;margin-top:28px;}
.pro_list .kk {width:32%;float:left;height:445px;border:1px solid #2f2f2f;margin-right:1.5%;margin-bottom:12px;}

    .pro_list .kk .img {height:270px;margin:0 auto;text-align:center;line-height:183px;margin-top:40px;}
        .pro_list .kk .img img {vertical-align:middle;max-height:98%;max-width:98%;}
    .pro_list .kk .tit {font-size:16px;color:#ffffff;margin-top:30px;text-align:center;text-transform:uppercase;}
    .pro_list .kk .p {font-size:13px;color:#ffffff;margin-top:10px;text-align:center;opacity:0.3}
    .pro_list .kk:nth-child(3n) {margin-right:0;}

.casesd .cases_list .kk {float:left;display:block;float:left;width:250px;margin-bottom:10px;margin-right:19px;}
.casesd .cases_list .kk .img {width:100%;height:200px;    }
.casesd .cases_list .kk .img img {display:block;width:290px;height:200px;}
.casesd .cases_list .kk .tit {height:50px;text-align:center;color:#fff;font-size:14px;line-height:50px;}
.casesd .cases_list .kk:nth-child(3n) {margin-right:0;}
.casesd .cases_list {margin-top:28px;border-bottom:1px solid #1d1d1d;padding-bottom:48px;}

.back {display:block;margin:0 auto; text-align:center;width:106px;height:38px;line-height:38px;border:1px solid #373737;font-size:14px;color:#fff;margin-top:50px;}
.back img {vertical-align:initial;margin-left:16px;}
.shangx {width:100%;padding:30px 0;}
.shangx .kk{width:49%;float:left;}
.shangx .kk a {color:#bbbbbb;font-size:14px;line-height:28px; display:block;   }
.shangx .kk a img {margin-right:16px;}
    .shangx .kk1 a{text-align:center;width:100%;}
    .shangx .shu {height:16px;width:1px;background:#373737;float:left;margin-top:8px;    }



    .case_fl {width:378px;height:30px;margin:20px auto;
}

    .case_fl ul li a {display:block;float:left;border:1px solid #c9c9c9;width:118px;height:38px;color:#fff;font-size:14px;text-align:center;line-height:35px;margin-right:5px;}
        .case_fl ul li a:hover {
        border:1px solid #ff0000;color:#ff0000;}
    .case_fl ul li .xz {border:1px solid #ff0000;color:#ff0000;
    }
        .case_fl ul li .a1 {
        margin-right:90px;}
.cases_fllist {
    width: 640px;
    position: relative;
    margin:50px auto 0;
}

    .cases_fllist .hd {
        overflow: hidden;
        height: 30px;
        position: absolute;
        width: 100%;
    }

        .cases_fllist .hd .prev, .cases_fllist .hd .next {
            display: block;
            width: 10px;
            height: 17px;
            float: left;
            margin-top: 6px;
            overflow: hidden;
            cursor: pointer;
            background: url(/img/case_l.png) no-repeat center;
            background-size: contain;
        }

        .cases_fllist .hd .next {
            background: url(/img/case_r.png) no-repeat center;
            background-size: contain;
            float: right;
        }



    .cases_fllist .bd {
        width: 90%;
        overflow: hidden;
        height: 30px;
        margin: 0 auto;
    }

        .cases_fllist .bd ul {
            overflow: hidden;
            zoom: 1;
        }

            .cases_fllist .bd ul li {
                width:82px !important;
                float: left;
               
            }
            .cases_fllist .bd ul li a { height: 30px;
              
                line-height: 30px;
                font-size: 14px;
                white-space: nowrap;
                color:#dddddd;display:block;text-align:center;
                
            }
                .cases_fllist .bd ul li  .xz {
                color: #ff0000;
                }
                .cases_fllist .bd ul li:hover a{
                    color: #ff0000;
                }
 .cases_fllist .tempWrap {
width:100% !important;}

.cases_zd_list {width:100%;
margin-top:50px;

}
    .cases_zd_list #list {
    width:120%\12;}
    .cases_zd_list .kk {width:288px;height:250px;margin-right:16px;float:left;margin-bottom:10px;overflow:hidden;}
        .cases_zd_list .kk img {width:100%;height:200px;}
        .cases_zd_list .kk p {width:100%;text-align:center;line-height:45px;color:#fefefe;font-size:14px;}

        .cases_zd_list .kk:nth-child(4n) {margin-right:0;}
    .cases_zd_list .more {
    width:130px;height:42px;line-height:42px;text-align:center;border:1px solid #4e4e4e;color:#9f9f9f;font-size:16px;display:block;margin:40px auto;}
        .cases_zd_list .more img {
        margin-left:12px;}
.zhanlue .con {
margin:80px 0;}
.buju .tit {font-size:24px;color:#ffffff;text-align:center;text-align:center;margin:35px 0 15px 0;line-height:20px;}
    .buju .tit span {font-size:12px;color:#777777;text-align:center;text-transform:uppercase;  }
.buju .con p {color:#ffffff;font-size:14px;line-height:26px;
}


.news_list .con {
width:73%;float:left;margin-left:6%;}
.news_list .img {
float:left;width:170px;height:170px;overflow:hidden;}
    .news_list .img img {display:block;    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;}

.news_list .con .tit {color:#ffffff;font-size:16px;}
.news_list .con .time {color:#777777;font-size:12px;padding:10px 0;}
.news_list .con p {color:#9f9f9f;font-size:12px;line-height:22px;}

.news_list .more {font-size:12px;width:104px;height:34px;line-height:34px; text-align:center;color:#9f9f9f;border:1px solid #454545;margin-top:24px;}

.news_list .kk {display:block;
padding:35px 0 45px 0;border-bottom:1px solid #151515;}
    .news_list .kk:hover .more {
    background:#d7000f;border:1px solid #d7000f;color:#fff;}
    .news_list .kk:hover .img img {
    transform: scale(1.08);
    }
.news_tit {
color:#cccccc;text-align:center;
font-size:24px;
}
.news_time {text-align:center;font-size:12px;color:#777777;padding:10px 0 20px 0;}

.newsD {color:#ccc;font-size:14px;line-height:26px;color:#cccccc;}
.newsD .text {
width:735px;margin:0 auto;}
    .newsD .text p {text-indent:2em;
    }
.newsD strong{color:#ccc;}

.newsD{
    margin-top:68px;
}


.mbx a{
    color:#fff;
}

.youshi 
{
    margin-top:20px;
}

.right p
{
    color:#cccccc;
    font-size:14px;
    line-height:26px;
}
.swiper-pagination-bullet span {width:80px;margin-left:-32px;color:#fff;display:block;text-align:center;margin-top:20px;}


.cul .swiper-slide {background:none;}

.cul .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
   background:url(/img/cul_bj.jpg)  repeat-x;background-position-y:7px;

}
.cul .swiper-container-horizontal {
padding-bottom:54px;}

.cul .swiper-pagination-bullet {
    background:url(/img/cul_09.png);width:16px;height:16px;color:rgba(0,0,0,0);margin-right:10%;
}
.cul .swiper-pagination-bullet-active {
background:url(/img/cul_07.png);width:16px;height:16px;background-size:100% 100%;}

.cul .swiper-pagination-bullet:nth-child(5n) {
margin-right:0;}

.cul .swiper-container {
background:url(/img/cul_03.png) no-repeat top center;min-height:350px;margin-top:58px;}

.cul .kk {width:53%;/*background:rgba(255,255,255,0.7);*/padding:25px 0 0 0;margin-top:75px;min-height:140px;text-align:center;}
    .cul .kk strong {color:#000;font-size:20px;    }
    .cul .kk .text p {font-size:16px;line-height:24px;color:#000;    }

.cul_ln .tit {text-align:center;color:#fff;font-size:18px;line-height:88px;}
/*.cul_ln .kk {cursor:pointer; width:31.25%;float:left;height:177px;background:#4d4d4d;border-radius:8px;margin-right:3.125%;margin-bottom:18px;}
    .cul_ln .kk .k {margin-left:30px;margin-top:5px;color:#ffffff;
    }
        .cul_ln .kk .k strong {font-size:16px; line-height:46px;       }
    .cul_ln .kk .k {color:#dddddd;font-size:12px;line-height:28px;}
    .cul_ln .kk:nth-child(3n) {
    margin-right:0;}
.cul_ln .list {
display:flex;flex-flow:row wrap;justify-content:center;}
.cul_ln .kk:hover {background:#d7000f}*/

.son_lb .swiper-pagination
{
    display:none;
}



/*自适应开始*/
.HD { position: fixed; display: none; top: 0; left: 0; width: 100%; z-index: 999; height: 60px; background: rgba(0,0,0,0.7); }
#view_l { float: right; position: relative; margin-right: 6.3%; margin-top: 18px; background: url(/img/viewL.png) no-repeat center top; width: 38px; height: 25px; }
    #view_l > div > ul > li > a { display: block; font-size: 22px; line-height: 55px; color: #fff; text-align: left; text-indent: 2em; }
    #view_l > div > ul > li > ul > li > a { color: #fff; text-align: left; display: block; line-height: 32px; font-size: 18px; text-indent: 4em; }
    #view_l > div { position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); display: none; top: 60px; padding: 10px 0; z-index: 999; right: 0; border-top: 1px solid #101010; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); }
#logo img {   }
.banner_m {
display:none !important;}
.jjfa_m {
display:none;}
.bottom_m{display:none;}


/*自适应结束*/


@media screen and (max-width:480px) {
    .HD {display:block;}
    .header {
    display:none;}
    .banner_m{display:block !important;}
    .banner_pc {
    display:none !important;}
    .ind_container {
    width:98%;}
    .ind_fangan .list{flex-flow:row wrap;justify-content:initial;align-items:initial;width:100%;}
    .keng {
    /*display:block;*/}
    .ind_fangan .list .kk {
    padding:0 12px;}
    .jjfa_m {
    display:block;}
      .ind_fangan .list .kk:hover p {
    color:#dcdcdc;}

    .ind_fangan .list .kk:hover .qq .q{background:#161616;}
    .ind_list .kk{float:none;width:80%;margin:0 auto;}
    .ind_fangan .ind_tit .more {
    display:none;}
    .ind_fw .l {width:100%;float:left;}

        .ind_fw .l .kk {width:48.7%;margin-bottom:20px;}
    .ind_fw .pp {width:100%;}
    .footer .link ul {
    display:none;}

    .footer .link .lx {
    float:left;padding-left:30px;border:none;}

    .bottom .r {
    display:none;}
    .bottom_m {
    display:block;}
    .bottom_pc{display:none;}
    .bottom_m .ind_container {
    width:86%;
    
    }

        .ind_fw .l .kk:hover {
    background-color:#161616;}  
        .ind_fw .l .kk:hover p{color:#dcdcdc;}

    .son_con .rx,.son_con .left .lx ,.son_lb{
    display:none;}
    .banner_m .hd {bottom:30px;}

    .son_con .left {
    float:none;width:100%;}
    .container {width:98%;}
    .son_con .son_menu ul li a {float:left;padding:0 15px;}

    .son_menu ul li {
    display:flex;justify-content:center;}
    .son_con .right {
    float:none;width:100%;}
        .son_con .right .mbx {
        display:none;}
        .son_con .right .text {
        width:96%;margin:0 auto;}

    .licheng .shu {
    margin-left:0;}


.licheng .kk2 .img {float:left;width:22px;height:16px;background:url(/img/licheng_07.png);}
.licheng .kk2 .k {float:right;}
.licheng .kk2 .k .con {float:left;}
.licheng .kk2 .k .con .mm {float:left;color:#fff;}
.licheng .kk2 .k .con p {float:left;padding-left:16px;border-left:1px solid #000;justify-content:flex-start;    direction: rtl;}
.licheng .kk2 .k .years {float:left;}

    .licheng .kk .k {
    width:100%}
        .licheng .kk .k .con {width:78%;}

        .licheng .kk1 .k .con p,.licheng .kk2 .k .con p{padding-left:6px;}
    .licheng .kk .k .con p {width:81%;justify-content:flex-end;}





    .cul .slideBox .hd ul .swiper-pagination-bullet {
    margin-right:75px;}


    .cul .kk .text p {
    font-size:18px;}
    .cul .kk strong {
    font-size:28px;}
    .cul_ln .kk {
    width:100%;height:auto;padding-bottom:20px;margin-right:0 !important;}
    .rongyu .menu ul li a {
    padding:0 20px;}
    .rongyu .list {
    width:420px;}
    .pinpai .kk {display:block;
   float:none;width:92%;margin:0 auto 20px auto !important;}

    .pro .list .kk {
    width:100%;}
    .prod .p1 .slideBox {margin-bottom:30px;
    float:none;width:100%;}
    .prod .p1 .r {margin-top:20px;
    float:none;width:100%;}
    .pro .menu {
    width:100%;}
    .zhanlue .con img {
    height:auto !important;}

    .case_fl {
    width:335px;}
    .cases_fllist {
    width:100%;}
    .cases_zd_list .kk img {width:100%;height:278px;}
    .cases_zd_list .kk {width:442px;height:323px;float:none;margin:0 auto 10px auto !important;}
    .cases_fllist .bd ul li {width:85px !important;    }

    .news_list .img {display:none;}
    .news_list .con {width:88%;}
    .news_tit {
    line-height:32px;}
    .newsD {
    margin-top:35px;}

    .shangx {
    display:none;}

    .ind_list .kk:nth-child(3n) {
    margin:0 auto;}

    .licheng .kk2 .k .con p {
    text-align:left;direction: inherit;}
    .licheng .kk .k .con p {
    justify-content:initial;}
    .pinpaid .list .kk {
    width:100%;margin:0 auto 18px auto;;}
    .prod .swiper-container {
    width:100%;height:auto;float:none;}






}
