@charset "utf-8";
/* Css Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img {
	padding: 0;
	margin: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, th, var, i {
	font-weight: normal;
	font-style: normal;
}
ol, ul, li {
	list-style: none;
}
div, dl, dt, dd, ol, ul, li {
	zoom: 1;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	font-family: "微软雅黑";
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
/* Public */
html {
	width: 100%;
}
body {
	width: 100%;
	color: #555;
	font: 14px/30px "微软雅黑";
	-webkit-text-size-adjust: none;
}

a {
	color: #555;
	text-decoration: none;
	outline: none;
	font-family: "微软雅黑";
	transition: all 0.5s;
}
a:hover {
	color: #bb100f;
	transition: all 0.5s;
	
}
.fl {
	float: left !important;
}
.fr {
	float: right !important;
}
.mab {
	margin-bottom: 10px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfloat {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin-top: -1px;
}
/* wenzi css */
		.txtMarquee-left{ width:960px;  position:relative;}
				.txtMarquee-left .bd{}
		.txtMarquee-left .bd .tempWrap{ width:960px !important; } 
		.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.txtMarquee-left .bd ul li{ margin-right:20px;  float:left; height:45px; line-height:45px;  text-align:left; _display:inline; width:auto !important;  }
		.txtMarquee-left .bd ul li span{ color:#999; padding-left:15px;}


.picScroll-top{ margin:0 auto;  width:290px;  overflow:hidden; position:relative;  }
		
		.picScroll-top .bd{}
		.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-top .bd ul li{ text-align:center; zoom:1; }
		.picScroll-top .bd ul li .pic{ text-align:center; }
		.picScroll-top .bd ul li .pic img{ width:290px; height:75px; display:block;  }
		.picScroll-top .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-top .bd ul li .title{ height:10px; }

.linkbtn{float:left; width:280px; height: 80px; background: url(dsdj-linkbg.png) no-repeat; font-weight: bold; font-size: 24px; line-height: 80px; margin-right:20px;}
.mr0{margin-right:0px;}
.linkbtn span{display: block; float:left; margin:10px; width:60px; height: 60px; margin-right:40px;}
.dszg{width:114px; height: 150px; position: absolute; left:960px; top:170px;}
.top-wzk{}
.top-wz2{position: absolute; left:580px; top:240px;  animation:top-wz2 5s infinite;
    -webkit-animation:top-wz2 5s infinite;}
.top-wz1{position: absolute; left:240px; top:240px; animation:top-wz2 5s infinite;
    -webkit-animation:top-wz2 5s infinite;}

@keyframes top-wz2{
    0% {top: 240px;opacity: 0}
    40% {top: 260px;opacity: 1}
    80% {top: 280px;opacity: 1}
    100% {top: 300px;opacity: 0}
}　

@-webkit-keyframes top-wz2{
    0% {top: 240px;opacity: 0}
    30% {top: 260px;opacity: 1}
    90% {top: 280px;opacity: 1}
    100% {top: 300px;opacity: 0}
}　
@keyframes top-wz1{
    0% {top: 240px;opacity: 0}
    30% {top: 260px;opacity: 1}
    90% {top: 280px;opacity: 1}
    100% {top: 300px;opacity: 0}
}　
@-webkit-keyframes top-wz1{
    0% {top: 240px;opacity: 0}
    30% {top: 260px;opacity: 1}
    90% {top: 280px;opacity: 1}
    100% {top: 300px;opacity: 0}
}　


.gsgg{width:1190px; margin: 20px auto 10px;  height: 45px;}
.gsgg-bt{float:left; background: url(dsdj-gst.png) no-repeat; width:125px; display: block; height:45px; font-size: 24px; font-weight: bold; color:#e91500; line-height:45px; padding-left:40px;}
a:hover.gsgg-bt{}
.gsgg-list{width:975px; margin-left:20px; float:left;}
.con1190{width:1190px; margin: 0 auto;}
.h-newsk{width:575px; float:left;}
.h-newstk{background: url(dsdj-ht.png) no-repeat left; height: 50px;}
.h-newstk1{background: url(dsdj-ht1.png) no-repeat left; height: 50px;}
.h-newst{font-size: 24px; font-weight: bold; color:#e60012; padding-left:45px; line-height: 50px;}
.fl-r{float: right;}
.gg-l{width:890px; float: left; margin-top:20px; margin-bottom:20px;}
.gg-r{width:290px; float:left; margin-left:10px; margin-top:20px; margin-bottom:20px;}
.gg-r a{height:75px; width:290px; display: block;}
.mt10{margin-top:10px;}
.con-l{width:800px; float: left;}
.con-r{float: right; width:340px;}
.ztb{width:290px; margin:20px 0px 0px 50px; height: 75px; display: block;}
.pic-l{float:left; width:340px; display: block; overflow: hidden;}
.pic-m{float:left; margin-left:10px; width:480px; display: block; overflow: hidden;}
.pic-r{float:left; margin-left:10px; width:340px; display: block; overflow: hidden;}

.ld{width:96%; margin: 30px auto;}
.ld-l{float:left; width:190px;}
.ld-r{float:right; width:520px; margin-right:40px;}
.ldk{padding:5px; border:1px solid #f2f2f2; width:180px; height:245px;}
.jl{}
.jl dt{  float:left; color:#e10600; font-weight: bold; padding-left:20px; border-left:1px solid #e10600;}
.jl dd{margin-left:80px;}

.ewm{margin-top:30px;}
.ewm li{float: left; width:150px; padding:10px 20px; text-align: center;}
.siteWidth {
	
	width: 1190px;
	margin: 0 auto;
	box-sizing: border-box;
}
.column {
	overflow: hidden;
	margin-bottom: 10px;
}


.txtScroll-left{ width:1020px;  position:relative;   }
	
		.txtScroll-left .bd{ padding:10px; width:980px; overflow:hidden;    }
		.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.txtScroll-left .bd ul li{ margin-right:20px;  float:left; height:24px; line-height:24px;  text-align:left; _display:inline;}
		.txtScroll-left .bd ul li span{ color:#999; padding-left:10px;}

/* content */

.hdp {
	width: 620px;
	float: left;
}
.mainContent {
	width: 620px;
	float: left;
	box-sizing: border-box;
}
.side {
	width: 510px;
	float: right;
}
/* 焦点图 */
.focusBox {
	float: left;
	position: relative;
	width: 620px;
	height: 400px;
	margin-bottom: 10px;
	overflow: hidden;
	font-family: Arial;
	text-align: left;
	background: #fff;
}
.focusBox .pic img {
	width: 620px;
	height: 400px;
	display: block;
}
.focusBox .txt-bg {
	position: absolute;
	bottom: 0;
	z-index: 1;
	height: 36px;
	width: 100%;
	background: #333;
	filter: alpha(opacity=40);
	opacity: 0.4;
	overflow: hidden;
}
.focusBox .txt {
	position: absolute;
	bottom: 0;
	z-index: 2;
	height: 36px;
	width: 100%;
	overflow: hidden;
}
.focusBox .txt li {
	height: 36px;
	line-height: 36px;
	position: absolute;
	bottom: -36px;
}
.focusBox .txt li a {
	display: block;
	color: white;
	padding: 0 0 0 10px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
.focusBox .num {
	position: absolute;
	z-index: 3;
	bottom: 8px;
	right: 50px;
}
.focusBox .more{position: absolute;  right:10px; display: block; height: 26px; line-height: 26px; color:#fff; z-index: 99; width:30px; bottom:5px;}
.focusBox .num li {
	float: left;
	position: relative;
	width: 18px;
	height: 15px;
	line-height: 15px;
	overflow: hidden;
	text-align: center;
	margin-right: 1px;
	cursor: pointer;
}
.focusBox .num li a, .focusBox .num li span {
	position: absolute;
	z-index: 2;
	display: block;
	color: white;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none;
}
.focusBox .num li span {
	z-index: 1;
	background: black;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.focusBox .num li.on a, .focusBox .num a:hover {
	background: #ca1e1a;
}
.topnr{width:600px; margin: 0 auto; padding-top:220px; height: 100px;}
.tq{display: block; width:300px; text-align: center; height: 34px; line-height: 34px;}
.ssk{background:#fff; width:258px; height:35px; border-radius:25px; border:1px solid #d32914; margin-left:30px; margin-top:5px;}
.ssbtn{background: url(dsdj-ssbtn.png) no-repeat; width:34px; height: 34px; display: inline-block; cursor: pointer; border: 0; float:right; margin:1px 2px 0 0 ;}
.srk{width:205px; line-height: 32px; height:32px; border: 0; float:left; margin-left:13px; margin-top:1px; color:#9B9B9B;}
/* Tab切换 */
.slideTxtBox {
	float: right;
	width: 535px;
	height: 400px;
	overflow: hidden;
	padding: 0px;
	text-align: left;
	margin-left: 15px;
}
.slideTxtBox .hd {
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	font-weight: bold;
	background: url(dsdj-subbg.png) repeat-x bottom;
	
}
.slideTxtBox .hd ul {
	overflow: hidden;
	zoom: 1;
}
.slideTxtBox .hd ul li {
	float: left;
}
.slideTxtBox .hd ul li a {
	display: block;
	padding-left:20px;
	color: #515151;
	width:140px;
	height: 50px;
	background:url(dsdj-sub1.png) no-repeat -150px bottom;
}
.slideTxtBox .hd ul li a:hover {
	text-decoration: none;
	background:url(dsdj-sub1.png) no-repeat bottom left;
}
.slideTxtBox .hd ul li.on a {
	background:url(dsdj-sub1.png) no-repeat bottom left;
	color: #e60012;
	font-weight: bold;
}
.slideTxtBox .bd {
	padding: 10px;
}
.slideTxtBox .bd li {
	height: 32px;
	line-height: 32px;
	background: url(dsdj-dot.png) no-repeat 0px 13px;
	padding-left: 18px;
}
.slideTxtBox .bd li .date {
	float: right;
	color: #999;
}
.slideTxtBox1 {
	float: right;
	width: 100%;
	height: 245px;
	overflow: hidden;
	text-align: left;
}
.slideTxtBox1 .hd {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	margin-left:140px;
}
.slideTxtBox1 .hd ul {
	overflow: hidden;
	zoom: 1;
}
.slideTxtBox1 .hd ul li {
	float: left;
}
.slideTxtBox1 .hd ul li a {
	display: block;
	width: 90px;
	color: #333;
	height: 30px;
	line-height: 30px;
}
.slideTxtBox1 .hd ul li a:hover {
	text-decoration: none;
}
.slideTxtBox1 .hd ul li.on a {
	color: #ca1e1a;
	font-weight: bold;
}
.slideTxtBox1 .bd {
	padding: 8px;
}
.slideTxtBox1 .bd li {
	height: 30px;
	line-height: 30px;
	background: url(dsdj-dot.png) no-repeat 0px 13px;
	padding-left: 18px;
}
.slideTxtBox1 .bd li .date {
	float: right;
	color: #999;
}
/* 文字无缝上滚动 */
.sideBox {
	padding: 10px;
	height: 220px;
	overflow: hidden;
	background: #f8f8f8;
	margin-bottom: 10px;
}
.sideBox .hd {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
}
.sideBox .hd h3 {
	font-weight: bold;
	font-size: 14px;
	color: #fff;
}
.sideBox .hd h3 a {
	color: #fff;
}
.sideBox .bd {
	padding: 10px 0 10px 5px;
}
.sideBox .bd li {
	line-height: 22px;
	margin-bottom: 8px;
}
.sideBox .bd li span {
	color: #999;
	margin-left: 8px;
	font-size: 13px;
}

.adSlide {
	width: 100%;
	height: 120px;
	;
	overflow: hidden;
	position: relative;
	clear: both;
	margin-bottom: 10px;
}
.adSlide .hd {
	position: absolute;
	z-index: 1;
	right: 5px;
	bottom: 5px;
}
.adSlide .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}
.adSlide .hd ul li {
	float: left;
	margin-right: 2px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.adSlide .hd ul li.on {
	background: #f60;
	font-weight: bold;
	filter: alpha(opacity=100);
	opacity: 1;
	color: #fff;
}
.adSlide .bd {
	position: relative;
	z-index: 0;
}
.adSlide .bd img {
	width: 1190px;
	height: 120px;
}

.adSlide1 {
	width: 100%;
	height: 160px;
	;
	overflow: hidden;
	position: relative;
	clear: both;
	margin-bottom: 10px;
}
.adSlide1 .hd {
	position: absolute;
	z-index: 1;
	right: 5px;
	bottom: 5px;
}
.adSlide1 .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}
.adSlide1 .hd ul li {
	float: left;
	margin-right: 2px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.adSlide1 .hd ul li.on {
	background: #f60;
	font-weight: bold;
	filter: alpha(opacity=100);
	opacity: 1;
	color: #fff;
}
.adSlide1 .bd {
	position: relative;
	z-index: 0;
}
.adSlide1 .bd img {
	width: 890px;
	height: 160px;
}
/* 图片滚动 */
.picScroll {
	position: relative;
	height: 100px;
	padding: 10px 0 10px 10px;
	background: #fff;
	margin-bottom: 10px;
	overflow: hidden;
}
.picScroll ul {
	overflow: hidden;
	zoom: 1;
}
.slideTxtBox1 .bd .picScroll ul li {
	float: left;
	margin: 0 2px;
	width: 200px;
	overflow: hidden;
	display: inline;
	background: none;
	height: 100px;
}




.friendLink {
	height: 200px;
	padding: 10px;
	overflow: hidden;
	clear: both;
}
.friendLink ul {
	overflow: hidden;
	zoom: 1;
}
.slideTxtBox1 .bd .friendLink ul li {
	width: 225px;
	float: left;
	margin: 0 5px;
	display: inline;
	background: none;
	line-height: 30px;
	
}
.friendLink ul li img {
	width: 225px;
	height: 150px;

}
.picwk .slideTxtBox1 .bd li {
	height: 200px; text-align: center;
}
/* footer */
#footer {
	text-align: center;
	color:#fff;
		background:#d32914;
		height: 120px;
}
#footer .copyRight {width:1090px; margin: 0 auto;

}
#footer .footer-l{float:left; width:60px; margin-top:20px;}
#footer .footer-m{float:left; width:970px; text-align: center;padding: 15px 0;}
#footer .footer-r{float:left;width:60px; margin-top:20px;}
/* other */
.ttk {
	width: 1190px;
	margin: 20px auto;
	background:none;
	height: 80px;
	text-align: center;
	padding:10px 0;
	position: absolute;
	top: 410px;
}
.ttl {
	float: left;
	width: 120px;
	display: block;
}
.ttr{float:left;}
.tt-name {
	color: #d32914;
	font: bold 24px/40px "微软雅黑";
	
}
.tt-list a{padding-left:40px; font-size: 16px;}

.ss {
	float: right;
	width: 230px;
	margin-top: 7px;
}
.gg-tl {
	width: 1190px;
	margin: 15px auto;
}
.ny-ztl {
	width: 1190px;
	margin: 0 auto;
	background: #fff;
}
.srk-ss {
	float: left;
	width: 160px;
	height: 26px;
	line-height: 28px;
	border: 1px solid #c6c6c6;
	border-radius: 3px;
	padding: 0 10px;
}

.content1 {
	width:100%;
	margin: 0 auto;
	background: #fff url(dsdj-bg.jpg) no-repeat top center;
	padding-bottom:15px;
}

.side-l {
	width: 250px;
	float: left;
}
.side-titk{background: url(dsdj-ltit.png) no-repeat; height:50px; width:275px;}
.tit-left img {
	float: left;
	margin: 0 5px;
}
.side-m{width:620px; float:left; margin-left:20px; height: 400px;}
.side-r {
	float: left;
	margin-left: 20px;
	width: 250px;
}
.side-lk {
	background: #f8f8f8;
	height: 160px;
	padding: 10px;
}


.tab1 {
}
.tab1 th {
	color: #0176c0;
}
.tab1 tr {
	line-height: 24px;
	height: 24px;
	font-size: 13px;
}
.side-rk1, .side-rk2 {
	width: 433px;
	height: 260px;
	float: left;
	border: 1px solid #efefef;
	margin-top: 15px;
	box-sizing: border-box;
}
.side-rk2 {
	margin-left: 20px;
}
.ztk {
	width: 890;
	height: 225px;
	border: 1px solid #efefef;
	margin-top: 15px;
}
.zb-btn {
	line-height: 34px;
	height: 34px;
	border-radius: 3px;
	background: #002e8f;
	text-align: center;
	font-size: 16px;
	color: #fff;
	width: 160px;
	margin: 10px auto 10px;
	display: block;
}
a:hover.zb-btn {
	color: #fff;
	text-decoration: none;
}
.tab-zb tr {
	height: 34px;
	line-height: 34px;
}
.tab-zb th {
	color: #1383cb;
	text-align: right;
	width: 50%;
}
.ptk {
	width: 1188px;
	margin: 15px auto;
	border: 1px solid #efefef;
	height: 300px;
	background: #fff;
}
.pick {
	width: 1160px;
	margin: 0px auto;
	
	height: 220px;
	margin-top:5px;
}

.ht-name{line-height: 41px; height: 41px; float:left; color:#d50211; font-weight: bold; width:185px; font-size: 18px;  text-align: center;}	
.hmore{float: right; height: 41px; line-height: 40px; font-size: 14px;}
		
.link {
	width: 1190px;
	margin: 20px auto;
	height: 80px;
}


.picwk {
	width: 1160px;
	margin:0 auto;
}
.picwk .slideTxtBox1 {
	height: 210px;
}


/* 内页 */
#nywk{background:url(dsdj-bg.jpg) no-repeat center top;}
#ny-content{
	background: #999;
	padding: 10px 20px;
	overflow: hidden;
	width: 1150px;
	margin: 0 auto;
	height: auto;
	min-height: 1000px;
	_height: 1000px;
	margin-top: 5px;
	padding-bottom: 20px;
}

.ny-bt {
	color: #ca1e1a;
	font: bold 26px/40px "微软雅黑";
	width: 100%;
	text-align: center;
	height: 40px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.ny-ly {
	border-bottom: 1px solid #f1f1f1;
	padding-bottom: 10px;
	text-align: center;
	height: 30px;
	width: 100%;
	color: #666;
}
.ny-nrk {
	width: 96%;
	margin: 20px auto;
}
.ny-nrk p {
	margin-bottom: 15px;
	text-indent: 2em;
}
.ny-l {
	width: 275px;
	float: left;
	display: inline;
	margin-top: 10px;
	background: #fff;
}
.ny-l-bt {
	width: 100%;
	height: 80px;
	background: #f8f8f8;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #0176c0;
	display: block;
	line-height: 80px;
}
.ny-nav {
	margin-top: 2px;
}
.ny-nav li {
	height: 36px;
	margin-bottom: 1px;
}
.ny-nav li a {
	display: block;
	background: #fff url(dsdj-nynav.png) no-repeat 20px 8px;
	height: 36px;
	line-height: 36px;
	padding-left: 80px;
	width: 195px;
	font-size: 16px;
	color:#333;
	border-bottom:1px solid #f2f2f2;}
.ny-nav li a:hover {
	background: #d50211 url(dsdj-nynav.png) no-repeat 50px 8px;
	text-decoration: none;
	border-bottom:1px solid #d50211;
	color:#fff;
}

.ny-r-btk {
 background: url(dsdj-ht1.png) no-repeat left top;
	height: 50px;
	width: 100%;
}
.ny-r-bt {
	float: left;
	width: 110px;
	padding-left: 30px;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	font-size:24px;
	color: #e11716;
}
.ny-r-wz {
	float: right;
	line-height: 40px;
}
.ny-list {
	width: 96%;
	margin: 0 auto;
	margin-top: 20px;
}
.ny-list li {
	height: 32px;
	line-height: 32px;
	background: url(dsdj-dot.png) no-repeat 0px 13px;
	padding-left: 18px;
}
.ny-list li .date {
	float: right;
	color: #999;
}
.ny-piclist {
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
}
.ny-piclist li {
	float: left;
	margin-left: 25px;
	height:225px;


}
.ny-piclist li a {
	width: 225px;
	height: 225px;
	text-align: center;
	
}
.ny-piclist li a p {
	height: 55px;
	line-height: 55px;
}
.ny-piclist li a:hover {
	text-decoration: none;
}
.ny-piclist li a img {
	width: 245px;
	height: 165px;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.6s;
	display: block;
}
.ny-piclist li a:hover img {
	transform: scale(1.1);
	width: 245px;
	height: 165px;
	overflow: hidden;
	display: block;
}
.none {
	display: none;
}

.tab{ width:1150px; margin:0px auto;}
.tab-hd { background:#F93; overflow:hidden; zoom:1;}
.tab-hd li{ float:left; width:150px; color:#fff; text-align:center; cursor:pointer;}
.tab-hd li.active{ background:#F60;}
.tab-bd li{display:none; padding:20px; border:1px solid #ddd; border-top:0 none; font-size:24px;}
.tab-bd li.thisclass{ display:list-item;}
.jsk{}
.ml10{margin-left:10px;}
.mt10{margin-top:10px;}
.lz{width:250px; height: 200px; display: block; overflow: hidden; margin-top:15px;}
.lz img{transition: all 0.5s;}
a:hover.lz img{transform:scale(1.2,1.2);transition: all 0.5s;}

.h-news{width:95%; margin: 20px auto;}
.h-news li{line-height: 34px; height: 34px; background: url(dsdj-dot.png) no-repeat 0px 13px; padding-left:20px;}
.h-news li .date{float: right;}
.ny-content{width:1150px; background: #fff; padding:20px; margin: 0 auto; height:auto; min-height:800px; _height:800px;}
.ny-con-l{width:275px; float: left; margin-top:20px;}
.ny-con-r{width:835px; float:left; margin-left:40px; margin-bottom:30px; margin-top:20px;}
.mt15{margin-top:15px;}


.friend{height: 40px; margin: 0px auto 0;}
.friend h2{font-size: 22px; font-weight: bold; line-height: 40px; height: 40px; float: left; padding-right:20px; color:#d32914;}
.friend-btn{line-height: 40px; height: 40px; padding:0 10px;}
.topk{position: absolute; width:1190px; left:50%;  z-index: 99; margin-left:-595px; margin-top:0px;
    }
.topk-l{float:left; width:400px;}
.topk-name{}
.menu{width:750px; float:right; margin-top:30px;}
.menu li{float:left; width:140px; height: 40px; margin-left:10px;}
.menu li a{width:140px; display: block; overflow: hidden; font-size: 18px; font-weight:bold; color:#fff; line-height: 40px; }
.menu li a:hover{color:#fff7a1;}
.menu li a .m1,.menu li a .m2,.menu li a .m3,.menu li a .m4,.menu li a .m5,.menu li a .m6,.menu li a .m7,.menu li a .m8,.menu li a .m9,.menu li a .m10{width:30px; height: 30px; float: left; display: block; overflow: hidden; background: url(dsdj-menu.png) no-repeat 0 0;transition: all 0.6s; margin:5px 15px 5px 0px;}
.menu li a .m2{background: url(dsdj-menu.png) no-repeat -30px 0;}
.menu li a .m3{background: url(dsdj-menu.png) no-repeat -60px 0;}
.menu li a .m4{background: url(dsdj-menu.png) no-repeat -90px 0;}
.menu li a .m5{background: url(dsdj-menu.png) no-repeat -120px 0;}
.menu li a .m6{background: url(dsdj-menu.png) no-repeat -150px 0;}
.menu li a .m7{background: url(dsdj-menu.png) no-repeat -180px 0;}
.menu li a .m8{background: url(dsdj-menu.png) no-repeat -210px 0;}
.menu li a .m9{background: url(dsdj-menu.png) no-repeat -240px 0;}
.menu li a .m10{background: url(dsdj-menu.png) no-repeat -270px 0;}
.menu li a:hover .m1{ background: url(dsdj-menu.png) no-repeat 0 -30px;transition: all 0.6s;}
.menu li a:hover .m2{background: url(dsdj-menu.png) no-repeat -30px -30px;transition: all 0.6s;}
.menu li a:hover .m3{background: url(dsdj-menu.png) no-repeat -60px -30px;transition: all 0.6s;}
.menu li a:hover .m4{background: url(dsdj-menu.png) no-repeat -90px -30px;transition: all 0.6s;}
.menu li a:hover .m5{background: url(dsdj-menu.png) no-repeat -120px -30px;transition: all 0.6s;}
.menu li a:hover .m6{background: url(dsdj-menu.png) no-repeat -150px -30px;transition: all 0.6s;}
.menu li a:hover .m7{background: url(dsdj-menu.png) no-repeat -180px -30px;transition: all 0.6s;}
.menu li a:hover .m8{background: url(dsdj-menu.png) no-repeat -210px -30px;transition: all 0.6s;}
.menu li a:hover .m9{background: url(dsdj-menu.png) no-repeat -240px -30px;transition: all 0.6s;}
.menu li a:hover .m10{background: url(dsdj-menu.png) no-repeat -270px -30px;transition: all 0.6s;}
.slideshow {

  width:100%;
  height:540px;
  overflow: hidden;
}

.slideshow-image {
  position: absolute;
  width: 100%;
  height:540px;
  background: no-repeat top center;
  background-size: cover;
  -webkit-animation-name: kenburns;
          animation-name: kenburns;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 16s;
          animation-duration: 16s;
  opacity: 1;
  -webkit-transform: scale(1.0);
          transform: scale(1.0);
}
.slideshow-image:nth-child(1) {
  -webkit-animation-name: kenburns-1;
          animation-name: kenburns-1;
  z-index:3;
}
.slideshow-image:nth-child(2) {
  -webkit-animation-name: kenburns-2;
          animation-name: kenburns-2;
  z-index: 2;
}
.slideshow-image:nth-child(3) {
  -webkit-animation-name: kenburns-3;
          animation-name: kenburns-3;
  z-index: 1;
}
.slideshow-image:nth-child(4) {
  -webkit-animation-name: kenburns-4;
          animation-name: kenburns-4;
  z-index: 0;
}


@-webkit-keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
  1.5625% {
    opacity: 1;
  }
  23.4375% {
    opacity: 1;
  }
  26.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
  98.4375% {
    opacity: 0;
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
  100% {
    opacity: 1;
  }
}

@keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
  1.5625% {
    opacity: 1;
  }
  23.4375% {
    opacity: 1;
  }
  26.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
  98.4375% {
    opacity: 0;
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes kenburns-2 {
  23.4375% {
    opacity: 1;
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
  26.5625% {
    opacity: 1;
  }
  48.4375% {
    opacity: 1;
  }
  51.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
}
@keyframes kenburns-2 {
  23.4375% {
    opacity: 1;
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
  26.5625% {
    opacity: 1;
  }
  48.4375% {
    opacity: 1;
  }
  51.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
}
@-webkit-keyframes kenburns-3 {
  48.4375% {
    opacity: 1;
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
  51.5625% {
    opacity: 1;
  }
  73.4375% {
    opacity: 1;
  }
  76.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
}
@keyframes kenburns-3 {
  48.4375% {
    opacity: 1;
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
  51.5625% {
    opacity: 1;
  }
  73.4375% {
    opacity: 1;
  }
  76.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
}
@-webkit-keyframes kenburns-4 {
  73.4375% {
    opacity: 1;
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
  76.5625% {
    opacity: 1;
  }
  98.4375% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes kenburns-4{
  73.4375% {
    opacity: 1;
    -webkit-transform: scale(1.0);
            transform: scale(1.0);
  }
  76.5625% {
    opacity: 1;
  }
  98.4375% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

	.cs{ position: absolute; top:100px; z-index: 98; background: none;}
h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  z-index: 99;
  text-align: center;
  font-family: Raleway, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.75);
  box-shadow: 0 1em 2em -1em rgba(0, 0, 0, 0.5);
  padding: 1em 2em;
  line-height: 1.5;
}
h1 small {
  display: block;
  text-transform: lowercase;
  font-size: .7em;
}
h1 small:first-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  padding-bottom: .5em;
}
h1 small:last-child {
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  padding-top: .5em;
}