/*------------------------头部---------------*/
.header{width:980px;padding:15px 0 5px;margin:0 auto}

.HeadR{float:right;text-align:right;}

.searchBox{padding:1px;background:url(../images/Frombg.jpg) no-repeat;width:278px;height:32px;float:right; margin-top:45px;}
.searchBox .searchtxt{display:block;float:left;height:26px;line-height:26px;border:none;padding:2px 5px;background:none;width:205px}
.searchBox .searchbtn{display:block;float:left;height:30px;border:none;background:none;width:52px;text-indent:1000px;overflow:hidden;cursor:pointer;}
.searchBox .searchbtn:hover{background:url(../images/Frombtn.jpg) no-repeat;}


.selectbox{border: 1px solid #C0C0C0;width: 63px;height: 30px;clip: rect( 0px, 60px,16px, 0px );overflow: hidden; float:left; line-height: 30px;border-top: none;border-left: none;margin-left: 2px;}
.select_con{position: relative;width:60px;clip: rect( 0px, 80px, 15px, 0px );overflow: hidden; height: 36px; line-height: 36px;}
.selectbox select{position: relative; width:67px;left: -2px;top: -2px;color: #909993; line-height:28px; font-size:14px; padding:5px;border: none;}

.HomeLogo{ float:left}

@media only screen and (max-width:768px){
 .header{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz--webkit-box-sizing:border-box;padding:56px 15px 15px}
 .HomeLogo{width:54%;}
 .HomeLogo img{display:block;width:100%}
 .HeadTop .logspan,.selectbox{display:none}
}
@media only screen and (max-width:640px){
 .HeadR{float:none;width:100%;text-align:center;}
 .searchBox{float:none;margin:0 auto;width:100%}
 .HomeLogo{display:none;}
 .HeadTop{margin:0 0 6px;font-size:1.2em}
 .searchBox{background:none}
 .searchBox .searchtxt{width:84%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz--webkit-box-sizing:border-box;border:1px solid #DDD;border-right:none;height:30px;}
 .searchBox .searchbtn{width:16%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz--webkit-box-sizing:border-box;background:url(../images/Frombtn.jpg) no-repeat 0 0;}
}