@charset "utf-8";
/*flexslider start*/
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus  {outline: none;}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} 
.flexslider .slides > li a{ display: block; overflow: hidden; height: 0px; padding-bottom: 76%;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

.flexslider {background: #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

.flex-direction-nav {*height: 0;}
.flex-direction-nav a { text-decoration:none; display: block; width: 28px; height: 48px;position: absolute; margin-top: -20px; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);  background:url(../images/arr.png) no-repeat; text-indent:-999em; }
.flex-direction-nav .flex-prev { left: -30px; background-position:0 0; }
.flex-direction-nav .flex-next { right: -30px; background-position:-132px 0;}
.flexslider:hover .flex-prev { opacity: 0.7; left: 20px;}
.flexslider:hover .flex-next { opacity: 0.7; right:20px;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); }

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd;}
.flex-pauseplay a:before { font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

.flex-control-nav {width: 100%; position: absolute; bottom: 50px; text-align: center; z-index: 1000;}
.flex-control-nav li {margin: 0 8px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 12px; height: 12px; display: block; background: #fff;cursor: pointer; text-indent: -9999px; border-radius: 6px; }
.flex-control-paging li a:hover { background: #de0a0a;  }
.flex-control-paging li a.flex-active { background: #de0a0a;  }


.index_011 .img::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: 10.5%;background: url(../images/mode01_cover.png) top center no-repeat;background-size: cover;}
.index_011 .time{position: absolute;left: 30px;bottom: 7px;padding: 0 0 0 22px;background: url(../images/mode01_time.png) left center no-repeat;color: #fff;z-index: 2;}
.index_011 .title{margin: 14px 0 0;height: 24px;line-height: 24px;white-space: nowrap;font-weight: bold;color: #de0a0a;}




.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; }
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; }

.til_slides {height: 63px; line-height: 63px; position: absolute;left: 0;right: 0;bottom: 38px; background: url(../images/mode01_cover.png) top center no-repeat;background-size: cover;}
.til_slides .time {padding: 0 0 0 22px;background: url(../images/mode01_time.png) left center no-repeat;color: #fff;z-index: 2; margin: 0 0 0 22px; }
.flexslider .slides .title { margin: 14px 0 0;height: 24px;line-height: 24px;white-space: nowrap;font-weight: bold;color: #de0a0a; }
/*flexslider end*/
.index_title{overflow: hidden;line-height: 44px;border-bottom: 1px solid #eee;}
.index_title .more{float: right;position: relative;z-index: 2;line-height: 24px;padding: 16px 0 0;}
.index_title h2{height: 44px;color: #fff;font-weight: bold;width: 137px;background: #de0a0a;text-align: center;}

.wrap_mode01{padding: 40px 0 0;}
.mode01{position: relative;}
.mode01 .lf{width: 600px;float: left;}
.mode01 .rt{width: calc(100% - 630px);float: right;}
.index_011{display: block;margin: 20px 0 0;}
.index_011 .img{padding-bottom: 56.25%;position: relative;}
.index_011 .img::after{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;padding-bottom: 10.5%;background: url(../images/mode01_cover.png) top center no-repeat;background-size: cover;}
.index_011 .time{position: absolute;left: 30px;bottom: 7px;padding: 0 0 0 22px;background: url(../images/mode01_time.png) left center no-repeat;color: #fff;z-index: 2;}
.index_011 .title{margin: 14px 0 0;height: 24px;line-height: 24px;white-space: nowrap;font-weight: bold;color: #de0a0a;}

.index_012 ul{margin: 0 0 0;padding: 0 0 0;}
.index_012 li{width: 100%;}
.index_012 a{margin: 0 0 0;line-height: 56px;border-bottom: 1px solid #eee;}
.index_012 .title{white-space: nowrap;position: relative;padding: 0 0 0 15px;}
.index_012 .title::before{content: '';display: block;width: 4px;height: 4px;background: #e0c67e;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.index_012 .time{color: #757575;margin: 0 0 0 16px;float: right;padding: 0 0 0 19px;background: url(../images/mode012_time.png) left center no-repeat;}

.wrap_mode02{padding: 33px 0 0;}
.mode02{position: relative;}
.mode02 .lf{width: 47.5%;float: left;}
.mode02 .rt{width: 47.5%;float: right;}

.index_021 ul{margin: 0 0 0;padding: 0 0 0;border-left: 1px solid #eee;border-right: 1px solid #eee;}
.index_021 li{width: 100%;}
.index_021 a{border-bottom: 1px solid #eee;padding: 22px 19px;background: url(../images/mode021_ico1.png) right top no-repeat;}
.index_021 .title{white-space: nowrap;position: relative;padding: 0 0 0 0;line-height: 24px;height: 24px;}
.index_021 .time{color: #757575;margin: 0 0 5px;}
.index_021 a:hover{background: url(../images/mode021_ico2.png) right top no-repeat;}

.index_022 ul{margin: 0 0 0;padding: 0 0 0;border-left: 1px solid #eee;border-right: 1px solid #eee;}
.index_022 li{width: 100%;}
.index_022 a{border-bottom: 1px solid #eee;padding: 22px 20px;}
.index_022 li:nth-child(2n+1) a{background: #eee;}
.index_022 .title{white-space: nowrap;position: relative;padding: 0 0 0 0;line-height: 24px;height: 24px;}
.index_022 .time{color: #757575;margin: 0 0 5px;padding: 0 0 0 22px;background: url(../images/mode012_time.png) left center no-repeat;}

.wrap_mode03{padding: 40px 0 0;}
.mode03{position: relative;}
.mode03 .lf{width: 47.5%;float: left;}
.mode03 .rt{width: 47.5%;float: right;}

.wrap_mode04{padding: 39px 0 55px;}
.mode04{position: relative;}
.index_04 ul{margin: 0 0 0 -30px;}
.index_04 li{width: 25%;}
.index_04 a{margin: 18px 0 0 30px;}
.index_04 .img{padding-bottom: 56.25%;}
.index_04 .title{margin: 15px 0 0;height: 24px;line-height: 24px;white-space: nowrap;text-align: center;}

@media screen  and (max-width:992px) {
	.mode01 .lf,.mode02 .lf,.mode03 .lf{width: auto;float: none;}
	.mode01 .rt,.mode02 .rt,.mode03 .rt{width: auto;float: none;margin: 20px 0 0;}
	.index_012 a{line-height: 48px;}
	.index_021 a,.index_022 a{padding: 16px 14px;}
	.index_04 li{width: 50%;}
	.index_04 .title{margin: 6px 0 0;}
}
@media screen and (max-width:380px){
	.index_04 li{width: 100%;}

}