@charset "utf-8";

body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*??????????*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

/**/
.bti {text-align: center;font-weight: normal; }
.bti i{ display: block;font-size: 36px;color: #333333;line-height: 36px;font-weight: bold;}
.bti i b{ display: inline-block;width: 30px;height: 5px;color: #43a8ed;content: "";background: #43a8ed;margin: 0px 10px 0;vertical-align:middle;}
.bti span{display:block;font-size: 24px;color: #666666;line-height: 24px;text-transform: uppercase;padding-top: 18px;}



.lj_yz{ padding:182px 0 0;background:url(../images/lj_yzbg.jpg) no-repeat center 0;height: 343px;}

.lj_yz dl{height: 262px;}
.lj_yz dt img{ display: block;width: 500px;height: 262px;}
.lj_yz dd{ float: left;height: 262px;width: 500px;padding-left: 120px;}
.lj_yz dd h3{ font-size: 36px;line-height: 36px;color: #333333;}
.lj_yz dd p{ font-size: 16px;line-height: 30px;color: #666666;padding-top: 50px;}

.lj_cj{ padding-top: 100px;}
.lj_cj ul{ margin-top: 50px;}
.lj_cj ul li{ float: left;width: 380px;margin-right: 30px;height: 302px;padding-bottom: 18px;border-bottom: 2px solid #c8c8c8;margin-bottom: 72px;}
.lj_cj ul li:nth-child(3n){ margin-right: 0;}
.lj_cj ul li span{height: 90px;line-height: 90px;display: block;border-bottom: 2px solid #f6f6f6;padding-left: 35px;font-size: 18px;color: #333333;}
.lj_cj ul li span img{ display: block;float: right;margin-top:39px;margin-right: 23px;}

.lj_pp{ padding:50px 0 0;background:url(../images/lj_ppbg.jpg) no-repeat center 0;height: 285px;}
.lj_pp ul{ margin-top: 40px;}
.lj_pp ul li{ float: left;width: 200px;height: 100px;}
.lj_pp ul li img{ width: 200px;height: 100px;}

.lj_cp{padding-top: 100px;}
.lj_cpcon{ margin-top: 45px;}
.lj_cpcon dl{ float: left;margin-right: 30px;width: 585px;margin-bottom:50px ;height: 438px;}
.lj_cpcon dl:nth-child(2n){margin-right: 0;}
.lj_cpcon dt img{ display: block;width: 585px;height: 378px;}
.lj_cpcon dd{ height: 60px;line-height: 60px;background:url(../images/lj_cpdd1.jpg) no-repeat center 0;}
.lj_cpcon dd h3 a{display: block;float: left;font-size: 22px;color: #ffffff;text-align: center;}
.lj_cpcon dl:nth-child(1) dd h3 a{ width: 180px;}
.lj_cpcon dl:nth-child(2) dd h3 a{ width: 220px;}
.lj_cpcon dl:nth-child(3) dd h3 a{ width: 300px;}
.lj_cpcon dl:nth-child(4) dd h3 a{ width: 150px;}
.lj_cpcon dd p{ float: left;margin-left: 50px;}
.lj_cpcon dl:nth-child(3) dd p{ margin-left: 20px;}

.lj_cpcon dd p span{ float: left;padding-left: 18px;font-size: 18px;line-height: 60px;background:url(../images/lj_cpic1.png) no-repeat left;margin-right: 18px;}

.lj_cpcon dd em{ float: right;margin-right: 10px;margin-top: 20px;width: 24px;height: 24px;display: block;}
.lj_cpcon dd em img{display: block;width: 24px;height: 24px;}


.lj_cpcon dl:nth-child(1) dd{ background:url(../images/lj_cpdd1.jpg) no-repeat center;}
.lj_cpcon dl:nth-child(2) dd{ background:url(../images/lj_cpdd2.jpg) no-repeat center;}
.lj_cpcon dl:nth-child(3) dd{ background:url(../images/lj_cpdd3.jpg) no-repeat center;}
.lj_cpcon dl:nth-child(4) dd{ background:url(../images/lj_cpdd4.jpg) no-repeat center;}


/*3D轮播*/
.lj_al{height: 791px;overflow: hidden;padding-top: 100px;}
/*background:url(../images/three_bg.jpg) no-repeat center 0;*/
.lj_al .con{margin-top: 50px;position: relative;width: 1200px;}
.lj_al .con .list{overflow: hidden;}
.lj_al .con dl{width: 659px;margin: 0 auto;padding: 18px;background: #fff;height: 473px;border:1px solid #b9b9b9;box-shadow: 0 0 29px rgba(0,0,0.0.25);position: relative;}
.lj_al .con dl dt{width: 659px;line-height: 0;background: #000;}
.lj_al .con dl dt img{width: 659px;height: 473px;}
.lj_al .con dl dd{width: 600px;height: 96px;background: rgba(0,0,0,0.6);margin: 0 auto;position: absolute;left: 45px;bottom: 33px;border-radius: 8px;}
.lj_al .con dl dd h4 a{font-size: 20px;color: #ffffff;line-height: 20px;display: block;float: left;width: 300px;line-height: 96px;text-align: center;}
.lj_al .con dl dd p{font-size: 15px;line-height: 30px;color: #ffffff;}
.lj_al .con dl.swiper-slide-active dt img{opacity: 1;}
.lj_al .con dl.swiper-slide-active dd{opacity: 1;}
.lj_al .con .swiper-button-prev{position: absolute;width: 33px;height: 33px;display: block;left:0px;top: 260px;}
.lj_al .con .swiper-button-next{position: absolute;width: 33px;height: 33px;display: block;right:0px;top: 260px;}


.lj_al ul{ margin-top: 50px;}
.lj_al ul li{ float: left;width: 386px;margin-right: 21px;height: 276px;margin-bottom: 30px;}
.lj_al ul li i{display: block;width: 386px;height: 216px;overflow:hidden; }
.lj_al ul li img{ display: block;width: 386px;height: 216px;transition:all 0.5s;}
.lj_al ul li:hover img{ transform:scale(1.05);}

.lj_al ul li:nth-child(3n){ margin-right: 0;}
.lj_al ul li span{height: 60px;line-height: 60px;display: block;border-bottom: 2px solid #3389dc;padding-left: 35px;font-size: 18px;color: #333333;font-weight: bold;}
.lj_al ul li span>img{ display: block;float: right;margin-top:23px;margin-right: 30px;width: 15px;height: 15px;}


.f_link{background:url(../images/link_bg.jpg) no-repeat center 0;height: 120px;overflow: hidden;line-height: 80px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #fff;width: 80px;}
.f_link p{font-size: 14px;color: #fff;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #fff; padding:0 10px 0 0;}



/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}

/*  */
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}