.clear:after{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0
}
.clear{
    zoom:1
}
.f-l{
    float:left;
}
.f-r{
    float:right;
}
body{
    padding: 0;
    margin:0;
    min-width: 1200px;
}
#index{
    display: block;
}
#support{
    display: none;
}
.support_bg{
    width:100%;
}
.support_bg img{
    width:100%;
}
.support-con{
    width:1020px;
    margin:40px auto;
    box-sizing:border-box;
}
.support_left,.support_right{
    width:48%;
    box-sizing:border-box;
}
.support_left{
    padding:0px 30px 20px 30px;
}
.support_left .link-tit{
    /* margin-bottom: 40px; */
    font-size: 32px;
    color: #222222;
}
.support_left p{
    font-size: 18px;
    margin-top: 3%;
}
.support_right{
    box-sizing:border-box;
    padding:10px 20px;
    /* border:1px solid #ccc; */
    /* text-align: center; */
}
.support_right .link-tit{
    text-align: left;
    font-size: 32px;
    color: #222222;
}
.textarea-block{
    box-sizing:border-box;
    width:100%;
    height:140px;
    margin:20px 0px;
    resize:none;
}
.confirm-btn{
    width:50px;
    height:30px;
    line-height: 30px;
    margin:0 auto;
}
.head-top{
    width:100%;
    min-width: 1200px;
    background-color: #f3f3f3;
}
.head-con{
    width:1200px;
    margin-left:50px;
    margin-top:3px;
    box-sizing: border-box; 
}

.head-left{
    width:50px;
}
.head-left img{
    width:100%;
    padding-top: 5px;
}
.head-right{
    height:60px;
    line-height: 60px;
    padding-left:100px;
}
.head-right-list li{
    float:left;
    font-size:16px;
    color:#302c2c;
    margin:0px 15px;
    font-weight:bold;
    cursor: pointer;
}

.head-right-list li:hover{
    color:#00a1e9;
}
.head-right-list .active{
    color:#00a1e9;
}

.login-btn{
    height:26px;
    border-radius:10px;
    padding:0px 16px;
    font-size:16px;
    color:#fff;
    margin:0px 15px;
    margin-top:15px;
    font-weight:bold;
    background-color: #00a1e9;
}
.login-btn text{
    line-height: 26px;
}

.banner-con{
    width:100%;
}
.banner-con img{
    width:100%;
}

.content{
    width:1020px;  
    margin:0 auto;
    margin-top:60px;
    padding-bottom:60px;
    border-bottom:2px solid #eee;
}
.content img{
    width:100%;
}
.main{
  margin-bottom:80px;
}
.main-title{
    width:160px;
    margin:0 auto;
    margin-top:60px;
    margin-bottom:20px;
}
.main-title img{
    width:100%;
}
.main-con{
    width:100%;  
    /* margin:0 auto; */
}
.main-con img{
    width:100%;
}
.bottom{
    width:1100px;
    margin:0 auto;
}
.bottom img{
    width:100%;  
}