@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1300,.width-1300{ width:1300px; margin:0 auto;}
.box1 {width:1350px;margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1300px;}  /*版面宽度*/
.page_content{ width:1000px;} /*右边宽度*/
.page_left{ width:300px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}






.case{padding: 100px 0 50px;}
.case_nav{padding: 34px 0 0;height: 80px;width: 74.28%;margin: 0 auto;}
.case_nav ul li{width: 15.2%;float: left;padding: 0 1%;position: relative;}
.case_nav ul li:before{content: "";width: 6px;height: 6px;background: #d2d2d2;position: absolute;top: 22px;left: -3px;border-radius: 50%;}
.case_nav ul li a{font-size: 22px;color: #333;display: block;width: 100%;text-align: center;height: 50px;line-height: 50px;}
.case_nav li a,.ban01_l span a{
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px transparent;
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;}
.case_nav li a:before,.ban01_l span a:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background: #e62129;
	  border-radius: 60px;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transform-origin: 50%;
	  transform-origin: 50%;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
.case_nav li a:hover:before,.case_nav li.cur a:before,.ban01_l span a:hover:before {
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}
.case_nav ul li a:hover,.case_nav ul li.cur a{color: #fff;}
.case_nav ul li:first-child:before{background: none;}
.case_nav ul li:last-child{width: 12%;}
.case_l{width: 100%; margin-top: 40px;}
.case_l ul li{width: 32.85%;float: left;line-height: 0;position: relative;overflow: hidden;margin-bottom: 10px;}
.case_l ul li img{display: block;width: 100%;}
.case_l ul li p{width: 80%;position: absolute;bottom: 0;left: 0;font-size: 22px;color: #fff;height: 80px;line-height: 80px;padding:0 6% 0 14%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;background: rgba(0,0,0,0.6);}
.line-scale-pulse-out{ display: block; position: absolute;bottom: 24px;left: 0;line-height: 0;width: 40px;margin-left: 20px;}
.line-scale-pulse-out > i {
  background-color: #fff;
  width: 2px;
  height: 30px;
  border-radius: 2px;
  margin:0 1px 0 0;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: inline-block;
  -webkit-animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85);
          animation: line-scale-pulse-out 0.9s 0s infinite cubic-bezier(.85, .25, .37, .85); }
  .line-scale-pulse-out > i:nth-child(2), .line-scale-pulse-out > i:nth-child(4) {
    -webkit-animation-delay: 0.2s !important;
            animation-delay: 0.2s !important; }
  .line-scale-pulse-out > i:nth-child(1), .line-scale-pulse-out > i:nth-child(5) {
    -webkit-animation-delay: 0.4s !important;
            animation-delay: 0.4s !important; }
.case_l ul li em{width: 30px;height: 8px;display: block;float: right;line-height: 0;padding: 32px 0 0;}
.case_l ul li em img{width: 30px;height: 8px;}
.case_l ul li:nth-child(2n){margin-left: 34.3%;}
.case_c{width: 32.86%;position: absolute;top: 222px;left: 50%;transform: translateX(-50%);}
.case_c dl{width: 100%;height: 592px;position: relative;}
.case_c dl dt{width: 100%;height: 100%;line-height: 0;overflow: hidden;}
.case_c dl dt img{display: block;width: 100%;}
.case_c dl dd{position: absolute;bottom: 0;padding: 60px 7.5%;padding-bottom: 20px;left: 0;width: 85%;background: rgba(0,0,0,0.7);}
.case_c dl dd h5{height: 40px;line-height: 40px;overflow: hidden;}
.case_c dl dd h5 a{font-size: 24px;color: #fff;font-weight: normal;display:block;width:100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_desc{font-size: 14px;color: #fff;line-height: 26px;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.case_c .line-scale-pulse-out{top: 25px;left: 7.5%;margin-left: 0;}

@-webkit-keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }

@keyframes line-scale-pulse-out {
  0% {
    -webkit-transform: scaley(1);
            transform: scaley(1); }

  50% {
    -webkit-transform: scaley(0.4);
            transform: scaley(0.4); }

  100% {
    -webkit-transform: scaley(1);
            transform: scaley(1); } }