/*-----------------------------------------------------------*/
/*copyright by 动力无限  www.btoe.cn*/
/*邮箱 btoe@btoe.cn*/
/*合作电话 400-0599-360*/
/*版权所有违者必究*/
/*-----------------------------------------------------------*/

/*banner*/
.fullSlide {
    width: 100%;
    position: relative;
    height: 840px;
    background: #FFF;
    overflow: hidden;
  }
  
  .fullSlide .bd {
      width: 100%;
    height: 840px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  
  .fullSlide .bd ul {
    width: 100% !important;
  }
  
  .fullSlide .bd li {
    width: 100% !important;
    height: 840px;
    overflow: hidden;
    text-align: center;
  }
  
  .fullSlide .bd li a {
    display: block;
    height: 840px;
  }
  
  .fullSlide .hd {
    width: 100%;
    position: absolute;
    z-index: 2;
    bottom: 15px;
    left: 0;
    height: 30px;
    text-align: center;
  }
  
  .fullSlide .hd ul {
    text-align: center;
    margin-right: 20%;
  }
  
  .fullSlide .hd ul li {
    cursor: pointer;
    display: inline-block;
    zoom: 1;
    width: 12px;
    height: 12px;
    margin: 11px;
    overflow: hidden;
    line-height: 99px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    border: 1px solid rgba(255, 255, 255, 0.3);
  }
  
  .fullSlide .hd ul .on {
    border: 1px solid rgba(255, 255, 255, 1);
    background: #fff;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
  }
  
  
  .fullSlide .next {
    width: 29px;
    height: 56px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    z-index: 2;
    background: url(../images/bannerR.png) no-repeat center;
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    opacity: .3;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    right: 10%;
  }
  
  .fullSlide .prev {
    width: 29px;
    height: 56px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    z-index: 2;
    background: url(../images/bannerL.png) no-repeat center;
    filter: alpha(opacity=30);
    -moz-opacity: .3;
    opacity: .3;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    left: 10%;
  }


  .fullSlide .pageState{
      position: absolute;
      left: 34%;
      bottom: 13px;
      font-size: 16px;
      color: #a7aaae;
      z-index: 5;
      letter-spacing: 10px;
  }

  .fullSlide .pageState::after{
    position: absolute;
    left: 33px;
    top: 9px;
    content: "0";
    font-size: 16px;
    color: #a7aaae;
  }

  .fullSlide .pageState span{
    font-size: 24px;
    color: #fff;
    position: relative;
  }
  .fullSlide .pageState span::after{
      position: absolute;
      left: -15px;
      top: -2px;
      content: "0";
      font-size: 24px;
      color: #fff;
  }

  .banner_box{
      width: 100%;
      margin: 0 auto;
      height: 840px;
      position: relative;
  }

  .banner_box .trait{
      position: absolute;
      right: 5.5%;
      bottom: 0px;
      background: url(../images/ico1.png) repeat center;
      width: 49%;
      height: 50px;
      z-index: 5;
  }

  .banner_box .trait .trait_nr{
      float: left;
      width: 90%;
  }

  .banner_box .trait .trait_nr h5{
      float: left;
      width: 100px;
      height: 36px;
      line-height: 36px;
      background: #278ccb;
      margin: 7px 0 0 7px;
      text-align: center;
      font-size: 14px;
      color: #fff;
      font-weight: bold;
  }

  .banner_box .trait .trait_nr .notice{
      float: right;
      width: 80%;
      margin-right: 3%;
  }

  .banner_box .trait .trait_nr .notice .bd{
      width: 100%;
      height: 50px;
      overflow: hidden;
  }

  .banner_box .trait .trait_nr .notice .bd ul li{
      height: 50px;
      line-height: 50px;
  }

  .banner_box .trait .trait_nr .notice .bd ul li a{
      float: left;
      width: 70%;
      font-size: 14px;
      color: #fff;
      white-space: nowrap;
      text-overflow: ellipsis;
      -o-text-overflow: ellipsis;
      overflow: hidden;
      display: block;
  }

  .banner_box .trait .trait_nr .notice .bd ul li span{
      float: right;
      font-size: 14px;
      color: #fff;
  }

  .banner_box .trait  .more{
      float: right;
      width: 10%;
      height: 50px;
      line-height: 50px;
      background: #a0a2a5;
  }
  
  .banner_box .trait .more a{
      display: block;
      text-align: center;
      font-size: 14px;
      color: #fff;
  }



/*about*/

.ab_bg{
    width: 100%;
    height: 620px;
    margin: 0 auto;
    background: url(../images/ab_bg.jpg) no-repeat center;
}

.ab_bg  .about{
    width: 1200px;
    margin: 0 auto;
    padding-top: 70px;
}

.ab_bg  .about .ab_l{
    float: left;
    width: 600px;
    height: 480px;
    position: relative;
}

.ab_bg  .about .ab_l .ab_img{
    width: 600px;
    height: 480px;
    position: relative;
}

.ab_bg  .about .ab_l .ab_img img{
    width: 600px;
    height: 480px;
    position: relative;
}

.ab_bg  .about .ab_l .ab_more{
    position: absolute;
    left: -45px;
    top: 80px;
    width: 90px;
    height: 320px;
    background: #278ccb;
} 

.ab_bg  .about .ab_l .ab_more h5{
    width: 90px;
    height: 260px;
    line-height: 90px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    writing-mode:tb-rl;
    font-size: 14px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

.ab_bg  .about .ab_l .ab_more .more{
    display: block;
    width: 90px;
    height: 60px;
}

.ab_bg  .about .ab_r{
    float: right;
    width: 540px;
}  

.ab_bg  .about .ab_r .txt{
    overflow: hidden;
    margin-top: 32px;
}

.ab_bg  .about .ab_r .txt a{
    display: block;
    font-size: 24px;
    color: #545454;
    margin-bottom: 15px;

}

.ab_bg  .about .ab_r .txt p{
    font-size: 14px;
    color: #8b8b8b;
    line-height: 30px;
    height: 180px;
    overflow: hidden;

}

.ab_bg  .about .ab_r .honor{
    margin-top: 35px;
} 

.ab_bg  .about .ab_r .honor .honor_t{
    margin-top: 116px;
    margin-left: 75px;
    float: left;

}

.ab_bg  .about .ab_r .honor .honor_t h3 a{
    display: block;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.ab_bg  .about .ab_r .honor .honor_t h3 a i{
    display: block;
    font-size: 12px;
    color:  #abcbe6;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 3px;
}

.ab_bg  .about .ab_r .honor .honor_img{
    float: right;
    width: 233px;
    height: 169px;
    background: url(../images/ry_bg.jpg) no-repeat center;
}

.ab_bg  .about .ab_r .honor .honor_img img{
    width: 211px;
    height: 145px;
    margin: 12px auto;
    display: block;
}


/*title*/

.title{
    position: relative;

}

.title h3{
    font-size: 30px;
    color: #4a4a4a;
    font-weight: bold;
    position: relative;

}

.title h3::after{
    position: absolute;
    left: 205px;
    top: 25px;
    width: 51px;
    height: 1px;
    background: #4a4a4a;
    content: "";
}

.title h3 a{
    font-size: 30px;
    color: #4a4a4a;
    font-weight: bold;
}

.title h3 i{
    font-size: 30px;
    color: #278ccb;
    font-weight: bold;
}

.title p{
    font-size: 14px;
    color: #8b8b8b;
    margin-top: 10px;
}


/*product*/

.pro_bg{
    width: 100%;
    height: 790px;
    margin: 0px auto 0 auto;
    background: url(../images/pro_bg.jpg) no-repeat center;
}

.pro_bg .product{
    width: 1200px;
    margin: 0 auto;
    padding-top: 55px;
}

.pro_bg .product .pro_t{
    overflow: hidden;
}

.pro_bg .product .pro_t .title{
    float: left;
}

.pro_bg .product .pro_t .more{
    float: right;
    width: 180px;
    height: 50px;
    line-height: 50px;
    background: #278ccb;
}

.pro_bg .product .pro_t .more a {
    display: block;
    padding-left: 38px;
    font-size: 14px;
    color: #fff;
    background: url(../images/buttom1.png) no-repeat 137px center;
}

.pro_bg .product .pro_box{
    margin: 40px auto 0 auto;
}

.pro_bg .product .pro_box .pro_l{
    float: left;
    width: 170px;
    background: #fff;
    border-radius: 25px;
}

.pro_bg .product .pro_box .pro_l ul li{
    height: 80px;
    position: relative;
    z-index: 5;
}

.pro_bg .product .pro_box .pro_l ul li span{
    float: left;
    display: block;
    width: 34px;
    height: 34px;
    margin-left: -17px;
    margin-top: 23px;
    opacity: 0;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.pro_bg .product .pro_box .pro_l ul li span img{
    width: 34px;
    height: 34px;
}

.pro_bg .product .pro_box .pro_l ul li a  {
    display: block;
    font-size: 16px;
    color: #545454;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin-left: 20px;
    margin-top: 16px;
    float: left;
}

.pro_bg .product .pro_box .pro_l ul li a i{
    display: block;
    font-size: 12px;
    color: #cacaca;
    font-family: Arial, Helvetica, sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin-top: 5px;
}

.pro_bg .product .pro_box .pro_l ul li::after{
    position: absolute;
    left: -40px;
    top: 0px;
    width: 0px;
    height: 80px;
    background: #278ccb;
    border-radius: 15px;
    content: "";
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: -5;
}

.pro_bg .product .pro_box .pro_l ul li:hover::after{
    width: 210px;
}

.pro_bg .product .pro_box .pro_l ul li:hover a{
    color: #fff;
}

.pro_bg .product .pro_box .pro_l ul li:hover a i{
    color: #abcbe6;
}

.pro_bg .product .pro_box .pro_l ul li:hover span{
    opacity: 1;

}

.pro_bg .product .pro_box .pro_tab{
    float: right;
    width: 995px;

} 

.pro_bg .product .pro_box .pro_tab ul li{
    float: left;
    width: 310px;
    margin: 0 0 10px 21px;
}

.pro_bg .product .pro_box .pro_tab ul li .pic{
    width: 308px;
    height: 228px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.pro_bg .product .pro_box .pro_tab ul li .pic img{
    width: 290px;
    height: 210px;
    margin: 9px;
}

.pro_bg .product .pro_box .pro_tab ul li .txt{
    height: 50px;
    line-height: 50px;
    margin: 0 10px;
    width: 290px;

} 

.pro_bg .product .pro_box .pro_tab ul li .txt h5 a{
    float: left;
    width: 120px;
    font-size: 16px;
    color: #8b8b8b;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;

}

.pro_bg .product .pro_box .pro_tab ul li .txt .more{
    float: right;
    display: block;
    background:  url(../images/buttom2.png) no-repeat  center;
    width: 159px;
    height: 9px;
    margin-top: 20px;
}

.pro_bg .product .pro_box .pro_tab ul li:hover .txt h5 a{
    color: #278ccb;
}

.pro_bg .product .pro_box .pro_tab ul li:hover .pic{
    border: 1px solid #278ccb;
}





/*ys*/

.ys_bg{
    width: 100%;
    height: 780px;
    margin: 0px auto 0 auto;
    background: url(../images/ys_bg.jpg) no-repeat center;
}

.ys_bg .ys{
    width: 1200px;
    margin: 0 auto;
    padding-top: 45px;
}

.ys_bg .ys .title{

}

.ys_bg .ys .title h3{
    color: #fff;
}

.ys_bg .ys .title h3::after{
    background: #fff;
}

.ys_bg .ys .title p{
    color: #fff;
}

.ys_bg .ys .ys_box{
    width: 1200px;
    margin: 45px auto 0 auto;
}

.ys_bg .ys .ys_box .bd{
    width: 1200px;
    height: 340px;
    margin: 0 auto;
    overflow: hidden;

}

.ys_bg .ys .ys_box .bd ul li{
    width: 1200px;
    height: 340px;
    float: left;
}

.ys_bg .ys .ys_box .bd ul li .ys_img{
    float: left;
    width: 580px;
    height: 340px;
}

.ys_bg .ys .ys_box .bd ul li .ys_img img{
    width: 580px;
    height: 340px;
}

.ys_bg .ys .ys_box .bd ul li .txt{
    float: right;
    width: 505px;
    margin-top: 18px;
}

.ys_bg .ys .ys_box .bd ul li .txt h5{
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    background: url(../images/ys_t.png) no-repeat left center;
    line-height: 62px;
    padding-left: 35px;
    margin-bottom: 30px;

}

.ys_bg .ys .ys_box .bd ul li .txt p{
    font-size: 14px;
    color: #fff;
    line-height: 30px;

}

.ys_bg .ys .ys_box .bd ul li .txt span{
    display: block;
    font-size: 12px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0.2;
    line-height: 24px;
    margin-top: 40px;
}

.ys_bg .ys .ys_box .hd{
    margin: 50px auto 0 auto;
    width: 1200px;
    height: 180px;
} 

.ys_bg .ys .ys_box .hd ul li{
    float: left;
    width: 300px;
    height: 180px;
    position: relative;
    text-align: center;
    z-index: 5;
}

.ys_bg .ys .ys_box .hd ul li img{
    display: block;
    margin: 15px auto 8px auto;
}

.ys_bg .ys .ys_box .hd ul li i{
    display: block;
    margin: 0 auto;
    width: 5px;
    height: 24px;
    background: url(../images/ys_xt.png) no-repeat center;
}

.ys_bg .ys .ys_box .hd ul li  h5{
    font-size: 16px;
    color: #fff;
    margin-top: 25px;

}

.ys_bg .ys .ys_box .hd ul li h5 span{
    display: block;
    font-size: 12px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 0.5;
    margin-top: 10px;
}

.ys_bg .ys .ys_box .hd ul li::after{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background: url(../images/ys_ico.png) repeat center;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: -1;
}

.ys_bg .ys .ys_box .hd ul li.on::after{
    height: 100%;
}


/*case*/

.case_bg{
    width: 100%;
    height: 790px;
    margin: 0px auto 0 auto;
    background: url(../images/case_bg.jpg) no-repeat center;
    overflow: hidden;
}

.case_bg .case{
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
}

.case_bg .case .title{
    width: 1200px;
    margin: 0 auto;
}


.case_bg .case .case_box{
    width: 100%;
    margin: 45px auto 0 auto;
    position: relative;
}

.case_bg .case .case_box .case_list{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.case_bg .case .case_box .hd{
    position: absolute;
    width: 212px;
    height: 595px;
    left: -22px;
    top: 15px;
    background: url(../images/case_list.png) no-repeat left top;
    z-index: 5;
}

.case_bg .case .case_box .hd ul li{
    position: relative;
    margin-top: 34px;
    z-index: 5;
}

.case_bg .case .case_box .hd ul li a{
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-size: 16px;
    color: #545454;
    margin-left: 65px;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.case_bg .case .case_box .hd ul li a i{
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-size: 12px;
    color: #cacaca;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 5px;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.case_bg .case .case_box .hd ul li::after{
    position: absolute;
    left: -80px;
    top: 32px;
    content: "";
    width: 0px;
    height: 3px;
    background: #278ccb;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.case_bg .case .case_box .hd ul li.on::after{
    width: 110px;

}

.case_bg .case .case_box .hd ul li.on a{
    color: #278ccb;

}
.case_bg .case .case_box .hd ul li.on a i{
    color: #aacae6;
}


.case_bg .case .case_box .bd{
    width: 88%;
    height: 510px;
    position: absolute;
    margin-top: 60px;
    right: -360px;
    overflow: hidden;
}

.case_bg .case .case_box .bd ul li{
    float: left;
    width: 100%;
    height: 510px;
}

.case_bg .case .case_box .bd ul li .case_nr{
    float: left;
    width: 740px;
    height: 510px;
    position: relative;
    margin-right: 30px;
}

.case_bg .case .case_box .bd ul li .case_nr .pic{
    width: 740px;
    height: 430px;
}


.case_bg .case .case_box .bd ul li .case_nr .pic img{
    width: 740px;
    height: 430px;
    border-radius: 8px;
}

.case_bg .case .case_box .bd ul li .case_nr .txt{
    margin-top: 23px;

} 

.case_bg .case .case_box .bd ul li .case_nr .txt a{
    font-size: 16px;
    color: #545454;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.case_bg .case .case_box .bd ul li .case_nr .txt p{
    font-size: 14px;
    color: #8b8b8b;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    margin-top: 10px;
}

.case_bg .case .case_box .bd ul li:hover .case_nr .txt a{
    color: #278ccb;
}



@media (max-width:1600px) {
    .case_bg .case .case_box .bd{
        width: 98%;
        height: 510px;
        position: absolute;
        margin-top: 60px;
        right: -360px;
        overflow: hidden;
    }
}



/*lc*/

.lc_bg{
    width: 100%;
    height: 445px;
    margin: 0px auto 0 auto;
    background: url(../images/lc_bg.jpg) no-repeat center;
}

.lc_bg .lc{
    width: 1200px;
    margin: 0 auto;
    padding-top: 60px;
}

.lc_bg .lc .lc_box{
    margin: 40px auto 0 auto;
    height: 190px;
}

.lc_bg .lc .lc_box ul li{
    float: left;
    width: 190px;
    height: 190px;
    background: #f9f9f9;
    border-radius: 5px;
    margin-right: 12px;
    text-align: center;
    position: relative;
    z-index: 5;
}

.lc_bg .lc .lc_box ul li.c6{
    margin-right: 0;
}

.lc_bg .lc .lc_box ul li span{
    display: block;
    margin: 22px auto 10px auto;
    width: 36px;
    height: 36px;
}

.lc_bg .lc .lc_box ul li h5{
    font-size: 16px;
    color: #2e2e2e;
}

.lc_bg .lc .lc_box ul li i{
    width: 1px;
    height: 30px;
    background: #c9c9c9;
    display: block;
    margin: 15px auto 10px auto;
}

.lc_bg .lc .lc_box ul li h6{
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    font-size: 16px;
    color: #278ccb;
    text-align: center;

}

.lc_bg .lc .lc_box ul li em{
    position: absolute;
    left: 0;
    top: 0px;
    width: 190px;
    height: 0px;
    border-radius: 5px;
    background: url(../images/lc_list.jpg) repeat center;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: -1;
}

.lc_bg .lc .lc_box ul li:hover em{
    height: 190px;
}

.lc_bg .lc .lc_box ul li:hover h5{
    color: #fff;

}

.lc_bg .lc .lc_box ul li:hover i{
    background: #80bbe0;

}

.lc_bg .lc .lc_box ul li:hover h6{
    background:  #fff;
}


.lc_bg .lc .lc_box ul li.c1 span{
    background: url(../images/lc1.png) no-repeat center;
}

.lc_bg .lc .lc_box ul li.c2 span{
    background: url(../images/lc2.png) no-repeat center;
}

.lc_bg .lc .lc_box ul li.c3 span{
    background: url(../images/lc3.png) no-repeat center;
}

.lc_bg .lc .lc_box ul li.c4 span{
    background: url(../images/lc4.png) no-repeat center;
}

.lc_bg .lc .lc_box ul li.c5 span{
    background: url(../images/lc5.png) no-repeat center;
}

.lc_bg .lc .lc_box ul li.c6 span{
    background: url(../images/lc6.png) no-repeat center;
}


.lc_bg .lc .lc_box ul li.c1:hover span{
    background: url(../images/lc11.png) no-repeat center;
}

.lc_bg .lc .lc_box ul li.c2:hover span{
    background: url(../images/lc22.png) no-repeat center;
}

.lc_bg .lc .lc_box ul li.c3:hover span{
    background: url(../images/lc33.png) no-repeat center;
}

.lc_bg .lc .lc_box ul li.c4:hover span{
    background: url(../images/lc44.png) no-repeat center;
}

.lc_bg .lc .lc_box ul li.c5:hover span{
    background: url(../images/lc55.png) no-repeat center;
}

.lc_bg .lc .lc_box ul li.c6:hover span{
    background: url(../images/lc66.png) no-repeat center;
}


/*news*/

.news_bg{
    width: 100%;
    height: 870px;
    margin: 0px auto 0 auto;
    background: url(../images/news_bg.jpg) no-repeat center;
}

.news_bg .news{
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px;
}

.news_bg .news .news_t{
    overflow: hidden;
}

.news_bg .news .news_t .title{
    float: left;
}

.news_bg .news .news_t .news_list{
    float: right;
    height: 50px;
    margin-top: 20px;
}

.news_bg .news .news_t .news_list ul li{
    float: left;
    width: 180px;
    height: 50px;
    line-height: 50px;
    background: #4a4a4a;
    margin-left: 20px;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.news_bg .news .news_t .news_list ul li a{
    display: block;
    padding-left: 47px;
    font-size: 16px;
    color: #fff;
    background: url(../images/buttom1.png) no-repeat 130px center;
}

.news_bg .news .news_t .news_list ul li.casehover{
    background: #278ccb;
}

.news_bg .news .news_box{
    margin: 40px auto 0 auto;
    height: 460px;
}

.news_bg .news .news_box .news_l{
    float: left;
    width: 810px;
}

.news_bg .news .news_box .news_l .news_show{
    float: left;
    width: 430px;
    height: 460px;
    background: #fff;
}

.news_bg .news .news_box .news_l .news_show .news_img{
    width: 390px;
    height: 240px;
    margin: 20px 20px  0 20px;

}
.news_bg .news .news_box .news_l .news_show .news_img img{
    width: 390px;
    height: 240px;

}

.news_bg .news .news_box .news_l .news_show .txt{
    margin: 25px auto 0 auto;
    width: 390px;
}

.news_bg .news .news_box .news_l .news_show .txt a{
    font-size: 16px;
    color: #545454;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.news_bg .news .news_box .news_l .news_show .txt p{
    font-size: 14px;
    color: #8b8b8b;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin: 10px 0 20px 0;
}

.news_bg .news .news_box .news_l .news_show .txt span{
    display: block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    background: #e7eaec;
    font-size: 14px;
    color: #8b8b8b;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.news_bg .news .news_box .news_l .news_show:hover .txt span{
    color: #fff;
    background: #278ccb;
}


.news_bg .news .news_box .news_l .news_c{
    float: right;
    width: 360px;
}

.news_bg .news .news_box .news_l .news_c ul li{
    width: 310px;
    height: 195px;
    background: #fff;
    padding: 25px 25px 0 25px;
    margin-bottom: 20px;
}

.news_bg .news .news_box .news_l .news_c ul li .txt{
    height: 100px;
    border-bottom: 1px solid #ebebeb;
}

.news_bg .news .news_box .news_l .news_c ul li .txt a{
    font-size: 16px;
    color: #545454;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.news_bg .news .news_box .news_l .news_c ul li:hover .txt a{
    color: #278ccb;

}

.news_bg .news .news_box .news_l .news_c ul li .txt p{
    font-size: 14px;
    color: #8b8b8b;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin-top: 10px;
}

.news_bg .news .news_box .news_l .news_c ul li .time{
    margin-top: 10px;

}

.news_bg .news .news_box .news_l .news_c ul li .time .time_l{
    float: left;
}

.news_bg .news .news_box .news_l .news_c ul li .time .time_l span{
    display: block;
    font-size: 30px;
    color: #545454;
    font-weight: bold;
}

.news_bg .news .news_box .news_l .news_c ul li .time .time_l p{
    font-size: 14px;
    color: #8b8b8b;
}

.news_bg .news .news_box .news_l .news_c ul li .time .more{
    float: right;
    width: 26px;
    height: 26px;
    margin-top: 30px;
} 

.news_bg .news .news_box .news_r{
    float: right;
    width: 370px;
}

.news_bg .news .news_box .news_r ul li{
    width: 370px;
    height: 100px;
    background: #fff;
    margin-bottom: 20px;
}

.news_bg .news .news_box .news_r ul li .time{
    float: left;
    margin-left: 20px;
}

.news_bg .news .news_box .news_r ul li .time span{
    display: block;
    font-size: 30px;
    color: #545454;
    font-weight: bold;
    margin-top: 5px;
}

.news_bg .news .news_box .news_r ul li .time i{
    display: block;
    width: 33px;
    height: 1px;
    background: #ebebeb;
    margin-top: 3px;

}

.news_bg .news .news_box .news_r ul li .time p{
    font-size: 14px;
    color: #8b8b8b;
    margin-top: 10px;
}

.news_bg .news .news_box .news_r ul li .txt{
    float: right;
    width: 225px;
    margin-right: 45px;

}

.news_bg .news .news_box .news_r ul li .txt a{
    font-size: 16px;
    color: #545454;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin: 20px 0 10px 0;
}

.news_bg .news .news_box .news_r ul li .txt p{
    font-size: 14px;
    color: #8b8b8b;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.news_bg .news .news_box .news_r ul li:hover .txt a{
    color: #278ccb;
}


/*message*/

.message{
    width: 1200px;
    margin: 45px auto 0 auto;
}

.message  .m_l{
    float: left;
    width: 760px;
}

.message  .m_l .m_nr{
    height: 50px;
    margin: 25px 0 30px 0;
}

.message  .m_l .m_nr .form-group1{
    width: 238px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #81bbe0;
    border-radius: 5px;
    margin-right: 20px;
    float: left;

}

.message  .m_l .m_nr .form-group1 input{
    width: 238px;
    height: 48px;
    background:  url(../images/m1.png) no-repeat 10px center;
    text-indent: 37px;
    font-size: 14px;
    color: #fff;
}

.message  .m_l .m_nr .form-group2{
    width: 238px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #81bbe0;
    border-radius: 5px;
    margin-right: 20px;
    float: left;
}

.message  .m_l .m_nr .form-group2 input{
    width: 238px;
    height: 48px;
    background:  url(../images/m2.png) no-repeat 10px center;
    text-indent: 37px;
    font-size: 14px;
    color: #fff;
}


.message  .m_l .m_nr .form-group4{
    width: 238px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #81bbe0;
    border-radius: 5px;
    float: right;

}

.message  .m_l .m_nr .form-group4 input{
    width: 138px;
    height: 48px;
    background: none;
    text-indent: 9px;
    font-size: 14px;
    color: #fff;
    float: left;
}

.message  .m_l .m_nr .form-group4 .imgcode{
    float: right;
    width: 91px;
    height: 36px;
    margin: 6px 3px 0 0;
}

.message  .m_l .form-group3{
    width: 498px;
    height: 48px;
    line-height: 48px;
    border: 1px solid #81bbe0;
    border-radius: 5px;
    float: left;

}

.message  .m_l .form-group3 textarea{
    width: 461px;
    height: 35px;
    background:  url(../images/m3.png) no-repeat 10px center;
    font-size: 14px;
    color: #fff;
    padding: 13px 0 0 37px;
}

.message  .m_l .anniu{
    float: right;
    width: 240px;
    height: 50px;
}

.message  .m_l .anniu button{
    cursor: pointer;
    border: none;
    width: 240px;
    height: 50px;
    background: #fff;
    border-radius: 5px;
    font-size: 14px;
    color: #278ccb;
}


.message  .m_r{
    float: right;
    font-size: 16px;
    color: #545454;
    padding-left: 60px;
    background:  url(../images/tel.png) no-repeat left  32px;
    margin-top: 65px;
} 

.message  .m_r p{
    text-transform: uppercase;
    font-size: 24px;
    color: #278ccb;
    margin-top: 5px;
}



/*links*/

.links{
    width: 1200px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #cccccc;
    margin: 55px auto 0 auto;
}

.links h3{
    float: left;
    font-size: 20px;
    color: #278ccb;
    font-weight: bold;
    padding-left: 40px;
    background:  url(../images/links.png) no-repeat left  center;
}

.links .yq{
    float: right;
    width: 1060px;
    font-size: 14px;
    color: #8b8b8b;
}

.links .yq a{
    font-size: 14px;
    color: #8b8b8b;
    margin: 0 5px;

}