@charset "utf-8";
/*CSS reset*/
html, body, div, p,ol,ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select,fieldset,legend, button, textarea,iframe, table, marquee{ margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6{font-size:12px;}
html{min-height:100%;}
fieldset{border:0 none;}
legend{display:none;}
textarea,input{outline:none;}
table{
	border-collapse:collapse;
	border-spacing:0;
	table-layout:fixed;
	word-wrap:break-word;
	}
div{word-wrap:break-word;}
img{ border: 0 none;margin: 0;padding: 0; /*vertical-align:bottom; display:block;空隙的解决方法 */ max-width:100%;}
ul, li{ list-style-type: none; }
em{ font-style:normal;}
body{font-family:Arial, Helvetica, sans-serif;color:#333;-webkit-text-size-adjust:none;font-size:12px;behavior:url("csshover.htc")/*解决IE6不支持hover的问题*/; cursor:default;}
article, aside, figure, figcaption, footer, header, hgroup, nav, section, summary,time{display: block;}

/*定位*/

.wrapper{margin:0 auto;width:1002px;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.bc{margin-left: auto;margin-right: auto;}
.fl{float:left;display:inline;} 
.fr{float:right;display:inline;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{clear:both;}
.hide{ display:none;}
.b{ border:1px solid #000000;}
.w{ border:1px solid #ffffff;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.block{ display:block;}
.bold{ font-weight:bold;}
.lh36{line-height:36px;}
.lh24{line-height:24px;}
.white{ color:#fff;}
.blue{ color:#0373cc;}
.red{color:#C03;}
.gray{ border:1px solid #eaeaea;}
.pointer{ cursor:pointer;}
.Arial{font-family:Arial, Helvetica, sans-serif;}
.over_hidden{overflow:hidden;}
.pos_relative{position:relative;top:0;left:0; *z-index:800;}
.pos_absolute{position:absolute;top:0;left:0; z-index:999;}
/*a*/
a{blr:expression(this.onFocus=this.blur())/*IE下*/; transition:color ease-in-out .2s/*IE10+、Firefox、chrome、Opera*/;} 
a:focus{outline:none;}/*FF下*/
a:link{color:#333;text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#0d65b1;text-decoration:none;}

/*Top*/
.warn{height:45px;line-height:45px;width:auto;text-align:center;display:none;background-color:#FEE8AB;font-size:16px;}
#header{width:100%; height:118px;}
  .logo{padding:35px 0 0 0;}
  .logo img{vertical-align:bottom; display:block;}

	/*Menu*/
  .menu{width:auto; height:45px;}
	.menu ul{height:auto; padding:78px 0 0 0;}
	.main_nav{float:left; display:inline; width:130px; height:40px; position:relative; z-index:999;}
	.main_nav a{
		display:block; 
		width:120px; 
		height:40px; 
		line-height:40px; 
		text-align:center; 
		font-size:14px;
		margin:0 auto;
		}
	.main_nav a:link{color:#6c6c6c;text-decoration:none;}
	.main_nav a:visited{color:#6c6c6c;text-decoration:none;}
	.main_nav a:hover{color:#fff;text-decoration:none; background:#0d65b1;}
	#selected_1{color:#fff;text-decoration:none; background:#0d65b1;}
	.menu .main_nav a.Hover{color:#fff;text-decoration:none; background:#0d65b1;}
	/*二级菜单*/
	.main_nav ul{
		background:#86b2d7; 
		padding:0; 
		position:absolute; 
		top:40px; 
		left:5px; 
		z-index:10000; 
		opacity:0.9; 
		filter:alpha(opacity=90);
		display:none;
		}
	  .subNav{float:none; width:120px; height:25px;}
	  .subNav a{
		   display:block;
		   width:120px; 
		   height:25px; 
		   line-height:25px; 
		   text-align:left; 
		   text-indent:22px;
		   font-size:12px;
		   background:url(images/index_4.png) no-repeat 10% center;
		   text-overflow:ellipsis;
		   white-space:nowrap;
		   overflow:hidden;
		   }
	  .subNav a:link{color:#fff;}
	  .subNav a:visited{color:#fff;}
	  .subNav a:hover{color:#fff; background:#4c87b8 url(images/index_4.png) no-repeat 10% center;}
	
	/*Language*/
  .lang{
	  width:109px; 
	  height:21px; 
	  position:absolute; 
	  top:18px; 
	  right:20px; 
	  z-index:500;
	  background:url(images/index_5.png) no-repeat 95% center;
	  }
    .lang li{padding:0 0 0 50px; width:59px; height:19px; line-height:19px;}
	.lang li a{display:block; width:59px; height:19px;}
	.lang li a:link{color:#aaaaaa;}
	.lang li a:visited{color:#aaaaaa;}
	.lang li a:hover{color:#0d65b1;}
    .en{background:url(images/en.png) no-repeat 15% center; border:1px solid #aaa;}
	.zh{
		background:url(images/zh.png) no-repeat 15% center; 
		border:1px solid #ccc;
		background-color:#fbfbfb; 
		border-top:0 none;
		}


	/*search*/
  .search{
	  width:147px; 
	  height:21px; 
	  background:url(images/index_2.png) no-repeat center top;
	  position:absolute;
	  top:18px;
	  right:0;
	  overflow:hidden;
	  }
	.keywords,.submit{border:0 none;}
	.submit{cursor:pointer;}
	.keywords{width:110px; height:14px; line-height:14px; margin:1px 0 0 5px;}
	
/*Content*/
.outer{width:100%; height:auto; position:relative; top:0; overflow:hidden;}
 .index_bg{
	 width:1600px; 
	 height:697px; 
	 /*background:url(images/index_bg.jpg) no-repeat center top;*/
	 position:relative;
	 top:0;
	 left:50%;
	 margin-left:-800px;
	 overflow:hidden;
	 }
	 
  /*首页幻灯*/
  .carousel{}
  .carousel ul{}
  .carousel ul li{float:left; display:inline;}
  .arrow{
	  background:url(images/sprite.png) no-repeat; 
	  width:45px; 
	  height:100px; 
	  position:absolute; 
	  top:300px; 
	  z-index:9999; 
	  cursor:pointer;
	  opacity:0.1;
	  filter:alpha(opacity=10);
	  }
  .prev{ background-position:0 0; left:100px;}
  .next{ background-position:-50px 0; right:100px;}
 
   .about_wrap{
	   width:100%; 
	   padding:10px 0 15px 0; 
	   background:#0d65b1; 
	   position:absolute; 
	   bottom:0;
	   z-index:999;
	   opacity:0; 
	   filter:alpha(opacity=0);
	   }
	 .about{width:1002px; margin:0 auto; color:#fff;}
	   .about_title{
		   width:380px;
		   font-size:30px;
		   font-style:italic; 
		   position:absolute;
		   top:0;
		   opacity:0; 
	       filter:alpha(opacity=0);
		   }
	   .about_content{padding:50px 0 0 0;line-height:24px; opacity:0; filter:alpha(opacity=0);}
 .content_bg{
	 width:1600px; 
	 height:auto; 
	 background:url(images/content_bg.jpg) repeat-y center top;
	 position:relative;
	 top:0;
	 left:50%;
	 z-index:500;
	 margin-left:-800px;
	 overflow:hidden;
	 }	   
  .banner{width:1000px; height:261px; background:#fff; margin:0 auto;}
  .banner img{vertical-align:bottom; display:block;}
  .content{
	  width:1000px; 
	  margin:0 auto; 
	  padding:40px 0 30px 0; 
	  background:#fff;
	  position:relative;
	  top:0;
	  z-index:600; 
	  overflow:hidden;
	  }

 /*产品*/
 .products_bg{
	 width:1600px; 
	 height:694px; 
	 background:url(images/products_bg.jpg) repeat-y center top;
	 position:relative;
	 top:0;
	 left:50%;
	 margin-left:-800px;
	 overflow:hidden;
	 }
   .products{
	   width:785px; 
	   height:694px; 
	   background:url(images/index_14.png) repeat center top;
	   position:absolute;
	   left:50%;
	   margin-left:-502px;
	   opacity:0; 
	   }
	 .products_section{margin:0 auto; margin-top:15px; width:750px; height:250px; overflow:hidden;}
	   .introduction{width:300px; height:190px; margin:40px 0 0 0; overflow:hidden; opacity:0; filter:alpha(opacity=0);}
	     .intro_title{
			 margin:0 0 10px 0; 
			 width:300px; 
			 height:35px; 
			 line-height:35px; 
			 font-size:24px; 
			 color:#163f5a;
			 text-overflow:ellipsis; 
			 white-space:nowrap; 
			 overflow:hidden;
			 }
		 .intro_content{width:300px; height:auto; line-height:24px; font-size:14px;}
		 .intro_content p{margin-bottom:5px;}
   
      .category{width:150px; height:245px; position:absolute; top:0; right:-150px; z-index:800; opacity:0.3; filter:alpha(opacity=30);}
	    .category_title{width:150px; height:25px;}
		.category_content{width:150px; height:212px; border:1px solid #2c3e84; overflow:hidden;}
		.category_content img{vertical-align:bottom; display:block;}
		  .category_more{
			  width:150px; 
			  height:212px;
			  background:rgba(0,0,0,0.4);
			  background:url(images/index_17.png) repeat center top\9;
			  position:absolute;
			  top:212px;
			  left:0;
			  z-index:850;
			  }
		  .category_more a{display:inline-block; padding:5px 8px; line-height:24px; margin-top:110px; opacity:0; filter:alpha(opacity=0);}
		  .category_more a:link{color:#fff;}
		  .category_more a:visited{color:#fff;}
		  .category_more a:hover{color:#fff; text-decoration:underline;}
	 .products-item{width:752px; margin:0 auto; padding:10px 0 0 0; height:auto; opacity:0; filter:alpha(opacity=0);}
	   .products_list{
		   float:left; 
		   display:inline; 
		   width:184px; 
		   height:130px; 
		   margin:0 2px 2px 0;
		   position:relative;
		   top:0;
		   z-index:1;  
		   }
		.pro_bg{border:1px solid #fff; background:url(images/index_19.png) no-repeat center top;}
		  .products_list img{position:absolute; z-index:15;}
		  .products_cover{
			  width:164px; 
		      height:100px;
			  padding:15px 10px;
			  background:#212121;
			  color:#999;
			  position:absolute;
			  bottom:0;
			  z-index:20;
			  display:none;
			  transform: rotateY(180deg) perspective(300px);
              -webkit-transform: rotateY(180deg) perspective(300px);
			  overflow:hidden;
			  }
			 .products_cover strong{
				 display:block; 
				 width:164px; 
				 color:#fff; 
				 margin:0 0 5px 0; 
				 text-overflow:ellipsis; 
				 white-space:nowrap; 
				 overflow:hidden;
				 }
			.products_cover .pro_txt{display:block; width:164px; line-height:18px; overflow:hidden;}
			 a.btn_blue{
				  display:inline-block;
				  zoom:1;
				  font-weight: bold;
				  height: 30px;
				  line-height: 30px;
				  padding: 0 8px;
				  margin-top: 8px;
				  background: linear-gradient(top,#4d90fe,#4787ed);
				  background: -webkit-linear-gradient(top,#4d90fe,#4787ed);
				  background: -moz-linear-gradient(top,#4d90fe,#4787ed);
				  background: -ms-linear-gradient(top,#4d90fe,#4787ed);
				  background: -o-linear-gradient(top,#4d90fe,#4787ed);
				  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe', endColorstr='#4787ed'); /* IE6,IE7 */
		          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d90fe', endColorstr='#4787ed')"; /* IE8 */
				  border: 1px solid #3079ed;
				  color:#fff;
				  }
			  a.btn_blue:hover{
				  background: linear-gradient(top,#649efd,#3773d3);
				  background: -webkit-linear-gradient(top,#649efd,#3773d3);
				  background: -moz-linear-gradient(top,#649efd,#3773d3);
				  background: -ms-linear-gradient(top,#649efd,#3773d3);
				  background: -o-linear-gradient(top,#649efd,#3773d3);
				  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#649efd', endColorstr='#3773d3'); /* IE6,IE7 */
		          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#649efd', endColorstr='#3773d3')"; /* IE8 */
				  }
				 
   
  /*Sidebar*/
  .sidebar{width:150px; height:auto; margin:0 0 0 50px;}
	.sidebarTitle{width:150px; height:40px; line-height:40px; border-bottom:1px solid #0d65b1;}
	.sidebarTitle img{vertical-align:bottom; display:block;}
	.sidebarContent{width:150px; height:auto; margin:0 auto; padding:15px 0;}
	  .items{height:auto;}
	  .items li{width:150px; height:34px; background:url(images/index_8.png) no-repeat 85% center; border-bottom:1px dotted #6c6c6c;}
	  .items li a{display:block; width:150px; height:34px; line-height:34px; text-indent:30px;}
	  .items li a:link{color:#6c6c6c;text-decoration:none;}
	  .items li a:visited{color:#6c6c6c;text-decoration:none;}
	  .items li a:hover{color:#0d65b1;text-decoration:none; background:url(images/index_9.png) no-repeat 85% center;}
	  #selected{color:#0d65b1;text-decoration:none; background:url(images/index_9.png) no-repeat 85% center;}
	.sidebar_logo{margin:80px 0 0 0;} 
	.sidebar_logo img{vertical-align:bottom; display:block;}
	
/*Main*/
.right{width:730px; height:auto; margin:0 15px 0 0;}
  .right_title{width:730px; height:38px; line-height:38px; overflow:hidden;}
    .tit{font-size:16px; margin:0 0 0 18px; height:36px; letter-spacing:1px; border-bottom:1px solid #000c5d; color:#000c5d; padding:0 5px;}
    .location{ margin:0 15px 0 0;}
  .right_content{width:710px; height:auto; line-height:24px; padding:25px 10px 15px 10px; overflow:hidden;}
  .right_content p{margin-bottom:12px;}
  .noInfo{width:100%;height:300px;line-height:300px;text-align:center;font-size:34px;}
  
  /*Contact*/
  .contact{width:820px; margin:0 auto; height:auto;}
    .contactTop{height:50px; border-bottom:1px solid #a0a0a0;}
	  .contact_title{
		  height:50px; 
		  line-height:60px; 
		  background:url(images/index_11.png) no-repeat left center; 
		  padding:0 0 0 70px;
		  font-size:18px;
		  color:#000c5d;
		  }
	  .online_btn{margin:10px 0 0 0;}
    .contact_content{
		width:100%; 
		min-height:283px; 
		_height:283px; 
		background:url(images/contact.png) no-repeat 95% center; 
		font-size:14px;
		}
	.contact_content p{margin-bottom:12px;}
	
	/*News*/
  .news{width:940px; margin:0 auto; height:auto;}
    .newsTop{height:50px; border-bottom:1px solid #a0a0a0;}
	  .news_title{
		  height:50px; 
		  line-height:60px; 
		  background:url(images/index_11.png) no-repeat left center; 
		  padding:0 0 0 70px;
		  font-size:18px;
		  color:#000c5d;
		  }
	  a.newsList{padding:4px 8px; margin:23px 0 0 15px;}
	  a.newsList:link{color:#0d65b1;}
	  a.newsList:visited{color:#0d65b1;}
	  a.newsList:hover{color:#fff; background:#0d65b1;}
	  .newsTop a.news_selected{color:#fff; background:#0d65b1;}
    .news_content{width:850px; padding:24px 45px 0 45px;}
	  .top_news{width:100%; height:auto;}
		.top_news_left{width:550px; height:110px; overflow:hidden;}
		.no_news{height:80px; line-height:80px; font-size:15px; color:#bebebe;}
		  .hot_news{color:#0d65b1; font-size:15px;}
		  .top_news_title{width:550px; font-size:14px; margin:4px 0 0 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
		  .top_news_title a:link{color:#6b95c6;}
		  .top_news_title a:visited{color:#6b95c6;}
		  .top_news_title a:hover{color:#4f8ccf; text-decoration:underline;}
		  .top_news_content{line-height:21px; margin:6px 0 0 0;}
	    .top_news_right{width:176px; height:106px; background:#979696; padding:2px; box-shadow:0 0 8px #bebebe; overflow:hidden;}
		
  .newsItems{width:780px; margin:0 auto; padding:30px 0 10px 0;}
	.news_lists{
		border-bottom: 1px dotted #77a8d2;
		line-height:35px; 
		height:35px; 
		background:url(images/index_13.png) no-repeat left center; 
		padding:0 0 0 15px;
		}
	.new_banner{width:100%;height:24px;line-height:24px;border-bottom:1px dotted #bebdbd;margin-bottom:10px;}
	  .pubTime{display:inline-block;}
  .browse{margin-left:20px;}
  .bottom_line{height:10px;border-top:1px dotted #bebdbd;width:100%;margin-top:20px;} 
  .goBack{color:#7b0002;margin-right:10px;margin-top:10px;}
  
  
  .feedback-show{
	  width:151px; 
	  height:27px; 
	  position:fixed; 
	  bottom:0; 
	  right:0; 
	  z-index:999;
	  cursor:pointer;
	  background:url(images/index_22.png) no-repeat 0 0;
	  }
  .feedback-show:hover{background-position:0 -27px;}
  .feedback{width:288px; height:auto; position:fixed; bottom:0; right:0px; z-index:999; display:none;  overflow:hidden;}
    .feedback_title{
		width:288px; 
		height:34px;
		background:#0d65b1 url(images/index_21.png) no-repeat 10% center; 
		border-radius:4px 4px 0 0;
		}
	  .slide_down{width:24px; height:24px; background:url(images/slideDown.png) no-repeat center top; margin:5px 15px 0 0; cursor:pointer;}
	.feedback_content{
		width:288px; 
		height:auto; 
		background:#f9f9f9; 
		padding:15px 0 0 0; 
		opacity:0.9; 
		filter:alpha(opacity=90);
		
		}
	  .fc_txt{width:230px; margin:0 auto; line-height:20px;}
	    .qq_btn{display:inline-block; height:20px; margin:0 5px; vertical-align:-4px; overflow:hidden;}
	  
      #form{width:230px; margin:0 auto; padding:20px 0 0 0;}
	   #username_hint,#email_hint,#content_hint,#submit_hint{display:inline-block; height:24px; line-height:24px;}
	   #submit_hint .success{ color:#119a03;}
	   .input_text{height:55px;}
		.form_text{
			width:220px; 
			height:24px;
			line-height:24px;
			padding-left:5px; 
			border-color:#0d65b1; 
			border-radius:5px;
			color:#898989;
			font-weight:bold;
			}
	   .textarea{height:125px;}
	    .textarea label{height:24px; font-size:14px;}
	    .form_textarea{width:220px; height:70px; padding-left:5px; border-color:#0d65b1; border-radius:5px;}
		
		.form_submit{
			width:230px; 
			height:30px; 
			background:#0d65b1; 
			color:#fff; 
			text-align:center; 
			border:0 none; 
			border-radius:5px;
			letter-spacing:3px;
			font-size:13px;
			margin:5px 0 0 0;
			}
		 .form_submit:hover{
			background: linear-gradient(top,#065aa3,#044e8e);
			background: -webkit-linear-gradient(top,#065aa3,#044e8e);
			background: -moz-linear-gradient(top,#065aa3,#044e8e);
			background: -ms-linear-gradient(top,#065aa3,#044e8e);
			background: -o-linear-gradient(top,#065aa3,#044e8e);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#065aa3', endColorstr='#044e8e'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#065aa3', endColorstr='#044e8e')"; /* IE8 */
			 }
	   .comment{height:65px;}
  
/*Footer*/
#footer{
	font-family:Arial, Helvetica, sans-serif;
	padding:20px 0 15px 0;
	line-height:24px;
	position:relative;
	bottom:0;
	z-index:999;
	background:#fff;
	}
.footer_border{border-top:2px solid #0d65b1;}



/*分页*/
.page{ height:50px; line-height:50px;}
.page_turner{padding:4px 0px 0px 1px;float:right;clear:both;}
.page_turner a, .page_turner span{float:left;display:block;border:1px solid #0d65b1;padding:3px 7px;margin-left:4px;line-height:14px;}
.page_turner a:link, .page_turner a:visited{text-decoration:none;}
.page_turner a:hover, .page_turner a.c{background:#0d65b1;color:#fff}
/*留言板*/

textarea, select,input{border:1px solid #CCC;font-size:12px;padding:2px;}