﻿/*------------------------头部---------------*/
/*
 颜色：#2076bd;
 宽度：1200px;
*/
/*顶部*/

.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;}
/*搜索样式*/

.searchType_simulate{ float:left; position:relative}
.searchType .searchChoose{ height:30px; line-height:30px; 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{-webkit-tap-highlight-color:rgba(255,0,0,0);border-radius: 15px; float: left;height: 30px; padding: 0 50px 0 10px;outline:none; width: 100%;background: none;   border: none; color: rgba(255, 255, 255, 0.8); line-height:30px;box-sizing: border-box;}
.searchbtn { background: url(/Content/Areas/Common/images/common/search.png) no-repeat center; position: absolute; right: 0px; width:36px; height:30px;border:none; border-radius:0 4px 4px 0;cursor:pointer;}
.searchbtn:hover{ opacity:0.8}
.search_box{position: relative; width: 200px;height: 30px;border-radius: 15px;border:1px solid rgba(221, 221, 221, 0.6); margin: 6px 0;}
.search_box::after{
 content: "";
 width: 1px;
 height: 10px;
 background: #ddd;
 position: absolute;
 right: 35px;
 top:50%;
 transform: translateY(-50%);
}

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {background-color:transparent; transition: background-color 50000s ease-in-out 0s;outline: none;}
input.searchtxt::-webkit-input-placeholder{
 color:  rgba(221, 221, 221, 0.5);
 font-size: 12px;
 outline:none; 
}
input:focus { 
 outline: none;
 background-color: transparent;
}
.topIn_login{
 background: #165837;
}
.login_wrapper {
 line-height: 46px;
 margin-right: 30px;
 color: rgba(255, 255, 255, 0.8);
 font-size: 14px;
}

.header_topIn{  font-size:12px; color:#fff;}
.login_wrapper a{
 color: rgba(255, 255, 255, 0.8);
 font-size: 14px;
}
.login {
 background: url(/Content/Areas/Common/images/common/user.png)no-repeat left center;
 padding-left: 28px;
 color: rgba(255, 255, 255, 0.8);
 font-size: 14px;
}
.english_btn {
 background: url(/Content/Areas/Common/images/common/english.png)no-repeat left center;
 padding-left: 25px;
 margin-right: 30px;
 line-height: 46px;
}
.english_a{
 color: rgba(255, 255, 255, 0.8);
 font-size: 14px;
}
.english_a:hover{
 color: rgba(255, 255, 255, 0.8);

}
.logo_con{
 line-height: 100px;
}
.logo_con .nav{
 margin-top: 0;
}
.header_Index{
 display: none;
}
/* 首页头部 */
.header_Index.header_topIn{ width:90%; margin:0 auto; font-size:12px; color:#fff}
.header_Index li.sy1_li a.sy1_tit{color:#fff;font-size: 20px;height:70px;line-height: 70px;padding: 0px 20px;z-index: 9;}
.header_Index li.sy1_li a.sy1_tit:hover::after{
 width: 0;
}
.header_Index li.sy1_li a.sy1_tit:hover{
 color: #fff;
}
.header_Index li.sy1_li .sy2_ul{
 top:70px;
}
.header_Index .english_btn {
 line-height: 32px;
}
.header_Index .login_wrapper {
 line-height: 32px;
}
.header_Index .search_box{
 margin-top: 0;
}
.ph_header{
 display: none;
}
@media only screen and (max-width: 1400px){
.header_Index.header_topIn .logo  img{
  width: 300px;
}
.header_Index li.sy1_li a.sy1_tit{
  height: 60px;
  line-height: 60px;
  padding: 0px 15px;
}
.header_Index li.sy1_li .sy2_ul{
  top: 60px;
}
}

@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%;box-sizing:border-box}
.header_top{ display:none}
.header_bottomIn{ width:100%}
.search_box{ 
 width: 2rem;
 margin-top: 0.3rem;
 margin-left: 0.6rem;
 border: 1px solid rgba(22, 88, 55, 0.6);
} 
.search_box::after{
 background: #165837;
}
.searchbtn{ background: url(/Content/Areas/Common/images/common/search_ph.png) no-repeat center;}
.sy_nav .search_con{
 display: none;
}
.pc_header{
 display: none;
}
.ph_header{
 display: block;
}
.ph_top{
 background: #165837;
}
.login_wrapper{
 margin-right: 15px;
}
.english_btn{
 margin-right: 10px;;
}
.logo_con{
 line-height: 60px;
 padding: 0.1rem 0.4rem;
 box-sizing: border-box;
}
.logo img{
 width: 3.2rem;
}
.searchtxt{

 color: #254558;
}
}   