@charset "utf-8";
/* 
   Author:Seamless
   QQ:105811404
*/

/* Style
----------------------------------------------------------------------------------- */
body{word-wrap: break-word;height: 100%; color: #434343; font-family: "Arial","Verdana","宋体","Lucida Grande","Lucida Sans Unicode","Helvetica,sans-serif";behavior: url(../js/hover.htc);}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,label,textarea,p{padding: 0; margin: 0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
select,label,input{vertical-align:top;}
input,button{border:none;outline:none;}
li{list-style-type:none;}
img{border: none;}
a,button,input{-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;outline:none;}

.img{-ms-interpolation-mode: bicubic;}
.l{float: left;}
.r, .more{float: right;}
.YaHei{font-family: "Microsoft YaHei","SimSun";}
.clear{clear: both;float: none;height: 0;margin: 0;padding: 0;width: 0; overflow: hidden;}
.clearfix:after{content:".";display: block;height: 0;clear: both;visibility: hidden;}
*html .clearfix{height:1%;}
.clearfix{display: block;}
*+html .clearfix{min-height:1%;}
* html{background-image: url(about:blank);background-attachment:fixed;}

a{color: #434343; text-decoration: none;}
a:hover{color: #ff5d4e;}

.pie{behavior: url(js/pie.htc);}

.mid{position: relative;display: table-cell;vertical-align: middle;text-align: center;}
.mid-in{position: static;*position: absolute;top: 50%;}
.mid-in img{position: static;*position: relative;top: -50%;left: -50%;-ms-interpolation-mode: bicubic;width: 100%;}

body{position: relative; width: 6.4rem; margin: 0 auto; background-color: #16171a;}
.container{background-color: #f5f5f5;}

/* Common
----------------------------------------------------------------------------------- */
.container{width: 6.4rem; position: relative; z-index: 1;}

.top{height: 0.8rem; background-color: #c20120; text-align: center; width: 6.4rem;}
.top{position:fixed;top:0;_position:absolute;_top:0;_margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop);z-index:2;}
.top .top_icon{width: 0.8rem; height: 0.8rem; line-height: 0.8rem; text-align: center;color: #fff; font-size: 0.48rem;}
.top .top_icon .fa-angle-left{font-size: 0.64rem; margin-top: 0.08rem;}
.top .center{width: 3.2rem; height: 0.8rem; line-height: 0.8rem; margin-left: 0.8rem; font-size: 0.27rem; color: #fff;}
.top .center .logo{height: 0.5rem; vertical-align: top; margin: 0.15rem 0 0 0;}
.top .menu_close{display: none;}

.center_container{width: 6.4rem; padding-top: 0.8rem;}
.scroll_container{width: 6.4rem;}

.menubg{width: 6.4rem; background-color: #000; height:100%; position: fixed; top: 0; left: 0; z-index: 998; display: none;}
.menubg{filter:alpha(opacity=5); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

.menu{width: 3.0rem; background-color: #16171a; display: none;}
.menu ul{overflow: hidden; overflow-y: scroll; width: 100%; height: 100%;}
.menu{ position: fixed; right: 0;top:0;_position:fixed;_top:0;_margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop);z-index:0;}
.menu h3{width: 100%; height: 0.8rem; font-size: 0.27rem; color: #818181; line-height: 0.8rem; border-bottom: 1px solid #1f1f23; background-color: #0a0a0a; text-indent: 0.2rem;}
.menu li{float: left; width: 3.0rem; font-size: 0.27rem; color: #818181; line-height: 0.8rem; border-bottom: 1px solid #1f1f23; position: relative;}
.menu li a{color: #818181; padding: 0 0.2rem; width: 2.6rem;}
.menu li a:hover,.menu li.active a{color: #fff;}

.menu li.up{height: 0.8rem;}
.menu li.down{min-height: 0.8rem;}

.menu li.down a:before {font-family: 'FontAwesome';content: "\f107";position: absolute;left: auto;top: 0.26rem;right: 0.3rem;line-height: 1; font-size: 0.32rem;}

.menu li.hover a,.menu li.hover a:hover{color: #fff;}
.menu li .item{width: 3.0rem;display: none; background-color: #343742;}
.menu li .item a{display: block; height: 0.8rem; width: 2.6rem; padding: 0 0.2rem; overflow: hidden;color: #818181;white-space:normal; word-break:break-all;}
.menu li .item a:before{display: none;}
.menu li.hover .item{display: block;}

/* Banner
----------------------------------------------------------------------------------- */
.banner{margin: 0;}
.banner,.banner .bd{width: 6.4rem; height: 3.2rem; overflow: hidden; position: relative;}
.banner .bd li a{display: block; height: 3.2rem;}
.banner .bd li,.banner .bd li img{width: 100%;}

.banner .hd{height:0.05rem; overflow:hidden; position:absolute; left:0; bottom:0.25rem; z-index:99; zoom:1; width: 6.4rem; text-align: center;}
.banner .hd li{margin:0 0.015rem; width:0.25rem; height:0.05rem; line-height:14px; text-align:center; background:#fff; cursor:pointer; text-indent: -9999em; overflow: hidden; display:inline-block; vertical-align: top;}
.banner .hd li.on{background:#ff5d4e; color:#fff; }

/* Title
----------------------------------------------------------------------------------- */
.title_center{padding: 0.05rem 0; text-align: center;}
.title_center h2 {display: inline-block;position: relative;font-size: 0.28rem; line-height: 0.2rem;padding: 0 0.15rem;border-left: 0.05rem solid #dc251c;border-right: 0.05rem solid #dc251c;}
.title_center h2:before {display: block;position: absolute;left: -0.8rem;top: 0;content: "";width: 0.6rem;height: 1px;margin-top: 0.1rem;background-color: #CCC;}
.title_center h2:after {display: block;position: absolute;right: -0.8rem;top: 0;content: "";width: 0.6rem;height: 1px;margin-top: 0.1rem;background-color: #CCC;}
.title_center .p{font-size: 0.23rem;padding-top: 0.1rem;text-align: center; color: #686868;}

/* Index
----------------------------------------------------------------------------------- */
.am_in_product{width: 6.0rem; margin: 0.2rem auto 0.1rem;}
.am_in_product ul{width: 6.2rem; margin-right: -0.2rem;}
.am_in_product li{width: 2.9rem; padding: 0.2rem 0.2rem 0 0; float: left;}
.am_in_product li .ipic,.am_in_product li .ipic img{width: 2.9rem; height: 2.175rem;}
.am_in_product li .ipic{overflow: hidden; position: relative;}
.am_in_product li .ipic .bg,.am_in_product li .ipic .text{position: absolute; left: 0; bottom: 0; height: 0.5rem; line-height: 0.5rem; text-align: center; width: 100%; overflow: hidden; color: #fff; font-size: 0.24rem;}
.am_in_product li .ipic .bg{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; background-color: #000;}
.am_in_product li .ipic .text,.am_in_product li .ipic .text:hover{color: #fff;}
.am_in_product li .ipic .text{z-index: 11;}

.am_in_article{width: 6.0rem; margin: 0.2rem auto 0.4rem;}
.am_in_article ul{width: 6.2rem; margin-right: -0.2rem;}
.am_in_article li{width: 2.9rem; padding: 0.2rem 0.2rem 0 0; float: left;}
.am_in_article li .ipic,.am_in_article li .ipic img{width: 2.9rem; height: 2.175rem;}
.am_in_article li .ipic{overflow: hidden;}
.am_in_article li .ibox{width: 2.9rem;}
.am_in_article li .ibox .h{font-size: 0.26rem; width: 100%; height: 0.32rem; line-height: 0.32rem; margin: 0.1rem 0; overflow: hidden;}
.am_in_article li .ibox .p{height: 0.58rem; line-height: 0.3rem; font-size: 0.23rem; width: 100%; overflow: hidden; color: #888;}

/* List
----------------------------------------------------------------------------------- */
.images_list{width: 6.0rem; margin: 0.2rem auto 0.1rem;}
.images_list ul{width: 6.2rem; margin-right: -0.2rem;}
.images_list li{width: 2.9rem; padding: 0.2rem 0.2rem 0 0; float: left;}
.images_list li .ipic,.images_list li .ipic img{width: 2.9rem; height: 2.175rem;}
.images_list li .ipic{overflow: hidden; position: relative;}
.images_list li .ipic .bg,.images_list li .ipic .text{position: absolute; left: 0; bottom: 0; height: 0.5rem; line-height: 0.5rem; text-align: center; width: 100%; overflow: hidden; color: #fff; font-size: 0.24rem;}
.images_list li .ipic .bg{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5; background-color: #000;}
.images_list li .ipic .text,.images_list li .ipic .text:hover{color: #fff;}
.images_list li .ipic .text{z-index: 11;}

.article_list{width: 6rem; overflow: hidden; margin: 0.4rem auto 0.4rem;}
.article_list ul{}
.article_list li{float: left; width: 6.0rem; height: 1.2rem; margin-bottom: 0.2rem;}
.article_list li .ipic, .article_list li .ipic img{width: 1.6rem; height: 1.2rem;}
.article_list li .ipic img{vertical-align: top;}
.article_list li .ibox{width: 4.2rem;}
.article_list li .ibox h3{font-size: 0.28rem; font-weight: 800; height: 0.3rem; line-height: 0.3rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333; height: 0.3rem;}
.article_list li .ibox h3:after{-moz-content:"...";}
.article_list li .ibox p{color: #999;font-size: 0.24rem; padding-top: 0.1rem; overflow: hidden;height: 0.65rem; line-height: 0.35rem;}

/* Title
----------------------------------------------------------------------------------- */
.web_tit{text-align:center; font-size:0.3rem;color:#000; font-weight:bold; margin-bottom: 0.4rem; width:5.8rem; margin: 0 auto;}
.web_tit span{color:#999;font-size:0.24rem; margin:0.15rem 0; font-weight:100; width:100%; display:block;}

/* Cont
----------------------------------------------------------------------------------- */
.cantants{width: 6.0rem; padding: 0.3rem 0.2rem 0.3rem 0.2rem;}
.cont_desc{font-size: 0.24rem; line-height: 0.36rem; padding: 0.4rem 0; overflow: hidden;}
.cont_text{font-size: 0.24rem; line-height: 0.36rem; text-align: center; overflow: hidden; padding:0.15rem 0 0.4rem 0;}
.cont_text img{margin: 0 auto; vertical-align: middle; max-width: 100%;}
.cont_text p{text-align: left;}

.cont_page{text-align: center;}
.cont_page ul{margin: 0px auto 0.5rem;}
.cont_page hr{margin: 0.4rem auto 0.4rem;border-color: #dedede;z-index: 2;border: 0;border-top: 1px solid #dedede;box-sizing: content-box;height: 0;}
.cont_page hr{filter:alpha(opacity=30); -moz-opacity:.3; -khtml-opacity: .3; opacity: .3;}
.cont_page li{padding: 0.14rem 0.44rem;border: 1px solid #e4e6e8;margin-right: 0.1rem; margin-bottom:0.1rem;border-radius: 2px;background: #f6f6f6;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out; display: inline-block; height: 0.56rem; line-height: 0.56rem; font-size: 0.24rem;}
.cont_page li,.cont_page li a{color: #999;}
.cont_page li:hover{background: #ff5256;border-color: #ff5256;}
.cont_page li:hover,.cont_page li:hover a,.cont_page li:hover a:hover{color: #fff;}

/* Page
----------------------------------------------------------------------------------- */
.page{text-align: center; margin: 0 auto 0.5rem;}
.page hr{margin: 0.5rem auto 0.2rem;border-color: #dedede;z-index: 2;border: 0;border-top: 1px solid #dedede;box-sizing: content-box;height: 0;}
.page hr{filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3;}
.page li{padding: 0.04rem 0.14rem;border: 1px solid #e4e6e8;margin-right: 0.1rem; margin-bottom:0.1rem;border-radius: 0.02rem;background: #f6f6f6;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;transition: all .3s ease-in-out; display: inline-block; height: 0.5rem; line-height: 0.5rem; font-size: 0.24rem;}
.page li,.page li a{color: #999;}
.page li:hover{background: #ff5256;border-color: #ff5256;}
.page li:hover,.page li:hover a,.page li:hover a:hover{color: #fff;}

/* Footer
----------------------------------------------------------------------------------- */
.footer{padding: 0.15rem 0;background-color: #262626; border-top: 1px solid #3a3a3a; border-bottom: 1px solid #333; width: 6.0rem; padding: 0 0.2rem; clear: both;}
.footer{font-size: 0.23rem;color: #999;}
.footer a,.footer a:hover{color: #e84c3d;}
.footer a:hover{text-decoration: underline;}

.footer-logo{height: 0.4rem; padding: 0.45rem 0; text-align: center;}
.footer-logo img{height: 0.4rem;}
.footer-about{width: 6.0rem; line-height: 0.26rem; margin: 0 auto; padding-bottom: 0.25rem;}
.footer-link{width: 6.0rem; line-height: 0.26rem; padding: 0.1rem 0; text-align: center; padding-bottom: 0.25rem;}

.subfooter{padding: 0.25rem 0; background-color: #000; font-size: 0.21rem; color: #666; text-align: center; width: 6.4rem; margin: -0.01rem auto 0;}
.subfooter a,.subfooter a:hover{color: #666;}
.subfooter a:hover{text-decoration: underline;}