﻿.clearfloat:after{display: block;content: "";clear: both;overflow: hidden;}
.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}

.wrap {width: 1200px; margin: 0 auto;}
@media screen and (max-width: 1680px) {
    .wrap {
        width: 1200px;
    }
}

@media screen and (max-width: 1366px) {
    .wrap {
        width: 1100px;
    }
}

@media screen and (max-width: 1280px) {
    .wrap {
        width: 1050px;
    }
}

@media screen and (max-width: 1180px) {
    .wrap {
        width: 880px;
    }
}

@media screen and (max-width: 1024px) {
    .wrap {
        width: 768px;
    }
}

@media screen and (max-width:768px) {
    .wrap {
        width: 100%;
    }
}
.box {width: 100%; min-width: 1200px; }
i {font-style: normal;}
      
/*文字截取*/
.single-line{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.multi-line{min-height: 2em; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
.multi-line1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
/*图片*/
.pic {width: 100%; overflow: hidden;}
.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.wp{width: 1200px;margin: 0 auto;position: relative;}

.top-banner img{width: 100%;}
.nav{background: #d41e26;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.nav ul{margin: 0 -72px;}
.nav ul li{float: left; width: 16.6%;text-align: center;padding: 15px 0;position: relative;}
.nav ul li a{display: inline-block;vertical-align: top;line-height: 29px;font-size: 16px;color: #fff;position: relative;transition: all 0.4s;}
.nav ul li a.on ,.nav ul li a:hover{font-weight: 600;transition: all 0.4s;}
.nav ul li a .line{display: inline-block;width: 0%;height: 1px;background: #ffffff;position: absolute;bottom: 0;left:50%;transform: translateX(-50%);transition: all 0.5s;}
.nav ul li.on a .line,
.nav ul li a:hover .line{transition:all 0.5s;width: 100%;}
.nav ul li::before,
.nav ul li::after{display: block;content: '';width: 1px;height: 20px;position: absolute;top: 50%;margin-top: -10px;}
.nav ul li::before{left: 0;background: #aa0209;}
.nav ul li::after{right: 0;background: #ff4149;}
.nav ul li:first-child::before{display: none;}
.nav ul li:last-child::after{display: none;}

.banner img {width: 100%;}

#footer {padding: 30px 0 26px 0; margin-top: 70px; text-align: center; color: #fff; background: #dd001a;}
#footer p {line-height: 30px;}
#footer p a {color: #fff;}
#footer p a:hover {text-decoration: underline;}


.main {margin-top: 70px;}
.sec-title{text-align: center;margin-bottom: 50px;position: relative;text-align: center;
    margin-bottom: 50px;
    position: relative;
    display: inline-block;
    width: 100%;}
.sec-title .img-bg{width: 100%;}
.sec-title .img-bg img{width: 100%;}

.sec-title span{display: inline-block; vertical-align: top;height: 80px;line-height: 80px;padding: 0 15px;font-size: 28px;font-weight: bold;
    color: #d41e26;background: transparent;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.homeNews {}
.homeTitle {height: 50px; line-height: 50px; background: #fcd201;}
.homeTitle h2 {float: left; width: 234px; font-size: 28px; font-weight: 600; text-indent: 40px; color: #fff; background: url(../img/tit_bg.png) no-repeat left center;}
.homeTitle a {float: right; height: 100%; margin-right: 15px; font-size: 12px; color: #fff;}
.homeTitle a:hover {color: #DD001A;}
.homeNewsWrap {margin-top: 0px;}
.homeNewsWrap .left ,.homeNewsWrap .right {display: inline-block;width: 48%;}
.homeNewsWrap .left{margin-right: 1.5%;width: 50%;}
.homeNewsH {padding: 0 15px; margin-top: 20px;}
.homeNewsH h3 {margin-bottom: 6px; line-height: 32px; font-size: 16px; font-weight: 600; text-align: center; color: #0056bd;}
.homeNewsH p {line-height: 24px; color: #8a8a8a;}
.homeNewsH span {}
.homeNewsH em {}
.homeNewsH em a {color: #dd001a;}
.homeNewsH em a:hover {text-decoration: underline; color: #bf0001;}
.homeNewsWrap .right ul li {height: 50px; line-height: 50px;}
.homeNewsWrap .right ul li a {display: block;width: 100%;color: #444444;transition: all 0.5s;}
.homeNewsWrap .right ul li a:hover {color:#bf0001;transition: all 0.5s;}
.homeNewsWrap .right ul li p {float: left;font-size: 16px;width: 75%;display: inline-block;}
.homeNewsWrap .right ul li em {float: right; color: #999999; font-size: 14px;}
.banner {width: 100%; height: 100%; position: relative;}
.bd {width: 100%; height: 100%; position: relative;}
.bd ul {width: 100%; height: 100%;}
.bd ul li {float: left;}
.bd ul li a {display: block;}
.bd img {width: 100%; display: block;}
.hd {font-size: 0; position: absolute; z-index: 5;}
.hd ul li {display: inline-block; zoom: 1; *display: inherit; float: none; cursor: pointer;}
.slide-news { overflow: hidden;width: 100%;overflow: hidden;}
.slide-news .bd {width: 100%;position: relative;}
.slide-news .bd ul li {width: 100%; height: 100%;}
.slide-news .hd {height: 15px; overflow: hidden; position: absolute; right: 5px; bottom: 19px; z-index: 999;} 
.slide-news .hd ul {overflow: hidden;zoom: 1;float: left;}
.slide-news .hd ul li {width: 10px; height: 10px; margin: 0 6px; line-height: 10px; text-align: center; color: #fff; background: rgb(221, 0, 26);opacity: 0.5;
    border-radius: 50%;
    cursor: pointer;transition: all 0.4s;}
.slide-news .hd ul li.on ,.slide-news .hd ul li:hover {opacity: 1;transition: all 0.4s;}
.slide-news .bd ul li a {width: 100%; height: 100%; position: relative;}
.slide-news .bdTit {width: 100%; height: 46px; font-size: 16px;  background:#5a5959;background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; bottom: 0; z-index: 4;}
.slide-news .bdTit p {width: 82%; height: 50px; line-height: 50px; text-indent: 15px;font-size: 16px;color: #fff; position: absolute; bottom: -48px; left: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sy-wrap{height: 100px;width: 100%;}
.sy-wrap .sy {display: inline-block; width: 47%;height: 90px;line-height: 90px;text-align: center;background: url(../img/sy-bg.png) no-repeat;background-size: 100% 100%;transition: all 0.5s;}
.sy-wrap .sy:hover {transition: all 0.5s;}
.sy-wrap .sy a{display: inline-block;width: 100%;height: 100%;font-size: 20px;color: #fff;}
.sy-wrap .sy a:after {content: '';display: inline-block;width: 7px;height: 14px;background: url(../img/icon1.png) no-repeat;background-size: 100% 100%;
    margin-left: 16px;}
.more {display: block;width: 160px;height: 40px;border: 1px solid #d41e26;border-radius: 8px;font-size: 16px;color: #d41e26;margin: 0 auto;text-align: center;transition: all 0.4s;line-height: 38px;margin: 50px auto 70px;}
.more:hover {background-color: #d41e26;color: #fff;border-color: #d41e26;transition: all 0.4s;}
.more1 {margin-top: 50px;}


.represent{flex-wrap: wrap;}
/*.represent .sec-title .img-bg {width: 300px;height: 66px;line-height: 66px;margin: 0 auto;}*/
.represent .sec-title .img-bg {width: 100%;}
.homeShikWrap .left {width: 50%;display:inline-block;margin-right: 1.8%;}
.homeShikWrap .right { width:48%;display: inline-block;}
.homeShikWrap .right>ul {width: 100%;flex-wrap: wrap;align-items: flex-start;}

.homeShikWrap .pic {height: 100%; text-align: center;}
.homeShikWrap .pic a {display: block; height: 100%; position: relative;}
.homeShikWrap .pic p {position: absolute;width: 100%;height: 46px;line-height: 46px;font-size: 16px;color: #fff;background: rgba(0,0,0,0.5);
    left: 0;bottom: 0;}
.homeShikWrap .pic p:hover{transition: all 0.4s;color: #DD001A;}
.homeShikWrap .pic:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.homeShikWrap .right ul li {width: 48%;margin-right: 2%; display: inline-block;}
.homeShikWrap .right ul li:nth-child(1),.homeShikWrap .right ul li:nth-child(2){margin-bottom: 25px;}
.homeShikWrap .right ul li:nth-child(2n){margin-right: 0;}
.homeShikWrap .right ul li p {font-size: 14px;height: 42px; line-height: 42px;}

.rep-main {width:48%;display: inline-block;}
.rep-main .rep-img{width: 100%;margin-bottom:20px; overflow: hidden;display: flex;justify-content: space-between;}
.rep-main .rep-img .img-box{width: 40%;}
.rep-main .rep-img .txt-box{width: 55%;}
.rep-main .rep-img .rep-tit{width: 100%; font-size: 17px; color: #ac2e33; font-weight: 600; font-family: 'yaheiBold';
    margin-bottom: 10px;overflow: hidden;text-align: center;text-overflow: ellipsis;white-space: nowrap;}
.rep-main .rep-img img{width: 100%;height: 100%;transition: all .4s;}
.rep-main .rep-img p{line-height: 26px;color: #999999;text-align: justify; -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 80px;}
.rep-main .rep-img:hover img {-ms-transform: scale(1.1);-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.rep-main .rep-item {width: 100%;}
.rep-main .rep-item ul li {height: 55px;line-height: 40px;box-sizing: border-box;}
.rep-main .rep-item ul li a {display: inline-block;vertical-align: middle;width: 100%;height: 100%;font-size: 16px;color: #4c4c4c;width: 90%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rep-main .rep-item ul li a:before {content: '';display: inline-block;vertical-align: middle ; width: 8px;height: 8px;background: url(../img/icon2.png) no-repeat;background-size: 100% 100%;margin-right: 10px;}
.rep-main .rep-item ul li.on a{color: #b3252b;}
.rep-main .rep-item ul li.on a:before {background: url(../img/icon3.png) no-repeat;}
.rep-main .rep-item ul li:hover a{color: #b3252b;}
.rep-main .rep-item ul li:hover a:before {background: url(../img/icon3.png) no-repeat;}
.picList ul{
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.picList li {width: 32.7%;
    margin-top: 14px;
    display: inline-block;}
.picList li a {display: inline-block;vertical-align: middle;width: 100%;height: 100%;overflow: hidden;}
.picList li a img {width: 100%;height: 100%;transition: all 0.5s;}
.picList li a:hover img {-ms-transform: scale(1.1);-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1); transition: all 0.5s;}

#multipleColumn .bd {position: relative;}
#multipleColumn .bd .next,
#multipleColumn .bd .prev {display: inline-block;width: 54px;height: 54px;position: absolute;background-color: #eeeded;}
#multipleColumn .bd .next {top: 50%;right: -64px;margin-top: -27px;}
#multipleColumn .bd .prev {top: 50%;left: -64px;margin-top: -27px;}
#multipleColumn .bd .next i {display: inline-block;vertical-align: middle;width: 26px;height: 26px;background: url(../img/arrow-r.png) no-repeat;background-size: 100% 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#multipleColumn .bd .prev i {display: inline-block;vertical-align: middle;width: 26px;height: 26px;background: url(../img/arrow-l.png) no-repeat;background-size: 100% 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#multipleColumn .bd .next:hover {background-color: #0056BD;}
#multipleColumn .bd .prev:hover {background-color: #0056BD;}
#multipleColumn .bd .next:hover i {background: url(../img/arrow-r-on.png) no-repeat;background-size: 100% 100%;}
#multipleColumn .bd .prev:hover i {background: url(../img/arrow-l-on.png) no-repeat;background-size: 100% 100%;}


/*新闻列表页*/
.mainContent {margin-top: 60px;}
.contTit {width: 136px;height: 46px;line-height: 40px;text-align: center;font-size: 20px;color: #666666;font-weight: 600;background: url(../img/cont_tit_bg.png) no-repeat center bottom;position: relative;}
.contTit h2 {font-weight: 600;}
.contTit span {display: inline-block;width: 964px;height: 2px;background-color: #ccc;position: absolute;top: 50%;left: 136px;margin-top: -1px;}
.newsList {margin-top: 40px;}
.newsList li {height: 60px; line-height: 60px; font-size: 16px; border-bottom: 1px dashed #b3b3b3;}
.newsList li a {display: block; height: 100%;}
.newsList li span {float: left; width: 6px; height: 100%; margin-right: 8px; background: url(../img/cont_ico.png) no-repeat center;}
.newsList li p {float: left; width: 900px;}
.newsList li em {float: right; color: #666666;}
.newsList li:hover a {color: #DD001A;}
.newsList li:hover span {background: url(../img/cont_ico_a.png) no-repeat center;}

.page {width: 100%; height: 28px; margin:48px 0; text-align: center; line-height: 28px; font-size: 12px; color: #333333;position: relative;}
.page i {display: inline-block; width: 28px; height: 100%; margin: 0 3px; border: 1px solid #d2d2d2; cursor: pointer; vertical-align: top; border-radius: 50%; background-repeat: no-repeat; background-position: center;}
.page i.pre {background-image: url(../img/page_btn_l.png);}
.page i.next {background-image: url(../img/page_btn_r.png);}
.page i:hover {background-color: #fdf1f3;}
.page i.active {color: #fff; background-color: #d92a2d; border-color: #d92a2d;}
.page i.active.pre {background-image: url(../img/page_btn_l_a.png);}
.page i.active.next {background-image: url(../img/page_btn_r_a.png);}
.page a {display: inline-block; width: 28px; height: 100%; margin: 0 3px; color: #202020; border: 1px solid #d2d2d2; zoom: 1; *display:inline; float:none; border-radius: 50%;}
.page a:hover {background-color: #fdf1f3;}
.page a.active {color: #fff; background: #d92a2d; border-color: #d92a2d;}
.page a.pageS {border-color: #fff;}
.page span {display: inline-block;width: 405px;border-top: 1px solid #dd001a;}
.page .span-l {position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.page .span-r {position: absolute;right: 0;top: 50%;transform: translateY(-50%);}

/*新闻-内容页*/
.contentH {margin-bottom: 40px;}
.contentH h3 {font-size: 24px; line-height: 38px; padding: 20px 0; margin-bottom: 12px; text-align: center; border-bottom: 1px dashed #e5e5e5;}
.massage {padding: 0 100px; height: 32px; line-height: 32px;}
.massage:after {display: block; clear: both; content: ""; overflow: hidden;}
.massageL {float: left; color: #424242;}
.massageR {float: right; color: #424242;}
.massageR p, .massageR p span {display: inline-block; vertical-align: middle; zoom: 1; *display: inherit; float: none;}
.massageR p {margin-left: 15px;}
.massageSize span {cursor: pointer;}
.massageColor span {width: 12px; height: 12px; margin: 0 3px; cursor: pointer;}
.massageColor span.red {background: #D41E26;}
.massageColor span.block {background: #333333;}
.massageColor span.gray {background: #666;}
.massageVis span {color: #D41E26; font-size: 12px;}

.contW {text-align: center;}
.contW img {max-width: 100%; margin-bottom: 40px;}
.contW p {margin-bottom: 26px; text-align: left; text-indent: 2em; font-size: 16px; line-height: 32px;}

.pageJump {margin-top: 90px; padding-top: 28px; font-size: 16px; line-height: 26px; border-top: 1px solid #e5e5e5;}
.pageJump p {margin-top: 26px;}
.pageJump p:first-child {margin-top: 0;}
.pageJump p span {font-weight: 600;}
.pageJump p a:hover {color: #DD001A;}

/*图说影像*/
.imgs {margin-bottom: 20px;}
.imgcss{margin-left: 10px;}
.picture {width: 100%; height: auto; margin-bottom: 20px;}
.pictureW {width: 100%; height: auto; overflow: hidden;}
.pictureW ul {width: 1226px; margin-left: -26px;}
.pictureW ul:after {display: block; clear: both; content: ""; overflow: hidden;}
.pictureW ul li {float: left; width: 256px; height: 186px; margin-left: 26px; margin-bottom: 30px; overflow: hidden;}
.pictureW ul li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.pictureW ul li a {display: block; width: 100%; font-size: 0; line-height: 0; position: relative;}
.pictureW ul li img {width: 100%; -webkit-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.pictureTit {width: 100%; height: 40px; background: url(../images/picture_bg.png) no-repeat center bottom; position: absolute; bottom: 0; left: 0;}
.pictureTit p {margin-top: 7px; color: #fff; font-size: 14px; line-height: 30px; text-indent: 10px;}
.pictureTit a{display: block;width: 100%; /* height: 100%; */font-size: 0;line-height: 0;position: relative;}



.photo .scence-list ul{margin: 0 -10px;}
.photo .scence-list {padding-top: 10px;}
.photo .scence-list ul li{padding: 10px;width: 33.33%;float: left;position: relative;}
.photo .scence-list ul li .scene-bottom{font-size: 16px; height:40px;width: 92%;text-align: center;line-height: 40px;color: #fff;background: rgba(0,0,0,0.6);position: absolute;bottom: 10px;left: 11px;}
