/*首页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 {

  margin: 0 auto;

  width: 1200px;

  text-align: center;

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

  height: 80px;

}



.title h3 {

  font-size: 24px;

  color: #0f3ec4;

  font-weight: bold;

}



.title p {

  font-size: 16px;

  color: #4c4c4c;

  font-weight: normal;

  margin-top: 5px;

}



/*product*/



.product {

  width: 1200px;

  margin: 60px auto 0 auto;

}





.product .pro_l {

  width: 312px;

  height: 953px;

  float: left;

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

}



.product .pro_l .pro_t {

  width: 312px;

  height: 90px;

}



.product .pro_l .pro_t h3 {

  color: #feffff;

  font-size: 24px;

  font-weight: bold;

  padding: 15px 0 0 70px;

}



.product .pro_l .pro_t span {

  color: #feffff;

  font-size: 14px;

  font-weight: normal;

  display: block;

  text-transform: uppercase;

  padding: 5px 0 0 70px;

}



.product .pro_l .pro_list {

  width: 292px;

  height: 820px;

  background: #fff;

  border-radius: 20px;

  margin: 0 auto;

  padding: 15px 0;

}



.product .pro_l .pro_list ul li {

  width: 292px;

  height: 40px;

  line-height: 40px;

  background: #fafafa;

  border-top: 1px solid #f5f5f5;

  border-bottom: 1px solid #f5f5f5;

  margin-bottom: 8px;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}



.product .pro_l .pro_list ul li a {

  font-size: 14px;

  color: #4c4c4c;

  text-indent: 60px;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.product .pro_l .pro_list ul li:hover {

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

  box-shadow: 0px 0px 10px 4px rgba(219, 54, 50, 0.5);

  border-top: 1px solid #db3632;

  border-bottom: 1px solid #db3632;

}



.product .pro_l .pro_list ul li:hover a {

  color: #fff;

}



.product .pro_l .pro_list .ewm {

  width: 133px;

  height: 133px;

  margin: 16px auto 0 auto;

}



.product .pro_l .pro_list .ewm img {

  width: 133px;

  height: 133px;

}



.product .pro_l .pro_list .phone {

  font-size: 20px;

  color: #0f3ec4;

  text-align: center;

  margin-top: 5px;

}



.product .tab {

  width: 860px;

  float: right;

}



.product .tab .tab_t {

  height: 40px;

}



.product .tab .tab_t ul {

  float: left;

}



.product .tab .tab_t ul li {

  float: left;

  margin-right: 40px;

}



.product .tab .tab_t ul li a {

  font-size: 18px;

  color: #0f3ec4;

}



.product .tab .tab_t ul li.casehover {

  color: #db3632;

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

  padding-left: 15px;

}



.product .tab .tab_t ul li.casehover a{

  color: #db3632;

}





.product .tab .tab_t .search{

  width: 280px;

  float: right;

  position: relative;

  margin-right: 18px;

}



.product .tab .tab_t .search .search2{

  width: 280px;

  height: 35px;

  border-bottom: 1px solid #0f3ec4;

  font-size: 12px;

  color: #808080;

}



.product .tab .tab_t .search .search_s{

  position: absolute;

  right: 5px;

  top: 8px;

  width: 21px;

  height: 21px;

}

.product .tab .pro_box {

  margin-top: 20px;

}



.product .tab .pro_box ul li {

  width: 268px;

  float: left;

  margin: 0 18px 28px 0;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

}





.imglm {

  width: 268px;

  height: 200px;

  position: relative;

  overflow: hidden;

}



.imglm img {

  width: 268px;

  height: 200px;

  transition: all 0.5s;

  transform: scale(1);

}



.imglm:hover img {

  transition: all 0.5s;

  transform: scale(1.2);

}



.imglm_a {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0px;

  top: 0px;

  z-index: 2;

  background-color: rgba(15, 62, 196, .8);

  transform: translateY(-150%) skewY(34.5deg);

  transition: .3s linear;

}



.imglm_b {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0px;

  top: 0px;

  z-index: 2;

  background-color: rgba(219, 54, 50, .6);

  transform: translateY(150%) skewY(34.5deg);

  transition: .3s linear;

}



.imglm:hover .imglm_a {

  transform: translateY(-50%) skewY(34.5deg);

}



.imglm:hover .imglm_b {

  transform: translateY(50%) skewY(34.5deg);

}



.imglm_txt3 {

  width: 100px;

  height: 34px;

  line-height: 34px;

  text-align: center;

  color: #FFF;

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

  padding-top: 50px;

  position: absolute;

  left: 50%;

  top: 60px;

  margin-left: -50px;

  z-index: 4;

  opacity: 0;

  transition: all .3s linear .3s;

  transform: scale(0.2);

}



.imglm:hover .imglm_txt3 {

  top: 60px;

  opacity: 1;

  transform: scale(1);

}



.product .tab .pro_box ul li:first-child {

  width: 416px;

  float: left;

  margin: 0 9px 28px 0;

}





.product .tab .pro_box ul li:first-child .imglm {

  width: 416px;

  height: 312px;

  position: relative;

  overflow: hidden;

}



.product .tab .pro_box ul li:first-child .imglm img {

  width: 416px;

  height: 312px;

  transition: all 0.5s;

  transform: scale(1);

}



.product .tab .pro_box ul li:first-child .imglm_txt3 {

  text-align: center;

  color: #FFF;

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

  padding-top: 50px;

  position: absolute;

  left: 50%;

  top: 120px;

  z-index: 4;

  opacity: 0;

  transition: all .3s linear .3s;

  transform: scale(0.2);

}





.product .tab .pro_box ul li:first-child .imglm:hover .imglm_txt3 {

  top: 120px;

  opacity: 1;

  transform: scale(1);

}



.product .tab .pro_box ul li:nth-child(2) {

  width: 416px;

  float: left;

  margin: 0 0px 28px 0;

}





.product .tab .pro_box ul li:nth-child(2) .imglm {

  width: 416px;

  height: 312px;

  position: relative;

  overflow: hidden;

}



.product .tab .pro_box ul li:nth-child(2) .imglm img {

  width: 416px;

  height: 312px;

  transition: all 0.5s;

  transform: scale(1);

}



.product .tab .pro_box ul li:nth-child(2) .imglm_txt3 {

  text-align: center;

  color: #FFF;

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

  padding-top: 50px;

  position: absolute;

  left: 50%;

  top: 120px;

  z-index: 4;

  opacity: 0;

  transition: all .3s linear .3s;

  transform: scale(0.2);

}





.product .tab .pro_box ul li:nth-child(2) .imglm:hover .imglm_txt3 {

  top: 120px;

  opacity: 1;

  transform: scale(1);

}



.product .tab .pro_box ul li .txt{

  height: 40px;

  line-height: 40px;

  border-bottom: 1px solid #fafafa;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

}



.product .tab .pro_box ul li .txt h5 a{

  float: left;

  font-size: 14px;

  color: #4c4c4c;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  width: 200px;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

}



.product .tab .pro_box ul li .txt .more{

  float: right;

  width: 22px;

  height: 7px;

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

  margin-top: 16px;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

} 



.product .tab .pro_box ul li:hover .txt{

  border-bottom: 1px solid #0f3ec4;

}



.product .tab .pro_box ul li:hover .txt h5 a{

  color: #0f3ec4;

}

.product .tab .pro_box ul li:hover .txt .more{

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

}







/*banner1*/





.banner_1{

  width: 100%;

  margin: 40px auto 0 auto;

  height: 300px;

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

}



.banner_1 .con{

  width: 1200px;

  margin: 0 auto;

  height: 300px;

}





.banner_1 .con .nr{

  margin-left: 640px;

  padding-top: 85px;

  font-size: 22px;

  color: #fff;

  font-weight: bold;

}





.banner_1 .con .nr p{

  font-size: 18px;

  color: #fff;

  font-weight: normal;

}



.banner_1 .con .tel{

  margin: 20px 0 0 640px;

  font-size: 24px;

  color: #fff;

  font-weight: bold;

}





.banner_1 .con .hvr-wobble-horizontal a{

  font-size: 14px;

  color: #fff;

  display: block;

  text-align: center;

}



/* Wobble Horizontal */

@-webkit-keyframes hvr-wobble-horizontal {

  16.65% {

    -webkit-transform: translateX(8px);

    transform: translateX(8px);

  }

  33.3% {

    -webkit-transform: translateX(-6px);

    transform: translateX(-6px);

  }

  49.95% {

    -webkit-transform: translateX(4px);

    transform: translateX(4px);

  }

  66.6% {

    -webkit-transform: translateX(-2px);

    transform: translateX(-2px);

  }

  83.25% {

    -webkit-transform: translateX(1px);

    transform: translateX(1px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

@keyframes hvr-wobble-horizontal {

  16.65% {

    -webkit-transform: translateX(8px);

    transform: translateX(8px);

  }

  33.3% {

    -webkit-transform: translateX(-6px);

    transform: translateX(-6px);

  }

  49.95% {

    -webkit-transform: translateX(4px);

    transform: translateX(4px);

  }

  66.6% {

    -webkit-transform: translateX(-2px);

    transform: translateX(-2px);

  }

  83.25% {

    -webkit-transform: translateX(1px);

    transform: translateX(1px);

  }

  100% {

    -webkit-transform: translateX(0);

    transform: translateX(0);

  }

}

.banner_1 .hvr-wobble-horizontal {

  display: inline-block;

  vertical-align: middle;

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px rgba(0, 0, 0, 0);

  margin: 20px 0 0 640px;

  width: 100px;

  height: 30px;

  line-height: 30px;

  border-top: 1px solid #fff;

  border-bottom: 1px solid #fff;

}

.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {

  -webkit-animation-name: hvr-wobble-horizontal;

  animation-name: hvr-wobble-horizontal;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-timing-function: ease-in-out;

  animation-timing-function: ease-in-out;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

  background: #fff;

  color:#0f3ec4;

}



.banner_1 .con .hvr-wobble-horizontal:hover a {

  color: #fff;

}





/*ys*/



.ys{

  width: 1200px;

  margin:60px auto 0 auto;

  position: relative;

}



.ys .ys_t{

  position: absolute;

  left: 530px;

  z-index: 10;

}



.ys .ys_t h5{

font-size: 40px;

font-weight: bold;

color: #e5e5e5;

font-family:'Times New Roman', Times, serif;

text-transform: uppercase;

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

padding-left: 160px;



}



.ys .ys_t h5 span{

  color: #db3632;

  font-family:'Times New Roman', Times, serif;

}





.ys .ys_t h6{

  font-size: 22px;

  font-weight: bold;

  color: #0f3ec4;

  padding-left: 160px;

}

  

.ys .ys_t h6 span{

  font-size: 14px;

  font-weight: normal;

  color: #4c4c4c;

  margin-left: 10px;

}



.ys .ys_box{

  width: 1200px;

  margin: 0 auto;

  position: relative;

}



.ys .ys_box .bd{

  width: 1200px;

  margin: 0 auto;

  position: relative;

}



.ys .ys_box .bd ul li{

  width: 1200px;

  margin: 0 auto;

}



.ys .ys_box .bd ul li .ys_nr1 {

  width: 1200px;

  margin: 0 auto;

  position: relative;

  height: 418px;

}





.ys .ys_box .bd ul li .ys_nr1 .ys_img1 {

  width: 566px;

  height: 418px;

  margin: 0 auto;

float: left;

}



.ys .ys_box .bd ul li .ys_nr1 .txt {

width: 450px;

float: left;

margin: 185px 0 0 85px;

background: url(../images/ys1.jpg) no-repeat left top;

padding-left: 35px;

height: 200px;

}



.ys .ys_box .bd ul li .ys_nr1 .txt .ys_title{

  border-bottom: 1px solid #e6e6e6;

  padding-bottom: 15px;

}



.ys .ys_box .bd ul li .ys_nr1 .txt h5{

  font-size: 16px;

  color: #666;

  font-weight: normal;

}



.ys .ys_box .bd ul li .ys_nr1 .txt h5 i{

  font-size: 16px;

  color: #0f3ec4;

  font-weight: bold;

}



.ys .ys_box .bd ul li .ys_nr1 .txt .ys_title span{

  font-size: 12px;

color: #ccc;

text-transform: uppercase;

margin-top: 5px;

display: block;

}



.ys .ys_box .bd ul li .ys_nr1 .txt p{

color: #808080;

font-size: 14px;

line-height: 30px;

margin-top: 20px;

}





.ys .ys_box .bd ul li .ys_nr2 {

  width: 1200px;

  margin: 20px auto 0 auto;

  position: relative;

}





.ys .ys_box .bd ul li .ys_nr2 .ys_img2 {

  width: 635px;

  height: 329px;

  margin: 0 auto;

float: right;

}



.ys .ys_box .bd ul li .ys_nr2 .txt {

width: 450px;

float: left;

margin: 55px 0 0 0px;

background: url(../images/ys2.jpg) no-repeat left top;

padding-left: 35px;

height: 200px;

}



.ys .ys_box .bd ul li .ys_nr2 .txt .ys_title{

  border-bottom: 1px solid #e6e6e6;

  padding-bottom: 15px;

}



.ys .ys_box .bd ul li .ys_nr2 .txt h5{

  font-size: 16px;

  color: #666;

  font-weight: normal;

}



.ys .ys_box .bd ul li .ys_nr2 .txt h5 i{

  font-size: 16px;

  color: #0f3ec4;

  font-weight: bold;

}



.ys .ys_box .bd ul li .ys_nr2 .txt .ys_title span{

  font-size: 12px;

color: #ccc;

text-transform: uppercase;

margin-top: 5px;

display: block;

}



.ys .ys_box .bd ul li .ys_nr2 .txt p{

color: #808080;

font-size: 14px;

line-height: 30px;

margin-top: 20px;

}



.ys .ys_box .bd ul li .ys_nr3 {

  width: 1200px;

  margin: 0 auto;

  position: relative;

  height: 418px;

}





.ys .ys_box .bd ul li .ys_nr3 .ys_img3 {

  width: 566px;

  height: 418px;

  margin: 0 auto;

float: left;

}



.ys .ys_box .bd ul li .ys_nr3 .txt {

width: 450px;

float: left;

margin: 185px 0 0 85px;

background: url(../images/ys3.jpg) no-repeat left top;

padding-left: 35px;

height: 200px;

}



.ys .ys_box .bd ul li .ys_nr3 .txt .ys_title{

  border-bottom: 1px solid #e6e6e6;

  padding-bottom: 15px;

}



.ys .ys_box .bd ul li .ys_nr3 .txt h5{

  font-size: 16px;

  color: #666;

  font-weight: normal;

}



.ys .ys_box .bd ul li .ys_nr3 .txt h5 i{

  font-size: 16px;

  color: #0f3ec4;

  font-weight: bold;

}



.ys .ys_box .bd ul li .ys_nr3 .txt .ys_title span{

  font-size: 12px;

color: #ccc;

text-transform: uppercase;

margin-top: 5px;

display: block;

}



.ys .ys_box .bd ul li .ys_nr3 .txt p{

color: #808080;

font-size: 14px;

line-height: 30px;

margin-top: 20px;

}



.ys .ys_box .bd ul li .ys_nr4 {

  width: 1200px;

  margin: 20px auto 0 auto;

  position: relative;

}





.ys .ys_box .bd ul li .ys_nr4 .ys_img4 {

  width: 635px;

  height: 329px;

  margin: 0 auto;

float: right;

}



.ys .ys_box .bd ul li .ys_nr4 .txt {

width: 450px;

float: left;

margin: 55px 0 0 0px;

background: url(../images/ys4.jpg) no-repeat left top;

padding-left: 35px;

height: 200px;

}



.ys .ys_box .bd ul li .ys_nr4 .txt .ys_title{

  border-bottom: 1px solid #e6e6e6;

  padding-bottom: 15px;

}



.ys .ys_box .bd ul li .ys_nr4 .txt h5{

  font-size: 16px;

  color: #666;

  font-weight: normal;

}



.ys .ys_box .bd ul li .ys_nr4 .txt h5 i{

  font-size: 16px;

  color: #0f3ec4;

  font-weight: bold;

}



.ys .ys_box .bd ul li .ys_nr4 .txt .ys_title span{

  font-size: 12px;

color: #ccc;

text-transform: uppercase;

margin-top: 5px;

display: block;

}



.ys .ys_box .bd ul li .ys_nr4 .txt p{

color: #808080;

font-size: 14px;

line-height: 30px;

margin-top: 20px;

}



.ys_box .prev {

  display: block;

  width: 28px;

  height: 28px;

  float: left;

  overflow: hidden;

  cursor: pointer;

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

  position: absolute;

  bottom: 30px;

  left: 50px;

  z-index: 10;

}



.ys_box .next {

  display: block;

  width: 28px;

  height: 28px;

  float: right;

  overflow: hidden;

  cursor: pointer;

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

  position: absolute;

  bottom: 30px;

  left: 78px;

  z-index: 10;

}



/*casebox*/



.casebox {

  margin: 60px auto 0 auto;

  width: 1200px;

}



.casebox .casescroll {

  width: 1200px;

  height: 465px;

  overflow: hidden;

  margin: 36px auto 0 auto;

}



.casebox .casescroll .bd {

  width: 1200px;

  height: 420px;

  overflow: hidden;

  margin: 0 auto;

}



.casebox .casescroll .bd ul {

  height: 420px;

}



.casebox .casescroll .bd ul li {

  position: relative;

  width: 384px;

  height: auto;

  float: left;

  margin: 0 8px;

}



.casebox .casescroll .bd ul li .imgbox {

  display: block;

  width: 384px;

  height: 290px;

}



.casebox .casescroll .bd ul li .imgbox img {

  width: 384px;

  height: 290px;

}



.casebox .casescroll .bd ul li .textbox {

  width: 100%;

  height: 110px;

  padding-left: 12px;

  padding-right: 12px;

  overflow: hidden;

  background-color: #fff;

  box-sizing: border-box;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);

}



.casebox .casescroll .bd ul li .textbox .casedatebox {

  width: 100%;

  height: 14px;

  margin-top: 18px;

}



.casebox .casescroll .bd ul li .textbox .casedatebox img {

  display: block;

  float: left;

}



.casebox .casescroll .bd ul li .textbox .casedatebox .casedate {

  display: block;

  float: left;

  width: 200px;

  height: 14px;

  line-height: 14px;

  margin-left: 8px;

  padding-left: 8px;

  font-size: 12px;

  color: #959595;

  border-left: 1px solid #e6e6e6;

  box-sizing: border-box;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.casebox .casescroll .bd ul li .textbox .casename {

  width: 100%;

  height: 14px;

  margin-top: 14px;

  line-height: 14px;

  color: #4c4c4c;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.casebox .casescroll .bd ul li .textbox .line {

  position: relative;

  display: block;

  width: 100%;

  height: 1px;

  margin-top: 16px;

  background-color: #e6e6e6;

}



.casebox .casescroll .bd ul li .textbox .line::after {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 0;

  height: 1px;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

  background-color: #0f3ec4;

}



.casebox .casescroll .bd ul li .textbox .bottombox {

  width: 100%;

  height: 12px;

  margin-top: 10px;

}



.casebox .casescroll .bd ul li .textbox .bottombox .leften {

  width: 100px;

  height: 12px;

  float: left;

  line-height: 12px;

  color: #999;

  font-size: 12px;

}



.casebox .casescroll .bd ul li .textbox .bottombox img {

  display: block;

  float: right;

  margin-top: 1px;

}



.casebox .casescroll .bd ul li:hover .mask {

  -webkit-transform: rotateY(0) scale(1);

  -moz-transform: rotateY(0) scale(1);

  -ms-transform: rotateY(0) scale(1);

  transform: rotateY(0) scale(1);

  opacity: 1;

}



.casebox .casescroll .bd ul li:hover .textbox {

  box-shadow: 0 0 10px 0 rgba(217, 38, 22, 0.2);

}



.casebox .casescroll .bd ul li:hover .textbox .casename {

  color: #0f3ec4;

}



.casebox .casescroll .bd ul li:hover .textbox .line::after {

  width: 100%;

}



.casebox .casescroll .hd {

  width: 100%;

  height: 12px;

  margin-top: 20px;

}



.casebox .casescroll .hd ul {

  width: 100%;

  height: 12px;

  text-align: center;

}



.casebox .casescroll .hd ul li {

  display: inline-block;

  position: relative;

  width: 12px;

  height: 12px;

  margin-left: 4px;

  margin-right: 4px;

  text-indent: 100px;

  border-radius: 50%;

  overflow: hidden;

  background-color: #0f3ec4;

  border: 1px solid #0f3ec4;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

  cursor: pointer;

}



.casebox .casescroll .hd ul li::after {

  content: '';

  position: absolute;

  left: 50%;

  top: 50%;

  width: 8px;

  height: 8px;

  -webkit-transform: translate(-50%, -50%);

  -moz-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

  -o-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

  border-radius: 50%;

  opacity: 0;

  background-color: #0f3ec4;

}



.casebox .casescroll .hd ul li.on {

  background-color: transparent;

}



.casebox .casescroll .hd ul li.on::after {

  opacity: 1;

}





/*banner2*/





.banner_2{

  width:100%;

  height: 280px;

  margin: 60px auto 0 auto; 

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

}



.banner_2 .con{

  width: 1200px;

  height: 280px;

  margin: 0 auto;

}



.banner_2 .con .message{

  width: 590px;

  float: left;

  margin-left: 30px;

}





.banner_2 .con .nr{

  float: right;

  margin-right: 40px;

  width: 340px;

  padding-top: 80px;

}





.banner_2 .con .nr p{

font-size: 24px;

color: #fff;

font-weight: bold;

text-align: right;

}





.banner_2 .con .nr p span{

font-size:20px; 

color: #fff;

font-weight: normal;

display: block;

}



.banner_2 .con .nr .tel{

  width: 200px;

  height: 30px;

  background: #db3632;

  line-height: 30px;

  float: right;

  margin-top: 20px;

  font-size:20px; 

  color: #fff;

  font-weight: normal;

  text-align: center;

}



.banner_2 .con .message h5{

  font-size: 20px;

  color: #0f3ec4;

  font-weight: bold;

  text-align: center;

  margin-top: 40px;

}





.banner_2 .con .message .m_con{

  margin-top: 20px;

  height: 110px;

}



.banner_2 .con .message .m_con .form-group1{

  height: 30px;

  width: 240px;

  float: left;

  margin: 0 20px 0 35px;

  border-bottom: 1px solid #f5f5f5;

}



.banner_2 .con .message .m_con .form-group1 input{

  height: 30px;

  width: 190px;

  border-bottom: 1px solid #f5f5f5;

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

  padding-left: 40px;

  font-size: 14px;

  color: #999;

}



.banner_2 .con .message .m_con .form-group1:hover{

  border-bottom: 1px solid #0f3ec4;



}



.banner_2 .con .message .m_con .form-group1:hover input{

  border-bottom: 1px solid #0f3ec4;

  background: url('../images/m11.jpg') no-repeat 10px center;

  color: #0f3ec4;

}



.banner_2 .con .message .m_con .form-group2{

  height: 30px;

  width: 240px;

  float: left;

  margin: 0 0px 0 10px;

  border-bottom: 1px solid #f5f5f5;

}



.banner_2 .con .message .m_con .form-group2 input{

  height: 30px;

  width: 190px;

  border-bottom: 1px solid #f5f5f5;

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

  padding-left: 40px;

  font-size: 14px;

  color: #999;

}

.banner_2 .con .message .m_con .form-group2:hover{

  border-bottom: 1px solid #0f3ec4;



}



.banner_2 .con .message .m_con .form-group2:hover input{

  border-bottom: 1px solid #0f3ec4;

  background: url('../images/m22.jpg') no-repeat 10px center;

  color: #0f3ec4;

}



.banner_2 .con .message .m_con .form-group3{

  height: 60px;

  width: 510px;

  float: left;

  margin: 15px 0px 0 35px;

  border-bottom: 1px solid #f5f5f5;

}



.banner_2 .con .message .m_con .form-group3 textarea{

  height: 50px;

  width: 190px;

  border-bottom: 1px solid #f5f5f5;

  background: url('../images/m3.jpg') no-repeat 10px 12px;

  padding-left: 40px;

  font-size: 14px;

  color: #999;

  padding-top: 10px;

}



.banner_2 .con .message .m_con .form-group3:hover{

  border-bottom: 1px solid #0f3ec4;

}



.banner_2 .con .message .m_con .form-group3:hover textarea{

  border-bottom: 1px solid #0f3ec4;

  background: url('../images/m33.jpg') no-repeat 10px center;

  color: #0f3ec4;

}



.banner_2 .message .buttom{

  width: 100px;

  height:30px;

  }

  

  .banner_2 .message .buttom .an1{

    width: 100px;

    height:30px;

      font-size: 14px;

      color: #0f3ec4;

      text-align: center;

      display: block;

      cursor: pointer;

  }

  .banner_2 .message .buttom .an1 button{

      border: 0;

      background: transparent;

      color: #0f3ec4;

      font-size: 14px;

      width: 100%;

      height: 100%;

      display: block;

      cursor: pointer;

  }

  

  

  .banner_2 .message .buttom .an1:hover{

      cursor: pointer;

  }



  .banner_2 .hvr-wobble-horizontal {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px rgba(0, 0, 0, 0);

    margin: 10px 0 0 35px;

    width: 100px;

    height: 30px;

    line-height: 30px;

    border-top: 1px solid #0f3ec4;

    border-bottom: 1px solid #0f3ec4;

  }

  .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {

    -webkit-animation-name: hvr-wobble-horizontal;

    animation-name: hvr-wobble-horizontal;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-timing-function: ease-in-out;

    animation-timing-function: ease-in-out;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

    background: #0f3ec4;

    color:#fff;

  }



  .banner_2 .message .buttom .an1:hover button {

    background: #0f3ec4;

    color:#fff;

    cursor: pointer;

  }





/*jz*/





.jz {

  width: 1200px;

  margin: 60px auto 0 auto;

}



.jz .jz_box {

  width: 1200px;

  height: 334px;

  margin: 40px auto 0 auto;

}



.jz .jz_box ul li {

width: 287px;

height: 334px;

float: left;

margin-right: 10px;

background: #fff;

box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);

position: relative;

}



.jz .jz_box ul li .box{

  width: 287px;

height: 334px;

overflow: hidden;

position: relative;

}

.jz .jz_box ul li .jz_nr{

  width: 287px;

height: 334px;

}



.jz .jz_box ul li .jz_nr .jz_img{

width: 285px;

height: 200px;

}



.jz .jz_box ul li .jz_nr .jz_img img{

  width: 285px;

  height: 200px;

  }



  .jz .jz_box ul li .jz_nr .txt h5 a{



    font-size: 16px;

    color: #4c4c4c;

    text-align: center;

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

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    line-height: 50px;

  }



  .jz .jz_box ul li .jz_nr .txt p{

    font-size: 14px;

    color: #808080;

    text-align: center;

    line-height: 24px;

    height: 48px;

    overflow: hidden;

    margin: 10px 30px 0 30px;

  }



  .jz .jz_box ul li .nr{

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

    width: 287px;

    height: 334px;

    position: absolute;

    left: 0px;

    top: -334px;



  }

  .jz .jz_box ul li .nr .txt{

    padding: 10px;

  }

  .jz .jz_box ul li .nr .txt h5 a{

    font-size: 16px;

    color: #4c4c4c;

    text-align: center;

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

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    line-height: 50px;

  }



  .jz .jz_box ul li .nr .txt p{

    font-size: 14px;

    color: #808080;

    text-align: center;

    line-height: 24px;

    height: 48px;

    overflow: hidden;

    margin: 10px 30px 0 30px;

  }



  

.jz .jz_box ul li .nr .jz_img{

  width: 157px;

  height: 157px;

  border-radius: 50%;

  margin: 40px auto 0 auto;

  }

  

  .jz .jz_box ul li .nr .jz_img img{

    width: 157px;

    height: 157px;

    border-radius: 50%;

}

  

.jz .jz_box ul li:hover .nr{

top: 0px;

-webkit-transition: all 0.4s;

-moz-transition: all 0.4s;

-ms-transition: all 0.4s;

-o-transition: all 0.4s;

transition: all 0.4s;

}



/*honor*/





.honor {

  width: 1200px;

  height: 420px;

  margin: 60px auto 0 auto;

}



.honor .honor_list {

  width: 340px;

  height: 40px;

  margin: 40px auto 0 auto;

}





.honor .honor_list ul li {

  width: 150px;

  height: 40px;

  margin-right: 20px;

  background: #0f3ec4;

  font-size: 16px;

  color: #fff;

  text-align: center;

  line-height: 40px;

  float: left;

}



.honor .honor_list ul li.casehover{

  background: #db3632;

}



.honor .honor_box{

  margin-top: 20px;

  position: relative;

}



.honor .honor_box .bd{

 width: 1040px;

 overflow: hidden;

 margin: 0 auto;

}



.honor .honor_box .bd ul li{

  width: 326px;

  float: left;

  margin: 0 10px;

 }



 .honor .honor_box .bd ul li .imglm{

  width: 326px;

  height: 240px;

  position: relative;

  overflow: hidden;

 }



 .honor .honor_box .bd ul li .imglm img{

  width: 326px;

  height: 240px;

 }



 .honor .honor_box .bd ul li .imglm .imglm_txt3 {

  top: 80px;

}





.honor .honor_box .bd ul li .imglm .imglm:hover .imglm_txt3 {

  top: 80px;

  opacity: 1;

  transform: scale(1);

}



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

  font-size: 14px;

  color: #4c4c4c;

  line-height: 40px;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  text-align: center;

}



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

  color: #0f3ec4;

}

.honor_box .prev {

  display: block;

  width: 60px;

  height: 60px;

  float: left;

  overflow: hidden;

  cursor: pointer;

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

  position: absolute;

  top: 90px;

  left: 0px;

}



.honor_box .next {

  display: block;

  width: 60px;

  height: 60px;

  float: right;

  overflow: hidden;

  cursor: pointer;

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

  position: absolute;

  top: 90px;

  right: 0px;

}





/*about*/



.aboutbox {

  width: 1200px;

  height: 420px;

  margin: 60px auto 0 auto;

}



.aboutbox .leftimg {

  width: 600px;

  height: 390px;

  float: left;

}



.aboutbox .leftimg img {

  width: 600px;

  height: 390px;

}



.aboutbox .righttextbox {

  width: 600px;

  height: 390px;

  float: right;

  margin-top: 30px;

  overflow: hidden;

  padding-left: 43px;

  box-sizing: border-box;

  background-color: #0f3ec4;

}



.aboutbox .righttextbox .en {

  font-size: 32px;

  line-height: 32px;

  margin-top: 64px;

  text-transform: uppercase;

  color: #9ca7db;

}



.aboutbox .righttextbox h3 {

  margin-top: 18px;

  color: #fff;

  font-size: 24px;

  line-height: 24px;

  font-weight: bold;

}



.aboutbox .righttextbox .aboutline {

  display: block;

  width: 20px;

  height: 2px;

  margin-top: 26px;

  margin-bottom: 20px;

  background-color: #9ca7db;

}



.aboutbox .righttextbox .aboutdesc {

  width: 490px;

  height: 112px;

  line-height: 28px;

  color: #f0f0f0;

  font-size: 14px;

  overflow: hidden;

}



.aboutbox .righttextbox .aboutclass {

  width: 100%;

  height: 45px;

  margin-top: 36px;

}



.aboutbox .righttextbox .aboutclass li {

  width: 100px;

  height: 30px;

  float: left;

  margin-right: 13px;

  text-align: center;

  line-height: 30px;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

  background-color: #fff;

}



.aboutbox .righttextbox .aboutclass li a {

  display: block;

  line-height: 30px;

  color: #fff;

  font-size: 14px;

  -webkit-transition: all 0.4s;

  -moz-transition: all 0.4s;

  -ms-transition: all 0.4s;

  -o-transition: all 0.4s;

  transition: all 0.4s;

  text-align: center;

}



.aboutbox .righttextbox .aboutclass li.active {

  background-color: #db3632;

}



.aboutbox .righttextbox .aboutclass li.active:hover {

  background-color: #fff;

}



.aboutbox .righttextbox .aboutclass li.active:hover a {

  color: #0f3ec4;

}

















/*newsbox*/



.newsbox {

  margin: 60px auto 0 auto;

  width: 1200px;

}



.newsbox .leftnewsbox {

  width: 690px;

  float: left;

}



.newsbox .leftnewsbox .titlebox {

  position: relative;

  width: 100%;

  height: 34px;

  padding-left: 20px;

  box-sizing: border-box;

  border-bottom: 6px solid #fafafa;

}



.newsbox .leftnewsbox .titlebox::before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 2px;

  height: 21px;

  background-color: #db3632;

}



.newsbox .leftnewsbox .titlebox li {

  width: 100px;

  height: 16px;

  float: left;

  line-height: 16px;

}



.newsbox .leftnewsbox .titlebox li a {

  color: #4c4c4c;

  font-size: 16px;

}



.newsbox .leftnewsbox .titlebox li.active a {

  color: #0f3ec4;

}



.newsbox .leftnewsbox .newscontent {

  position: relative;

  width: 100%;

  height: 454px;

  margin-top: 30px;

}



.newsbox .leftnewsbox .newscontent .newsmainbox {

  display: none;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: auto;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .recommendbox {

  width: 100%;

  height: 148px;

  overflow: hidden;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

  background-color: #fafafa;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .recommendbox .imgbox {

  display: block;

  float: left;

  width: 201px;

  height: 148px;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .recommendbox .imgbox img {

  width: 201px;

  height: 148px;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .recommendbox .righttextbox {

  width: 402px;

  height: auto;

  float: left;

  margin-top: 38px;

  margin-left: 32px;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .recommendbox .righttextbox a {

  width: 100%;

  font-size: 14px;

  line-height: 14px;

  color: #4d4d4d;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .recommendbox .righttextbox .recommenddesc {

  height: 56px;

  margin-top: 16px;

  font-size: 14px;

  line-height: 28px;

  color: #808080;

  overflow: hidden;

  text-indent: 2rem;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .recommendbox:hover {

  background-color: #0f3ec4;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .recommendbox:hover .righttextbox a {

  color: #fff;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .recommendbox:hover .righttextbox .recommenddesc {

  color: #fff;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .newslist {

  width: 100%;

  height: auto;

  margin-top: 30px;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .newslist li {

  position: relative;

  width: 100%;

  height: 32px;

  margin-bottom: 14px;

  border-bottom: 1px solid #f5f5f5;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .newslist li::after {

  content: '';

  position: absolute;

  left: 0;

  bottom: -2px;

  width: 0;

  height: 1px;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

  background-color: #0f3ec4;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .newslist li .iconbox {

  width: 10px;

  height: 1px;

  float: left;

  background: url('../images/ico_newslist.png') 0 0 no-repeat;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

  margin-top: 9px;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .newslist li a {

  width: 400px;

  height: 14px;

  float: left;

  margin-top: 3px;

  line-height: 14px;

  margin-left: 20px;

  font-size: 14px;

  color: #4c4c4c;

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .newslist li .date {

  display: block;

  width: 100px;

  height: 14px;

  float: right;

  margin-right: 18px;

  text-align: right;

  color: #808080;

  font-size: 12px;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .newslist li:hover .iconbox {

  background-position-y: -1px;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .newslist li:hover::after {

  width: 100%;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .newslist li:hover a {

  color: #0f3ec4;

}



.newsbox .leftnewsbox .newscontent .newsmainbox .newslist li:hover .date {

  color: #0f3ec4;

}



.newsbox .rightanswer {

  width: 440px;

  float: right;

}



.newsbox .rightanswer .titlebox {

  position: relative;

  width: 100%;

  height: 34px;

  padding-left: 20px;

  box-sizing: border-box;

  border-bottom: 6px solid #fafafa;

}



.newsbox .rightanswer .titlebox::before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  width: 2px;

  height: 21px;

  background-color: #db3632;

}



.newsbox .rightanswer .titlebox li {

  width: 100px;

  height: 16px;

  float: left;

  line-height: 16px;

}



.newsbox .rightanswer .titlebox li a {

  color: #0f3ec4;

  font-size: 16px;

}



.newsbox .rightanswer .answerscroll {

  width: 440px;

  margin-top: 30px;

  overflow: hidden;

  height: 410px;

}



.newsbox .rightanswer .answerlist {

  width: 100%;

  height: 398px;

}



.newsbox .rightanswer .answerlist li {

  width: 100%;

  height: 184px;

  margin-bottom: 30px;

}



.newsbox .rightanswer .answerlist li .qbox {

  width: 100%;

  height: 82px;

  margin-bottom: 20px;

  overflow: hidden;

  -webkit-transition: all 0.6s;

  -moz-transition: all 0.6s;

  -ms-transition: all 0.6s;

  -o-transition: all 0.6s;

  transition: all 0.6s;

  background-color: #0f3ec4;

}



.newsbox .rightanswer .answerlist li .qbox .lefticon {

  width: 42px;

  height: 42px;

  float: left;

  margin-top: 20px;

  margin-left: 20px;

}



.newsbox .rightanswer .answerlist li .qbox .rightatitle {

  width: 312px;

  height: 14px;

  float: left;

  line-height: 14px;

  margin-top: 35px;

  margin-left: 20px;

  color: #fff;

  display: block;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}



.newsbox .rightanswer .answerlist li .qbox:hover {

  box-shadow: 0px 10px 10px 4px rgba(6, 82, 237, 0.2);

}



.newsbox .rightanswer .answerlist li .abox {

  width: 100%;

  height: 82px;

  background-color: #fafafa;

}



.newsbox .rightanswer .answerlist li .abox .ainfo {

  width: 332px;

  height: 44px;

  float: left;

  margin-top: 22px;

  margin-left: 26px;

  line-height: 22px;

  font-size: 14px;

  color: #808080;

  overflow: hidden;

}



.newsbox .rightanswer .answerlist li .abox .righticon {

  width: 42px;

  height: 42px;

  float: right;

  margin-top: 22px;

  margin-right: 20px;

}





/*links*/



.links {

  width: 1200px;

  margin: 0px auto 0 auto;

}



.links .links_t {

  width: 1200px;

  margin: 0 auto;

  border-bottom: 1px solid #e6e6e6;

  padding-bottom: 10px;

}



.links .links_t h3 {

  font-size: 33px;

  color: #0f3ec4;

  font-weight: normal;

  text-transform: uppercase;

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

}



.links .yq {

  margin-top: 15px;

}



.links .yq a {

  font-size: 14px;

  color: #808080;

  margin: 0 15px;

  line-height: 24px;

}