#hearder{ width:980px; margin:0 auto;}
#content{ width:980px; margin:0 auto;}
#footer{ width:980px; overflow:hidden; margin:0 auto; background:url(../img/foot_bg.jpg) no-repeat;}
/*ͷ��*/
.logo{ 
	width:980px;
	height:120px;
	position:relative;
	background:url(../img/top.jpg) no-repeat; 

	/* background:url(/UploadFiles/2016-03/top_1459055897029.jpg) no-repeat; */
}
.logo h1{ 
	width:500px;
	height:65px;
	position:absolute;
	top:34px;
	left:24px;
}
.logo h1 a{ 
	text-indent:-9999px;
	display:block;
	width:500px;
	height:65px;
}
.home{ 
	position:absolute;
	top:10px;
	right:5px;
}
.menu{ 
	width:980px;
	height:29px;
	background:url(../img/menu.jpg) no-repeat;
	margin:2px auto 12px auto;
    position: relative;
    z-index: 999;
}
.menu a{ 
	color:#FFF;
}
.menu ul{ 
	/*padding-left:4px;*/
}
.menu ul li{ 
	width:140px;
	height:29px;
	line-height:29px;
	float:left;
	text-align:center;
	position:relative;
  background:url(../img/menu-1.jpg) no-repeat right center;
}
#menu ul li a{ 
	width:138px;
	height:29px;
	line-height:29px;
	display:block;
	text-align:center;
	font-weight:bold;
}
.menu ul li a:hover,.currclass a{ 
	color:#F00;
}

#jsddm li ul{
	margin: 0;
	padding: 0;
	left:0;
	top:29px;
	position: absolute;
	visibility: hidden;
	background:#3C7AC5;
	margin-top:0px;
	_margin-top:-7px;
	border-top:1px solid #1C5AA5;
}
#jsddm li ul li{ 
	width:118px;
	height:29px;
	line-height:29px;
	padding:3px 0px;
}
#jsddm li ul li a{ 
	width:108px;
	height:29px;
	line-height:29px;
	display:block;
	text-align:left;
	padding:0 0 0 10px;
}
#jsddm li ul li{
	display: inline;
	background:none;
}
#jsddm li ul li a:hover{
	background: #2A6CBB;
	/*background:url(../img/menu.jpg) no-repeat;*/
}
.banner{ 
	width:980px;
	height:340px;
	margin-bottom:10px;
}
.fn-clear {
	zoom: 1;
}
.box_skitter {
	position: relative;
	background: none;
}
.box_skitter ul {
	display: none;
}
.box_skitter .container_skitter {
	overflow: hidden;
	position: relative;
}
.box_skitter .image {
	overflow: hidden;
}
.box_skitter .image img {
	display: none;
}
.box_skitter .box_clone {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	overflow: hidden;
	display: none;
	z-index: 20;
}
.box_skitter .box_clone img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
.box_skitter .prev_button {
	position: absolute;
	top: 46%;
	left: 5px;
	_left: -9999px;
	z-index: 100;
	width: 38px;
	height: 87px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	background: url(../images/prev.png) no-repeat left top !important;
}
.box_skitter .next_button {
	position: absolute;
	top: 46%;
	right: 5px;
	_right: -9999px;
	z-index: 100;
	width: 38px;
	height: 87px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	background: url(../images/next.png) no-repeat left top !important;
}
.box_skitter .label_skitter {
	z-index: 150;
	position: absolute;
	display: none;
}
.loading {
	position: absolute;
	top: 50%;
	right: 50%;
	z-index: 10000;
	margin: -16px -16px;
	color: #fff;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/ajax-loader.gif) no-repeat left top;
	width: 31px;
	height: 31px;
}
#slideshow {
	width: 980px;
	height: 340px;
}
#slideshow ul {
	display: none;
}

/* banner */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
/*.flex-direction-nav{ display:none;}*/
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
  width: 980px; 
  height: 340px;
  margin:0 auto;
  overflow:hidden;
  position: relative;
}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; z-index:1;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
/*<!--.flexslider {background: #fff;
 border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}-->*/
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative; width: 100%; height: 340px;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 47px; height: 80px; margin: -13px 0 0; display: block; background: url(bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background-position: -47px 0; right: 20px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: 20px;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 20%; position: absolute; bottom: 20px; text-align: center; z-index:5; right:0;}
.flex-control-nav li {margin: 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {
    display: block;
    width: 30px;
    height:15px;
    float: left;
    margin: 0 10px;
    border-radius: 7px;
    background: #619fdc;
    /*text-indent: -9999px;*/
color:#FFF;
}
.flex-control-nav li a:hover {background:#2f67bc;}
.flex-control-nav li a.active { background:#2f67bc; cursor: default;}

.main{
	width:980px;
	height:auto;
	margin:0 auto;
}
/*��*/
.left{ 
	width:234px;
	height:auto;
	float:left;
}
.left h2 strong,.right h2 strong,.main h2 strong{ 
	float:left;
	text-indent:-9999px;
}
.left h2 span,.right h2 span,.main h2 span{ 
	float:right;
	font-weight:normal;
}
.left h2 a,.right h2 a,.main h2 a{ 
	color:#555;
}
.con1{ 
	width:214px;
	height:214px;
	background:url(../img/news.jpg) no-repeat;
	padding:10px;
	margin-bottom:17px;
}
.con1 h2{ 
	width:210px;
	height:35px;
	line-height:35px;
}
.con1 ul{ 
	padding:0 2px;
}
.con1 ul li{ 
	height:29px;
	line-height:29px;
	padding-left:15px;
	padding-right:5px;
	background:url(../img/xinwen_list.jpg) no-repeat;
}
.con1 ul li p{ 
	float:right;
}
.con2{ 
	width:234px;
	height:auto;
	margin-bottom:17px;
}
.con2 h2{ 
	width:230px;
	height:28px;
	line-height:28px;
	background:url(../img/fenlei_h2.jpg) no-repeat center top;
	margin-bottom:5px;
}
.con2 ul{ 
	padding:0 3px;
}
.con2 ul li{ 
	height:32px;
	line-height:32px;
	padding:3px 0 3px 20px;
	background:url(../img/fenlei_list.jpg) no-repeat;
}
.con3{ 
	width:214px;
	height:258px;
	background:url(../img/contact.jpg) no-repeat;
	padding:10px;
	margin-bottom:5px;
}
.con3 h2{ 
	width:210px;
	height:35px;
	line-height:35px;
	margin-bottom:8px;
}
.con3 p{ 
	padding:0 2px;
	line-height:23px;
}
/*�󲿽���*/


/*�Ҳ�*/
.right{ 
	width:730px;
	height:auto;
	float:right;
}
.ron1{ 
	width:980px;
	height:250px;
	margin-bottom:17px;
}
/*
.ron1 .gsjj{ 
	width:960px;
	height:auto;
	padding:10px;
	float:left;
}
.ron1 .gsjj h2{ 
	width:950px;
	height:35px;
	line-height:35px;
	margin-bottom:10px;
}
.ron1 .gsjj img{ 
	margin:0 10px 0 0;
}
.ron1 .gsjj p{ 
	text-indent:24px;
	line-height:24px;
	padding:5px;
}
*/
.ron1 .video{ 
	/*width:275px;
	height:220px;*/
	float:right;
	margin:6px 3px 0 0;
	width:0;
	height:0;
	position: absolute;
	left: -2999px;
}
.ron2,.ron3{ 
	width:100%;
	height:auto;
	/*height:300px;*/
	margin-bottom:5px;
}
.ron1 h2{ 
	width:100%;
	height:28px;
	line-height:28px;
	background:url(../img/about_h2.jpg) no-repeat center top;
	margin-bottom:15px;
}
.ron2 h2{ 
	width:100%;
	height:28px;
	line-height:28px;
	background:url(../img/chanpin_h2.jpg) no-repeat center top;
	margin-bottom:5px;
}
.ron3 h2{ 
	width:100%;
	height:28px;
	line-height:28px;
	background:url(../img/anli_h2.jpg) no-repeat center top;
	margin-bottom:5px;
}
.ron2 p,.ron3 p{ 
	padding:10px 3px 0 3px;
}
.ron2 p img,.ron3 p img{ 
	width:auto;
	height:180px;
}
.ron2 .cpzs{ 
	margin-bottom:24px;
}
.ron2 .t a{
    font-size: 16px;
    font-weight: bold;
}
.ron2 .t a span{
    font-size: 23px;
    padding-right: 6px;
}
/*�Ҳ�����*/



/*�ײ�*/
.yqlink{ 
	width:980px;
	height:auto;
	margin-bottom:10px;
}
.yqlink h2{ 
	width:100%;
	height:28px;
	line-height:28px;
	text-indent:-9999px;
	background:url(../img/youlian_h2.jpg) no-repeat center top;
	margin-bottom:5px;
}
.yqlink p{ 
	padding:5px 5px 0 5px;
font-size: 18px;
}
.yqlink p a{ 
	padding:0 3px;
}
#footer p{ 
	text-align:center;
	color:#FFF;
	line-height:24px;
	font-size:12px;
	padding-top:15px;
}
#footer p a{ 
	color:#FFF;
}
/*�ײ�����*/
.daohang{ 
	width:100%;
	height:42px;
	line-height:42px;
	margin-bottom:5px;
	border-bottom:1px solid #B9B9B7;
	/*text-indent:37px;
	background:url(../img/home.gif) no-repeat 2px center*/
}

.wzlm,.wzsy,.wznr,.tplm,.tpnr{ 
	padding:15px;
	line-height:200%;
	font-size:16px;
	word-wrap: break-word; 

}
.tpnr img{max-width:750px}
.picjdt{text-align:center;}