*{
    margin: 0px;
    padding: 0px;
	/*word-break:break-all;*/
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
}
body {
	-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
	font-family: \5FAE\8F6F\96C5\9ED1;
	font-size: 12px;
	line-height: 20px;
	color: #666;
	text-decoration: none;
	background: #fff6ef;
}
ul, li{
	margin:0px; padding:0px;
    list-style-type:none;
}
ol, ul {
  list-style: none;
}
ul, li, a
{
	padding: 0px;
	margin: 0px;
}
a {color: #666;text-decoration: none;-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;}
select { width:100%;}
img {
  vertical-align: middle;
}
.left {
	float: left;
}
.right {
	float: right;
}
.bgbai { background:#ffffff;}
.bgqh { background:#fbfbfb;}
.bgf3 { background:#f3f3f3;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb25 { margin-bottom:25px;}
.mb35 { margin-bottom:35px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt35 { margin-top:35px;}
.mtb { margin:25px 0; overflow: hidden;}
.space {
	padding-top: 20px;
	padding-bottom: 30px;
}
.space0 { padding:0px;}
.space3 {
	padding-top: 3px;
	padding-bottom: 3px;
}
.space12 { padding:12px;}
.space15 { padding:15px;}
.space18 { padding:18px;}
.space20 { padding:20px;}
.bh { display:block; overflow:hidden;}
.space-top {
	padding-top: 10px;
}
.space-bottom {
	padding-bottom: 20px;
}
.img-portfolio {
    margin-bottom: 15px;
}
.img-hover:hover {
    opacity: 0.8;
}
.imgcenter {display: block;margin-right: auto;margin-left: auto;}
.secondarybox { display:block; overflow:hidden; padding:20px 0 0 0;}
.scrollToTop {background-color: #a22200;}
hr {
    margin-top: 0px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #dec2ac;
    float: left;
    width: 100%;
    display: block;
}
h2 { color:#005896;}
.clear{clear:both;}
.column_nr { display:block; overflow:hidden; width:495px;}
.column_gd { display:block; overflow:hidden; width:1040px;}
.border-not { background:#ffffff; border-left:#b8dcec solid 1px; border-right:#b8dcec solid 1px; border-bottom:#b8dcec solid 1px;}
.imgborder { border:#e6e6e6 solid 0px;margin-bottom:18px;}
.imgbox { padding:15px 15px 0 15px; min-height:645px;}
.imglink { border:#ff9600 solid 1px;margin-bottom:18px;padding: 15px 6px;
background: -moz-linear-gradient( 90deg, rgb(255,235,217) 0%, rgb(255,254,253) 100%);
background: -webkit-linear-gradient( 90deg, rgb(255,235,217) 0%, rgb(255,254,253) 100%);
background: -o-linear-gradient( 90deg, rgb(255,235,217) 0%, rgb(255,254,253) 100%);
background: -ms-linear-gradient( 90deg, rgb(255,235,217) 0%, rgb(255,254,253) 100%);
background: linear-gradient( 0deg, rgb(255,235,217) 0%, rgb(255,254,253) 100%);
}
.content { width:1040px; margin:0 auto; overflow:hidden;}
.indexbox {width: auto; height:auto; overflow:hidden; margin-bottom: 10px;}

.webtop { background:url(xds2021-topbg.jpg) no-repeat top center #AD0104;height:480px; border-bottom:#f8cca9 4px solid;}
.webtop .picbt { text-align:center; margin:56px 0 0 0;}
.webtop .outline { margin:62px 0 0 0; border-radius:10px; padding:40px; font-size:16px; color:#360f00; line-height:30px; background:rgba(255,242,218,0.88); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#e5fff2da',endColorstr = '#e5fff2da')\9;}

.column { background: url(sjd-column.png) no-repeat; height: 57px; overflow: hidden; display: block;}
.column .sortname { font-size: 20px; color: #ffe86a; overflow: hidden; font-weight: 600; padding: 28px 0 0 72px;}
.column .more { font-size: 12px; font-family: Arial; color: #e10d15; padding: 28px 0 0 0;}
.column .more a {color: #e10d15;}
.column .more a:hover {color: #9e0006;}

.lanmu1{ height:38px; background: url(lanmubg02.jpg) repeat-x;}
.lanmu1_l{ height: 38px;background: url(lanmubg01.jpg) no-repeat;color: #ffe86a;font-weight: 600;float: left;font-size: 20px;padding: 0 20px 0 12px;line-height: 36px;}
.lanmu1_l img { display:inline-block; margin-right:8px; margin-top:-5px;}
.lanmu1_lb {height: 38px;overflow: hidden;float: left;width: 59px;background: url(lanmubg03.jpg) no-repeat;}
.lanmu1_r{ line-height:36px; float:right; font-size:12px;font-family: Arial;}
.lanmu1_r a{ color:#e10d15; text-decoration:none;}
.lanmu1_r a:hover{ color:#9e0006; text-decoration:none;}

.list-tab { overflow:hidden; display:block;}
.list-tab ul li{overflow:hidden;clear:both;border-bottom:1px solid #f0d3ba; width:100%; text-align:left;padding: 0;}
.list-tab ul li:last-child {border-bottom:0px solid #f0d3ba;}
.list-tab ul li a{ float:left;width:84%;overflow:hidden;font-size:14px;line-height:36px; color:#753838;background-image: url(sjd-ico01.gif);background-repeat: no-repeat;background-position: left 14px;padding:0 0 0 20px;text-overflow:ellipsis; white-space:nowrap; display:block; font-weight:500;}
.list-tab ul li a:hover {color: #d20006; text-decoration: none;}
.list-tab span {line-height:36px;color:#c59d8c; font-size: 12px; font-family:Arial;}
.list-tab span.right {float: right;}

.video { display:block; overflow:hidden;}
.video ul li { width:216px; height:120px; display:inline-block; float:left; margin-right:20px; margin-bottom: 22px;}
.video ul li:nth-child(2n+0) { margin-right:0px;}
.video ul li img { width:216px; height:120px;}
.video ul li p { display:block; height:34px; text-align:center; line-height:34px; margin:0; background:#f3f3f3;}
.video ul li p a { font-size:13px; color:#753838;}
.video ul li p a:hover { color:#d0001c; text-decoration:none;}

.videolist { display:block; overflow:hidden;}
.videolist ul li { width:245px; display:inline-block; float:left; margin-right:20px; margin-bottom: 12px;}
.videolist ul li:nth-child(4n+0) { margin-right:0px;}
.videolist ul li img { width:239px; height:157px;}
.videolist ul li p { display:block; height:44px; text-align:center; line-height:22px; margin:8px;overflow: hidden;}
.videolist ul li p a { font-size:13px; color:#753838;}/*width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; display:block;*/
.videolist ul li p a:hover { color:#d20006; text-decoration:none;}

/*.videolist { display:block; overflow:hidden;}
.videolist ul li { width:312px; display:inline-block; float:left; margin-right:32px; margin-bottom:26px;border: #ffe3ce solid 1px;background: #fff6eb; padding:8px;}
.videolist ul li:nth-child(3n+0) { margin-right:0px;}
.videolist ul li img { width:296px; height:192px;}
.videolist ul li h5 { font-size:13px; color:#b40000; width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; display:block; margin:10px 0 0 0; text-align:center;}
.videolist ul li h5 a { color:#b40000;}
.videolist ul li h5 a:hover { color:#473939;}
.videolist ul li p { display:block; color:#473939; text-align:center; line-height:26px; margin:0; overflow:hidden;}
.videolist ul li p a { font-size:13px; color:#473939; width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; display:block;}
.videolist ul li p a:hover { color:#d0001c; text-decoration:none;}*/

#xlmain {display: block;overflow: hidden;margin:15px 0 0 0;}
#xlmain .wztitle {color: #bf070e; font-family: \5FAE\8F6F\96C5\9ED1; line-height:36px; text-align:center; font-size: 24px; padding: 0px 0px 6px 0px;}
#xlmain .qtinfo {color:#987979; font-family: \5FAE\8F6F\96C5\9ED1; text-align:center; font-size: 12px; border-bottom: solid 1px #c59d9d; padding: 0px 0px 16px 0px;}
#xlmain .qtinfo a {color:#987979; text-decoration: none;}
#xlmain .qtinfo a:hover {color:#bf070e; text-decoration: none;}
#xlmain .text { margin:20px; overflow:hidden; display:block;}
#xlmain .text img {display: block;margin-right: auto;margin-left: auto;}
#xlmain .textxl { margin:20px 10px; overflow:hidden; display:block;}
#xlmain .textxl img {display: block;margin-right: auto;margin-left: auto;}
.nrhei {font-size: 14px; line-height: 28px; font-family: \5FAE\8F6F\96C5\9ED1; color: #753838;}

.webfoot { background:#a22200; overflow:hidden;}
.webfoot .infotxt { color:#ffe9d8; font-size:14px; line-height:24px; text-align:center; margin:30px 0;}
.webfoot .infotxt a { color:#ffe9d8;}
.webfoot .infotxt a:hover { color:#ffe9d8;}

/* ---------------------------------------------------------------------------- */
/* --------------------------------Zoom-Effect--------------------------------- */
/* ---------------------------------------------------------------------------- */
.videobox { width:245px; height:202px;
	overflow: hidden;
	display: inline-block;
	margin-right:21px; margin-left:28px;}
.videobox p { height:56px; overflow: hidden; padding:9px 0; text-align:center;}
.zoom-container { border:#f3dac4 solid 3px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	font-size: 13px;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	
}
.zoom-container a {
    display: block;
    position: absolute;
    top: -100%;
    opacity: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    color: inherit;
}
.zoom-container:hover a {
    opacity: 1;
    top: 0; 
    z-index: 500;
}
.zoom-container:hover a i {
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.zoom-container img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
	
}
.zoom-container .zoom-caption {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
	color: #fff;
}
.zoom-container .zoom-caption span{background-color: #FD0005;position:absolute;top: 0;padding: 0px 7px;font-weight: bold;font-size: 13px;}
.zoom-container .zoom-caption p{position: absolute;bottom: 0;left:0; right: 0;text-align: center;font-size: 12px; background: rgba(0, 0, 0, .6);margin:0;padding: 6px;}
.zoom-container:hover img {
	-webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
    transform:scale(1.25);
}
.zoom-container:hover .zoom-caption {
	background: rgba(0, 0, 0, .5);
}

ul.pagination li > a,
.pagination > li:first-child > a,
.pagination > li:last-child > a,
ul.pager li > a {border: 1px solid #f7e5d7;background-color: #fffcfa;}
ul.pagination li > a:focus {background: #e84c3d;color: #ffffff;}

/*Page*/
.pagefrm1 {
	color: #333;
	font-size: 12px;
	background-color: #fff6ef;
	font-family: \5FAE\8F6F\96C5\9ED1;
	height: 24px;
	border: 1px solid #d8afa4;
	line-height: 18px;
	text-align:center;
}
.pagefrm2 {
	color: #333;
	font-size: 12px;
	background-color: #fff6ef;
	font-family: \5FAE\8F6F\96C5\9ED1;
	width: 40px;
	line-height: 20px;
	height: 24px;
	border: 1px solid #d8afa4;
}
#pages {
    width:100%; PADDING-BOTTOM: 15px; FONT-SIZE: 12px; TEXT-ALIGN: center; PADDING-TOP: 25px; PADDING-LEFT: 0px; CLEAR: both; PADDING-RIGHT: 0px; margin-top: 12px; border-top: solid 1px #deaea1;overflow: hidden;
}
#pages A {
    BORDER-TOP: #d8afa4 1px solid; HEIGHT: 24px; BORDER-RIGHT: #d8afa4 1px solid; BACKGROUND: #fff6ef; BORDER-BOTTOM: #d8afa4 1px solid; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 8px; TEXT-DECORATION: none; MARGIN: 0px 3px; BORDER-LEFT: #d8afa4 1px solid; DISPLAY: inline-block; LINE-HEIGHT: 24px; PADDING-RIGHT: 8px
}
#pages A:visited {
    BORDER-TOP: #d8afa4 1px solid; HEIGHT: 24px; BORDER-RIGHT: #d8afa4 1px solid; BACKGROUND: #fff6ef; BORDER-BOTTOM: #d8afa4 1px solid; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 8px; TEXT-DECORATION: none; MARGIN: 0px 3px; BORDER-LEFT: #d8afa4 1px solid; DISPLAY: inline-block; LINE-HEIGHT: 24px; PADDING-RIGHT: 8px
}
#pages A:hover {
    BORDER-TOP: #d8afa4 1px solid; HEIGHT: 24px; BORDER-RIGHT: #d8afa4 1px solid; BACKGROUND: #fff6ef; BORDER-BOTTOM: #d8afa4 1px solid; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 8px; TEXT-DECORATION: none; MARGIN: 0px 3px; BORDER-LEFT: #d8afa4 1px solid; DISPLAY: inline-block; LINE-HEIGHT: 24px; PADDING-RIGHT: 8px
}
#pages SPAN {
    HEIGHT: 24px;
    COLOR: #333;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 8px;
    TEXT-DECORATION: none;
    MARGIN: 0px 3px;
    DISPLAY: inline-block;
    LINE-HEIGHT: 24px;
    PADDING-RIGHT: 8px;
}
/*#pages input {height: 24px; width: 40px;}*/
.pages A {
    BORDER-TOP: #dedede 1px solid; HEIGHT: 24px; BORDER-RIGHT: #dedede 1px solid; BACKGROUND: #f5f5f5; BORDER-BOTTOM: #dedede 1px solid; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 8px; TEXT-DECORATION: none; MARGIN: 0px 3px; BORDER-LEFT: #dedede 1px solid; DISPLAY: inline-block; LINE-HEIGHT: 24px; PADDING-RIGHT: 8px
}
.pages A:visited {
    BORDER-TOP: #dedede 1px solid; HEIGHT: 24px; BORDER-RIGHT: #dedede 1px solid; BACKGROUND: #f5f5f5; BORDER-BOTTOM: #dedede 1px solid; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 8px; TEXT-DECORATION: none; MARGIN: 0px 3px; BORDER-LEFT: #dedede 1px solid; DISPLAY: inline-block; LINE-HEIGHT: 24px; PADDING-RIGHT: 8px
}
.pages SPAN {
    BORDER-TOP: #dedede 1px solid; HEIGHT: 24px; BORDER-RIGHT: #dedede 1px solid; BACKGROUND: #f5f5f5; BORDER-BOTTOM: #dedede 1px solid; COLOR: #333; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 8px; TEXT-DECORATION: none; MARGIN: 0px 3px; BORDER-LEFT: #dedede 1px solid; DISPLAY: inline-block; LINE-HEIGHT: 24px; PADDING-RIGHT: 8px
}
#pages A:hover {
    BORDER-TOP: #d0001c 1px solid; BORDER-RIGHT: #d0001c 1px solid; BACKGROUND: #d0001c; BORDER-BOTTOM: #d0001c 1px solid; COLOR: #fff; BORDER-LEFT: #d0001c 1px solid
}
#pages A.curr {
    BORDER-TOP: #d0001c 1px solid; BORDER-RIGHT: #d0001c 1px solid; BACKGROUND: #d0001c; BORDER-BOTTOM: #d0001c 1px solid; COLOR: #fff; BORDER-LEFT: #d0001c 1px solid
}
#pages A.curr:visited {
    BORDER-TOP: #d0001c 1px solid; BORDER-RIGHT: #d0001c 1px solid; BACKGROUND: #d0001c; BORDER-BOTTOM: #d0001c 1px solid; COLOR: #fff; BORDER-LEFT: #d0001c 1px solid
}
.pages A:hover {
    BORDER-TOP: #d0001c 1px solid; BORDER-RIGHT: #d0001c 1px solid; BACKGROUND: #d0001c; BORDER-BOTTOM: #d0001c 1px solid; COLOR: #fff; BORDER-LEFT: #d0001c 1px solid
}
/*Page*/