@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:#000e2f;}
a:visited{color:#000e2f;}
a:hover  {color:#d00002;}
a:active {color:#000e2f;}

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

body{background:#fff; text-align:center; margin:0; color:#000e2f; line-height:200%; width:100%; height:auto !important; height:100%; min-height:100%; font-family:"Microsoft Yahei",微软雅黑,"微软雅黑",Verdana,Arial,Helvetica, sans-serif;font-size:0.875rem;/*即14px,14/16=0.875*/}
body.bg2{ background:#f8f8f8;}
div,ul,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;}
input[type=text],input[type=password],textarea{ border:#d7d7d7 1px solid; color:#7d7d7d}
input::-webkit-input-placeholder{ color:#c0c0c0; } input:-moz-placeholder{ color:#c0c0c0; } input::-moz-placeholder{ color:#c0c0c0; } input:-ms-input-placeholder{ color:#c0c0c0; }/*提示文字*/
textarea::-webkit-input-placeholder{ color:#c0c0c0; } textarea:-moz-placeholder{ color:#c0c0c0; } textarea::-moz-placeholder{ color:#c0c0c0; } textarea:-ms-input-placeholder{ color:#c0c0c0; }/*提示文字*/
input[type="submit"],input[type="reset"],input[type="button"]{ -webkit-appearance: none; }/*重置iphone浏览器默认样式*/
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;}

/*公共*/
.coverLink{position:absolute; z-index:3; left:0; top:0; width: 100%; height: 100%; background: url(../images/blank.gif);}
.blank{ height:0; line-height:0; clear:both; font-size:0;}
.clearfix:after{content:"";display: block; clear: both; height:0; overflow: hidden; 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:750px;}
.global_width2{ width:100%; margin:0 auto; text-align:left; position:relative; max-width:750px;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:#ec1e28;}.gray{ color:#8894a0; line-height:150%;}
.emp{ font-size:1rem; color:#fff; font-weight:bold; border-left:#ba1942 4px solid; padding:0 0 0 1rem; margin:1rem 0;}
/*按钮*/
a.btn,.btn{ display:inline-block;background:#134991;color:#fff; border:#134991 1px solid; line-height:2em; border-radius:1em; padding:0 2.5em; font-size:1rem;cursor:hand;cursor: pointer; margin-right:8px;}
a.btn:hover,.btn:hover{ color:#fff500; /*background:#ffd101; color:#0c1c36; */}
a.btn1,.btn1{ display:inline-block;color:#8a9cbe; border:#cbd3e1 1px solid; line-height:2em; border-radius:1em; padding:0 2.5em; font-size:1rem;cursor:hand;cursor: pointer; margin-right:8px;}
a.btn1:hover,.btn1:hover{border-color:#134991; color:#134991;}
a.btnB,input.btnB{display: inline-block; font-size:1rem; padding:0 1em; line-height:2.5em; width:100%; text-align:center; background:#ec1e28; border:none; border-radius:0.2em; color:rgba(255,255,255,0.8); margin:0.5em auto; box-shadow:rgba(236,30,40,0.3) 0 0.2em 0.5em;}
a.btnB:disabled,input.btnB:disabled{ background-color:#cbd0d4;}
a.btnB:active,input.btnB:active{ color:#fff; background:#e73241;}
/*flex*/
.flexBox{display:flex; position: relative;}
.flexAuto{flex:1 1 auto; display: inline-block; overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis;text-overflow:ellipsis;}
.flexFix{flex:0 0 auto;display: inline-block;}

/*栏目标题 && 更多按钮*/
a.more{font-size: 0.75rem; color:#8894a0; height:1.5rem; line-height: 1.5rem; display: inline-block; transition:color 0.4s,border 0.4s;}
a.more:after{content:""; display: inline-block; width:1rem; height:0.5rem; background: url("../../images/arrow.gif") left top no-repeat; background-size:100% auto;vertical-align: middle; margin-left: 0.5rem;}
a.more.border{border:#b8bfc6 1px solid; padding:0 1rem;}
a.more:hover{color:#d00002;}
a.more:hover:after{background-position: left -8px;}
a.more.border:hover{border-color:#d00002;}

.indexTitl{margin:1rem auto 0.75rem auto; color:#062b57; text-align: left; position: relative;}
.indexTitl.white{color:white;}
.indexTitl dt{font-size:1.25rem; font-weight: bold; line-height:1.5em; letter-spacing: 2px;}
.indexTitl dt.small{font-size:1rem;}
.indexTitl dd{ font-size:0.75rem; text-transform: uppercase;}
.indexTitl dd:before{content:""; display: inline-block; width:1rem; height:2px; background:#d00002; overflow: hidden; vertical-align: middle; margin:-1px 0.5rem 0 0;}
.indexTitl a.more{position: absolute; left:auto; right: 0; top:auto; bottom:0;}
.indexTitl.global_width2 a.more{right:0.75rem;}

/*主导航*/
nav{ text-align:left; display:none; z-index:100;}
nav li.Selected>a{ color:#000e2f; background:#e9c1a3;}

/*页头*/
#head{ position:absolute; z-index:10; left:0; right: 0; top: 0;margin:0 auto;text-align:center; /*background-color:rgba(20,20,20,0.78);*/ line-height:0; overflow: hidden; background:rgba(8,68,146,0.86);}
#head.haveBG,body.nobanner #head{ background-color:#181818}
.headBlank,#headBlank{ height:2.5rem; clear: both;}
#logo{ position:absolute; display:none; height:100%; left:1rem; top:0; margin:auto 0; text-align:left; }
#logo a{ position:relative;display:inline-block; height:2.5rem; line-height:2.5rem; vertical-align: middle;}
#logo a img{max-height:70%; max-width:none; margin:auto 0; vertical-align: middle;}
#topIco{ float:right; display:inline-block; color:rgba(255,255,255,0.2);line-height:2.5rem; white-space:nowrap;}
a.topA{color:rgba(255,255,255,0.7); display:inline-block; height:5em; padding:0 0.5rem;vertical-align:middle;white-space:nowrap; }
a.topA:hover{color:#fff;}

/*页头图标*/
.headIco{ position:relative; display:inline-block; cursor:hand; cursor:pointer; height:2.5rem; width:2.5rem; overflow:hidden; vertical-align: middle;}
.headIco i{ display:inline-block; width:2rem; height:2rem; overflow:hidden; background:url(../images/icos.png) center top; background-size:100% auto;}
.headIco em{display:inline-block; width:2.5rem; height:1.25rem; overflow:hidden;background:url(../images/icos_menu.png) center top; background-size:100% auto;}
.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:after{content:""; display: inline-block; width:1px; height:60%; position:absolute; left:auto; right: 0; top:0; bottom:0; margin: auto 0; background:rgba(255,255,255,0.15);}
#ico_search{ /*float:right;*/}
#ico_list i{background-position:center -100%;}
#ico_hide i{ background-position:center -300%;}
#ico_back i{ background-position:center -400%;}
#ico_top{ position:fixed; left:auto; right:1%; top:auto; bottom:4em; z-index:99;}
#ico_top i{background-position:center -500%;}
#ico_showEWM i{background-position:center -600%;}
#ico_tel i{background-position: center -900%;}

#pageTit{float:left; height:2.5rem; line-height:2.5rem; max-width:60%; overflow:hidden; white-space:nowrap; color:#fff; text-overflow:ellipsis; -o-text-overflow:ellipsis; padding:0 1em; display: inline-block;}
@media screen and (max-width:320px){
	#pageTit{max-width:30%; }
}

/*搜索层*/
#search{ position:fixed; left:-100%; overflow:hidden; top:0; width:0; height:100%; z-index:1000; background:rgba(0,14,47,0.9); text-align:left;-webkit-transition:left 0.5s ease-in-out,width 0.5s;-moz-transition:left 0.5s ease-in-out,width 0.5s;-o-transition:left 0.5s ease-in-out,width 0.5s; transition:left 0.5s ease-in-out,width 0.5s;}
#hideSearch{ position:absolute; left:0; bottom:0; z-index:-1; height:100%; width:100%;}
#search.show{ left:0;width:100%;}
#searchHead{ position:relative; padding:0.5em 0 0.3em 0; background:#253149; border-bottom:#404040 1px solid;}
#Searchform{ width:100%; position:absolute; z-index:1; padding:0 3.5em 0 4em; top:0.8em;}
#searchInput{ padding:0 0 0 1em; width:100%; height:2.8em; line-height:280%; background:rgba(255,255,255,0.25);background-size:auto 50%;  border:none; border-radius:0.4em; color:#fff;}
#searchFont{ position:relative; z-index:10; display:inline-block; /*font-size:1rem;*/ width:3em; height:3em; line-height:292%; float:right; color:#fff; text-align:center; vertical-align:middle; border:none; background:url(../images/icoSearch.png) center center no-repeat; background-size:auto 50%; text-indent:-1000%}
#hotKeyword a{ display:inline-block; font-size:1.2em; line-height:200%; padding:0 1.2em; margin:0 0.5em 0.5em 0; border:rgba(255,255,255,0.16) 1px solid; border-radius:0.3em; color:#fff; cursor:hand; cursor:pointer;}


/*页底导航*/
#menuCover{position:fixed; left:0; top:auto; bottom:0; width:100%; height:100%; z-index:999; background:url(../images/blank.gif) ; display:none;}
#menuBT{ position:fixed; z-index:1001; left:0; right:0; margin:0 auto; top:auto; bottom:0; width:100%; line-height:0;}
#nav{ position:relative; z-index:1000; background:#000e2f; box-shadow:rgba(0,14,47,0.08) 0 0 1rem; padding-right:4rem;}
#nav:after{content:"";position:absolute; left:0; top:0; width:100%; height: 1px; background:rgba(255,255,255,0.2);}
#nav li{ position:relative; float:left; width:25%; padding:0.4rem 0 0 0; text-align:center; border-left:rgba(255,255,255,0.16) 1px solid;}
#nav li:first-child{border-left:none;}
#nav li .headIco{ z-index:1001; width: 100%; margin-bottom: 0.25rem;}
#nav li span{ display:inline-block; position:absolute; z-index:1002; left:0; top:auto; bottom:-0.1rem; width:100%; text-align:center; line-height:1.3rem; color:rgba(255,255,255,0.9); white-space: nowrap; font-size: 0.75rem;}
#nav li#icolist{ width:4rem;height:100%;/*background:#ba1942; border-left:none;*/ padding:0; position:absolute;left:auto;top:0;right:0; text-align:center;}
#ico_menu2 .headIco em{ background-position:center -200%;}
#ico_menu3 .headIco em{ background-position:center -400%;}
#ico_menu4 .headIco em{ background-position:center -600%;}
#ico_menu5 .headIco em{ background-position:center -800%;}
/*页底导航_二级*/
#nav li p{ position:absolute;  left:0; top:auto; bottom:100%; background:#fff; box-shadow:rgba(0,0,0,0.12) 0 0 1em; 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:1px; bottom:1px; width: 0;height: 0;border-bottom:0.25rem solid rgba(255,255,255,0.5);border-left:0.25rem solid transparent;}
#menuBlank,.menuBlank{ height:4.2em;}

/*二维码层*/
#ewm_weChat{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000; background:rgba(0,14,47,0.9); text-align:center; display:none;color:#fff;}
#ewm_weChat a{ display:inline-block; width:100%;color:#fff; margin-top:-10%;}
#ewm_weChat img{ max-width:60%; height:auto;}

/*产品列表*/
.product{padding-right:0.5rem;}
.product dl{width:50%; float:left; padding-left:0.5rem; position: relative; z-index: 2; margin-bottom:0.5rem;}
/*.product dl:after{content:"";display: inline-block; width:1px; height:50%; position:absolute;top:auto; left:0.25rem; bottom:6%; background:#eeeeee;}*/
.product dl:nth-child(2n+1):after{background:none;}
.product dt{width:100%; height:0; padding-bottom:75%; overflow: hidden; background:#e5e5e5;}
.product dt img{width:100%; height: auto; vertical-align: bottom; transition:transform 0.5s;}
.product dd{margin:0.5rem 0 0 0; white-space:nowrap; width:100%; overflow:hidden; height:2.8rem; line-height:1.4rem; text-align: center; font-size:0.875rem; }
.product dl:hover dt img{transform: scale(1.06,1.06);}
.product dl:hover dd{color:#ba1942; }

/*新闻列表*/
#News{position: relative;}
#News dl{ position: relative; padding-top:1rem; margin-bottom:1rem; border-top:#ebebeb 1px dotted; overflow: hidden; display: flex;}
#News dl:first-child{ border-top: none; padding-top:0.5rem;}
#News dl a{position:absolute; left:0; top:0;width:100%; height: 100%; background: url(../images/blank.gif); z-index:3;}
#News dt{position:relative; width:35%; overflow: hidden;flex:0 0 auto;}
#News dt img{width:100%; height: auto; vertical-align: bottom;}
#News dd{ line-height:24px; flex:1 1 auto; padding-left:1em;}
#News dd .p1{ margin: 0;padding: 0; max-height:48px; overflow: hidden; font-size:0.875rem; color:#181818; vertical-align: top;}
#News dd .p2{ margin:0;padding: 0; color:#c0c0c0; vertical-align: top;}
.ico-news{display:inline-block;width:1.3rem; height:1.3rem; background: url(../images/ico-news.png) left top; background-size:100% auto; vertical-align: middle; margin:-2px 0 0 1em;}
.ico-news:first-child{margin-left:0;}
.ico-news2{ background-position:left -100%;}
@media screen and (max-width:375px){
	#News dt{width:40%;}
}

/*页脚*/
.clearFootMargin{ margin-top:-2.5rem;}
.menuBlank{ height:5rem; clear: both;}
#foot{position: relative; margin:4rem auto 0 auto;padding:0 0.5rem 4rem 0.5rem; line-height:200%; text-align:left;text-align:center;}
#foot:before{content:"";display:inline-block; width:calc(100% - 1rem); position:absolute;left:0; right:0; top:0; height:1px; overflow:hidden; background:rgba(43,50,64,0.1); overflow:hidden; margin:0 auto;}
#foot,#foot a{font-size:0.75rem;color:rgba(43,50,64,0.4)}
#foot a:active{color:#ba1942;}
#foot_tel{margin:0 auto 0 auto; position: relative; top:-1rem;}
#foot_tel a{background:#000e2f; color:#fff; font-size:0.875rem; padding:0 1rem 0 0.5rem; border-radius:1rem 3px 1rem 3px;display:inline-block; max-width:75%; vertical-align:bottom;}
#foot_tel .headIco{margin:0; height:1.75rem; width:1.75rem;}
#foot_tel .headIco i{ height:1.75rem; width:1.75rem;}