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

/* Style
----------------------------------------------------------------------------------- */
body{word-wrap: break-word;height: 100%; color: #434343; font-size: 12px; line-height: 20px; 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;}

.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%;}

.w990{margin: 0 auto; width: 990px;}
.w1180{margin: 0 auto; width: 1180px;}

/* Common
----------------------------------------------------------------------------------- */
.bg343{background-color: #343742;}

.topbar{height: 40px; font-size: 12px;}
.topbar .webname,.topbar .webtel{line-height: 40px;}
.topbar,.topbar a{color: #d9d9d9;}

.top{height: 70px; padding: 20px 0;}
.logo{background-position: left top; background-repeat: no-repeat;}
.logo_a{background-image: url(../images/logo.jpg?v=1.0);}
.logo,.logo a{width: 240px;height: 70px;}
.logo a{display: block;}

.link{padding-right: 23px; position:relative; display: inline-block; text-align: right;}
.link:after {content: "\f178"; font-family: "FontAwesome";position: absolute;right: 0;top: 2px;}

.cantants-bg{background-color: #f1f1f2; padding: 60px 0; border-top: 3px solid #fff;}
.cantants{background-color: #fff; position: relative;}
.cantants-nav{width: 210px;}
.cantants-area{width: 930px; padding: 20px 0 60px 0;}

.cantants .catopbar{padding: 15px 0 10px 0;border-bottom: 1px solid #CCC; width: 900px;}
.cantants .catopbar h3 {padding-left: 20px;border-left: 3px solid #dc251c;font-size: 14px;font-weight: 300;display: inline-block;}

/* Menu
----------------------------------------------------------------------------------- */
.menu{height: 44px; margin-top: 26px; position: relative; z-index: 99;}
.menu li{float: left; position: relative; display: block;}
.menu li a{font-size: 14px;font-weight: 700; padding: 12px 20px 12px 19px;}
.menu li.down a:before {font-family: 'FontAwesome';content: "\f107";position: absolute;left: auto;top: 3px;right: 5px;line-height: 1;}
.menu li.active .itema,.menu li.active .itema:hover{color: #ff5d4e;}

.menu li .item{background-color: #fafafa; border: 1px solid #f1f1f1; border-bottom:none; width: 180px; display: none;}
.menu li .item{position: absolute; top: 30px; left: 0;}
.menu li .item a{display: block;padding: 12px 20px; font-size: 14px; border-bottom: 1px solid #f1f1f1; overflow: hidden;}
.menu li .item a:before{display: none;}

.menu li.active .item{display: block;}

/* Banner
----------------------------------------------------------------------------------- */
.banner{margin: 0;}
.banner,.banner .bd{width: 100%;height: 550px;overflow: hidden; position: relative;}
.banner .bd li{position: absolute; left: 50%; margin-left: -960px; width: 1920px;}

.banner .hd{height:15px; overflow:hidden; position:absolute; right:50%; bottom:10px; z-index:1; zoom:1; margin-right: -490px;}
.banner .hd li{float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.banner .hd li.on{background:#ff5d4e; color:#fff; }

.banner .prev,.banner .next{position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider.png) -110px 5px no-repeat;}
.banner .prev,.banner .next{filter:alpha(opacity=50); -moz-opacity:.5; -khtml-opacity: .5; opacity: .5;}
.banner .next{left:auto; right:3%; background-position:8px 5px; }
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .prevStop,.banner .nextStop{ display:none;}

/* Title
----------------------------------------------------------------------------------- */
.title_center{padding: 50px 0; text-align: center;}
.title_center h2 {display: inline-block;position: relative;font-size: 24px;line-height: 20px;padding: 0 15px;border-left: 5px solid #dc251c;border-right: 5px solid #dc251c;}
.title_center h2:before {display: block;position: absolute;left: -80px;top: 0;content: "";width: 60px;height: 1px;margin-top: 10px;background-color: #CCC;}
.title_center h2:after {display: block;position: absolute;right: -80px;top: 0;content: "";width: 60px;height: 1px;margin-top: 10px;background-color: #CCC;}
.title_center .p{font-size: 14px;padding-top: 10px;text-align: center; color: #686868;}

/* Index
----------------------------------------------------------------------------------- */
.am_in_product{margin-bottom: 60px;}
.am_in_product ul{width: 1200px; margin-right: -20px;}
.am_in_product li{width: 275px; padding: 0 20px 0 0; float: left;}
.am_in_product li .ipic,.am_in_product li .ipic img{width: 275px; height: 206px;}
.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: 24px; line-height: 24px; text-align: center; width: 100%; overflow: hidden; color: #fff; font-size: 14px; padding: 8px 0;}
.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{margin-bottom: 120px;}
.am_in_article ul{width: 1200px; margin-right: -20px;}
.am_in_article li{width: 275px; padding: 0 20px 0 0; float: left;}
.am_in_article li .ipic,.am_in_article li .ipic img{width: 275px; height: 206px;}
.am_in_article li .ipic{overflow: hidden;}
.am_in_article li .ibox{width: 243px;background-color: #fafafa; border: 1px solid #f3f3f3; padding: 20px 15px 15px 15px;}
.am_in_article li .ibox .h{font-size: 16px; font-weight: 800; width: 100%; height: 48px; line-height: 24px; margin-bottom: 10px; overflow: hidden;}
.am_in_article li .ibox .p{height: 96px; line-height: 24px; font-size: 14px; width: 100%; overflow: hidden; color: #686868;}
.am_in_article li .ibox .link{height: 24px; line-height: 24px; font-size: 14px; margin-top: 10px;}
.am_in_article li .ibox .link,.am_in_article li .ibox .link:hover{color: #e84c3d;}
.am_in_article li .ibox .link:hover{text-decoration: underline;}

/* Article
----------------------------------------------------------------------------------- */
.article_container{padding-top: 20px; width: 900px;}
.article_container li{float: left; width: 100%; padding: 25px 0; border-bottom: 1px dashed #ccc;}
.article_container li .ipic,.article_container li .ipic img{width: 167px; height: 125px;}
.article_container li .ibox{width: 690px; padding-left: 25px;}
.article_container li .ibox .h,.article_container li .ibox .time,.article_container li .ibox .desc{width: 100%; overflow: hidden;}
.article_container li .ibox .h{height: 24px; line-height: 24px; font-size: 16px;}
.article_container li .ibox .time{font-size: 12px; color: #686868; height: 20px; line-height: 20px;}
.article_container li .ibox .desc{height: 80px; line-height: 24px; font-size: 14px; color: #686868;}

/* Product
----------------------------------------------------------------------------------- */
.product_container{padding-top: 20px;}
.product_container li{float: left; width: 283px; padding: 20px 10px 0 10px;}
.product_container li .ipic,.product_container li .ipic img{width: 283px; height: 212px;}
.product_container li .ibox{width: 251px; padding: 10px 15px 10px 15px; border: 1px solid #f3f3f3; background-color: #fafafa;}
.product_container li .ibox .h{font-size: 18px; width: 100%; height: 24px; line-height: 24px; overflow: hidden;}
.product_container li .ibox .link{height: 24px; line-height: 24px; font-size: 14px; margin-top: 10px;}
.product_container li .ibox .link,.product_container li .ibox .link:hover{color: #e84c3d;}
.product_container li .ibox .link:hover{text-decoration: underline;}

/* Cont
----------------------------------------------------------------------------------- */
.cont_desc{font-size: 14px; line-height: 24px; padding: 40px 0; overflow: hidden; width: 900px;}
.cont_text{font-size: 14px; line-height: 24px; text-align: left; overflow: hidden; padding:15px 0 40px 0; width: 900px;}
.cont_text img{vertical-align: middle; max-width: 100%;}
.cont_text p{text-align: left;}

.cont_tit{text-align:left;font-size:24px;color:#000;font-weight:bold;margin: 46px 0 20px 0; width: 900px;}
.cont_tit span{color:#999;font-size:14px;margin:20px 0;font-weight:100;width:100%;display:block;}

.cont_page{text-align: center;margin: 0px 0 50px 0; width: 900px;}
.cont_page hr{margin: 50px auto 40px;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: 14px 44px;border: 1px solid #e4e6e8;margin-right: 10px; margin-bottom:10px;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: 24px; line-height: 24px; font-size: 14px;}
.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;}

/* Sidebar
----------------------------------------------------------------------------------- */
.sidebar{width: 210px; overflow: hidden;}
.sidebar .tht{padding: 30px;background-color: #555B6B;display: inline-block;width: 210px;}
.sidebar .tht h3 {font-size: 22px;color: #FFFFFF;}
.sidebar .tht p {font-size: 16px;color: #FFFFFF;padding-top: 5px;}
.sidebar ul {display: inline-block;width: 210px;background-color: #6B707E;padding-bottom: 50px;}
.sidebar ul li {display: block;cursor: pointer; border-left: 5px solid #6B707E;font-size: 16px;color: #FFFFFF; width: 205px;}
.sidebar ul li.active {background-color: #FFFFFF;color: #393939;border-color: #dc251c;}
.sidebar ul li a {display: block;padding: 10px 10px 10px 25px;line-height: 30px;color: #fff; width: 170px;white-space:normal; word-break:break-all;}
.sidebar ul li.active a {color: #393939;}

.sidebar.active{position:fixed;top:0;_position:absolute;_top:0;_margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop);z-index:0;}
.sidebar.upactive{position:fixed;bottom:442px;_position:absolute;_bottom:442px;_margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop);z-index:0;}

/* Page
----------------------------------------------------------------------------------- */
.page{text-align: center;}
.page hr{margin: 50px auto 20px;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: 4px 14px;border: 1px solid #e4e6e8;margin-right: 10px; margin-bottom:10px;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: 24px; line-height: 24px; font-size: 14px;}
.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: 30px 0;background-color: #262626; border-top: 1px solid #3a3a3a; border-bottom: 1px solid #333;}
.footer{font-size: 14px;color: #999;}
.footer a,.footer a:hover{color: #e84c3d;}
.footer a:hover{text-decoration: underline;}

.footer-logo{height: 70px; padding: 10px 0;}

.footer-text{height: 136px;}
.footer-about{width: 390px; line-height: 24px;}
.footer-message{width: 560px; padding: 0 0 0 30px;}
.footer-message li{width: 100%; height: 24px; line-height: 24px; overflow: hidden;}
.footer-message li i{width: 24px; height: 24px; float: left; line-height: 24px; text-align: center; font-size: 14px;}
.footer-message li span{height: 24px; overflow: hidden; float: right; width: 526px;}
.footer-qrcode{width: 120px; height: 120px;}
.footer-qrcode img{width: 100%; height: 100%;}
.footer-link{height: 24px;}

.subfooter{padding: 25px 0; background-color: #000; font-size: 14px; color: #666;}
.subfooter .copy{height: 20px;}
.subfooter .wdcms{height: 20px;}
.subfooter a,.subfooter a:hover{color: #666;}
.subfooter a:hover{text-decoration: underline;}