@charset "utf-8";

/* CSS Document */

/*头部*/

#header{ width:1060px; height:134px;margin:0 auto; }

#logo{width:428px; height:72px; float:left; margin-top:30px;margin-left:0px; }

#logo img{width:428px; height:72px; }



#top_right{ width:222px; height:114px;float:right; margin-top:12px; }

#top_nav ul{width:222px; height:22px; float:left; margin-left:0px;}

#top_nav li{ float:left; font-size:12px;width:50px; margin-right:4px;   } 

#top_nav a{ color:#9c9c9c; }

#top_nav a:hover { color:#d5d6d5;  }





#top_tel{ float:right; margin-right:32px; margin-top:22px;width:184px;height:38px;line-height:38px;background:url(../images/tel.png) no-repeat ;}

#top_tel p{font-size:24px;color:#ff0000; padding-left:46px; }



#top_search{width:204px;height:30px;;position:absolute;top:96px; background:url(../images/search_bj.png) no-repeat;}

#top_search .formsearch {width:204px;height:28px; }

#top_search .text{float: left;  width: 204px;height:28px;     }

#top_search .img{float: right; margin:-23px 10px 5px 0px; }

/*导航*/

#menu{ width:100%; background:url(../images/nav_b.png);background-repeat:repeat-x;background-position:center 0;position:relative;z-index:9999;}



.menu_nav {width:1060px; height:46px;margin:0 auto;z-index:9999; }

.menu_nav a{ color:#FFFFFF; }



.menu_nav a:link{text-decoration:none;}



.menu_jg{ width:115px; height:46px; line-height:46px; float:left; font-size:14px;background:url(../images/nav_jg.png)no-repeat right center;  text-align:center;font-family:宋体;font-weight:500; z-index:9999; }
.menu_jg a{width:115px;display:block;}


.menu_jgno{ width:115px; height:46px; line-height:46px; float:left; font-size:14px; text-align:center;font-family:宋体; font-weight:500;position:relative;z-index:9999;  }
.menu_jgno a{width:115px;display:block;}
.menu_jg:hover{ width:115px;background:#454a50;text-decoration:none;}

.menu_jgno:hover{background:#454a50;text-decoration:none;}





.sub_menu{ display:none;width:115px; height:46px; background-color:#019dfe; float:left;position:relative;z-index:9999;   }

.sub_menu li:hover{background:#0048b2;text-decoration:none;}



.sub_menu.xy{ margin-left:115px; margin-top:-44px;background-color:#019dfe; height:auto;position:relative;z-index:9999;}





/*轮播图*/



	#banner{height:490px;position:relative;overflow:hidden;min-width:1104px;margin:0 auto;background-color:#141414;}

	#banner .conbox div{height:490px;}

	/*图片轮播样式*/

	.conbox{width:9999em;position:absolute;}

	.conbox div{float:left;overflow:hidden;}

	.conbox div img{height:100%;display:block;}

	.switcher{width:100%;text-align:center;position:absolute;right:0px;bottom:10px;z-index:99;}

	.switcher a{width:15px;height:15px;line-height:0px;text-align:center;overflow:hidden;font-size:14px;font-family:arial;color:#323232;margin-left:10px;background-color:#fff;border-radius:8px;cursor:pointer;display:inline-block;}

	.switcher a.cur,.switcher a:hover{color:#fff;background-color:#1c72f2;}	

	

	/*新闻*/

	

	#content{width:1060px;margin:0 auto;     }



	#index_news{ width:514px; height:350px; margin-top:20px;  float:left ;          }

	#index_news .title{ background-color:#fbfbfb; height:50px; line-height:50px;width:514px;     }

	#index_news h2{ margin-left:14px;   }

	#index_news h2 a{color:#75cafd;border-bottom:2px solid #00a0ff; padding-bottom:6px;  }

	#index_news h2 a:hover{ color:#00a0ff;text-decoration:none;       }

	#index_news ul{ margin-left:14px; margin-top:30px; } 

	#index_news li{ font-size:14px;font-family:宋体; height:30px; line-height:30px; }

	#index_news a{ color:#a0a0a0   }

	#index_news a:hover{ color:#b7b4b4;text-decoration:none;  }

	

	

	#index_product{ width:514px;  height:350px; float:left;  margin-top:20px;   float:left ; margin-left:32px;             }

	

	#index_product .title{ background-color:#fbfbfb; height:50px; line-height:50px;width:514px;     }

	#index_product h2{ margin-left:14px;   }

   #index_product h2 a{color:#75cafd;border-bottom:2px solid #00a0ff; padding-bottom:6px;  }

	#index_product h2 a:hover{ color:#00a0ff;text-decoration:none;       }

#index_product ul{ margin-left:14px; margin-top:4px; } 

	#index_product li{ font-size:14px;font-family:宋体; font-weight:500; width:230px; height:140px; margin-top:10px; float:left;text-align:center }



	#index_product li img{ width:210px; height:110px;}

#index_product li p{padding-top:10px;   }

	#index_product a{ color:#a0a0a0;  }

	#index_product a:hover{ color:#b7b4b4;text-decoration:none;  }

	

	

	/*视频*/

	#vid{ width:1060px; height:520px;border:1px solid #e3e3e3; margin:0 auto; margin-top:18px;        }

	

	#vid .title{  height:50px; line-height:50px;width:340px;     }

	#vid  h2{ margin-left:14px;   }

	#vid  h2 a{color:#75cafd;border-bottom:2px solid #00a0ff; padding-bottom:6px;  }

	#vid  h2 a:hover{ color:#00a0ff;text-decoration:none;       }

	.vid_lb{float:left;position:relative; height:520px; width:340px;    }

	

	.vid_lb ul{ margin-left:26px; width:318; height:444px; margin-top:20px;   }

	.vid_lb li{ font-size:14px;font-family:宋体; height:30px; line-height:30px;  width:280px;white-space:nowrap; text-overflow:ellipsis; overflow: hidden;     }

	

	.vid_lb span{ color:#2878f1; font-weight:800; }

	.vid_lb a{  color:#a0a0a0 ;     }

	.vid_lb a:hover{ color:#b7b4b4;text-decoration:none;}

	

#dv_scroll{position:absolute;height:464px;overflow:hidden;width:318px;}

#dv_scroll .Scroller-Container{width:100%;}

#dv_scroll_bar {position:absolute;right:0;width:14px;height:464px;border-left:2px solid #e3e3e3;}

#dv_scroll_bar .Scrollbar-Track{position:absolute;left:0;top:20px;width:14px;height:370px;}

#dv_scroll_bar .Scrollbar-Handle{position:absolute;left:-7px;top:10px;width:10px;height:70px;overflow:hidden;background:url(../images/srcoll.gif) no-repeat;cursor:pointer;}

#dv_scroll_text {position:absolute;}





	.vid_sp{float:left; margin-top:74px; margin-left:25px; width:692px; height:442px;    }

	.video-container {
		position: relative;
		width: 100%;
		background-color: #000;
	}
	
	.video-container video {
		width: 100%;
		height: auto;
		display: block;
	}
	
	.video-info {
		padding: 20px 30px;
		border-bottom: 1px solid #eee;
	}
	
	.video-info h2 {
		color: #2c3e50;
		margin-bottom: 10px;
	}
	
	.video-info p {
		color: #7f8c8d;
		margin-bottom: 15px;
	}
	
	.tips {
		background-color: #f8f9fa;
		padding: 20px 30px;
		border-radius: 0 0 12px 12px;
	}
	
	.tips h3 {
		color: #2c3e50;
		margin-bottom: 15px;
		display: flex;
		align-items: center;
	}
	
	.tips h3 i {
		margin-right: 10px;
		color: #3498db;
	}
	
	.tips ul {
		list-style-type: none;
		padding-left: 10px;
	}
	
	.tips li {
		margin-bottom: 10px;
		padding-left: 25px;
		position: relative;
	}
	
	.tips li:before {
		content: "•";
		color: #3498db;
		font-weight: bold;
		position: absolute;
		left: 0;
	}
	
	.error-message {
		display: none;
		background-color: #ffebee;
		color: #c62828;
		padding: 15px;
		border-radius: 6px;
		margin: 20px 0;
		text-align: center;
	}
	
	.fallback-options {
		margin-top: 20px;
		text-align: center;
	}
	
	.btn {
		display: inline-block;
		background: #3498db;
		color: white;
		padding: 10px 20px;
		border-radius: 4px;
		text-decoration: none;
		font-weight: 500;
		transition: all 0.3s ease;
		margin: 0 10px;
	}
	
	.btn:hover {
		background: #2980b9;
		transform: translateY(-2px);
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	}
	
	.btn-outline {
		background: transparent;
		border: 1px solid #3498db;
		color: #3498db;
	}
	
	.btn-outline:hover {
		background: #3498db;
		color: white;
	}
	
	@media (max-width: 768px) {
		.container {
			border-radius: 0;
		}
		
		.video-info, .tips {
			padding: 15px 20px;
		}
	}

	/*关于*/





	.dltitle{ height:50px; background-color:#fff;  margin-top:20px;          }

		.dltitle  h2{ margin-left:14px; width:1060px; margin:0 auto;   }

	.dltitle h2 a{color:#75cafd;border-bottom:2px solid #00a0ff; padding-bottom:6px;  }

	.dltitle h2 a:hover{ color:#00a0ff;text-decoration:none;       }

	

	#index_about{ width:100%; height:310px; background-color:#fbfbfb; margin-top:-6px;  }

.about_nr{ width:1060px; height:310px;  }

	

.about_nr h1{ text-align:center; padding-top:52px; }

.about_nr p{ margin-top:40px; font-size:14px;font-family:宋体; line-height:30px; color:#6e6e6e;text-indent:24px;overflow:hidden; }

	

 .btnminxi{ margin:0 auto; display:block;width:146px;height:36px;line-height:36px; padding-left:38px;color:#fff;margin-top:36px; background:url(../images/about_more.png) no-repeat left top; font-size:18px;}

 .btnminxi:hover{background-position:left bottom;text-decoration:none; color:#FFFFFF}

 

 

 #link{ width:1060px; height:130px; position:relative;      }

	.link_bja{ float:left;width:152px; height:24px;background:url(../images/link_img.png) no-repeat left top; margin-top:20px; }

	

	.link_bjb{ float:left; margin-left:20px; margin-top:32px;width:874px;background-repeat:repeat-x; border-bottom:1px solid #e3e3e3; }

	

	

	.gundong{width:1000px;margin:0 auto;}

	.gundong .jCarouselLite{float:left;width:1000px;height:90px;overflow:hidden;}	

	

	

	.move_right,.move_left{float:left;width:16px;height:40px;position:absolute;top:45px;z-index:500;}

	.move_left span{width:16px;height:40px;position:absolute;top:40%;background:url(../images/left_l.png) no-repeat left top;background-repeat:no-repeat;}

	

	.move_right span{width:16px;height:40px;position:absolute;top:40%;background:url(../images/right_l.png) no-repeat left top;background-repeat:no-repeat;}

	

	

	.move_left{left:0px;}

	.move_left span{background-position:left top;}

	/*.move_left:hover span{background-position:left bottom;}*/

	.move_right{right:0px;}

	.move_right span{background-position:right top;}

	/*.move_right:hover span{background-position:right bottom;}	*/

		/*图片列表*/

	.PicList{float:left; width:1000px; margin-left:20px}

	.PicList li{float:left;width:186px;margin-right:14px;display:inline;}

	.PicList li a img{width:185px;height:60px;border:1px solid #f9f9f9;}

	.PicList li a:hover img{border-color:#fdfdfd;}





	#footer{height:356px; background-color:#fafafa;}

	

	#foot{height:312px;background-color:#fafafa; width:1060px; margin: 0 auto;}

	#bqxx{ width:428px; float:left  }



	

	

	

	#bqxx .xz{font-size:14px;color:#616161; margin-top:10px;}

	#bqxx strong{ color:#000000; font-size:14px;               }

	#bqxx .gs{ font-size:18px;color:#000; margin-top:20px; }

	#bqxx .wx{ float:left; height:140px; margin-right:50px; margin-top:20px;      }

	#bqxx .wx img{ width:110px; height:106px; border:1px solid #f9f9f9; }

	#bqxx .wx p{ font-size:14px;color:#000;          }

	

	



		#foot_nav{ width:630px; float:left}

		

		#foot_nav dl{float:left;width:110px; height:auto; margin-left:46px; }

	#foot_nav dt{ font-size:18px; color:#000;margin-bottom:24px; margin-top:40px }

	

	#foot_nav dt a{ color:#000000     }

	#foot_nav dt a:hover{  olor:#443939 ;text-decoration:none;     }



	

#foot_nav dd{ font-size:14px; color:#757575; line-height:24px;   }

#foot_nav dd a{  font-size:14px; color:#757575;               }

#foot_nav dd a:hover{color:#b7b4b4;text-decoration:none;  }

		

	.boot{ height:44px; background-color:#fff;}

	.boot p{ font-size:14px; color:#616161; text-align:center; padding-top:20px;margin-bottom:20px;          }

	

	

	#banner_n{position: relative; }
	#banner_n img{ position:absolute;width:1920px;left:50%;margin-left:-960px;}
	#nav_ndh{ width:1060px; height:52px; background-color:#fbfbfb ; margin-top:32px; margin:0 auto;       } 

	#nav_ndh h2{ margin-left:14px;line-height:color:#75cafd;border-bottom:2px solid #00a0ff; padding-bottom:6px; padding-left:8px; padding-top:12px;  }



#container{ width:1060px; margin: 0 auto; margin-top:28px; background-color:#FFFFFF  }





#sidebar{ width:202px; height:auto; float:left }

	

#neirong{ width:810px; margin-left:42px; float:left}





/*分类*/

		#Classification{float:left;width:200px;margin-bottom:20px;height:auto;border:1px solid #dcdcdc; /*border-style:none solid;*/}

		#Classification .GreenTitle{ font-size:24px; width:202px;height:72px;color:#FFFFFF;background:url(../images/nav_nbj.png) no-repeat left top;background-repeat:no-repeat; padding-left:56px; padding-top:18px;}

/*#Classification .yj_top{background:url(../images/yj_top.png) no-repeat left top;}

#Classification .yj_boot{background:url(../images/yj_boot.png) no-repeat;height:20px;width:200px;}	*/

		/*分类列表*/

		

		.SortList { margin-top:-10px; margin-bottom:10px  }



	.SortList li{background-color:#d8f1ff; margin-top:4px}

	.SortList li a{height:36px;line-height:36px; padding-left:26px;font-size:14px;font-family:宋体;color:#1d1d1d;display:block;}

	.SortList li a:hover{text-decoration:none;background:url(../images/nav_title.png) no-repeat; background-repeat:no-repeat;background-position:12px 6px; background-color:#03a1ff}



	.SortList li ol{display:none; background-color:#FFFFFF; padding-top:14px}

	.SortList li ol li{margin-bottom:0px; background-color:#fff}

	

	.SortList li ol li a{height:25px;line-height:25px;overflow:hidden; font-size:14px;color:#757575;display:block; background-color:#fff}

	.SortList li ol li a:hover{background:url(../images/nav_jt.png) no-repeat;color:#118be0;background-position:12px 6px;  }

	

	

	#Classification .change{background:url(../images/nav_title.png) no-repeat; background-repeat:no-repeat;background-position:12px 6px; }

	

	#Classification .changea{background:url(../images/nav_jt.png) no-repeat;color:#118be0;background-position:12px 6px;  }

	

	

	/*产品列表*/

	.FocusNews{width:810px;}

	.FocusNews li{ width:810px; height:126px;list-style-type:none;border-bottom:1px solid #d8d8d8;               }

	.FocusNews li a:hover{ color:#03a1ff;text-decoration:none;        }

	

	.FocusNews h4{padding-top:25px;width:790px;font-size:18px;color:#00a0ff;margin-left:20px;font-weight:500;   }



	.FocusNews p{ margin-top:14px;width:780px;height:88px;line-height:24px; font-size:14px;color:#5c5c5c;margin-left:20px;word-wrap:break-word; word-break:normal;  }

	

	.FocusNews .btn_minxi{float:right;width:79px;height:30px;color:#fff;background:url(../images/xxxx.png) no-repeat left top;}

	.FocusNews .btn_minxi:hover{background-position:left bottom;text-decoration:none;}

	

	.xxx { height:29px; margin-top:70px; margin-bottom:40px;}

.xxx li { display:inline; float:left;line-height:30px; margin:0 3px;padding:2px 8px; display:block; border:1px solid #d8d8d8; color:#313131; background:#eeeeee; line-height:16px;}

.xxx li a{ color:#313131; background:#eeeeee; line-height:16px;}

.xxx a:hover{ color:#fff; background:#146290; border:1px solid #085989;}

.xxx .thisclass { padding:2px 8px; display:block; border:1px solid #d8d8d8; line-height:16px; color:#fff; background:#146290;}

	

	

	

	.neirong_shop{ width:716px;font-size:14px; color:#5c5c5c; line-height:26px; margin-bottom:190px;        }

	.neirong_shop  h2{ float:left; height:36px; line-height:36px; margin-bottom:60px;            }

	

	

	#news{ width:1060px; margin: 0 auto;           }

    #news ul{ height:auto;        }

	#news li{height:130px; margin-top:20px; }

	

	#news .title{ float:left; width:800px; height:130px;list-style-type:none;border-bottom:1px solid #d8d8d8;  }

	#news .title span{float:right; font-size:14px;color:#5c5c5c;     }

    #news .title  h4{ font-size:18px; color:#00a0ff;float:left;padding-left:14px; margin-bottom:20px; font-weight:500;}

	#new   a:hover{color:#333;text-decoration:none;     }

	#news P{ width:800px; height:84px;font-size:14px; color:#5c5c5c;clear:both; line-height:28px; padding-left:14px   }



  

     #news .photo{ float:left;width:220px;height:130px;overflow:hidden;margin-right:32px;display:inline;      }

     #new .photo img{width:100%;height:100%;display:block;}

	 

	 

	 #news_nr{ width:830px; margin:0 auto; margin-bottom:60px;         }

	#news_nr h1{ text-align:center; padding-top:20px; font-size:24px; color:#00a0ff; font-weight:500;        }

	#news_nr span{text-align:center;display:block;;border-bottom:1px solid #d8d8d8; margin-bottom:50px; height:50px; line-height:50px; color:#7a95a5; font-size:18px;        }

	#news_nr p{ font-size:14px; color:#878787;line-height:32px; }

	#news_nr  img{display:block; margin:0 auto;    }

	

	

	#pdfm_nr{ width:1060px; margin: 0 auto; font-size:14px; color:#535353; line-height:30px; margin-bottom:70px;         }

	#pdfm_nr .xx{width:1030px;padding-top:20px;margin-right:20px;margin-left:4px;      }

	#pdfm_nr p{     }

	

	#xzd .btn_minxi{float:right;width:79px;height:30px;color:#fff;background:url(../images/xz.jpg) no-repeat left top; }

	

	#xzd{ width:1060px; margin: 0 auto;           }

    #xzd ul{ height:auto;        }

	#xzd li{height:130px; margin-top:20px; }

	

	#xzd .title{ float:left; width:800px; height:130px;list-style-type:none;border-bottom:1px solid #d8d8d8;  }

	#xzd .title span{float:right; font-size:14px;color:#5c5c5c;     }

    #xzd .title  h4{ font-size:18px; color:#00a0ff;float:left;padding-left:14px; margin-bottom:20px; font-weight:500;}

	#xzd   a:hover{color:#333;text-decoration:none;     }

	#xzd P{ width:800px; height:84px;font-size:14px; color:#5c5c5c;clear:both; line-height:28px; padding-left:14px; overflow: hidden;

   }



  

     #xzd .photo{ float:left;width:220px;height:130px;overflow:hidden;margin-right:32px;display:inline;      }

     #xzd .photo img{width:100%;height:100%;display:block;}

.infolist { float:left       }	 

.infolist small{

	width:100px;

	text-align:right;

	display:block;

	float:left;

	font-size:12px;

	line-height:31px;

	color:#999;

	clear:left;

	height:31px;

	overflow:hidden;

}

.infolist span{

	width:200px;

	line-height:30px;

	float:left;

	height:31px;

	overflow:hidden;

}

.picview{

	width:320px;

	float:right;

	padding-right:24px;

	padding-top:16px;

}

.labeltitle{

	height:23px;

	background:url(../images/view-labeltitle-bg.gif) left 10px repeat-x;

	clear:both;

	overflow:hidden;

	margin:0px auto 0px;

	padding-top:10px;

}

 .labeltitle strong{

	width:80px;

	height:23px;

	line-height:23px;

	text-align:center;

	color:#FFF;

	letter-spacing:1px;

	display:block;

	float:left;

	background:url(../images/view-labeltitle-bg.gif) left -44px no-repeat;

	overflow:hidden;

}



 .content{

	font-size:14px;

	padding:12px 16px;

	line-height:25px;

	color:#333;

}



 .downurllist li{

	height:27px;

	background:url(../images/downurl-bg.gif) right top no-repeat;

	padding-right:4px;

	float:left;

	margin-right:10px;

	overflow:hidden;

	margin-top:10px;

}

.downurllist li a{

	height:27px;

	background:url(../images/downurl-bg.gif) left top no-repeat;

	display:block;

	font-size:12px;

	color:#555;

	text-indent:30px;

	line-height:27px;

	float:left;

	padding-right:5px;

}

 .downurllist li a:hover{

	color:#F63;

	text-decoration:none;

}



	

	

	

	

	