*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
body{
    font-family: "Microsoft Yahei", "微软雅黑", "宋体", Tahoma, Arial, Helvetica, STHeiti;
    overflow-x: hidden;
}
@font-face {
    font-family: 'Kozuka Gothic Pr6N-Extra Light';
    src : url('../fonts/Kozuka Gothic Pr6N-Extra Light.otf');


    src:  url('../fonts/Kozuka Gothic Pr6N-Extra Light.otf'); format('embedded-opentype'),
url('../fonts/Kozuka Gothic Pr6N-Extra Light.otf'); format('woff'),
url('../fonts/Kozuka Gothic Pr6N-Extra Light.otf'); format('truetype'),
url('../fonts/Kozuka Gothic Pr6N-Extra Light.otf'); format('svg');
    font-weight: normal;
    font-style: normal;
}
b{
    font-weight: normal;
}
a{
    color:#333;
}
h1,h2,h3,h4,h5,h6{
    font-weight:normal;
}
i{
    font-style: normal;
}
img{
    display: block;
    border: none\9;
}
.header{
    width: 100%;
    overflow: hidden;
}
.header-top{
    height: 38px;
    line-height: 38px;
    background: #fff;
    width: 100%;
    box-shadow: 0 0 3px 3px #efefef;
}
.header-top-content{
    width: 1200px;
    margin: 0 auto;
    color:#666;
    font-size: 14px;
    overflow: hidden;
}
.header-top .header-top-content .left{
    float: left;
}

.header-top .header-top-content .right{

    float: right;
}
.header-top .header-top-content .right a{
    color:#666;
    font-size: 14px;
}
.header-top .header-top-content .right span{
    margin: 0 10px;
    color:#e8e8e8;
}
.header-zb-content{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.header-zb-content .left{
   display: inline-block;
    vertical-align: middle;
    letter-spacing: 1px;
    margin: 28px 30px 18px 0;
}

.header-zb-content .left .img{
    display: inline-block;
    vertical-align: top;
    width: 230px;
    
  }
.header-zb-content .left    .img img{
    display: block;
    width: 100%;
}
.header-zb-content .zb {
display: inline-block;
    vertical-align: middle;
}
.header-zb-content .zb .wb p{
    color:#333;
    font-size: 24px;
}
.header-zb-content .zb .wb i{
    color:#dc2830;
    display: inline-block;
    margin: 5px 0;
}

.header-zb-content .zb .wb .wb-2{
    font-size: 16px;
    color:#666;
}

.header-zb-content .right{
    display: inline-block;
    width: 615px;
    margin-top: 28px;
    vertical-align: middle;

}
.header-zb-content .right .wb-3{
    display: inline-block;
    vertical-align: middle;
    float: right;

}
.header-zb-content .right .wb-3 h1{
    font-size: 18px;
    color:#333;
    text-align: right;
}

.header-zb-content .right .wb-3{
    font-size: 30px;
    color:#dc2830;
}

.banner{
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner .hd{
   position: absolute;
    z-index: 555;
    left: 50%;
   bottom: 15px;
    zoom: 1;
}
.banner .hd ul li{
    border-radius: 100%;
    background: #999;
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 10px;
    cursor:pointer;
}
.banner .hd ul li.on{
    background:#df353d;
}
.banner .bd{
   position: relative;
    height: 100%;
}
.banner .bd img{
    width: 100%;
    display: block;
}
.nav{
    width: 100%;
    border-top: 2px solid #922328;
    height: 56px;
    background: #df353d;
    position: relative;
}
.nav-content{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.nav-content .dw{
    width: 1200px;
    position: absolute;
    top: -13px;
}
.nav-content ul li{
    display: inline-block;
    width: 126px;
    text-align: center;
    height: 74px;
    line-height: 73px;
    cursor: pointer;
}
.nav-content ul li a{
    font-size: 16px;
    color: #fff;
    display: block;
    position: relative;
    width: 126px;
    height: 66px;
    overflow: hidden;
}
.nav-content ul li a i{
    visibility: hidden;
    line-height: 1px;
    display: block;
    font-size: 14px;
    position: absolute;
    left: 30px;
    top: 49px;
    text-transform: uppercase;
}
.nav-content ul li.on{
    background: url(../images/hover.png)no-repeat center;
    background: url(../images/hover.png)\9 no-repeat center;
    
    width: 126px;
    height: 74px;
   visibility: visible;
}
.nav-content ul li.on a b{
    position: relative;
    top: -10px;
    /*left: 20px;*/
}
.nav-content ul li.on a .wy{
    position: absolute;
    top: -10px;
    left: 17px;
}
.nav-content ul li:hover a .wy{
    position: absolute;
    top: -10px;
    left: 17px;
}
.nav-content ul li:hover a b{
    position: absolute;
    top: -10px;
    left: 20px;
}
.nav-content ul li.on a .wy-1{
    left: 25px;
}
.nav-content ul li:hover a .wy-1{
    left: 25px;
}
.nav-content ul li.on a .wy-2{
    left: 5px;
}
.nav-content ul li:hover a .wy-2{
    left: 5px;
}
.nav-content ul li.on a .wy-3{
    left: 30px;
}
.nav-content ul li:hover a .wy-3{
    left: 30px;
}
.nav-content ul li.on a .wy-4{
    left: 27px;
}
.nav-content ul li:hover a .wy-4{
    left: 27px;
}
.nav-content ul li.on i{
    visibility: visible;
}
.nav-content ul li:hover{
    background: url(../images/hover.png)no-repeat;
    background: url(../images/hover.png)\9 no-repeat;
    width: 126px;
    height: 74px;
    visibility: visible;
}
.nav-content ul li:hover i{
    visibility: visible;
}



.search{
    width: 100%;
  box-shadow: 3px 3px 20px #eaeaea;
    height: 73px;
    line-height: 73px;
}
.search-content{
    width: 1200px;
    margin: 0 auto;
   position: relative;
}
.dx-wt{
    height: 410px;
}
.wy-left{
    background:url(../images/dxwt-bg.png)no-repeat;
    width: 408px;
    height: 468px;
    display: inline-block;
    position: relative;
    z-index: 28;
}
.dx-wt  .bd{
   position: absolute;
    left: 400px;
    z-index: 1;
    width: 800px;
    overflow: hidden;
    }
.dx-wt .next{
    background: url(../images/btn-r.png)no-repeat;
    width: 33px;
    height: 33px;
    position: absolute;
    right: 165px;
    top: 350px;
    z-index: 29;
    cursor: pointer;
}
.dx-wt .prev{
    background: url(../images/btn-l.png)no-repeat;
  width: 33px;
    height: 33px;
    position: absolute;
    right: 198px;
    top: 350px;
    z-index: 29;
    cursor: pointer;
}
.dx-wt .next:hover{
    background: url(../images/btn-r-hover.png)no-repeat;
    
}
.dx-wt .prev:hover{
    background: url(../images/btn-l-hover.png)no-repeat;
  
 }
.dx-wt  .bd img{
        width: 100%;
}
.wy-left .wb .top{
    text-align: center;
}
.wy-left h1{
    color:#fff;
    font-size: 36px;
    line-height: 55px;
    text-transform: uppercase;
}
.wy-left h2{
    color: #fff;
    font-size: 24px;
    width: 295px;
    line-height: 30px;
    margin: 0 60px;
    padding-bottom: 10px;
}
.wy-left .px{
    margin: 0 15px;
}
.wy-left .px p{
    color: #fff;
    font-size: 36px;
    width: 350px;
    line-height: 65px;
}
.wy-left .px p span{
    margin-left: 10px;
    font-size: 14px;
    display: inline-block;
    width: 270px;
    line-height: 24px;
    vertical-align: text-top;
    letter-spacing: 1px;
}
.search-keywords{
    font-size: 14px;
    color: #333;
    display: inline-block;
    vertical-align: top;
}
.search-content .left{
    width: 408px;
    float: left;
}
.search-content .right{
    float: right;
    width: 785px;
}
.search-keywords a{
    color:#666;
    font-size: 14px;
    margin-right: 12px;
}

#searchForm{

    width: 310px;
    height: 35px;
    margin-top: 20px;
    vertical-align: middle;

}
.search-form{
    display: inline-block;
    float: right;
}

.search-form .search-input{
    width: 265px;
    border: 1px solid #ccc;
    border-radius: 5px 5px 5px 5px;
    outline: none;
    color:#bbb;
    vertical-align: middle;
    height: 33px;
    background: none;
    line-height: 32px;
    margin-left: 10px;
    margin-top: -42px;
    padding-left: 15px;

}
.search-form #s_btn{
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    outline: none;
    border: none;
    cursor: pointer;
 margin-left: -22px;
    display: inline-block;
    vertical-align: top;
    background:url(../images/search.png)no-repeat;
    background:url(../images/search.png)\9 no-repeat;
}
.clear-fix-3{
    clear: both;
}
.product{

}
.product .content{
    width: 1200px;
    margin: 0 auto;
}
.product .content .pro-left{
    width: 270px;
    display: inline-block;
}
.product .content .pro-right{
    display: inline-block;
    vertical-align: top;
    margin: 35px 0 0 18px;
}
.product .content .pro-right .wz{
    position: relative;
    height: 468px;
}
.product .content .pro-right .wz .hd{
    position: absolute;
    right: 0;
    bottom: 0;
}
.product .content .pro-right .wz .hd ul li{
background: #edebe9;
    cursor:pointer;
    width: 360px;
}
.product .content .pro-right .wz .hd ul li p{
    color:#333;
    font-size: 18px;
}
.product .content .pro-right .wz .hd ul li p+p{
    color:#999;
    font-size:14px;
}
.product .content .pro-right .wz .hd ul li .wb{

    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    padding: 10px;
}
.product .content .pro-right .wz .hd ul li img{
    display: inline-block;
    vertical-align: top;
}
.product .content .pro-right .wz .hd ul li .nk{
    padding: 9px 0 8px 10px;
}
.product .content .pro-left .slide{
    position: relative;
z-index: 28;
}
.product .content .pro-left .slide .cp-bt{
    margin-top: 6px;
    border-bottom: 1px solid #df353d;
    padding-bottom: 10px;
}
.product .content .pro-left .slide .kk{
    border: 1px solid #d8d8d8;
    background: #fff;
}
.product .content .pro-left .slide .cp-bt h1{
    line-height: 20px;
}
.product .content .pro-left .slide .cp-bt h1 span{


}
.product .content .pro-left .slide .cp-bt h1 span a{
    color:#df353d;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.product .content .pro-left .slide .cp-bt h1 img{
    display: inline-block;
    vertical-align: middle;
}
.product .content .pro-left .slide .nr{
    margin: 15px 20px  16px 20px;
}
.product .content .pro-left .slide .nr .cp-lb ul li a span{
    color:#666;
    font-size: 14px;
}
.product .content .pro-left .slide .nr .cp-lb ul li{
    line-height: 34px;
}
.product .content .pro-left .slide .nr .cp-lb ul li a:hover span{
    color:#df353d;
}
.product .content .pro-left .slide .nr .cp-lb ul li a b:before{
   content: url(../images/pro-mr.png);
    display: inline-block;
    margin-right: 8px;
    width: 12px;
    height: 12px;
}
.product .content .pro-left .slide .nr .cp-lb ul li a:hover b:before{
    content: url(../images/pro-bh.png);
    width: 12px;
    height: 12px;
    display: inline-block;
}

.product .content .pro-right .wz .hd ul li{
    position: relative;
}
.product .content .pro-right .wz .hd ul li .jia{
    position: absolute;
    right: -40px;
    top: 0;
    display: none;
}

.product .content .pro-right .wz .hd ul li.on{
    background: #df353d;
}
.product .content .pro-right .wz .hd ul li.on .jia{
    display: block;
}
.product .content .pro-right .wz .hd ul li.on p{
    color:#fff;
}
.product .content .pro-right .cp-nr{
    margin-top: 24px;
}
.product .content .pro-right .cp-nr ul li{
display: inline-block;
    margin-right: 18px;
    width: 276px;
    height: 276px;
    overflow: hidden;
    border: 1px solid #999999;
}
.product .content .pro-right .cp-nr ul li .img{
    position: relative;
    width: 276px;
    height: 276px;
}
.product .content .pro-right .cp-nr ul li .img .yc{
    background: url(../images/yyc.png)no-repeat;
    width: 276px;
    height: 276px;
    position: absolute;
    left: 0;
    bottom:-276px;
    visibility: hidden;
}

.product .content .pro-right .cp-nr ul li .img .yc .ckgd{
    text-align: center;
    margin-top: 70px;
}
.product .content .pro-right .cp-nr ul li .img .yc .ckgd p{
    text-align: center;
    color:#fff;
    font-size: 18px;
    margin: 10px 0;
}
.product .content .pro-right .cp-nr ul li .img .yc .ckgd img{
    display: inline-block;
}
.product .content .pro-right .cp-nr ul li .img .yc .ckgd .more>.ak{
    text-align: center;
    color:#df353d;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    width: 100px;
    border: 1px solid #df353d;
    border-radius: 8px;
    display: inline-block;
}
.product .content .pro-right .cp-nr ul li:hover .yc{
    visibility: visible;
   bottom: 0;
    transition: 0.5s;
}
.product .content .pro-right .cp-nr ul li .yc .ckgd .more:hover .ak{
    color:#03a0e5!important;
    transition: 300ms;
    border: 1px solid #03a0e5;
}

.smaller-banner{
    width: 100%;
    margin:50px 0 0 0;
}
.smaller-banner img{
    width: 100%;
}
.solution{
    width: 100%;
    background: #f4f4f4;
    padding: 50px 0 45px 0;
}
.solution .content{
    width: 1200px;

    margin: 0 auto;
}
.solution .content .nr{
    overflow: hidden;
    position: relative;
 }
.solution .content .nr .bd ul li div{
    display: inline-block;
    vertical-align: text-bottom;
}
.solution .content .nr .bd ul li .ckgd{
    position: relative;
}
.solution .content .nr .bd ul li .right{
    margin-left: 25px;
    background: #fff;
    height: 230px;
    width: 622px
}
.solution .content .nr .bd ul li .ckgd .more a{
    position: absolute;
    bottom: 29px;
    right: 13px;
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color:#fff;
    background: #df353d;
    font-size: 14px;
    border-radius: 8px;
}
.solution .content .nr .bd ul li .jj{
    vertical-align: top;
    margin: 20px 0  0 20px;
    overflow: hidden;
}
.solution .content .nr .bd ul li .jj h1{
    font-size: 18px;
    color:#df353d;
}
.solution .content .nr .bd ul li .jj p{
    font-size: 16px;
    color: #666;
    line-height: 30px;
}
.solution .content .nr .hd{
    position: absolute;
    right: 156px;
    top: 0;
}
.solution .content .nr .hd ul li{
    display: inline-block;
    cursor:pointer;
    background: url(../images/hd-1.png)no-repeat;
    width: 100px;
    height: 38px;
    line-height: 33px;
    text-align: center;
    color:#fff;
    font-size: 18px;
    margin-right: 10px;
}
.solution .content .nr .hd ul .kd{
    background: url(../images/hd-2.png)no-repeat;
    width: 113px;
}

.solution .content .nr .hd ul li.on{
    background: url(../images/hd-1-1.png)no-repeat;
}

.solution .content .nr .hd ul .kd.on{
    background: url(../images/hd-2-2.png)no-repeat;
    width: 113px;
}
.solution .content .nr .hd .bt{
    margin-bottom: 38px;
}
.solution .content .nr .hd .bt h1{
    font-size: 36px;
    color: #df353d;
    text-transform: uppercase;
    font-weight: bold;
}
.solution .content .nr .hd .bt h2{
    font-size: 30px;
    color: #df353d;
}
.solution .content .nr .left,.solution .content .nr .bd{
    display: inline-block;
}


.advantagec{
    margin: 50px 0  50px 0;
}
.advantagec .content{
    width: 1200px;
    margin: 0 auto;
}
.advantagec .content .one{
    height: 570px;
}
.advantagec .content .one div{
display: inline-block;
}
.advantagec .content .two .wb{
    text-align: right;
    margin: 15px 0 0 10px;
}
.advantagec .content .two .wb h3{
    margin: 10px 0;
}
.advantagec .content .two .wb h1,.advantagec .content .three .wb h1{
    font-size: 23px;
}
.advantagec .content .two .wb h2,.advantagec .content .three .wb h2{
    font-size: 14px;
}
.advantagec .content .two div{
    display: inline-block;
}
.advantagec .content .two-fz .left img{
    width: 650px;
}
.advantagec .content .four div{
display: inline-block;
}
.advantagec .content .four .dh{
    text-align: right;
}
.advantagec .content .four{
    margin-top: 15px;
}
.advantagec .content .four .img{
    vertical-align: middle;
}
.advantagec .content .three{
    margin: 20px 0;
}
.advantagec .content .three .js img{
    width: 645px;
}
.advantagec .content .three .wb{
    margin: 15px 0 0 10px;
}
.advantagec .content .three .wb h3{
    margin: 10px 0;
}
.advantagec .content .three div{
    display: inline-block;
    vertical-align: top;
}
.advantagec .content .tb{
    margin-left: 10px;
}
.advantagec .content .one div img{
    display: inline-block;
}
.advantagec .content .one div img+img{
    margin: 0 24px;
}
.advantagec .content .js{
    vertical-align: top;
}
.advantagec .content .js h1{
    color:#999;
    font-size: 24px;
    text-transform:uppercase;
}
.advantagec .content .js h2{
    color:#999;
    font-size: 18px;
    text-transform:uppercase;
}
.advantagec .content .js h3{
    color:#df353d;
    font-size: 24px;
    margin: 20px 0;
}
.advantagec .content .js ul li{
    color:#333;
    font-size: 14px;
    line-height: 30px;
}

.advantagec .content .one .r-img-wb{
    vertical-align: top;
}
.advantagec .content .one .r-img-wb .top{
    margin: 0 0 20px 0px;
}
.advantagec .content .one .r-img-wb .top img{
    vertical-align: middle;
}
.advantagec .content .dh{
    vertical-align: middle;
}
.advantagec .content .dh p{
    color:#333;
    font-size: 18px;
}
.advantagec .content .dh p+p{
    color:#df353d;
    font-size:24px;
}
.process{
    width: 100%;
}
.process img{
    width: 100%;
}

.case{
    padding: 50px 0;
}
.case .content{
    width: 1200px;
    margin: 0 auto;
}
.case .content .left{
    display: inline-block;
    width: 732px;
}
.case .content .left .top{
    border-bottom: 1px solid #df353d;
    width: 732px;
   overflow: hidden;
    padding-bottom: 5px;
}
.case .content .left .top h1{
    color:#df353d;
    font-size: 35px;
    float: left;
    text-transform: uppercase;
}
.case .content .left .top h1 span{
    font-size: 30px;
    margin-left: 10px;
}
.case .content .left .top a{
    text-transform: uppercase;
    color:#999;
    font-size: 18px;
    float: right;
    margin-top: 20px;
}
.case .content .left .top a:hover{
    color:#df353d;
    font-weight: bold;
}
.case .content .left .case-nr{
    margin-top: 20px;
}
.case .content .left .case-nr div{
    display: inline-block;
    vertical-align: top;
}
.case .content .left .case-nr .img ul li{
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ddd;
    margin: 0 3px 10px 0;
    width: 150px;
    height: 107px;
    overflow: hidden;
}
.case .content .left .case-nr .img ul li:hover img{
    transform: scale(1.1,1.1);
    transition-duration: 300ms;
}
.case .content .left .case-nr .img ul li img{
    width: 150px;
    height: 107px;

}
.case .content .left .case-nr .img{
    width: 320px;
}
.case .content .left .case-nr .wb{
    width: 405px;
}
.case .content .left .case-nr .wb .bt{
    border-bottom: 1px dashed #999;
    width: 405px;
    padding-bottom: 10px;
}
.case .content .left .case-nr .wb .bt h2{
    color:#333;
    font-size: 18px;
}
.case .content .left .case-nr .wb p{
    color: #666;
    font-size: 14px;
    text-align: justify;
    width: 405px;
    overflow: hidden;
    margin: 13px 0;
    line-height: 25px;
}
.case .content .right{
 vertical-align: top;
    display: inline-block;
    width: 450px;
    box-shadow: 0 0 10px 3px #ccc;
    margin-left: 13px;
    position: relative;
}
.case .content .left .case-nr .more a{
    display: inline-block;
    border-radius:8px;
    width: 100px;
    line-height: 30px;
    height: 30px;
    color:#fff;
    font-size: 14px;
    text-align: center;
    background: #df353d;
    margin-bottom: 15px;
}
.case .content .right .r-nr{
    margin: 20px 0 30px 30px;
}
.case .content .right .r-nr .ly-bt{
    text-align: center;
}
.case .content .right .r-nr .ly-bt h3,.case .content .right .r-nr .ly-bt h4{
    color: #df353d;
}
.case .content .right .r-nr .ly-bt h3{
    text-transform: uppercase;
    font-size: 35px;
    font-weight: bold;
}
.case .content .right .r-nr .ly-bt h4{
    font-size: 30px;
}
.case .content .right .r-nr .ly-bk{
    margin-top: 30px;
}
.case .content .right .feedback-item-left{
    width: 55px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #333;
    color:#fff;
    font-size: 18px;
}
.case .content .right .feedback-item-left-1{
    background: #df353d;
}
.case .content .right .feedback-item div{
    display: inline-block;
}

.case .content .right .feedback-item-right input{
    width: 280px;
    height: 30px;
    padding-left: 10px;
    background: #f4f4f4;
    border: none;
}
.case .content .right .feedback_content{
    background: #f4f4f4;
    border: none;
}

.case .content .right .feedback-item{
    height: 55px;
}
.case .content .right .feedback-item-tj{
    padding-top: 75px;
 }
.case .content .right .feedback-submit{
    display: inline-block;
    border-radius:8px;
    width: 100px;
    line-height: 30px;
    height: 30px;
    color:#fff;
    font-size: 14px;
    text-align: center;
    background: #df353d;
    outline: none;
    border: none;
    cursor: pointer;
}
.case .content .right .feedback-item-right{
    position: relative;
}
.case .content .right .feedback-item-right font{
    position: absolute;
    font-size: 14px;
    left: 7px;
    top: 30px;
    font-weight: bold;
}
.case .content .right .feedback-item-right span{
    position: absolute;
    font-size: 14px;
    left: 7px;
    top: 33px;
}
.case .content .right .feedback-item-right .spa5{
    position: absolute;
    font-size: 14px;
    left: 7px;
    top: 107px;
}
.case .content .right #lySpan font{
    top: 103px;
    width: 220px;
}
.case .content .right .kf{
    position: absolute;
    right: -161px;
    bottom: 0;
}
.about{
    width: 100%;
    background: #f4f4f4;
    padding: 50px 0;
}
.about .content{
    width: 1200px;
    margin: 0 auto;
}
.about .content .top .left{
    display: inline-block;
}
.about .content .top .left div{
display: inline-block;
    vertical-align: top;
}
.about .content .top .left .video-2{
    margin-left: 5px;
}
.about .content .top .right{
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
}
.about .content .top .right .bt{
    margin-top: 30px;
}
.about .content .top .right h1{
    color:#999;
    font-size: 24px;
text-transform: uppercase;
}
.about .content .top .right h2{
    color:#df353d;
    font-size: 23px;
}
.about .content .top .right h3{
    color:#333;
    font-size:18px;
    margin: 23px 0 20px 0;
}
.about .content .top .right .wb{
    width: 590px;
    font-size: 14px;
    color: #666;
    text-align: justify;
    line-height: 25px;
    height: 110px;
    overflow: hidden;
}
.about .content .top .right .more a{
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color:#fff;
    background: #df353d;
    border-radius: 8px;
    text-align: center;
}
.about .content .lb{
    margin-top: 20px;
    position: relative;
 }
.about .content .lb .bd{
    margin: 0 0 0 45px;
}
.about .content .lb .bd ul li{
    width: 260px;
    display: inline-block;
    margin-right: 15px;
}
.about .content .lb .bd ul li .pic{
    width: 260px;
    height: 180px;
    overflow: hidden;
}
.about .content .lb .bd ul li .title{
    width: 260px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #333;
    font-size: 14px;
    color:#fff;
}
.about .content .lb .bd ul li:hover .title{
    background: #df353d;
     transition: 0.6s;


}
.about .content .lb .bd ul li:hover .pic img{
    transform: scale(1.1,1.1);
    transition: 0.6s;
}
.about .content .lb .next-1,.about .content .lb .prev-1{
    position: absolute;
cursor:pointer;
}
.about .content .lb .next-1{
    background: url(../images/jt.png)no-repeat;
    width: 23px;
    height: 39px;
    left: 0;
    top: 80px;
}
.about .content .lb .prev-1{
    background: url(../images/jt.png)no-repeat;
    width: 23px;
    height: 39px;
    right: 17px;
    top: 80px;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); 	/* Opera */
}
.about .content .lb .next-1:hover{
    background: url(../images/jt-bs.png)no-repeat;
    transition: 1.0s;
}
.about .content .lb .prev-1:hover{
    background: url(../images/jt-bs.png)no-repeat;
    transition: 1.0s;
}

.new{
    width: 100%;
    padding: 50px 0;
}
.new .content{
    width: 1200px;
    margin:0 auto;
}
.new .content .top{
    width: 386px;
    background: #df353d;
    height: 38px;
    line-height: 38px;
}
.new .content .top span{
    color:#fff;
    font-size: 18px;
    margin-left: 15px;
}
.new .content .top a{
    float: right;
    color:#fff;
    font-size: 14px;
    margin: 2px 5px 0 0;
}
.new .content .top a:hover{
    color:#000;
    font-weight: bold;
}
.new .content .one,.new .content .two,.new .content .three{
    display: inline-block;
    margin-right: 16px;
    vertical-align: top;
}
.new .content .zb{
    margin-top: 12px;
    width: 386px;
    height: 200px;
    overflow: hidden;
}
.new .content .zb a:hover img{
    transform: scale(1.1,1.1);
    transition:0.8s;
}
.new .content .db a span:before{
    content:"• ";
    color:#666;
}
.new .content .db{
    margin-top: 10px;
}
.new .content .db a{
    color:#666;
    font-size: 14px;
}
.new .content .db ul li{
    border-bottom: 1px dashed #e8e8e8;
    padding-bottom: 5px;
    padding-top:10px ;
}
.new .content .db ul li a:hover{
    color:#df353d;
}
.new .content .db ul li a:hover span:before{
    color:#df353d;
}
.new .content .three .db{
    margin-top: 18px;
}
.new .content .three .db ul li{
border-bottom: 0;
    line-height: 23px;
}
.new .content .three .db a span:before{
    content:"<<";
    color:#666;
}
.foot{
    width: 100%;
    background: #333;
    height: 330px;
}
.foot .content{
    width: 1200px;
    margin:0 auto;
    padding-top: 65px;
}
.foot .content .one,.foot .content .two,.foot .content .three{
    display: inline-block;
    vertical-align: top;
}
.foot .content .one img+img{
    margin-top: 30px;
}
.foot .content .one{
    width: 340px;
}
.foot .content .one ul{
    width: 210px;
}
.foot .content .one ul li{
    display: inline-block;
    margin-right: 10px;
    line-height: 25px;
}
.foot .content a{
    color:#d8d8d8;
    font-size: 14px;
}
.foot .content a:hover{
    color:#df353d!important;
}
.foot .content .two{
    width: 705px;
}
.foot .content .three img+img{
    margin-top: 15px;
}
.foot .content .two p{
    color:#d8d8d8;
    font-size: 14px;
    line-height: 25px;
}
#btn_top ul{ overflow:hidden;}
#btn_top li{ float:left; margin-left:10px;}
#btn_top li img{ display:block;}
#btn_top{ width:43px; height:43px; overflow:hidden; position:fixed; top:85%; right:51%; margin-right:-675px; cursor:pointer;  display:none;}
#btn_top h4{ width:43px; height:43px; overflow:hidden; position:relative;}
#btn_top img{ display:block; position:absolute; top:0; left:0;}