*{
    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%;}
.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;}
.mb50 { margin-bottom:50px;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.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:480px;}
.column_gd { display:block; overflow:hidden;}
.column_gd select {color: #5b5b5b;font-family: serif;height: 24px;outline: none;border: #c5c5c5 solid 1px;}
.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:1000px; margin:0 auto; overflow:hidden;}
.indexbox {width: auto; height:auto; overflow:hidden; margin-bottom: 10px;}

.webtop { background:url(/uploads/image/images/sjd-topbg.jpg) no-repeat top center #ad0104;height:522px; border-bottom:#f8cca9 4px solid;}
.webtop .picbt { text-align:center; margin:70px 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(/uploads/image/images/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;}

.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 a{ float:left;width:84%;overflow:hidden;font-size:14px;line-height:36px; color:#753838;background-image: url(/uploads/image/images/ico-01.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:228px; 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:228px; height:128px;}
.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;}