*{
    margin: 0;
    padding: 0;
}
body{
    background-color: #ffffff;
    font-family:Microsoft YaHei,微软雅黑;
    font-size: 14px;
}
a{
    text-decoration: none;
    color: #000;
}
a:hover{text-decoration: none;}
:hover{
    transition: all .4s ease;
}
button:hover{
    background-color:#66a1e4;
}
input:focus{
    outline: 0;
    box-shadow:0px 0px 10px 0px rgba(42, 4, 214, 10%);
}
li{list-style:none;}
.clearfix::before,
.clearfix::after{
    content: '';
    display: table;
}
.clearfix::after{
   clear: both;
}
.wrapper{
    width: 1200px;
    margin: 0 auto;
    /* background-color: #fff; */
}
.top{
    height: 351px;
    /* box-sizing: border-box; */
    background-color:rgba(0,0,0,0.5);
    position: relative;
    z-index: 2;
}
    .top .logo{
        float: left;
        margin-left: 30px;
        margin-top: 80px;
        width: 643px;
        /* height: 69px; */
    }
    .top .logo img{
       /* width: 600px; */
      /*  height: auto; */
    }
    .top .login{
        float: right;
        /* margin-top:30px; */
        width: 460px;
        height: 69px;
    }
        .top .login input:focus{
            outline: 0;
        }
        .top .login li{
            float: left;
            height: 30px;
            line-height: 30px;

        }
        .top .login input{
            margin-right: 5px;
            /* margin-top: 10px; */
            padding-left: 3px;
            width: 140px;
            height: 30px;
            line-height: 30px;
            border-radius: 8px;
            border:#0669db 1px solid;
        }
        .top .login button{
            /* float: right; */
            margin-right:15px;
            width: 70px;
            height: 32px;
            line-height: 30px;
            border-radius: 8px;
            background-color:#095bf3;
            color: #fff;
            font-size: 15px;
            font-weight: 500;
            border: 0;
    }
.search{
    float: right;
    /* margin: 8px auto; */
    padding-left: 8px;
    width: 250px;
    height: 32px;
    border:#0669db 1px solid;
    border-radius: 8px;
}
    .search input{
        float: left;
        width: 190px;
        padding-left: 10px;
        height: 28px;
        line-height: 28px;
        border: 0;
    }
    .search button{
        float: right;
        width: 40px;
        height: 30px;
        background-color: #095bf3;
        border: 0;
        border-radius: 6px;
        color: #fff;
        font-size: 15px;
        font-weight: 500;
    }
    .search input, button:focus{
        outline: 0;
    }

.banner-area {
    position: relative;
    z-index: 1;
}

    .banner-area:after {
        position: absolute;
        background-color: rgba(2, 24, 97, 0.9);
        background-image:url(../img/tknlg.jpg);
        width: 100%;
        height: 351px;
        content: "";
        left: 0;
        top: 0;
        z-index: -1;
    }

    .banner-area h2 {
        font-size: 40px;
        line-height: 75px;
        font-weight: 800;
        margin-bottom: 175px;
        color: #ffffff;
        text-align:center
    }

 

.banner-bg {
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    left: 0;
    top: 0;

}
.nav{
    height: 50px;
    padding:0 10px;
    border-bottom: 1px solid #0669db;

}
    .nav li{
        float: left;
        height: 49px;
        line-height: 50px;
        font-size: 16px;
        font-weight: 500;
        padding: 0 12px;

    }
    .nav a{
        text-decoration: none;
        padding: 0 5px;

    }
    .nav li a:hover{
        color: rgb(255, 255, 255);
        display: block;
        height: 30px;
        line-height: 30px;
        font-weight: bold;
        background-color: #0572f0;
        border-radius: 8px;
        margin-top: 10px;
    }
.lside{
    float: left;
    margin: 15px 5px;
    padding-bottom: 10px;
    width: 400px;
    background-color:#eeeeee;
    border-radius: 6px;

}

    .lside h1{
        margin: 0;
        height: 50px;
        line-height: 50px;
        font-size: 18px;
        font-weight: 500;
        background-color: #0676f7;
        text-align: center;
        color: #fff;
        border-radius: 6px 6px 0 0;

    }
    .lside h1 span{
        padding-right: 10px;
    }
    .lside li{
        margin:1px;
        padding-left: 35px;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #e3e3e3e3;
        font-size: 16px;
        color: #0669db;
        box-sizing: border-box;
    }
    .lside ul li:last-child{
        border: 0;
    }
    .lside a{
        display: block;
        text-decoration: none;

    } 
    .lside ul li:hover{
        color: #0676f7;
        background-color: #fff;
        border-left: 10px solid #095bf3;
 
    }
    .lside li span{
        float: right;
        margin-right: 20px;
        font-weight: bold;
        line-height: 48px;
    }
    .rside{
        float: right;
        margin: 15px 5px;
        width: 780px;
        /* height: 500px; */
        /* background-color: #f8f8f8; */
    }
    .rside ul li{
        margin: 10px auto;
        border-radius: 6px;
        background-color:#fbfbfb;
    }
    .rside ul li:first-child{
        margin-top: 0;
    }
    .rside ul li:hover{
        background-color:#fff;
        box-shadow:0px 1px 10px 0px rgba(10, 7, 177, 50%);
    }
    .rside h1{

        margin: 0;
        padding:20px 15px;
        font-size: 16px;
    }
    .rside h2{
        margin: 0;
        padding:8px;
        font-size: 14px;
        line-height: 20px;
        color: #949494;
    }
    .rside h2 .time{
        float: right;
    }
    .rside h2 span{
        margin-right: 50px;
    }
    .rside a{
        text-decoration: none;
    }
    .rside .title{
        font-size: 18px;
        font-weight: 700;
        color: #000;
    }
footer{
    height: 120px;
    padding-top: 20px;
    background-color:#0676f7;
    text-align: center;
    color: #fff;
    line-height: 24px;
    font-size: 14px;
}
.breadcrumbs{
    padding: 10px;
    line-height: 28px;
    color: #000;
    border-bottom: 1px solid #e3e3e3;
    background-color:#fbfbfb;
    font-size: 14px;
}
.breadcrumbs a{
    text-decoration: none;
}
.content-lbox{
    float: left;
    margin: 5px;
    width: 780px;
}
.content-rbox{
    float: right;
    margin: 15px 5px 5px 5px;
    width: 400px;
}
    .content-rbox h1{
        margin: 0;
        padding-left: 15px;
        height: 50px;
        line-height: 50px;
        border-radius: 6px 6px 0 0;
        background-color: #0676f7;
        font-size: 16px;
        color: #fff;
        box-shadow:0px 2px 10px 1px rgba(0,0,0,0.18);

    }
    .content-rbox ul{
        width: 370px;
        padding: 10px 0;
        margin-left: 15px;
        margin-bottom: 20px;
        border-radius:0 0 8px 8px;
        background-color: #f3f2f2;
        box-shadow:0px 2px 10px 1px rgba(0,0,0,0.18);
        list-style:disc;
    }
    .content-rbox li{
        padding-left: 15px;
        list-style-type:disc;
        line-height: 40px;
        white-space:nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        border-bottom:1px solid #e0e0e0;
    }
    .content-rbox li:hover{
        color: #0676f7;
        background-color: #fff;
    }
    .content-lbox h1{
        margin-left: 160px;
        width: 450px;
        font-size: 18px;
        font-weight: bold;
        line-height: 45px;
        text-align: center;
    }
    .content-lbox-info{
        float: left;
        width: 100%;
        margin: 15px 0;
    }
    .content-lbox img{
        margin: 15px auto;
        max-width: 400px;
        height: auto;
        display: block;
    }
    .content-lbox-info li{
        display: inline-block;
        width: 300px;
        margin: 10px;
        line-height: 40px;
        height: 40px;
        border-radius: 8px;
        background-color: #f3f2f2;
    }
    .content-lbox-info li:nth-child(2n){
        margin-left: 80px;
    }
    .content-lbox-info li span{
        display:inline-block;
        margin-right:10px;
        border-radius: 8px 0 0 8px;
        padding-left:10px ;
        height: 38px;
        width: 150px;
        background-color:#0676f7;
        color:#fff;
        text-align: right;
    }
    .content-lbox h2{
        font-size: 14px;
        display: block;
        line-height: 36px;
        margin: 0;
    }
    .content-lbox button{
        display: block;
        height: 60px;
        margin: 15px auto;
        background-color: #0676f7;
        border-radius: 8px;
        color: white;
        padding: 5px 30px;
        border: 0;
        font-size: 16px;
        font-weight: bold;
    }
    .content-lbox button:hover{
        color: #000;
        background-color: #ffffff;
        box-shadow: 0 0 10px 1px rgba(0,0,0,20%);
    }
    .member-login{
        margin: 10px auto;
    }
    .member-login span{
        display: inline-block;
        width: 150px;
        height: 30px;
        line-height: 30px;
        text-align: right;
        margin-right: 15px;
    }
    .member-login span red{
        color: red;
    }
    .member-login input{
        padding: 5px 10px;
        margin: 10px 0;
        height: 30px;
        width: 150px;
        border-radius: 8px;
        border: 1px solid #f3f2f2;
    }
    .member-login button{
        display: block;
        height: 40px;
        margin: 5px auto;
        background-color: #0676f7;
        border-radius: 8px;
        color: white;
        padding: 10px 20px;
        border: 0;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }
    .member-login button:hover{
        color: #000;
        background-color: #ffffff;
        box-shadow: 0 0 10px 1px rgba(0,0,0,20%);
    }
    .member-login textarea{
        width: 500px;
        height: 150px;
        padding: 10px;
        border-radius: 8px;
        border: 1px solid #f3f2f2;
        outline: #f3f2f2;
        resize: none;
        vertical-align: top;
    }