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

/*banner*/
.fullSlide {
    width: 100%;
    position: relative;
    height: 700px;
    background: #FFF;
    overflow: hidden;
  }
  
  .fullSlide .bd {
    height: 700px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  
  .fullSlide .bd ul {
    width: 100% !important;
  }
  
  .fullSlide .bd li {
    width: 100% !important;
    height: 700px;
    overflow: hidden;
    text-align: center;
  }
  
  .fullSlide .bd li a {
    display: block;
    height: 700px;
  }
  
  .fullSlide .hd {
    width: 100%;
    position: absolute;
    z-index: 2;
    bottom: 20px;
    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: 12px;
    height: 12px;
    margin: 7px;
    background-color: #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: 20px;
    background: #ff761a;
    border-radius: 6px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
  }
  
  .fullSlide .next {
    width: 70px;
    height: 70px;
    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: 70px;
    height: 70px;
    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%;
  }


  /*title*/


  .title{
      text-align: center;
      margin: 0 auto;
  }

  .title span{
      display: block;
      font-size: 90px;
      font-family: "Impact";
      color: #fbfbfb;
      font-weight: bold;
      text-transform: uppercase;
      line-height: 90px;
  }

  .title h3{
      font-size: 28px;
      color: #333333;
      font-weight: bold;
      margin: -65px auto 0 auto;

  }

  .title h3 a{
    font-size: 28px;
    color: #333333;
    font-weight: bold;
  }

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

  .title em{

    width: 38px;
    height: 5px;
    background: #2058af;
    border-radius: 5px;
    display: block;
    margin: 12px  auto;

  }

  .title p{
      font-size: 16px;
      color: #333;
      text-transform: uppercase;
      font-family: Arial, Helvetica, sans-serif;
  }


/*product*/


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


.pro_bg .product{
  width: 1280px;
  margin: 0 auto;
}

.pro_bg .product .title h3{
  margin: -60px auto 0 auto;

}

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

.pro_bg .product .pro_box .pro_l{
  float: left;
  width: 260px;
  height: auto;
  border: 1px solid #ff761a;
  position: relative;
  padding-top: 7px;
  padding-bottom: 5px;
  background: #fff;
}

.pro_bg .product .pro_box .pro_l::after{
  position: absolute;
  content: "";
  width: 256px;
  height: 654px;
  background: url(../images/pro_xt1.png) no-repeat  center;
  left: -3px;
  top: -3px;
  -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::before{
  position: absolute;
  content: "";
  right: -3px;
  bottom: -3px;
  width: 256px;
  height: 654px;
  background: url(../images/pro_xt2.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_box .pro_l ul{
  position: relative;
  z-index: 9;
}

.pro_bg .product .pro_box .pro_l ul li .first{
  height: 64px;
  line-height: 64px;
  border-bottom: 1px solid #efefef;
  width: 220px;
  margin: 0 auto;
  position: relative;
}

.pro_bg .product .pro_box .pro_l ul li:last-child .first{
  border-bottom: none;
}

.pro_bg .product .pro_box .pro_l ul li .first a{
  width: 180px;
  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;
  padding-left: 20px;
  background: url(../images/buttom5.png) no-repeat left center;
}

.pro_bg .product .pro_box .pro_l ul li:hover .first a{
  color: #ff761a;
  background: url(../images/buttom4.png) no-repeat left center;
}

.pro_bg .product .pro_box .pro_l ul li .first::after{
  position: absolute;
  content: "";
  width: 20px;
  height: 1px;
  background: #333333;
  right: 0;
  top: 32px;
  -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 .first::before{
  position: absolute;
  content: "";
  right: 10px;
  top: 26px;
  width: 1px;
  height: 13px;
  background: #333333;
  -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:hover .first::after{
  background: #ff761a;
}

.pro_bg .product .pro_box .pro_l ul li:hover .first::before{
  height: 0px;
}

.pro_bg .product .pro_box .pro_l ul li ul li{
  height: 45px;
  line-height: 45px;
  margin: 0 auto;
  width: 220px;

}

.pro_bg .product .pro_box .pro_l ul li ul li a{
  font-size: 14px;
  color: #666666;
  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/buttom6.png) no-repeat left center;
  padding-left: 20px;
}

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

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

.pro_bg .product .pro_box .pro_tab ul li{
  float: left;
  width: 285px;
  margin: 0 0 15px 48px;
}

.pro_bg .product .pro_box .pro_tab ul li .pic{
  width: 283px;
  height: 210px;
  border: 1px solid #dedede;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.pro_bg .product .pro_box .pro_tab ul li .pic img{
  width: 269px;
  height: 196px;
  margin: 7px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.pro_bg .product .pro_box .pro_tab ul li .txt{
  height: 50px;
  line-height: 50px;
}

.pro_bg .product .pro_box .pro_tab ul li .txt h5 a{
  float: left;
  width: 180px;
  font-size: 14px;
  color: #666666;
  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_box .pro_tab ul li .txt .more{
  float: right;
  display: block;
  font-size: 14px;
  color: #999999;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  background: url(../images/more.png) no-repeat left center;
  padding-left: 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 .pro_tab ul li:hover .txt h5 a{
  color: #2058af;

}

.pro_bg .product .pro_box .pro_tab ul li:hover .txt .more{
  color: #2058af;
}

 /*ys*/

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

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

.ys_bg .ys .ys_t{
  position: absolute;
  right: 65px;
  top: 125px;
  z-index: 5;
}

.ys_bg .ys .ys_t h3{
  font-size: 50px;
  color: #ff761a;
  font-weight: bold;

}

.ys_bg .ys .ys_t h3 i{
  font-size: 24px;
  color: #333;
  margin-right: 5px;

}

.ys_bg .ys .ys_t p{
  font-size: 14px;
  color: #999999;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;

}

.ys_bg .ys .ys_box{
  width: 1280px;
  margin: 0 auto;
  height: 820px;
  position: relative;
}

.ys_bg .ys .ys_box .bd{
  width: 1280px;
  margin: 0 auto;
  height: 820px;
  position: relative;
}

.ys_bg .ys .ys_box .bd ul li{
  width: 1280px;
  margin: 0 auto;
  height: 820px;
}

.ys_bg .ys .ys_box .bd ul li .ys_img{
  float: left;
  width: 919px;
  height: 820px;
  margin-left: -165px;
}

.ys_bg .ys .ys_box .bd ul li .ys_img img{
  width: 919px;
  height: 820px;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.ys_bg .ys .ys_box .bd ul li .txt{
  margin-top: 225px;
  float: right;
  width: 435px;

}

.ys_bg .ys .ys_box .bd ul li .txt .txt_t{
  background: url(../images/ys_t.png) no-repeat top left;
}

.ys_bg .ys .ys_box .bd ul li .txt .txt_t h5{
  font-size: 28px;
  color: #333;
  line-height: 50px;

}

.ys_bg .ys .ys_box .bd ul li .txt .txt_t h5 span{
  font-size: 29px;
  color: #fff;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 50px;
  margin-right: 20px;
  display: block;
  float: left;
}

.ys_bg .ys .ys_box .bd ul li .txt .txt_t i{
  font-size: 14px;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin-top: 5px;
  display: block;
}

.ys_bg .ys .ys_box .bd ul li .txt p{
  font-size: 14px;
  color: #666;
  line-height: 36px;
  margin-top: 30px;
}

.ys_bg .ys_xt{
  width: 100%;
  height: 173px;
  margin: 0 auto;
  background: url(../images/ys_list.png) no-repeat center;
  position: absolute;
  right: 0px;
  bottom: 0;
  z-index: 5;
}

.ys_bg .ys .ys_box .hd{
  position: absolute;
  left: 335px;
  bottom: 0;
  z-index: 7;
  height: 173px;
}

.ys_bg .ys .ys_box .hd ul li{
  float: left;
  background: url(../images/f_xt2.png) no-repeat right center;
  text-align: center;
  width: 189px;
}

.ys_bg .ys .ys_box .hd ul li span{
  display: block;
  margin: 20px auto 0 auto;
  width: 80px;
  height: 80px;
  border: 1px solid #fff;
  border-radius: 50%;
}

.ys_bg .ys .ys_box .hd ul li span em{
  display: block;
  margin: 0 auto;
  width: 80px;
  height: 80px;
}

.ys_bg .ys .ys_box .hd ul li h5{
  font-size: 16px;
  color: #fefeff;
  margin: 10px auto 5px auto;

} 

.ys_bg .ys .ys_box .hd ul li i{
  display: block;
  font-size: 12px;
  color: #85a3d3;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 0;
}

.ys_bg .ys .ys_box .hd ul li.ys1 span em{
  background: url(../images/ys_ico1.png) no-repeat  center;
}

.ys_bg .ys .ys_box .hd ul li.ys2 span em{
  background: url(../images/ys_ico2.png) no-repeat  center;
}

.ys_bg .ys .ys_box .hd ul li.ys3 span em{
  background: url(../images/ys_ico3.png) no-repeat  center;
}

.ys_bg .ys .ys_box .hd ul li.ys4 span em{
  background: url(../images/ys_ico4.png) no-repeat  center;
}

.ys_bg .ys .ys_box .hd ul li.ys5 span em{
  background: url(../images/ys_ico5.png) no-repeat  center;
}

   
.ys_bg .ys .ys_box .hd ul li.on i{
  opacity: 1;
}

.ys_bg .ys .ys_box .hd ul li.on span{
  background: url(../images/ys_list1.png) no-repeat  center;
}

.ys_bg .ys .ys_box .hd ul li.ys1.on span em{
  background: url(../images/ys_ico11.png) no-repeat  center;
}

.ys_bg .ys .ys_box .hd ul li.ys2.on span em{
  background: url(../images/ys_ico22.png) no-repeat  center;
}

.ys_bg .ys .ys_box .hd ul li.ys3.on span em{
  background: url(../images/ys_ico33.png) no-repeat  center;
}

.ys_bg .ys .ys_box .hd ul li.ys4.on span em{
  background: url(../images/ys_ico44.png) no-repeat  center;
}

.ys_bg .ys .ys_box .hd ul li.ys5.on span em{
  background: url(../images/ys_ico55.png) no-repeat  center;
}

.ys_bg .ys .ys_box .ys_button{
  position: absolute;
  right: 207px;
  bottom: 220px;
  width: 225px;
  height: 40px;
  background: url(../images/ys_xt.jpg) no-repeat  center;
}

.ys_bg .ys .ys_box .ys_button .next{
  float: left;
  background: #d7d7d7 url(../images/left.png) no-repeat  center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.ys_bg .ys .ys_box .ys_button .prev{
  float: right;
  background: #d7d7d7 url(../images/right.png) no-repeat  center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.ys_bg .ys .ys_box .ys_button .next:hover{
  background: #ff761a url(../images/left1.png) no-repeat  center;
}

.ys_bg .ys .ys_box .ys_button .prev:hover{
  background: #ff761a url(../images/right1.png) no-repeat  center;
}

.ys_bg .ys .ys_box .zx{
  position: absolute;
  right: 0;
  bottom: 290px;
}

.ys_bg .ys .ys_box .zx .tel{
  float: left;
  background: url(../images/tel1.png) no-repeat  left center;
  padding-left: 45px;
  font-size: 18px;
  color: #999;
}

.ys_bg .ys .ys_box .zx .tel span{
  font-size: 27px;
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
}

.ys_bg .ys .ys_box .zx .zixun{
  float: left;
  margin-left: 25px;
  width: 94px;
  height: 34px;
  border: 1px solid #999999;
  border-radius: 8px;
}

.ys_bg .ys .ys_box .zx .zixun a{
  display: block;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  color: #999;
}



 /*fw*/

 .fw{
     width: 1280px;
     margin: 65px auto 0 auto;
 }

 .fw .fw_box{
    width: 1280px;
    margin: 35px auto 0 auto;
 }

 .fw .fw_box ul li{
     float: left;
     position: relative;
     width: 450px;
     height: 450px;
     margin-left: -24px;
 }

 .fw .fw_box ul li.fw1{
     z-index: 5;
 }

 .fw .fw_box ul li.fw2{
    z-index: 4;
}

.fw .fw_box ul li.fw3{
    z-index: 3;
}

 .fw .fw_box ul li .pic{
    width: 450px;
    height: 450px;
    position: relative;
 }

 .fw .fw_box ul li .pic img{
    width: 450px;
    height: 450px;
 }

 .fw .fw_box ul li .txt{
     position: absolute;
     bottom: 0px;
     left: 0;
     width: 450px;
     height: 290px;
     text-align: center;
 } 

 .fw .fw_box ul li .txt h5{
     width: 88px;
     height: 88px;
     background: url(../images/fw_ico.png) no-repeat center;
     margin: 0 auto;
     -webkit-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
 }

 .fw .fw_box ul li .txt h5 i{
     display: block;
     line-height: 88px;
     font-size: 28px;
     color: #2058af;
     font-family: Arial, Helvetica, sans-serif;
     font-weight: bold;
     padding-left: 15px;

 }

 .fw .fw_box ul li .txt h6{
    font-size: 22px;
    color: #fff;
    margin: 15px auto 10px auto;
 }

 .fw .fw_box ul li .txt p{
    font-size: 14px;
    color: #fff;
    line-height: 36px;
 }

 .fw .fw_box ul li:hover .txt h5{
   transform: translateY(-10px);
   -webkit-transform: translateY(-10px);
   -o-transform: translateY(-10px);
 }


/*banner_1*/

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

.banner_1 .cont{
  width: 1280px;
  margin: 75px auto 0 auto;
}

.banner_1 .cont .txt{
  padding-top: 138px;
}

.banner_1 .cont .txt h5{
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  color: #fff;
  letter-spacing: 5px;
  margin-left: 10px;

}

.banner_1 .cont .txt h5 i{
  font-size: 24px;
  color: #ff761a;
}

.banner_1 .cont .txt h5 i.t1{
  padding-right: 10px;
}

.banner_1 .cont .txt p{
  margin-top: 30px;
  font-size: 24px;
  color: #fff;

}

.banner_1 .cont .txt ul{
  margin-top: 25px;

}

.banner_1 .cont .txt ul li{
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #fff;
  padding-left: 25px;
  background: url(../images/buttom1.png) no-repeat left center;
  margin-right: 35px;
}


/*case*/

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

.case_bg .case{
  width: 1280px;
  margin: 0 auto;
  position: relative;
}

.case_bg .case .title h3{
  margin: -60px auto 0 auto;
}

.case_bg .case .title em{
  margin: 10px auto 5px auto;
}

.case_bg .case .case_box{
  width: 1280px;
  margin: 35px auto 0 auto;
}

.case_bg .case .case_box .csae_l{
  float: left;
  width: 80px;
  position: relative;
}

.case_bg .case .case_box .csae_l .hd{
  height: 190px;
  width: 29px;
  background: url(../images/case_xt.png) no-repeat  center;
  margin-top: 75px;
}

.case_bg .case .case_box .csae_l .hd ul{
  padding-top: 50px;
  text-align: center;
}

.case_bg .case .case_box .csae_l .hd ul li{
  width: 9px;
  height: 9px;
  margin: 0 auto 10px auto;
  background: url(../images/buttom8.png) no-repeat  center;
}

.case_bg .case .case_box .csae_l .hd ul li.on{
  background: url(../images/buttom7.png) no-repeat  center;

}

.case_bg .case .case_box .csae_l .next{
  cursor: pointer;
  background: #999999 url(../images/left2.png) no-repeat  center;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 35px;
  -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 .csae_l .prev{
  cursor: pointer;
  background: #999999 url(../images/right2.png) no-repeat  center;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 275px;
  -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 .csae_l .next:hover{
  background: #ff761a url(../images/left2.png) no-repeat  center;
}

.case_bg .case .case_box .csae_l .prev:hover{
  background: #ff761a url(../images/right2.png) no-repeat  center;
}


.case_bg .case .case_box .case_r{
  float: right;
  width: 1445px;
  margin-right: -270px;
} 

.case_bg .case .case_box .case_r ul li{
  float: left;
  width: 305px;
  margin: 0px 27px;
}

.case_bg .case .case_box .case_r ul li .pic{
  width: 303px;
  height: 230px;
  border: 1px solid #dedede;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.case_bg .case .case_box .case_r ul li .pic img{
  width: 291px;
  height: 218px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  margin: 6px;
}

.case_bg .case .case_box .case_r ul li .txt{
  margin-top: 15px;
} 

.case_bg .case .case_box .case_r ul li .txt .txt_num{
  float: left;
  width: 50px;
  text-align: center;
  font-size: 26px;
  color: #e4e4e4;
  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;
}

.case_bg .case .case_box .case_r ul li .txt .txt_num span{
  display: block;
  font-size: 20px;
  color: #e4e4e4;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  display: block;
  writing-mode: tb-rl;
  line-height: 45px;
  margin-bottom: 12px;
  -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 .case_r ul li .txt .nr{
  float: right;
  width: 250px;
} 

.case_bg .case .case_box .case_r ul li .txt .nr 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;
  height: 30px;
  border-bottom: 1px dashed #e0e0e0;
}

.case_bg .case .case_box .case_r ul li .txt .nr p{
  font-size: 14px;
  color: #666;
  line-height: 36px;
  height: 72px;
  overflow: hidden;
  -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 .case_r ul li:hover .txt .txt_num{
  color: #8cb2ed;

}

.case_bg .case .case_box .case_r ul li:hover .txt .txt_num span{
  color: #8cb2ed;
}

.case_bg .case .case_box .case_r ul li:hover .txt .nr a{
  color: #2058af;

}



/*about*/

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

.ab_bg .about{
  width: 1280px;
  margin: 0 auto;
  position: relative;
}

.ab_bg .about .ab_l{
  float: left;
  width: 480px;
}

.ab_bg .about .ab_l .ab_t{
  
}
.ab_bg .about .ab_l .ab_t span{
  display: block;
  font-size: 90px;
  color: #fbfbfb;
  font-family: "Impact";
  text-transform: uppercase;
  line-height: 80px;

}

.ab_bg .about .ab_l .ab_t h3{
  font-size: 35px;
  color: #ff761a;
  font-weight: bold;
  margin-top: -50px;

}

.ab_bg .about .ab_l .ab_t h3 i{
  font-size: 24px;
  color: #333333;

}

.ab_bg .about .ab_l .ab_t p{
  font-size: 14px;
  color: #999999;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin-top: 9px;

}

.ab_bg .about .ab_l .txt{
  margin-top: 50px;

}

.ab_bg .about .ab_l .txt h5{
  font-size: 18px;
  color: #333;
  font-weight: bold;

}

.ab_bg .about .ab_l .txt i{
  display: block;
  width: 70px;
  height: 2px;
  background: #666666;
  margin-top: 25px;
}

.ab_bg .about .ab_l .txt p{
  font-size: 14px;
  color: #999;
  line-height: 36px;
  height: 180px;
  overflow: hidden;
  margin: 22px 0 40px 0;

}

.ab_bg .about .ab_l .txt .more{
  width: 164px;
  height: 43px;
  line-height: 43px;
  background: #ff761a;
  border-radius: 25px;

}

.ab_bg .about .ab_l .txt .more a{
  display: block;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  background: url(../images/buttom2.png) no-repeat  90px center;
  margin-left: 22px;
}
 
.ab_bg .about .ab_l .ab_list{
  margin-top: 85px;

}

.ab_bg .about .ab_l .ab_list ul li{
  width: 240px;
  height: 76px;
  margin-bottom: 30px;
  float: left;

}

.ab_bg .about .ab_l .ab_list ul li a{
  display: block;
}

.ab_bg .about .ab_l .ab_list ul li a em{
  float: left;
  display: block;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 1px solid #dfdfdf;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.ab_bg .about .ab_l .ab_list ul li a span{
  float: left;
  margin-left: 15px;
  display: block;
  font-size: 16px;
  color: #666666;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  margin-top: 15px;
}

.ab_bg .about .ab_l .ab_list ul li a span i{
  display: block;
  font-size: 12px;
  color: #999999;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin-top: 3px;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.ab_bg .about .ab_l .ab_list ul li.ab1 a em{
  background: #ffffff url(../images/ab1.png) no-repeat  center;
}

.ab_bg .about .ab_l .ab_list ul li.ab2 a em{
  background: #ffffff url(../images/ab2.png) no-repeat  center;
}

.ab_bg .about .ab_l .ab_list ul li.ab3 a em{
  background: #ffffff url(../images/ab3.png) no-repeat  center;
}

.ab_bg .about .ab_l .ab_list ul li.ab4 a em{
  background: #ffffff url(../images/ab4.png) no-repeat  center;
}

.ab_bg .about .ab_l .ab_list ul li.ab1:hover a em{
  border: 1px solid #2058af;
}

.ab_bg .about .ab_l .ab_list ul li:hover  a span{
  color: #2058af;

}

.ab_bg .about .ab_l .ab_list ul li:hover  a span i{
  color: #aec2e2;
}
.ab_bg .about .ab_l .ab_list ul li.ab1:hover a em{
  background: #ffffff url(../images/ab11.png) no-repeat  center;
}

.ab_bg .about .ab_l .ab_list ul li.ab2:hover a em{
  background: #ffffff url(../images/ab22.png) no-repeat  center;
}

.ab_bg .about .ab_l .ab_list ul li.ab3:hover a em{
  background: #ffffff url(../images/ab33.png) no-repeat  center;
}

.ab_bg .about .ab_l .ab_list ul li.ab4:hover a em{
  background: #ffffff url(../images/ab44.png) no-repeat  center;
}

.ab_bg .about .ab_r{
  float: right;
  width: 745px;
  position: relative;
}

.ab_bg .about .ab_r .ab_img{
  width: 865px;
  height: 625px;
  position: relative;
  margin-right: -120px;
  margin-top: 120px;

}

.ab_bg .about .ab_r .ab_img img{
  width: 865px;
  height: 625px;
  border-top-left-radius: 45px;
  border-bottom-right-radius: 45px;
}

.ab_bg .about .ab_r .honor{
  position: absolute;
  left: -80px;
  bottom: -70px;
  width: 260px;
  height: 354px;
  background: #ff761a;
  border-top-left-radius: 45px;
  border-bottom-right-radius: 45px;

} 

.ab_bg .about .ab_r .honor img{
  width: 248px;
  height: 342px;
  margin: 6px;
  border-top-left-radius: 45px;
  border-bottom-right-radius: 45px;
}



/*news*/

.news{
  width: 1280px;
  margin: 70px auto 0 auto;
}

.news .news_t{
  overflow: hidden;
  background: url(../images/news_t.png) no-repeat  right 102px;
}

.news .news_t .title{
  float: left;
  text-align: left;
}

.news .news_t .title h3{
  margin: -47px 0 0 0;
}

.news .news_t .title p{
  font-size: 14px;
  color: #999999;
  margin-top: 8px;
}

.news .news_t .news_list{
  float: right;
  margin-top: 38px;

}

.news .news_t .news_list ul li{
  float: left;
  text-align: center;
  width: 94px;
  margin-left: 115px;
  background: url(../images/news1.png) no-repeat  bottom center;
  padding-bottom: 22px;
  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_t .news_list ul li:nth-child(2){
  margin-left: 130px;
}

.news .news_t .news_list ul li a{
  display: block;
  font-size: 18px;
  color: #666;
  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_t .news_list ul li a i{
  display: block;
  font-size: 16px;
  color: #999999;
  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_t .news_list ul li.casehover{
  background: url(../images/news2.png) no-repeat  bottom center;
}

.news .news_t .news_list ul li.casehover a{
  color: #ff761a;
}

.news .news_t .news_list ul li.casehover a i{
  color: #ff761a;
}


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

.news .news_box .news_top{
  width: 1280px;
  margin: 0 auto;
  overflow: hidden;
}

.news .news_box .news_top .news_l{
  width: 640px;
  position: relative;
  float: left;
}

.news .news_box .news_top .news_l .news_img{
  width: 640px;
  height: 450px;
}

.news .news_box .news_top .news_l .news_img img{
  width: 640px;
  height: 450px;
  border-top-left-radius: 45px;
  border-bottom-right-radius: 45px;
}

.news .news_box .news_top .news_l .more{
  width: 200px;
  height: 50px;
  line-height: 50px;
  background: #2058af;
  border-radius: 25px;
  margin-left: 75px;
  margin-top: -25px;
  position: relative;
  z-index: 5;
}

.news .news_box .news_top .news_l .more a{
  display: block;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  background: url(../images/buttom3.png) no-repeat 115px center;
  margin-left: 40px;
}
 

.news .news_box .news_top .news_r{
  float: right;
  width: 570px;
}

.news .news_box .news_top .news_r ul li{
  height: 148px;
  border-bottom: 1px dashed #b6b6b6;
  position: relative;
}

.news .news_box .news_top .news_r ul li .time{
  float: left;
  margin-top: 30px;
}

.news .news_box .news_top .news_r ul li .time span{
  display: block;
  font-size: 23px;
  color: #e4e4e4;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.news .news_box .news_top .news_r ul li .time p{
  margin-top: 10px;

}

.news .news_box .news_top .news_r ul li .time i{
  font-size: 26px;
  color: #333;
  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 .news_top .news_r ul li .time em{
  font-size: 24px;
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: -2px;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.news .news_box .news_top .news_r ul li .time p{
  font-size: 16px;
  color: #999;
  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 .news_top .news_r ul li .txt{
  float: right;
  width: 480px;
  margin-top: 30px;
}

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

.news .news_box .news_top .news_r ul li .txt p{
  font-size: 14px;
  color: #666666;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
  margin-top: 12px;
}

.news .news_box .news_top .news_r ul li:hover .time span{
  color: #2058af;
}

.news .news_box .news_top .news_r ul li:hover .time i{
  color: #2058af;
}

.news .news_box .news_top .news_r ul li:hover .time em{
  color: #2058af;
}

.news .news_box .news_top .news_r ul li:hover .time p{
  color: #2058af;
}

.news .news_box .news_top .news_r ul li:hover .txt a {
  color: #2058af;
}

.news .news_box .news_top .news_r ul li::after{
  position: absolute;
  content: "";
  width: 0px;
  height: 5px;
  background: #2058af;
  left: -170px;
  top: 70px;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.news .news_box .news_top .news_r ul li:hover::after{
  width: 140px;
}

.news .news_box .list{
  margin: 40px auto 0 auto;
  width: 1300px;
  
}

.news .news_box .list ul li{
  height: 56px;
  line-height: 56px;
  border-top:1px solid #dedede;
  border-bottom:1px solid #dedede;
  width: 297px;
  float: left;
  margin-right: 28px;
  margin-top: -1px;
}

.news .news_box .list ul li .time{
  float: left;
  font-size: 14px;
  color: #999;
  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 .list ul li .time i{
  font-size: 22px;
  color: #333;
  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 .list ul li .time em{
  font-size: 18px;
  color: #999;
  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 .list ul li .txt a{
  float: right;
  width: 230px;
  font-size: 14px;
  color: #666666;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;

}

.news .news_box .list ul li:hover .time{
  color: #2058af;
}

.news .news_box .list ul li:hover i{
  color: #2058af;
}

.news .news_box .list ul li:hover em{
  color: #2058af;
}

.news .news_box .list ul li:hover .txt a{
  color: #2058af;
}


/*links*/

.links{
  width: 1280px;
  height: 70px;
  margin: 70px auto 0 auto;
  border: 1px solid #dedede;
}

.links .links_t{
  float: left;
  background: url(../images/links.png) no-repeat  left bottom;
  margin: 15px 0 0 30px;
  height: 40px;
}

.links .links_t h3{
  font-size: 18px;
  color: #333;
  padding: 0 0 0 23px;
}

.links .yq{
  float: right;
  width: 1130px;
}

.links .yq a{
  font-size: 16px;
  color: #666;
  margin-right: 20px;
  line-height: 70px;
}