@charset "utf-8";

/*框架*/
#box{ font-size:1.2em; padding:0.5rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#box img{max-width:100%; height:auto;}
#posi{color:#848484; height:1.5em; line-height:150%; padding-left:2.4em; background:url(../images/ICO_posi.png) 0.5em top no-repeat; margin:1em auto 1em auto; background-size:auto 100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#posi a{color:#848484;}#posi a:hover{ color:#ac1d0f;}

/*公共*/
#tranDiv{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; z-index:10000; display:none;}
.line{ font-size:0; line-height:0; height:1px; background:url(../images/line.png) center top repeat-x; margin-bottom:1em;}
.Sarrow{ position:absolute; left:50%; margin-left:-6px; top:auto; bottom:-8px; display:inline-block; width:13px; height:13px; background:url(../images/Sarrow.png) left top no-repeat; background-size:100% 100%;}

/*图片列表*/
.pic{ margin-top:0.8em; overflow:hidden;}
.pic ul{ position:relative; width:100%; margin-right:-5%; float:left;}
.pic li{ float:left; width:31.3%; height:auto; margin:0 2% 1em 0; background:#fff; overflow:hidden; border:#ebebeb 1px solid; text-align:center; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
a.a_pic{ display:inline-block; width:100%; height:auto; overflow:hidden; background:#f2f2f2; }
.pic li a img{ max-width:100%; height:auto; float:left;}
a.pro_tit,span.pro_tit{ display:block; height:2em; width:90%; margin:0 5%;overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
@media screen and (max-width:479px){
  .pic li{ width:47.5%;}
}
/*加载按钮*/
#loadMore{ position:relative; text-align:center;font-size:1rem; height:2.2em; width:100%; margin:0.8em auto; line-height:200%; cursor:hand; cursor:pointer;color:#b68456; border:#e4d9c3 1px solid; background:url(../images/bgPic3.jpg) center top;}
#loadMore span{-moz-text-shadow:1px 1px 1px #fff; -o-text-shadow:1px 1px 1px #fff;-webkit-text-shadow:1px 1px 1px #fff;text-shadow:1px 1px 1px #fff;}
img#loading{ vertical-align:middle; margin:0 0.5em; display:none;}

/*列表*/
.list{ float:left; margin:1em -0.5em 0 0; position:relative; width:100%; padding:0 0.5rem}
.list li{ float:left; height:3em; line-height:300%; margin:0 0.5em 0.5em 0; border:#e1e1e1 1px solid; border-radius:0.5em; background:#fff;}
#currLi a{ color:#ac1d0f;}
.list li a{ display:inline-block; padding:0 1em;}

/*产品详细页*/
#product_pic{ position:relative; overflow:hidden; line-height:0; border-top:#e1e1e1 1px solid; border-bottom:#e1e1e1 1px solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#product_pic li{ background:#fff; text-align:center;}
#product_Info{ position:relative; word-break:break-all; color:#636363; padding:0.5rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
#product_Info p{ padding:0; margin:0.5rem 0;}
#product_Title b{ line-height:120%; font-size:2em; word-break:break-all; color:#ab190b;}
#product_summary{ padding:1em 0; margin:0;}
#product_Param span{ display:inline-block; float:left; margin-right:2rem; line-height:200%;}

/*上 下 返回按钮*/
a.funBtn{ display:inline-block; font-size:1.2em; color:#c1c1c1; cursor:hand; cursor:pointer; margin-right:1rem;}
a.funBtn:hover{ color:#ac1d0f;}
a.funBtn i{ display:inline-block; width:2em; height:2em; vertical-align:middle; margin-top:-2px; overflow:hidden;}
a.funBtn i img{ width:100%;}
a.nextone i img{ margin-top:-100%;}
a.back i img{ margin-top:-200%;}

/*新闻列表*/
#News{ padding:0.5rem; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#News li{border-bottom:#d8d8d8 1px solid; text-align:left; line-height:150%; overflow:hidden; }
a.News_pic{ display:inline-block; width:18%; min-width:8em; height:auto; overflow:hidden; float:left; margin:0.8em 1em 0.8em 0;}
a.News_pic img{ max-width:100%; }
a.News_tit{ display:block; max-height:3em; overflow:hidden; margin:0.8em 0 0.5em  0; font-size:1.2em; line-height:150%;}
.time{ font-size:0.9em; color:#ccc;}
/*新闻详细*/
#NewsTit{ margin-bottom:1em;}
#NewsTit h1{ padding:0.5rem 0; margin:0; font-size:1.5em;}
#NewsTit span{ color:#ccc; font-size:0.9em}

/*合作伙伴*/
#Partners li{ width:23%; float:left; text-align:center; margin:0.5em 1% 0 1%; line-height:0}
#Partners li a{ display:inline-block; width:100%; height:0; padding-bottom:100%; background:#d5d5d3;line-height:0}
#Partners li a img{ max-width:100%; }
@media screen and (max-width:479px){
  #Partners li{ width:31.3%;}
}

/*视频*/
#video{ position:relative; padding:0.5rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#videoBox{ width:100%; background:#000;position:relative; z-index:1; }
#videoBox video{ position:relative; z-index:1;}
#thumbs{position:relative; width:100%; height:auto; overflow:hidden;}
#thumbs ul{ position:relative; width:9999px; top:0; margin:0.5rem auto;}
#thumbs li{ position:relative; width:10em; line-height:0; margin-right:0.4em; cursor:hand; cursor:pointer; float:left;}
#thumbs li i{ display:none; position:absolute; left:-12px; top:36%; width:12px; height:29px; background:url(../images/icos.png) -185px -105px no-repeat;}
#thumbs li a{ position:relative; padding:2px; width:100%; display:inline-block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#thumbs li a img{ max-width:100%; *width:100%;}
#thumbs li a span{ position:absolute; left:0; top:auto; bottom:0; width:100%; height:100%; background:url(../images/tran2.png); color:#fff; text-align:center; line-height:120%;}
#thumbs li a span b{ display:inline-block; width:2.5em; height:2.5em; background:url(../images/play.png) left top no-repeat; margin:15% auto 5% auto; background-size:100% 100%;}
#thumbs li.active{ background:#a01e0f;}
#thumbs li.active i{ display:inline-block;}
#thumbs li.active a span{ display:none;}
@media screen and (max-width:479px){
  #thumbs li a span{ font-size:0.8em;}
  #thumbs li{ width:7em; margin-right:0.2em;}
  #thumbs li a span b{ width:1.5em; height:1.5em;}
}

.videoIframe{ position:absolute; width:100%; /*height:0; padding-bottom:75%;*/ z-index:10; left:0; right:0; top:0.5rem; margin:0 auto; background:#000;}
.videoIframe iframe{ position:absolute; left:0; top:0; width:100%; height:100%;}