﻿/* CSS Document */
@charset "utf-8";
body{text-rendering:optimizeLegibility;	-webkit-font-smoothing:antialiased; }
body,h1,h2,h3,h4,h5,h6,hr,p,form,blockquote,dl,dd,pre{margin:0;}
*{margin:0px; padding:0px;}
img{border:none;}
a img{border:none;}
input[type=button]:hover,input[type=submit]:hover{cursor:pointer;}
input,select,textarea,button{outline:none}
button,th,td{padding:0}
ul li{list-style:none;}
ul,ol,textarea,input{margin:0;padding:0}
ul,ol,li{list-style:none}
table{border-collapse:collapse;border-spacing:0; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
a{text-decoration:none; color:#666; outline:none}
a:hover{text-decoration:none; color:#000; cursor:pointer;}
select,input,img,select{vertical-align:middle}
input{}
select,textarea{}
li{list-style:none;}
p{padding:0px; margin:0px;}
a:focus{ outline: none;}
.cf{clear:both;}
.lft{ float:left}
.rit{ float:right}


html, body { 
  font-family:"Times New Roman", Times, serif ;
  height: 100%; 
}
input, textarea {
  font-family:"Times New Roman", Times, serif ;
  font-size: 14px;
  color: black;
  margin-bottom: 15px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  
}
body{ min-width:1100px; margin:0 auto; overflow:auto;}

.top{ width:100%; height:80px; position:relative; border-bottom:2px #eee solid; z-index:1; }
.top .lft{ color:#555; font-size:28px;}
.top .rit a{ display:block; font-size:18px; float:left; width:128px; text-align:center; margin-right:25px; padding:15px 0; height:50px; line-height:50px; position:relative; color:#000; webkit-transition: color 300ms; transition: color 300ms;}
.top .rit a .hx{ position:absolute; top:15px; border-width:1px; border-style:solid; right:0px; left:0px; border-color:#e9e9e9; webkit-transition: border-color 300ms; transition: border-color 300ms;}
.top .rit .a01:hover .hx{ border-color:#B29E66;}
.top .rit .a01:hover{ font-weight:bold; color:#B29E66; font-size:20px;}
.top .rit .a02:hover .hx{ border-color:#3E88A3;}
.top .rit .a02:hover{ font-weight:bold; color:#3E88A3; font-size:20px;}
.top .rit .a03:hover .hx{ border-color:#B23573;}
.top .rit .a03:hover{ font-weight:bold; color:#B23573; font-size:20px;}
.top .rit .a04:hover .hx{ border-color:#818089;}
.top .rit .a04:hover{ font-weight:bold; color:#818089; font-size:20px;}
.top .rit .a05:hover .hx{ border-color:#50AF98;}
.top .rit .a05:hover{ font-weight:bold; color:#50AF98; font-size:20px;}

.top .rit .ona02 .hx{ border-color:#3E88A3;}
.top .rit .ona02{ font-weight:bold; color:#3E88A3; font-size:20px;}
.top .rit .ona03 .hx{ border-color:#B23573;}
.top .rit .ona03{ font-weight:bold; color:#B23573; font-size:20px;}
.top .rit .ona04 .hx{ border-color:#818089;}
.top .rit .ona04{ font-weight:bold; color:#818089; font-size:20px;}
.top .rit .ona05 .hx{ border-color:#50AF98;}
.top .rit .ona05{ font-weight:bold; color:#50AF98; font-size:20px;}

.foot{ position:absolute; bottom:0px; left:0px; right:0px; background:#eee; height:50px; line-height:50px; border-top:2px #B29E66 solid; z-index:3;}
.foot .lft{ font-size:14px; color:#555; padding:0 15px; line-height:50px;}

.containt{ position:absolute; top:82px; bottom:52px; left:0px; right:0px; z-index:2; overflow:auto;}
.layout{ width:1000px;margin:0 auto;}

.COMPANY{ width:100%; height:100%; background:#f5f5f5; color:#222; overflow:auto;}
.COMPANY h3{ padding:15px; text-align:center; line-height:50px; font-size:28px; color:#3E88A3; font-weight:bold; }
.COMPANY p{ display:block; line-height:30px; font-size:20px; padding-bottom:10px; text-align:justify; text-indent:30px;}
.COMPANY img{ max-width:100%;}



.FACTORIES{ width:100%; height:100%; background:#f5f5f5; color:#222; overflow:auto;}
.FACTORIES h3{ padding:15px; text-align:center; line-height:50px; font-size:28px; color:#B23573; font-weight:bold; }
.FACTORIES p{ display:block; line-height:30px; font-size:20px; padding-bottom:10px; text-align:justify; text-indent:30px;}
.FACTORIES img{ max-width:100%;}
.FACTORIES .lft{ width:460px;}
.FACTORIES .rit{ width:460px;}
.fc01{ display:block; padding:20px; background:#fff; border:1px #eee solid; margin-bottom:20px;}
.fc02{ display:block; padding:20px; background:#fff; border:1px #eee solid; margin-bottom:20px;}


.CONTACT{ width:100%; height:100%; background:#f5f5f5; color:#222; overflow:auto;}
.CONTACT h3{ padding:15px; text-align:center; line-height:50px; font-size:28px; color:#50AF98; font-weight:bold; }
.CONTACT p{ display:block; line-height:30px; font-size:20px; padding-bottom:10px; text-align:justify; text-indent:30px;}
.CONTACT img{ max-width:100%;}
.conul ul{ width:700px; float:left; margin-left:150px; margin-top:20px;}
.conul ul li{ width:100%; display:block; float:left; margin-bottom:15px; background:#fff; border:1px #eee solid; height:44px; line-height:44px; font-size:16px;}
.conul ul li .wz{ display:block; float:left; width:100px; text-align:center; background:#eee; border:1px #ddd solid; margin:-1px; font-weight:bold; margin-right:20px;}

.PRODUCTS{ width:100%; height:100%; background:#f5f5f5; color:#222; overflow:auto;}
.PRODUCTS h3{ padding:15px; text-align:center; line-height:50px; font-size:28px; color:#818089; font-weight:bold; }
.PRODUCTS .tit{ font-size:20px; border-bottom:1px #ddd solid; line-height:44px; height:44px; margin-bottom:15px;}
.PRODUCTS .tit a{ display:block; float:left; color:#818089; padding:0 10px; margin-right:10px;}
.PRODUCTS .tit a:hover{  border-bottom:2px #B23573 solid; color:#B23573;}
.PRODUCTS .tit a.on{  color:#ffffff; background:#B23573;}
.proimg a{ display:block; float:left; width:300px; border:1px #eee solid; background:#fff; padding:10px; margin-right:10px; margin-bottom:15px; webkit-transition: background 300ms; transition: background 300ms;color:#000;-moz-box-shadow: 0px 0px 5px #999999;
-webkit-box-shadow: 0px 0px 5px #999999;
box-shadow: 0px 0px 5px #999999;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
.proimg a img{ width:296px; border:1px #ddd solid; background:#eee; padding:1px;}
.proimg a p{ display:block; padding:5px;  text-align:center;}
.proimg a:hover{ background:#818089; color:#fff;}
.proimg a:hover img{ border:1px #818089 solid; background:#818089;}



.fy{ height:38px; line-height:38px; margin-bottom:20px; font-size:14px;}
.fy .fy_l{ display:block; float:left;}
.fy .fy_r{ display:block; float:right;}
.fy .fy_r span{ display:block; float:left;margin-left:5px;  font-size:14px; background:#fff; height:36px;}
.fy .fy_r span a{ padding:0 15px; display:block; height:36px; font-size:14px; background:#fff; webkit-transition: background 300ms; transition: background 300ms;}
.fy .fy_r span a:hover{  background:#c8c8c8; color:#000;}
.fy .fy_r span  select{ display:block; float:right; padding:3px 5px; margin-right:5px; margin-top:3px; cursor:pointer;}


.delman h3{ border-bottom:1px #ddd dotted; margin-bottom:20px;}
.editbox{ border:1px #ddd solid; background:#fff; padding:20px;}
.editbox img{ max-width:100%:}

/*返回图标*/
.btnb
{
	display:block; padding:0 20px 0 25px; height:36px; float:left; margin-right:5px; line-height:36px; margin-bottom:10px;
	background-image:url(/images/icon/fhbtn.png);
    background-color:#ddd; color:#666;
    background-position:5px center;
	background-repeat:no-repeat;
    border:1px #d1d1d1 solid;
    -moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	-webkit-font-smoothing:subpixel-antialiased; 
	-webkit-transition:border .25s linear,color .25s linear,background-color .25s linear; 
	transition:border .25s linear,color .25s linear,background-color .25s linear;

}
.btnb:hover{ background-color:#bbb;}





