*{
            margin:0;
            padding:0;
            font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif;
        }
        body{
            background-color: #444;
            color: #efefef;
            background:url(/site_bg.jpg) repeat #000
        }
        body::-webkit-scrollbar { /*滚动条整体样式*/
            width: 7px; /*高宽分别对应横竖滚动条的尺寸*/
            height: 1px;
        }
        body::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
            background: #535353;
        }
        body::-webkit-scrollbar-track { /*滚动条里面轨道*/
            -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
            border-radius: 0px;
            background: #041618;
        }

        header{
            width: 60%;
            padding: 5px 20% 11px 20%;
            background: rgba(1,15,23,.58);
        }

        header h1{
            font-size: 2.4rem;
            font-style: italic;
            line-height: 2.4rem;
            display: inline-block;
            width: 50%;
        }

        header h1 img{
            width: 150px;
            cursor:pointer;
        }

        header .buttons{
            text-align: right;
            display: inline-block;
            width: 49.5%;
            vertical-align: top;
            margin-top: 12px;
        }

        header .buttons button{
            cursor: pointer;
            padding: 5px 15px;
            border-radius: 5px;
            background-color: #222;
            color: #eee;
            border-bottom: 1px solid #222;
            border-top: 1px solid rgb(81, 83, 86);
            border-left: 1px solid #222;
            border-right: 1px solid rgb(81, 83, 86);
            box-shadow: 2px 2px 4px #000;
            -moz-box-shadow: 2px 2px 4px #000;
            -webkit-box-shadow: 2px 2px 4px #000;
        }
         .good{width:100%;background:#323538;margin-bottom:10px;border-radius:0 0 5px 5px;overflow:hidden}
         .good li{float:left;text-align:center;display:block;width:122.5px;height:40px;line-height:40px;font-size:13px;transition:color .5s,background-color .5s;overflow:hidden;color:#fff}
         .good li:hover{color:#fff;background:#ff6ea1}
        .main{
            width: 60%;
            padding: 0 20%;
        }

        .cat{
            margin: 20px 0 0 0;
            border: 1px solid #323438;
            border-radius: 5px;
            box-shadow: 2px 2px 4px #000;
        }
        .cat-title{
            -webkit-box-sizing:border-box;
            -moz-box-sizing:border-box;
            border-sizing: border-box;
            padding: 10px 0 10px 10px;
            border-radius: 5px 5px 0 0;
            font-size: 1.2rem;
            width: 100%;
            background-color: #222;
            font-weight:bold;
            color: #eee;
            border-bottom: 1px solid #222;
        }

        .items{
            border-radius: 0  0 5px 5px;
            background-color: #373b3e;
            border-top: 1px solid rgb(81, 83, 86);
        }
        .notitle{
            border-radius: 5px 5px 5px 5px!important;
        }
        .first-items{
            float: left;
            width: 62.5%;
            display: inline-block;
            vertical-align: top;
        }

        .first-items .item, .first-items .item:nth-child(8n+0){
            border-bottom: 1px solid #222;
            border-top: 1px solid rgb(81, 83, 86);
            border-left: 1px solid #222;
            border-right: 1px solid rgb(81, 83, 86);
        }
        .layui-carousel{
            float: left;
            width: 37.5%!important;
            display: inline-block;
            vertical-align: top;
        }
        .layui-carousel img{
            width: 100%;
            height: 100%;
        }
        .first-items .item{
            width: 25%;
        }
        .item a{
            background-color: #323538;
            font-size: 0.9rem;
            color: #eee;
            text-decoration: none;
            padding: 8px 4px;
            display: inline-block;
            text-align: center;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            vertical-align: middle;
            height: 19px;
        }
        .item a.nohref{
            color: #999;
        }
        .item{
            background-color: #323538;
            -webkit-box-sizing:border-box;
            -moz-box-sizing:border-box;
            border-sizing: border-box;
            float: left;
            border-bottom: 1px solid #222;
            border-top: 1px solid rgb(81, 83, 86);
            border-left: 1px solid #222;
            border-right: 1px solid rgb(81, 83, 86);
            display: inline-block;
            overflow: hidden;
            width: 12.5%;
            -webkit-transition: all 0.2s linear 0s;
            transition: all 0.2s linear 0s;
            border-radius: 5px;
        }
        .item:before {
            content: "\f0fb";
            font-family: FontAwesome;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            position: absolute;
            height: 35px;
            width: 30px;
            background-color: #323538;
            border-radius: 0 50% 50% 0;
            -webkit-transform: scale(0, 1);
            transform: scale(0, 1);
            -webkit-transform-origin: left center;
            transform-origin: left center;
            -webkit-transition: all 0.2s linear 0s;
            transition: all 0.2s linear 0s;
        }
        .item:hover {
            text-indent: 15px;
        }
        .item:hover a{
            text-align: left!important;
            background-color: #000!important;
        }
        .item:hover:before {
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
            text-indent: 0;
        }
        .item a:hover{
            background-color: #000!important;
            color: #fff!important;
        }
        a.withImg{
            background-image: none!important;
            height: 90px!important;
            text-align: center;

        }
        a.withImg img{
            display: block;
            margin: 5px auto 7px auto!important;
            width: 50px!important;
            height: 50px!important;
            border-radius: 10px;
            border: 2px solid rgba(200,200,200,0.2);
        }
        .withDesc{
            -webkit-box-sizing: border-box!important;
            -moz-box-sizing: border-box!important;
            box-sizing: border-box!important;
            width: 50%!important;
        }
        .dhtitle  {
            -webkit-box-sizing: border-box!important;
            -moz-box-sizing: border-box!important;
            box-sizing: border-box!important;
            width: 30%!important;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 14px;
            text-decoration: none;
            display: inline-block;
            text-align: right;
            vertical-align: middle;
            border-right: 1px solid #666;
            padding-right: 10px;
        }
        .dhdesc  {
            -webkit-box-sizing: border-box!important;
            -moz-box-sizing: border-box!important;
            box-sizing: border-box!important;
            width: 68%!important;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 12px;
            text-decoration: none;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            color: #bbb!important;
            padding-left: 5px;
        }
        .red a{
            background-color: red!important;
            color: #fff!important;
        }
        .blue a{
            background-color: blue!important;
            color: #fff!important;
        }
        .green a{
            background-color: green!important;
            color: #fff!important;
        }
        .orange a{
            background-color: orange!important;
            color: #fff!important;
        }
        .pink a{
            background-color: pink!important;
            color: #999!important;
        }
        .yellow a{
            background-color: yellow!important;
            color: #999!important;
        }
        .bottom{
            margin-top: 30px;
            width: 60%;
            padding: 15px 20%;
            background: rgba(1,15,23,.58);
        }
        .bottom div{
            width: 100%;
            text-align: center;
            line-height: 180%;
        }
        .clear{
            clear:both;
        }
        .clear:after{
            content:"";
            clear:both;
            display:block;
        }
        #nav {
            position: fixed;
            top: 96px;
            left: calc(20% - 124px);;
            display: inline-block;
            vertical-align: middle;
            border-radius: 5px;
            border: none;
        }
        #nav a{
            display: block;
            position: relative;
            width: 98px;
            padding: 8px;
            text-align: center;
            text-decoration: none;
            background-color: #373b3e;
            color: #ddd;
            border-left: 2px solid transparent;
            font-size: 0.9rem;
            border-bottom: 1px solid #222;
            border-top: 1px solid rgb(81, 83, 86);
            border-left: 2px solid #222;
            border-right: 1px solid rgb(81, 83, 86);
        }
        #nav a:hover{
            width: 98px;
            border-left: 2px solid #db6464;
        }
        #nav a p{
            position: relative;
            z-index: 3;
        }
        #nav a.active{
            background-color: #db6464;
            color: #fff;
        }
        .asd{
            width: 100%;
        }
        .asd img{
            width: 100%;
        }
        .fa{
            color: 57A957;
        }

        .email, .notice{
            display: none;
            position: fixed;
            z-index: 999;
            width: 50%;
            left: 25%;
            top: 150px;
            background-color: #222222;
            padding: 50px 0;
            text-align: center;
            border-radius: 10px;
            font-size: 1.5rem;
            border: 1px solid #ccc;
        }
        .email a{
            text-decoration: none;
            color: #efefef;
            font-size: 1.5rem;
            color: red;
        }

        .email .close-btn, .notice .close-btn{
            text-decoration: none;
            color: #efefef;
            font-size: 1.1rem;
            color: #eee;
            background-color: orange;
            border-radius:7px;
            cursor: pointer;
            padding: 8px 15px;
        }

        .shoulu{
            font-size: 1.2rem;
        }
        .shoulu input, .shoulu select{
            height: 1.8rem;
            width: 40%;
            border-radius:5px;
            padding-left: 5px;
            border: 0;
            font-size: 1.1rem;
        }
        .shoulu input:focus, .shoulu select:focus{
            outline:none;
            border: 0!important;
        }

        .shoulu .smt-btn{
            text-decoration: none;
            color: #efefef;
            font-size: 1.1rem;
            color: #eee;
            background-color: green;
            border-radius:7px;
            cursor: pointer;
            padding: 8px 15px;
        }

        @media(max-width:766px){
            #nav{
                display: none;
            }
            header, .bottom, .main{
                width: 98%!important;
                padding-left: 1%!important;
                padding-right:1%!important;
            }
            .first-items .item, .item{
                width: 33.3%;
            }
            .layui-carousel{
                width: 100%!important;
                margin-top: 5px;
            }
            .first-items{
                width: 100%;
            }
            .cat{
                margin-top: 10px!important;
            }
            .buttons{
                width: 40%!important;
            }
            .email, .shoulu{
                width: 90%;
                left: 5%;
                top: 150px;
                font-size: 1.1rem;
            }
            .shoulu input, .shoulu select{
                width: 60%;
            }
            .withDesc{
                -webkit-box-sizing: border-box!important;
                -moz-box-sizing: border-box!important;
                box-sizing: border-box!important;
                width: 100%!important;
            }
        }
    blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body{ center top no-repeat;background-color:#000000;overflow:hidden;color:#555;font-size:13px;font-family:"Microsoft YaHei",Simsun,Tahoma}caption,td,th{font-size:14px}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}a{color:#00c250;text-decoration:none}a:hover{text-decoration:none}img{border:none}li,ol,ul{list-style:none}button,input,select,textarea{font-size:14px}table{border-collapse:collapse}html{overflow-y:scroll}#container{width:980px;margin:0 auto;}.nav{width:100%;margin-bottom:10px;overflow:hidden}.nav li{float:left;text-align:center;display:block;width:120.5px;height:40px;line-height:40px;border:1px solid #000000;background:#e47653;border-bottom:2px solid #d04e34;border-radius:5px;font-size:13px;transition:color .5s,background-color .5s;overflow:hidden}.nav li:hover{color:#fff;background:#ff6ea1}.toptips{width:100%;background:#222;margin-bottom:2px;border-radius:5px 5px 0 0;overflow:hidden}.toptips li{float:left;position:relative;display:block;width:100%;height:40px;line-height:40px;font-size:13px;color:red;overflow:hidden}.toptips li b{width:16px;height:16px;font-weight:700;background:#000000;color:#fff;padding:2px 8px;margin-left:4px;font-size:12px;border-radius:3px}.good{width:100%;background:#222;margin-bottom:10px;border-radius:0 0 5px 5px;overflow:hidden}.good li{float:left;text-align:center;display:block;width:122.5px;height:40px;line-height:40px;font-size:13px;transition:color .5s,background-color .5s;overflow:hidden}.good li:hover{color:#fff;background:#ff6ea1}.cate{width:100%;background:#222;margin-bottom:10px;border-radius:5px;overflow:hidden}.cate_name{height:40px;width:100%;background:#1b1b1b;overflow:hidden}.cate .pink{background:#fd6ea3}.cate .red{background:#c52622}.cate .green{background:#23be9b}.cate .yellow{background:#fcc800}.cate .gray{background:#788daa}.cate .orange{background:#f76e25}.cate .black{background:#333}.cate_name p{font-size:18px;font-weight:700;line-height:40px;color:#fff;margin-left:20px}.cate li{float:left;text-align:center;display:block;width:121.5px;height:40px;line-height:40px;border-top:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;font-size:13px;transition:color .5s,background-color .5s;overflow:hidden}.cate li:hover{color:#fff;background:#ff6ea1}.cate li b{width:16px;height:16px;font-weight:400;background:#2cbafc;color:#fff;padding:1px 3px;margin-left:4px;font-size:12px;border-radius:5px}.cate_ul{margin:0 auto;position:relative;max-width:960px}.cate_img{margin-left:8px;width:48px;height:48px}.banner img{width:100%;margin-bottom:5px;transition:opacity .5s;border-radius:5px}.banner img:hover{opacity:.7}.footerapp img{width:100%;margin-bottom:-8px;transition:opacity .5s}.footerapp img:hover{opacity:.7}.footer{border-radius:10px 10px 0 0;height:auto;margin-bottom:0;opacity:.7}.footer p{text-align:center;line-height:40px;}.footer p a{color:#fff}.clear{clear:both;height:0}.side{position:fixed;bottom:5px;width:70px;left:50%;margin-left:497px}.side_div{width:70px;height:32px;line-height:32px;text-align:center;color:#fff;margin-top:2px;box-shadow:0 0 2px #c52622;border-radius:2px}.faq{position:fixed;bottom:5px;width:70px;right:50%;margin-right:497px}.faq_scj{width:70px;height:70px;line-height:32px;text-align:center;color:#fff;margin-top:1px}.faq_div{width:70px;height:32px;line-height:32px;text-align:center;color:#fff;margin-top:2px;box-shadow:0 0 2px #c52622;border-radius:2px}.xm{position:fixed;bottom:0;left:initial;right:0;z-index:1;font-size:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px)}.xm img{width:100px}#scj{background:url(../img/scj.png)}#top{background:url(../img/top.jpg)}#dizhi{background:url(../img/dizhi.jpg)}#guestbook{text-align:center;line-height:32px;transition:background-color .3s}#guestbook:hover{background:#fd6ea3}.btn{padding:0;margin:0}.app{box-shadow:0 0 15px rgba(100,100,100,.1);overflow:hidden;border-radius:5px;background-color:#222}.navi{font-size:0;padding:5px;text-align:center}.appico{width:calc(12% - 6px);margin:4px;height:auto;box-sizing:border-box;display:inline-block;position:relative}.appico p{width:100%;height:25px;line-height:25px;text-align:center;font-size:13px;margin:0;color:#00c250;overflow:hidden}.naicon{border-radius:15px;overflow:hidden;font-size:0;margin:12px}.appico img{width:100%}.appico:hover .btn-raised{-webkit-box-shadow:0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22);box-shadow:0 0 12px 4px rgba(0,0,0,.24),0 0 2px -2px rgba(0,0,0,.4),0 1px 12px 0 rgba(0,0,0,.22)}@media screen and (max-width:1200px){.side{display:none}.faq{display:none}.xm{display:none}}@media screen and (max-width:960px){body{background-size:150%}#container{width:98%;}.nav li{width:20%;margin-right:-2px;height:35px;line-height:35px}.toptips li{width:100%;margin-right:-2px;height:35px;line-height:35px}.good li{width:25%;height:35px;line-height:35px}.cate li{width:20%;margin-right:-1px;height:35px;line-height:35px}.cate_name{height:35px}.cate_name p{font-size:21px;line-height:35px}.appico{width:calc(25% - 10px)}}@media screen and (max-width:800px){.nav li{font-size:15px;height:30px;line-height:30px}.toptips li{font-size:14px;height:auto;line-height:30px}.good li{font-size:15px;height:30px;line-height:30px}.cate li{font-size:15px;height:30px;line-height:30px}.cate_name{height:30px}.cate_name p{font-size:20px;line-height:30px}}@media screen and (max-width:640px){.nav li{width:25%;font-size:11px;height:30px;line-height:30px}.toptips li{width:100%;font-size:12px;height:auto;line-height:30px}.good li{width:25%;font-size:11px;height:30px;line-height:30px}.cate li{width:25%;font-size:11px;height:30px;line-height:30px}.cate_name{height:30px}.cate_name p{font-size:17px;line-height:30px}.cate li b{width:16px;height:16px;font-weight:400;background:#2cbafc;color:#fff;padding:2px 3px;margin-left:4px;font-size:11px;border-radius:2px}}