*{ box-sizing:border-box;}
body,h1,h2,h3,h4,ul{margin:0;padding:0;}
body{font-size:16px;font-family:"微软雅黑";color:#333;}
.wrap{width:1200px;margin:auto;}
a{text-decoration:none;color:#333; outline: 0;}
.clr:after{content:"";display:block;clear:both;}
.fl{float:left;}
.fr{float:right;}
#topi{ position: absolute; right: 0; top: 80px; width: 722px; z-index: 2; background:rgba(255,255,255,.75); padding:20px;}
    .topArt{overflow:hidden; position:relative; }
        .topArt .h .prev,.topArt .h .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px; background:#f00; }
        .topArt .h ul{ display: none;}
        .topArt a{ display: block; font-size: 18px; color: #39f;}
        .topArt p{ margin: 0.5em 0; font-size: 14px;}
        .topArt time{ font-size: 12px; color: #999;}
        .topArt .h a{ float: right; padding:0 5px; font-family: "宋体"; font-weight: bold; cursor: pointer; margin-right: 3px; background:#fff;}
    .topPro a{display: block; width: 20%; float: left; padding:2px; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 14px;}
        .topPro a img{ display: block; width: 100%; margin-bottom: 6px; border-radius:5px; opacity: 0.7}
        .topPro a:hover img{ opacity:1;}
#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,.5);}
    #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;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;}
    #nav a,#nav .a{ display: block; cursor: pointer; float: left; font-size: 18px; padding: 0 15px; color: #fff;}
        #nav .a{ position: relative;}
        #nav .a:hover>div{ display: block;}
        #nav .a>div{ position: absolute; width: 600px; left: -290px; top:45px; padding-top:10px; display: none;background:#333; padding:10px;}
        #nav .search>div{width:285px; left: -180px;}
        #nav .a li{ list-style-type: none; font-size: 14px; color: rgba(255,255,255,.6); padding:5px 0;}
        #nav .a a{ display: inline-block; float: none; font-size: 14px; padding:0 5px 0 0;}
        #nav .a a:hover{ color: #fc3; text-decoration: underline;}
        #nav a span,#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;}
#priceD{ width: 800px;}
#priceD h1{ padding-bottom: 20px;}
#priceD p{ text-indent: 2em; line-height: 1.6em;}
#priceD ul{ padding-left:2em;}
#priceD li{ padding: 5px 0;}
#priceD .like{ color: #999;}
#priceD .like a{ display: block; color: #39f; padding-top:5px;}
#priceD .like a:hover{ text-decoration: underline;}
#picsList .part{ width: 230px; float: left; box-sizing:border-box; margin-bottom: 10px; background:#fff; padding-bottom: 10px;}
    #picsList.price .part{ padding: 5px; background:transparent;}
    #picsList.price .price{ position: relative; height: 30px; overflow: hidden;}
        #picsList.price .price div{ position: absolute; left: -5px; top: 0; width: calc(100% + 10px); line-height: 30px; padding: 0 10px 10px; font-size: 14px;}
        #picsList.price .part:hover .price{ color: #fff; overflow: visible;}
        #picsList.price .part:hover .price div{  background:#333;}
    #picdList .part{ width: 390px; float: left; box-sizing:border-box; margin-bottom: 10px; background:#fff; padding-bottom: 10px;}
    #picdList .part:hover,#picsList .part:hover{ background:#333;}
        #picsList .part:hover h3{ color: #39f;}
    #picdList .part img,#picsList .part img{ display: block; width: 100%;}
    #picsList .part h3{ display: block; font-weight: normal; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding: 10px;}
    #picdList .part span,#picsList .part span{ display: block; padding: 0 10px; font-size: 14px; color: #999; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    #picdList .part span{ padding-top: 10px;}
    #picsList.d .part{ width: 50%;}
    #picsList .li{ padding-bottom: 10px; margin-bottom:10px; border-bottom: 1px dashed #ccc;}
    #picsList .li h2{ display: inline-block; padding-right:10px;}
    #picsList .li h2 a{ font-weight: normal; color: #39f;}
        #picsList .li h2 a:hover{ color: #369;}
    #picsList.l .part{ margin: 0 5px;}
        #picsList.l .part img{ width: 230px; height: 230px; margin-bottom: 10px;}
        #picsList.l .t{ padding:0 0 10px 5px;}
#index .t{ padding-bottom: 20px; text-align: center;}
    #case{ padding-bottom: 50px;}
    #case .t{ padding-bottom: 40px;}
    #index .t h2{ padding: 60px 0 20px; text-align: center; font-size: 40px; font-weight: 100; letter-spacing: 6px;}
    #index .t p{ text-align: center; margin: 0 0 20px;}
    #index .t a,#plist .hd a{ display: inline-block; background:#39f; color:#fff; padding: 5px 10px; -webkit-transition: all .25s ease; border-radius: 2px;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease}
    #index .t a:hover,#index .t a.on,#plist .hd a.on{ background:#fc3; color:#333;}
    #case .cont a{ width: 19.666%; margin:0 1% 1% 0; background:#000; float: left; position: relative;}
        #case .cont .fst{ width: 38%;}
            #case .cont .fst img{ height: 485px;}
        #case .cont a:nth-child(4n),#case .cont a:nth-child(7n){ margin-right: 0;}
        #case .cont a img{ display: block; width: 100%; opacity: 0.9; -webkit-transition: all .25s ease;
           -moz-transition: all .25s ease;
            -ms-transition: all .25s ease;
             -o-transition: all .25s ease;
                transition: all .25s ease}
        #case .cont a:hover img{ opacity: 1;}
        #case .cont a:hover h4{ color:#fc3; background:rgba(0,0,0,.8);}
        #case .cont a h4{ position: absolute; width: 100%; height: 40px; line-height: 40px; left: 0; bottom: 0; background:rgba(0,0,0,.5); color:#fff; font-size: 14px; font-weight: normal; padding: 0 10px; -webkit-transition: all .25s ease;
           -moz-transition: all .25s ease;
            -ms-transition: all .25s ease;
             -o-transition: all .25s ease;
                transition: all .25s ease}
p.desc{ text-indent: 2em; line-height: 1.6em;}
    p.desc span{ display: block; color:#666;}
    p.desc span a{ display: inline-block; padding-right:10px; color:#39f; text-indent: 0;}
    p.desc span a:hover{ text-decoration: underline;}
#about{ background:#eee; padding-bottom: 60px;}
#about .fl{ width: 62%; padding-right: 60px;}
    #about h3,#kh h3{ font-weight: normal; font-size: 24px; padding-top: 20px;}
    #about .fl .desc{ font-size: 14px; color:#39f; padding:10px 0 5px;}
    #about .fl .bor{ width: 54px; height: 1px; background:#39f; margin-bottom: 20px;}
    #about .fl p{ margin: 0; line-height: 1.6em; text-indent: 2em; color:#666;}
    #about .fl li{ list-style: none; padding: 6px 0; color:#666;}
        #about .fl li span{ display: inline-block; width: 16px; height: 16px; vertical-align: middle; font-size: 12px; background:#ddd; color:#999; text-align: center; line-height: 16px; margin-right: 8px; border-radius:2px; -webkit-transition: all .25s ease;
           -moz-transition: all .25s ease;
            -ms-transition: all .25s ease;
             -o-transition: all .25s ease;
                transition: all .25s ease}
        #about .fl li:hover span{ background:#333; color:#fff;}
        #about .fl li:hover{ color:#333;}
    #about .fl a{ float: right; background:rgba(220,0,0,.7); cursor: pointer; color:#fff; padding:6px 10px; margin-top: 10px; border-radius:2px; -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease}
        #about .fl a span{ font-family: "宋体";}
        #about .fl a:hover{ background:rgba(220,0,0,1);}
    #about .fl .clr{ padding-top: 20px;}
    #about .fl .clr li{ display: inline-block; padding:0;}
        #about .fl .clr li a{ margin-top:0;}
#about .fr{ width: 300px; padding-left: 60px;}
    #about .fr h3{ padding:20px 0 10px;}
#sence{ position:relative;}
    #sence .hd{position: absolute; top: -32px; width: 100%;}
    #sence .hd a{ display:block;  width:24px; height:20px; float:right; margin-left:5px; background:rgba(0,0,0,.3); color:#fff; font-family: "宋体"; text-align: center; 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}
        #sence .hd a:hover{ background:rgba(0,0,0,.8);}
    #sence .hd ul{ display: none;}
    #sence .bd{ padding:10px 0;}
    #sence .bd ul{ margin: 0; width: 100%; overflow:hidden; zoom:1; }
    #sence .bd ul li{ text-align:center; zoom:1; }
    #sence .bd ul li .pic{ text-align:center; }
    #sence .bd ul li .pic img{ display:block; max-width: 100%; }
    #sence .bd ul li .title{ padding: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#kh{ overflow:hidden; position:relative; background:#eee; padding: 30px 50px; }
    #kh h3{ text-align: center; margin-bottom: 10px; font-weight: 100;}
    #kh .hd{ position: absolute; width: 100%; left: 0; top: 75px; }
    #kh .hd a{ display:block; cursor: pointer; width:40px; height:40px; background:rgba(0,0,0,.1); color:#333; text-align: center; line-height: 40px; font-family: "宋体"; -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease}
        #kh .hd a:hover{ background:rgba(0,0,0,.7); color:#fff;}
        #kh .hd .next{ float: right;}
        #kh .hd .prev{ float: left;}
    #kh .hd ul{ display: none; }
    #kh .bd{ width: 1020px; margin: 10px auto; }
    #kh .bd ul{ overflow:hidden; zoom:1; }
    #kh .bd ul li{ margin:0 8px; float:left; _display:inline; width: 191px; overflow:hidden; text-align:center;  }
#ltree{ width: 180px; background:#eee; padding: 20px 10px 20px 20px;}
    .zl-scrollBarBox{height:100%;position:absolute;background:#f3f3f3}.zl-scrollBar{position:absolute;left:0;top:0;background:#848484;transition:background .3s}.zl-scrollBar.zl-verticalBar{min-height:10px}.zl-scrollBar.zl-horizontalBar{min-width:10px}.zl-scrollBar:hover{background:#000}.zl-scrollContentDiv{position:relative!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;top:0;left:0}
    #ltree h3{ font-weight: normal; color:#39f;}
    #ltree a{ display: block; padding: 5px 0;}
        #ltree dd{ margin-left: 1em;}
        #ltree dt a{ font-size: 16px; color:#333; font-weight: bold; -webkit-transition: all .25s ease;
           -moz-transition: all .25s ease;
            -ms-transition: all .25s ease;
             -o-transition: all .25s ease;
                transition: all .25s ease}
        #ltree dt a span{ display: inline-block; height: 12px; width: 3px; background:#333; vertical-align: middle; margin-right: 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}
        #ltree dt a:hover{ color:#39f; font-weight: bold;}
        #ltree dt a:hover span{ background:#39f;}
        #ltree dd a{ font-size: 14px;}
        #ltree dd a:hover{ text-decoration: underline; color:#39f;}
    #ltree dl{ overflow: auto; height: 530px;}
#plist{ margin-left: 200px;}
    #plist .hd{ padding-bottom: 20px;}
    #plist .bd a{ background:#333; display: block; width: 24%; margin: 0 1.333% 1.333% 0; float: left;}
        #plist .bd a:nth-child(4n){ float: right; margin-right: 0;}
        #plist .bd a img{ display: block; max-width:100%; opacity: 0.8; -webkit-transition: all .25s ease;
           -moz-transition: all .25s ease;
            -ms-transition: all .25s ease;
             -o-transition: all .25s ease;
                transition: all .25s ease}
    #plist .bd h4,#plist .bd h3{ background:#fff; font-size: 14px; font-weight: normal; padding: 10px; overflow: hidden; -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;text-overflow:ellipsis; white-space: nowrap;}
    #plist .bd a:hover img{ opacity: 1;}
    #plist .bd a:hover h4,#plist .bd a:hover h3{ background:#39f; color:#fff;}
#alist{ padding: 60px 0; background:#eee; margin-top: 50px;}
    #alist .part{ width: 33.333%; float: left; padding-right:30px;}
    #alist .part:nth-child(3n){ float: right; }
    #alist .part h3{ font-weight:normal; padding-bottom: 20px;}
        #alist .part h3 span{ display: inline-block; width: 3px; height: 14px; background:#333; margin-right: 6px; vertical-align: middle;}
    #alist .part li{ list-style-type: none; height: 33px;}
        #alist .part li a,#alist div a{ display: block; width: 300px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; float: left; padding: 6px 0;}
        #alist .part li time{ color:#999; font-size: 12px; float: right; padding: 6px 0;}
        #alist .part li a:hover,#alist div a:hover{ color:#39f;}
#faq{ position: relative;}
#faq .hd{ position: absolute; width: 100%; left: 0; top: -60px; padding: 0;}
    #faq .hd ul{ display: none;}
    #faq .hd a{ display: block; font-family: "宋体"; float: right; width: 40px; height: 40px; padding: 0; background: #ddd; text-align: center; line-height: 40px; margin-left: 2px; 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}
        #faq .hd a:hover{ background:#333; color:#fff;}
    #alist div{}
        #alist div h4{ font-weight: normal; font-size: 16px;}
        #alist div a{ float: none; width: 100%;}
        #alist div p{ margin: 0; padding-bottom:10px; font-size: 12px; color:#888; line-height: 1.6em; text-indent:2em;}
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;}
    footer .hotTag{ text-align: center; color:#ccc;}
    footer .hotTag a{ display: inline-block; color:#f90;}
    footer .hotTag a:hover{ text-decoration: underline;}
#loc{ position: fixed; display: none; width: 100%; padding: 10px; background:#39f; color:rgba(255,255,255,.7); left: 0; top: 0; box-shadow:0 0 10px rgba(0,0,0,.3); z-index: 99;}
    #loc a{ color:#fff;}
    #loc span{ font-family: "宋体"; display: inline-block; padding-left: 6px;}
    #loc a:hover{ color:#fc3;}
    #loc h1{ display: inline; font-weight: normal; font-size: 16px;}
#main{ background:#eee; padding: 60px 0;}
.pages { text-align:center; padding:20px 0; clear:both;}
.pages a { display:inline-block; height:36px; line-height:36px; padding:0 10px; background:#ddd;margin:0 2px;border-radius:2px; font-family: "宋体"; color:#999; font-weight: bold;}
.pages a:hover{ color:#39f;}
.pages a.current { background:#39f; color:#fff;}
#main .cont{ display: block; margin-left: 200px;}
    article{ width: calc(100% - 320px);}
    article h1{ font-weight: normal; padding-bottom: 30px;}
    article .imgtitle{ padding: 20px 0;}
    article p{ line-height: 1.8em; text-indent:2em;}
    article img{ display: block; max-width:100%;}
    article .link{ border:1px dashed #999; border-width: 1px 0; padding: 20px 0; color:#999; line-height:1.6em;}
    article .link a{ color:#39f;}
        article .link a:hover{ text-decoration: underline;}
    #slide{ width: 300px; background:#ddd; padding: 20px;}
        #slide h3,article #plist h3{ font-weight: 100; color:#39f; margin-bottom: 10px;}
            #slide h3 span,article #plist h3 span{ display: inline-block; width: 3px; height: 12px; vertical-align: middle; background:#39f; margin-right: 6px; vertical-align: middle;}
        #slide a{ display: block; padding: 5px 0;}
            #slide a:hover{ color:#39f;}
    article #plist{ margin-left: 0; padding-top: 30px;}
    article #plist .part{ width: 33%; margin: 0 0.5% 0.5% 0;}
        article #plist .part:nth-child(3n){ margin-right: 0;}
#nlist,article.mid{ margin: 0 260px 0 200px; width: auto !important;}
#main #ltree{ padding: 0 10px 20px 20px;}
#ltree p{ color:#999; margin: 10px 0 0; font-size: 12px;}
#ltree p span{ display: block; color:#333; font-size: 16px;}
#nlist .part h3{ font-weight: normal; float:left;width:660px;}
    #nlist .part h3 a{ display: block;}
        #nlist .part h3 a:hover{ color:#39f; text-decoration: underline;}
    #nlist .part p{ font-size: 14px; color:#666; text-indent:2em; line-height: 1.6em;}
    #nlist .part time{ display: inline-block;  text-indent: 0; color:#333; margin-left: 10px; float:right;}
#abtNews{ padding-top:30px;}
    #abtNews li{ width: 49%; float: left; margin-bottom: 2%;}
        #abtNews li:nth-child(2n){ float: right;}
        #abtNews li a{ display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
        #abtNews li a:hover{ color:#39f; text-decoration: underline;}
#abtPic{ width: 240px;}
    #abtPic h3{ font-weight: normal; color:#39f; padding-bottom: 20px;}
    #abtPic a{ display: block;}
        #abtPic img{ display: block; max-width:100%;}
    #abtPic h4{ font-weight: normal; padding: 10px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    #abtPic .hd a{ display: block; width: 30px; height:30px; background:#ddd; float: right; margin-left: 2px; text-align: center; line-height: 30px; color:#666; font-family: "宋体"; cursor: pointer;}
        #abtPic .hd a:hover{ background:#39f; color:#fff;}
    #abtPic .hd ul{ display: none;}
footer a{ color:#999;}