body
        {
            margin: 0px;
            padding: 0px;
        }
        p,h1,h2,h3,h4,h5,span,a{padding:0;margin:0;}
        #content
        {
            width: 1000px;
            margin: 0px auto;
        }
        #top
        {
            height: 116px;
        }
        #navigation
        {
            height: 38px;
            background: url(/images/navigation-img.gif);
            position: relative;
        }
        #navigation ul
        {
            margin: 0px;
            padding: 0px;
            list-style: none;
            height: 38px;
            margin-left: 50px;
        }
        #navigation ul li
        {
            display: inline;
            height: 38px;
            width: 100px;
            list-style: none;
        }
        #navigation ul li .nava
        {
            height: 38px;
            width: 100px;
            font-weight: bold;
            text-decoration: none;
            text-align: center;
            line-height: 38px;
            display: block;
            margin-left: 10px;
            float: left;
            color: White;
        }
        #navigation ul li .nava:link
        {
            text-decoration: none;
        }
        #navigation ul li .nava:hover, .nav_visited
        {
            background-color: #F5980d;
        }
        #product
        {
            clear: both;
            background: url(/images/product_img.jpg);
            padding-top:1px;
            
        }
        #about
        {
        	
        }
        #bot
        {
            
            height: 34px;
            background: url(/images/bot-img.jpg);
            line-height: 34px;
            text-align: center;
            font-size: 10pt;
            color: White;
            margin-top:10px;
            clear: both;
             display:inline-block;
             width:1000px;
           
        }
        #subnavigation
        {
            width: 150px;
            margin: 0 auto;
            position: absolute;
            left: 145px;
            top: 38px;
            border: 1px solid #F2F2F2;
            z-index: 10000;
            display: none;
        }
        #subnavigation dd
        {
            height: 20px;
            background-color:#F5980d;
            width: 150px;
            margin: 0px;
            padding: 0px;
        }
        #subnavigation dd a
        {
            height: 20px;
            width: 150px;
            text-decoration: none;
            text-align: center;
            line-height: 20px;
            display: block;
            color: White;
        }
        #demo
        {
            overflow: hidden;
            border: 1px solid #CCC;
            width: 998px;
            cursor:pointer;
        }
        #demo img
        {
            border: 3px solid #F2F2F2;
            height: 123px;
        }
        #indemo
        {
            float: left;
            width: 800%;
        }
        #demo1
        {
            float: left;
        }
        #demo2
        {
            float: left;
        }
        .location
        {
            margin: 10px;
            height: 15px;
            line-height: 13px;
            font-size: 12px;
            font-weight: bold;
            background:url(/images/loc-img.gif);
            background-repeat:no-repeat;
            padding-left:10px;
            
        }
        .location1
        {
        	margin-left:15px;
        }
        .location span
        {
        	
        }
        .location img
        {
        	
        	margin-left:10px;
        	margin-top:0px;
        	line-height:15px;
        	border:none;
        }
         .location a
         {
         	text-decoration:none;
         }
        #aboutas
        {
            width: 390px;
            float: left;
        }
        #news
        {
            width: 300px;
            float: left;
            margin: 0px 6px;
        }
        #contant
        {
            width: 290px;
            float: left;
        }
        .classfont
        {
            font-size: 13px;
           
            line-height: 17px;
            padding: 10px;
        }
      
        #news ul
        {
            margin: 5px 0px 0px 10px;
            padding: 0px;
            width: 280px;
        }
        #news ul li
        {
            border-bottom: 1px dashed #CCC;
            margin: 0px;
            list-style: none;
            font-size: 13px;
            height:20px;
            line-height: 20px;
            background:url(/images/news_tip.gif) no-repeat left center;
            padding-left:15px;
            display:block;
        }
        #news ul li a{float:left;font-size:10px; text-decoration:none; color:#000;}
         #news ul li a:hover{color:Blue;}
        #news ul li span{ float:right; font-size:13px;margin-right:8px;}
        
        #detail
        {
        	margin-top:10px;
            margin-bottom:10px;
        	display:block;
        }
        #detailleft
        {
        	width:230px;
        	float:left;
        }
        #detailleft ul
        {
        	margin:0px;
        	padding:0px;
        	list-style:none;
        	width:220px;
        	
        }
         #detailleft ul li
        {
        	height:33px;
        	background:url(/images/pro-img1.jpg);
        	padding-left:45px;
        	line-height:33px;
        	
        }
         #detailleft ul li a
         {
         	text-decoration:none;
         	color:Black;
         	font-size:12px;
        	font-weight:bold;
         }
         #detailright
         {
         	width:768px;
         	float:left;
         }
         .detaillocation
         {
         	height:25px;
         	padding-bottom:3px;
         	border-bottom:2px solid #e4e4e4;
         	font-size:13px;
         	font-weight:bold;
         	color:Blue;
         	line-height:25px;
         	
         }
         .detaillocation img
         {
            margin-top:7px;
            margin-right:5px
         }
         #productlist
         {
         	margin:5px;
         	padding:5px;
         	border:1px solid #e4e4e4;
         }
         .pageing
         {
         	font-size:12px;
         	clear:both;
         	height:13px;
         }
         .pageing a
         {
         	text-decoration:none;
         	margin-right:10px;
         	float:right;
         	display:block;
	height: 12px;
}
         .pageing span
         {
         	margin-left:10px;
         	float:left;
         }
          #productlist ul
        {
            margin: 5px 0px 0px 10px;
            padding: 0px;
            width: 730px;
        }
        #productlist ul li
        {
            border-bottom: 1px dashed #CCC;
            margin: 0px;
            list-style: none;
            font-size: 13px;
            height:20px;
            line-height: 20px;
            background:url(/images/news_tip.gif) no-repeat left center;
            padding-left:15px;
            display:block;
        }
        #productlist ul li a{float:left;font-size:13px; text-decoration:none; color:#000;}
        #productlist ul li a:hover{color:Blue;}
        #productlist ul li span{ float:right; font-size:13px;margin-right:20px;}
        
        #newstitle
        {
        	   font-size: 15px;
        	   height:20px;
        	   line-height:20px;
        	   font-weight:bolder;
        	   text-align:center;
        	   border-bottom: 1px dashed #CCC;
        	   margin-top:10px;
        }
         #newstime
         {
         	   font-size: 12px;
        	   height:15px;
        	   line-height:15px;
        	   text-align:right;
        	   padding-right:40px;
        	   margin-top:10px;
         }
        #newsconten
        {
        	margin:10px 10px 10px 10px;
        }
         .classfont p,.classfont  br
        {
            font-size: 13px;
         
            line-height: 17px;
            margin:0px;
            padding:0px;
        }
        .jobheader
        {
        	height:25px;
        	background-color:#f6f7f9;
        }
        .jobtr
        {
          background-color:#f6f6f6;	
        }
         #jobdetail table{border-collapse:collapse; text-align:center; margin:10px auto}
         #jobdetail table tr td{border:1px #999 solid; padding:5px; width:100px; font-size:12px}
         .color
         {
         	background-color:#F1F1F1;
         }
         #jobdetail
         {
         	border:2px #999 solid;
         	margin-top:10px;
         	margin-bottom:20px;
         }
         #newsdetail
         {
         	border:2px #999 solid;
         	margin-top:10px;
         	margin-bottom:20px;
         }
         #note
         {
         	font-size:12px;
         	padding-left:50px;
         	margin-bottom:10px;
            line-height: 17px;
         }
         #Gv_jobs a
         {
         	text-decoration:none;
         	color:Black;
         }
         #Gv_jobs a:hover
         {
         	color:Blue;
         }
#procuctdetail
{
		border:2px #999 solid;
        margin-top:10px;
        margin-bottom:20px;
}
#Proguctname
{
	   font-size: 15px;
        	   height:20px;
        	   line-height:20px;
        	   font-weight:bolder;
        	   text-align:center;
        	   margin-top:10px;
}
#Productimg
{
	   text-align:center;
        	   margin-top:10px;
        	   
}
#Productimg img
{
		border:1px #999 solid;
}
@charset "utf-8";
/* banner */
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align:right;
    margin-left: 0px;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 1px;
}

.c-banner .jumpBtn ul li{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}