/*列表*/
#list{ margin-bottom:0; background:#003a68; overflow:hidden; height:3em; border-bottom:rgba(255,255,255,0.3) 1px solid; font-size:1.1em;}
#list p{ position:relative; margin:0; padding:0; overflow-x:scroll; height:5em; white-space:nowrap;}
#list a{ position:relative; display:inline-block; padding:0 0.5em; height:3em; line-height:300%; border-left:rgba(255,255,255,0.3) 1px solid; color:#fff; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#list a:first-child{ border-left:none;}
#list a#curr{ color:#1ab2e8;}

/*标题*/
.Tit{margin:2em auto 1em auto; color:#c8d1d6; overflow:hidden;}
.Tit b{ font-size:1rem; color:#003a68; display:inline-block;}
.Tit b:before{ content:""; display:inline-block; height:1em; width:5px; border-radius:5px; background:#003a68; 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:#95ceea 1px dotted; z-index:1; margin-left:0.5em;}
.Tit em{ position:relative; z-index:10; color:#419dc3; display:inline-block; float:right; font-style:normal; padding:0 0 0 0.5em;}

/*内页*/
#subBanner{ line-height:0; overflow:hidden;}
#box{ padding-bottom:1rem; overflow:hidden; font-size:1.1em;}
.Tit{ margin-bottom:0.5em;}

/*加载按钮*/
#loadMore,#loading_Msg{ position:relative; text-align:center;font-size:1.1em; height:2em; width:100%; margin:0.5em auto; line-height:200%; cursor:hand; cursor:pointer;color:#bababa; display:none;}
img#loading,#loading_Msg img{ vertical-align:middle; margin:0 0.5em; }
#load_span{ display:inline-block; vertical-align:middle;}

#tranDiv{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:10000; display:none;}

/*产品列表*/
.product{ width:100%;}
.product li{ position:relative; float:left; width:49.9%; margin:0 0 2em 0; line-height:0; padding:0 1em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
@media screen and (min-width:460px){
  .product li{ width:33.3%;}	
}
a.proPic{ display:inline-block; width:100%; border:#c5dae3 1px solid; line-height:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a.proPic.hide{ display:none;}
a.proPic img{ width:100%;}
a.proTit{ color:#505050; line-height:150%; margin:0.2em 0 0.5em 0; width:100%; display:inline-block; overflow:hidden;}

#productList{ padding:1.5em 0;}

/*新闻*/
#News{ padding-top:1em;}
#NewsTit{ margin:-0.4em auto 1em auto; border-bottom:#b2d1dd 1px dotted; padding-bottom:0.5em;}
#NewsTit span{ font-size:0.9em; color:#7c7c7c;}
/*按钮*/
#btns{ text-align:center; padding-top:1em; margin-top:1em; border-top:#b2d1dd 1px dotted;}
#btns a{ display:inline-block; width:4em; height:4em; overflow:hidden; background:url(../image/btns.png) left top no-repeat; background-size:auto 100%; margin:0 0.5em; cursor:hand; cursor:pointer;}
#btns a.nextone{ background-position:-4em top;}
#btns a.back{background-position:-8em top;}

/*产品详细*/
#pic_Big{ position:relative; overflow:hidden;margin:0 auto; background: #f5f5f5; border:#e1e1e1 1px solid; line-height: 0; text-align: center;}
#pic_Para,#pic_intro{text-align:left; }
#pic_Para{ line-height: 200%;}
#pic_Para ul{border-top:#e1e1e1 1px dotted;}
#pic_Para li{ border-bottom:#c5dae3 1px dotted; line-height:300%;}
.protit{ font-size:1.5rem; font-weight:bold; border-bottom: #e1e1e1 1px solid; padding-bottom: 0.5em;}

.showTit{ border-top:#e1e1e1 2px solid; margin:2rem auto 0 auto;}
.showTit p{ margin:-3px 0 0 0; padding:0 30px 0 0; display:inline-block; border-top:2px #0165a1 solid; min-width:170px; font-size:1rem; line-height:300%; color:#0165a1; font-weight:bold; text-transform:uppercase;}
.showTit i{ display:inline-block; width:1.5rem; height:1.5rem; vertical-align:middle; margin:-2px 12px 0 0;}

/*相册*/
#cache{height:0; overflow:hidden; line-height:0; font-size:0;}
#cache li{ width:10%; float:left;}

/*留言*/
#feedback{ background:#e8eef4; padding-top:1px; padding-bottom:1em; margin-bottom: -1em; 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; }

/*视频中心*/
#video{ padding-top: 1em;}
#video .proPic:after{ content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:url("../image/play.png") center center no-repeat rgba(0,0,0,0.5); background-size: 3.5em auto;}
#videoBox{position:fixed; width:100%; height:100%; left:0; top:0; z-index:1010; background:rgba(0,0,0,0.95); display: none;}
#videoBox_cover{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1010; text-align:right; cursor:hand; cursor:pointer; padding:0.6rem 1rem; color: #fff;}
#closeVideo{ position: absolute; z-index: 1011; left: auto; right: 0.5rem; top: 0.5rem; color: #fff;font-size:2rem;cursor:hand; cursor:pointer;}
#playBox{ z-index: 1012;  width: 100%; max-width: 720px; color: #fff; text-align: center; margin: 0 auto; min-height: 3em; background: url("../image/loading.gif") center center no-repeat;}
#playBox.loaded{ background: none;}