@charset "utf-8";
/*** layout ***/
.container:after, .container:before {display:table; content: "";}
.container:after {clear: both;}
.container{width: 1200px; margin-right:auto; margin-left:auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.row:after,.row:before{content:""; display:block; clear:both;}
.row-space20{margin-left:-10px; margin-right:-10px;}
.row-space20 > *{padding-left:10px; padding-right:10px;}
.row-space30{margin-left:-15px; margin-right:-15px;}
.row-space30 > *{padding-left:15px; padding-right:15px;}
.row-space40{margin-left:-20px; margin-right:-20px;}
.row-space40 > *{padding-left:20px; padding-right:20px;}
.row > [class*="col-"]{position:relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; min-height:1px; float:left; }
.row > .col-12{width:100%;}
.row > .col-11{width:91.66666667%;}
.row > .col-10{width:83.33333333%;}
.row > .col-9{width:75%;}
.row > .col-8{width:66.66666667%;}
.row > .col-7{width:58.33333333%;}
.row > .col-6{width:50%;}
.row > .col-5{width:41.66666667%;}
.row > .col-4{width:33.33333333%;}
.row > .col-3{width:25%;}
.row > .col-2{width:16.66666667%;}
.row > .col-1{width:8.33333333%;}


/* 单行省略号 */
.elli-s{display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; max-width: 100%;}
/* 多行省略号 */
.elli-m{display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}

.transition,
.transition *{-webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms;}

.imgscale img{-moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.imgscale img:hover{-moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
/* animate-img */
.animate-img-rotateY180 img{transition: .3s all;}
.animate-img-rotateY180 a:hover img{transform: rotateY(180deg);}

/* 归档 */
.guidang{position: absolute; right: 2%; top: 30px; width: 258px;  height: 104px; background: url(../images/gd.png) no-repeat;
  z-index: 999;}
.guidang span{display: block; padding: 4px 0 0 116px;  color: #c81208; font-size:1.375em; font-weight: bold; transform:rotate(-2deg); 
  -ms-transform:rotate(-2deg); 	/* IE 9 */
  -moz-transform:rotate(-2deg); 	/* Firefox */
  -webkit-transform:rotate(-2deg); /* Safari 和 Chrome */
  -o-transform:rotate(-2deg);}