/*首页banner*/

.pics_wrap {

    width: 100%;

    height: auto;

    overflow: hidden;

}



.html5zoo-img-0 img {

    width: 100%;

}



.html5zoo-arrow-left-0 {

    left: 10% !important;

}



.html5zoo-arrow-right-0 {

    right: 10% !important;

}



.html5zoo-bullet-wrapper-0 div {

    margin: 0 4px !important;

}



.html5zoo-nav-0 {

    margin-top: -35px !important;

    left: 48% !important;

}



.html5zoo-bullet-wrapper-0 {

    width: 100% !important;

}



.banner {

    width: 1000px;

    margin: 0 auto;

    position: relative;

    height: 325px;

    margin-top: 8px;

}



.banner ul.bb {

    position: relative;

    padding: 0px;

    margin: 0px;

    z-index: 5;

}



.banner ul.bb li {

    position: absolute;

    display: none;

}



.banner .num {

    position: absolute;

    right: 2px;

    bottom: 10px;

    z-index: 100;

}



.banner .num li {

    width: 18px;

    height: 18px;

    display: inline-block;

    margin-right: 4px;

    background: #fff;

    line-height: 18px;

    text-indent: -100px;

    overflow: hidden;

    border-radius: 10px;

}



.banner .num li.num_hover {

    background-color: #f7de07;

}



.banner .num li.num_hover a {

    color: #fff;

}



.banner .num li a {

    float: left;

    display: block;

    text-align: center;

    color: #666;

    text-decoration: none;

    cursor: pointer;

    width: 18px;

    height: 18px;

    line-height: 18px;

}



#bannerArrow,

#bannerCircle {

    display: none;

}



/*幻灯片样式2*/

#focus {

    width: 255px;

    height: 188px;

    overflow: hidden;

    position: relative;

}



#focus ul {

    height: 188px;

    position: absolute;

}



#focus ul li {

    float: left;

    width: 255px;

    height: 188px;

    overflow: hidden;

    position: relative;

    background: #000;

}



#focus ul li a img {

    height: 188px;

    width: 255px;

}



#focus ul li div {

    position: absolute;

    overflow: hidden;

}



#focus .btnBg {

    position: absolute;

    width: 255px;

    height: 20px;

    left: 0;

    bottom: 0;

    background: #000;

}



#focus .btn {

    position: absolute;

    width: 255px;

    height: 10px;

    padding: 5px 10px;

    right: 0;

    bottom: 0;

    text-align: right;

}



#focus .btn span {

    display: inline-block;

    _display: inline;

    _zoom: 1;

    width: 25px;

    height: 10px;

    _font-size: 0;

    margin-left: 5px;

    cursor: pointer;

    background: #fff;

}



#focus .btn span.on {

    background: #fff;

}





/*title*/



.title{

    width: 1200px;

    margin: 0 auto;

    text-align: center;

}



.title h3{

font-size: 30px;

font-weight: bold;

color: #555;

}





.title span{

    font-size: 12px;

    font-weight: normal;

    color: #999;  

    display: block;

    text-transform: uppercase;

    background: url(../images/title.png) no-repeat center;

    margin: 5px 0 6px 0;

}





.title p{

    font-size: 14px;

    font-weight: normal;

    color: #777;  

}





/*te*/





.te{

    width: 1200px;

    height: 462px;

    margin: 0px auto 0 auto;

    background: #fff url(../images/te_bg.jpg) no-repeat center;

}



.te .title{

    padding-top: 60px;

}





.te .te_box{

    margin-top: 30px;

    position: relative;

    width: 1200px;

}



.te .te_box ul li{

width: 300px;

float: left;

margin: 0px;

position: relative;

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

}





.te .te_box ul li  .txt{

    margin-top: 30px;

    text-align: center;

}



.te .te_box ul li  .txt h5{

   color: #555;

   font-size: 20px;

   text-align: center;

   font-weight: bold;

}



.te .te_box ul li  .txt span{

    display: block;

    width: 40px;

    height: 1px;

    background: #999;

    margin: 20px auto;

}



.te .te_box ul li  .txt h6{

    color: #555;

    font-size: 16px;

}

.te .te_box ul li  .txt p{

    color: #bbbbbb;

    font-size: 12px;

    line-height: 20px;

    margin-top: 10px;

    text-transform: uppercase;



 }



 .te .te_box ul li:hover .te_list1{

    background: url(../images/te_list1.png) no-repeat center;



 }



 .te .te_box ul li:hover .te_list .te_img  {

    top:-83px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;



 }



 .te .te_box ul li:hover h5{

     color: #c90000;

 }



 .te .te_box ul li:hover h6{

    color: #c90000;

}



.te .te_box ul li:hover p{

    color: #c90000;

}



.te .te_box ul li:hover span{

    background: #c90000;

}







.te .te_box ul li .te_list {

    display: block;

    width: 99px;

    height: 83px;

    overflow: hidden;

    transition-duration: 0.7s;

    margin:0 auto;

  }

  



  .te .te_box ul li .te_list .te_img {

    display: block;

    position: relative;

    transition: 0.7s;

    font-size: 0;

  }

  

  .te .te_box ul li .te_list .te_img i{

    display: block;

    width: 99px;

    height: 83px;

    text-align: center;

    line-height: 83px;

    margin: 0 auto;

  }

  .te .te_box ul li .te_list .te_img i img{

    vertical-align: middle;

    display: inline-block;

    width: 99px;

    height: 83px;

  }

  .te .te_box ul li .te_list .te_img i:before{

    /* 辅助ie8图片居中 */

    content: '';

    height: 83px;

    width: 1px;

    font-size: 0;

  }

  

  

  .te .te_box ul li .te_list .te_img {

    width: 100%;

    height: 200%;

    top:0;

  }

  .te .te_box ul li .te_list:hover .te_img {

    top:-85px;

  }







  /*product*/





.product{

    width: 1200px;

    margin: 50px auto 0 auto;

}



.product .pro_box{

    width: 1200px;

    margin: 30px auto 0 auto;

}



.product .pro_box .pro_l{

    width: 245px;

    float: left;

    background: #383838;



}



.product .pro_box .pro_l .pro_t{

    width: 245px;

    height: 97px;

    background: #c90000;

    text-align: center;

}



.product .pro_box .pro_l .pro_t h5{

    font-size: 24px;

    font-weight: normal;

    color: #fff;

    padding-top: 20px;

}



.product .pro_box .pro_l .pro_t span{

    font-size: 12px;

    font-weight: normal;

    color: #fff;

    display: block;

    text-transform: uppercase;

}



.product .pro_box .pro_l .pro_con{

    width: 245px;

    padding: 20px 0 0 0;

}



.product .pro_box .pro_l .pro_con ul li{

    width: 205px;

    height: 36px;

    line-height: 36px;

    background: url(../images/list.png) no-repeat left center;

    margin: 0px auto 15px auto;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    position: relative;

    z-index: 5;



}





.product .pro_box .pro_l .pro_con ul li a{

    font-size: 14px;

    color: #333;

    padding-left: 80px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;





}



.product .pro_box .pro_l .pro_con ul li span{

    width: 0;

    height: 36px;

    position: absolute;

    left: 0px;

    bottom: 0px;

    background: url(../images/list1.png) no-repeat left center;

    display: block;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

    z-index: -1;

}



.product .pro_box .pro_l .pro_con ul li:hover span{

    width: 100%;

}



.product .pro_box .pro_l .pro_con ul li:hover a{

    color: #fff;

}



.product .pro_box .pro_l .ewm{

    width: 150px;

    height: 150px;

    margin: 10px auto 20px  auto;

}



.product .pro_box .pro_l .ewm img{

    width: 150px;

    height: 150px;

    display: block;

}



.product .tab{

    width: 930px;

    float: right;

} 



.product .tab ul li{

    width: 285px;

    float: left;

    margin: 0 0 15px 15px;

    position: relative;

}



.product .tab ul li img{

    width: 283px;

    height: 218px;

    border: 1px solid #e5e5e5;

}



.product .tab ul li p a{

    font-size: 14px;

    color: #555;

    line-height: 40px;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

}



.product .tab ul li i{

    width: 0;

    height: 1px;

    position: absolute;

    left: 0px;

    bottom: 0px;

    background: #c90000;

    display: block;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.product .tab ul li:hover i{

    width: 100%;

}



.product .tab ul li:hover p a{

    color: #c90000;

}







  /*ys*/

  

  .ys_bg{

      width: 100%;

      height: 1411px;

      margin: 60px auto 0 auto;

      background: url(../images/ys_bg.png) no-repeat center;

      position: relative;

      z-index: 5;

  }



  .ys_bg .ys{

      width: 1200px;

      margin: 0 auto;

  }



  .ys_bg .ys .ys_t{

      padding-top: 50px;

  }



  .ys_bg .ys .ys_t h3{

    font-size: 36px;

    color: #333;

    font-weight: bold;

  }



  .ys_bg .ys .ys_t span{

      color: #5d5d5d;

      font-size: 13px;

      display: block;

      text-transform: uppercase;

}



.ys_bg .ys .ys_box{

    margin: 40px auto 0 auto;



}



.ys_bg .ys .ys_box ul li{

    width: 1200px;

    margin: 0 auto;

    height: 280px;

}



.ys_bg .ys .ys_box ul li .txt{

    width: 500px;

    height: 230px;

    float: left;

    background: #c90000;

    padding: 50px 50px 0 50px;

}



.ys_bg .ys .ys_box ul li .ys_img{

    width: 600px;

    height: 280px;

    float: right;

}



.ys_bg .ys .ys_box ul li:nth-child(2) .txt{

    float: right;

    background: #444;

    padding: 50px 50px 0 50px;

}



.ys_bg .ys .ys_box ul li:nth-child(2) .txt span{

    background: #8e8e8e;

}



.ys_bg .ys .ys_box ul li:nth-child(3) .txt span{

    background: #8e8e8e;

}



.ys_bg .ys .ys_box ul li:nth-child(2) .ys_img{

    width: 600px;

    height: 280px;

    float: left;

}



.ys_bg .ys .ys_box ul li:nth-child(3) .txt{

    background: #444;

}



.ys_bg .ys .ys_box ul li:nth-child(4) .txt{

    float: right;

    padding: 50px 50px 0 50px;

}



.ys_bg .ys .ys_box ul li:nth-child(4) .ys_img{

    width: 600px;

    height: 280px;

    float: left;

}



.ys_bg .ys .ys_box ul li .txt h5{

    font-size: 24px;

    font-weight: bold;

    color: #fff;

}



.ys_bg .ys .ys_box ul li .txt span{

    width: 215px;

    height: 1px;

    background: #de6565;

    display: block;

    margin: 20px 0;

}



.ys_bg .ys .ys_box ul li .txt p{

    font-size: 14px;

    color: #fff;

    line-height: 36px;

}





/*message*/



.message {

    margin: 0px auto;

    width: 1200px;

    height: 70px;

    padding-top: 50px;



}



.message .mess_t {

    width: 200px;

    float: left;

}



.message .mess_t h3 {

    font-size: 24px;

    color: #444;

    font-weight: normal;

    background: url(../images/buttom3.png) no-repeat left center;

    padding-left: 70px;

    height: 63px;

}





.message .mess_t h3 span {

    font-size: 12px;

    color: #aaa;

    display: block;

    text-transform: uppercase;

    font-weight: normal;

}



.message .message_nr {

    float: right;

    width: 930px;

}



.message .message_nr {

    float: right;

    width: 930px;

}



.message .message_nr .nr_l {

    float: left;

}



.message .message_nr .nr_l .form-group {

    float: left;

    width: 200px;

    height: 44px;

    margin-right: 35px;

}



.message .message_nr .nr_l .form-group input {

    width: 190px;

    height: 44px;

    background: #fff;

    padding-left: 10px;

    font-size: 14px;

    color: #555;

    border: 1px solid #eee;

}



.message .message_nr .nr_l .form-group3 {

    float: left;

    width: 300px;

    height: 44px;

    margin-right: 20px;

}



.message .message_nr .nr_l .form-group3 textarea {

    width: 290px;

    height: 34px;

    background: #fff;

    padding-left: 10px;

    font-size: 14px;

    color: #555;

    padding-top: 10px;

    border: 1px solid #eee;

}



.message .message_nr .submit {

    float: right;

    width: 100px;

    height: 44px;

    background: #c90000;

}



.message .message_nr .submit button {

    width: 100px;

    height: 44px;

    background: #c90000;

    font-size: 20px;

    color: #fff;

    text-align: center;

    cursor: pointer;

    border: none;

}





/*case*/



.case_bg{

    width: 100%;

    margin: -50px auto 0 auto;

    background: url(../images/case_bg.jpg) no-repeat top center;

    height: 670px;

    position: relative;

    z-index: 1;

}



.case {

    width: 1200px;

    margin: 0 auto;

    padding-top: 100px;

}





.case_nr {

    width: 1200px;

    margin: 30px auto 0 auto;

    position: relative;

    height: 420px;

}



.case_nr ul li.c1 {

    float: left;

    width: 320px;

    height: 420px;

    margin-right: 20px;

    border: 1px solid #e5e5e5;

}



.case_nr ul li.c1 img {

    width: 320px;

    height: 420px;

}



.case_nr ul li.c2 {

    width: 250px;

    height: 197px;

    margin-right: 20px;

    position: absolute;

    left: 340px;

    top: 0;

    border: 1px solid #e5e5e5;

}



.case_nr ul li.c2 img {

    width: 250px;

    height: 197px;

}



.case_nr ul li.c3 {

    width: 250px;

    height: 197px;

    margin-right: 20px;

    position: absolute;

    left: 610px;

    top: 0;

    border: 1px solid #e5e5e5;

}



.case_nr ul li.c3 img {

    width: 250px;

    height: 197px;

}



.case_nr ul li.c4 {

    width: 250px;

    height: 197px;

    margin-right: 20px;

    position: absolute;

    left: 340px;

    bottom: 0;

    border: 1px solid #e5e5e5;

}



.case_nr ul li.c4 img {

    width: 250px;

    height: 197px;

}



.case_nr ul li.c5 {

    width: 250px;

    height: 197px;

    margin-right: 20px;

    position: absolute;

    left: 610px;

    bottom: 0;

    border: 1px solid #e5e5e5;

}



.case_nr ul li.c5 img {

    width: 250px;

    height: 197px;

}



.case_nr ul li.c6 {

    float: right;

    width: 320px;

    height: 420px;

    position: absolute;

    right: 0;

    top: 0;

    border: 1px solid #e5e5e5;

}



.case_nr ul li.c6 img {

    width: 320px;

    height: 420px;

}



.case_nr ul li p {

    width: 250px;

    height: 32px;

    line-height: 32px;

    background: url(../images/ico1.png) repeat center;

    left: 0;

    bottom: 0;

    position: absolute;

    transition: all 0.4s;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    -o-transition: all 0.4s;

}



.case_nr ul li p a {

    font-size: 14px;

    color: #fff;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

    padding: 0 5px;

}



.case_nr ul li.c1 p {

    width: 320px;

    height: 32px;

    line-height: 32px;

    background: url(../images/ico1.png) repeat center;

    left: 0;

    bottom: 0;

    position: absolute;

    transition: all 0.4s;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    -o-transition: all 0.4s;

}



.case_nr ul li.c6 p {

    width: 320px;

    height: 32px;

    line-height: 32px;

    background: url(../images/ico1.png) repeat center;

    left: 0;

    bottom: 0;

    position: absolute;

    transition: all 0.4s;

    -moz-transition: all 0.4s;

    -webkit-transition: all 0.4s;

    -o-transition: all 0.4s;

}



.case_nr ul li:hover p {

    background: #c90000;

}





  /*about*/



.ab_bg{

width: 100%;

margin: 60px auto 0 auto;

background: url(../images/ab_bg.jpg) no-repeat top center;

height: 500px;

position: relative;

z-index: 1;

}



.about {

    width: 1200px;

    margin: 0 auto;

    padding-top: 50px;

}



.about .ab_t h3 a{

    font-size: 30px;

    color: #fff;

    font-weight: bold;

    text-align: center;

    display: block;

}



.about p{

    font-size: 15px;

    color: #fff;

    line-height: 40px;

    height: 160px;

    overflow: hidden;

    text-align: center;

    margin-top: 20px;

}



.honor{

    width: 1160px;

    height: 310px;

    background: #c90000;

    margin: 60px auto 0 auto;

    padding: 20px 0 0 40px;



}



.honor  .honor_list{

    height: 40px;

}



.honor .honor_list ul li{

    float: left;

    margin-right: 30px;

}



.honor  .honor_list ul li a{

    font-size: 18px;

    color: #fff;  

    font-weight: bold;

    display: block;

    line-height: 40px;

}



.honor .honor_list ul li.casehover{

    border-bottom: 1px solid #fff;

}



.honor .honor_box{

    margin-top: 25px;

}



.honor  .honor_box ul li{

    width: 265px;

    float: left;

    margin: 0 25px 0 0px;

    position: relative;

}



.honor  .honor_box ul li img{

    width: 250px;

    height: 190px;

}



.honor  .honor_box ul li p a{

    font-size: 14px;

    color: #fff;

    text-align: center;

    line-height: 40px;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}



.honor .honor_box ul li span{

    position: absolute;

    width: 0;

    height: 1px;

    background: #fff;

    left: 0;

    bottom: 0;

    display: block;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.honor .honor_box ul li:hover span{

    width: 100%;

}









  /*news*/

    

.news {

    width: 1200px;

    margin: 60px auto 0 auto;

}





.news .news_box{

    width: 1200px;

    margin: 30px auto 0 auto;

}



.news .news_box .news_l{

    width: 580px;

    float: left;

}



.news .news_box .news_r{

    width: 580px;

    float: right;

}



.news .news_box .news_t h5 a{

    font-size: 18px;

    font-weight: bold;

    color: #404040;

}



.news .news_box ul{

    margin-top: 20px;

}



.news .news_box ul li{

    width: 560px;

    height: 120px;

    margin-bottom: 20px;

    background: #f1f1f1;

    padding: 10px;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out

}



.news .news_box ul li .news_img{

    width: 160px;

    height: 120px;

    float: left;

}



.news .news_box ul li .news_img img{

    width: 160px;

    height: 120px;

}





.news .news_box ul li .txt{

    width: 320px;

    height: 120px;

    float: left;

    margin-left: 30px;

}





.news .news_box ul li .txt h5 a{

    font-size: 16px;

    color: #444;

    font-weight: normal;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    margin: 15px 0 10px 0;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out

}



.news .news_box ul li .txt p{

    font-size: 14px;

    color: #555;

    line-height: 28px;

    height: 56px;

    overflow: hidden;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out

}



.news .news_box ul li:hover{

    background: #c90000;

}



.news .news_box ul li:hover h5 a{

    color: #fff;

}



.news .news_box ul li:hover p{

    color: #fff;

}





/* industry */

.industry {

    width: 1200px;

    height: 120px;

    margin: 40px auto 0 auto;

    position: relative;

}



.industry .industry_t {

    float: left;

    width: 120px;

    height: 120px;

}



.industry .industry_t h3 a {

    font-size: 18px;

    color: #555;

    font-weight: bold;

    display: block;

}



.industry .industry_t h3 span {

    font-size: 12px;

    color: #777777;

    font-weight: normal;

    display: block;

    text-transform: uppercase;

}



.industry-left {

    width: 1060px;

    margin: 0 auto;

    height: 120px;

    float: right;





}

.industry-left .bd {

    width: 1060px;

    margin: 0 auto;

    height: 120px;





}



.industry-left ul {

    width: 1060px;

    height: 120px;

    overflow: hidden;

}



.industry-left ul li {

    width: 445px;

    height: 100px;

    float: left;

    padding: 10px 30px;

    margin: 0 0px 0 25px;

    position: relative;

    background: #f1f1f1;

    -webkit-transition: all 0.5s ease-out;

    -o-transition: all 0.5s ease-out;

    transition: all 0.5s ease-out;

}



.industry-left ul li:hover{

    background: #c90000;

}



.industry-left ul li:hover .txt a{

    color: #fff;

}



.industry-left ul li:hover .txt p{

    color: #fff;

}





.industry-left ul li .txt a {

    font-size: 15px;

    color: #444;

    display: block;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    -o-text-overflow: ellipsis;

    line-height: 25px;

    margin-top: 10px;



}



.industry-left ul li .txt p {

    font-size: 13px;

    color: #555;

    line-height: 24px;

    height: 50px;

    overflow: hidden;

    margin-top: 10px;

}



.industry-left .prev {

    display: block;

    width: 35px;

    height: 18px;

    float: left;

    overflow: hidden;

    cursor: pointer;

    background: url(../images/left.png) no-repeat;

    position: absolute;

    bottom: 10px;

    left: 0px;

    z-index: 99;

}



.industry-left .next {

    display: block;

    width: 35px;

    height: 18px;

    float: right;

    overflow: hidden;

    cursor: pointer;

    background: url(../images/right.png) no-repeat;

    position: absolute;

    bottom: 10px;

    left: 35px;

    z-index: 99;

}





/* links */



.links_bg{

    width: 100%;

    margin: 50px auto 0 auto;

    height: 90px;

    background: #333;

}



.links_bg .links{

    width: 1200px;

    margin: 0 auto;

    height: 89px;

    line-height: 89px;

    border-bottom: 1px solid #3d3d3d;

}



.links h3 {

    float: left;

    font-size: 24px;

    color: #fff;

    font-weight: bold;



}



.links .yq {

    float: right;

    width: 1100px;

    overflow: hidden;

}



.links .yq a {

    font-size: 14px;

    color: #fff;

    margin: 0 15px;

}