@charset "utf-8";

a{font-family:微软雅黑,"微软雅黑",Microsoft YaHei,Verdana,Arial,"宋体",Helvetica, sans-serif;font-size:14px;text-decoration:none;}
a:link   {color:#333333;}
a:visited{color:#333333;}
a:hover  {color:#68953f}
a:active {color:#333333;}

/*声明 WebFont*/
@font-face {
    font-family: 'Ashby';
    src: url('../font/AshbyExtraBold.eot');
    src:
            url('../font/AshbyExtraBold.eot?#iefix') format('embedded-opentype'),
            url('../font/AshbyExtraBold.woff') format('woff'),
            url('../font/AshbyExtraBold.ttf') format('truetype'),
            url('../font/AshbyExtraBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*去掉链接（包括图片链接）的虚线边框*/ 
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */ 
:focus { outline: none; }/* for Firefox */ 

/*IE滚动条样式*/
body { SCROLLBAR-ARROW-COLOR:#ffffff;SCROLLBAR-FACE-COLOR:#68953f;SCROLLBAR-DARKSHADOW-COLOR:#68953f;SCROLLBAR-HIGHLIGHT-COLOR:#68953f;SCROLLBAR-3DLIGHT-COLOR:#68953f;SCROLLBAR-SHADOW-COLOR:#68953f;SCROLLBAR-TRACK-COLOR:#0f0f0f;}
/* Webkit内核滚动条样式 */
::-webkit-scrollbar {width:10px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(15,15,15,0.3); -webkit-border-radius: 0px; border-radius:0px;}/*滑轨*/
::-webkit-scrollbar-thumb {-webkit-border-radius:0px;border-radius:0px; background:rgba(104,149,63,1.0); -webkit-box-shadow:inset 0 0 6px rgba(15,15,15,0.2);}/*滑块*/
::-webkit-scrollbar-thumb:window-inactive {background:rgba(104,149,63,0.8);}

body {color:#333333; margin:0; background:#fff; text-align:center; line-height:200%;}

div,ul,dl,dt,dd{ margin:0; padding:0;list-style:none;}
body,td,input,select,textarea{ font-family:微软雅黑,"微软雅黑",Verdana,Arial,"宋体",Helvetica, sans-serif; font-size: 14px; line-height:200%;}
img{ border:0;}
form{ margin:0}
input,select{ vertical-align:middle;}
input[type=text],input[type=password],textarea{ border:#d7d7d7 1px solid; color:#646464}
hr{border-top:#e1e1e1 1px solid; margin:45px auto; border-bottom:none; background:none; border-left:none; border-right:none; clear:both; width:100%;}
*{ box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box; -webkit-text-size-adjust:none;/*解决webkit内核浏览器强制最小字体*/} 
/*css3过渡效果*/
a,li,p,div{transition:background-color 0.3s,opacity 0.3s;-webkit-transition:background-color 0.3s,opacity 0.3s;-moz-transition:background-color 0.3s,opacity 0.3s; -o-transition:background-color 0.3s,opacity 0.3s;}

/*公共*/
.blank{ height:0; line-height:0; font-size:0; margin:0; padding:0; clear:both;}
.global_width{ width:1200px; margin:0 auto; text-align:left; position:relative;}
.fullWidth{width:100%; min-width:1200px; max-width:1920px; position:relative;}
.floatL{ float:left;}.floatR{ float:right;}
.hide{ display:none;}.textCenter{ text-align:center;}

/*页头*/
#header{ background:rgba(255,255,255,0.95); background:#fff\9; position:fixed; z-index:100; left:0; top:0; box-shadow:rgba(0,0,0,0.1) 0 4px 10px; border-top: #68953f 8px solid; border-bottom:#ebebeb 1px solid\9;}
#headBlank{ height:132px;}
#logo{ float:left; height:132px; line-height:132px; position:relative;}
#logo a{ position:relative; z-index:10;display: table-cell;vertical-align:middle; height:132px;  text-align:center; *line-height:114px; }
#logo a img{ max-height:90%; vertical-align:middle; width:auto;}
/*主导航*/
#nav{ position:relative; float:left; margin:20px 0 0 100px;}
#slide{ position:absolute; left:0; top:0; height:112px; background:#68953f; width:0;border-bottom: #83c025 8px solid;border-radius: 6px 6px 0 0;}
#nav li{ position:relative; float:left; height:112px;}
#nav li a{ position:relative; height:112px; line-height:100px; padding:0 36px; display:inline-block; width:100%; font-size:15px; border-radius: 6px 6px 0 0;transition:color 0.4s;-webkit-transition:color 0.4s;-moz-transition:color 0.4s;-o-transition:color 0.4s;}
#nav li.curr a,#nav li a:hover{ color:#fff; /*background: #68953f; border-bottom: #83c025 8px solid;*/}
#nav li p{ position:absolute; z-index:100; left:0; top:100%; padding:0; margin:0; display:none; min-width:100%;white-space:nowrap; }
#nav li p a,#nav li.curr p a{ height:48px; line-height:48px; font-size:13px; padding:0 1em; border-bottom:none; background:none; text-align:center; color:#FFFFFF; white-space:nowrap; width: auto;}
#nav li p a:hover{ color:#fff; border:none;}
#SubMenu_bg{ position:absolute; z-index:90; left:0; top:100%; height:48px; background:#68953f; display:none;}
/*语言*/
#language{ float:right; margin-top:56px;}
#language a{ display:inline-block; line-height:36px; background:#e9ecef; color:#b0b0b0; padding:0 0.6em;}
#language a.curr{ background:#68953f; color:#fff;}
#language a:hover{ background:#007b43; color:#fff;}

/*页脚*/
#foot{ background: #333333; padding: 2em 0; color: #a4a4a4; margin-top: 68px;}
#foot a{ color: #a4a4a4;}#foot a:hover{ color: #fff;}
#fot { margin: 0 auto 1em auto; padding: 0 0 1em 0; line-height: 250%; border-bottom: #545454 1px solid; text-align: center; color:#545454;}
#fot  a{ display: inline-block; padding: 0 2em;}


/*浮动窗*/
#CS{ position:fixed; z-index:100; top:auto; bottom:25%; left:auto; right:0; background:#2d2f33; width:44px; min-height:44px; line-height:0;}
#CS:before{ content:""; display:inline-block; width:0; height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #009944; position:absolute; top:-8px; left:16px;}
#CS a{ position:relative; display:inline-block; width:44px; height:55px; background-image:url(../images/CS.png); background-repeat:no-repeat; cursor:hand; cursor:pointer;}
a#CS_Top2{ background-position: center top; background-color:#009944; height:44px;}
a#CS_QQ{ background-position:center -44px;}
a#CS_Tel{ background-position:center -99px;}
a#CS_Tel span{ position:absolute; left:auto; right:100%; top:auto; bottom:10px; white-space:nowrap; line-height:35px; padding:0 1em; display:none; background:#2d2f33; color:#fff; border-right:#fff 1px solid;}
a#CS_Tel:hover span{ display:inline-block;}

/*产品列表*/
.product{ overflow: hidden;}
.product ul{ width: 105%;}
.product li{ width: 362px; height: 272px; margin:0 57px 40px 0; overflow: hidden; float: left; border: #a4a4a4 1px solid; border-radius: 4px; background: #fff;}
.product li a{ display: inline-block; position: relative; width: 100%; height: 100%; text-align: center;}
.product li a img{ width: 100%; max-width: 100%; max-height: 100%; transition: all 1.5s ease; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease;}
.product li:hover a img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);}
.product li a span{ position: absolute; left: 0; top:auto; bottom: -50px; display: inline-block; width: 100%; padding: 0 1em;  height: 40px; line-height: 40px; color: #fff; background:url("../images/tran.png"); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; transition:bottom 0.3s; -webkit-transition:bottom 0.3s; -moz-transition:bottom 0.3s;-o-transition:bottom 0.3s;}
.product li:hover{ border-color: #68953f;}
.product li:hover a span{ bottom: 6px;}