.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}
/*global*/
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.l{float:left;}
.r{float:right;}
.footer{text-align:center;}
.blue{color:#3e8bd3;}
.gray{color:#595959;}
p
{
    text-indent:2em;
}
body
{
    background:#fff;
    color:#595959;
    font-size:13px;
    font-family:"微软雅黑",ff-tisa-web-pro-1,ff-tisa-web-pro-2,"Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif;
    line-height:200%;
    }
.w950
{
    width:950px;
    _width:960px;
    margin:0 auto;
}
a
{
    text-decoration:none;
     color:#595959;
}
a:hover
{
    color:#3f97e3;
    text-decoration:none;
}

/*hd*/
/*topnav*/
.topnav
{
    height:80px;
    line-height:80px;
    }
.logo
{
    margin-top:15px;
    }
.index-link, .save-link
{
    background:url(images/index-icon.jpg) no-repeat -3px 0;
    padding-left:15px;
    color:#595959;
    text-decoration:none;
}
.save-link
{
    background-position:-3px -56px;
}
.navigation
{
    background:#2d78be;
    color:#fff;
    }
.navigation .l
{
    margin-left:-10px;
    width:610px;
}
.navigation .r
{
    margin-right:-10px;
    width:310px;
}
.navigation li
{
    float:left;
}
.navigation a
{
    display:inline-block;
    padding:5px 20px 0 20px;
    border-right:1px solid #1762b3;
    height:55px;
    text-align:center;   
    color:#fff;
    text-decoration:none;
    font-size:15px;
}
.navigation a:hover
{
    background:#006599;
    color:#fff;
}
.navigation a.active
{
    background:#006599;
}
.navigation .en
{
    display:inline-block;
    font-size:12px;    
}
.menumoveoff
{
    position:relative;
    background:#006599;
    color:#fff;
}
.menumoveoff .menu-son, .menumoveoff .menu-son a
{
   display:none;
   background:none;
}
.menumoveon
{
    position:relative;
    background:#3077c3;
    color:#fff;
}
/*blue*/
.nav-productlist .menumoveon a, .nav-productlist .menumoveon a:hover
{
    background:#3077c3;
    color:#fff;
    font-weight:normal;
}
.menu-son
{
    position:absolute;
    left:250px;
    top:-1px;
    background:#3077c3;
    color:#fff;
    border:1px solid #fff;
    border-left:0;
}
.nav-productlist .menu-son a:hover
{
    font-weight:normal;
    text-decoration:underline;
    background:#fff;
    color:#fff;
}
.big-banner
{
    background-color:#337fc5;   
    text-align:center; 
}
.nav-product, .nav-producton
{
    position:relative;
    z-index:999;
}
.nav-productlist
{
    background:#006599;
    color:#fff;
    top:60px;
    left:0;
    position:absolute;
    z-index:999;
}

.nav-productlist li
{
    display:block;
    border-bottom:1px solid #fff;
    width:230px;
    padding:10px;
    text-align:center;
}
.nav-productlist li a
{
    border:0;
    padding:0;
    font-size:13px;
    line-height:150%;
    height:auto;
}
.nav-productlist li a:hover
{
    font-weight:bold;
}
.nav-product ul.nav-productlist, .nav-productlist li ul
{
    display:none;
}
.nav-producton ul.nav-productlist, .nav-productlist li.menumoveon ul
{
    display:block;
}
.nav-producton>a
{
    background:#006599;
    color:#fff;
}
.navigation .nav-productlist a:hover
{
    background:none;
}
/*footer*/
.footer
{
    background:#888;
    color:#fff;
    padding-top:35px;
    padding-bottom:35px;
    line-height:200%;
}
.footer a
{
    color:#fff;
}
.footer a:hover
{
    text-decoration:underline;
}
.bd
{
    padding-top:13px;
    padding-bottom:35px;
}
/*index*/
.bd-l
{
    margin-left:-20px;
    _margin-left:0;
}
.products
{
    background:url(images/product-bg.jpg) no-repeat 0 0;
    width:249px;
    min-height:403px;
    
}
.products-title, .acting-title
{
    color:#fff;
    font-size:14px;
    height:35px;
    line-height:35px;
    padding-left:15px;
}
.products dl
{
    margin-left:22px;
    margin-top:10px;
    line-height:16px;
    width:205px;
}
.products dd
{
    border-bottom:1px solid #dcdcdc;
    padding:8px 10px;
    position:relative;
}

.plist-title1, .plist-title2
{
    background:url(images/productslist-title.jpg) no-repeat 0 0;
    height:43px;
    width:195px;
    padding-left:10px; 
    padding-top:10px;
    color:Black;
}
.plist-title2
{
    background-position:-208px 0;
}
.plist-title1 a
{
    color:Black;
}
.products-son-out
{
    background:url(images/arrow-icon.jpg) no-repeat 0 100px;
    padding-left:4px;
    display:none;
    position:absolute;
    top:-70px;
    left:200px;
    width:200px;
    z-index:100;
}
.products-son
{
    background:#006599;
    margin-top:10px;
}
.products-son li
{
    border-bottom:1px dotted #fff;
    padding:10px;
    padding-left:20px;
    background:url(images/square-white.jpg) no-repeat 10px;
}
.list-moveon a
{
    color:#3f97e3;
}
.list-moveon .products-son-out
{
    display:block;
}
.list-moveoff .products-son-out
{
    display:none;
}
.products-son li a
{
    color:#fff;
}
.products-son li a:hover
{
    text-decoration:underline;
}
.acting
{
    background:url(images/Acting-title.png) no-repeat 0 0;
    width:249px;
}
.acting-m
{
    border-right:1px solid #dcdcdc;
    border-left:1px solid #dcdcdc;
    border-bottom:1px solid #dcdcdc;
    width: 211px;
    margin-left: 11px;
    margin-top: 11px;
    padding:0 7px 5px 7px;
    line-height:180%;
}
.bd-r
{
    width:710px;
}
.bd-first .index-news
{
    width:330px;
}
.bd-r .title
{
    border-bottom:1px solid #d0d0d0;  
    color:#014ca8;
    font-size:15px;
}
.bd-r .title-name
{
    display:inline-block;
    border-bottom:1px solid #014ca8;
    padding:0 10px;
    position:relative;
}
.title-square-l, .title-square-r
{
    position:absolute;
    bottom:-1px;
    height:40px;
    background:url(images/square-blue.jpg) no-repeat 0 36px;
    margin-bottom:-2px;
}
.title-square-l
{
    left:0;
}
.title-square-r
{
    right:0;
}
.bd-first .index-us
{
    width:355px;
    }
.m
{
    padding-top:20px;
} 
.m p
{
    text-indent:2em;
}
.index-news li
{
    background:url(images/index-icon.jpg) no-repeat -7px -136px;
    padding-left:10px;
}
.bd-first .list
{
    width:247px;
    overflow:hidden;

}
.newsdate
{
    color:#b1b1b3;
}
.products-show li
{
    float:left;
    padding:0 8px;
}
.products-pic, .products-name
{
    width:220px;
    overflow:hidden;
}
.products-pic
{
    height:139px;
}
.products-name
{
    background-color:#ebedee;
    text-align:center;
}
.factory li
{
    float:left;
    width:345px;
}
.factory-name
{
    background:#ebedee;
    padding:5px;
}
.factory-address
{
    padding-top:20px;
}
.factory-address p
{
    text-indent:0;
}
/*Order*/
.order-excel
{
    border:1px solid #d4d4d4;
    width:500px;
    margin-top:20px;
    }
.order-down
{
    display:inline-block;
    font-size:18px;
    text-align:center;
    color:blue;
    font-style:italic;
    text-decoration:underline;
    background:url(images/down-icon.gif) no-repeat 0 0;
    padding-left:30px;
    padding-top:5px;
    cursor:pointer;
    margin-left:30px;
}
.order-down:hover
{
    color:#009403;
}
/*newslist*/
.news-list li
{
    background:url(images/newslist-icon.gif) no-repeat 0 13px;
    padding-left:30px;
    line-height:250%;
}
.newsdetail h1
{
    text-align:center;
    font-size:18px;
    font-weight:bold;
    padding-bottom:20px;
}
.newsdetail h1 span
{
    font-weight:normal;
}
/*products*/
.bd-r .products-detail
{
    color:#595959;
}
.products-table, .news-table
{
    width:100%;
}
.products-table td
{
    border:1px solid #000;
    text-align:center;
    vertical-align:middle;
    color:#000;
}
.products-table p
{
    text-align:left;
    text-indent:2em;
    margin:0 5px;
}
.news-table thead td
{
    text-align:center;
    border:1px solid #000;
    color:#000;
}
.news-table tbody td
{
    text-align:left;
    border:1px solid #000;
    color:#000;
    padding-left:10px;
    vertical-align:middle;
}

/*走马灯*/
#demo {
background: #FFF;
overflow:hidden;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
/*product-pic*/
.product-pic img
{
    margin-right:10px;
    width:220px;
    border:1px solid #dcdcdc;
}
.shape
{
    background-image:url(images/shape-code.jpg);
    background-repeat:no-repeat;
    width:250px;
    height:80px;
    margin-left:20px;
}
.code1
{
    background-position:19px -838px;
}
.code2
{
    background-position:19px -938px;
}
.code3
{
    background-position:19px -1040px;
}
.code4
{
    background-position:19px -1140px;
}
.code5
{
    background-position:19px -1237px;
}
.code6
{
    background-position:19px -1338px;
}
.code7
{
    background-position:19px -1440px;
}
.code8
{
    background-position:0 0;
}
.code9
{
    background-position:19px -1540px;
}
.code10
{
    background-position:0 -96px;
}
.code11
{
    background-position:0 -188px;
}
.code12
{
    background-position:0 -280px;
}
.code13
{
    background-position:0 -376px;
}
.code14
{
    background-position:0 -467px;
}
.code15
{
    background-position:0 -554px;
}
.code16
{
    background-position:0 -651px;
}