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

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

/*邮箱 btoe@btoe.cn*/

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

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

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



/*banner*/

.fullSlide {

    width: 100%;

    position: relative;

    height: 770px;

    overflow: hidden;

  }

  

  .fullSlide .bd {

    height: 700px;

    margin: 0 auto;

    position: relative;

    z-index: 1;

    overflow: hidden;

  }

  

  .fullSlide .bd ul {

    width: 94% !important;

    margin-left: 6%;

  }

  

  .fullSlide .bd li {

    width: 100% !important;

    height: 700px;

    overflow: hidden;

    text-align: center;

    border-top-left-radius:55px;

  }

  

  .fullSlide .bd li a {

    display: block;

    height: 700px;

  }

  

  .fullSlide .hd {

    position: absolute;

    z-index: 2;

    bottom: 10px;

    left: 10%;

    height: 30px;

    text-align: center;

  }

  

  

  .fullSlide .hd ul li {

    cursor: pointer;

    display: inline-block;

    zoom: 1;

    width: 9px;

    height: 9px;

    margin: 0 12px;

    background: #e4e4e4;

    overflow: hidden;

    line-height: 99px;

    border-radius: 50%;

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

    transition: all .3s ease-out;

  }

  

  .fullSlide .hd ul .on {

    background: #1e5bdb;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

  }

  

  

  .fullSlide .next {

    width: 65px;

    height: 65px;

    position: absolute;

    top: 50%;

    z-index: 9;

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

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

    right: 4%;

  }

  

  .fullSlide .prev {

    width: 65px;

    height: 65px;

    position: absolute;

    top: 50%;

    z-index: 9;

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

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

    left: 4%;

  }



  .banner_box {

    width: 100%;

    position: relative;

    height: 770px;

    overflow: hidden;

  }



  .banner_box  .banner_nr{

      position: absolute;

      left: 2%;

      top: 275px;

      z-index: 5;

  }





  .banner_box  .banner_nr ul li{

      width: 53px;

      height: 53px;

      margin-bottom: 45px;

  }



  .banner_box  .tel_box{

      width: 1300px;

      margin: 0 auto;

      position: relative;



  } 



  .banner_box  .tel_box .tel{

      padding-left: 45px;

      font-size: 22px;

      color: #000000;

      font-weight: bold;

      font-family: Arial, Helvetica, sans-serif;

      position: absolute;

      z-index: 9;

      right: 0;

      bottom: 0;

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

  }









/*product*/



.pro_bg{

    width: 100%;

    margin: -70px auto 0 auto;

    height: 1178px;

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

}



.pro_bg .product{

    width: 1300px;

    margin: 0 auto;

    padding-top: 70px;

}



.pro_bg .product .pro_t{

    height: 180px;

}



.pro_bg .product .pro_t .title span img {

    margin-right: 18px;

}



.pro_bg .product .pro_t .pro_list{

    float: right;

    margin-top: 70px;

    position: relative;



}



.pro_bg .product .pro_t .pro_list ul li{

    float: left;

    height: 110px;

    line-height: 110px;

    text-align: center;

    width: 148px;

    position: relative;

}



.pro_bg .product .pro_t .pro_list ul li a{

    font-size: 16px;

    color: #333;

    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;

}





.pro_bg .product .pro_t .pro_list ul li::after{

    position: absolute;

    left: 45px;

    top: -28px;

    width: 56px;

    height: 56px;

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

    content: "";

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

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

    transition: all 0.5s ease-out;

    opacity: 0;

}



.pro_bg .product .pro_t .pro_list ul li.on::after{

    opacity: 1;

}



.pro_bg .product .pro_t .pro_list ul li.on a{

    font-weight: bold;

    color: #1e5bdb;

}



.pro_bg .product .pro_t .pro_list .more{

    position: absolute;

    right: -105px;

    top: 33px;

}



.pro_bg .product .pro_t .pro_list .more a{

    display: block;

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

    width: 40px;

    height: 40px;

}



.pro_bg .product .pro_box{

    margin: 35px auto 0 auto;

    position: relative;

} 



.pro_bg .product .pro_box .bd{

    width: 1300px;

    margin: 0 auto;

    position: relative;

}



.pro_bg .product .pro_box .bd ul li{

    float: left;

    width: 1300px;

}



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

    width: 524px;

    height: 365px;

    float: left;

    background: #f6f6f6;



}



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

    width: 514px;

    height: 355px;

    margin: 5px;

}



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

    float: right;

    width: 680px;

    margin-top: 150px;

    text-align: right;

} 



.pro_bg .product .pro_box .bd ul li .txt h5 a{

    font-size: 20px;

    color: #333;

    font-weight: bold;

    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/xt1.png) no-repeat bottom right;

    height: 43px;

}



.pro_bg .product .pro_box .bd ul li .txt p{

    margin-top: 12px;

    font-size: 16px;

    color: #666666;

    line-height: 36px;

    height: 72px;

    overflow: hidden;



}



.pro_bg .product .pro_box .pro_ico{

    position: absolute;

    left: -160px;

    top: 300px;

    font-size: 14px;

    color: #333;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;

}



.pro_bg .product .pro_box  .pro_xt{

    position: absolute;

    right: -40px;

    top: 25px;

}



.pro_bg .product .pro_box  .pro_xt i{

    display: inline-block;

    font-size: 20px;

    color: #333;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;

}



.pro_bg .product .pro_box  .pro_xt em{

    display: inline-block;

    width: 96px;

    height: 1px;

    background: #000000;

    margin: 0 25px 0 10px;

}



.pro_bg .product .pro_box  .pro_xt span{

    display: inline-block;

    font-size: 60px;

    color: #333;

    font-family: Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    font-weight: bold;

    line-height: 50px;

}



.pro_bg .product .pro_box  .hd{

    position: absolute;

    right: 25px;

    top: 335px;

}



.pro_bg .product .pro_box  .hd ul li{

    float: left;

    width: 8px;

    height: 8px;

    background: #ebebeb;

    border-radius: 50%;

    margin: 0 0 0 20px;

    -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  .hd ul li.on{

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

    border-radius: 0%;

    width: 21px;

}



.pro_bg .product .pro_show{

    margin: 110px auto 0 auto;

    width: 1300px;

    height: 333px;

    position: relative;

    border-bottom: 1px solid #eaeaea;

}





.pro_bg .product .pro_show ul li{

    float: left;

    width: 380px;

    height: 333px;

    position: relative;

    margin: 0 26px;

}



.pro_bg .product .pro_show ul li .pic{

    width: 380px;

    height: 263px;

}



.pro_bg .product .pro_show ul li .pic img{

    width: 380px;

    height: 263px;

}



.pro_bg .product .pro_show ul li .txt{

    height: 70px;

    line-height: 70px;

    text-align: center;



}



.pro_bg .product .pro_show ul li .txt a{

    font-size: 18px;

    color: #333;

    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;

}



.pro_bg .product .pro_show ul li::after{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 1px;

    background: #0c55a6;

    content: "";

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

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

    transition: all 0.5s ease-out;

}



.pro_bg .product .pro_show ul li:hover::after{

    width: 100%;

}



.pro_bg .product .pro_show .next{

    position: absolute;

    left: -80px;

    top: 305px;

    width: 40px;

    height: 40px;

    cursor: pointer;

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

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

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

    transition: all 0.5s ease-out;



}



.pro_bg .product .pro_show .prev{

    position: absolute;

    right: -80px;

    top: 305px;

    width: 40px;

    height: 40px;

    cursor: pointer;

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

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

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

    transition: all 0.5s ease-out;

}



.pro_bg .product .pro_show .next:hover{

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

}



.pro_bg .product .pro_show .prev:hover{

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

}







/*case*/



.case_bg{

    width: 100%;

    margin: 50px auto 0 auto;

    height: 650px;

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

}



.case_bg .case{

    width: 1300px;

    margin: 0 auto;

    position: relative;

}



.case_bg .case .case_t{

    height: 180px;

}



.case_bg .case .case_t .title_more {

    margin-top: 20px;

}



.case_bg .case .trait{

 position: absolute;

 left: 0;

 top: 205px;

 z-index: 5;

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

 padding-left: 47px;

}



.case_bg .case .trait span{

    display: block;

    font-size: 18px;

    font-weight: bold;

    color: #333;

    letter-spacing: 14px;

}



.case_bg .case .trait i{

    display: block;

    font-size: 12px;

    color: #666666;

    margin-top: 5px;

}



.case_bg .case .case_box{

    margin: 0 auto;

    position: relative;

    top: -90px;

}



.case_bg .case .case_box .bd{

    width: 1300px;

    margin: 0 auto;

}



.case_bg .case .case_box .bd ul li{

    float: left;

    width: 1300px;

    margin: 0 auto;

}



.case_bg .case .case_box .bd ul li .case_l{

    float: left;

    margin-top: 217px;

    width: 770px;

}



.case_bg .case .case_box .bd ul li .case_l dl{

    float: left;

    width: 342px;

    margin-right: 37px;

}



.case_bg .case .case_box .bd ul li .case_l dl .pic{

    width: 342px;

    height: 266px;

    background: #fafafa;



}



.case_bg .case .case_box .bd ul li .case_l dl .pic img{

    width: 332px;

    height: 256px;

    margin: 5px;

}



.case_bg .case .case_box .bd ul li .case_l dl .txt{

    margin-top: 25px;

    height: 50px;

    line-height: 50px;

    text-align: center;



}  



.case_bg .case .case_box .bd ul li .case_l dl .txt a{

    font-size: 18px;

    color: #333;

    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;

}



.case_bg .case .case_box .bd ul li .case_l dl:hover .txt a{

    color: #1e5bdb;

}

.case_bg .case .case_box .bd ul li .case_r{

    float: right;

    width: 420px;

    margin-right: 5px;

}



.case_bg .case .case_box .bd ul li .case_r .txt{

    height: 90px;

    line-height: 90px;

    text-align: right;

    margin: 0 30px;



}



.case_bg .case .case_box .bd ul li .case_r .txt a{

    font-size: 18px;

    color: #333;

    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;

}



.case_bg .case .case_box .bd ul li:hover .case_r .txt a{

    color: #1e5bdb;

}



.case_bg .case .case_box .bd ul li .case_r .pic{

    width: 420px;

    height: 326px;



}



.case_bg .case .case_box .bd ul li .case_r .pic img{

    width: 420px;

    height: 326px;

}



.case_bg .case .case_box .hd{

    position: absolute;

    left: 720px;

    top: 505px;

    width: 159px;

    height: 54px;

    z-index: 5;

}



.case_bg .case .case_box .hd .next{

    float: left;

    cursor: pointer;

    width: 93px;

    height: 54px;

    line-height: 54px;

    background: #f5f5f5;

    text-align: center;

    font-size: 14px;

    color: #333;

    text-transform: uppercase;

}



.case_bg .case .case_box .hd .prev{

    float: right;

    cursor: pointer;

    width: 66px;

    height: 54px;

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

} 





.case_bg .case .case_box .pageState{

    position: absolute;

    right: 5px;

    top: 470px;

    font-size: 16px;

    color: #fff;

    font-family: Arial, Helvetica, sans-serif;

    z-index: 9;

    letter-spacing: 15px;

}



.case_bg .case .case_box .pageState::after{

    position: absolute;

    right: 0;

    top: 13px;

    width: 122px;

    height: 20px;

    background: #1e5bdb;

    content: "";

    z-index: -1;

}





.case_bg .case .case_box .pageState::before{

    position: absolute;

    left: 45px;

    top: 10px;

    font-size: 16px;

    color: #fff;

    font-family: Arial, Helvetica, sans-serif;

    content: "0";

}



.case_bg .case .case_box .pageState span{

    font-size: 38px;

    color: #333;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;

    position: relative;

    line-height: 30px;

    z-index: 9;



}



.case_bg .case .case_box .pageState span::before{

    position: absolute;

    left: -20px;

    top: 6px;

    font-size: 38px;

    color: #333;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;

    content: "0";

}













/*about*/



.ab_bg{

    width: 100%;

    margin: 80px auto 0 auto;

    height: 921px;

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

}



.ab_bg .about{

    width: 1300px;

    margin: 0 auto;

    padding-top: 65px;

}



.ab_bg .about .ab_t{

    height: 180px;

    width: 1155px;



}



.ab_bg .about .ab_t .title{

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

}



.ab_bg .about .ab_t .title h3{

    color: #fff;

}



.ab_bg .about .ab_t .title h3 i{

    color: #b6c2cd;

}



.ab_bg .about .ab_t .title_more a{

    color: #fff;

} 



.ab_bg .about .nr{

    width: 1155px;

    margin-top: 20px;

    color: #b6c2cd;

    font-size: 14px;

    line-height: 30px;

    height: 90px;

    overflow: hidden;



}



.ab_bg .about .ab_box{

    width: 1155px;

    margin-top: 40px;



} 



.ab_bg .about .ab_box .ab_img{

    float: left;

    width: 716px;

    height: 407px;

}



.ab_bg .about .ab_box .ab_img img{

    width: 716px;

    height: 407px;

}



.ab_bg .about .ab_box .ab_r{

    float: right;

    width: 336px;

} 



.ab_bg .about .ab_box .ab_r h5{

    width: 336px;

    height: 72px;

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



}



.ab_bg .about .ab_box .ab_r h5 i{

    display: block;

    color: #fff;

    font-size: 14px;

    padding: 33px 0 0 265px;

    letter-spacing: 5px;



}



.ab_bg .about .ab_box .ab_r .ry{

    margin-top: 55px;

    width: 270px;

    float: right;



}



.ab_bg .about .ab_box .ab_r .ry .ry_t{

    float: left;

    width: 80px;

    line-height: 80px;



}

.ab_bg .about .ab_box .ab_r .ry .ry_t h3{

    padding-top: 20px;

    color: #fff;

    font-size: 18px;

    writing-mode: tb-rl;

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

}



.ab_bg .about .ab_box .ab_r .ry .ry_t h3 i{

    color: #fff;

    font-size: 12px;

    font-family: Arial, Helvetica, sans-serif;

    opacity: 0.5;

    margin-top: 5px;

}



.ab_bg .about .ab_box .ab_r .ry .ry_img{

    float: right;

    width: 189px;

    height: 264px;

} 



.ab_bg .about .ab_box .ab_r .ry .ry_img img{

    width: 189px;

    height: 264px;

}



/*news*/



.news{

    width: 1300px;

    margin: 70px auto 0 auto;

}





.news .news_t{

   height: 180px;

}



.title{

    float: left;

    height: 95px;

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

    padding-top: 85px;

    padding-left: 50px;

    margin-left: -50px;

    width: 500px;

}



.title span img{

    display: block;

    float: left;

    margin-right: 10px;

}



.title h3{

    font-size: 24px;

    color: #000000;

    font-weight: bold;

    position: relative;

    top: -8px;



}



.title h3 i{

    display: block;

    font-size: 14px;

    color: #a2a2a2;

    letter-spacing: 6px;

    margin-top: 2px;

}



.title_more{

    float: right;

    margin-top: 80px;

}



.title_more a{

    display: block;

    font-size: 18px;

    color: #333333;

    font-family: Arial, Helvetica, sans-serif;

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

    line-height: 35px;

    padding-right: 60px;

}



.news .news_box{

    margin: 30px auto 0 auto;

    width: 1300px;

    height: 245px;

    background: #fafafa;

    border: 1px solid #ebebeb;



} 



.news .news_box ul li{

    float: left;

    width: 433px;

    height: 245px;

    position: relative;

}



.news .news_box ul li .news_img{

    width: 433px;

    height: 245px;

    position: relative;

    opacity: 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 .news_img img{

    width: 0px;

    height: 0px;

    -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.on .news_img{

    opacity: 1;

}



.news .news_box ul li.on .news_img img{

    width: 433px;

    height: 245px;

}



.news .news_box ul li .txt{

    width: 333px;

    height: 245px;

    position: absolute;

    left: 0;

    top: 0;

    padding: 0 50px;

} 





.news .news_box ul li .txt .more{

    display: block;

    font-size: 16px;

    color: #333333;

    font-family: Arial, Helvetica, sans-serif;

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

    line-height: 50px;

    text-align: right;

    text-transform: capitalize;

    margin-top: 35px;

    -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 h5 a{

    font-size: 18px;

    color: #333;

    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-top: 15px;





}





.news .news_box ul li .txt em{

    display: block;

    width: 27px;

    height: 2px;

    background: #000000;

    margin: 15px 0 25px 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 span{

    display: block;

    font-size: 14px;

    color: #999;

    font-weight: normal;

    font-family: Arial, Helvetica, sans-serif;

    -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 span i{

    font-size: 18px;

    color: #333;

    font-weight: bold;

    font-family: Arial, Helvetica, sans-serif;

    margin-right: 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.on .txt .more{

    color: #fff;

}



.news .news_box ul li.on .txt h5 a{

    color: #fff;

}



.news .news_box ul li.on .txt em{

    color: #fff;

}



.news .news_box ul li.on .txt span{

    color: #acbfe5;



}



.news .news_box ul li.on .txt span i{

    color: #fff;



}



.news .news_show{

    margin: 50px auto 0 auto;

    width: 1300px;

    height: 276px;



} 



.news .news_show .txt{

    float: left;

    width: 580px;

    height: 227px;

    margin-top: 22px;

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

    padding: 0 12px 0 35px;

}

.news .news_show .txt a{

    font-size: 18px;

    color: #333333;

    font-weight: bold;

    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: 25px 0 15px 0;

}



.news .news_show .txt p{

    font-size: 14px;

    color: #666666;

    line-height: 30px;

    height: 60px;

    overflow: hidden;

    margin-left: 15px;



}



.news .news_show .txt span{

    display: block;

    font-size: 12px;

    color: #999;

    font-weight: normal;

    font-family: Arial, Helvetica, sans-serif;

    margin-top: 30px;

    margin-left: 15px;



}



.news .news_show .txt span i{

    display: block;

    font-size: 24px;

    color: #333333;

    font-weight: bold;

    font-family: Arial, Helvetica, sans-serif;



}





.news .news_show .news_img{

    float: right;

    width: 577px;

    height: 276px;

} 



.news .news_show .news_img img{

    width: 577px;

    height: 276px;

}





/*links*/



.links_bg{

    width: 100%;

    margin: 80px auto 0 auto;

    height: 150px;

    background: #f6f6f6;

}



.links_bg .links{

    width: 1300px;

    margin: 0 auto;

    padding-top: 40px;

}



.links_bg .links .links_t{

    float: left;

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

    width: 107px;

    height: 30px;

}



.links_bg .links .links_t i{

    display: block;

    font-size: 14px;

    color: #333333;

    padding-left: 20px;

}



.links_bg .links .yq{

    float: right;

    width: 1120px;

}



.links_bg .links .yq a{

    font-size: 14px;

    color: #666666;

    margin-right: 15px;

    line-height: 30px;

}