@charset "utf-8";

@media (max-width:991px) {
  .row.res{width: auto !important; padding-right: 0; padding-left: 0;}
  .mb30{margin-bottom: 15px;}	
}

.body-bg{background: #f6f6f6;}
.bgwhite{background: #fff;}
.entirebox{padding-right: 25px; padding-left: 25px; overflow: hidden;}
@media (max-width:991px) {
  .entirebox{padding-right: 15px; padding-left: 15px;}	
}

/*网页通用效果*/
/***
.elli-s:单行省略号
.elli-m:多行省略号
.transition:过渡效果
.imgscale:鼠标经过，图片放大效果
 ***/
.elli-s{display: block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; max-width:100%; overflow: hidden;}
.elli-m{display: -webkit-box; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; overflow: hidden;}
.transition,
.transition a{-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);}

/*图片占位符*/
/***
16:9[56.25%]
4:3[75%]
3:2[66.666667%]
 ***/
.place{position: relative; z-index: 2; display: block; padding-top: 66.66667%; overflow: hidden;}
.place .pic{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; overflow: hidden;}
.place .pic img{display: block; width: 100%; height: 100%; min-height: 100%; /*object-fit: cover;*/}

/*more*/
/*
.com-more:电脑端-更多
.m-com-more:移动端-更多
.more:率属于某一块下的类名，不建议单独写全局样式，会影响到其他更多样式
*/
.com-more a{color:#666666; font-size: 14px; }
.com-more a:hover{color:#0046a9;}
@media (max-width: 640px) {
  .com-more{display: none;}	
}

.m-com-more{clear: both; margin-top: 20px; display: none;}
.m-com-more a{display: block; padding: .625em; color:#666; text-align: center; background-color: #f5f5f5; border: 1px solid #e6e6e6; border-radius:5px;}
@media (max-width: 640px) {
  .m-com-more{display: block;}
}

.see-more{margin-top: 20px; text-align: center;}
.see-more a{display: inline-block; width: 30%; max-width: 138px; font-size: 16px; color: #333; line-height: 36px; background: #fff; border: 1px solid #ececec; border-radius: 100px; transition: all .3s;}
.see-more a:hover{background: #328aff; border-color: #328aff; color: #fff;}
@media (max-width: 640px) {
  .see-more.none{display: block;}	
}

/*newslist*/
.newslist li{position: relative; padding: 25px 0 25px 100px; border-bottom: 1px solid #ebebeb;}
.newslist li .caption a{font-size: 18px; color: #333; line-height: 1.75em;}
.newslist li .desc{margin-top: 10px; font-size: 14px; color: #999;}
.newslist li .time{position: absolute; top: 50%; left: 0; width: 80px; margin-top: -30px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #666;}
.newslist li .time span{display: block; margin-top: 36px; font-size: 15px; line-height: 30px;}
.newslist li .time strong{position: absolute; top: 0; right: 0; left: 0; display: block; height: 36px; font-size: 36px; color: #333;}
.newslist li .time strong font{display: none;}
@media (max-width:991px) {
  .newslist li{padding-left: 80px;}
  .newslist li .caption a{font-size: 16px;}	
  .newslist li .time{width: 60px;}
}
@media (max-width:450px) {
  .newslist li{padding-top: 15px; padding-bottom: 15px; padding-left: 0;}
  .newslist li .time{position: static; width: auto; margin-top: 10px; text-align: left;}
  .newslist li .time span{margin-top: 0; display: inline;}
  .newslist li .time span font{display: inline;}
  .newslist li .time strong{position: static; display: inline; font-size: 1.125em; font-weight: normal; color: inherit;}	
}

/*** imagelist ***/
/*** ===
.space*:每一列之间间隔*px
.col*: 列表分*列
=== ***/
.imagelist ul{zoom: 1;}
.imagelist ul li{position: relative; float: left; width: 100%;}
.imagelist ul li a{position: relative; display: block; font-size: 18px; color: #333; overflow: hidden;}
.imagelist ul li a .place .play{position: absolute; top: 50%; left: 50%; z-index: 1; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px;}
.imagelist ul li a .place .play img{display: block; width: 100%; height: 100%;}
.imagelist ul li a .caption p{position: relative; z-index: 2;}
.imagelist ul li a .caption .elli-m{text-align: left;}
.imagelist ul li a .caption .elli-s{text-align: center;}
.imagelist ul li a .caption.inline{padding: .625em .75em; background: #f5f6fa;}
.imagelist ul li a .caption.inline .elli-m{line-height: 1.6em; max-height: 3.2em; height: 3.2em; text-align: left;}
.imagelist ul li a .caption.inline .time{padding: .5em 0; position: relative;}
.imagelist ul li a .caption.inline .time span{font-size: .875em; color: #999;}
.imagelist ul li a .caption.inline .time i{position: absolute; top: 50%; right: 0; margin-top: -12px; width: 24px; height: 24px; background: #fff url(../images/public/more.png) no-repeat center center; border-radius: 50%; box-shadow: 3px 3px 6px rgba(0,0,0,.15);}
.imagelist ul li a .caption.inline .time i:hover{background-color: #328aff; background-image: url(../images/public/more_white.png);}
.imagelist ul li a .caption.inline.nobor{padding-right: 0; padding-left: 0; background: none;}
.imagelist ul li a .caption.fixed{position: absolute; right: 0; bottom: 0; left: 0; z-index: 5; padding: 12px; font-weight: bold; color: #fff;}
.imagelist ul li a .caption.fixed:after{position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; background: rgba(0,0,0,.5);}
.imagelist ul li a .caption.fixed.linear:after{top: -20px;
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, .45));
background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, .45));
background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, .45));
background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, .45));}
.imagelist ul li a.shadow{background-color: #fff; box-shadow: 0 0 8px rgba(104, 159, 222, .25);}
.imagelist ul li a.shadow .caption.inline{padding: .5em .75em;}
.imagelist .col2 li{width: 50%;}
.imagelist .col4 li{width: 25%;}
.imagelist .col3 li{width: 33.33333%;}
.imagelist.space20 ul{margin: -20px -10px 0;}
.imagelist.space20 li a{margin: 20px 10px 0;}
.imagelist.space30 ul{margin: -30px -15px 0;}
.imagelist.space30 li a{margin: 30px 15px 0;}
.imagelist.space40 ul{margin: -30px -20px 0;}
.imagelist.space40 li a{margin: 30px 20px 0;}
.imagelist.ztpic ul li a .place{padding-top: 30.25%;}
.setIE.ie8 .imagelist ul li a.shadow .caption.inline{border-bottom: 1px solid #f0f4f9; border-right: 1px solid #f0f4f9; border-left: 1px solid #f0f4f9;}
@media (max-width:1480px) {
  .imagelist ul{margin: -20px -10px 0 !important;}
  .imagelist ul li a{margin: 20px 10px 0 !important;}
  .imagelist ul li a .place .play{width: 40px; height: 40px; margin-top: -20px; margin-left: -20px;}
}
@media (max-width:1280px) {
  .imagelist ul{margin: -15px -7px 0 -8px !important;}
  .imagelist ul li a{margin: 15px 7px 0 8px !important;}
}
@media (max-width:991px) {
  .imagelist .col4 li{width: 50%;}
  .imagelist ul li a{font-size: 16px;}
  .imagelist.res ul li{width: 50% !important;}
}
@media (max-width:640px) {
  .imagelist ul li a .place .play{width: 30px; height: 30px; margin-top: -15px; margin-left: -15px;}
}
@media (max-width:414px) {
  .imagelist ul li a{font-size: 14px;}
  .imagelist ul li a .caption.inline .time i{width: 20px; height: 20px; margin-top: -10px;}
  .imagelist .col4 li{width: 50%;}
  .imagelist.res ul li{width: 100% !important;}
  .imagelist.res ul li a .caption.inline .elli-m{display: inline-block; height: auto;}
}


/*** 分页 ***/
.pagination{font-size: 14px; line-height: 20px; text-align: center; clear:both;}
.pagination ul li{display: inline-block; margin: 5px 0;}
.pagination ul li .up{display: inline-block; vertical-align: top; padding: 6px 15px; color: #333; height: 20px; line-height: 20px; text-align: center; transition:  all .2s; -webkit-transition: all .2s; background: #f4f4f4; border-radius: 4px; zoom: 1;}
.pagination ul li .up:hover{color: #666; border-color: #ccc;}
.pagination ul li .up.current{background: #b20000; border-color: #b20000; color: #fff;}
.pagination ul li.pageJump font{display: inline-block; vertical-align: top; height: 32px; line-height: 32px; margin-right: 2px; margin-left: 2px;}
.pagination ul li.pageJump .inputtext{width: 35px; padding-right: 0; padding-left: 0; box-sizing: content-box;}
.pagination ul li.pageJump .inputtext:focus{border-color: #601800;}

@media (max-width:991px) {
  .pagination ul li.pageJump{display: none;}	
}

@media (max-width:640px) {
  .pagination{text-align: left;}
  .pagination ul li .up{padding: 0 5px; border: none; background-color: transparent !important;}
  .pagination ul li .up.current{color: 	#d7221e; font-weight: bold;}
}


/*** banner ***/
.column-banner{width: 100%;}
.column-banner > div{text-align: center;}
.column-banner > div img{display: block; width: 100%;}

/*** banner ***/
.column-headline{position: relative; padding-bottom: 20px; border-bottom: 1px solid #dadada;}
.column-headline.nobor{padding-bottom: 0; border-bottom: none;}
.column-headline .hd{position: relative; z-index: 2; text-align: center;}
.column-headline .hd a{display: inline-block; position: relative; padding-right: 15px; padding-left: 15px; font-size: 36px; color: #000; font-weight: bold; letter-spacing: 2px;}
.column-headline .hd i{position: absolute; top: 50%; height: 10px; margin-top: -5px; width: 0; background-repeat: no-repeat;}
.column-headline .hd i img{display: block; height: 100%;}
.column-headline .hd i.left{left: 0; background-image: url(../images/public/headline_left.png); background-position: right center;}
.column-headline .hd i.right{right: 0; background-image: url(../images/public/headline_right.png); background-position: left center;}
.column-headline .enname{margin-top: -22px; font-family: "Arial Black", Gadget, sans-serif; font-size: 40px; color: #f9f9f9; text-transform: uppercase; text-align: center; line-height: 1em; user-select: none;}
@media (max-width:1200px) {
  .column-headline .hd a{font-size: 30px;}
  .column-headline .enname{margin-top: -15px; font-size: 32px;}	
}
@media (max-width:991px) {
  .column-headline .hd a{font-size: 26px;}
  .column-headline .enname{margin-top: -10px; font-size: 28px;}	
}
@media (max-width:768px) {
  .column-headline .enname{display: none;}	
}

/*** 分类 ***/
.classify{position: relative; z-index: 2; padding: 15px 40px; background: #fff; box-shadow: 0 0 4px rgba(68,68,68,.15);}
.classify.noshadow{box-shadow: none;}
.classify ul{margin-right: -20px;}
.classify ul li{float: left; min-width: 20%; padding: 10px 0;}
.classify ul li:first-child {display: none;}
.classify ul li a{position: relative; display: inline-block; margin-right: 22px; padding-left: 20px; white-space: nowrap; line-height: 1.6em;}
.classify ul li a i{position: absolute; top: -6px; left: 0; width: 12px; height: 12px; margin-top: .8em; border: 1px solid #caccd6; border-radius: 50%;}
.classify ul li a i:before{position: absolute; top: 50%; left: 50%; content: ""; width: 6px; height: 6px; margin-top: -3px; margin-left: -3px; background: #caccd6; border-radius: 50%;}
.classify ul li a span{font-size: 18px; color: #666;}
.classify ul li a:hover i{border-color: #999;}
.classify ul li a:hover i:before{background: #999;}
.classify ul li a:hover span{color: #333;}
.classify ul li a.on i{border-color: #c00; box-shadow: 0 0 6px rgba(204,0,0,.35);}
.classify ul li a.on i:before{background: #c00;}
.classify ul li a.on span{color: #333; font-weight: bold;}
.classify ul li.more{float: right; display: none;}
.classify ul li.more a span{color: #a50000; font-size: 16px;}
@media (max-width:991px) {
  .classify{padding: 15px;}
  .classify ul{margin-right: -15px;}
  .classify ul li{min-width: 33.33333%;}
  .classify ul li:first-child {display: inline-block;}
  .classify ul li a span{font-size: 16px; margin-right: 15px;}	
}
@media (max-width:768px) {
  .classify ul li{min-width: 50%;}	
}