@charset "utf-8";
 
 

.searchx{position:relative;background:#01c5fd;padding:2% 0}
.searchx .containerx{margin:0 auto;*zoom:1}
.searchx .containerx:after,.searchx .containerx:before{content:"";display:table}
.searchx .containerx:after{clear:both}
.searchx .containerx .searchx-ipt{float:left;width:300px;position:relative;*zoom:1}
.searchx .containerx .searchx-ipt:after,.searchx .containerx .searchx-ipt:before{content:"";display:table}
.searchx .containerx .searchx-ipt:after{clear:both}
.searchx .containerx .searchx-ipt input{position:absolute;width:63%;height:50px;padding:0 2%;border:0;font-size:16px;border:1px solid #032b36;left:0;top:5px;background:url(searchx-icon.png) #fff no-repeat 93% center}
.searchx .containerx .searchx-ipt button{background:#032b36;height:60px;padding:0 35px 0 50px;border:0;font-size:13px;color:#fff;float:right}
.searchx .containerx .seach-title{position:absolute;top:19px;left:0;width:40%;height:70px;background:#032b36;color:#fff;text-align:left;padding-top:20px}
.searchx .containerx .seach-title h2{padding-left:20%;font-weight:400;font-size:18px;line-height:30px}
.searchx .containerx .seach-title i{padding-left:20%;opacity:.5}
@media (min-width:768px){
.searchx .containerx .searchx-ipt{width:400px}
.searchx .containerx .searchx-ipt input{width:68%}
.searchx .containerx .searchx-ipt button{font-size:16px}
.searchx .containerx .searchx-title{color:#032b36;font-weight:400;height:85px}
.searchx .containerx .searchx-title h2{font-size:25px;line-height:46px;padding-left:15%}
.searchx .containerx .searchx-title i{padding-top:5px;font-size:13px;padding-left:15%}
}
@media (min-width:992px){
.searchx .containerx{width:990px}
.searchx .containerx .searchx-ipt{width:500px}
.searchx .containerx .searchx-ipt input{width:68%}
.searchx .containerx .seach-title{height:100px;padding-top:30px}
.searchx .containerx .seach-title h2{font-size:30px;line-height:46px;padding-left:15%}
.searchx .containerx .seach-title i{padding-top:5px;font-size:16px;padding-left:15%}
}
@media (min-width:1200px){
.searchx{width:100%;padding:45px 0 5px}
.searchx .containerx{width:1200px}
.searchx .containerx .searchx-ipt{width:706px;position:relative;*zoom:1}
.searchx .containerx .searchx-ipt:after,.searchx .containerx .searchx-ipt:before{content:"";display:table}
.searchx .containerx .searchx-ipt:after{clear:both}
.searchx .containerx .searchx-ipt input{position:absolute;width:76%;height:50px;padding:0 2%;border:0;font-size:16px;left:0;top:5px}
.searchx .containerx .searchx-ipt button{background:#032b36;height:60px;padding:0 35px 0 50px;border:0;font-size:18px;color:#fff;float:right}
.searchx .containerx .seach-title{height:114px;padding-top:50px}
.searchx .containerx .seach-title h2{font-size:30px;line-height:46px}
.searchx .containerx .seach-title i{padding-top:5px;font-size:16px}
}
.two-searchx{padding:25px 0}
.two-searchx .containerx .seach-title{height:75px;padding-top:25px}
.searchx{position:relative;width:100%;background-color:#f8fafb}
.searchx .containerx .icon{width:52px;height:70px;border-radius:30px;position:absolute;top:-25px;left:50%;margin-left:-26px;background:url(public-icon.png) #f8fafb no-repeat center center}
.searchx .containerx .searchx-title{width:30%;margin-left:5%;float:left;line-height:54px}
@media screen and (min-width:1200px){
.searchx .containerx .searchx-title{font-size:32px}
.searchx .containerx .searchx-ipt{width:647px}
}
@media screen and (max-width:1200px) and (min-width:992px){
.searchx .containerx .icon{width:45px;height:60px;background-size:60%}
.searchx .containerx .searchx-title{font-size:26px}
.searchx .containerx .searchx-ipt{width:500px}
}
@media screen and (max-width:992px) and (min-width:762px){
.searchx .containerx .icon{width:40px;height:53px;background-size:55%}
.searchx .containerx .searchx-title{font-size:20px}
.searchx .containerx .searchx-ipt{width:450px}
}
@media screen and (max-width:762px) and (min-width:650px){
.searchx .containerx .icon{width:40px;height:53px;background-size:50%}
.searchx .containerx .searchx-title{font-size:16px}
.searchx .containerx .searchx-ipt{width:400px}
}
@media screen and (max-width:650px) and (min-width:450px){
.searchx .containerx .icon{width:30px;height:38px;background-size:50%;top:-10px;margin-left:-15px}
.searchx .containerx .searchx-title{font-size:16px;width:100%;margin-left:0;text-align:center}
.searchx .containerx .searchx-title{float:none;margin-top:15px;line-height:30px}
.searchx .containerx .searchx-ipt{width:70%;float:none;margin:0 auto}
.searchx .containerx .searchx-ipt input{height:30px}
.searchx .containerx .searchx-ipt button{height:40px}
}
@media screen and (max-width:450px){
.searchx .containerx .icon{width:30px;height:38px;background-size:50%;top:-10px;margin-left:-15px}
.searchx .containerx .searchx-title{font-size:16px;width:100%;margin-left:0;text-align:center}
.searchx .containerx .searchx-title{float:none;margin-top:15px;line-height:30px}
.searchx .containerx .searchx-ipt{width:90%;float:none;margin:0 auto}
.searchx .containerx .searchx-ipt input{height:30px}
.searchx .containerx .searchx-ipt button{height:40px}
}
@media screen and (max-width:375px){
.searchx .containerx .icon{width:20px;height:27px;background-size:60%;top:-10px;margin-left:-10px}
}