@charset "utf-8";

a{font-family:Arial,"Microsoft YaHei",微軟雅黑,"微软雅黑",Verdana,"宋體","細明體",Helvetica, sans-serif;font-size:14px;text-decoration:none;}
a:link   {color:#14202e;}
a:visited{color:#14202e;}
a:hover  {color:#0a933a}
a:active {color:#14202e;}
a.a2{ text-decoration:underline; cursor:hand; cursor:pointer;}

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

/*IE滚动条样式*/
body { SCROLLBAR-ARROW-COLOR:#FFFFFF;SCROLLBAR-FACE-COLOR:#181818;SCROLLBAR-DARKSHADOW-COLOR:#181818;SCROLLBAR-HIGHLIGHT-COLOR:#181818;SCROLLBAR-3DLIGHT-COLOR:#181818;SCROLLBAR-SHADOW-COLOR:#181818;SCROLLBAR-TRACK-COLOR:#E6E6E6;}
/* Webkit内核滚动条样式 */
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 0px; border-radius:0px;}/*滑轨*/
::-webkit-scrollbar-thumb {-webkit-border-radius:0px;border-radius:0px; background: rgba(24,24,24,1.0); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);}/*滑块*/
::-webkit-scrollbar-thumb:window-inactive {background:rgba(24,24,24,0.8);}

body {color:#2b3240; margin:0; background:#fff; text-align:center;  line-height:2em; }

div,ul,dl,dt,dd{ margin:0; padding:0;list-style:none;}
body,td,input,select,textarea{ font-family:Arial,"Microsoft YaHei",微軟雅黑,"微软雅黑",Verdana,"宋體",Helvetica, sans-serif; font-size: 14px;}
body.bg2{ background:#f8f8f8;}
img{ border:0; }
form{ margin:0}
input,select{ vertical-align:middle;}
input[type=text],input[type=password],textarea{ border:#d7d7d7 1px solid; color:#7d7d7d}
input::-webkit-input-placeholder{ color:#b8c2c9; } input:-moz-placeholder{ color:#b8c2c9; } input::-moz-placeholder{ color:#b8c2c9; } input:-ms-input-placeholder{ color:#b8c2c9; }/*提示文字*/
textarea::-webkit-input-placeholder{ color:#b8c2c9; } textarea:-moz-placeholder{ color:#b8c2c9; } textarea::-moz-placeholder{ color:#b8c2c9; } textarea:-ms-input-placeholder{ color:#b8c2c9; }/*提示文字*/
.placeholder{position:absolute;z-index:2;top:50%;left:0;width:100%;margin-top:-10px;box-sizing:border-box;color:#b8c2c9;line-height:20px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
input[type="submit"],input[type="reset"],input[type="button"]{ -webkit-appearance: none; }/*重置iphone浏览器默认样式*/
hr{border-top:#cdcdcd 1px dotted; border-bottom:none; background:none; border-left:none; border-right:none; margin:2rem auto;}
*{-webkit-text-size-adjust:none;/*解决webkit内核浏览器强制最小字体*/ -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;}
/*css3过渡效果*/
/*a,li,p,div,span,dl{transition:box-shadow 0.3s;-webkit-transition:background-color 0.3s,opacity 0.3s,box-shadow 0.3s;-moz-transition:background-color 0.3s,opacity 0.3s,box-shadow 0.3s; -o-transition:background-color 0.3s,opacity 0.3s,box-shadow 0.3s;}*/

/*公共*/
.blank{ height:0; line-height:0; font-size:0; margin:0; padding:0; clear:both;}
.clearfix:after{content:"";display: block; clear: both; height:0; overflow: hidden; font-size:0;}
.global_width{ width:1200px; margin:0 auto; text-align:left; position:relative;}
.fullWidth{ position:relative; width:100%; min-width:1200px; max-width:1920px; margin:0 auto;}
.tc{ text-align: center;}.tl{ text-align: left;}.tr{text-align:right;}
.floatL{ float:left;}.floatR{ float:right;}
.red,a.red{color:#e53f0d;}
.gray,a.gray{color:#a0a0a0;}
.baseColor{ color:#0a933a;}

/*flex布局*/
.flex{display: flex;}
.flex-col{ flex-direction: column;}
.flex0{ flex:0 0 auto;}
.flex1{ flex: 1 1 auto;}
.flex-wrap{ flex-wrap: wrap;}

/*更多按钮*/
.more,a.more{display:inline-block; line-height:30px; color:#0a933a; padding:0 1.5rem; position:relative;text-align:center;  border:rgba(0,139,61,0.6) 1px solid; border-radius: 4px; transform:skew(-8deg) translateX(5%); transition:all 0.4s;}
.more span,a.more span{position: relative; z-index:2;}
a.more:before,a.more:after{content:""; display: inline-block; width:110%; height:80%; left:-6%;  top:10%; position: absolute; z-index: 1;
	border-left:#0a933a 1px solid; border-right:#0a933a 1px solid; transition:all 0.4s; opacity:0.5;}
a.more:after{width:100%; height:70%; /*left:-11%;*/ left:50%; transform:translateX(-50%); right:0; margin: 0 auto;  top:15%; opacity: 0;}
a.more:hover{ border-color:#0a933a; background:#0a933a; color:#fff;}
a.more:hover:before,a.more:hover:after{ opacity: 1;}
a.more:hover:after{width:120%;}
a.more.white{ color:#fff; border-color:rgba(255,255,255,0.6);}
a.more.white:hover{/*border-color:#fff; */background:rgba(255,255,255,0.75); color:#0a933a;}
a.more.white:before,a.more.white:after{border-color:#fff;}

/*页头*/
#header{ position:fixed; z-index:999; min-width:1200px; top:0; left:0; right:0; margin:0 auto; height:150px; transition:all 0.4s; background-image:linear-gradient(to bottom,rgba(0,0,0,0.92),rgba(0,0,0,0));}
#header.haveBG,body.nobanner #header{ height:80px; backdrop-filter:blur(6px); background:rgba(34,34,34,0.9); box-shadow:rgba(0,0,0,0.25) 0 0.25rem 1rem;}
#headBlank,.headBlank{ height:80px;}
/*#head{padding-top:1px; text-align: center;}*/
#logo{ text-align:left;float:left; }
#logo img{ max-width:200px; max-height:48px; vertical-align:middle; }
#logo a{display:inline-block;height:80px; line-height:80px; vertical-align:middle; padding:0 1rem 0 1.5rem;}

/*滚动到此页头变化*/
#mark{ position:absolute; left:0; top:200px; height:0; width:100%;}

/*主导航*/
#menu{ position:relative; margin:16px auto 0 auto; height:64px; display: inline-block;}
#nav{white-space: nowrap;}
#nav li{ position:relative; display: inline-block; /*float:left;*/}
#nav li a{ display:inline-block; width:100%; height:64px; line-height:48px; font-size:1rem;text-align:center; padding:0 1.5rem; color:#fff;}
#nav li.haveSub>a:after{content:"";display:inline-block; width:0; height:0; border-top:rgba(255,255,255,0.5) 5px solid; border-left:transparent 4px solid; border-right:transparent 4px solid; vertical-align:middle; margin:-2px 0 0 0.5rem;/* transform:rotate(135deg);*/ transition:color 0.4s,transform 0.4s;}
#nav li.curr a,#nav li a:hover,#nav li.hover a{ color:#0a933a;}
#nav li a:hover:after{ border-top-color:#0a933a; transform: rotate(180deg);}
#nav li p{ position:absolute; left:0; top:100%; margin:-1px 0 0 0; display:none; white-space:pre-wrap; padding:10px 16px; min-width:100%; background:#ffffff; border-top: none; border-bottom:#0a933a 2px solid;}
/*#nav li p:after{content:""; display:inline-block; width:0; height:0; position:absolute; top:auto; left:30%; bottom:100%; border-bottom:8px solid #f6f6f6; border-left:transparent solid 8px; border-right:transparent solid 8px;}*/
#nav li p a,#nav li.hover p a{ position:relative; height:34px; line-height:34px; padding:0; font-size:13px; color:#14202e;white-space:nowrap;display: inline-block; width:100%;}
#nav li p a:after,#nav li.hover p a:after{display:none;}
#nav li p a:hover{ color:#0a933a;}
#slide{ position:absolute; left:0; top:auto; bottom:20px; height:3px; background:#0a933a; width:0;}

#fun{float:right; margin:1.5rem 1.5rem 0 0; display:inline-block; vertical-align:middle; white-space:nowrap; height:32px; line-height:32px; color:#808080;}

/*搜索*/
#Searchform{position:relative; line-height:30px;width:152px; height:30px; padding:0 6px; vertical-align:middle; white-space: nowrap; display:inline-block; }
#Searchform:after{content:"";display:inline-block;width:0; height:100%; /*background:#e1e1e1;*/ border-radius: 4px; transform:skewX(-8deg); position:absolute; left:auto;right:0; bottom:0; transition:width 0.25s,border 0.25s; z-index:10; box-sizing: border-box;}
#searchInput{float:left; position:relative; z-index: 11;  padding:0 0 0 2px; width:0; height:30px; background:none; color:rgba(255,255,255,0.75);border:none; font-size:13px; transition:width 0.25s;}
#SearchBtn,a#SearchBtn{ position:relative; z-index:11; float:right; display:inline-block; height:32px;width:32px;overflow: hidden;line-height: 0;box-sizing:border-box; text-align: left; padding:0; margin-top:-1px;}
#Searchform:hover:after{width:100%; border:rgba(225,225,225,0.5) 1px solid;}
#Searchform:hover #searchInput{width:108px;}

/*语言*/
#language{display:inline-block;line-height:30px;height:30px; margin-left:0.75rem; vertical-align:middle; font-size: 0;}
#language > a{width:3rem; display: inline-block; position: relative; color:#828282; font-size:0.75rem;}
#language > a:hover{ color:#0a933a;}
#language > a > span{position: relative; z-index: 2; }
#language > a:after{ content:""; display: block; position: absolute; z-index: 1; left: 0; top:0; width: 100%; height: 100%; transform:skewX(-8deg); background:#cccccc;}
#language > a:nth-child(1):after{border-radius:4px 0 0 4px;}
#language > a:nth-child(2):after{border-radius:0 4px 4px 0;}
#language > a.active:after{background:#0a933a;}
#language > a.active > span{ color:#fff;}

/*图标*/
.icos{display:inline-block;background:url(../images/icos.png) left top no-repeat; vertical-align:middle;width:32px; height:32px;}
.ico1{ background-position:left top;}.ico1:hover{ background-position:left -32px;}
.ico2{ background-position:left -64px;}

/*公共样式*/
.coverLink{position:absolute; z-index:3; left:0; top:0; width: 100%; height: 100%; background: url(../images/blank.gif);}
#error{ position: absolute; z-index: 10; left: 0; right: 0; top:-200px; margin: 0 auto; display: inline-block; width:auto; max-width:25%; padding: 1em; background:#ec1e28; color:#fff; border-radius:0 0 0.5em 0.5em; -webkit-transition:top 0.3s; -moz-transition:top 0.3s; -o-transition:top 0.3s;transition:top 0.3s;}
#error.show{ top:0;}
.spacingM{ letter-spacing:0.6rem;}

.fancybox-slide--iframe .fancybox-content {
	max-width :680px;
	max-height: 80%;
	margin: 0;
  background: #fff;
}

/*层滚动条*/
.scrollbar::-webkit-scrollbar {width:0.4em;  }
.scrollbar::-webkit-scrollbar-track { -webkit-border-radius: 0px; border-radius:0px;}
.scrollbar::-webkit-scrollbar-thumb {-webkit-border-radius:2px;border-radius:2px; background:rgba(0,107,25,0.8);}
.scrollbar::-webkit-scrollbar-thumb:window-inactive {background:rgba(0,107,25,0.8);}

/*数据*/
#datas{ margin:2rem auto;}
#datas dl{position:relative; float:left; width:25%; text-align:center;}
#datas dl:after,#datas dl:last-child:before{content:"";display:inline-block; width:1px; height:100%; background:rgba(0,0,0,0.07); background:#ebebeb\9; position:absolute;left:0;top:0;}
#datas dl:last-child:before{left:auto; right:0;}
#datas.vertical{ padding:0 2.5rem; margin:1rem auto 0 auto;}
#datas.vertical dl{float:none; width:11rem; padding:1.5rem 0;}
#datas.vertical dl:after, #datas.vertical dl:last-child:before{ width: 100%; height: 1px;}
#datas.vertical dl:first-child:after{display: none;}
#datas dt{display:inline-block; width:3rem; height:3rem; overflow:hidden; margin: 0; padding: 0; }
#datas dt img{width:100%; height:auto; vertical-align:bottom;}
#datas dt.ico_datas2 img{ margin-top:-3rem;}
#datas dt.ico_datas3 img{ margin-top:-6rem;}
#datas dt.ico_datas4 img{ margin-top:-9rem;}
#datas dd.datasNumber {color:#0a933a; font-size:16px; font-weight: bold; padding:0; }
#datas dd.datasNumber b{font-size:2rem;}
#datas dd.datasNumber sup{font-size:1.5rem; position: relative; top:-10px;}
#datas dd.datasNumber i{display:inline-block; width:16px; height:32px;background-image:url("../images/number.png"); margin:0 1px; background-position:center -400px; background-repeat:no-repeat; transition:background-position 2s ease-out;}
#datas dl dd:last-child{color:#606060; line-height: 1.2em;}

/*公共大标题*/
.indexTitl{padding:0 0 2rem 0; margin:2.75rem auto 3rem 0;color:#040403; position:relative; text-align:center;}
.indexTitl:after{content:"";display:inline-block; position:absolute; left:0;right:0; top:auto; bottom:0; width:100px; height:3px; margin:0 auto; background:url("../images/titleDecorate.png") left top no-repeat;}
.indexTitl dt{ font-size:2.5rem; font-weight:bold; letter-spacing:4px; line-height:150%;}
.indexTitl dd{font-size:0.875rem; opacity:0.6; filter:alpha(opacity=60); max-width: 90%; margin:0 auto; }
.indexTitl.tl{text-align: left;}
.indexTitl.tl:after{ right: auto; margin:0;}
.indexTitl.style2{color:#fff;}
.indexTitl.style2:after{ background-image: url("../images/titleDecorate2.png");}

/*产品系列*/
#proSeries{background:url("../images/bg.png") 150% 118% no-repeat #008b3d;}
#proSeries dl{ margin: 0; padding: 0; position: relative; width:400px;  height: 500px; float:left; }
#proSeries dl.series{background:#f8f8f8;}
#proSeries dl.series dt{width:100%; height:500px; overflow: hidden; background:#fff; position: relative;}
#proSeries dl.series dt img{ width: 100%; height: auto; transition: transform 0.4s;}
#proSeries dl.series:after{content:""; position: absolute; z-index: 1; display: inline-block; width:100%; height:25%; left: 0; top:auto; bottom: 0;background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5)); transition: height 0.4s;}
#proSeries dl.series dd{ position: absolute; z-index: 2; left: 0; width: 100%; top:auto; bottom:7.5%; font-size:1.25rem; padding:1.5rem 1.5rem 0 1.5rem; color:#fff; transition:all 0.4s; }
#proSeries dl.series dd span{ display: block; max-height:4rem; overflow: hidden; line-height: 2rem;}
#proSeries dl.series dd:after{ content:""; display: inline-block; width: 100%; height:1rem; background:url("../images/arrows.png") left top no-repeat; transition: background 0.4s;}
/*#proSeries dl:hover:after{ height:40%;}*/
#proSeries dl.series:hover dt img{ transform: scale(1.06,1.06);}
#proSeries dl.series:hover dd{ bottom:10%; /*color:#008b3d;*/}
#proSeries dl.series:hover dd:after{ background-position: left -16px;}

#proSeries dl.intro{  padding: 5rem 3rem 0 3rem; color:#fff;}
#proSeries dl.intro dt{ font-size: 2rem;}
#proSeries dl.intro dd:nth-child(2){ opacity:0.6; margin:1.5rem 0;}
#proSeries dl.intro dd:nth-child(3){ position:absolute; left:3rem; top:auto; bottom:12%;}



/*新闻相关*/
.newsTime{display:inline-block; font-size:12px; color:#878b8f; line-height:1.5rem; background:#edeeef; border-radius:4px; padding:0 0.5rem; margin-bottom:1.5rem; transition:background-color 0.3s,color 0.3s;}
.newsTime.redbg{background-color:#e53f0d;color:#fff;}

/*页脚*/
.clearFootMargin{ margin-top:-4rem;}
#foot{color:#a6a8ab; font-size:12px;  padding:5rem 0 2rem; background:#fff; margin-top:4rem; border-top:#ebebeb 1px solid;}
#foot a{color:#a6a8ab; font-size:12px;}#foot a:hover{color:#e53f0d;}
#foot_left{ float:left; padding-right:3rem; max-width: 258px;}

#foot_link{ border-left:rgba(255,255,255,0.1) 1px dotted; padding-left:3rem; display:inline-block; float:left;}
#foot_link dl{display:inline-block; vertical-align: top; padding-right:3rem; float:left; width:100px; box-sizing:content-box;}
#foot_link dt,#foot_link dt a{color:#14202e; font-size:14px;}
#foot_link dt{margin-bottom:1rem; display:inline-block;}
#foot_link dd a,#foot_link dd span{display:inline-block; width:100%; line-height:18px; padding:5px 1rem 5px 0; white-space:nowrap;}

#foot_right{float:right;display: inline-block; text-align: center; color:#fff; letter-spacing:2px; }

#copy {margin-top:5rem; border-top:#ebebeb 1px solid; padding-top:0.5rem; line-height: 1.75em;}
#copy p{display: inline-block;float:right; margin:0; padding:0;}

/*浮动窗*/
#CS{ position:fixed; z-index:100; top:auto; bottom:25%; left:auto; right:0; background:#2b3240; width:44px; min-height:44px; line-height:0; border-radius:4px;}
#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_Top{ position: relative; background-position: center top; background-color:#0a933a; height:0; overflow: hidden; transition: height 0.25s;border-radius:4px 4px 0 0;}
a#CS_Top:after{ content:""; display: inline-block; position: absolute; left: 0; right: 0; margin: 0 auto; top: auto; bottom: 100%; width: 0; height: 0; border-bottom:#0a933a 5px solid; border-left:transparent 5px solid; border-right:transparent 5px solid;}
a#CS_Top.visible{ height:44px; overflow: visible;}
a#CS_QQ{ background-position:center -44px;}
a#CS_EWM{ background-position:center -99px;}
a#CS_EWM p{ position:absolute; left:auto; right:120%; top:auto; bottom:0;margin:0 0; width:0; opacity:0; background:#fff;padding:0; border:#ebebeb 1px solid; line-height:1.5rem; transition:right 0.25s,opacity 0.25s,padding 0s; overflow: hidden; font-size: 0;}
a#CS_EWM p img{max-width:100%; height:auto; vertical-align: bottom;}
a#CS_EWM:hover p{ width:110px;right:100%; opacity: 1; color:#606060; padding:5px; font-size:12px;}