.baidu {
    /*float:left;*/
    margin:8px 0;
    margin-left:100px
}
.baidu form {
    position:relative
}
#Select {
    float:left;
    border:1px solid #ccc
}
.Select-box {
    text-align:center;
    float:left;
    position:relative
}
.Select-box ul {
    height:40px;
    position:absolute;
    left:-1px;
    top:0;
    z-index:9999;
    background:#fff;
    border:1px solid #ccc;
    border-top:none;
    overflow:hidden
}
.Select-box li {
    width:60px;
    line-height:40px;
    font-size:14px;
    color:#f5f5f5;
    border:0;
    cursor:pointer
}

.Select-box li:hover {
    background:#3385ff;
    color:#fff
}
.Select-box .this_s {
    color:#317ef3
}
.Select-box .this_s:hover {
    background:#fff;
    color:#317ef3
}
.qingkong {
    position:absolute;
    right:95px;
    top:12px;
    width:18px;
    height:18px;

    border-radius:18px;
    line-height:16px;
 
    display:none
}
.qingkong:hover {
   
}
.qingkong:active {
   
}
.content {
    width:1100px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:25%
}

.body {
    width:100%;
    height:auto;
    z-index:1
}
.bg-2 {
    padding-top:60px
}
.content {
    width:1100px;
    overflow:hidden;
    margin:30px auto
}
.nav-list {
    width:1100px
}
.mix-content {
    width:1120px;
    margin:0 auto;
    overflow:hidden
}
.left-tips {
    font-size:12px;
    color:#959595;
    float:left
}
.right-tips {
    font-size:12px;
    color:#959595;
    float:right
}
.tit-style2 {
    margin-top:35px;
    padding:0 50px;
    padding-top:30px;
    line-height:40px;
    border-top:2px solid #fff;
    border-bottom:2px solid #fff;
    display:inline-block
}
.min-tit {
    font-size:15px;
    color:#959595
}
.baidu-2 {
    width:100%;
    height:110px;
    margin:0 auto;
    background:0 0;

    z-index:1
}
.baidu-2 form {
    width:520px;
    margin:0 auto
}
.baidu-2 input {
    /*padding:13px 8px;*/
    opacity:.9;
    font-size:16px
}
#Select-2 {
    float:left
}
.Select-box-2 {
    text-align:center;
    float:left;
    position:relative
}
.Select-box-2 ul {
    height:40px;
    position:absolute;
    left:31px;
    top:0;
    z-index:9999;
    background:rgba(255,255,255,.9);
    border:none;
    overflow:hidden;
    border-radius: 10px 0 0 10px;
    width: 50px;
    border: 1px solid #ccc;
}
.Select-box-2 li {
    width:60px;
    line-height:35px;
    font-size:42px;
    color:#484848;
    border:0;
    cursor:pointer;
    width:50px
}
.Select-box-2 li img{
    width: 25px;
    height: 25px;
}

.Select-box-2 li:hover {
    background:#3385ff;
    color:#fff
}
.Select-box-2 .this_s {
    color:#317ef3;
    width:50px
}
.Select-box-2 .this_s:hover {
    background:0 0;
    color:#317ef3
}
#kw-2 {
    width:413px;
    outline:0;
    border:0px solid #ccc;
    background:#fff;
    color:#555;
    padding-left:8px;
    font-weight:500;
    height:40px;
    box-sizing:border-box
}
#su-2 {
    width:90px;
    background:#00f;
    border-top:#3385ff 1px solid;
    border-bottom:1px solid #2d78f4;
    color:#fff;
    cursor:pointer;
    outline:0;
    height:40px;
    border:none
}
#su-2:hover {
    background:#00f;
    border-bottom:1px solid #00f
}
#su-2:active {
    background:#00f;
    box-shadow:inset 1px 1px 3px #00f;
    -webkit-box-shadow:inset 1px 1px 3px #00f
}
.jianjie {
    width:1170px;
    z-index:1
}
.jj-list {
    width:350px;
    margin-right:25px;
    float:left;
    margin-bottom:20px;
    z-index:1
}
.jj-list-tit {
    font-size:16px;
    line-height:25px;
    color:#fff;
    padding-left:4px;
    z-index:1
}
.jj-list-con {
    overflow:hidden;
    z-index:1
}
.jj-list-con li {
    width:110px;
    margin:3px 3px
}
.link-3 {
    display:block;
    background:rgba(0,0,0,.35);
    color:#fff;
    font-size:13px;
    text-align:center;
    line-height:35px;
    padding:4px 0;
    border-radius:2px;
    transition:all .2s;
    z-index:1
}
.link-3:hover {
    background:rgba(0,0,0,.45);
    font-size:15px;
    font-weight:700
}

div#baidu {
    width:80px;
    height:1.2rem;
    box-sizing:border-box;
    text-align:center
}
.baidu-2 form {
    max-width:520px;
    width:107%;
    display:flex;
    justify-content:space-between;
    height:1.2rem;
    padding:0;
    z-index:2;
    margin-bottom: 2px;
}
.in5 {
    width:calc(100% - 160px);
    position:relative;
    box-sizing:border-box
}
div#qingkong {
    position:absolute;
    right:8px;

    transform:translateY(-50%);
    line-height:25px;
    color:#676262
}
#close {
    display: inline-block;
    width: 18px;
    height: 2px;
    background: #9e9e9e;
    transform: rotate(45deg);
}
#close::after {
    content: '';
    display: block;
    width: 18px;
    height: 2px;
    background: #9e9e9e;
    transform: rotate(-90deg);
}

input#su-2 {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width:80px;
    box-sizing:border-box
}
#kw-2 {
    width:100%;
    border-left:none;
    border-right:none
}
@media screen and (min-width: 481px) and (max-width:768px) {
    ul.keylist {
    width: calc(100% - 39px)!important;
    max-width: 460px;
    left: -20px;
}
div.in5 {
    width:calc(100% - 0px)
}
input#su-2 {
    position:absolute;
    right:-40px
}
div#qingkong {
    right: 48px;
    }
.Select-box-2 ul {

    left: -50px;
    }
    div#baidu {
    width: 0px;
    height: 1.2rem;
    box-sizing: border-box;
    text-align: center;
}

}

ul.keylist li {
    float:none;
    padding:5px 15px
}
.keylist li:hover {
    background-color:#f1f1f1
}
.keylist li.active {
    background-color:#f1f1f1
}
@media screen and (min-width:1200px) {
   .keylist { 
        width: calc(80% - 60px)!important;
}
}
@media screen and (min-width:993px) {
    .baidu-2 {

    width:100%;
    height:110px;
    margin:0 auto;
    background:0 0;
    padding-top: 48px;
    z-index:1
}
}
@media screen and (min-width:993px) and (max-width:1200px)  {
    .keylist { 
    width: calc(81% - 65px)!important;
    max-width: 460px;
 
}
}

@media screen and (min-width:769px) and (max-width:992px)  {
    .baidu-2 {

    width:100%;
    height:110px;
    margin:0 auto;
    background:0 0;
    margin-top: 78px;
    z-index:1
}
}

@media screen and (min-width: 481px) and (max-width:768px) {
    *{margin:0;
    padding:0
}
body,html {
    height:100%;
    width:100%
}


.content {
    width:15rem;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items:center;
    position:absolute;
    top:26%
}
.baidu {
    position:relative;
 
    height:2.6rem;
 
}
.baidu-2 {
    height:2.6rem;
    width: 50%;
    margin-top: 78px;
}
#Select-2 {
    position:absolute;
    left:0
}
.Select-box-2 {

    float:none
}
.Select-box-2 li {

    float:none
}
#kw-2 {

    border-radius: 0px;
    border:0;
    position:absolute;
    padding-left:10px;

}
#su-2 {
    width:3rem;
    text-align:center;
    line-height:0;
    position:absolute;
    background-color:#00f;
    border-color:#00f;
    right:1rem;
    border-radius:0;

}
#su-2:hover {
    background-color:#00f
}
#su-2:avtive {
    background-color:#00f;
    box-shadow:none
}
.content div {
    width:100%
}
.content li {
    width:4.69rem
}

input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance:none
}
textarea {
    -webkit-appearance:none
}
}
@media screen and (max-width:480px) {
    ul.keylist {
    width:calc(80% - 0px)!important;
    top: 10px;
    margin-left: -12px;
}
div.in5 {
    width:calc(108% - 80px);
    margin-left: -20px;
}
input#su-2 {
    position:absolute;
    right:0
}
}
.keylist {
    max-width:360px;
    width:calc(80% - 160px);
    box-sizing:border-box;
    z-index:52;
    margin:auto
}
ul.keylist {
    outline:0;
    background:#f5f5f5;
    color:#555;
    font-weight:500;
    position:relative;

    border-top: 0;
}
ul.keylist li {
    float:none;
    padding:5px 15px;
    list-style-type: none;
}
.keylist li:hover {
    background-color:#f1f1f1
}
.keylist li.active {
    background-color:#ccc
}


@media screen and (max-width:480px) {
    *{margin:0;
    padding:0
}
body,html {
    height:100%;
    width:100%
}
.header{
    height: 55px;
}
.logo img{
    width: 91%;
    height: auto;
}
div#qingkong {
    top: 10px;
    right: 18px;
    }
.content {
    width:15rem;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items:center;
    position:absolute;
    top:26%
}
.baidu {
    position:relative;
    width:100%;
    height:2.6rem;

}
.baidu-2 {
    height:2.6rem;
    margin-top: 78px;
}
#Select-2 {
    position:absolute;
    left:0
}
.Select-box-2 {
    display:none;
    float:none
}
.Select-box-2 li {
    background-color:#ff0;
    display:none;
    float:none
}
#kw-2 {
    
    height:35px;
    border:0;
    position:absolute;
    padding-left:10px;
    border-radius: 10px 0px 0px 10px;
    font-weight: 500;
    color: #555;
}
#su-2 {
    width:3rem;
    text-align:center;
    line-height:0;
    position:absolute;
    background-color:#00f;
    border-color:#00f;
    right:1rem;
    border-radius:0;
    height:35px
}
#su-2:hover {
    background-color:#00f
}
#su-2:avtive {
    background-color:#00f;
    box-shadow:none
}
.content div {
    width:100%
}
.content li {
    width:4.69rem
}
.footer {
    display:block;
}
.footer1 {
    display:block;
    text-align:center;
    position:relative;
    padding-top:10px;
    bottom:0;
    color:#fff
}
input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance:none
}
textarea {
    -webkit-appearance:none
}
}