@charset "utf-8";

/*声明 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;
}
/* HTML5 定义 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html {font-size:100%;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%; }/*文字大小根据设备(浏览器)自动调整*/

a{font-family:微软雅黑,"微软雅黑",Verdana,Arial,Helvetica, sans-serif;text-decoration: none; font-size:100%;}
a:link   {color:#2a2a2a;}
a:visited{color:#2a2a2a;}
a:hover  {color:#0a4c8b;}
a:active {color:#2a2a2a;}

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

body{background:url(/images/bg.jpg) repeat #ebe7e4; text-align:center; margin:0; color:#2a2a2a; line-height:200%; width:100%; height:auto !important; height:100%; min-height:100%; font-family:微软雅黑,"微软雅黑",Verdana,Arial,Helvetica, sans-serif;font-size:75%;/*即12px,12/16=0.75*/}
div,ul,li,dl,dt,dd,form{ margin:0; padding:0;list-style:none;}
body,td,input,select,textarea{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
img, object, embed, video {max-width:100%;border:0;}
input,select{ vertical-align:middle;}
p{ margin:13px auto; padding:0;}
hr{ border-top:#ccc 1px dotted; border-bottom:none; background:none; border-left:none; border-right:none; padding:0; margin:1rem auto; clear:both;}
*{-webkit-text-size-adjust:none;/*解决webkit内核浏览器强制最小字体*/ box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;-o-box-sizing:border-box;}
/*css3过渡效果*/
a,li,p,div{transition:background-color 0.4s,color 0.3s;-webkit-transition:background-color 0.4s,color 0.3s;-moz-transition:background-color 0.4s,color 0.3s; -o-transition:background-color 0.4s,color 0.3s;}

/*公共*/
.blank{ height:0; line-height:0; clear:both; font-size:0;}
.fullWidth{width:100%; margin:0 auto; position:relative;}
.global_width{ width:100%; margin:0 auto; text-align:left; position:relative; max-width:640px;}
.global_width2{ width:100%; margin:0 auto; text-align:left; position:relative; max-width:640px;padding:0 1em; }

.haveBG{ background:#fff; overflow:hidden; border-bottom:#f0f0f0 1px solid;}
.floatL{ float:left;}.floatR{ float:right;}.textCenter{ text-align:center;}
.VMiddle{ position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%);}/*css3垂直居中*/
.red{ color:#f55f9c;}.gray{ color:#a89da2; line-height:150%;}
.emp{ font-size:1.5em; color:#ffb400; border-left:#ffb400 5px solid; padding:0 0 0 0.5em; margin:1em 0;}

/*按钮*/
a.btn,input.btn{ border:none; color:#fff; background:#0a4c8b;line-height:250%; font-size: 1rem; padding:0 3em; margin:0.6em 0.5em 0 0; display:inline-block; width: 100%; cursor:hand; cursor:pointer; vertical-align:middle; border-radius: 5px;}

/*主导航*/
nav{ text-align:left; display:none; z-index:100;}

/*页底导航*/
#menuCover{position:fixed; left:0; top:auto; bottom:0; width:100%; height:100%; z-index:10000; background:url(../images/blank.gif) ; display:none;}
#menuBT{ position:fixed; left:0; top:auto; bottom:0; width:100%; z-index:10001; line-height:0;}
#nav{ background:#68953f; border-top:rgba(255,255,255,0.3) 1px solid; }
#nav li{ position:relative; float:left; width:34%; padding:0.5em 0 0 0; text-align:center;border-right:rgba(255,255,255,0.08) 1px solid;}
#nav li:first-child{ width: 32%;}
#nav li a{ position:relative; display:inline-block; width:100%;cursor:hand; cursor:pointer; line-height:0; padding-bottom: 0.4em;}
#nav li a em{display:inline-block; width:3.5em; height:3.5em; overflow:hidden; background: url("../images/icos_menu.png") center top; background-size: 100% auto;}
#nav li a span{ position:absolute; left:0; top:auto; bottom:0; width:100%; text-align:center; line-height:200%; color:#fff;}

#nav li p{ position:absolute;  left:0; top:auto; bottom:100%; background:#fff; box-shadow:rgba(0,0,0,0.16) 0 0 1rem; margin:0; padding:0; border:#e1e1e1 1px solid; display:none;}
#nav li:nth-child(3) p,#nav li:nth-child(4) p{ left:auto; right:0;}
#nav li p a{ display:inline-block; width:100%; line-height:1.5em; border-top:#e1e1e1 1px solid; padding:0.6em 0.8em; white-space:nowrap; text-align:left;}
#nav li p a:first-child{ border-top:none;}
#nav li b{ position:absolute; left:auto; right:2px; bottom:2px; width: 0;height: 0;border-bottom:0.6em solid rgba(255,255,255,0.6);border-left:0.6em solid transparent;}
#menuBlank,.menuBlank{ height:4.2em;}
#nav li a#menuBT2 em{ background-position: center -100%; }
#nav li a#menuBT3 em{ background-position: center -200%;}
#nav li a#menuBT4 em{ background-position: center -300%;}

/*页头*/
#head{ position:relative; z-index: 10; text-align:center;  line-height:0; height:7em; background:#fff;box-shadow: rgba(0,0,0,0.08) 0 0.3em 0.3em; border-top:#444 0.3em solid;}
#logo{ height:100%; position: absolute;left:0; right: 0; margin: 0 auto; top: 0; height: 100%;   width: auto;  text-align: center; display: none;}
#logo a img{max-height:90%; width: auto; max-width: none;  position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;}

/*页头图标*/
.headIco{ position:relative; display:inline-block; cursor:hand; cursor:pointer; height:5em; width:5em; overflow:hidden; margin-top: 1em;}
.headIco i{ display:inline-block; width:90%; height:90%; overflow:hidden;background:url(../images/icos.png) center top; background-size:100% auto;}
#ico_back{float:left; position:relative; z-index:10; margin-left: 1em;}
#ico_list{ float:right;margin-right:1em;}
#ico_top{ position:fixed; left:auto; right:1%; top:auto; bottom:5em; z-index:99; background:rgba(48,48,48,0.9); border-radius:50%; width: 3em; height:3em;}
#ico_back i{ background-position:center -200%; }
#ico_top i { background-position:center -300%;}

#pageTit{float:left; height:5em; line-height:5em; max-width:50%; overflow:hidden; white-space:nowrap; color:#fff; text-overflow:ellipsis; -o-text-overflow:ellipsis; padding:0 1em;  margin-top: 1em; border-left: rgba(255,255,255,0.1) 1px solid;}
#language{ float:right;}
#language span{display:inline-block; min-width:60%; height:60%; padding:0 0.5em; border-radius:3px; line-height:3em; border: #444 1px solid; color: #444; white-space:nowrap;}

@media screen and (max-width:480px){
	#head{ height:6em;}
	.headIco{ width:4em; height:4em;}
	#language span{ line-height: 2.4em;}
	#pageTit{ height:4em; line-height:4em;}
}

/*产品列表*/
#hotPro{ width:100%; overflow:hidden; margin:0 auto;}
.product{ width:100%;}
.product li{ position:relative; float:left; width:49.9%; margin:0 0 2em 0; line-height:0; padding:0 1em; }
@media screen and (min-width:460px){
  .product li{ width:33.3%;}	
}
a.proPic{ display:inline-block; width:100%; border:#d2d2d2 1px solid; line-height:0; border-radius: 0.3em; overflow: hidden; background: #fff;}
a.proPic.hide{ display:none;}
a.proPic img{ width:100%;}
a.proTit{ color:#2a2a2a; line-height:150%; max-height:3em; height:3em;text-align: center; margin:1em 0 0.2em 0; width:100%; display:inline-block; overflow:hidden;}

/*新闻列表*/
#News{ padding:0 0.5rem 0 0.5rem;}
#News dl{ text-align:left; overflow:hidden; width:100%; margin:0 0 0.8em 0; padding-bottom:0.8em; line-height:0;}
#News dl dt{width:38%; float:left;margin:0; border:#a4a4a4 1px solid; border-radius: 4px; overflow: hidden;}
#News dl dt a{ display:inline-block; width:100%; height:auto; overflow:hidden; min-height:6em;}
a.News_pic img{ max-width:100%; }
#News dl dd{ width:57%; float:right; margin:0; padding:0;color:#666666;}
a.News_tit{ display:inline-block; width:100%;line-height:180%; max-height:1.8em; overflow:hidden;  margin:0 0 0.3em 0; font-size:1.2em;  border-bottom:#c8c8c8 1px dotted; vertical-align:bottom;}
.summary{ display:inline-block; width:100%; line-height:150%; max-height:3em; overflow:hidden; vertical-align:bottom; margin:0.1em 0 0.8em 0; }
.newsIco1,.newsIco2{ height:1.5em; width:1.5em; display:inline-block; overflow:hidden; background:url(../images/ico_news.png) center top no-repeat; background-size:100% auto; vertical-align:middle; margin:-2px 2px 0 0;}
.newsIco2{ background-position:center -1.5em; margin-left:1.5em;}
.newsIco2:first-child{ margin-left:0;}
@media screen and (min-width:420px){
	#News dl dt{ width:25%}
	#News dl dd{ width:70%;}
	a.News_tit{ margin:0 0 0.5em 0; font-size:1rem; line-height: 200%; max-height: 2em;}
}
@media screen and (max-width:320px){
	a.News_tit{ line-height:150%;}
	.summary{ margin-bottom:0.5em;}
}

/*页脚*/
#foot{ text-align:center; color:#aaa; padding:2em 0 0 0; margin-top: 1rem; }
#support{ position:relative; display:inline-block;  width:96%; margin:0 auto 0.5rem auto;}
#ytlogo{ max-width:20%; vertical-align: bottom; margin: 1em auto 0 auto;}
#support{color:#c0c0c0;}