*{ box-sizing:border-box;}
body,h1,h2,h3,h4,ul{margin:0;padding:0;}
body{font-size:16px;font-family:"微软雅黑"; background:#eee;color:#333;}
.wrap{width:1200px;margin:auto;}
a{text-decoration:none;color:#333; outline: 0;}
img{ max-width:100%;}
.clr:after{content:"";display:block;clear:both;}
.fl{float:left;}
.fr{float:right;}
#focus{ height:870px; background:#000; overflow:hidden; position:relative;}
    #focus.o{ height: 270px;}
    #focus .hd{ display: none; }
    #focus .bd{ position:relative; height:100%; z-index:0;   }
        #focus .bd *{ height: 100%;}
        #focus .bd li{ list-style: none; background-repeat: no-repeat; background-size: cover; background-position:top center;}
        #focus .bd li div{background:rgba(0,0,0,.8);}
    #focus .mask{ z-index: 1; height: 190px; overflow: hidden; position: absolute; left: 0; bottom: 0; background:url(images/header.png) center center no-repeat; width: 100%;}
    #focus .nr{ z-index: 2; height: 140px; width: 1200px; margin-left: -600px; position: absolute; left: 50%; bottom: 0; z-index: 2;}
    #focus .nr a{ display: block; width: 36px; height: 36px; margin-top: 10px; text-align: center; line-height: 36px; background:#39f; color:#fff; float: left; margin-right: 18px; font-family: "宋体"; font-weight: bold; cursor: pointer; -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease}
    #focus .nr a:hover{ background:#fc3; color:#333;}
    #focus .nr span{ display: block;float: left; color:#666; margin-left: 20px; font-size: 12px; -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease}
        #focus .nr span i{ display: block; margin: 0 auto 6px; width: 44px; height: 44px; background:url(images/icon.png) no-repeat; opacity: 0.5; -webkit-transition: all .25s ease;
           -moz-transition: all .25s ease;
            -ms-transition: all .25s ease;
             -o-transition: all .25s ease;
                transition: all .25s ease}
        #focus .nr span .a{ background-position:-236px 0;}
        #focus .nr span .b{ background-position:-315px 0;}
        #focus .nr span .c{ background-position:3px 0;}
        #focus .nr span .d{ background-position:-77px 0;}
        #focus .nr span .e{ background-position:-157px 0;}
        #focus .nr span .f{ background-position:-395px 0;}
        #focus .nr span:hover i{ opacity: 0.9; }
        #focus .nr span:hover{ color:#333;}
    #nav{ position: absolute; width: 100%; left: 0; top: 25px; padding: 0 25px; z-index: 3;}
        #nav.fix{ position: fixed; height: 46px; overflow: hidden; background:#39f; top: 0; box-shadow: 0 0 10px rgba(0,0,0,.2);}
            #nav.fix .fl a{ font-size: 32px;}
            #nav.fix .fl div{ display: none;}
        #nav .fl a{ display: block; font-size: 40px; font-weight: bold; color:#fc3; padding: 0;}
            #nav .fl a strong{ color:#fff;}
            #nav .fl div{ font-size: 12px; font-weight: normal; color:#fff;}
    #btm #tel{ background:#f90;}
    #nav a{ display: block; float: left; font-size: 18px; padding: 0 15px;}
        #nav a span{ display: block; padding: 10px 0;border-bottom: 2px solid transparent;color:#fff;  -webkit-transition: all .25s ease;
           -moz-transition: all .25s ease;
            -ms-transition: all .25s ease;
             -o-transition: all .25s ease;
                transition: all .25s ease}
        #nav a:hover span{ border-bottom:2px solid #fc3; color:#fc3;}
#loc{  width: 100%; padding: 40px 0; font-size: 14px; color:#666;}
    #loc a:hover{ color: #39f; text-decoration: underline;}
    #loc span{ font-family: "宋体"; display: inline-block; padding-left: 6px;}
    #loc h1{ display: inline; font-size: 14px; font-weight: normal; color:#39f;}
#clist .part{ width: 24%; float: left; margin:0 1.333% 1.333% 0; padding-bottom: 10px;}
    #clist .part:nth-child(4n){ float: right; margin-right:0;}
    #clist .part:hover{ background:#fff;}
    #clist .pic{ background:#000;}
        #clist img{ display: block; max-width:100%;}
        #clist .part:hover img{ opacity:0.7;}
    #clist .t{ padding: 10px; font-size: 12px; color: #999;}
        #clist h2 a,#clist h3 a{display: block; font-weight: normal; font-size: 18px; padding-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
            #clist .part:hover h2 a,#clist .part:hover h3 a{ color: #c00;}
            #clist h2 a:hover,#clist h3 a:hover{ text-decoration: underline;}
        #clist .t span{ color: #39f; display: inline-block; padding-right:2px;}
        #clist .t i{ font-style: normal; color: #f60; font-size: 14px; display: inline-block; padding:0 2px 0 4px;}
        #clist .t p{ margin: 0;height: 60px; line-height: 20px; overflow: hidden;}
    #clist li{ list-style-type: none;}
        #clist li a{ display: block; overflow: hidden;text-overflow:ellipsis; white-space: nowrap; font-size: 14px; color: #666; padding: 5px 10px;}
        #clist li a:before{ content:"▪ ";}
        #clist li a:hover{ color: #39f; text-decoration: underline;}
footer{ background:#111; color:#ccc; padding: 30px 0; text-align: center; line-height: 1.4em; font-size: 14px;}
    footer span{ color:#666; display: inline-block; padding: 0 5px; font-weight: 100;}
#main{ width: 860px;}
    #main h2{ font-weight: 100; color:#f60; font-size: 36px;}
    #main #title p{ line-height: 1.8em;color:#999;}
        #main #title p time{ color:#39f;}
        #main #title p span{ color:#090;}
    #main #title a{ color:#39f;}
        #main #title a:hover{ text-decoration: underline;}
    #main .part{ padding: 20px 0 40px;}
        #main .part .t{ background: #ddd;}
            #main .part .t h3{ font-weight: normal; font-size: 16px; display: block; float: left; background:#39f; color:#fff; padding:6px 10px;}
    #main .part p{ text-indent:2em; line-height: 1.6em;}
    #main .plist{ padding-top: 20px;}
    #main .li{ width: calc((100% - 20px )/2); background:#000; float: left; margin-bottom: 20px; position: relative; cursor: pointer;}
        #main .li:nth-child(2n){ float: right;}
        #main .li img{ display: block; width: 100%;-webkit-transition: all .25s ease;
           -moz-transition: all .25s ease;
            -ms-transition: all .25s ease;
             -o-transition: all .25s ease;
                transition: all .25s ease}
        #main .li h4{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis; text-align:center; padding: 20px; background:#fff; font-weight: normal;}
        #main .li .zoom{ position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; background:url(images/zoom.png) center 170px no-repeat; z-index: 3; -webkit-transition: all .25s ease;
           -moz-transition: all .25s ease;
            -ms-transition: all .25s ease;
             -o-transition: all .25s ease;
                transition: all .25s ease}
        #main .li:hover .zoom{ opacity: 1;}
        #main .li:hover img{ opacity: 0.5;}
        #priceV{ overflow: auto; background:#fff;}
            #priceV span{ cursor: default; display: block; float: left; font-size: 14px; width: 60px; text-align: center; padding:10px 5px; margin: 0 6px;}
                #priceV span:hover{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1);}
            #priceV i{ display: block; background:#ccc; width: 6px; height: 120px; margin: auto; position: relative; margin-bottom: 10px;}
            #priceV b{ position: absolute; width: 100%; left: 0; bottom:0; height: 0%; background:#39f; }
            #priceV span:last-child b{ background:#c00; }
            #priceV span mark{ background:transparent; color:#666; font-size: 12px; display: block;}
    #main .part p .price{ color:#c00; font-size: 12px;}
        #main .part p .price mark{ background:transparent; color: #c00; font-size: 24px;}
    #main .spec{ border: 1px solid #ddd; border-width:1px 0 0 1px; margin-top: 20px;}
    #main .spec>div{ width: 20%; background:#fff; cursor: default; float: left; border:1px solid #ddd; border-width: 0 1px 1px 0; padding: 20px; text-align: center; color:#666; -webkit-transition: background .25s ease;
       -moz-transition: background .25s ease;
        -ms-transition: background .25s ease;
         -o-transition: background .25s ease;
            transition: background .25s ease}
        #main .spec>div strong{ display: block; font-weight: normal; font-size: 24px; color:#333; margin-bottom: 10px;}
        #main .spec>div:hover{ background:#eee;}
    #main .material div.clr{ padding: 20px; background:#fff;}
        #main .material div.clr div{ text-align: center; padding-bottom: 10px; margin-bottom: 10px; font-size: 18px; }
        #main .material div img{ display: block; width: 19%; margin:0 1.25% 1.25% 0; float: left;}
        #main .material div img:nth-child(5n){ margin-right:0;}
        #main .material li{ list-style-type: none; float: left; width: 32%;}
            #main .material li:nth-child(2n){ margin:0 2%;}
            #main .material li img{ width: 49%;display: block; float: left; margin:0 0 6px 0;}
            #main .material li img:nth-child(2n){ float: right;}
            #main .material li span{ display: block; text-align: center;}
            #main .material p strong{ display: inline-block; background:#999; color: #fff; text-indent: 0; padding:3px 5px; margin-right:6px; border-radius:3px;}
    #main span.tel{ display: inline-block; background:#c00;color:#fff; text-indent:0; padding: 0 5px; border-radius:2px; margin-right: 4px;}
    article{ padding-top: 20px;}
        article h3{ font-weight: bold; font-size: 16px; color:#333; margin:10px 0;}
        article p{ text-indent:2em; line-height: 1.6em;}
        article img{ display: block; max-width:100%; margin: auto;}
    .link{ padding: 20px 0; margin-top:20px; border-top: 1px dashed #ccc; color:#999; line-height: 2em;}
        .link a{ color:#39f;}
        .link a:hover{ text-decoration: underline;}
aside{ width: 320px; background:#eee;}
    aside>div{width: 320px;}
        aside>div>div:first-child{ margin-bottom: 20px;}
    aside>div.fix{ position: fixed; top: 0;}
#contact{ background:#fff; padding: 16px; font-size: 16px; line-height: 1.8em; text-align: center;}
    #contact img{ display: block; margin:0 auto 20px; }
    #contact span{ color:#c00; display: block; font-weight: bold; font-size: 24px; }
#abtPic{ padding: 20px 0;}
    #abtPic li{ list-style: none; position: relative; width: 50%; float: left; margin-bottom: 6px; padding-right:3px;}
        #abtPic li:nth-child(2n){ padding:0 0 0 3px;}
    #abtPic img{ display: block; max-width: 100%; opacity: 0.7; -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease}
    #abtPic li a{ display: block; background:#000;}
    #abtPic h3{ font-size: 12px; position: absolute; opacity: 0; left: 0; bottom:0; background:rgba(0,0,0,.9); color:#fff; width: calc(100% - 3px); padding:5px; font-weight: normal; color:#fff; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease}
        #abtPic li:nth-child(2n) h3{ left: 3px;}
        #abtPic li:hover h3,#abtPic li:hover .price{ opacity: 1;}
        #abtPic li:hover img{ opacity:1;}
        #abtPic .price{ position: absolute; left:0; top: 0; opacity: 0; background:#c00; padding: 2px; color:#fff; -webkit-transition: all .25s ease;
           -moz-transition: all .25s ease;
            -ms-transition: all .25s ease;
             -o-transition: all .25s ease;
                transition: all .25s ease}
            #abtPic .price{ font-size: 12px;}
            #abtPic .price strong{ font-weight: normal; font-size: 14px;}
#abtNews .t{ color: #39f; border-left: 2px solid #39f; padding-left:10px; font-weight: bold;}
#abtNews li{ list-style: none;}
    #abtNews a{ display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-top:10px;}
    #abtNews a:before{ content:"▪ ";}
    #abtNews a:hover{ color:#39f; text-decoration: underline;}
#smenu{ position: fixed; width: 100px; left:0; top: 50%; margin-top: -105px;}
    #smenu>a{ display: block; background:#333; text-align: right; color:#ccc; padding: 5px 10px; font-size: 14px; margin-bottom: 1px;cursor: default; -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease}
    #smenu>a:hover{ background:#39f; color:#fff;}
#qmenu{width:200px;position:fixed;right:0;top: 50%; z-index: 999; background:#c00; padding: 10px; color: #fff; text-align: center;}
    #qmenu img{ display: block; max-width:100%; margin-bottom: 10px;}
    #qmenu mark{ display: block; font-size: 20px; font-weight: bold; padding: 5px 0; background:#fc0; color: #000; margin: 4px 0;}
    #qmenu span{ display: block;}
    #qmenu a{ color: #fc0; cursor: pointer; padding: 5px 0; display: block; letter-spacing:3px;}
        #qmenu a:hover{ text-decoration: underline;}
.i{ background:url(images/i.png) no-repeat;}
@media screen and (max-width:1600px){
    #qmenu{ display: none;}
}
#qmenu a>div{ background:#f60;}
#win{ display: none; position: fixed; z-index: 999999; left:0; top: 0; width:100%; height: 100%; background:rgba(0,0,0,.95);}
    #win{ z-index: 9999999;}
        #win>div{ width:800px; height: 100%; margin: auto; position: relative;}
        #win a{  width:60px; height: 60px; line-height: 60px; text-align: center; font-size: 36px; color:#fff; background:#c00; opacity: 0.7; font-family: "宋体"; position: absolute; top: 50%; margin-top: -30px;}
        #win .fl{ left: 0;}
        #win .fr{ right: 0;}
        #win .close{ margin-top:40px; background:#39f;}
        #win a:hover{ opacity: 1;}
    #win>div img{ display: block; position: absolute; width:600px; height: 600px; left: 50%; top: 50%; margin: -300px 0 0 -300px;}
.comment .form{height:200px;position:relative;}.comment .form textarea{box-sizing:border-box;width:100%;border:1px solid #ddd;border-bottom-color:#f5f5f5;height:160px;padding:10px;}.comment .form div{box-sizing:border-box;position:absolute;left:0;bottom:0;background:#f9f9f9;border-top:1px solid #ddd;width:100%;height:40px;line-height:40px;padding-left:10px;border:1px solid #ddd;overflow:hidden;font-size:12px;color:#999;}.comment .form div *{float:right;margin-left:0;display:inline-block;height:40px;box-sizing:border-box;}.comment .form .txt{width:100px;border:1px solid #ddd;border-width:0 1px;padding:0 5px;font-size:16px;color:#666;}.comment .form img{cursor:pointer;}.comment .form .btn{float:right;background:#c00;color:#fff;border:0;height:40px;padding:0 20px;}.comment .title{font-size:20px;margin:20px 0;border-bottom:1px solid #ddd;padding-bottom:10px;}.comment li{list-style:none;border-bottom:1px dashed #ddd;padding:10px;color:#999;font-size:12px;}.comment li:hover{background:#f5f5f5;}.comment li time{display:inline-block;margin-left:12px;}.comment li div{padding-top:10px;color:#333;font-size:14px;text-indent:2em;line-height:1.5em;}.comment li p{color:#e00000;}.comment li p:before{content:'Re:';}.comment li a{color:#2d6aea;}.comment .nothing{text-align:center;font-size:24px;color:#ccc;padding:30px 0;}.bdshare-button-style0-24:after{clear:none;}
#btmNav{ display: none;}
@media screen and (max-width:640px){
    .wrap{ width:98%;}
    nav,#focus .nr{ display: none;}
    #focus{ height: 100vh;}
    #clist .part{ width:49%; margin: 0 1% 1% 0;}
    #smenu{ display: none;}
    #main{ width:100%;}
    aside{ display: none;}
        #btmNav{ display:block; position: fixed; width:100%; height: 50px; line-height: 50px; text-align: center; left: 0; bottom: 0; }
    #btmNav a{ display:block; float: left; width:33.333%; background:#333; color: #fff; border-right:1px solid #222;}
    #btmNav .tel{ border:0; background:#f90;}

}