*{ box-sizing:border-box;}
body,h1,h2,h3,h4,ul{margin:0;padding:0;}
body{font-size:16px;font-family:"微软雅黑";color:#333;}
li{ list-style: none;}
img{ max-width:100%;}
.wrap{width:100%; padding: 0 20px;margin:auto;}
a{text-decoration:none;color:#333; outline: 0;}
.clr:after{content:"";display:block;clear:both;}
.fl{float:left;}
.fr{float:right;}
#picsList .part{ width:50%; float: left; padding: 0 5px 10px 0; }
    #picsList .part:nth-child(2n){ padding:0 0 10px 5px;}
    #picsList .part img{ display: block; width:100%;}
    #picdList.d .part{ padding-bottom: 10px; text-align: center;}
    #picdList.d img{ display: block; width:100%; padding-bottom: 5px;}
    #picsList .part h3{ white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
#focus{  margin:0 auto; position:relative; overflow:hidden;   }
    #focus .hd{  display: none;}
    #focus .bd{ position:relative; z-index:0; }
        #focus .bd .mask{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.9); z-index: 9;}
        #logo a{ display: block; font-size: 40px; font-weight: bold; color:#fc3; padding: 0;}
            #logo a strong{ color:#fff;}
            #logo div{ font-size: 12px; font-weight: normal; color:#fff;}
        #focus .bd li{ list-style: none;}
    #focus .bd li img{ display: block;}
    #focus .bd .nr{ width: 100%; height: 190px; padding:110px 10px 0; z-index: 10; position: absolute; left: 0; bottom: 0; background:url(images/header.png) left bottom no-repeat;}
    #focus .nr span{ display: block;float: left; color:#666; width: 16.666%; font-size: 12px; text-align: center; white-space: nowrap;}
        #focus .nr span i{ display: block; margin: 0 auto 6px; width: 44px; height: 44px; background:url(images/icon.png) no-repeat; opacity: 0.5;}
        #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;}
nav{ position: fixed; width: 100%; height: 100%; left: -100%; top: 0; z-index: 9; background:rgba(0,0,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}
    nav.on{ left: 0;}
    nav>a{ float: right; width: 48px; height: 48px; opacity: 0; text-align: center; line-height: 48px; color:#fff; font-size: 48px; font-weight: 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}
    nav>div{ float: left; width: 70%; opacity: 0; background:rgba(0,0,0,.9); min-height:100%; overflow: auto; padding: 20px; -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>div>.s{ padding-top: 10px;}
    nav>div>.e{ border-bottom: 1px dashed rgba(255,255,255,.2);}
    nav>div>a{ display: block; color:#fff; padding: 10px; border-bottom: 1px dashed rgba(255,255,255,.2);}
    nav>div>div{ color: #999; font-size: 12px; padding-bottom: 10px;}
        nav>div>div a{ display: inline-block; color: #fff; font-size: 14px; padding: 5px 10px 5px 0;}
    nav.on>div,nav.on>a{ opacity: 1;-ms-transition-delay: 0.25s;-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;-webkit-transition-delay: 0.3s; transition-delay: 0.3s;}
#btm{ position: fixed; width: 100%; height: 48px; line-height: 48px; left: 0; bottom:0; background:#39f; box-shadow: 0 0 30px rgba(0,0,0,.5);}
    #btm a{ display: block; width: 33.33%; float: left; text-align: center; color:#fff; border-right: 1px solid rgba(255,255,255,.2);}
    #btm a:last-child{ border:0;}
h2{ font-weight: 24px; font-weight: 100; padding: 30px 0; text-align: center;}
h3{ font-weight: normal;}
#about{ padding: 30px 0;}
    #about h3{ margin-bottom: 4px;}
    #about .desc{ color:#39f;}
    #about p{ text-indent:2em; line-height: 1.6em;}
    #about ul{ margin: 1em 0;}
        #about li span{ display: inline-block; background:#666; color:#fff; margin: 4px; width: 16px; height: 16px; line-height: 16px; text-align: center; vertical-align: middle; font-size: 12px; border-radius:2px;}
.sence{ background:#ddd; padding-bottom: 30px;}
#sence{ position: relative;}
    .sence h3,#kh h3{ text-align: center; padding: 30px 0; font-size: 24px; font-weight:100;}
    #kh h3{ padding-bottom: 10px;}
    #kh .hd{padding-bottom: 30px;}
    #sence .hd{ position: absolute; width: 100%; left: 0; top: 70px; z-index: 99; padding:0 20px; }
    #sence .hd ul{ display: none;}
    #sence .hd a{ display: block; font-family: "宋体"; width: 36px; height: 36px; text-align: center; line-height: 36px; background:#666; color:#fff; border-radius:2px;}
        #sence .hd a.prev{ float: left;}
        #sence .hd a.next{ float: right;}
    #sence .bd li{ text-align: center;}
        #sence .bd li div{ width: 240px; margin: auto; overflow: hidden;}
        #sence .bd li img{ display: block; margin:0 auto 10px;}
#case h2,#pro h2{ padding-bottom: 0;}
#case p,#pro p{ text-align: center;}
#case .hd li,#pro .hd li,#alist .hd li{ display: block; float: left; margin:0 4px 4px 0;}
    #case .hd li a,#pro .hd li a,#alist .hd li a{ display: block; background:#39f; color:#fff; font-size: 14px; padding: 4px; border-radius:2px;}
        #case .hd li.on a,#pro .hd li.on a,#alist .hd li.on a{ background:#fc3; color:#333;}
    #case .bd li,#pro .bd li{ width: 50%; float: left;}
    #case .bd li.fst{ width: 100%;}
    #case .bd img,#pro .bd img{ display: block;}
    #pro .bd li:nth-child(1n),#case .bd li:nth-child(2),#case .bd li:nth-child(4){ padding-right:5px;}
    #pro .bd li:nth-child(2n),#case .bd li:nth-child(3),#case .bd li:nth-child(5){ float: right; padding-right:0; padding-left:5px;}
    #pro .bd li h4,#case .bd li h4{ font-weight: normal; padding: 10px 0; white-space: nowrap; overflow: hidden; }
#kh{ background:#eee; margin:30px 0; padding-bottom: 30px;}
    #kh .hd{ text-align: center;}
    #kh.abt{ background:transparent;}
    #kh .hd span{ display: inline-block; background:#ddd; color:#666; width: 40px; height: 40px; text-align: center;line-height:40px;}
#kh .hd ul{ display: none;}
    #kh .bd li{ width: 50%; float: left; padding-right: 10px;}
        #kh .bd li h4{ font-weight: normal; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
        #kh .bd li:nth-child(2n){ padding-left: 10px; padding-right: 0;}
        #kh .bd li img{ display: block;}
    #kh .hd span{ text-align: center; font-family: "宋体"; background:#666; color:#fff; border-radius:2px; width: 36px; height:36px; line-height: 36px;}
#alist .bd li{ list-style-type: none; height: 33px;}
    #alist .bd li a,#alist .bd div a{ display: block;  overflow: hidden; text-overflow:ellipsis; white-space: nowrap; float: left; padding: 6px 0;}
    #alist .bd li time{ color:#999; font-size: 12px; float: right; padding: 6px 0;}
#alist .bd li a{ width: 300px;}
footer{ background:#333; padding: 20px 10px; text-align: center; color:#fff; font-size: 12px;line-height: 1.6em; margin-bottom: 48px;}
#loc{ background:#39f; color:#fff; font-size: 16px; padding: 10px; position: fixed; width: 100%; left: 0; top: 0; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
    #loc span{ font-family: "宋体"; opacity: 0.5; display: inline-block; padding-left:4px;}
    #loc a{ color:#fff;}
    #loc h1{ display: inline; font-size: 16px; font-weight: normal;}
    #main{ padding: 50px 0 30px;}
    #plist .part{ width: 49%; float: left; margin:0 2% 2% 0;}
        #plist .part:nth-child(2n){ float: right; margin-right: 0;}
        #plist .part img{ display: block;}
        #plist .part h3,#plist .part h4{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
article h1{ font-weight: 100; padding:10px 0 20px;}
article p{ text-indent: 2em;}
.link{ padding: 10px 0; border:1px dashed #ccc; border-width: 1px 0; font-size: 14px; color:#999;}
    .link a{ color:#39f;}
    article #plist h3,article #nlist h3{  color:#39f; padding: 10px 0;}
    #nlist a{ display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding: 5px 0;}
    article img{ display: block; margin: 0 auto;}
.pages { text-align:center; padding:20px 0; clear:both;}
    .pages a { display:inline-block; height:36px; line-height:36px; width: 120px; 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;}
@media screen and (max-width:375px){
    .wrap{ padding: 0 10px;}
    #alist .bd li a{ width: 270px;}
}
@media screen and (max-width:320px){
    #alist .bd li a{ width: 230px;}
    #focus .nr span{ -webkit-transform: scale(0.8);
       -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
         -o-transform: scale(0.8);
            transform: scale(0.8);}
}