@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:#5ea472}
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:#14202e; 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;}
.disIB{ display: inline-block;}
.red,a.red{color:#e53f0d;}
.gray,a.gray{color:#a0a0a0;}
.baseColor{ color:#5ea472;}

/*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:#5ea472; 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:#5ea472 1px solid; border-right:#5ea472 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:#5ea472; background:#5ea472; 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:#5ea472;}
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 2.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:#5ea472;}
#nav li a:hover:after{ border-top-color:#5ea472; 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:#5ea472 2px solid;}
#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%; text-align: left;}
#nav li p a:after,#nav li.hover p a:after{display:none;}
#nav li p a:hover{ color:#5ea472;}
#slide{ position:absolute; left:0; top:auto; bottom:20px; height:3px; background:#5ea472; 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;}

/*头部电话号码*/
#headTel{position: relative; display:inline-block; padding:0 0.5rem; line-height:30px;height:30px; margin-left:0.5rem; vertical-align:middle; color:#fff;}
#headTel >*{ position: relative; z-index: 2; }
#headTel:after{content:""; display: block; position: absolute; z-index: 1; left: 0; top:0; width: 100%; height: 100%; transform:skewX(-8deg); background:#5ea472; border-radius:4px;}

/*语言*/
#language{display:inline-block;line-height:30px;height:30px; margin-left:0.5rem; 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:#5ea472;}
#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:#5ea472;}
#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;}
.ico3{ background-position:left -128px; }
.ico5{ background-position:left -192px; }

/*公共样式*/
.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(94,164,114,0.8);}
.scrollbar::-webkit-scrollbar-thumb:window-inactive {background:rgba(94,164,114,0.8);}

/*产品*/
.proList{padding-bottom: 1px;}
.proList dl{position: relative; float:left; width:calc(33.3% + 1px); border:#c9d3dd 1px solid; margin:0 -1px -1px 0; background:#fff; display: inline-block;overflow: hidden; text-align: center; padding:16px;}
.proList dt,.proList dd{ max-width:400px; margin:0 auto;}

.proList dt{width:100%; height:400px; position: relative; background:#fff;}
.proList dt img{position: absolute; width:auto; max-height:400px; left:50%; top:50%; transform: translate(-50%,-50%);}

.proList dd{ text-align:left; height:11rem; overflow: hidden; position: relative;}
.proList dd > *{white-space: nowrap; display:block; overflow: hidden; text-overflow: ellipsis; line-height:1em; transition:color 0.3s; vertical-align: top;}
.proList dd b{font-size:1.75rem; color:#5ea472; font-weight: normal;text-transform: uppercase; }
.proList dd p{font-size: 1rem; margin:0.5rem 0; padding:0; white-space: normal; height: auto; line-height: 1.2rem; max-height:2.4rem; }
.proList dd span{color:#89949e; font-size: 0.75rem;}

.proList dd a{ font-size: 1rem; color:#89949e; display: inline-block;  position: absolute; left: 0; top:auto; bottom:2rem; overflow: visible;}
.proList dd a:after{content:" >"; font-family:"宋体";}
.proList dd a:before{ content:""; display: inline-block; width:1.75rem; height:1.75rem; border-radius: 50%; border:#e6e8ea 1px solid; position: absolute; left:calc(100% - 1.2rem); top:0; bottom:0; margin:auto 0; z-index: 0;}

.proList dl a.coverLink{transition:border 0.3s; border:0 rgba(94,164,114,0.8) solid;}
.proList dl:hover{border-color:#5ea472;}
.proList dl:hover a.coverLink{ border-width:6px;}
.proList dl:hover dd b{color:#5ea472;}
.proList dl:hover dd a,.proList dl:hover dd a:after{color:#5ea472;}
@media (max-width:1280px){
	.proList dl{width:50%;}
}

/*公共大标题*/
.indexTitl{padding:0 0 1.5rem 0; margin:4rem auto 2.5rem auto; 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") center top no-repeat;}
.indexTitl dt{ font-size:2rem; font-weight:bold; letter-spacing:4px; line-height:150%; margin:0;}
.indexTitl dd{font-size:0.75rem; opacity:0.5; filter:alpha(opacity=50); text-transform: uppercase; letter-spacing:0.5rem; padding:0 0 0 0.25rem; margin:0;}
.indexTitl.tl{text-align: left; margin-top: 3rem;}
.indexTitl.tl dd{ padding-left:0;}
.indexTitl.tl:after{ right: auto; margin:0; background-position: left top;}

/*页脚*/
.clearFootMargin{ margin-top:-3rem;}
#foot{color:#fff; font-size:13px;  padding:3rem 0 1rem; background:#001d3b; margin-top:3rem; position: relative;}
#foot:before{ content:""; display: block; position: absolute; left: 0; top:2px; width: 100%; height: 1px; overflow: hidden; background:rgba(255,255,255,0.1);}
#foot a{color:#fff; font-size:13px;}#foot a:hover{color:#5ea472;}
#foot_left{ float:left; padding-right:3rem; margin:0;}
#foot_left dt{ display: inline-block; vertical-align: middle; border-right:rgba(255,255,255,0.1) 1px solid; padding:0 1.5rem 0 0; margin:0 1.5rem 0 0; line-height: 0;}
#foot_left dt img{max-height: 48px; width: auto; vertical-align: top;}
#foot_left dd{display: inline-block; vertical-align: middle; background:rgba(94,164,114,0.8); border-radius:2rem; padding:0.25rem 1rem;  margin: 0; line-height:1.5em; font-size: 1rem; letter-spacing: 1px;}

#foot_link{ float:right; margin-top:0.5rem;}
#foot_link a{display:inline-block; position: relative;}
#foot_link a:after{ content:"/"; display: inline-block; padding:0 1.5rem; opacity:0.25;}
#foot_link a:last-child:after{ display: none;}

#copy {margin-top:1.25rem;line-height: 1.5em; opacity: 0.6;}
#copy p{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:#5ea472; 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:#5ea472 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;}