/*-----------------------------------------------------------*/

/*copyright by 动力无限  www.btoe.cn*/

/*邮箱 btoe@btoe.cn*/

/*合作电话 400-0599-360*/

/*版权所有违者必究*/

/*-----------------------------------------------------------*/



/*banner*/



.fullSlide {

    width: 100%;

    position: relative;

    height: 600px;

    background: #FFF;

    overflow: hidden;

  }

  

  .fullSlide .bd {

    height: 600px;

    margin: 0 auto;

    position: relative;

    z-index: 1;

    overflow: hidden;

  }

  

  .fullSlide .bd ul {

    width: 100% !important;

  }

  

  .fullSlide .bd li {

    width: 100% !important;

    height: 600px;

    overflow: hidden;

    text-align: center;

    position: relative;

  }

  

  .fullSlide .bd li a {

    display: block;

    height: 600px;

  }



  .fullSlide .bd li h5{

      position: absolute;

      left: 0;

      top: 185px;

      z-index: 5;

      width: 100%;

      font-size: 54px;

      color: #cb0000;

      font-weight: bold;

      text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;

  }



  .fullSlide .bd li h5 i{

    opacity: 0;

    font-size: 54px;

    color: #cb0000;

    font-weight: bold;

    display: inline-block;

  }



  .fullSlide .bd li p i{

      opacity: 0;

      display: inline-block;

  }



  .fullSlide .bd li span i{

    opacity: 0;

    display: inline-block;

}





  @keyframes msClock {

    0% {

        transform: scale(0.8);

        opacity: 0;

    }

    to {

        transform: scale(1);

    opacity: 1;

    }

}



.fadeInUp{

    animation: msClock 0.8s linear ;

    animation-fill-mode: forwards;

    -webkit-animation-name: msClock;

    animation-name: msClock;

    animation-fill-mode: forwards;

    animation-duration: 0.8s;

}





  .fullSlide .bd li p{

    position: absolute;

    left: 0;

    top: 295px;

    z-index: 5;

    width: 100%;

    font-size: 40px;

    color: #cb0000;

    font-weight: bold;

    text-shadow: #fff 2px 0 0, #fff 0 2px 0, #fff -2px 0 0, #fff 0 -2px 0;

  }



  .fullSlide .bd li:nth-child(1) h5{

      text-align: center;

}



.fullSlide .bd li:nth-child(1)  p{

    text-align: center;

    letter-spacing: 2px;

}



.fullSlide .bd li:nth-child(2) h5{

    position: absolute;

    left: 18%;

    width: 70%;

    top: 180px;

    text-align: left;

}



.fullSlide .bd li:nth-child(2) h5 em{

    font-size: 34px;

    color: #fff;

    font-weight: normal;

    text-transform: uppercase;

    text-shadow:none;

}



.fullSlide .bd li:nth-child(2) h5 em i{

    font-size: 34px;

    color: #333;

    font-weight: normal;

    text-transform: uppercase;

    text-shadow:none;



  }



  .fullSlide .bd li:nth-child(2)  p.nr1{

    position: absolute;

    left: 18%;

    width: 70%;

    top: 280px;

    text-align: left;

    font-size: 30px;

    font-weight: normal;

  }



  .fullSlide .bd li:nth-child(2)  p.nr2{

    position: absolute;

    left: 18%;

    width: 70%;

    top: 330px;

    text-align: left;

    font-size: 30px;

    font-weight: normal;

  }



  .fullSlide .bd li:nth-child(2)  p.nr3{

    font-size: 30px;

    position: absolute;

    left: 18%;

    width: 70%;

    top: 380px;

    text-align: left;

    font-weight: normal;

  }



  .fullSlide .bd li:nth-child(3) b{

      display: block;

      position: absolute;

      left: 18%;

      top: 395px;

      width: 47px;

      height: 5px;

      background: #cb0000;

  }



  .fullSlide .bd li:nth-child(3) h5{

    position: absolute;

    left: 18%;

    width: 70%;

    top: 170px;

    text-align: left;

    letter-spacing: 3px;

}



.fullSlide .bd li:nth-child(3) h5 em{

    font-size: 34px;

    color: #333;

    font-weight: normal;

    text-transform: uppercase;

    text-shadow:none;

    letter-spacing: 0px;

}



.fullSlide .bd li:nth-child(3) h5 em i{

    font-size: 34px;

    color: #333;

    font-weight: normal;

    text-transform: uppercase;

    text-shadow:none;



  }



.fullSlide .bd li:nth-child(3)  p{

  position: absolute;

  left: 18%;

  width: 70%;

  top: 275px;

  text-align: left;

  letter-spacing: 4px;

}





  .fullSlide .hd {

    width: 100%;

    position: absolute;

    z-index: 2;

    bottom: 40px;

    left: 0;

    height: 30px;

    text-align: center;

  }

  

  .fullSlide .hd ul {

    text-align: center;

  }

  

  .fullSlide .hd ul li {

    cursor: pointer;

    display: inline-block;

    zoom: 1;

    width: 10px;

    height: 10px;

    margin: 7px;

    border: 2px solid #fff;

    overflow: hidden;

    line-height: 99px;

    border-radius: 50%;

    -webkit-transition: all .3s ease-out;

    transition: all .3s ease-out;

  }

  

  .fullSlide .hd ul .on {

    width: 10px;

    background: #cb0000;

    border: 2px solid #cb0000;

    border-radius: 50%;

    -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%;

}









/*notice*/



.notice_box{

    position: relative;

    z-index: 5;

    margin: -44px auto 0 auto;

    width: 1280px;

    padding: 5px 40px;

    height: 78px;

    background: #fff;

    border-radius: 45px;

    -webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .06);

    box-shadow: 0 0 8px 6px rgba(0, 0, 0, .06);

}



.notice_box .notice{

    float: left;

    line-height: 78px;

    height: 78px;

    overflow: hidden;

    width: 610px;

}



.notice_box .notice h3{

    float: left;

    width: 150px;

}



.notice_box .notice h3 a{

    padding-left: 47px;

    font-size: 16px;

    color: #444;

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

    display: block;

}



.notice_box .notice .bd{

    float: right;

    width: 450px;

}



.notice_box .notice .bd ul li{

    width: 450px;

    height: 78px;

    line-height: 78px;

}



.notice_box .notice .bd ul li a{

    float: left;

    width: 350px;

    font-size: 14px;

    color: #666;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

}



.notice_box .notice .bd ul li span{

    float: right;

    font-size: 14px;

    color: #666;

}



.notice_box .tel{

    float: right;

    padding-left: 45px;

    font-size: 14px;

    color: #666;

    line-height: 88px;

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

} 



.notice_box .tel span{

    font-size: 26px;

    color: #444;

    font-weight: bold;

}





/*about*/



.page_box{

    width: 100%;

    margin:0 auto;

    background: #f5f6f9;

    overflow: hidden;

    position: relative;

    top: -54px;

    padding-bottom: 60px;

}





.about{

    margin: 100px auto 0 auto;

    height: 336px;

    width: 1280px;

    padding: 40px 40px 0 40px;

    background: #fff;



}



.about .fc{

    float: left;

    width: 362px;

    height: 296px;

    position: relative;

}



.about .fc .bd{

    width: 362px;

    height: 296px;

    overflow: hidden;

}



.about .fc .bd ul li{

    float: left;

    width: 362px;

    height: 296px;

    position: relative;

}



.about .fc .bd ul li .pic{

    width: 362px;

    height: 296px;

    position: relative;

}



.about .fc .bd ul li .pic img{

    width: 362px;

    height: 296px;

}



.about .fc .bd ul li .txt{

    position: absolute;

    left: 0;

    bottom: 0;

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

    width: 362px;

    height: 52px;

    line-height: 52px;

} 



.about .fc .bd ul li .txt a{

    font-size: 14px;

    color: #fff;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

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

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

    transition: all 0.5s ease-out;

    margin-left: 15px;

    width: 200px;

}



.about .fc .hd{

    position: absolute;

    right: 18px;

    bottom: 17px;

    z-index: 5;

}  



.about .fc .hd ul li{

    float: left;

    width: 18px;

    height: 18px;

    line-height: 18px;

    text-align: center;

    border-radius: 50%;

    border: 1px solid #fff;

    font-size: 14px;

    color: #fff;

    margin-left: 10px;

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

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

    transition: all 0.5s ease-out;

}



.about .fc .hd ul li.on{

    background: #cb0000;

    border: 1px solid #cb0000;

}



.about .ab_c{

    float: left;

    margin-left: 28px;

    width: 586px;

} 



.about .ab_c .ab_t{

    width: 582px;

    height: 55px;

    line-height: 55px;

    background: #f5f6f9;

    border-left: 4px solid #cb0000;



}



.about .ab_c .ab_t h5{

    margin-left: 15px;

    font-size: 18px;

    color: #444444;

    float: left;



}



.about .ab_c .ab_t h5 i{

    font-size: 14px;

    color: #999999;

    margin-left: 10px;



}



.about .ab_c .ab_t .more{

    float: right;

    font-size: 14px;

    color: #cb0000;

    text-transform: uppercase;

    margin-right: 20px;

}



.about .ab_c .ab_box{

    margin: 25px auto 0 auto;



} 



.about .ab_c .ab_box .ab_img{

    float: left;

    width: 216px;

    height: 216px;

}



.about .ab_c .ab_box .ab_img img{

    width: 216px;

    height: 216px;

}



.about .ab_c .ab_box .txt{

    float: right;

    width: 350px;

} 



.about .ab_c .ab_box .txt a{

    font-size: 22px;

    color: #cb0000;

    display: block;

    margin: 13px 0 17px 0;

}



.about .ab_c .ab_box .txt p{

    font-size: 14px;

    color: #666666;

    line-height: 28px;

    height: 140px;

    overflow: hidden;

}



.about .ab_r{

    float: right;

    width: 280px;

}



.about .ab_r .rz_t{

    width: 276px;

    height: 55px;

    line-height: 55px;

    background: #f5f6f9;

    border-left: 4px solid #cb0000;

}



.about .ab_r .rz_t a{

    font-size: 18px;

    color: #444444;

    text-align: center;

    display: block;



}



.about .ab_r .rz_t a i{

    font-size: 14px;

    color: #999999;

    margin-left: 10px;



}



.about .ab_r .rz_box{

    margin: 20px 0 0 15px;



} 



.about .ab_r .rz_box ul li{

    width: 120px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    margin: 0 10px 13px 0;

    border-radius: 25px;

    border: 1px solid #dcdcdc;

    float: left;

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

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

    transition: all 0.5s ease-out;

}



.about .ab_r .rz_box ul li a{

    font-size: 14px;

    color: #666;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

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

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

    transition: all 0.5s ease-out;

}



.about .ab_r .rz_box ul li:hover{

    border: 1px solid #cb0000;

    background: #cb0000;

}



.about .ab_r .rz_box ul li:hover a{

    color: #fff;

}





/*product*/





.product{

    margin: 40px auto 0 auto;

    height: 565px;

    width: 1280px;

    padding: 40px 40px 0 40px;

    background: #fff;



}



.product .pro_l{

    float: left;

    width: 976px;

    height: 325px;

    position: relative;

}



.product .pro_l .pro_t{

    width: 972px;

    height: 55px;

    line-height: 55px;

    background: #f5f6f9;

    border-left: 4px solid #cb0000;

}



.product .pro_l .pro_t h5{

    margin-left: 15px;

    font-size: 18px;

    color: #444444;

    float: left;



}



.product .pro_l .pro_t h5 i{

    font-size: 14px;

    color: #999999;

    margin-left: 10px;



}



.product .pro_l .pro_t .more{

    float: right;

    font-size: 14px;

    color: #cb0000;

    text-transform: uppercase;

    margin-right: 20px;

}



.product .pro_l .pro_box{

    width: 974px;

    height: 268px;

    border: 1px solid #f0f1f5;

}



.product .pro_l .pro_box .bd{

    margin: 25px auto 0 auto;

}



.product .pro_l .pro_box .bd ul li{

    float: left;

    width: 226px;

    margin: 0 6px 0 10px;

}



.product .pro_l .pro_box .bd ul li .pic{

    width: 226px;

    height: 180px;



}



.product .pro_l .pro_box .bd ul li .pic img{

    width: 226px;

    height: 180px;

}



.product .pro_l .pro_box .bd ul li .txt{

    text-align: center;

    margin: 20px auto 0 auto;



} 



.product .pro_l .pro_box .bd ul li .txt a{

    font-size: 14px;

    color: #444;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

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

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

    transition: all 0.5s ease-out;

}



.product .pro_l .pro_box .bd ul li:hover .txt a{

    color: #cb0000;

}



.product .message{

    float: right;

    width: 280px;

}

 

.product .message .m_t{

    width: 276px;

    height: 55px;

    line-height: 55px;

    background: #f5f6f9;

    border-left: 4px solid #cb0000;

}



.product .message .m_t h5{

    font-size: 18px;

    color: #444444;

    text-align: center;

    display: block;



}



.product .message .m_t h5 i{

    font-size: 14px;

    color: #999999;

    margin-left: 10px;



}



.product .message .m_nr{

    width: 278px;

    height: 268px;

    border: 1px solid #f0f1f5;



}



.product .message .m_nr .form-group1{

    width: 256px;

    height: 42px;

    background: #f5f6f9;

    margin: 23px auto 19px auto;

}



.product .message .m_nr .form-group1 input{

    width: 256px;

    height: 42px;

    background: url(../images/m1.png) no-repeat 10px center;

    font-size: 14px;

    color: #999999;

    text-indent: 30px;

}



.product .message .m_nr .form-group2{

    width: 256px;

    height: 42px;

    background: #f5f6f9;

    margin: 0px auto 19px auto;

}



.product .message .m_nr .form-group2 input{

    width: 256px;

    height: 42px;

    background: url(../images/m2.png) no-repeat 10px center;

    font-size: 14px;

    color: #999999;

    text-indent: 30px;

}



.product .message .m_nr .form-group3{

    width: 256px;

    height: 42px;

    background: #f5f6f9;

    margin: 0px auto 19px auto;

}



.product .message .m_nr .form-group3 textarea{

    width: 226px;

    height: 30px;

    background: url(../images/m3.png) no-repeat 10px 16px;

    font-size: 14px;

    color: #999999;

    padding: 12px 0 0 30px;

}



.product .message .anniu{

    width: 40px;

    height: 40px;

    margin: 0 auto;



}



.product .message .anniu button{

    border: none;

    cursor: pointer;

    width: 40px;

    height: 40px;

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

}



.banner_1{

    margin: 35px auto 0 auto;

    width: 1280px;

    height: 164px;

}





/*news*/





.news{

    margin: 40px auto 0 auto;

    height: 741px;

    width: 1280px;

    padding: 40px 40px 0 40px;

    background: #fff;



}



.news .news_l{

    float: left;

    width: 1000px;

    position: relative;

}



.news .news_l .news_box{

    width: 476px;

    float: left;

    margin: 0 20px 30px 0;



}



.news .news_l .news_box .news_t{

    width: 476px;

    height: 55px;

    line-height: 55px;

    background: #f5f6f9;

}



.news .news_l .news_box .news_t h5{

    float: left;

    width: 108px;

    height: 55px;

    background: #cb0000;

    text-align: center;

    font-size: 18px;

    color: #fff;



}



.news .news_l .news_box .news_t .more{

    float: right;

    font-size: 14px;

    color: #cb0000;

    text-transform: uppercase;

    margin-right: 20px;

}



.news .news_l .news_box .news_nr{

    width: 474px;

    height: 278px;

    border: 1px solid #f0f1f5;



} 



.news .news_l .news_box .news_nr ul{

    margin: 7px auto 0 auto;

}



.news .news_l .news_box .news_nr ul li{

    width: 436px;

    height: 53px;

    line-height: 53px;

    border-bottom: 1px solid #e1e2e6;

    margin: 0 auto;



}



.news .news_l .news_box .news_nr ul li a{

    float: left;

    width: 330px;

    font-size: 14px;

    color: #444444;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

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

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

    transition: all 0.5s ease-out;

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

    padding-left: 20px;

}



.news .news_l .news_box .news_nr ul li span{

    float: right;

    font-size: 13px;

    color: #999999;

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

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

    transition: all 0.5s ease-out;

}



.news .news_l .news_box .news_nr ul li:last-child{

    border-bottom: none;

}



.news .news_l .news_box .news_nr ul li:hover a{

    color: #cb0000;

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

}



.news .news_l .news_box .news_nr ul li:hover span{

    color: #cb0000;

}



.news .news_r{

    float: right;

    width: 280px;

} 



.news .news_r ul li{

    width: 280px;

    height: 118px;

    position: relative;

    margin-bottom: 29px;



}



.news .news_r ul li .pic{

    width: 280px;

    height: 118px;

    position: relative;

}



.news .news_r ul li .pic img{

    width: 280px;

    height: 118px;

}



.news .news_r ul li .txt{

    position: absolute;

    right: 15px;

    bottom: 45px;



} 



.news .news_r ul li .txt a{

    font-size: 26px;

    color: #fff;

    font-weight: bold;

    text-shadow:#999 2px 2px 8px;

}



/*honor*/





.honor_bg{

    margin: 40px auto 0 auto;

    height: 354px;

    width: 1280px;

    padding: 40px 40px 0 40px;

    background: #fff;



}



.honor_bg .honor{

    height: 311px;

    width: 1278px;

    border: 1px solid #f0f1f5;

}



.honor_bg .honor .honor_list{

    width: 1278px;

    height: 55px;

    line-height: 55px;

    background: #f5f6f9;

    position: relative;

}



.honor_bg .honor .honor_list ul li{

    float: left;

}



.honor_bg .honor .honor_list ul li h5{

    float: left;

    width: 127px;

    height: 55px;

    font-size: 18px;

    color: #444;

    text-align: center;

    position: relative;

}



.honor_bg .honor .honor_list ul li.casehover h5{

    background: #fff;

}



.honor_bg .honor .honor_list ul li h5::after{

    position: absolute;

    left: 0;

    top: 0;

    width: 0px;

    height: 4px;

    background: #cb0000;

    content: "";

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

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

    transition: all 0.5s ease-out;

}



.honor_bg .honor .honor_list ul li.casehover h5::after{

    width: 127px;

}



.honor_bg .honor .honor_list ul li .more{

    position: absolute;

    right: 17px;

    top: 0px;

    font-size: 14px;

    color: #cb0000;

    text-transform: uppercase;

    display: none;

}



.honor_bg .honor .honor_list ul li.casehover .more{

    display: block;

}



.honor_bg .honor .honor_box{

    margin: 30px auto 0 auto;

}



.honor_bg .honor .honor_box .honor_nr{

    margin: 0 auto;

    width: 1278px;

}



.honor_bg .honor .honor_box .honor_nr .bd{

    margin: 0 auto;

    width: 1278px;

}



.honor_bg .honor .honor_box ul li{

    float: left;

    width: 240px;

    margin: 0 7px;



}



.honor_bg .honor .honor_box ul li .pic{

    width: 238px;

    height: 168px;

    border: 1px solid #d2d2d2;



}



.honor_bg .honor .honor_box ul li .pic a{

    display: block;

    width: 220px;

    height: 150px;

    margin: 9px;

    overflow: hidden;

}



.honor_bg .honor .honor_box ul li .pic img{

    width: 220px;

    height: 150px;

    overflow: hidden;

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

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

    transition: all 0.5s ease-out;

}



.honor_bg .honor .honor_box ul li:hover .pic img{

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.honor_bg .honor .honor_box ul li .txt{

    height: 40px;

    line-height: 40px;

    text-align: center;



} 



.honor_bg .honor .honor_box ul li .txt a{

    font-size: 14px;

    color: #444;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    display: block;

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

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

    transition: all 0.5s ease-out;

}



.honor_bg .honor .honor_box ul li:hover .txt a{

    color: #cb0000;

}





/*links*/



.links_bg{

    width: 100%;

    margin: -54px auto 0 auto;

    height: 66px;

    background: #cb0000;



}



.links_bg .links{

    width: 1280px;

    margin: 0 auto;

}



.links_bg .links .links_t{

    float: left;

    width: 172px;

    height: 56px;

    margin-top: 5px;

    margin-left: -40px;

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

}



.links_bg .links .links_t span{

    display: block;

    font-size: 16px;

    color: #fff;

    font-weight: bold;

    margin: 12px 0 0 65px;

}



.links_bg .links .yq{

    float: right;

    width: 1125px;

} 



.links_bg .links .yq a{

    font-size: 14px;

    color: #fff;

    margin-right: 15px;

    line-height: 66px;

}