@charset "utf-8";
/* CSS Document */
html, body, #wrapper{height:100%}
body > #wrapper{height:auto; min-height:100%}
body{font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; background:#f1fafc url(../images/body-bg.png) no-repeat center -35px}
img{border:none;}
form,ul,li,p,dl,dt,dd{margin:0; padding:0}
h1,h2,h3,h4,h5{margin:0; padding:0; font-size:12px; color:#3F3F3F}
table{*border-collapse:collapse}
ul{list-style:none}
cite, em{font-style:normal}
a{color:#000; text-decoration:none}
a:hover{text-decoration:none; color:#DD1027}
.clearfix:after{content:'.'; display:block; height:0; font-size:0; clear:both; overflow:hidden}
.clearfix{display:inline-block}
/*Hides from IE-mac\*/
html .clearfix{height:1%}
.clearfix{display:block}
/*End hide from IE-mac*/
.clear{clear:both;}


.crumb{text-align:right; padding:0 0 10px; color:#666; margin:15px 10px 0 0}
.crumb a{color:#666}
.crumb .home{background:url(../images/icon_home.gif) no-repeat 0 2px; padding-left:15px}
.crumb em{font-family:arial; font-size:12px; padding:0 5px}
.crumb strong{font-weight:100; color:#666}
.line{border-bottom:1px dotted #ccc; margin:0 30px 30px 0; clear:both; height:0; line-height:0; font-size:0; padding-top:30px}
.more{float:right; font:100 12px arial; padding-top:6px; color:#0D91CA}



.pager{text-align:center; padding:20px 0 5px 10px; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.pager a{color:#336; padding:0 2px; }
.pager a:hover{color:#DD1027}
.pager b{font-weight:700; color:#DD1027}


/*wrapper
=========================*/



/*top
------------------*/

#header{width:100%; margin:0 auto; background:url(../images/bg-header.jpg) no-repeat center 0}
#header .inner{width:950px; margin:0 auto; height:110px; position:relative}
#header h1{float:left;}
#header h1 a{display:block; margin:8px 0 0 20px}
#header .menu{float:right; margin-top:11px; color:#20557E}
#header .menu a{padding:0 5px; color:#20557E}

.search{background:url(../images/search.png) no-repeat; width:246px; height:36px; position:absolute; right:5px; bottom:0; padding:9px 0 0 14px}
.search .txt{border:none; background:none; width:160px; padding:3px; color:#666}
.search .submit{width:50px; height:25px; cursor:pointer; margin-left:3px; border:none; background:none; color:#fff}


/*nav
------------------*/
#nav{width:950px; padding:0 2px; height:45px; background:url(../images/nav.png) no-repeat center 0; margin:0 auto}
#nav table{table-layout:fixed}
#nav td{text-align:center;}
#nav td a{font:100 14px/45px Arial, Helvetica, sans-serif; color:#fff; display:block; height:45px; background:url(../images/li.gif) no-repeat 100% 0}
#nav .end a{background:none}
#nav .cur a, #nav td a:hover{font-weight:600; color:#80C9F9}



/*footer
------------------*/
#footer{position:relative; margin:0 auto; width:950px; padding:10px 0; background:url(../images/footer-bg.png) no-repeat center 0}
#footer .inner{width:980px; margin:0 auto; padding-top:15px}
#footer .menu{text-align:center; height:25px; line-height:25px; color:#2891CF; width:100%; position:relative}
#footer .menu a{color:#2891CF; padding:0 10px}
#footer p{color:#2891CF; text-align:center; padding:10px 0 5px; font-family:Arial, Helvetica, sans-serif}
#footer p a{color:#2891CF}
#footer .friendlink{text-align:center; width:100%; margin-bottom:10px; border:1px solid #DBEAF7; padding-top:5px}
#footer .friendlink a{padding:0 5px; color:#2891CF}

.c-item{
    width: 950px;
    height: auto;
}
.b-item {
    width: 950px;
    height: auto;
}

.m-product-category {
    display: none;
    margin-bottom: 1.4rem;
    background-color: #20557E;
}

@media (max-width: 640px){
    #header .inner {
        width: 95%;
    }
    #nav {
        width: 100%;
        padding: 0;
    }
    #footer {
        width: 100%;
        font-size: 0.7rem;
    }
    #footer .inner {
        width: 100%;
    }
    .maincontent {
        word-break: break-all;
	    /*padding-right: 1.2rem;*/
    }
    .c-item{
        width: 100%;
        /*height: auto;*/
    }

    .b-item {
        width: 100%;
        height: auto;
    }
    .search {
        width: 13rem;
        height: 2.4rem;
        bottom: 0;
        padding: 0.5rem 0 0 0.9rem;
        background-size: contain;
    }
    .search .txt {
        width: 8.2rem;
        padding: 0.2rem;
    }
    .search .submit {
        width: 2.6rem;
        height: 1.2rem;
        font-size: 0.6rem;
    }
    .m-product-category {
        display: block;
    }
}