html,body{ overflow-x:hidden; }
.Banner{width: 100%;overflow:hidden; position: relative;}
.Banner .hot { width: 118px; height: 38px; line-height: 38px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border: 1px solid #ffffff; display: block; position: absolute; right: 50%; margin: 0 -600px 0 0; bottom: 20px; z-index: 9; text-align: center; color: #fff; }
.wrap_mode01{background: #f7f6f2;position: relative;}
.mode01{padding: 30px 0 35px;position: relative;z-index: 5;}
.listTitle01{padding:20px 0 15px;overflow: hidden;}
.listTitle01 h2{line-height: 1.5;}
.listTitle01 h2 a{color:#c81622;}
.listTitle001 h2 a{color:#ffffff;}
.more01{float: right;padding-top: 6px;font-size: 12px;}
.more01 a{color:#999;}
.more001 a { color: #fff; opacity: .6; }
.mode01 .lf{width: 720px;}
.BPC-list01 li{width: 50%;float: left;}
.BPC-list01 li > a{display: block;margin-right: 35px;border-bottom: 1px solid #dedede;padding-bottom: 16px;}
.item-img01.imgResponsive{padding-bottom:56.135%}
.BPC-list01 li h3{line-height: 27px;height: 54px;overflow: hidden;margin-bottom: 10px;padding-top: 10px;}
.item-date01{display: block;padding-left: 20px;background:url(../image/date.png) no-repeat left center;line-height: 1.5;color:#999999;}
.BPC-list02 {margin-left: 720px;}
.BPC-list02 li{margin-bottom: 13px;border-bottom: 1px solid #dedede;padding-bottom: 13px;}
.BPC-list02 li span{color: #757575;}
.BPC-list02 li i{margin:0 13px;font-style: normal;color:#aaa;}
.BPC-list02 li a{display: block;height: 24px;line-height: 24px;overflow: hidden;transition: all 0.35s ease-in-out;}
.wrap_mode03{padding: 18px 0 60px;background: #f7f6f2;}
.mode03{position: relative;}
.mode03 .lf{width: calc(50% - 30px);float: left;}
.mode03 .rt{width: calc(50% - 30px);float: right;}
.index_03 ul{margin: 0 0 0;padding: 0 0 0;}
.index_03 li{width: 100%;}
.index_03 a{margin: 0 0 0;line-height: 43px;display: block;}
.index_03 .title{white-space: nowrap;position: relative;padding: 0 0 0 18px;background: url(../image/mode_03.png) left center no-repeat;}
.index_03 .time{color: #999;margin: 0 0 0 16px;float: right;}
.wrap_mode04{padding: 18px 0 60px;background: #e6e6e6;}
.mode04{position: relative;}
.mode04 .lf{width: calc(25% - 24px);float: left;}
.mode04 .rt{width: calc(75% - 36px);float: right;}
.mode04 .lf .vr{float: right;font-weight: bold;color: #c81622;padding: 8px 0 0 20px;position: relative;}
.mode04 .lf .vr::before{content: '';display: block;position: absolute;left: 0;bottom: 0;width: 1px;height: 22px;background: rgba(0,0,0,.2);}
.index_041{cursor: pointer;}
.index_041 .img{position: relative;}
.index_041 .img::before{content: '';display: block;width: 55px;height: 55px;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);position: absolute;z-index: 2;background: url(../image/mode041_video.png) center no-repeat;}
.index_042 > ul{margin: -16px 0 -16px -18px;}
.index_042 li a{margin: 16px 0 16px 18px;display: block;position: relative;}
.index_042 .slick-active a,.index_042 .slick-active + .slick-slide a,.index_042 .slick-active + .slick-slide + .slick-slide a{box-shadow: 0 0 16px rgba(0,0,0,.1);}
.mode04 .rt .slick_menu{float: right;margin: -10px 0 0 21px;}
.mode04 .rt .slick-arrow{border: 0;width: 40px;height: 40px;font-size: 0;outline: none;background-position: center;background-repeat: no-repeat;transform: none;position: relative;left: 0;right: 0;top: 0;bottom: 0;display: inline-block;*display: inline;*zoom:1;background-color: rgba(0,0,0,.1);}
.mode04 .rt .slick-arrow:after{display: none;}
.mode04 .rt .slick-next{right: 0px;background-image: url(../image/mode042_next.png);}
.mode04 .rt .slick-prev{left: 0px;background-image: url(../image/mode042_prev.png);}
.wrap_mode05{padding: 18px 0 60px;background: url(../image/mode05_bg.png) bottom center no-repeat;}
.mode05{position: relative;}
.index_05 ul{margin: 0 0 -26px -30px;text-align: center;}
.index_05 li{width: 33.3%;}
.index_05 a{margin: 0 0 26px 30px;display: block;}
.video_box{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 9999;display: none;}
.video_box.on{display: block;}
.video_box .close{width: 60px;height: 60px;background: url(../image/close.png) center no-repeat;background-size: cover;position: absolute;right: 80px;top: 40px;z-index: 2;}
.video_box video{width: 100%;height: 100%;background: rgba(0,0,0,.9);}
@media screen and (min-width:1020px) {
.BPC-list02 li a:hover{text-indent: 10px;}
}
@media screen and (max-width:1920px) {
}
@media screen and (max-width:1600px) {
.wrap_mode01:before,.wrap_mode01:after{display: none;}
}
@media screen and (max-width: 1440px) {
.Banner .hot { right: 10px; margin: 0px; }
.divSelect {margin: 0 25px 25px 0;}
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1176px) {
}
@media screen and (max-width: 1240px) {
.mode01 .lf{width: 600px;}
.BPC-list02{margin-left: 600px;}
.BPC-list02 li{padding-bottom: 10px;margin-bottom: 10px;}
}
@media screen and (max-width: 1020px) {
}
@media screen and (max-width:998px) {
.mode01 .lf{width: 100%;float: none;overflow: hidden;}
.BPC-list01{margin:0 -8px;}
.BPC-list01 li > a{margin:0 8px}
.BPC-list02{margin:15px 0 0}
.mode02 .lf ,.mode02 .md,.mode02 .rt{width: 100%;float: none;}
.mode02 .lf:after ,.mode02 .rt:after{content: '';clear:both;display: block;}
.listTitle01{padding:15px 0 10px}
.mode03 .lf,.mode03 .rt,.mode04 .lf,.mode04 .rt{width: auto;float: none;}
.mode04 .rt{margin: 20px 0 0;}
}
@media screen and (max-width:767px) {
.flex-direction-nav a{width: 35px;height: 35px;background-size: 35px !important;margin-top: -17px;;}
.flexslider .flex-prev{left: 15px;}
.flexslider .flex-next{right: 15px;}
.flex-control-nav{bottom: 10px;}
.flex-control-paging li a.flex-active{margin-right: 20px;}
.flex-control-paging li a.flex-active:before{width: 20px;right: -25px;}
.mode01{padding-top: 15px;padding-bottom: 15px;}
.index_05 li{width: 100%;}
.link a { font-size: 28px; height: 100px; line-height: 100px; }
}
@media screen and (max-width:600px) {
}
@media screen and (max-width:480px) {
.BPC-list01 li{width: 100%;}
.BPC-list01 li h3{height: auto;}
.link a { font-size: 16px; }
}
@media screen and (max-width:400px) {
}
@media screen and (max-width:380px) {
}
@media screen and (max-width:320px) {
}