﻿
.header{height:80px;background: url(/Content/Areas/Common/images/common/header-bg.gif) repeat-x;padding: 20px 0;}
.head-box{background: url(/Sites/Uploaded/UserUpLoad/20171109/20171109133228.jpg);}
.header-r{ *width: 460px; }
.back{background:#075192;color:#fff;padding: 7px 10px;border-radius:5px;margin: 0px 0px 0px 35px;}
.back:hover{ color:#fff;}
.search-top{font-size: 12px;text-align: right;margin-bottom: 10px;float: left;}
.search-box{float: left;position: relative;}
.header-search .fr, .pull-right{float: right;}
.header-search{width: auto;margin-right: 25px; }
.header-search .search-text{height: 38px;line-height: 38px;width: 200px;padding-left: 15px;border: 1px solid #EAE6E6;-webkit-box-shadow: #F0F0F0 0px 2px 5px 1px inset;-moz-box-shadow: #F0F0F0 0px 2px 5px 1px inset;box-shadow: #F0F0F0 0px 2px 5px 1px inset;float: left; border-radius: 20px;
 border-color: #757575;}
.header-search .search-btn{ display: inline-block;width: 20px; height: 20px;float: left;background: url(/Sites/Uploaded/UserUpLoad/20171109/20171109113206.png) no-repeat center; border: none;  position: absolute;
 top: 10px;
 right: 12px;}
#fanhui{display: inline-block;*display:inherit;*zoom:1;background: url(/Sites/Uploaded/UserUpLoad/20171109/20171109115728.png) no-repeat;text-indent: 9999px;width:35px;height:37px ;overflow: hidden;  margin: 0 10px;}
#fanhui:hover{background: url(/Sites/Uploaded/UserUpLoad/20171109/20171109124620.png) no-repeat;}
#linkTopAddCookie{display: inline-block;*display:inherit;*zoom:1;background: url(/Sites/Uploaded/UserUpLoad/20171109/20171109123053.png) no-repeat;
text-indent:9999px;width:35px;height:37px ;overflow: hidden;font-size:0; margin-right: 10px; vertical-align: top;}
#linkTopAddCookie:hover{
 background: url(/Sites/Uploaded/UserUpLoad/20171109/20171109124917.png);
}
.userPanel a.wx:hover{
 background: url(/Sites/Uploaded/UserUpLoad/20171109/20171109125022.png)
}
.header{height:80px;background: url(/Content/Areas/Common/images/common/header-bg.gif) repeat-x;padding: 20px 0;}
.header-r{ *width: 460px; }
.back{background:#075192;color:#fff;padding: 7px 10px;border-radius:5px;margin: 0px 0px 0px 35px;}
.back:hover{ color:#fff;}
.search-top{font-size: 12px;text-align: right;margin-bottom: 10px;float: left;}
.search-box{float: left;position: relative;}
.header-search .fr, .pull-right{float: right;}
.header-search{width: auto;margin-right: 25px;  margin-top: 22px;}
.header-search .search-text{height: 38px;line-height: 38px;width:200px;padding-left: 15px;border: 1px solid #EAE6E6;-webkit-box-shadow: #F0F0F0 0px 2px 5px 1px inset;-moz-box-shadow: #F0F0F0 0px 2px 5px 1px inset;box-shadow: #F0F0F0 0px 2px 5px 1px inset;float: left; border-radius: 20px;
 border-color: #757575; outline:none;display: none;
 }
#search:focus {
 outline:none;
}
.header-search .search-btn{ display: inline-block;width: 20px; height: 20px;float: left;background: url(/Sites/Uploaded/UserUpLoad/20171109/20171109113206.png) no-repeat center; border: none;cursor: pointer;}
.header-search .search-btn:hover{background: url(/Sites/Uploaded/UserUpLoad/20171109/20171109170059.png) no-repeat center;}
.search-btn-i{position: absolute;top: 0;
 right: 5px;
width: 35px;
height: 37px;
background: url(/Sites/Uploaded/UserUpLoad/20171114/20171114101329.png)}
.userPanel{width: 92px;height:66px;_width:160px;}
.userPanel a{display:block;float: left;width: 66px;height: 66px;background:url(/Sites/Uploaded/UserUpLoad/20171109/20171109122946.png) no-repeat;margin:0 ; cursor: pointer;
;}
.userPanel a.hList{
background: none;
 width: 40px;
 line-height: 40px;
 margin-left: 10px;
}


.userPanel a.wx{background-position: left center;position:relative;z-index: 100001;}
.userPanel a.phone{background-position: right center;position:relative;}
.weixin_img,.phone_img{ width:120px; height:auto; position:absolute; top:66px; left:-39px; z-index:100001; display:none;}
@media only screen and (max-width: 1024px){
.header{ width: 1200px; }

}
@media only screen and (max-width: 768px){
.header{ width: 100%;}
.header-r{ display: none; }
#back1{display: none}
.header {height: 96px;background: #9b0a4b;background-size: cover;padding: 0;}
.header .pc{ display: none; }
.header .phone{padding: 8px;}
.header .phone a{
 display: block;
 background: url(/Sites/Uploaded/UserUpLoad/20170915/20170915131420.png) no-repeat;
 width: 374px;
 height: 75px;
 background-size: cover;
 }

}
@media only screen and (max-width: 640px){
.header{ height: auto; }
.logo.header-l.pull-left a{ display: block; }
.logo.header-l.pull-left a img{ width: 70%; }
.header .phone a{width: 310px;height: 62px;}
}
@media only screen and (max-width: 425px){
 .header .phone a{width: 225px;height: 45px;}
}
@media only screen and (max-width: 330px){
 .header .phone a{width: 206px;height: 40px;}
}  
.userPanel{width: 92px;height:66px;_width:160px;}
.userPanel a{display: inline-block;*display:inherit;*zoom:1;float: left;width: 35px;height:37px;background:url(/Sites/Uploaded/UserUpLoad/20171109/20171109123436.png) no-repeat;margin:0;}
.userPanel a.wx{background-position: left center;position:relative;z-index: 100001;}
.userPanel a.phone{background-position: right center;position:relative;}
.weixin_img,.phone_img{ width:120px; height:auto; position:absolute; top: 48px;
 left: -38px; z-index:100001; display:none;}
@media only screen and (max-width: 1024px){
.header{ width: 1200px; }

}
@media only screen and (max-width: 768px){
.header{ width: 100%;}
.header-r{ display: none; }
#collection{display:none}
.header {height: 96px;background:#9b0a4b;background-size: cover;padding: 0;}
.header .pc{ display: none; }
.header .phone{padding: 8px;}
.header .phone a{
 display: block;
 background: url(/Sites/Uploaded/UserUpLoad/20180704/20180704132312.png) no-repeat;
 width: 374px;
 height: 75px;
 background-size: cover;
 }

}
@media only screen and (max-width: 640px){
.header{ height: auto; }
.logo.header-l.pull-left a{ display: block; }
.logo.header-l.pull-left a img{ width: 70%; }
.header .phone a{width: 310px;height: 62px;}
}
@media only screen and (max-width: 425px){
 .header .phone a{width: 225px;height: 45px;}
 h2.tab_tit a span{ margin-right: 20px;}
}
@media only screen and (max-width: 330px){
 .header .phone a{width: 206px;height: 40px;}
}   