body{
    background: #fff;
    min-width: 1300px;
}
.top{
    background:#f8f8f8;
    border-bottom:1px solid #e6e6e6;
    font-size: 0.9em;
    padding:5px;
}
.top > div,.nav > ul ,.content  .kuai,.link .kuai{
    width: 1200px;
    margin:0 auto;
}
.top span{
    float: right;
}
.header {
    height:167px;
    position: relative;
    text-align: center;
    background: -webkit-linear-gradient( top,#35c5f4, #e7f3fd); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient( top,#35c5f4, #e7f3fd); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient( top,#35c5f4, #e7f3fd); /* Firefox 3.6 - 15 */
    background: linear-gradient( top,#35c5f4, #e7f3fd); /* 标准的语法 */
}
.header::before{
    content:"";
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:url(../images/head_img_bg.png) no-repeat;
    background-position: center center
}
.header > div{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    text-align: left;

}

.search{
    position: absolute;
    top: 55px;
    right:0;
    line-height: 26px;
    border-radius: 27px;
    background: #fff;
    padding-left: 10px;
    overflow: hidden;
}
.search input[type="text"]{
    border: 1px solid #fff;
    border-right: none;
    line-height: 34px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 400px;
    padding-left: 28px;
    background: url(../images/search-icon.png) no-repeat;
    background-size: auto 70%;
    background-position: 0 center;
}
.search input[type="button"]{
    background: #0181d1;
    color: #fff;
    border: 1px solid #0181d1;
    line-height: 34px;
    padding: 0 21px;
    border-radius: 20px;
}

/*导航*/
.nav{
    background:#1561af;
    line-height: 40px;
    font-size: 17px;
}
.nav li{
    display: table-cell;
    width: 1%;
    text-align: center;
}

.nav li a{
    display: block;
    color:#fff;
}
.nav li a:hover{
    background:#4788d7;
}


.link{
    text-align:center;
    border-top:2px solid #be2c3e;
    background:#f6f6f6;
    padding:15px 0;
    margin-top: 20px;
}

.link a{
   color:#355e92
}
.link a + a{
    margin-left:61px
}


/*底部*/
.footer{
    padding:20px ;
    color: #fff;
    background:#355e92;
    line-height: 26px;
    font-size: 0.9em;
    text-align: center;
}
.footer a{
    color:#fff!important
}
/*分页*/
.fenye{
    background:#E3E3E3;
    padding:8px 15px;
    color:#383838;
    border:1px solid #d2d2d2
}
.fenye .btn{
    background: #fff;
    padding: 3px 8px;
    border-radius:4px;
    margin: 0 17px;
    border:1px solid #d2d2d2;

}
.fenye input{
    border: none;
    background: #fff;
    border-radius:4px;
    margin: 0 10px;
    width: 39px;
    text-align: center;
    font-size: 14px;
    vertical-align: top;
    line-height: 24px;
    color:#383838;
    border:1px solid #d2d2d2
}


*{margin:0;padding:0;box-sizing:border-box;list-style:none;font-family:"微软雅黑"}
ul{list-style:none}
a{text-decoration:none}
.logout-solution-wrap{width:100%;background:#fff}
.logout-solution{max-width:1200px;margin:0 auto;position:relative}
.logout-solution .title{width:100%;line-height:56px;font-size:40px;color:#333;text-align:center;padding-top: 124px;}
.logout-solution .title a{float:right;text-decoration:none;font-size:14px;color:#108ee9;letter-spacing:0;text-align:right;position:absolute;right:0}
.logout-solution .title a:hover{text-decoration:underline}
.lsbs{height:330px;margin-top:25px}
.lsbs-container>div:first-child,.lsbs-container>div:first-child a{border-radius:4px 0 0 4px}
.lsbs-container>div:last-child,.lsbs-container>div:last-child a{border-radius:0 4px 4px 0}
.lsb-background{width:521px;height:300px;float:left}
/* .lsb-background:nth-child(1){background: url(../images/bg1.png) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;} */
.lsb-background:nth-child(1){background: url(../images/bg2.png) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
/* .lsb-background:nth-child(3){background: url(../images/bg3.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;} */
.lsb{width:100%;height:100%;padding:0 60px;background:rgba(0,0,0,0);text-align:center;position:relative;transition:all .7s;display:block;overflow:hidden}
.lsb:hover{cursor:pointer;background:rgba(2,137,255,.9)}
.lsb:hover .lsb-icon{margin-top:-44px}
.lsb:hover .lsb-name{margin-top:75px}
.lsb:hover .lsb-span{margin-top:28px}
.lsb:hover .lsb-introduce{margin-top:16px}
.lsb:hover .lsb-href{margin-top:135px}
.lsb-icon{width:44px;height:44px;margin:auto;margin-top:80px;transition:all .5s}
.lsb-icon img{width:100%;height:100%}
.lsb-name{font-size:24px;color:#fff;margin-top:24px;line-height:33px;transition:all .5s}
.lsb-span{width:24px;height:4px;background:#fff;transition:all .5s;margin:auto;margin-top:24px}
.lsb-introduce{font-size:14px;color:#fff;display:-webkit-box;transition:all .5s;margin-top:136px}
.lsb-href{width:144px;height:40px;padding:7px 18px;border:1px solid #fff;border-radius:2px;text-decoration:none;transition:all .5s;margin:auto;margin-top:300px;color:#fff}
.lsb-href>div{width: 108px;}
.lsb-href span{font-size:16px;line-height:22px;}
.lsb-href .icon-jinru{width:8px;height:22px;line-height:22px;font-family:iconfont!important;font-style:normal;float:right;color:"#fff";font-size:16px}
.lsb-href:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0}
.lsb-href:hover{background:#fff;color:#108ee9}
.lsb-href:hover .icon-jinru{color:#108ee9}