/*css document*/
html,body,div,ul,ol,li,p,span,a,h1,h2,h3,h4,img,table,tr,td,dl,dt,dd{
	margin:0px;
	padding:0px;
	border:0px;
	}
		.cl{
clear:both;
}
a  {text-decoration:none;
   color:#333;
   font:14px 微软雅黑;
  
    }
	

	
	
li  {font-family:"Microsoft Yahei";
list-style-type: none;
	list-style:none;}
   
body{ margin:0 auto;
      background-color:#f4f4f4;
	 width:100%;
	 }
	 
	 
	 
	 
/*head*/	

.topp{height:30px;
     width:100%;
	 margin:auto;
	 background-color:#2a2a2a;
}

.topp p{width:1300px;
         height:30px;
       margin:auto;
	   color:#bbb;
	   font:13px/32px "Microsoft Yahei";
	   }

.topp span{float:right;}

.header{height:113px;
        width:1300px;
		margin:auto;
		background:url(../images/top.png) no-repeat center left;
		}


.header-top{         
             
	        margin-top:10px; }
.header-top span{margin-left:880px;}

.search-index a{float: right;}


.search_box{
	border-right-width: 0px;	

	font-family: arial;
	float: right;
	border-top-width: 0px;
	border-bottom-width: 0px;
	color: #636365;
	margin-left: 8px;
	font-size: 8pt;

	border-left-width: 0px;
	
}


.nav {
  margin-top:20px;
      float:right; 
  position: absolute;
  left: 50%;
margin-left:-110px;
	z-index:90;	
	top:70px;
}	

		
.search-index{float:right; margin-top:16px;}


.nav_menu {

    text-transform: uppercase;
	 display: inline-block;
  white-space:nowrap
}

.nav_menu-item {
  display: inline-block;
  white-space:nowrap;
  float:left;
  position: relative;
  width:120px;
  height:45px;
 text-align:center;

}

.nav_menu-item a{ font:15px/20px "Microsoft Yahei";}
.nav_menu-item:hover {
  background:url(../images/nav.png) no-repeat center top; color:#fff;
}



.nav_menu-item a{font-size:16px;} 

.nav_menu-item span{font-size:10px; font-family:"STXihei";}

.nav_menu-item:hover .nav_submenu  {
  display: block;
}


.nav_submenu {
	
	margin-top:3px;
   text-transform: none;
  display: none;
  position: absolute;
  width: 120px;
  left:50%;
  margin-left:-60px;
  z-index:100;
  background-color:#fff;
  filter:alpha(opacity=30);   
      -moz-opacity:0.3;   
      -khtml-opacity: 0.3;   
      opacity: 0.3;   
    
}

.nav_submenu-item a:hover{color:#fff;}

.nav_submenu-item:hover {
	 background-color:#000;
  filter:alpha(opacity=30);   
      -moz-opacity:0.3;   
      -khtml-opacity: 0.3;   
      opacity: 0.3;   

}
.nav_submenu-item{border-bottom:1px solid #fff;height:30px;width: 120px; }

.nav_submenu-item a{font-size:14px;  line-height:30px;display: block; color:#000;}


/*banner*/

.slides-box {
    width: 100%;
    height: 413px;
    margin: auto;
    
}
.slides {
    position: relative;
    height: 413px;
    width: 100%;
    margin: auto;
    float: left;
	
}
.slides li {
	position: absolute;
    width:  100%;
    height: 100%;
}
.slides li img{
    display: block;
    width: 100%;
    margin: auto;
}

.pagination{
	position: absolute;
	bottom:5px;
	z-index: 99;
}
.pagination li{
    padding: 5px 3px;
	float: left;
}
.pagination li a{
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 25px;
    background: #000;
	color: #fff;
    text-align: center;
    font-family: Arial;
	text-decoration: none;
}
.pagination .active{
	background:#b3b3b3;
}

.visitied{
   color:#b3b3b3;
}

/*content*/

.content{height:270px;
         width:1300px;
         margin:auto;	
         margin-top:15px;	
         overflow:hidden;	
        margin-bottom:10px;		 }


.contact{height:265px;
         width:324px;
		 float:left;
		 border:1px solid #ccc;
		 background:url(../images/contact.png) no-repeat center ;	
		 background-color:#fff;overflow:hidden;}

.product{height:265px;
         width:470px;
		 float:left;
		 border:1px solid #ccc;
		 margin-left:14px;
		 background-color:#fff;
		 overflow:hidden;}

.case{height:265px;
      width:473px;
      float:right;
      border:1px solid #ccc;
	  background-color:#fff;
	  overflow:hidden;}

.contact dl{width:307px;
            margin:auto;}

.contact dl dt{font:15px/35px "Microsoft Yahei";
               background:url(../images/1_34.png) no-repeat center bottom;
			   padding-top:5px;}
			   
.contact dl dt a{color:#dd0601;
                 font-size:13px;}			   

.contact dl dd{font:14px/26px "Microsoft Yahei";
               padding-top:10px; width:436px;}

.product dl, .case dl{width:436px;
            margin:auto;}

.product dl dt,.case dl dt{font:15px/33px "Microsoft Yahei";
               background:url(../images/pro.png) no-repeat center bottom;
			   padding-top:5px;}

.product dl dt a,.case dl dt a{color:#dd0601;
                 font-size:13px;}	

.product dl dt span{margin-left:260px;}

.case dl dt span{margin-left:280px;}

.pro-list li{height:80px;
             width:138px;
			  border:1px solid #ccc;
			  float:left;
			  text-align:center;
			  margin-top:20px;
			  margin-left:5px;}
			  
.pro-list li:hover{border:1px solid #e67817;}			  

.pro-list li a{font:12px/16px "Microsoft Yahei";}

.case dl dd dd{width:436px;}

.case dd{width:436px;}

.case dl dd span{line-height:30px;  float:right; coloe:#333; font-family:"Microsoft Yahei"; font-size:13px;}

.case dl dd a{line-height:30px;}			   
			   
.case dl dt{margin-bottom:5px;}			   
			   
.case dl dd a:hover{color:#e67817;}		

.bottom{height:32px;
        width:100%;
		margin:0 auto;
		background-color:#2a2a2a;
		margin-top:16px;
		position:fixed; bottom:0; left:0;
}				 
				 
.bottom p{height:50px;
         width:1300px;
		margin:0 auto;
		 font:14px/32px "微软雅黑";
		 color:#bbb;
		 }				 

.bottom  span{float:right;}	

.bottom  span a{color:#bbb;} 	   
			   
	 
.top-img{height:263px; width:100%;
         background:url(../images/page.jpg) no-repeat center top;
		 }
		 
.con{width:1300px;
     margin:auto;
     position:absolute;
	 left: 50%;
	 top:430px; 
	 margin-left:-600px;
	 min-height:400px;
	  }

.con-left{width:270px;
          float:left;
		  padding-bottom:50px;
		  margin-bottom:60px;
		   background-color:#eee;}
		   
.con-left dt{height:75px;
             background-color:#333;
			 font:20px/75px "Microsoft YAhei";
			 padding-left:20px; color:#fff;}		   
		   
.con-left dd{height:60px;
             width:235px;
             
			 border-bottom:1px solid #c2bfbf;
			 margin:auto;
			 }		

.con-left dd span{display:block;
	                                }			 
		   
.con-left dd a{line-height:60px;
			   }		   
		   
.con-left dd a:hover{color:#e71812;}		   
	   
.con-right{
           width:920px;
		   margin-left:300px;
		   margin-top:45px;}		   
		   
.con-right h1{font:14px/30px "Microsoft Yahei"; border-bottom:1px solid #c2bfbf;}				   
			   
.bottom1{height:32px;
        width:100%;
		margin:0 auto;
		background-color:#2a2a2a;
		

}				 
				 
.bottom1 p{height:50px;
         width:1300px;
		margin:0 auto;
		 font:14px/32px "微软雅黑";
		 color:#FFFFFF;
		 }				 

.bottom1  span{float:right;}	

.bottom1  span a{color:#585757;} 	   
			   			   
			   
			   
			   
			   
			   
.side-pannel {
	position:absolute;
	left: 100%;
	margin-left: -100px;
	z-index: 99
}
.side-bar {
	border: 1px solid #E7E7E7;
	border-bottom: none;
	bottom:140px;
	background: #fff
}
.side-bar a {
	display: block;
	cursor: pointer;
	width: 70px;
	height: 60px;
	border-bottom: 1px solid #E7E7E7;
	position: relative;
	color: #676767;
	text-align: center
}
.side-bar a s {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.side-bar a span {
	line-height: 20px
}

.side-bar a.gotop s {
	position: absolute;
	top: 50%;
	left: 17px
}
.side-bar a.text {
	padding-top: 25px
}
.side-bar a.qr s {
	position: absolute;
	top: 50%;
	left: 18px
}
.side-bar a.qr i {
	width: 277px;
	height: 259px;
	position: absolute;
	left: -277px;
	top: 50%;
	margin-top: -120px;
	display: none;
	background-position: 0 0
}
.side-bar a.qr:hover i {
	display: block
}
.side-bar a.qr i {
	background-image: url(../images/weixin.png)
}

.g-icon-top {
	height: 20px;
	width: 35px;
	margin-top: -10px;
	background-position: 0 -33px
}
.g-icon-survey1 {
	height: 23px;
	width: 26px;
	margin-top: -11px;
	background-position: 0 -53px
}
.side-bar a.survey:hover s {
	height: 23px;
	width: 26px;
	margin-top: -11px;
	background-position: -26px -53px
}
.g-icon-qq1 {
	height: 20px;
	width: 22px;
	margin-top: -10px;
	background-position: -35px -33px
}
.g-icon-weibo1 {
	height: 25px;
	width: 27px;
	margin-top: -12px;
	background-position: -72px 0
}
.g-icon-weibo2, .side-bar a.weibo:hover s {
	height: 25px;
	width: 27px;
	margin-top: -12px;
	background-position: -72px -25px
}
.g-icon-qr1 {
	height: 33px;
	width: 36px;
	margin-top: -16px;
	background-position: -36px 0
}
.g-icon-qr2, .side-bar a.qr:hover s {
	height: 33px;
	width: 36px;
	margin-top: -16px;
	background-position: 0 0
}

.g-icon-qq1, .g-icon-qr1, .g-icon-qr2, .g-icon-survey1, .g-icon-survey2, .g-icon-top, .g-icon-weibo1, .g-icon-weibo2,.side-bar a.qr:hover s, .side-bar a.survey:hover s, .side-bar a.weibo:hover s{background-image: url(../images/sprite.png)}			   
			   
			   
.izl-rmenu{position:fixed; right:0; margin-right:20px; bottom:20px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}