﻿/*------------------------头部---------------*/
#toubiao{ height:73px;}
.closeBtn{ background:url(img/closeBtn.png) no-repeat 0 0px; height:31px; width:31px; position:absolute; z-index:2; display:block; cursor:pointer; right:50px; top:20px;}
.zhuanti{ background:url(img/20140730top_img.jpg) no-repeat center 0px; width:960px; display:block; height:73px; margin:0px auto; position:absolute; z-index:1}


.header{ background:url(img/topNav_bg.jpg) repeat-x 0 0px;}
.topNav{ height:31px; line-height:31px; width:955px; margin:0px auto; color:#4b4b4b}
.topNav a{margin:0 5px;}
.topRight{ float:right}
.topRight a{ margin:0 5px;}
.topRight a.bg1{ background:url(img/ico1.jpg) no-repeat 0 3px; padding:5px 0 5px 25px;}
.topRight a.bg2{ background:url(img/ico2.jpg) no-repeat 0 3px; padding:5px 0 5px 20px;}
.topRight a.bg3{ background:url(img/ico3.jpg) no-repeat 0 3px; padding:5px 0 5px 20px;}
/*LOGO 搜索*/
.logo_search{ width:955px; margin:0px auto; height:85px; padding:25px 0px;}
.searchBox{ width:370px; float:right; margin:15px 0 0 0px;}
.selectbox{border: 1px solid #C0C0C0;width: 62px;height: 28px;clip: rect( 0px, 60px,16px, 0px );overflow: hidden; float:left; line-height:28px;}
.select_con{position: relative;border: 1px solid #F4F4F4;width:60px;height: 15px;clip: rect( 0px, 80px, 15px, 0px );overflow: hidden; height:28px; line-height:28px;}
.selectbox select{position: relative; width:67px;left: -2px;top: -2px;color: #909993; line-height:28px; font-size:14px; padding:5px;}


.searchTxt{ width:137px; height:28px; line-height:28px; padding:0 5px; border:solid 1px #abbfc5; background:#fbfbfb; border-right:none; float:left; display:inline;outline:none;}
.searchBtn{ background:url(img/searchBtn.jpg) no-repeat 0 0px; width:36px; height:30px; display:block; border:none; cursor:pointer; display:inline;outline:none;}
.searchBtn:hover{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.searchBox p{ height:25px; line-height:25px; font-size:14px; color:#666; margin:10px 0 0 0px;}
.searchBox p a{ color:#666;padding:0 3px}
.Moveblie{display:none;}
/*----------------------------------------------响应式-------------------------------------------------------*/

@media only screen and (max-width:768px){
div.Moveblie{display:block;float:right;width:30%;line-height:28px;text-align:center;}
.header{ background:none;margin-top:60px}
.topNav{ display:none;}
.logo_search{ width:100%; height:auto; padding:20px 0 10px;}
.searchBox{ float:none; margin:0 0 15px; width:100%}
.searchBox form{float:left;width:60%;padding-left:10%}
.searchBox p,.selectbox,.logopng{display:none;}
.searchTxt{width:80%;border-radius:14px;box-shadow:none;padding:0 10px} 
.logo img{ display:none;}
.logo a{width:100%; margin:0 auto; display:block;}
.logo a img{ display:block;max-width:100%;margin:0 auto}
input.searchBtn{background:url(img/20150330180233.png) no-repeat center;background-size:60% auto;margin-left:-10%}
}
@media only screen and (max-width:640px){
.searchBox{ width:100%;}
.searchTxt{ width:80%;}
.logo a{ width:100%;}
}
@media only screen and (max-width:640px){
input.searchBtn{margin-left:-15%}
} 