/* 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:#1d1b1c;}
a:visited{color:#1d1b1c;}
a:hover  {color:#00589f;}
a:active {color:#1d1b1c;}

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

body{background:#fff; text-align:center; margin:0; color:#1d1b1c; 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.75rem;}
.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:#0074b9; 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:url("../image/headBg.jpg") center bottom repeat-x #edf2f8; background-size: auto 100%; line-height:0; height:3.5rem; }
#logo{ position:absolute; display:none; height:170%; left:0; right:0; top:-5px; margin:0 auto; text-align:center; width:auto; max-width:45%;}
#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:80%; max-width:65%;}
#language{ float:right; display:inline-block; color:rgba(28,28,28,0.6); vertical-align:top; }
#language a{ color:#1d1b1c;  padding:0 0.8rem; display:inline-block; font-size: 0.8rem;line-height:3.5rem; height:3.5rem;}

/*页头图标*/
.headIco{ position:relative; display:inline-block; cursor:hand; cursor:pointer; height:3.5rem; width:3.5rem; overflow:hidden;}
.headIco i{ display:inline-block; width:86%; height:86%; 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{ border-right:rgba(0,0,0,0.2) 1px solid;float:left; position:relative; z-index:10; box-shadow: 1px 0 0 rgba(255,255,255,0.8);}
#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:4.5em; 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:3.5rem; line-height:3.5rem; max-width:35%; overflow:hidden; white-space:nowrap; color:#1d1b1c; text-overflow:ellipsis; -o-text-overflow:ellipsis; padding:0 1em;}

/*页底导航*/
#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.75) 1px solid; position:relative; z-index:1000;}
#nav li{ position:relative; float:left; width:22%; padding:0.5em 0 0 0; text-align:center;}
#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:#e41f21;}
#ico_menu1{background:#003e6f;}#ico_menu2{background:#004982;}#ico_menu3{background:#0165a1;}#ico_menu4{background:#0074b9;}
#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:#e8eef4; padding:1em 1em 6em 1em; color:#98c3d4; margin:1em auto 0 auto; line-height:150%; text-align:center;}
#foot a{ color:#98c3d4;}

@media screen and (max-width:480px){
	#head{ height:3.1rem;}
	#language a{ height:3rem; line-height:3rem;}
	.headIco{ width:3rem; height:3rem;}
	#logo{ height:150%;}
	#pageTit{ height:3rem; line-height:3rem;}
	#Searchform{ padding:0 4.3em 0 3.3em;}
	#search #ico_hide{ margin-top:0.7em;}
	#foot{ padding-bottom:5em;}
}

/*产品分类*/
#proList li{ float:left; position:relative; margin:0 0 0.5em 2%; width:47%; border:#0165a1 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:#0165a1; 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:#0165a1; border-radius:50%; color:#fff; text-align:center; vertical-align:top; margin-right:0.5em;}
#proList li#curr{ background:#0165a1; border-color:#0165a1;}
#proList li#curr a{ color:#fff;}
#proList li#curr a em{ background:rgba(255,255,255,0.7); color:#0165a1;}
#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 dl{ text-align:left; padding:1px 1rem 1rem 1rem;}
#subList dt{ margin:0 0 1rem 0; border-radius:1.1rem; padding:0.2rem;background:#0165a1;}
#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:#0165a1; 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:#0165a1 1px solid; color:#0165a1; border-radius:2em; margin:0 0.5em 0.5em 0;}

/*新闻列表*/
#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;}
a.News_pic img{ max-width:100%; }
#News dl dd{ width:57%; float:right; margin:0; padding:0;color: #7c7c7c;}
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(../image/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;}
}

/*产品列表*/
#hotPro{ width:100%; overflow:hidden; margin:0 auto;}
.product{ width:100%;}
.product li{ position:relative; float:left; width:49.9%; margin:0 0 0.5em 0; line-height:0;}
@media screen and (min-width:460px){
	.product li{ width:33.3%;}
}
a.proPic{ position: relative; display:inline-block; width:90%; margin: 0 5%; line-height:0; cursor: hand; cursor: pointer;}
a.proPic img{ width:100%;}
a.proTit{ color:#003a68; line-height:120%; height:3em; padding-top: 0.3em; margin:0 0 0 0; width:100%; display:inline-block; overflow:hidden; text-align:center; }
a.serTit{ position:absolute; left: 0; top: auto; bottom: 0; color:rgba(255,255,255,0.85); line-height:120%; padding: 0.5rem; margin:0 5%; width:90%; display:inline-block; overflow:hidden; text-align:center; background: rgba(0,58,104,0.8);}