﻿/*------------------------头部---------------*/
.header{
 color: #F2C473;
 }
.header_YuanQin{
 background: url(/Sites/Uploaded/UserUpLoad/20250527/20250527133038.png) no-repeat top center;
 background-size: cover;
}
 .headerIn {
 width: 1280px;
 margin: 0 auto;
 padding: 30px 0 20px;
 }
/*
 颜色：#2076bd;
 宽度：1200px;
*/
/*顶部*/
.vison a {
 color: #F2C473;
 border-right: 1px solid #F2C473;
 text-align: center;
 box-sizing: border-box;
 padding: 0 20px;
}
.vison a.active{
 border: none;
 background: #0383cf;

}
.vison a:hover{
 background: none;
 text-decoration: underline;
}
.header_left.fl {
}

.header_right.fr {
 margin-top: 7px;
}

.vison {
 overflow: hidden;
 float: left;
}

.search_box {
 float: left;
 margin-right: 86px;
}

.login_r {
 float: left;
}

.vison a:nth-last-child(1) {
 padding-right: 0;
 border-right: none;
}

.header_rightIn {
 display: flex;
 align-items: center;
}
.header_top{ background:#2076bd; height:41px; line-height:41px;}
.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: #F2C473;}
.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{ margin-top:32px;} */
/*搜索样式*/
/* .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{float: left;height: 28px;padding: 0 10px;width: 166px;color: #fff;line-height:34px;background: rgba(255,255,255,0.2);border-radius: 25px 0 0 25px;border: none;}
.searchtxt::placeholder {
 color: rgba(255,255,255,0.5);
}
.searchbtn {
 background: #F2C473 url(/Content/Areas/Common/images/common/search.png) no-repeat center;
 width: 41px;
 height: 28px;
 float: left;
 border: none;
 cursor: pointer;
 border-radius: 0 25px 25px 0;
 background-size: 15px;
}
.searchbtn:hover{ opacity:0.8}
@media only screen and (max-width: 1024px){
.header_top,.header_topIn,.header_bottomIn{ width:1200px; }
}

@media only screen and (max-width: 768px){
.header_topIn,.header_bottomIn,.header{ width:100%; padding:0 10px; box-sizing:border-box}
.header_top{ display:none}
.header_bottomIn{ width:100%}
.search_box{ display:none;} 
.header_left h2{
 display: none;
}

.headerIn {
 width: 100%;
 line-height: 80px;
 height: 80px;
}

.vison a {
 width: 158px;
 font-size: 26px;
 border: none;
}
.header_leftIn a {
 font-size: 26px;
 color: #FFFFFF;
 padding-left: 20px;
 display: block;
 background: url(/Content/Areas/Common/images/left_icon.png) no-repeat left;
}
 .header_right.fr{
 margin:0 !important;
 }
} 
@media only screen and (max-width: 480px){
 .vison a {
 width: 75px;
 font-size: 13px;
 }
 
 .headerIn {
 height: 40px;
 line-height: 40px;
 padding: 0;
 }
 
 .header_leftIn a {
 font-size: 13px;
 }
}
 