@charset "utf-8";
/* Browser Resets*/
.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;position:relative} 
.flexslider .slides > li.clone{position:relative}
.flexslider .slides img {width: 100%; display: block;}
.flexslider .slides > a{display: block;width: 100%;height: 0;padding-bottom: 62.5%;overflow: hidden;}
.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 Default Theme*/
.flexslider { 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; }
/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width:50px; height: 100px;  position: absolute; top: 50%; z-index: 10; overflow: hidden; cursor: pointer; color: rgba(0,0,0,0.8);  text-indent:-999em ;margin-top:-50px;transition:all 0.3s ease-in-out;}
.flex-direction-nav .flex-prev {background:url(../../images/dsjy/lf.png) no-repeat center center;left: 0}
.flex-direction-nav a:hover{opacity:0.8; filter:alpha(opacity=60);}
.flex-direction-nav .flex-next {background:url(../../images/dsjy/rt.png) no-repeat center center;right: 0}
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* Pause/Play */
.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:hover  { opacity: 1; }
.flex-control-nav {width: auto; position: absolute; bottom:15px; right:10px; z-index:99; }
.flex-control-nav li {margin: 10px 4px 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 8px; height: 8px; display: block; cursor: pointer; text-indent: -9999px;background-color: #fff; }
.flex-control-paging li a:hover { background: #d53717;  }
.flex-control-paging li a.flex-active { background: #d53717;}
.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; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


.newsBanner .flex-control-nav li{margin: 0 5px;}
.newsBanner .flex-control-nav li a{width: 20px;height: 20px;line-height: 20px; background:rgba(255,255,255,0.80);border-radius: 50%;text-indent: 0;text-align: center;color:#c30500;font-family: 'Arial';font-size: 14px;transition:all 0.3s ease-in-out}
.newsBanner .flex-control-paging li a:hover,.newsBanner .flex-control-paging li a.flex-active {background: #c30500; color:#fff; }

.newsBanner .flex-direction-nav{display: none;}
.slide_bg{height: 50px;width: 100%;background-color: #000;opacity: 0.6;filter: alpha(opacity=60);position: absolute;left: 0;bottom:0;z-index: 0;transition: all 1s ease-in-out;}
.slide_title{font-size: 18px;color:#fff;height: 50px;line-height:50px;overflow:hidden;margin:0 0 0 15px;position: absolute;left: 0;bottom: 0;transition: all 1s ease-in-out;width: 75%;}
.newsBanner .flexslider .slides > li.flex-active-slide .slide_bg,.newsBanner .flexslider .slides > li.flex-active-slide .slide_title{bottom: 0}

/*头条*/

.row{width: 1200px;margin: 22px auto;overflow: hidden;}
.headline{overflow: hidden;}
.headline .titleLeft{float: left;width:56px;overflow: hidden; background-color: #c30500;text-align: center;height: 123px;line-height: 123px;position: relative;}
.headline .titleLeft:before{content: '';clear: both;position: absolute;left: 2px;top:2px;width: 0;height: 0;border-top:10px solid #fff;border-left: 10px solid  transparent;transform:rotate(-90deg);
-ms-transform:rotate(-90deg); 	/* IE 9 */
-moz-transform:rotate(-90deg); 	/* Firefox */
-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
-o-transform:rotate(-90deg); 	/* Opera */}
.headline .titleLeft:after{content: '';clear: both;position: absolute;right: 2px;bottom:2px;width: 0;height: 0;border-top:10px solid #fff;border-left: 10px solid  transparent;transform:rotate(90deg);
-ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); 	/* Opera */}
.headline .titleLeft h2{padding-top: 15px;}
.headline .titleRight{margin-left: 56px;padding-left:34px;border:1px solid #d9d9d9;height: 121px;	padding-right: 36px;}
.headline .titleRight h3{font-size: 30px;height: 34px;line-height: 34px;overflow: hidden;margin-bottom: 20px;transition:all 0.3s ease-in-out;}
.headline .titleRight a{display: block;margin-top: 20px;}
.headline .titleRight p{color:#999;font-size: 18px;height:24px;line-height: 24px;overflow: hidden;}
.headline .titleRight a:hover h3{color:#c30500;padding-left:10px;font-size: 32px;}
.mode01{margin-bottom: 40px;}

.mode02 .lf{width: 54.25%;}
.mode02 .rt{width: 43.58%}
.articleTitle{margin-bottom: 30px;}
.articleTitle h2{height: 47px;line-height: 47px;overflow: hidden;width: 100%;}
.articleTitle h2 i{background: url(../../images/dsjy/title_bg.png) no-repeat center left;float: left;width:202px;height: 47px;}
.articleTitle h2 span{display: block;/*margin-left: 202px;*/border-bottom: 1px solid #c30500;height: 46px;font-size: 21px;/*padding-left: 20px;*/overflow: hidden;}

.articleTitle h2 span strong{color:#c30500; font-weight: normal;}
.more{float: right;color:#c30500;padding-right: 25px;position: relative;font-size: 16px;top:5px;}
.more span{display: inline-block;*zoom:1;*display: inline;position: absolute;top:12px;right: 0;height: 20px; width:20px;}
.more span i{width: 20px;height: 3px;background: #c30500;display: block;margin-bottom: 4px;transition:all 0.3s ease-in-out;}
.more:hover span i:nth-child(2){width: 14px;}


.newsList{}
.newsList li{margin-bottom: 20px;padding-bottom: 10px;border-bottom: 1px dashed #ccc}
.newsList li:last-child{margin-bottom: 0;}
.newsList li a h3{font-weight: normal;height: 24px;line-height: 24px;overflow: hidden; margin-bottom: 15px;}
.newsList li a p{color:#999;height: 40px;line-height: 20px;overflow: hidden;}
.newsList li a:hover h3{font-size: 18px;font-weight: bold;color:#333;}

.mode03 {margin-top: 60px;margin-bottom: 50px;}
.mode03 .lf{width: 48.33%;}
.mode03 .rt{width: 46.58%;}


.EventsList{overflow: hidden;}
.EventsList li{margin-bottom: 10px;}
.EventsList li:last-child{margin-bottom: 0;}
.EventsList li a{display: block;height: 22px;line-height: 22px;overflow: hidden;transition:all 0.3s ease-in-out;}
.EventsList li span{float: right;margin-left: 10px;color:#999;font-family: 'Arial';margin-top: 3px;}
.EventsList li a:hover{font-weight: bold;font-size: 18px;}


.commentList{margin: 10px -11px 0 -11px;}
.commentList li{float: left;width: 50%;margin-bottom: 20px;}
.commentList li a{display: block;margin:0 11px;position: relative;top:0;transition:all 0.3s ease-in-out;}
.comment{border:2px solid #e5e5e5;padding: 20px 20px 30px 20px;background: #fff;}
.comment h3{margin-bottom: 18px; height: 48px;line-height: 24px;overflow: hidden;font-weight: normal;}
.comment p{height:18px;line-height: 18px;overflow: hidden;color:#999;}
.commentList li a:hover{top:-10px;}




.articleTitle02{text-align: center;position: absolute;top:-65px;width: 100%;left: 0;}
.articleTitle02 h2 span{margin-left: 0;border-bottom: none;padding-left: 0;line-height: 60px;}
.articleTitle02 h2{/*! background: url(../../images/dsjy/title_bg02.png) no-repeat center top; */}
.wrap_mode04{background: url(../../images/dsjy/mode04_bg.png) repeat #f2f2f2;margin-top: 90px;}
.mode04{overflow: visible;position: relative;}

.vedioBox{overflow: hidden;padding: 50px 0 45px; max-width: 1200px; margin: 0 auto;}
.vedioBox .lf{width: 49.83%;}
.vedioBox .rt{width: 49.25%;}
.vedioLeft{display: block;}
.vedio-list{overflow: hidden;margin: 0 -5px;}
.vedio-list li{margin-bottom: 10px;float: left;width: 49.99%;}
.vedio-list li a{display: block;margin-left: 5px;margin-right:5px;}
.vedio01{position: relative;overflow: hidden;background: #000;}
.vedio01 img{opacity: 0.7;filter:opacity=70;}
.vedio01 .imgResponsive{position: relative;padding-bottom: 56.51%;}
.vedioInfo01{position: absolute;bottom: 0;left: 0;width: 100%;background: #000;background: rgba(0,0,0,0.5);height: 40px;line-height: 40px;overflow: hidden;}
.vedioInfo01 p{color:#fff;padding:0 10px;}
.vedio01 .play{position: absolute;bottom:50%;left: 50%;margin-left: -23px;width: 46px;height: 46px;margin-bottom:-23px;display: block;background: url(../../images/dsjy/play.png)  no-repeat center center; transition:all 0.3s ease-in-out;background-size: cover}
.vedioBox .rt .vedioInfo01{height: 30px;line-height: 30px;}
.vedioBox .rt .vedioInfo01 p{font-size: 15px;}
.vedioBox a:hover .play{bottom:50px; left:20px;margin-left: 0;margin-bottom: 0;width: 30px;height: 30px;}
.vedioBox a:hover .imgResponsive img{opacity: 1;filter:opacity=100;}
.vedioBox .vedio02 a:hover  .play{bottom:20px;}
.vedioBox .rt  a:hover .play{bottom:40px;left: 10px}

.vedioLeft .vedio01 .play{width: 70px;height: 70px;line-height: 70px;margin-left: -35px;margin-top: -35px;}
.vedioLeft .vedioInfo01 p{font-weight: bold;}
.vedioBox .vedioLeft:hover .play{bottom:50px; left:20px;margin-left: 0;margin-bottom: 0;width: 50px;height: 50px;}
.swiper-pagination-bullet-active { background: #fff; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: url(../../images/dsjy/arrow_right.png) no-repeat center; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background: url(../../images/dsjy/arrow_left.png) no-repeat center; }


.mode05 .lf{width: 63.33%;}
.mode05 .rt{width: 31.5%;}
.DynamicList{overflow: hidden;margin:0 -20px;}
.DynamicList li{float: left;width: 49.9%;margin-bottom: 30px;}
.DynamicList li a{display: block;margin: 0 20px;padding:20px 0 20px 20px; position: relative;}
.DynamicList li a:before{position: absolute;left: 0;top:0;background: #ededed;content: '';clear: both;width: 28%;height: 100%;z-index:0;transition:all 0.3s ease-in-out;}
.Dynamic{overflow: hidden;position: relative;z-index: 9}
.Dynamic .left{float: left;width: 160px;height: 100px;overflow: hidden;}
.Dynamic .right{margin-left: 170px;}
.Dynamic .right h3{font-weight: normal;height: 48px;line-height: 24px;overflow: hidden;margin-bottom: 10px;}
.Dynamic .right p{color:#999;height: 44px;line-height: 22px;overflow: hidden;}
.DynamicList li a:hover  h3{font-weight: bold;}
.DynamicList li a:hover:before{background: #c30500}
.DynamicList li a:hover .imgResponsive img{opacity: 1;}



.mode06 .lf{width: 46.67%;}
.mode06 .rt{width: 48.33%;}

.tasteList li{margin-bottom: 15px;}
.tasteList li a strong{float: left;width: 20px;font-size: 16px;color:#f28b27;font-family: 'Times New Roman';line-height: 26px;transition:all 0.3s ease-in-out;}
.tasteList li a h3{font-weight: normal;margin-left: 50px;height: 24px;line-height: 24px;overflow: hidden;}
.tasteList li a:hover h3{font-weight: bold;}
.tasteList li a:hover strong{font-size: 20px;transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); 	/* Opera */transform-origin:50% 50%;-ms-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-o-transform-origin:50% 50%;}

.planList{}
.planList li{margin-bottom: 28px;}
.plan{overflow: hidden;}
.plan .left{float: left;width: 128px;height: 80px;}
.plan .right{margin-left: 128px;border:2px solid #e5e5e5;height: 76px;padding-left: 15px;}
.plan .right h3{margin-top: 10px;font-weight: normal;height: 24px;line-height: 24px;color:#c30500; overflow: hidden;margin-bottom: 10px;}
.plan .right p{color:#999;height: 20px;line-height: 20px;overflow: hidden;}
.planList li a:hover h3{font-weight: bold;}



.wrap_mode07{background: url(../../images/dsjy/mode07_bg.png) repeat #c30500;margin-top: 90px;}
.mode07{overflow: visible;position: relative;margin-bottom: 0; width: 1400px;}

.vedio02 img{opacity: 1;filter: opacity=100;}

.totalList{overflow: hidden;margin-right: -10px;}
.totalList li{margin-bottom: 10px;float: left;width: 49.9%;}
.totalList li a{display: block;background: rgba(255,255,255,0.95);margin-right: 10px;}
.total{padding: 23px;overflow: hidden;}
.total h3{height: 48px;line-height: 24px;overflow: hidden;font-weight: normal;margin-bottom: 10px;}
.total p{height: 60px;line-height: 20px;color:#999;overflow: hidden;}

.totalList li a:hover{background: #fff;}
.link { padding: 10px; }
.link ul { margin: 0 -20px; }
.link ul li { width: 33.3%; float: left; }
.link ul li a { display: block; overflow: hidden; margin: 0 10px; text-align: center;}
.link ul li a img { transform:scale(1.0); transition: 1s; width: 100%; }
.link ul li a:hover img{ transform:scale(1.1); transition: 1s; }

@media screen  and (max-width:1366px) {

	.row{width: 1000px;}
	.newsList li a p{height: 20px;}
	.newsList li a h3{margin-bottom: 12px;}
	.vedioBox .lf{width: 66.4%;}
	.vedioBox .rt{width: 32.4%;}
	.vedio-list li{width: 100%;float: none;margin-bottom: 9px;}
	.vedio-list {margin: 0;}
	.vedio-list li a{margin: 0;}
	.vedio-list li:nth-child(3),.vedio-list li:nth-child(4){display: none;}
	.vedioBox{padding: 40px 0 30px;width: 80%;}
	.Dynamic .right p{display: none;}
	.Dynamic .right h3{height: 96px;}
	.mode07 .vedioBox .lf{width: 55.03%;}
	.mode07 .vedioBox .rt{width: 43.25%;}
	.total{padding: 16px;}


}
@media screen  and (max-width:1100px) {
	.row{width: 980px}
	.headline .titleRight h3{font-size: 28px;margin-bottom: 12px;}
	.headline .titleRight a:hover h3{font-size: 30px}
	.headline .titleRight p{font-size: 16px;}
	.headline .titleRight a{margin-top: 25px;}
	.mode02 .lf{width: 51.25%;}
	.mode02 .rt{width: 46.58%}
	.newsList li a h3{margin-bottom: 7px;}
	.newsList li{margin-bottom: 18px;padding-bottom: 15px;}


	
	
}

@media screen  and (max-width:992px) {
	.row{width: auto;padding-left: 15px;padding-right: 15px;}
	.mode02 .lf{width: 100%;float: none}
	.mode02 .rt{width: 100%;float: none;margin-top: 20px;}
	.mode02{margin-top: 0;}
	.mode01{margin-bottom: 30px;}
	.headline .titleRight h3{font-size: 24px;}
	.headline .titleRight a:hover h3{font-size: 26px}
	.headline .titleRight p{font-size: 14px;}
	.headline .titleLeft{width: 50px;height: 90px;line-height: 90px;}
	.headline .titleLeft img{width: 23px;}
	.headline .titleLeft h2{padding-top: 9px;}
	.headline .titleRight{height: 88px;margin-left: 50px;}
	.headline .titleRight a{margin-top: 11px;}
	.headline .titleRight h3{margin-bottom: 5px;}
	.articleTitle h2{height: 38px;line-height: 38px;}
	.articleTitle h2 i{height: 38px;background-size: auto 100%;width: 164px;}
	.articleTitle h2 span{height: 37px;font-size: 24px;margin-left: 0;}
	.articleTitle02 h2 span{height: 37px;font-size: 24px;margin-left: 0;line-height: 49px;}
	.more{top:0;}
	.newsList li a h3{margin-bottom: 7px;}
	.newsList li a:hover h3{font-size: 16px;}
	.articleTitle{margin-bottom: 20px;}
	.mode03{margin-top: 40px;margin-bottom: 40px;}
	.articleTitle02{top: -38px;}
	.articleTitle02 h2{background-size: auto 100%;}
	.wrap_mode04,.wrap_mode07{margin-top: 63px;}
	.mode05 .lf{width: 100%;float: none;}
	.mode05 .rt{width: 100%;float: none;}
	.Dynamic .right h3{height: 44px;line-height: 22px;}
	.Dynamic .right p{display: block;height: 40px;line-height: 20px;}
	.EventsList li{float: left;width: 50%;}
	.EventsList {margin-right: -20px;}
	.EventsList li a{display: block;margin-right: 20px;}
	.EventsList li a:hover{font-size: 16px;}
	.total{padding: 12px;}
	.mode07 .vedioBox .lf{width:100%;float: none;}
	.mode07 .vedioBox .rt{width: 100%;float: none;margin-top: 10px;}
	.total h3{height: 44px;line-height: 22px;}
	.total p{height: 40px;}
	
}


@media screen and (max-width: 768px) {
	
	.headline .titleRight h3{font-size: 22px;}
	.headline .titleRight a:hover h3{font-size: 24px;}
	.slide_title{font-size: 16px;}
	.headline .titleRight{padding-left: 20px;padding-right: 20px;}
	.row{margin-top: 15px;}
	.mode01{margin-bottom: 28px;}
	.mode03 .lf,.mode03 .rt{width: 100%;}
	.mode03 .rt{margin-top: 30px;}
	.vedioBox .lf{width: 66.4%;float: left;}
	.vedioBox .rt{width: 32.4%;float: right;}
	.vedioBox .rt .vedioInfo01 p{font-weight: 14px;}
	.vedioLeft .vedio01 .play{height: 55px;line-height: 55px;width: 55px;}
	.vedio01 .play{height: 40px;line-height: 40px;width: 40px;}
	.vedioBox .vedioLeft:hover .play{height: 30px;line-height: 30px;width: 30px;}
	.wrap_mode04,.wrap_mode07{margin-top: 50px;}
	.EventsList li{float: none;width: 100%;}
	.EventsList li a{margin-right: 0;}
	.EventsList {margin-right: 0;}
	.DynamicList li a{margin: 0 10px;}
	.EventsList li a:hover{font-size: 16px}
	.DynamicList {margin: 0 -10px;}
	.mode06 .lf{margin-top:10px;}
	.mode06 .lf,.mode06 .rt{width: 100%;}
	.mode06 .rt{margin-top: 34px;}
	.tasteList li,.EventsList li{margin-bottom: 13px;}


}
@media screen  and (max-width:640px) {
	.commentList li{float: none;width: 100%;}
	.comment {padding: 10px;}
	.comment h3{height: auto;line-height: 20px;margin-bottom: 2px;}
	.comment p{height: auto;line-height: 18px;font-size: 12px;}
	.vedioBox{padding: 21px 0 10px;}
	.vedioBox .lf,.vedioBox .rt{float: none;width: 100%;}
	.vedioBox .rt{margin-top: 10px;}
	.vedioBox .play,.vedioLeft .vedio01 .play{width: 45px;height: 45px;line-height: 45px;margin-left: -23px;margin-top: -23px;}
	.DynamicList li{width: 100%;float: none;margin-bottom: 10px;}
	.DynamicList {margin: 0;}
	.DynamicList li a{margin: 0;}
	.mode05 .rt{margin-top: 20px;}
	.articleTitle h2 span{font-size: 20px;padding-left: 10px;}
	.articleTitle02 h2 span{padding-left: 0;}
	
}
@media screen and (max-width:480px) {
	.headline .titleRight h3{font-size: 15px;line-height: 24px;height: 48px;}
	.headline .titleRight a:hover h3{font-size: 15px;}
	.headline .titleRight p{display: none;}
	.headline .titleLeft{width: 34px;height: 60px;line-height: 60px;}
	.headline .titleLeft img{width: 15px;}
	.headline .titleLeft h2{padding-top: 6px;}
	.headline .titleRight{height: 58px;margin-left: 34px;padding-left: 10px;padding-right: 4px;}
	.headline .titleRight h3{margin-bottom: 0;}
	.headline .titleRight a{margin-top: 5px;}
	.slide_bg{height: 40px;line-height: 40px;}
	.slide_title{font-size: 15px;height: 40px;line-height: 40px;}
	.newsBanner .flex-control-nav{right: 5px;bottom:11px;}
	.newsBanner .flex-control-nav li{margin: 0 2px;}
	.newsBanner .flex-control-nav li a{font-size: 12px;width: 16px;height: 16px;line-height: 16px;}
	.articleTitle h2 span{font-size: 20px;}
	.articleTitle h2 i{height: 33px;width: 142px;}
	.articleTitle h2 span{/*! margin-left: 142px; */height: 32px;line-height: 32px;padding-left: 10px;}
	.more{top: -2px;}
	.newsList li a:hover h3{font-size: 14px;}
	.more span{width: 15px;}
	.newsList li a h3{margin-bottom: 4px;}
	.more span i{width: 15px;margin-bottom: 3px;}

	.articleTitle02 h2 span{margin-left: 0;line-height: 47px;height: 38px;padding-left: 0;}
	.vedioBox .rt .vedioInfo01 p{font-size: 14px;font-weight: bold;}
	.vedioBox .rt .vedioInfo01{height: 40px;line-height: 40px;}
	.totalList li{float: none;width: 100%;}
	.totalList li a{margin: 0;}
	.totalList {margin: 0;}
	.totalList li p{display: none;}
	.totalList li h3{margin-bottom: 0;height: auto;}
	.link ul li { width: 100%; float: none; }
	.link ul li img { width: 100%; }
}

@media screen and (max-width:380px){
	.articleTitle02 h2{background-size: 100% 100%;}
	.articleTitle02 {width: 90%;margin-left: 5%;}

}