@charset "utf-8";

/* CSS Document */

*{

	margin:0px;

	padding:0px;

	list-style:none;}

   body{

	   font-family:"微软雅黑";

	   font-size:14px;

	   color:#666666;

	   background:#ffffff;

	   

	 }

    a{

		color:#666666;

		text-decoration:none;}

	a:hover{

		color:#eb4724;}

<!--=================topbar====================-->

 #topbar{} 

    #topbar{

		margin-left:auto;

		margin-right:auto;

		width:auto;

		height:38px;

		border-bottom:#d5d3d3 1px dashed;

		}

	#innertopbar{

		margin-left:auto;

		margin-right:auto;

		width:1100px;

		height:38px;

		

		}

	#int-l{

		float:left;

		height:38px;

		line-height:50px;}

	#int-r{

		float:right;

		height:38px;

		line-height:50px;}

<!--=================logo====================-->

#logo{

		margin-left:auto;

		margin-right:auto;}

	#innerlogo{

		margin-left:auto;

		margin-right:auto;

		width:1100px;

		height:83px;

		

		}

	#inl-l{

		float:left;}

    #inl-r{

		float:right;

		height:83px;}

<!--=================nav====================-->

#nav{}

   #nav{

		margin-left:auto;

		margin-right:auto;

		width:auto;

		height:46px;

		background:#0c71b9;}

	#innernav{

		margin-left:auto;

		margin-right:auto;

		width:1100px;

		height:46px;}

	#nav ul{}

	#nav ul li{

		float:left;

		font-size:14px;

		font-weight:bold;

		color:#ffffff;

		width:110px;

		height:46px;

		line-height:46px;

		text-align:center;

		background: transparent url("../images/menu_xian.jpg") no-repeat scroll right center;}

	#nav ul li a {

		color:#ffffff;}

	#nav ul li a:hover{

		color:#ffffff;

		display:block;

		background:#0a619f;}

<!--==================banner===================-->

.rslides{

	position:relative;

	list-style:none;

	overflow:hidden;

	width:100%;

	padding:0;

	margin:0;

}

.rslides li{

	-webkit-backface-visibility:hidden;

	position:absolute;

	display:none;

	width:100%;

	left:0;

	top:0;

}

.rslides li:first-child{

	position:relative;

	display:block;

	float:left;

}

.rslides img{

	display:block;

	height:auto;

	float:left;

	width:100%;

	border:0;

}

/*pager*/

.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}

.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}

.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}

.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}



/* Callback example */

.callbacks_container{

	margin-bottom:2px;

	position:relative;

	width:100%;

	max-width:100%;

	text-align:center;

}



.callbacks{

	position:relative;

	list-style:none;

	overflow:hidden;

	width:100%;

	padding:0;

	margin:0;

}

.callbacks li{

	position:absolute;

	width:100%;

	left:0;

	top:0;

}

.callbacks img{

	display:block;

	position:relative;

	z-index:1;

	height:auto;

	width:100%;

	border:0;

}

.callbacks .caption{

	display:block;

	position:absolute;

	z-index:2;

	font-size:20px;

	text-shadow:none;

	color:#fff;

	background:#000;

	background:rgba(0,0,0, .8);

	left:0;

	right:0;

	bottom:0;

	padding:10px 20px;

	margin:0;

	max-width:none;

}

.callbacks_nav{

	position:absolute;

	-webkit-tap-highlight-color:rgba(0,0,0,0);

	top:50%;

	left:0;

	opacity:0.6;

	z-index:3;

	text-indent:-9999px;

	overflow:hidden;

	text-decoration:none;

	height:61px;

	width:38px;

	background:transparent url("../images/themes.gif") no-repeat left top;

	margin-top:-30px;

	display:none;

}

.callbacks_container:hover .callbacks_nav{display:block;}

.callbacks_nav:active{opacity:1.0;}

.callbacks_nav.next{

	left:auto;

	background-position:right top;

	right:0;

}



@media screen and (max-width:600px){

	.callbacks_nav{

		top:47%;

	}

}

<!--=================search====================-->

#search{}

   #search{

		margin-left:auto;

		margin-right:auto;

		width:auto;

		height:44px;

		background:#0c71b9;position: relative;

    top: -2px;}

		

	#innersearch{

		margin-left:auto;

		margin-right:auto;

		width:1100px;

		height:44px;}

	#ins-l{

		float:left;

		height:44px;

		line-height:44px;}

	#ins-l a{

		margin-left:6px;

		color:#ffffff;

		}

	#ins-l a:hover{

		color:#ed5d3d;}

    #ins-r{

		float:right;

		height:44px;

		line-height:44px;}

<!--=================rec====================-->

#rec{

	   margin-left:auto;

	   margin-right:auto;

	   

	   }

	

 #inrec{

	   margin-left:auto;

	   margin-right:auto;

	   width:1100px;

	   height:300px;

	   margin-top:20px;

	   	   border-bottom:#d5d3d3 1px dashed; }

	#r-title{

		background: transparent url("../images/r-title.jpg") repeat-x scroll center bottom;

height: 55px;

margin-bottom: 10px;}

#r-title-l{

	   float:left;

	   height:55px;

	   line-height:55px;}

   #r-title-r{

	   float:right;

	   width:880px;

	   height:55px;

	   line-height:55px;}

	#r-title-r a{

		float:right;}

   #r-c{

	   clear:both;

	   width:1100px;

	   height:200px;

	   padding:30px 0px 0px 0px;



	 }

body,td,th {

	font-size: 12px;

	color: #666666;

}

img{ border:0px;}

 #demo{overflow:hidden; margin:0px auto;}

 #demo td{

margin-left:0px;



	 }

#demo img{

	border: #cccccc 1px solid;

padding: 2px;

margin:2px 2px 2px 30px;

	}

<!--================introduce=====================-->

#introduce{

	margin-left:auto;

	margin-right:auto;

	}

	#innerintroduce{

		width:1100px;

		height:290px;

		margin-top:20px;

		margin-left:auto;

		margin-right:auto;

			   border-bottom:#d5d3d3 1px dashed;

		}

	#introduce-title{

		width:1100px;

		height:98px;

		margin-bottom:30px;

	background: transparent url("../images/r-title.jpg") repeat-x scroll center bottom;

height: 55px;

		}

    #inreoduce-content{

		width:1000px;

		

		margin-left:auto;

		margin-right:auto;}

	#introduce-c-l{

		float:left;

		width:300px;

		height:179px;}

	#introduce-c-l img{

		border: #cccccc 1px solid;

padding: 2px;

		}

    #introduce-c-r{

		float:right;

		width:720px;

		padding-right:20px;

		

		}

	#introduce-c-r-1{

		text-indent:2em;

		line-height:22px;}

<!--==================nq===================-->

#nq{}

#nq{

		margin-left:auto;

		margin-right:auto;

	    marin-top:20px;

		}

	#innq{

		margin-left:auto;

		margin-right:auto;

		width:1100px;

		height:380px;

		margin-top:45px;

		margin-bottom:20px;

		}

	   

	

	

	#news{

		float:left;

		width:530px;

		height:400px;

		border:#eeeeee 1px solid;

		}

	#question{

		float:right;

		width:530px;

		height:400px;

		margin-left:20px;

		border:#eeeeee 1px solid;

		}

	.nq-title{ 

		width:530px;

		background: transparent url("../images/new01.jpg") repeat-x scroll center bottom;

height: 36px;

margin-bottom: 10px;}

	.nq-l{

		float:left;

		line-height:35px;

		margin-left:10px;}

	.nq-r{

		float:right;

		border-bottom:#d5d3d3 1px dashed;

		width:307px;

		height:25px;

		margin-right:10px;

		}

	.nq-r a{

		float:right;

		height:25px;

		line-height:30px;

		}

	.nc-f{

		width:530px;

		height:110px;

		margin-top:20px;}

	.nc-fl{

		float:left;

		width:157px;

		height:103px;

		margin-top:8px;

		margin-left:10px;}

	#news-content img{

		border: #cccccc 1px solid;

padding: 2px;}

	.nc-fr{

		float:right;

		width:330px;

		height:122px;

		margin:0px 10px 0px 0px;}

	.nc-fr a{

		width:340px;

		height:18px;

		font-size:16px;

		text-align:center;

		color:#555555;

		

		}

	.nc-fr a:hover{

		width:340px;

		height:18px;

		font-size:16px;

		text-align:center;

		color:#ef421c;

		}

	.nc-fr p{

		color:#777777;

		font-size:12px;

		margin-top:8px;}

	#news-content{

		width:530px;

		height:381px;

		}

	

	.newnav{

		font-size:12px;

		padding:20px 12px 0px 0px;

		margin-left:10px;}

	.newnav li{

		width:510px;

		height:25px;

		line-height:20px;

		margin-top:4px;

		border-bottom:#d5d3d3 1px dashed;

		}

	.newnav li a {

		color:#666666;}

	.newnav li a:hover {

		color:#ef421c;}

	.newnav span{

		float:right;}

	#question-title{

		height:35px;

		width:349px;

		}

	#question-title-l{

		float:left;

		line-height:35px;}

	#question-title-r{

		float:right;

		line-height:35px;}

	#question-content{

		width:540px;

		height:351px;}

	#question-content img{

		border: #cccccc 1px solid;

padding: 2px;}

<!--================product=====================-->

#product{}

#product{

	margin-left:auto;

	margin-right:auto;

	height:480px;

	width:1100px;

	margin-bottom:20px;

	margin-top:25px;

	}

	#innerproduct{

		margin-left:auto;

	margin-right:auto;

	height:465px;

	width:1100px;

	margin-top:60px;

	

		}

	#productlist{

		float:left;

		

		}

	#mainnav01{

		width:208px;

		height:451px;

		background:#0c71b9;

		color:#ffffff;}

   

	#mainnav01 li{

		

		width:200px;

		height:30px;

		border-bottom:#62aade 1px solid;

		background-image:url(../images/mainnav01.jpg);

		line-height:30px;

		}

	#mainnav01 li a {

	dispaly:block;

	padding-left:25px;

    color:#ffffff;

	background:transparent url("../images/list01.png") no-repeat scroll center left;

	margin-left:25px;

	}

	#mainnav01 li a:hover{

		color:#ee6445;

	dispaly:block;

	width:200px;

		height:30px;

	text-decoration:underline;

	}

	 #productdisplay{

		float:right;

	   width:844px;

	   margin-left:20px;

	   border:#e9e6e6 1px solid;

	   

	}

	#productdisplay-content{

	    width:844px;

		height:400px;

		}

	#productdisplay-title{

		width:844px;

		height:35px;

		line-height:38px;

		

		background: transparent url("../images/new01.jpg") repeat-x scroll center bottom;

margin-bottom: 20px;}

	#productdisplay-title-l{

		float:left;

		margin-left:15px;}

	#productdisplay-title-r{

		float:right;

		width:600px;

		height:35px;

		margin-top:-10px;

		margin-right:20px;

		border-bottom:#d5d3d3 1px dashed;}

	#productdisplay-title-r a{

		float:right;

		height:25px;

		line-height:50px;}

	#mainnav02{

		margin-top:16px;}

		

	#mainnav02 img{

		border: #cccccc 1px solid;

padding: 2px;}

	#mainnav02 li{

		float:left;

		width:185px;

		height:151px;

		margin:0px 0px 0px 16px;

		margin-bottom:46px;

		}

	#mainnav02 li img{

		width:187px;

		height:153px;}

	.dc1{

		float:left;

		width:185px;

		text-align:center;

		font-size:12px;}

	.dc2{

		float:left;

		width:185px;

		text-align:center;

		font-size:12px;}

	#dc3 a,#dc4 a,#dc5 a,#dc6 a,#dc7 a,#dc8 a,#dc9 a,#dc10 a{

		color:#0288cf;

		}

	#dc3 a:hover,#dc4 a:hover,#dc5 a:hover,#dc6 a:hover,#dc7 a:hover,#dc8 a:hover,#dc9 a:hover,#dc10 a:hover{

		color: #FF0000;

		}

<!--==================contact===================-->

#cm{}

#cm{

	margin-left:auto;

	margin-right:auto;

	width:1100px;

	height:320px;

	margin-top:20px;

	}

#contact{

		float:left;

		font-size:14px;

		width:540px;

		height:300px;

		border:#e9e6e6 1px solid;

		}

	#contact-title{

		width:540px;

		height:35px;

		background: transparent url("../images/new01.jpg") repeat-x scroll center bottom;

margin-bottom: 10px;

		

		}

	#contact-title-l{

		float:left;

		line-height:35px;

		margin-left:10px;}

	#contact-content{

		width:420px;

		height:251px;

		margin-left:10px;

		}

	#contact-c{

		margin-top:10px;}

	#contact-c li{

		margin-top:16px;}

	#contact-title-r {

		float:right;

		border-bottom:#d5d3d3 1px dashed;

		width:265px;

		height:25px;

		font-size:12px;

		margin-right:10px;

		}

	#contact-title-r a {

		float:right;

		height:25px;

		line-height:10px;

		margin-top:10px;}

	#map{

		width:500px;

		height:300px;

		border:#e9e6e6 1px solid;

		float:right;

		}

	.clear{

		clear:both;}

<!--===================footer==================-->

#footer{}

	#footer{

		margin-left:auto;

		margin-right:auto;

		height:140px;

		font-size:14px;

		margin-top:40px;

		color:#ffffff;

		background:#0c71b9;}

	#innerfooter{

		margin-left:auto;

		margin-right:auto;

		width:1100px;

		padding-top:20px;

		}

	#list li{

		float:left;

		margin-left:47px;}

	#list{

		float:right;

		width:1100px;

		border-bottom:#d5d3d3 1px dashed;}

	#f-c{

		float:left;

		width:1100px; line-height:25px; margin-top:20px;text-align: center;}

	#list ul{

		float:right;

		width:1100px;}

	#list a {

		color:#ffffff;}

	#list a:hover{ 

		color:#f8370c;}



#links{margin:auto;width:1100px;height:30px;line-height:30px;color:#0c71b9;font-weight: bold;font-size: 16px;}

#links a{font-size: 12px;}