@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, textarea,th, td,img{   border:none;   margin: 0;   padding: 0; color:#616161; list-style: none;} 
body,button, input, select, textarea {   font: 12px Arial, Helvetica, sans-serif;}  em{font-style:normal;} 
a{ text-decoration:none; color:#616161}
ul, ol ,li{ list-style: none; } 
img{ border:none;} 
.clear{ clear:both}
.left { float:left; display:inline; }
.right { float:right; display:inline; }
.white { color:#FFF;}
.shell { width:1348px; margin:0 auto;}
.colorre { width:100%;}
.nomargin {margin-right:0px;}

body{ line-height:18px;}
#warper { width:100%; margin:0 auto}
.header_lang {overflow:hidden; margin:15px auto auto auto; }
.header_lang a {padding-left:20px;margin-right:15px;}
.header_lang a.lang_ch {background:url(images/lang_ch.jpg) left center no-repeat;}
.header_lang a.lang_en {background:url(images/lang_en.jpg) left center no-repeat;}
.header_lang a.lang_es {background:url(images/lang_es.jpg) left center no-repeat;}
.header_lang a.lang_alb {background:url(images/lang_alb.jpg) left center no-repeat;}


.topding { width:100%; background:url(images/topdingbg.jpg) repeat-x;color:#85888c; clear:both; }
.topdingright { float:right;}
#header{ height:88px;  width:1348px; margin:0 auto; clear:both; padding-top:30px;}
#logo{ float:left; padding-top:10px; }
#language{ float:right;width:100px; height:26px;background: url(images/language.jpg) no-repeat right bottom; color:#000; z-index:10000; position:relative;  }
#language a{display:block; width:100px; height:26px; line-height:18px;color:#000;}
#language a:hover{ width:100px; height:26px;background:#fff; color:#000;}


.menu { float:right;width:830px; }
#nav {  float:right;width:830px;overflow:hidden;}
#navlist{ height:18px;  float:right;width:830px; margin-top:40px;}
#navlist li{ float:left; font-weight:bold; background:url(images/navlibg.jpg) no-repeat right center; }
#navlist li a{ float:left; width:118px;height:18px; display:block; text-align:center; line-height:18px; font-size:14px;color:#121212; }
#navlist li a:hover,#navlist li a.cur{  width:118px;height:18px;color:#121212; text-align:center; background: url(images/havhover.jpg) no-repeat center bottom;}
/***大图切换***/
.indexner{ width:100%;  margin:0 auto; clear:both; border-bottom:solid 2px #e5bb5a;}
.index_banner{ width:100%;  margin:0 auto; clear:both; }


 
.indextitleen { font-style:italic; }
.indexmian01 { width:100%; margin-top:40px;}
.indexproducts { width:100%; clear:both; margin-top:20px; height:550px;}
.indexproducts li { float:left; width:410px; height:463px; margin-right:56px; text-align:center;}
.indexproducts li .indexmiantitle  { margin-top:10px;  width:160px;font-weight:bold; text-align:center;border-bottom:solid 1px #e2bf6e; margin:0 auto; line-height:30px; }
.indexproducts li .mode {  clear:both; text-align:center; margin: 0 auto;}
.indexproducts li .note { width:300px; margin:15px auto;}

.indextitle {  float:left; margin-left:270px; font-size:18px; font-weight:bold;  }
.indexcompanydetail { float:left; margin-left:15px; width:480px; color:#1b1b1b; font-size:16px; line-height:30px;}
.indexcompanydetail p{ padding:0px; margin:0px;}


.custome { width:1348px; margin:0 auto; padding-top:40px;}
.custome li{ float:left; width:640px; margin-left:20px; height:620px; overflow:hidden; position:relative}
.custome li .customename {
	background: url(images/customenamebg.jpg) no-repeat left bottom #f9f9f9;
	padding-left:17px;
	position:absolute;
	width:196px;
	height:80px;
	z-index:100;
	top:110px;
	left: 426px;  
}
.custome li .customeintro { float:left; width:470px; line-height:22px;}
.custome li .customeintro h1{ font-size:16px;}

.indexnews { float:left; width:100%; margin-top:60px; padding-bottom:20px; }
.indexnews li { float:left; width:283px; height:466px; background:#f4f4f4; margin-right:72px;}
.indexnews li img { margin:0 auto; clear:both; display:block; padding-top:4px;}
.indexnews li .newstitle { float:left; width:230px; margin:25px 0 0 25px; font-weight:bold; font-size:14px; }
.indexnews li  p{ float:left; width:230px; margin:25px 0 0 25px;  font-size:12px; line-height:22px;}
.indexnews li a:hover {float:left; width:283px; height:470px;  background:#b39245; color:#FFF}


/**company**/
#left{	float:left;	width:330px;	overflow:hidden; margin-top:30px;}
.lefttitle {float:left;width:190px; line-height:50px; height:60px; font-size:18px; color:#828282; font-weight:bold;  font-family: "黑体"; padding-left:40px;}
#llist{ float:left; width:330px;   }
#llist li{ float:left; width:330px; height:50px; line-height:50px; background:#fafafa; border-bottom:solid 1px #eaeaea;} 
#llist li a{display:block; overflow:hidden; font-size:12px; color:#000;width:270px;height:50px;  padding-left:60px; background:url(images/sanjiao.jpg) no-repeat 40px  22px;}
#llist li a:hover,#llist li a.lcur{ font-weight:bold; background:url(images/sanjiao2.jpg) no-repeat 40px 22px #cb9734; color:#fff; line-height:50px;}

.lilist{  float:left; width:330px; }
.lilist dl { line-height:200%; font-weight:normal; cursor:pointer;   background:#fafafa; border-bottom:solid 1px #eaeaea;}
.lilist dl dt {line-height:50px;  display:block; overflow:hidden; font-size:12px; color:#000; background:url(images/sanjiao.jpg) no-repeat 40px  22px;}
.lilist dl dt a{ display:block; padding-left:20px;}
.lilist dl dt a:hover{ font-weight:bold; background:url(images/sanjiao2.jpg) no-repeat 40px 22px #cb9734; color:#fff; line-height:50px; padding-left:20px;}
.lilist dl.show dt a{  font-weight:bold; background:url(images/sanjiao2.jpg) no-repeat 40px 22px; color:#fff; line-height:50px} 
.lilist dl.show dt a:hover{  font-weight:bold; background:url(images/sanjiao2.jpg) no-repeat 40px 22px #cb9734; color:#fff; line-height:50px} 

.lilist dl dd { margin-left:60px; display: none; line-height:30px;}
.lilist dl dd a{ color:#5e5e5e; outline:none;}
.lilist dl dd a:hover{ color:#880c0c;}
.lilist dl dd a.hoverd{ color:#880c0c;}
.lilist dl dd a.current{ color:#FFF}
.lilist .icon{ font-weight:bold; background:url(images/sanjiao2.jpg) no-repeat 40px 22px #cb9734;  line-height:50px; color:#FFF;}
.lilist dl dd ul{ margin-left:15px;}
.lilist dl dd ul li{ padding-left:20px; background:url(images/llista.jpg) no-repeat 0 6px;}
.lilist dl dd ul li a:link,.lilist dl dd ul li a:visited{ color:#636363;}
.lilist dl dd ul li a:hover,.lilist dl dd ul li a.hoverd{ color:#880c0c;}
.ulhover{ display:block;}
#uldisplay{display:block;}
 
 

#right{ float:right; width:950px;  overflow:hidden; margin-top:30px; }
.local{ float:left; width:100%; height:45px; line-height:45px;  color:#9e9e9e; font-size:11px; border-bottom:solid 1px #eaeaea;}
.local .dt { float:left;font-size:14px;font-family: "黑体"; color:#838383;}
.about{ float:left; clear:both; line-height:24px; overflow:hidden; width:100%; padding-top:15px; font-size:12px;}

/**honor**/
.honor{ float:left; width:980px; margin-top:20px; clear:both;}
.honor li{ float:left; width:220px; height:330px; overflow:hidden; margin-right:13px; margin-bottom:20px; display:inline; background:#f9f9f9; border:solid 1px #f3f3f4; padding:5px 0 0 5px;}
.honor li span{  width:230px; line-height:20px; height:40px; overflow:hidden; display:block; text-align:center}

/**products**/
.products {float:left; clear:both; line-height:24px; overflow:hidden; width:100%; padding-top:15px; font-size:12px;}
.products li {float:left; width:300px; height:322px;margin-right:20px; margin-top:20px;}
.products li .indexmainimg {float:left;width:100%;height:276px;overflow:hidden;background:#f0f0f0;clear:both;}
.products li .indexmiantitle a:link{ float:left;width:100%;height:45px;line-height:45px;background:#f8f8f8;color:#1b1b1b; text-align:center;}
.products li .indexmiantitle a:hover{ float:left;width:100%;height:45px;line-height:45px; background:#e5bb59;color:#FFF; text-align:center;}



.product_detail{ float:left; width:100%; line-height:28px;margin-top:15px;}
.product_detail p{float:left; clear:both}
.product_detail h1{ float:left;font-size:12px; font-weight:bold;}
.product_detail .photo{ float:left; width:100%; overflow:hidden; clear:both;}
.product_detail .photo img{ display:block; border:1px solid #ebebeb; float:left;}
.product_detail .right_contacts{ float:left; width:325px; margin-left:32px; color:#656565;}
.product_other{ float:right; width:530px; line-height:24px; }
.product_other p{ padding-left:10px;}
 
.product_other table { margin:20px 0 30px 0;}
.product_other table th{ color:#fff; padding:0;}
.product_other table,.product_other table td{border:1px solid #ebebeb; border-collapse:collapse; margin:10px 0;}
.product_other table td{ padding:5px 0 5px 10px;}
#pnav li{ width:200px; margin-bottom:2px;}
#pnav li a{ display:block; text-decoration:none; height:26px; line-height:26px; color:#525252; padding-left:28px;}
#pnav li a:hover{color:#476abe;	text-decoration:none;}
#pnav li a.e_pdf{ background:url(../images/e_pdf.jpg) no-repeat left center; }
#pnav li a.e_inquiry{ background:url(../images/e_inquiry.jpg) no-repeat left center;}
#pnav li a.e_print{ background:url(../images/e_print.jpg) no-repeat left center; }
#pnav li a.e_bookmark{ background:url(../images/e_bookmark.jpg) no-repeat left center; }
#pnav li a.e_tell{ background:url(../images/3-06.jpg) no-repeat left center; }
#pnav li a.e_msn{ background:url(../images/e_msn.jpg) no-repeat left center; }
#pnav li a.e_skype{ background:url(../images/e_skype.jpg) no-repeat left center; }
#pnav li a.e_email{ background:url(../images/e_email.jpg) no-repeat left center; }
.e_request{ background:url(../images/e_request.jpg) no-repeat left center; }
.detail_three{ padding:20px 0 30px;}
.last_title{ clear:left; line-height:32px; color:#fff; font-size:18px; background-color:#cb9734; padding-left:10px;}

.rollBox{ width:870px; overflow:hidden;} 
.rollBox .LeftBotton{ height:20px; width:20px;overflow:hidden;float:left;display:inline;margin:25px 0 0 0;cursor:pointer;} 
.rollBox .RightBotton{height:20px;width:20px;overflow:hidden;float:left;display:inline;margin:25px 0 0 0;cursor:pointer;} 
.rollBox .Cont{width:870px;overflow:hidden;float:left;} 
.rollBox .ScrCont{width:10000000px;} 
.rollBox .Cont .tpic{width:210px; float:left;text-align:center; margin-right:10px;} 
.rollBox .Cont .tpic img{display:block;margin:0 auto; border:1px solid #dedede; margin-left:3px;} 
.rollBox .Cont .tpic p{ line-height:16px; color:#6f6f6f; padding-top:3px;} 
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#fe0000;text-decoration:none;} 
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;} 
.rollBox #List1,.rollBox #List2{float:left;} 


/*** news ***/
.newslist{width:948px;  margin-top:15px;}
.newslist li { float:left; width:948px;height:210px;  margin-top:18px;  overflow:hidden; clear:both;}
.newslist li .newstuleft{ float:left; width:280px;}
.newslist li .newsintro{ float:right; width:600px;}
.newslist li .newslisttitle{ float:left; width:600px; line-height:28px; border-bottom:dotted 1px #666666; font-size:12px;}
.newslist li p{ line-height:22px; font-size:11px;}
.newslist li time{ float:left; background-color:#b50007; padding:0 5px; height:60px; width:60px; border-right:1px solid #ebebeb;}
.newslist li a{ float:left; width:900px; height:160px; padding:20px;}
.newslist li a:hover {float:left; width:900px; height:160px; padding:18px; border:solid 2px #cb9734;}

.newscontentlist{ float:left; width:100%; color:#777; padding:20px 0;}
.newscontentlist h3{ font-size:20px; color:#111; text-align:center;}
.newscontentlist .newlist-n{ padding-top:10px; border-bottom:1px solid #d5d5d5; padding-bottom:10px; margin:30px 0;}
.newscontentlist .fr{ float:right}
.newscontentlistdetail {float:left; width:215px; margin-top:30px;background:url(images/newsdetailbg.jpg) repeat-y;}
.newscontentlistdetailtitle {float:left; width:170px; padding-left:45px; height:47px; line-height:40px; background:url(images/newsdetailtitle.jpg) no-repeat; color:#FFF; font-weight:bold;}
.newscontentlistdetailtitlebody {float:left;width:200px;padding-left:30px;}
.newscontentlistdetailtitlebody li{ list-style:circle; line-height:28px;}

/**quality**/
.quality01 {  padding-top:70px;}
.qualitytitle { float:left; font-size:16px; clear:both;}
.qualitytitle h1{line-height:70px; border-bottom:solid 2px #797979; font-family: "黑体"; clear:both;}
.qualitytitle p{clear:both;}
.qualitytext { width:630px; padding-top:90px;}
.qualitytext p{ clear:both;}

/**case**/
.case { float:left; width:1348px; clear:both; margin-top:30px;}
.case li { float:left; width:300px; height:245px; overflow:hidden; margin-right:30px; margin-bottom:20px; display:inline;  }
.case li span{  width:230px; line-height:20px; height:40px; overflow:hidden; display:block; text-align:center}

/**contact**/
.contact{ float:left; width:100%;  margin-top:10px; padding-top:10px;}
.contactleft {float:left; width:630px;}
.contactleft p{float:left; width:558px; line-height:22px; margin-left:16px; margin-top:0px;}
.contactright {float:right; width:630px; }

.maptitle { width:100%; clear:both; padding:50px 0;}
.order { float:left; width:610px; margin-top:20px;}
.tijiao{ width:103px; height:31px; line-height:30px; background:url(images/send2.jpg) no-repeat; text-align:center; border:none; cursor:pointer; text-indent:-9999px;}
textarea{ font-family:Arial, Helvetica, sans-serif;}
.txt3{ width:86px;line-height:30px; background:#fff url(images/txtbg3.gif) no-repeat;  color:#363845; border:none;}
.txt4{ width:255px; height:30px;line-height:27px; background:url(images/txtbg.gif) no-repeat; color:#363845; padding-left:15px; border:none;}
.txt5{ width:580px; height:109px; line-height:26px; background:url(images/txtbg2.gif) no-repeat; padding:16px; color:#363845; border:none;}


/**pages**/
.page{ padding:30px 0; clear:both; width:90%; }
.page ul{ height:48px;text-align:left;}
.page ul span{display:inline-block;}
.page ul a{ float:left; margin-left:10px; display:block; padding:0 15px; text-align:center; line-height:36px; border:1px solid #bebebe;}
.page ul a:hover,.page ul a.now{ background:#6dc408; color:#fff; border:1px solid #6dc408;}

#footer{   background:#fcfcfc; width:100%; clear:both;  height:150px; padding-top:40px; line-height:30px; }
#footer span{ color:#414141;}
#footer span a{ color:#414141;}
#footer span a:hover{ text-decoration:underline}
.footerleft {float:left; width:320px; height:90px; }
.footerright {float:left; margin-left:40px;width:520px; height:90px; color:#fff; line-height:26px;}

#footer2{   background:#f4f4f4; color:#414141; height:53px; line-height:23px; clear:both;}
#footer2 p{ color:#414141;}
#footer2 p a{ color:#414141;}
#footer2 a:hover{ text-decoration:underline}