﻿
/* CSS Document */
.header{width:100%;height:93px;background:#fff;padding-bottom: 10px;}
.header_con{width:1200px;margin: 0 auto;}
.logo{ height:93px; overflow:hidden;}
.loginBox{ font-size:14px; color:#fff; line-height:20px;*width:400px;_width:400px;}
.loginBox a{float:left;color:#c80025;padding: 0px 10px;}
.loginBox a:hover{ text-decoration:underline;}
.loginBox span{ float:left;color:#c80025; margin-right:10px;}
.loginBox_rt{margin: 13px 0px;height: 20px;*text-align: right;_text-align: right;float: right;line-height: 20px;}
.loginBox_rt span{ *text-align:right;}
.tubiao{ display:block; float:left; width:auto; height:16px; padding-left:25px !important;}
.wb{background: url(/Content/Areas/Common/images/common/wb.png) no-repeat left center;}
.wx{background: url(/Content/Areas/Common/images/common/wx.png) no-repeat left center;position:relative;}
.wx_img{position:absolute;top:32px;left:0;z-index:99999;width:110px;display:none;}
.phone{background: url(/Content/Areas/Common/images/common/phone.png) no-repeat left center;}
.search_box form{width: 400px;height: 35px;line-height: 35px;float: right;font-size:12px;border: 1px solid #ccc;border-radius: 5px;}
.search_box form .searchTxt{width: 350px;padding-left: 10px;height: 35px;line-height: 35px;font-size: 14px;float:left;color: #bfbfbf;border: none;background: none;}
.search_box form .searchTxt:focus{ outline:none;}
.search_box form .searchBtn{background: url(/Content/Areas/Common/images/common/ss_btn.png) no-repeat center;width: 26px;height: 35px;border: none;cursor: pointer;float:left;text-align: center;}
.search_box form .searchBtn:hover{ background:url(/Sites/Uploaded/UserUpLoad/20161129/20161129140322.png) no-repeat center}


.loginBox form,input.searchBtn,#searchBox{
 transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s ;-webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s
}
@media only screen and (max-width: 1024px)
{
.header_con{ width:98%;}
 }

@media only screen and (max-width: 1000px)
{

.header{ background:none; height:70px;}
.logo{display:none;} 
.Mobilelogo{ display:block; width:52%; margin:0 auto; float:left;} 
.header_con{ width:100%;}
.loginBox{ display:none;}
.MobileloginBox{ display:block; width:100%; background:#c80025}
.MobileloginBox{ font-size:18px; color:#fff; line-height:56px; font-weight:bold;_width:400px;}
.MobileloginBox a.login{ padding-right:8px;}
.MobileloginBox a{ float:left; color:#fff; font-weight:bold;}
.MobileloginBox a:hover{ #color:#fff; text-decoration:underline;}
.Mobile .line_1{ float:left; display:block; padding:0 3px;}
.MobileloginBox form{ float:left;}
.MobileloginBox .searchBtn{ background:url( ../images/Mobileheader_left.jpg) no-repeat center center; height:56px; width:56px; border:none;}
 }
@media only screen and (max-width: 640px)
{
 .Mobilelogo img{ width:100%; height:auto;}
 }

@media only screen and (max-width: 340px)
{
}  