body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 微软雅黑, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var,i { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

a { outline: none;  color: #555; }
table { border-collapse: collapse; border-spacing: 0; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.mr0{ margin-right:0 !important; float:right !important;}



body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#666; }
a {  color: #555; text-decoration:none; transition: all 0.5s ease 0s; }
a:hover { text-decoration:none; color: #da2016; }
area {  anything:expression(this.onfocus=this.blur);  }

.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.g-in{width:1200px;margin:0 auto;*zoom:1;} .g-in:after{content:"\20";display:block;height:0;clear:both;}

.header{background:#fff;position:relative;}
.logo{float:left;padding:20px 0;}
.nav{float:right;position: relative;}
.nav .lang{position: absolute;top: 5px;right: 0;}
.nav .lang a{display: inline-block;margin:0 8px;font-size: 14px;}

.nav li{float:left;position: relative;text-align: center;}
.nav li>a{display:inline-block;padding:32px 16px 0;font-size:14px;color:#000;}
.nav li>a i{display: block;text-align: center;font-size: 12px;color: #a6a7a4;text-transform: uppercase;line-height: 2;}
.nav li>a.current,.nav li>a:hover{color: #da2016;}
.nav li>a.current i,.nav li>a:hover i{color: #da2016;}
.subNav {position: absolute;top: 100%;left: 0;width:600px;display: none;}
.subNav dl{background:url(../images/bg01.png) no-repeat 44px 2px;padding:12px 0 12px 85px;}
.subNav dt{float: left;margin-left:15px;}
.subNav dt a{display: inline-block;font-size: 12px;color: #525151;padding-left:20px;background:url(../images/ico01.png) no-repeat left center;}
.subNav dt a:hover{color: #da2016;}

.footer{background:#626262;color:#fff;}
.footer a{color:#fff;}
.footer .share{padding:25px 0 15px;text-align: center;}
.footer .share a{display: inline-block;margin:0 12px;}
.footer .cy{text-align: center;line-height: 2;padding-bottom: 10px;}


#qq{position: fixed;top: 30%;right:3%;z-index: 99;}
#qq li{width: 70px;height: 70px;text-align: center;margin-bottom: 2px;position: relative;}
#qq li a{display: block;padding:45px 0 7px;background:#898989;color: #fff;}
#qq li:first-child a{background:#898989 url(../images/q1.png) no-repeat center 8px;}
#qq .li02 a{background:#898989 url(../images/q2.png) no-repeat center 8px;}
#qq .li03 a{background:#898989 url(../images/q3.png) no-repeat center 8px;}
#qq .li04 a{background:#898989 url(../images/top.png) no-repeat center;padding: 0;height: 70px;width: 70px;}
#qq li img{display: none;position: absolute;right: 70px;top: 0;z-index: 99;}
#qq li:hover img{display: block;}
#qq li span{display: none;position: absolute;right: 70px;top: 0;z-index: 99;width: 150px;text-align: center;height: 70px;line-height: 70px;background:#898989;font-size: 20px;}
#qq li:hover span{display: block;}
#qq li:hover a{background-color:#da2016; }



.banner_bg {
    width: 100%;
    height: 230px;
    margin-top: -5px;

}

.banner_bg .wrapper {
    width: 1050px;
	height:230px;
    margin: 0px auto;
    position: relative;
	overflow: inherit;
}
.banner_bg .wrapper a{
	float:left;
	display:inline;
	width:110px;
	height:99px;
}
.tab-head {
    background: url(/templates/SjWebSite/assets/images/banner/bg03.gif) repeat-x;
    margin-bottom: 35px;
    height: 100%;
    overflow: auto;
}

.wrapper_info {
    width: 1050px;
    margin: 0px auto;
    position: relative;
}
.tab-head ul {
    width: 800px;
    clear: both;
}
.tab-head ul li {
    height: 44px;
    float: left;
    background: url(/templates/SjWebSite/assets/images/banner/bg03.gif) repeat-x;
}
.tab-head ul li a:hover, .tab-head ul li a.cur {
    background: #BB000E;
    text-decoration: none;
    color: #FFF;
}
.tab-head ul li a {
    display: inline-block;
    line-height: 44px;
    height: 44px;
    padding: 0 30px;
    color: #555555;
    font-size: 15px;
}
.tab-body .hd {
    border-bottom: 1px solid #D4D4D4;
}
.tab-body .hd h3 {
    font-size: 25px;
    color: #eb0013;
    display: inline-block;
    border-bottom: 1px solid #8D3814;
    padding-bottom: 5px;
}
.tab-body .hd h3 {
    font-size: 25px;
    color: #eb0013;
}
.tab-body .brief {
    padding: 30px 20px 50px 20px;
}

.tab-body .culture-list {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0;
}
.tab-body .culture-list ul {
    width: 1100px;
}
.tab-body .culture-list ul li {
    width: 294px;
    height: 336px;
    padding: 5px 5px 15px 5px;
    border: 1px solid #ddd;
    float: left;
    margin-right: 39px;
    margin-bottom: 35px;
}
.tab-body .culture-list .thumb {
    width: 294px;
    height: 200px;
    margin-bottom: 5px;
}
.tab-body .culture-list .thumb img {
    width: 294px;
    height: 200px;
}
.tab-body .culture-list .desc {
    padding: 0 0px;
}
.tab-body .culture-list .desc h4 {
    font-size: 14px;
    margin-bottom: 7px;
}
.tab-body .culture-list .desc p {
    color: #999;
    line-height: 22px;
}
.tab-body .culture-list a.more {
    display: inline-block;
    border: 1px solid #ddd;
    padding: 2px 15px;
    margin-top: 35px;
}
.news-page {
    padding-bottom: 50px;
}
.news-page ul li {
    overflow: hidden;
    padding: 25px 0;
    border-bottom: 1px dashed #ddd;
}
.news-page ul li:hover{
	background:#ddd;
}
.news-page .desc {
    float: right;
    width: 790px;
}
.news-page .desc h4 a {
    color: #585858 !important;
    font-size: 15px;
}
.news-page .desc .txt {
    color: #747474;
    line-height: 22px;
    margin-bottom: 9px;
}
.news-page .desc .time {
    color: #747474;
    line-height: 26px;
    margin-bottom: 5px;
}
.news-page .desc .know {
    background: url(/templates/SjWebSite/assets/images/img43.gif) no-repeat right center;
    display: inline-block;
    padding-right: 18px;
    color: #747474;
}
.jss .hd{
	width: 430px;
height: 80px;
line-height: 80px;
position: absolute;
bottom: 0px;
right: 40px;
margin-bottom: 30px;
}
.jss .num {
    position: absolute;
    z-index: 3;
    margin-top: 30px;
	right:0;
}
.jss .num li {
    float: left;
    position: relative;
    width: 18px;
    height: 18px;
    overflow: hidden;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
    background:#ccc;
	
}
.jss .num li.on{
	background:#F00;
}
.brief {
    padding: 30px 20px 50px 20px;
}
.brief .desc {
    width: 100%;
}
.brief .desc .cont{
	float:left;
	display:inline;
	width:500px;
}
.brief .desc .map{
	float:left;
	display:inline;
	width:452px;
	height:242px;
	overflow:hidden;
}