/* CSS Document */
@font-face {
	font-family: 'Varela';
	src: url('Varela-Regular.eot'); /* IE9 Compat Modes */
	src: url('Varela-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('Varela-Regular.woff') format('woff'), /* Modern Browsers */
	     url('Varela-Regular.ttf')  format('truetype'),
		 url('Varela-Regular.otf') format('opentype'); /* Safari, Android, iOS */
	}
*{ margin:0; padding:0}
html,body{ font:12px/18pt Arial, Helvetica, sans-serif; height:100%; color:#666; background:url(../../Image/home/bg.jpg) repeat-y center center #dbd7d2;}
a{text-decoration:none; color:#666}
a:hover{ text-decoration:none; cursor:pointer}
ul{ list-style:none}
.clear{ clear:both;}
img{ border:0}

#header{ position:relative;}
.h_box{ width:1028px; margin:0 auto; height:104px;}
.w968{ width:968px; margin:0 auto;}
.logo{ float:left; padding:22px 0 0 0;}
.lang{ float:right; width:150px; margin-top:10px;}
.lang img{ float:left; border:1px solid #fff; margin-left:5px; margin-top:2px;}

.menu{background:#ffda0a;}
.nav_box{}
.nav_menu-2{ float:left;}
.nav .list li{float:left;}
.nav .list a{float:left;display:block;text-align:center;font: 14px/34px Varela Arial, Helvetica, sans-serif; margin:0 25px; color:#5b5b5b;}
.nav .list a:hover,.nav .list .nowa{color:#F00;background-position: -190px 0;}
.newbox{ width:968px; margin:0 auto;background:#fbfbfb;}
.newbox2{ width:968px; margin:0 auto;background:#fbfbfb;}
.newbox3{ width:968px; margin:0 auto;background:#fbfbfb;}
.box{background:#f0f0f0; z-index:1001;overflow:hidden;height:0;position:relative;        
         -webkit-box-shadow: -30px 0px 10px  #d4d0cc,  30px 0px 10px  #d4d0cc;
  -moz-box-shadow: -30px 0px 10px  #d4d0cc,  30px 0px 10px  #d4d0cc;
  box-shadow: -30px 0px 10px  #d4d0cc,  30px 0px 10px  #d4d0cc;}
.cont{position:relative;padding:10px 0 0px 24px;background:#f0f0f0}
/* sublist */
.sublist{ padding:18px 0 0px 0}
.sublist li{float:left;padding-right:24px;padding-bottom:20px;color:#555;}
.sublist li p { margin:0; list-style:none; padding-top:0px; font-size:13px;}
.sublist li a{color:#777;font-size:13px;}
.sublist li a:hover{color:#F00;}
.sublist li img{ float:left}
.sublist li .new-1-1{ float:left; margin-left:10px; margin-right:10px;}
.sublist li .img a:hover{color:#F00;}

.sublist2{padding:10px 0 15px 0 }
.sublist2 li{float:left;color:#555; line-height:24px; width:200px;}
.sublist2 li a{color:#777;font-size:13px; padding:0 10px;}
.sublist2 li a:hover{color:#F00;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}



.search{ float:right; margin-right:10px; margin-top:8px; padding:1px; background:#efefef; border:1px solid #b0b0b0; height:18px; overflow:hidden}
.inputtex{ float:left; width:103px; padding-left:3px; height:18px; line-height:18px; border:none; color:#a9a9a9}
.button{ float:left; width:23px; height:18px; background:url(../../Image/home/but.jpg) no-repeat; border:none}

.input-a{float:left; width:103px; padding-left:3px; height:18px; line-height:18px; border:none; color:#a9a9a9; border:none}
.input-b{float:left; width:103px; padding-left:3px; height:18px; line-height:18px; border:none; color:#a9a9a9; border:none}




#banner{ position:relative;}

.effect2
{
 	position:relative;        
         -webkit-box-shadow: -30px 0px 10px  #d4d0cc,  30px 0px 10px  #d4d0cc;
  -moz-box-shadow: -30px 0px 10px  #d4d0cc,  30px 0px 10px  #d4d0cc;
  box-shadow: -30px 0px 10px  #d4d0cc,  30px 0px 10px  #d4d0cc;
  
	 background: #FFFFFF;
	
	 height:auto;
	 margin-top:2px;
	 z-index:0;
	     width: 968px;
    margin-left: auto;
    margin-right: auto;

	 
}

.ef_box{ background:url(../../Image/home/ef_bg.jpg) no-repeat; height:110px; width:45px; position:absolute; left:970px; top:270px; z-index:20}
.ef_box ul li{ float:left; margin-bottom:5px; margin-top:5px;}
.ef_01{ display:block; width:25px; height:25px; width:25px; background:url(../../Image/home/ef_01.jpg) no-repeat; margin-left:8px;}
.ef_01:hover{ display:block; width:25px; height:25px; width:25px; background:url(../../Image/home/ef_02.jpg) no-repeat; margin-left:8px;}
.ef_02{display:block; width:25px; height:25px; width:25px; background:url(../../Image/home/ef_03.jpg) no-repeat; margin-left:8px;}
.ef_02:hover{ display:block; width:25px; height:25px; width:25px; background:url(../../Image/home/ef_04.jpg) no-repeat; margin-left:8px;}
.ef_03{display:block; width:25px; height:25px; width:25px; background:url(../../Image/home/ef_05.jpg) no-repeat; margin-left:8px;}
.ef_03:hover{ display:block; width:25px; height:25px; width:25px; background:url(../../Image/home/ef_06.jpg) no-repeat; margin-left:8px;}












#in_product_box{ margin-top:10px;}

.pro_list_box{}
.pro_list_box ul{ padding:0 20px 0 0px}
.pro_list_box ul li{ float:left; width:217px; padding:20px 0 20px 20px}
.pro_list_box .in_pro_con{ border-right:1px solid #c5c5c5}
.pro_list_box .in_pro_con h1{ font-size:22px; font-weight:normal; height:18px; line-height:18px;}
.pro_list_box .in_pro_con h1 a{ color:#ffa30d;}
.pro_list_box .in_pro_con h1 a:hover{ text-decoration:underline}

.pro_list_box .in_pro_con h2{ font-size:12px; height:18px; line-height:18px; font-weight:normal; margin-top:8px; float:left}
.pro_list_box .in_pro_con span{ float:left; margin-top:9px; margin-left:8px;}
.pro_list_box .pro_01{ margin-bottom:5px;}


#footer{ padding-bottom:15px}
.f_01{ float:left; width:398px; padding:15px 10px 0 6px}
.f_01 span{ display:block;}
.share a {
	display: inline-block;
	padding: 0 8px 0 0;
}
.share img {
	vertical-align: middle;
}
.share img.nr ,
.share a:hover .on {
	display: inline-block;
}
.share img.on ,
.share a:hover .nr {
	display: none;
}
.share img:last-child{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.f_h{ margin-top:6px;}
.f_h img{}
.f_h .f_a a{margin-right:4px; float:left}
.f_h a:hover{ color:#ff0000;}

.f_02{ float:left;padding:15px 0px 0 5px}
.f_con_h{ width:128px; float:left; margin-right:8px;}
.f_con_h h1{ font-size:13px; font-weight:normal; background:url(../../Image/home/line.jpg) no-repeat left center; padding-left:5px;color:#999;font-family:Arial, Helvetica, sans-serif}
.f_con_h ul li{ line-height:18px; padding-left:5px;}
.f_con_h ul li a{ color:#999;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:120px; font-family:Arial, Helvetica, sans-serif}
.f_con_h ul li a:hover{color:#ff0000;}

div.black2{
    text-align: center;
    padding: 10px;
}
div.black2 *{
    display: inline-block;
}
div.black2 a.num,div.black2 span.current,div.black2 a.prev,div.black2 a.next{
    padding: 0px 7px;
    margin: 0px 3px;
}
div.black2 span.current{
    margin: 0px;
}
div.black2 a.num{
    border: 1px solid #CCC;
}
div.black2 a.next{
	right: auto;
}

.noinfo{
	padding: 2em 1em;
	font-size: 20px;
	text-align: center;
	color: #CCC;
}