﻿html{color:#fff;background:#f7f7f7}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}a{text-decoration: none;}

body {
    color: #000000;
    font-family: Microsoft yahei;
    font-size: 12px;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
}
/*
Home Page FrameSet
*/
.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

.home-search{float: right;  }
.is-btn{ margin:0 auto 0 auto;padding:0 20px; height: 56px; }
.is-btn a{ display: block;width:30px; height: 30px; cursor: pointer; opacity: 0.8; padding: 20px 0 0 0; float: right}
.is-btn a:hover{opacity:1}
.i-search {
	width: 260px;background:url("../images/seach_bg.png");
	height: 34px;
	overflow: hidden;
	position: relative;
	margin: 0; padding: 20px;
	border-radius: 0; border-bottom: #c2c9d9 1px solid;
}

.i-search .search-txt {
	width: 200px;
	padding-left: 10px;
	height: 34px;
	line-height: 34px;
	color: #666666;
	border: none;
	background:#ffffff;
	outline: none
}

.i-search .search-btn {
	width: 50px;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	border: none;
	background: url("../images/ico_search.png") center no-repeat #383838;
	cursor: pointer;
}
.i-search .search-btn:hover {
	background: url("../images/ico_search.png") center no-repeat #000000;
}



/*content*/
.content_left{ width:536px; float: left; padding:5px 17px 10px 17px; background:url("../images/content_bg.png"); border-top:#000000 2px solid; margin-right:1px;height: 256px;}
.content_center{ width:310px; float:left;padding:5px 17px 10px 17px;background:url("../images/content_bg2.png");border-top:#000000 2px solid;margin-right:1px;height: 256px;}
.content_right{ width:250px; float:right;padding:5px 17px 10px 17px;background:url("../images/content_bg.png");border-top:#000000 2px solid;height: 256px;}
.i-title{height: 44px;line-height:44px; width:100%; overflow: hidden; margin: 0 auto 15px auto; padding:0;}
.i-title h2{height: 43px; font-size: 16px; font-weight: bold; color: #ffffff; display: block; float: left; padding:0 5px 0 0; border-bottom:#ffffff 1px solid}
.i-title a{ display:block; font-size:12px;  float:right; color:#9a9a9a; font-weight: bold; padding: 5px 0 0 10px; height:35px; opacity: 0.5}
.i-title a:hover{ color:#330000;opacity:1}

.tpwz_list{ width: 538px;height:90px; overflow: hidden; margin: 0 0 7px 0; }
.tpwz_list .imgqy{width: 140px; height:90px; overflow: hidden; float: left;}
.tpwz_list img{ width: 140px; height:90px; padding: 0; margin-right: 15px}
.tpwz_list .tpwz_txt{float: right;width:380px; height:90px; overflow: hidden; padding: 0 0 0 0; }
.tpwz_list .tpwz_txt h1{ color: #ffffff; font-size: 16px; line-height: 30px; }
.tpwz_list .tpwz_txt h1 a{ color: #ffffff;}
.tpwz_list .tpwz_txt p{ font-size: 12px; line-height:24px; color:#eaeaea; margin:5px 0;padding: 0;}
.tpwz_list .tpwz_txt p a{color: #d9d9d9}
.tpwz_txt:hover h1 a{color: #d9d9d9; }

.n_list{height: auto; padding:10px 0; position: relative;}
.n_list li{width: 100%; height:27px; line-height:27px; display: block;color: #999999;font-size: 12px;}
.n_list li a{font-size: 12px;color: #ffffff;  background: url("../images/ico_001.png") left center no-repeat; padding-left: 10px; float: left}
.n_list li a:hover{color: #ffffff}
.n_list li .date{float: right; font-size:12px; color: #ffffff}
.n_list li i{ font-style: normal; color: #ff9900}
/*spdb*/
.sp_db{ width: 244px; height: 162px; margin: 0 auto;  padding: 10px 0 0 0;overflow: hidden;}
.spdb_play{display:block; width: 45px; height: 45px; position: absolute; top:70px; left:95px;opacity:0.7}
.spdb_play:hover{opacity: 1}
.spdbimg{}
#homepage {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;    z-index: 100;
}
.bgstretcher{bottom:0;}
.bd li{z-index:2;}
#homepage .top {
	width: 100%;
	height: 96px;
	top:0;
	position:fixed;
	bottom:auto;
	z-index: 2;
}

#homepage .bottom {
	width: 100%;
	height: 50px;
	background: url("../images/end_bg.png");
	position:fixed;
	bottom:0;
	top:auto;
	z-index: 1;
}
#homepage .bottom p{line-height:50px; color: #ffffff; font-size: 14px; text-align: center}
#home-top {
	width:100%;
	height:56px;
	background: url("../images/top_bg.png");
}
#home-content {
	width: 1200px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
}
#home-bottom {
	width: 1200px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
}

.contentleft{
	float:left;
	margin-left:26px;

	}


 .slide-arrow {
	width:37px;
        height:127px;
        position: absolute;
        z-index: 999;
        background: url(../images/slide-arrow.png) 0 0 no-repeat;
        cursor:pointer;
}
 .slide-arrow-prev {
	background-position: 0 0;
        left:60px;
}
 .slide-arrow-prev:hover {
	background-position: 0 -127px;
}
 .slide-arrow-next {
	background-position: -37px 0;
        right:60px;
}
 .slide-arrow-next:hover {
	background-position: -37px -127px;
}

#header {
    width: 1200px;
    z-index: 999; margin:0 auto 0 auto;
}
#header .logo {
    float: left;
}
#header .nav {
   /*  float: right; */
	line-height: 56px;
	margin-right:-20px;
    /* width: 905px; */
	position: relative;right:65px;
}
#header .nav ul .mainlevel {
    float: left;
    line-height: 56px;border-right:#3f8185 1px solid;
}
* html .nav ul .mainlevel {
    background: none repeat scroll 0 0 transparent;
    position: relative;
}
.add {
    color: #FFFFFF;
    position: absolute;
    right: 6px;
    top: -18px;
    z-index: 999;
}
.add1 {background: url(../images/addicon1.png) 0 2px no-repeat; width:14px; height:14px;}
.add2 {background: url(../images/addicon2.png) 0 2px no-repeat; width:14px; height:14px;}
.add a { padding-left:20px;
    color: #FFFFFF;
    line-height: 26px;

}
.add a:hover {
}
.add span {
    height: 5px;
    margin: 0 15px;
    width: 1px;
}
#header .nav ul {
    /* display: table; */
	
	 height:56px; /* width:1120px; */
	margin-left:-100px;
	padding-left:105px;
	position: absolute; right: 26px;
}

#header .nav ul li .nav-a {
    color: #FFFFFF;
    display: inline-block;
    font-size:14px;
    height: 56px;
    line-height: 56px;
    padding: 0 17px;
    text-decoration: none;
}
#header .nav ul li .nav-a.current {
	background:#000000;
}
#header .nav ul li .nav-a:hover {
    background:#336666;
    color: #FFFFFF;
    padding: 0 17px;
}
#header .nav ul li.first-crl {
    background: none repeat scroll 0 0 transparent;
}
#header .nav ul li.first-crl .nav-a {
    height: 56px;line-height: 56px;
   
}
#header .nav ul li.first-crl .nav-a .current {
    background: url(../images/yj-bg.png) no-repeat scroll left top transparent;
    height: 56px;
 
}
#header .nav ul li.first-crl .nav-a:hover {
    background: url(../images/yj-bg.png) no-repeat scroll left top transparent;
    height: 56px;

}
#header .nav ul li.end-crl .nav-a {
    background: url(../images/yj-bg2.png) no-repeat scroll right -37px transparent;
    height: 56px;
   
}
#header .nav ul li.end-crl .nav-a.current {
    background: url(../images/yj-bg.png) no-repeat scroll right -37px transparent;
    height: 56px;
   
}
#header .nav ul li.end-crl .nav-a:hover {
    background: url(../images/yj-bg.png) no-repeat scroll right -37px transparent;
    height: 56px;
    
}
.mainlevel div {
    background: url(../images/nav-bg-09.png) repeat-x scroll 0 0 transparent;
    display: none;
    height: 230px;
    padding: 5px 20px;
    position: absolute;
    top: 56px;
    width: 312px;
}
#sub_01 {
	
    left: 107px;
}
#sub_02 {
    left: 168px;
}
#sub_03 {
    left: 259px;
}
#sub_04 {
    left: 350px;
}
#sub_05 {
    left: 442px;
}
#sub_06 {
    left: 532px;
}
#sub_07 {
    left: 624px;
}
#sub_08 {
    right:2px;
}
#sub_09 {
    right: 88px;
}
#sub_10 {
    right: 0;
}
.mainlevel div ol {
    display: block;
    float: left;
    overflow: hidden;
    width: 340px;
}
.mainlevel div li {
    border-bottom: 1px dotted #CCCCCC;
    line-height: 37px;
    width: 340px;
}
.mainlevel div li a {
    background: url(../images/li-icon.png) no-repeat scroll left center transparent;
    color: #3B3B3B;
    display: inline-block;
    height: 37px;
    line-height: 37px;
    padding-left: 8px;
    width: 100px;
}
.mainlevel div li a:hover {
    color: #990000;
}
.mainlevel div .nav-img {
    display: inline-block;
    float: left;
	padding:10px 0;
}
.mainlevel div span img {
    border: 3px solid #FFFFFF;
}

@media screen and (max-width: 1024px){
body{ width:1200px;}
#homepage .content {
	width: 100%;
	height: 265px;
	float: left;
	top:140px;
	z-index: 1;
	margin-top:600px;
}
}

@media screen and (min-width: 1024px){
#homepage .content {
	width: 100%;
	height: 220px;
	float: left;
	position:fixed;
	bottom:140px;
	top:auto;
	z-index: 1;
}
}