@charset "utf-8";

/* 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:"Microsoft Yahei",微软雅黑,"微软雅黑",Verdana,Arial,Helvetica, sans-serif;text-decoration: none; font-size:100%;}
a:link   {color:#323f4e;}
a:visited{color:#323f4e;}
a:hover  {color:#73ab57;}
a:active {color:#323f4e;}

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

body{background:#fff; text-align:center; margin:0; color:#323f4e; line-height:200%; width:100%; height:auto !important; height:100%; min-height:100%; font-family:"Microsoft Yahei",微软雅黑,"微软雅黑",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;} 
/*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:720px;}
.global_width2{ width:100%; margin:0 auto; text-align:left; position:relative; max-width:720px;padding:0 0.5rem;}
.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:#e50c62; border-left:#e50c62 5px solid; padding:0 0 0 0.5em; margin:1em 0;}
/*按钮*/
a.btn,input.btn{width:100%; border-radius:4px; font-size:1rem; line-height:200%; display:inline-block;cursor:hand; cursor:pointer; border:none; background:#87c474; color:#fff;}
a.btn1,input.btn1{line-height:180%; padding:0 1.5em; margin:1em 0.5em 0 0; display:inline-block; cursor:hand; cursor:pointer; vertical-align:middle;background:none; border:rgba(229,12,98,0.5) 1px solid; color:#e50c62;}

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

/*页头*/
#head{ position:relative;/* z-index:10;*/ text-align:center; background:#87c474; line-height:0; height:5em;}
#logo{ position:absolute; display:none; height:210%; left:0; right:0; top:0; margin:0 auto; text-align:center; width:auto; max-width:35%;}
#logoBG{ height:100%; width:auto;}
#logo a{ position:absolute; display:inline-block; left:0; top:0; width:100%; height:100%;}
#logo a img{max-height:90%; margin-top:-2px;}
#language{ float:right; display:inline-block; color:#fff; vertical-align:middle;}
#language a{ color:rgba(255,255,255,0.8); height:5em; line-height:5em; padding:0 0.8rem; display:inline-block;}

/*页头图标*/
.headIco{ position:relative; display:inline-block; cursor:hand; cursor:pointer; height:5em; width:5em; overflow:hidden;}
.headIco i{ display:inline-block; width:80%; height:80%; overflow:hidden;}
.headIco em{display:inline-block; width:100%; height:50%; overflow:hidden; }
.headIco i img,.headIco em img{ position:relative; width:100%;}
.headIco span{ position:absolute; left:0; top:auto; bottom:0; width:100%; text-align:center; line-height:200%; color:#fff;}
#ico_back,#ico_hide{float:left; position:relative; z-index:10;}
#ico_back{ border-right:rgba(255,255,255,0.15) 1px solid;}
#ico_showMore,#ico_search{ float:right;}
#ico_list i img{ margin-top:-100%;}
#ico_showMore i img{ margin-top:-200%;}
#ico_back i img,#ico_hide i img{ margin-top:-300%;}
#ico_top{ position:fixed; left:auto; right:1%; top:auto; bottom:4em; z-index:999;}
#ico_top i img{ margin-top:-400%;}
#showMore{ position:absolute; z-index:100; left:auto; right:0; top:100%; background:rgba(39,0,0,0.95); display:none;}
#showMore a{ display:inline-block; padding:0.8rem 2em; line-height:1rem; color:#eee; clear:both; border-bottom:#46241f 1px solid;}
#showMore a img{ max-width:10em;}

#pageTit{float:left; height:5em; line-height:5em; max-width:50%; overflow:hidden; white-space:nowrap; color:rgba(255,255,255,0.8); text-overflow:ellipsis; -o-text-overflow:ellipsis; padding:0 1em;}
/*搜索层*/
#search{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:rgba(255,255,255,0.96); text-align:left; display:none;}
#searchHead{ background:#e50c62; position:relative; height:5em;}
#Searchform{ width:100%; position:absolute; z-index:1; padding:0 5em; top:1em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#searchInput{ padding:0 0 0 1em; width:100%; height:3em; line-height:300%; background:rgba(255,255,255,0.15); border:none; color:rgba(255,255,255,0.7); border-radius:1.5em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
input#searchInput::-webkit-input-placeholder{ color: rgba(255,255,255,0.7); } 
input#searchInput:-moz-placeholder{ color: rgba(255,255,255,0.7); } 
input#searchInput::-moz-placeholder{ color: rgba(255,255,255,0.7); } 
input#searchInput:-ms-input-placeholder{ color: rgba(255,255,255,0.7); } 
#searchFont{ position:relative; z-index:10; display:inline-block; font-size:1rem; width:3em; height:3em; line-height:300%; margin-top:0.5em; float:right; color:rgba(255,255,255,0.5); text-align:left; vertical-align:middle; background:none; border:none;}
#search_Option a{ display:inline-block; font-size:1.2em; line-height:150%; padding:0 1.5em; margin:0 0.5em 0.5em 0; border:#e50c62 1px solid; border-radius:1em; color:#e50c62; cursor:hand; cursor:pointer;}
#search_Option a.active{ background:#e50c62; color:#fff;}

/*页底导航*/
#menuBT{ position:fixed; z-index:1001; left:0; right:0; margin:0 auto; top:auto; bottom:0; width:100%; line-height:0;}
#nav{border-top:rgba(255,255,255,0.35) 1px solid; position:relative; z-index:1000;}
#nav li{ position:relative; float:left; width:22%; padding:0.5em 0 0 0; text-align:center; background:#87c474; border-left:rgba(255,255,255,0.2) 1px solid;}
#nav li:first-child{ border-left:none;}
#nav li .headIco{ z-index:1001;}
#nav li span{ display:inline-block; position:absolute; z-index:0; left:0; top:auto; bottom:0; width:100%; text-align:center; line-height:200%; color:#fff;}
#nav li#icolist{ width:12%; background:#ff4761; border-left:none;}
/*#ico_menu1{background:#2c82cb;}#ico_menu2{background:#854ec5;}#ico_menu3{background:#a760d8;}#ico_menu4{background:#d74680;}*/
#ico_menu2 img{ margin-top:-100%;}#ico_menu3 img{ margin-top:-200%;}#ico_menu4 img{ margin-top:-300%;}
/*二维码层*/
#ewm_weChat{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; background:rgba(255,255,255,0.92); text-align:center; display:none;}
#ewm_weChat a{ display:inline-block; width:100%;}
#ewm_weChat img{ max-width:60%; height:auto;}

/*页脚*/
#foot{ background:#e0e6ea; padding:1em 1em 1.5em 1em; margin:1.5rem auto 5em auto; line-height:150%; text-align:center;}

@media screen and (max-width:480px){
	#head{ height:3.5em;}
	#language a{ height:3.5em; line-height:3.5em;}
	#logo a{ padding:0.3em 0.5em;}
	.headIco{ width:3.5em; height:3.5em;}
	#pageTit{ height:3.5em; line-height:3.5em;}
	#Searchform{ padding:0 4.3em 0 3.3em;}
	#search #ico_hide{ margin-top:0.7em;}
	#foot{ margin-bottom:4em;}
}

/*产品分类*/
#proList{ margin-top:1.5em;}
#proList li{ float:left; position:relative; margin:0 0 0.5em 2%; width:47%; border:#87c474 1px solid; border-radius:2em; padding:0.2em; line-height:0;font-size:1.1em;}
#proList li a{ display:inline-block; height:1.5em; line-height:1.5em; color:#87c474; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#proList li a em{display:inline-block; width:1.5em; height:1.5em; font-style:normal; background:#87c474; border-radius:50%; color:#fff; text-align:center; vertical-align:top; margin-right:0.5em;}
#proList li#curr{ background:#87c474; border-color:#87c474;}
#proList li#curr a{ color:#fff;}
#proList li#curr a em{ background:#fff; color:#87c474;}
#proList li p{ margin:0; padding:0; display:none;}
@media screen and (min-width:420px){
  #proList li{ margin-left:1.75%; width:31%;}
}
/*分类弹出层*/
#subList{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:100; background:rgba(255,255,255,0.95); display:none; padding-top:3rem;}
#subList *{ z-index:100;}
#subList .coverDiv{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:99;font-size:2rem; text-align:right; cursor:hand; cursor:pointer; padding:0.6rem 1rem;}
/*#subList .global_width:before{ content:"×"; display:inline-block; width:3rem; height:3rem; line-height:3rem; font-size:2rem; text-align:center; position:absolute; left:auto; right:0.5em; top:-3rem;}*/
#subList dl{ text-align:left; padding:1px 1rem 1rem 1rem;}
#subList dt{ margin:0 0 1rem 0; border-radius:1.1rem; padding:0.2rem;background:#87c474;}
#subList dt a{ font-size:1.4rem; line-height:1.8rem; display:inline-block; width:100%; padding:0 1rem 0 0; position:relative; padding-left:2.2rem; color:#fff;}
#subList dt a em{display:inline-block; width:1.8rem; height:1.8rem; position:absolute; left:0; top:0; font-style:normal; background:rgba(255,255,255,0.8); border-radius:50%; color:#87c474; text-align:center; vertical-align:top;}
#subList dd a{ display:inline-block; font-size:1.1em; padding:0 1.5em; line-height:1.5em; white-space:nowrap; border:#87c474 1px solid; color:#87c474; border-radius:2em; margin:0 0.5em 0.5em 0;}

/*产品列表*/
.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;  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:#c5dae3 1px solid;}
#News dl dt a{ display:inline-block; width:100%; height:auto; overflow:hidden; min-height:6em; padding:0.2em; text-align:center; }
a.News_pic img{ max-width:100%; }
#News dl dd{ width:57%; float:right; margin:0; padding:0;color:#576e8d;}
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.4em 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.5em 0 1em 0; font-size:1rem;}
}
@media screen and (max-width:320px){
  a.News_tit{ line-height:150%;}
  .summary{ margin-bottom:0.5em;}
}

/*标题*/
.Tit{margin:2em auto 1em auto; color:#576e8d; overflow:hidden;}
.Tit b{ font-size:1rem; color:#323f4e; display:inline-block;}
.Tit b:before{ content:""; display:inline-block; height:1em; width:5px; border-radius:5px; background:#323f4e; overflow:hidden; vertical-align:middle; margin-right:0.5em;}
.Tit span{display:inline-block; padding-left:0.5em; position:relative;}
.Tit span:after{ content:""; position:absolute; left:100%; top:1em; width:700px; height:0;border-top:#576e8d 1px dotted; z-index:1; margin-left:0.5em;}
.Tit em{ position:relative; z-index:10; color:#73ab57; display:inline-block; float:right; font-style:normal; padding:0 0 0 0.5em;}

/*留言*/
#feedback{ background:#e8eef4; padding-top:1px; padding-bottom:1px; overflow:hidden;}
#feedback .Tit{ margin-top:1.5em;}
#feedback .Tit em{ background:#e8eef4;}
#feedback input[type="text"]{ width:100%; line-height:250%; height:2.5em; border:none; background:#fff; padding:0 0.5rem; border-radius:4px; color:#54aed3;}
#feedback textarea{width:100%; color:#54aed3; line-height:250%; height:5em; border:none; background:#fff;padding:0 0.5rem;border-radius:4px;}

#feedback *::-webkit-input-placeholder{ color:#7ac7e7; } 
#feedback *:-moz-placeholder{ color:#7ac7e7; } 
#feedback *::-moz-placeholder{ color:#7ac7e7; } 
#feedback *:-ms-input-placeholder{ color:#7ac7e7; }