﻿/*------------------------头部---------------*/
/*
 颜色：#2076bd;
 宽度：1200px;
*/
/*顶部*/
.header {
 box-shadow: 0 0 0.52vw #ccc;
}
.header_top{width: 93vw;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.header_topIn{ width:1200px; margin:0 auto; font-size:12px; color:#fff}
.arrow{ background:url(/Content/Areas/Common/images/common/icon1.png) no-repeat left center; height:41px; position:relative; display:block}
.arrow ul{ display:none; position:absolute; width:85px; background:#fff; left:12px; text-align:center;}
.arrow ul li{ line-height:32px;}
.arrow ul li:hover{ background:#2076bd; color:#fff;}
.arrow ul li a{ display:block;}
.arrow ul li a:hover{ color:#fff;}
.arrow .current{ padding-left:35px; background:url(/Content/Areas/Common/images/common/icon2.png) no-repeat right center; color:#fff; display:block; width:60px;}
.arrow .current:hover{ color:#fff;}
.login_l{ _width:179px}

.login_r #header_QRCode{cursor: pointer; background: url(/Sites/Uploaded/UserUpLoad/20170522/20170522153618.png) no-repeat; width: 24px;height: 24px;float: left; margin: 8px 10px 0 0;}
.login_r #header_QRCode .title,.login_r .impowerBox .info{display: none;}
.login_r #header_QRCode .impowerBox .qrcode {width: 120px;position: absolute;right: -50px;top: 10px;}

.login_r span{ float:left;}
.login_r a{ color:#fff}
.login,.register{ float:left; }
.line{ margin:0 8px; font-size:14px;}
/*关注我们样式*/
.FollowUs{ margin-left:25px;}
.FollowUs a{ display:block; width:35px; height:41px; float:left}
.FollowUs .weixin{ background:url(/Content/Areas/Common/images/common/weixin.png) no-repeat center; margin:0 5px; position:relative}
.FollowUs .sina{ background:url(/Content/Areas/Common/images/common/sina.png) no-repeat center; position:relative}
.weixin_img{ width:120px; height:auto; position:absolute; top:41px; left:-39px; z-index:10000; display:none;}
.sina_img{width:120px; height:auto; position:absolute; top:41px; left:-20px; z-index:10000; display:none;}
/*logo样式*/
.header_bottomIn{ width:1200px; margin:0 auto;height:108px;}
.logo{}
/*搜索样式*/
.search_box{ margin-top:35px;}
.searchType_simulate{ float:left; position:relative}
.searchType .searchChoose{ height:34px; line-height:34px; text-align:center; width:60px; float:left; cursor:pointer; border:1px solid #6b7176; border-right:none;}
.searchType .searchDownList{ background: #fff;font-size: 12px;left: 0;position: absolute;text-align: center;top: 36px;width:62px; z-index: 10000;}
.searchType .searchDownList li{ cursor:pointer; line-height:32px;}
.searchtxt{border: 1px solid #6b7176;float: left;height: 34px;padding: 0 10px;width: 253px;color: #4b5256;line-height:34px;}
.searchbtn { background:#6b7176 url(/Content/Areas/Common/images/common/search.png) no-repeat center; width:45px; height:36px; float:left; border:none; border-radius:0 4px 4px 0;cursor:pointer;}
.searchbtn:hover{ opacity:0.8}

.phone-header-top .header_top_right{
	display: none;
 }
 .phone-header-top{
 transition: transform 0.3s;
}
.header_top_right a {
 color: #333333;
 border-radius: 5.2vw;
 opacity: 1;
 display: flex;
 padding: 0.4vw 0.8vw;
 font-size: 0.83vw;
 transition: all 0.3s;
}
.header_top_right a:hover {
 background: #00A8B1;
 color: #fff;
}
.header_top_right {
 display: flex;
}

.header_top_right a.active {
 background: #00A8B1;
 color: #fff;
}
.logo img {
  height: 3.3333vw;
}

.header-right {
 display: flex;
 align-items: center;
}
@media only screen and (max-width: 768px){
	.phone-header-top{
		display: flex;
	}
 .header-right {
 display: flex;
 flex-direction: row-reverse;
 /* width: 55%; */
}
.header_top .phone-header-top .header_top_right{
	display: block;
	padding: 10px;
}
.header_top .header_top_right{
	display: none;
}
.phone-header-top.phone_move{
 -webkit-transform: translateX(-180px);
 -moz-transform: translateX(-180px);
 -ms-transform: translateX(-180px);
 -o-transform: translateX(-180px);
 transform: translateX(-180px);
}
.header_topIn,.header_bottomIn,.header{ width:100%; padding:0 10px; box-sizing:border-box}
.header_top{/* display:none; */width: 100%;padding: 2vw 0;}
.header_bottomIn{ width:100%}
.search_box{ display:none;} 
 .logo img {
 height: 9vw;
}

.header_top_right a {
 font-size: 2.4vw;
 display: inline-block;
 vertical-align: bottom;
 /* line-height: initial; */
}
}  