﻿/*颜色  #388dc7*/
.header_T{height:45px;line-height: 45px;background: #f1f1f1;font-family: "宋体";}
.header_T span,.header_T a{color:#999;}
.header_T .userName{
	display: inline-block;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 vertical-align: top;
 width: 65px;
}
.header_T a:hover{color: #388dc7;}
.header_T .fr a{display: block;width:30px;height:45px;float: left;margin-left:5px;}
a.icon_1{background: url(/Content/Areas/Common/images/XinBan/icon_1.png) no-repeat center;}
a.icon_2{background: url(/Content/Areas/Common/images/XinBan/icon_2.png) no-repeat center;}
a.icon_3{background: url(/Content/Areas/Common/images/XinBan/icon_3.png) no-repeat center;}
a.icon_4{background: url(/Content/Areas/Common/images/XinBan/icon_4.png) no-repeat center;}
a.icon_1:hover{background: url(/Content/Areas/Common/images/XinBan/icon_1_H.png) no-repeat center;}
a.icon_2:hover{background: url(/Content/Areas/Common/images/XinBan/icon_2_H.png) no-repeat center;}
a.icon_3:hover{background: url(/Content/Areas/Common/images/XinBan/icon_3_H.png) no-repeat center;}
a.icon_4:hover{background: url(/Content/Areas/Common/images/XinBan/icon_4_H.png) no-repeat center;}
.logo img{ float:left;}
.ceshi{ float:left; width: 58px;height: 28px;line-height: 28px;text-align: center;margin: 16px 0 0 10px; color:#fff; background:#388dc7; -moz-border-radius:4px;  -webkit-border-radius:4px; border-radius:4px;}

.weix_img {
 width: 135px;
 height: 131px;
 position: absolute;
 padding: 10px;
 right: -34px;
	top: 45px;
}

.sina_img {
 width: 135px;
 height: 131px;
 position: absolute;
	right: -60px;
	top: 45px;
 padding: 10px;
}
.weix_img:hover,.sina_img:hover{ transform:scale(1.2); top:48px;}
.fr01{/*width: 710px;*/float: right;position: relative;}

/* .header_B{padding-top:15px;*height:80px;*overflow: hidden;} */
.header_B{
	height: 205px;
	width: 1200px;
	box-sizing: border-box;
	background: url(/Sites/Uploaded/UserUpLoad/20210430/20210430133008.jpg) no-repeat center center;
	background-size: cover;
	/* padding: 36px 30px; */
}
.header_B .logo.fl{margin: 41px 25px 0 30px;/* display: none; */}
.header_B .logo_sub_tit{float: left;margin-top: 27px;/* display: none; */}
.header_B .logo_sub_tit p{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 15px;
}
.header_B .logo_sub_tit p:last-of-type{margin: 0;}
.header_B .logo_sub_tit p span{
	font-size: 12px;
	display: block;
	font-weight: normal;
}

.header_B .search_box,.nav .search_box{width:443px;height:32px;background: #fff;padding:10px 0px 0px}
.header_B .searchTxt,.nav .searchTxt{height:30px;width:375px;float: left;border:none;padding-left:15px;border:1px solid #eee;font-family:'Microsoft YaHei','微软雅黑',STXihei,'华文细黑',Heiti,'黑体',SimSun,'宋体',sans-serif; line-height:30px;}
.header_B .searchBtn,.nav .searchBtn{width:50px;height:32px;float: left;background:url(/Content/Areas/Common/images/XinBan/search_btn.png) no-repeat center center;border:none;cursor: pointer;}
.header_B input.searchBtn,.nav input.searchBtn{background-color: #388dc7;}
.header_B input.searchBtn:hover,.nav input.searchBtn:hover{ background-color: #5aa4d7; }
.header_B .search_box .search_hot,.nav .search_box .search_hot{line-height: 32px;font-size: 16px;display:none}
.header_B .search_box .search_hot span,.nav .search_box .search_hot span{color: #388DC7;}
.header_B .search_box .search_hot ul li,.nav .search_box .search_hot ul li{margin-right:10px;float: left}
.header_B .search_box .search_hot ul li a,.nav .search_box .search_hot ul li a{color: #5d5d5d;}
.header_B .search_box .search_hot ul li a:hover,.nav .search_box .search_hot ul li a:hover{color: #388dc7}

.header_B .searchTxt:focus {
  border-color: #388dc7;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.header_B .searchTxt{
  font-size: 14px;
  color: #555;
  background-image: none;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



.header_T .fr a{
  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;
	font-size: 12px;
}
.header_T .fr a.wkw {
 width: auto;
 margin-right: 10px;
}

div.MobileMenu{display: none}
div.search_Resp{display: none;}
@media only screen and (max-width: 1200px)
{
.header_T{ width:1200px}
	}
@media only screen and (max-width:768px){ 

.W1200 { width: 100%;}
.logo img{width: 400px;}
.ks_name{ left: 406px; }
.header_B .searchTxt{ width: 335px; }
.header_B .search_box { width: 414px;}
.weix_img,.sina_img{ right: 0;}
 }


@media only screen and (max-width:768px){   
.header_T{ width:100%}
 .W1200{width:100%}
 .header_T,.header_B .search_box{display: none;}
 .header{border-bottom: none;padding-bottom: 0;}
.ceshi{ margin: 18px 0 0 10px; }
 div.search_Resp .search_box{display: block;float: none;margin:0 auto;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s ;-webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s}
 div.search_Resp .search_box{background: #fff;height:45px;width:360px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;overflow: hidden;}
 div.search_Resp .search_box .select_txt{height:45px;line-height:45px;border:none;background: #fff;padding-left:15px;float: left;width:300px;
 transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s ;-webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s}
 div.search_Resp .search_box .select_btn{border:none;background:#A0D7FC url(/Content/Areas/Common/images/XinBan/search_btn.png) no-repeat center;height:45px;width:45px;float: right;}

 .header_B .logo{float: none;margin:0 auto;}
 .header_B .logo img{display: block;margin:0 auto;}
 .search_Resp{ background:#388DC7;padding:15px 0}
 .search{ width:70%; margin:0 auto; padding:25px 0; overflow:hidden}
 .search-icon{display:block;background:url(/Content/Areas/Common/images/XinBan/searchLo.png) no-repeat center center #388DC7;width:50px;height:50px;border-radius:50%;position:absolute;right:16px;top:20px;transition: all 0.3s ease 0s;}
 .showS{border-radius: 50% 50% 0 0; top:68px; right:0; }
 .search .searchtxt{ width:85%; box-sizing:border-box;border:none;float: right;height: 27px;padding: 0 10px;}
 .search .searchbtn{ background:url(/Content/Areas/Common/images/XinBan/searchLod.png) no-repeat center center #e5e5e5; width:15%; border-radius:0 3px 3px 0; cursor:pointer; float:right; height:27px; border:none}
 .search .searchbtn:hover{ background:url(/Content/Areas/Common/images/XinBan/searchLod.png) no-repeat center center #c1c1c1; width:15%;}
 .linkmap{padding:0 10px;}
	.header_B .logo img{ margin-left:10px;}
.ceshi{ display:none}
}

@media only screen and (max-width:768px){
.closeSs_btn{ background: #388DC7; cursor: pointer; }
.closeSs_btn::after,.closeSs_btn::before { content: '';position: absolute;height: 3px; width: 32px; left: 50%; top: 50%; background-color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.closeSs_btn::before {-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
 -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
 -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
 -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
 transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
.closeSs_btn::after {-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
 -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
 -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
 -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
 transform: translateX(-50%) translateY(-50%) rotate(45deg);}
/*手机搜索*/
  .search_con{
 height: 40px;
 background:#2076bd;
 position: absolute;
 width:100%;
 z-index:2;
 display: block;margin-top: 10px;
  }
  .search_con form{
 line-height: 40px;
 width:80%;
 margin:7px auto;
 overflow: hidden;
 background: #fff;
  }
  .search_con form .searchtxt{
 width:70%;
 border:none;
 height:26px;
 line-height:26px;
 display: inline-block;
 float: left;
 padding-left: 10px;
  }
  .search_con form .searchtxt:focus{
 outline: none;
  }
  .search_con form .searchbtn{
 display: inline-block;
 width:26px;
 height:26px;
 border:none;
 float: right;
 background:#358bc5 url(/Sites/Uploaded/UserUpLoad/20161123/20161123181156.png) no-repeat center;
 background-size: 70%;
	border-radius:0;cursor: pointer;
  }

  .header_B .logo.fl{margin: 0 !important;}
  .header_B .logo_sub_tit{display: none;}
  .W1200.header_B{display: flex;justify-content: center;align-items: center;}
}


@media only screen and (max-width:640px){
 .header_B .logo img{width:320px;}
 .showS{ right:0;top:59px;}
 
}
@media only screen and (max-width:450px){
 .header_B .logo img{width: 266px;}
	.search-icon{right: 8px;height: 35px;width: 35px;background-size: 50%;top:20px;}
	a.open_btn{height: 38px;width: 38px; top:34px}
 div.search_Resp .search_box{width:290px;}
 div.search_Resp .search_box .select_txt{width:220px;}
 .showS{top:44px;}
}
@media only screen and (max-width:375px){

a.open_btn{ right:15%;}

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

.header_B .logo img{ width:213px;}

}    