@charset "UTF-8";
.support_brand-top-bg{width:100%;height:500px;background:center no-repeat}
.support_brand-top{padding-top:166px}
.support_brand-top>h1{font-size:44px;color:#fff;text-align:center;padding-bottom:40px}
.support_brand-top-input{width:590px;height:56px;margin:0 auto;position:relative}
.support_brand-top-input>input{background:transparent;width:100%;border:1px solid #fff;-webkit-border-radius:28px;-moz-border-radius:28px;border-radius:28px;padding-left:34px;padding-right:100px;font-size:18px;color:#fff}
.support_brand-top-input>input::-webkit-input-placeholder{color:rgba(225,225,225,.7)}
.support_brand-top-input>input::-moz-placeholder{color:rgba(225,225,225,.7)}
.support_brand-top-input>input:-moz-placeholder{color:rgba(225,225,225,.7)}
.support_brand-top-input>input:-ms-input-placeholder{color:rgba(225,225,225,.7)}
.support_brand-top-input>i{position:absolute;top:20px;right:40px;cursor:pointer}
.support_brand-top-input>a{margin-top:22px;font-size:18px;color:gray}

@media (max-width:767px){.support_brand-top-bg{height:auto;background:#222!important;padding-bottom:.96rem}
.support_brand-top{padding:.7rem .8rem 0}
.support_brand-top>h1{font-size:.56rem;padding-bottom:.48rem}
.support_brand-top-input{width:100%;height:.8rem;margin:0}
.support_brand-top-input>input{padding:.11rem 0;border:1px solid #bdbdbd;-webkit-border-radius:.4rem;-moz-border-radius:.4rem;border-radius:.4rem;padding-left:.45rem;padding-right:1.2rem;font-size:.38rem}
.support_brand-top-input>i{top:.22rem;right:.44rem}
.support_brand-top-a{width:9.2rem;margin:.32rem auto 0;padding-left:.42rem}.support_brand-top-a>a{margin-right:.42rem;font-size:.32rem}}
.support_brand-href{padding:10px 0 30px}

@media (min-width:768px){.support_brand-href.item-box-3 .item-box{width:32.5%;margin-right:1.25%}
.support_brand-href.item-box-3 .item-box:nth-child(3n){margin-right:0}
.support_brand-href.item-box-4 .item-box{width:24.375%;margin-right:.8333333%}
.support_brand-href.item-box-4 .item-box:nth-child(4n){margin-right:0}}
.support_brand-href .item-box{margin-bottom:10px;float:left;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.support_brand-href .item-box:hover{-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-ms-transform:translateY(-4px);-o-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 10px 40px 1px rgba(0,0,0,.1);-moz-box-shadow:0 10px 40px 1px rgba(0,0,0,.1);box-shadow:0 10px 40px 1px rgba(0,0,0,.1);-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.support_brand-href .item{width:100%;height:168px;border: 1px solid #ddd;border-radius: 8px;background:#fff;overflow:hidden;position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}
.support_brand-href .item-img{height:100%}
.support_brand-href .item-img>img{height:100%;width:auto}
.support_brand-href p{text-align:center;font-size:15px;color:#777;position:absolute;line-height:25px;width:100%;left:0;top:130px}

@media (max-width:767px){.support_brand-href{padding:.38rem .4rem .68rem}
.support_brand-href .item-box{width:4.9rem;margin-bottom:.2rem}
.support_brand-href .item-box:nth-child(odd){margin-right:.2rem}
.support_brand-href .item{width:100%;height:2.998rem}
.support_brand-href p{top:2.4rem;font-size:.32rem;line-height:1}}

@media (max-width:767px){.support_brand-contact{padding-bottom:.68rem;padding-left:.8rem;padding-right:.8rem}
.support_brand-contact>h1{line-height:2rem;font-size:.56rem}
.support_brand-contact .item-box{max-width:100%}
.support_brand-contact .item-img{width:.9rem;height:.9rem;margin:0 auto}
.support_brand-contact .item-img>img{width:100%}
.support_brand-contact p{line-height:.48rem;font-size:.32rem;padding:.2rem 0}}

@media (min-width:767px){.support_brand-top-input>input{height:58px;line-height:58px}}