html,
body{height:95%}
body{background:#f2f2f2;overflow-y:auto}
a:hover,
a:active,
a:focus{text-decoration:none}
dl,ol,
ul{margin-top:0;margin-bottom:1rem}
li{list-style:none}
ul{padding:0}
.logo{
    position: relative;
    left: 0px;
    top: 3%;
    width: 100%;
    text-align: center;}
.dh{padding:0 10px;margin-bottom:10px}
.dh .col-xs-4{padding:0 3px}
.dh a{
    text-align:center;
    display:block;
    line-height:45px;
    border-radius:2px;
    font-size:14px;
    color:gray;
    transition:all .3s ease;
    -moz-transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -o-transition:all .3s ease}
.dh a:hover{
    color:#f2f2f2;
    font-size:20px;
    font-weight:700;
    background:#f2f2f2}
.dhname{
    font-size:16px;
    font-weight:400;
    color:gray;
    display:block;
    margin-bottom:5px}
.sousuo{padding:35px 0}
.search{
    position:relative;
    width:100%;
    margin:0 auto}
.search-box{
    height:50px;
    border-radius:10px;
    overflow:hidden;
    display:-webkit-flex;
    display:flex;
    flex-wrap:wrap;
    border:1px solid #e6e6e6}
.search-icon{
    position:absolute;
    left:3px;
    top:5px;
    width:41px;
    height:41px;
    overflow:hidden;
    border-radius:25px;
    cursor:pointer}
.search-input{
    box-sizing:border-box;
    flex:1;
    height:50px;
    line-height:50px;
    font-size:16px;
    color:#999;
    border:none;
    outline:none;
    padding-left:45px}
.search-clear{
    position:absolute;
    right:15px;
    top:50%;
    font-size:20px;
    color:#999;
    margin-top:-10px;
    cursor:pointer;
    display:none}
.search-engine{
    position:absolute;
    top:60px;
    left:0;
    width:100%;
    background:#fff;
    padding:15px 0 0 15px;
    border-radius:5px;
    box-shadow:0 5px 20px 0 #d8d7d7;
    transition:all .3s;
    display:none;
    z-index:999}
.search-engine-head{
    overflow:hidden;
    margin-bottom:10px;
    padding-right:15px}
.search-engine-tit{
    float:left;
    margin:0;
    font-size:14px;
    color:#999}
.search-engine-tool{
    float:right;
    font-size:12px;
    color:#999}
.search-engine-tool>
    span.off{background-position:-30px 0}
.search-engine-tool>
    span{
        float:right;
        display:inline-block;
        width:25px;
        height:15px;
        background:url(off_on.png) no-repeat 0 0;
        cursor:pointer}
.search-engine-list::after{content:'';width:70px;height:18px;position:absolute;top:-17px;left:1px}
.search-engine-list 
    li{
        float:left;
        width:30%;
        line-height:30px;
        font-size:14px;
        padding:5px 10px;
        margin:0 10px 10px 0;
        background:#f9f9f9;
        color:#999;
        cursor:pointer;
        list-style:none}
.search-engine ul{padding:0}
.search-engine-list 
    li img{
        width:25px;
        height:25px;
        border-radius:15px;
        float:left;
        margin-right:5px;
        margin-top:2.5px}
.search-engine ul::before{
    content:'';
    width:0;
    height:0;
    position:absolute;
    top:-15px;
    border-top:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:8px solid #fff;
    border-left:8px solid transparent}
.search-btn{
    width:80px;
    height:50px;
    background:#000;
    border:none;
    color:#fff;
    font-weight:700;
    border-left:1px solid #e6e6e6;
    outline:none;
    cursor:pointer}
.hidden-xs{display:block!important}
.search-hot-text{
    position:absolute;
    z-index:100;
    width:100%;
    border-radius:0 0 10px 10px;
    background:#fff;
    box-shadow:0 4px 5px 0 #cccccc94}
.search-hot-text ul li{
    border-top:1px solid #f2f2f2;
    line-height:30px;
    font-size:14px;
    padding:0 25px;
    color:#777;
    cursor:pointer}
.search-hot-text 
    ul{margin:0}.mb-2,.my-2{margin-bottom:.5rem!important}
    header{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        z-index:100;
        height:50px;
        background:#fff}
    header .main{position:relative}
.not_operational{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:100;
    background:rgba(255,255,255,.8);
    display:none}
    
#content 
        .content-box{padding-top:21px}
        .content-box{max-width:1200px;margin:0 auto;padding:0 10px}
    header .logo{
        font-size:20px;
        margin:0;
        font-weight:400;
        text-align:center;
        position:relative;
        z-index:99;
        border-bottom:1px solid #e8e8e8;
        background:#fff}
    header .logo a{line-height:50px;color:#484848;font-weight:700}
    header .logo img{width:25px}
    header .logo img{
        animation:donghua 1.7s linear infinite;
        -webkit-animation:donghua 1.7s linear infinite;
        -moz-animation:donghua 1.7s linear infinite;
        -o-animation:donghua 1.7s linear infinite;
        -ms-animation:donghua 1.7s linear infinite}
    
        @-webkit-keyframes 
        donghua{
        0%{
            transform:rotate(0deg);
            -ms-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
            -webkit-transform:rotate(0deg);
            -o-transform:rotate(0deg)}
        100%{
            transform:rotate(-360deg);
            -ms-transform:rotate(-360deg);
            -moz-transform:rotate(-360deg);
            -webkit-transform:rotate(-360deg);
            -o-transform:rotate(-360deg)}}
     
       @-moz-keyframes 
       donghua{
        0%{
            transform:rotate(0deg);
            -ms-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
            -webkit-transform:rotate(0deg);
            -o-transform:rotate(0deg)}
        100%{
            transform:rotate(-360deg);
            -ms-transform:rotate(-360deg);
            -moz-transform:rotate(-360deg);
            -webkit-transform:rotate(-360deg);
            -o-transform:rotate(-360deg)}}
            
        @-ms-keyframes 
        donghua{
            0%{
                transform:rotate(0deg);
                -ms-transform:rotate(0deg);
                -moz-transform:rotate(0deg);
                -webkit-transform:rotate(0deg);
                -o-transform:rotate(0deg)}
            100%{
                transform:rotate(-360deg);
                -ms-transform:rotate(-360deg);
                -moz-transform:rotate(-360deg);
                -webkit-transform:rotate(-360deg);
                -o-transform:rotate(-360deg)}}
        
        @-o-keyframes 
        donghua{
            0%{
                transform:rotate(0deg);
                -ms-transform:rotate(0deg);
                -moz-transform:rotate(0deg);
                -webkit-transform:rotate(0deg);
                -o-transform:rotate(0deg)}
            100%{
                transform:rotate(-360deg);
                -ms-transform:rotate(-360deg);
                -moz-transform:rotate(-360deg);
                -webkit-transform:rotate(-360deg);
                -o-transform:rotate(-360deg)}}
        
header .nav{
    width:100%;
    margin-left:25px;
    background:#fff;
    margin:0;
    overflow:hidden;
    transition:all .4s ease;
    -moz-transition:all .4s ease;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease;
    position:absolute;
    top:-300px;
    left:0}
header .showNav{
    top:50px;
    box-shadow:0 5px 5px rgba(204,204,204,.15);
    -moz-box-shadow:0 5px 5px rgba(204,204,204,.15)}
header .nav a{
    display:block;
    line-height:40px;
    font-size:16px;
    color:#959595;
    padding:0 25px;
    border-bottom:1px solid #f5f5f5}
header .head-btn{
    float:right;
    line-height:60px}
header .bar-btn,header .nav-btn{
    position:fixed;
    border:none;
    background:0 0;
    top:0;left:10px;
    outline:0;
    margin-top:10px;
    z-index:100}
header .bar-btn .icon-bar,header .nav-btn .icon-line{
    display:block;
    margin:6px 0;
    width:25px;
    height:2px;
    background:#999;
    cursor:pointer;
    transition:all .4s ease;
    -moz-transition:all .4s ease;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease}
header .bar-btn .bar-line1{
    transform:translateY(8px) rotateZ(90deg);
    -ms-transform:translateY(8px) rotateZ(90deg);
    -moz-transform:translateY(8px) rotateZ(90deg);
    -webkit-transform:translateY(8px) rotateZ(90deg);
    -o-transform:translateY(8px) rotateZ(90deg)}
header .bar-btn .bar-line2{
    transform:translateY(0px) rotateZ(0deg);
    -ms-transform:translateY(0px) rotateZ(0deg);
    -moz-transform:translateY(0px) rotateZ(0deg);
    -webkit-transform:translateY(0px) rotateZ(0deg);
    -o-transform:translateY(0px) rotateZ(0deg)}
header .animated1 .bar-line2{
    transform:translateY(0px) rotateZ(90deg);
    -ms-transform:translateY(0px) rotateZ(90deg);
    -moz-transform:translateY(0px) rotateZ(90deg);
    -webkit-transform:translateY(0px) rotateZ(90deg);
    -o-transform:translateY(0px) rotateZ(90deg)}
header .nav-btn{left:inherit;right:10px}
header .bar-btn .icon-bar,header .nav-btn .icon-line{
    display:block;
    margin:6px 0;
    width:25px;
    height:2px;
    background:#999;
    cursor:pointer;
    transition:all .4s ease;
    -moz-transition:all .4s ease;
    -webkit-transition:all .4s ease;
    -o-transition:all .4s ease}
header .nav-btn .middle{margin:0 auto}
header .animated1 .bar-line1{
    transform:translateY(8px) rotateZ(180deg);
    -ms-transform:translateY(8px) rotateZ(180deg);
    -moz-transform:translateY(8px) rotateZ(180deg);
    -webkit-transform:translateY(8px) rotateZ(180deg);
    -o-transform:translateY(8px) rotateZ(180deg)}
header .animated2 .top{
    transform:translateY(8px) rotateZ(45deg);
    -ms-transform:translateY(8px) rotateZ(45deg);
    -moz-transform:translateY(8px) rotateZ(45deg);
    -webkit-transform:translateY(8px) rotateZ(45deg);
    -o-transform:translateY(8px) rotateZ(45deg)}
header .animated2 .middle{width:0}
header .animated2 .bottom{
    transform:translateY(-8px) rotateZ(-45deg);
    -ms-transform:translateY(-8px) rotateZ(-45deg);
    -moz-transform:translateY(-8px) rotateZ(-45deg);
    -webkit-transform:translateY(-8px) rotateZ(-45deg);
    -o-transform:translateY(-8px) rotateZ(-45deg)}
    
#content{min-height:100%}
    .main-index{padding-bottom:50px}
    #get-top{
        width:40px;
        height:40px;
        background:#03b8cf;
        color:#fff;
        position:fixed;
        right:15px;
        bottom:55px;
        line-height:30px;
        text-align:center;
        font-size:30px;
        cursor:pointer;
        display:none;
        z-index:100}
    #get-top i{
        margin:0;
        font-size:20px}
    .footer{
        width:100%;
        font-size:13px;
        padding-top:5px;
        margin-top:-5%;
        height:50px;
        text-align:center;
        z-index:9999;
        color:#959595}
    .footer a{
        color:#959595;
        text-decoration:none}

    @media(min-width:992px)
        {
            .search{width:650px}
            .search-engine{width:650px}
            .search-engine-list li{width:112px;margin:0 15px 15px 0}
            .search-hot-text{width:559px;margin-left:10px}
            .dh{padding:0 20px;margin-bottom:20px}
                header{height:60px;border-bottom:1px solid #e8e8e8}
                header .main{padding:0 24px}
                header .logo{
                    float:left;
                    font-size:27px;
                    margin:0;
                    font-weight:400;
                    border:none}
                header .logo a{
                    display:block;
                    line-height:59px;
                    color:#484848;
                    font-weight:400}
                header .logo img{
                    width:40px;
                    vertical-align:-10px}
                header .nav{
                    float:left;
                    margin-left:25px;
                    padding-top:0;
                    height:100%;
                    display:block;
                    overflow:hidden;
                    position:static;
                    width:auto;
                    box-shadow:none}
                header .nav li{float:left;font-size:16px}
                header .nav a{
                    display:block;
                    line-height:59px;
                    color:#959595;
                    padding:0 18px;
                    border-bottom:1px solid #e8e8e8}
                header .nav a:hover{
                    border-color:#459df5;
                    color:#459df5}
                    .content-box{padding:0 10px;padding-top:61px}
                    .main-index{padding-top:60px}}
                
    @media(min-width:768px){
        .sousuo{padding:10px 0 50px;margin-top:0}
        .search-clear{right:95px}}