/*
* @Author      Sway Deng
* @Description 行业应用/样品头部，迁移自 //static-src.alicdn.com/sys/css/universal/header/industry-v5.css
*/
#alibar-v4 .alibar-container {
width: 1190px;
}
.screen {
margin:0 auto;
}
#ali-masthead-5h .ali-logo .sub-logo .sub-logo-txt,
#ali-masthead-5h .alisearch-action button.global,
#ali-nav-5h,
#ali-nav-5h .ali-nav-category .cat-title,
#ali-nav-5h .ali-nav-list li,
#ali-nav-5h .ali-nav-list a,
#ali-nav-5h .ali-nav-promotion .link-access:hover,
#ali-nav-5h .ali-nav-promotion div.hover {
background: url(//cbu01.alicdn.com/cms/upload/2013/718/206/1602817_823742341.png) no-repeat;
}
#ali-masthead-5h .alisearch-action button.free-btn,
#ali-masthead-5h .alisearch-action button.yfq-btn {
background: url(//cbu01.alicdn.com/cms/upload/2013/012/586/1685210_823742341.png) no-repeat;
}
#ali-masthead-5h {
background-color: #fff;
}
#ali-masthead-5h .ali-masthead-container {
width: 1190px;
padding: 18px 0 10px;
height:58px;
_overflow:hidden;
}
#ali-masthead-5h .ali-logo {
float:left;
padding-left: 2px;
margin-top:4px;
}
#ali-masthead-5h .main-logo {
float:left;
margin:4px 0 4px 0;
padding-right: 9px;
width: 167px;
height: 42px;
text-decoration:none;
}
#ali-masthead-5h .ali-logo .sub-logo {
float:left;
margin: 4px 0;
width:160px;
height:38px;
}
#ali-masthead-5h .ali-logo .sub-logo .sub-logo-txt {
display: block;
width: 98px;
height: 42px;
overflow: hidden;
font-size: 0;
line-height: 0;
background-color: #fff;
background-image: url(//cbu01.alicdn.com/cms/upload/2014/680/809/1908086_823742341.png);
}
#ali-masthead-5h .ali-logo a:link,
#ali-masthead-5h .ali-logo a:visited {
color:#fff;
text-decoration: none;
}
#ali-masthead-5h .ali-logo a:hover {
color:#FF7300;
text-decoration: none;
}
#ali-masthead-5h .ali-slogan {
float: left;
}
#ali-masthead-5h .ali-search {
display: block;
float:right;
padding:10px 0 4px;
width: 600px;
overflow:visible;
zoom: 1;
}
#ali-masthead-5h .ali-search form {
float: left;
display: inline;
width: 410px;
overflow: hidden;
}
#ali-masthead-5h legend {
display: none;
}
#ali-masthead-5h .alisearch-container {
height: 34px;
}
#ali-masthead-5h .alisearch-box,
#ali-masthead-5h .alisearch-keywords,
#ali-masthead-5h .alisearch-action {
float: left;
}
#ali-masthead-5h .alisearch-box {
height: 30px;
border: 3px solid #626ad9;
}
#ali-masthead-5h .alisearch-keywords {
padding: 3px 10px;
width: 347px;
height: 22px;
background-color: #fff;
}
#ali-masthead-5h .alisearch-keywords input {
position: relative;
width: 346px;
height: 22px;
*height: 18px;
line-height: 1.5;
line-height: 24px\0;
overflow: hidden;
border: 0 none;
z-index: 998;
}
#ali-masthead-5h .alisearch-keywords input.empty {
color:gray;
}
#ali-masthead-5h .alisearch-action button {
float:left;
width:70px;
height: 36px;
line-height:30px;
*line-height: 31px;
overflow:hidden;
border:0 none;
cursor:pointer;
color:#FFF;
font-size:12px;
text-align: left;
}
#ali-masthead-5h .alisearch-action button.global {
background-position: 0 -214px;
padding-left: 27px;
}
#ali-masthead-5h .alisearch-action button.market {
display: none;
}
.ali-search .hot-keywords {
float: left;
display: inline;
width: 172px;
height: 24px;
line-height: 24px;
overflow: hidden;
padding-left: 18px;
font-size: 12px;
}
.ali-search .hot-keywords-wrp {
width: 500px;
}
.ali-search .hot-keywords a {
float: left;
display: inline;
line-height: 34px;
margin-right: 18px;
word-wrap:break-word;
word-break:break-all;
overflow:hidden;
}
.ali-search .hot-keywords a:link,
.ali-search .hot-keywords a:visited {
color: #666;
}
.ali-search .hot-keywords a:hover {
color: #ff7300;
text-decoration: underline;
}
#ali-masthead-5h .ali-search-new {
width: 612px;
}
#ali-masthead-5h .ali-search-new form {
width: 612px;
}
#ali-masthead-5h .alisearch-action button.free-btn,
#ali-masthead-5h .alisearch-action button.yfq-btn {
font-size: 16px;
font-family: \5FAE\8F6F\96C5\9ED1, /* 微软雅黑，默认特殊标题字体 */
\9 ED1\4F53, /* 黑体，win下替换字体 */ \6587\6CC9\9A7F\6B63\9ED1\4F53, /* 文泉驿正黑体，unix/linux下替换字体 */ \534E\6587\7EC6\9ED1; /* 华文细黑，mac os下替换字体 */
}
#ali-masthead-5h .alisearch-action button.free-btn {
display: inline;
width: 107px;
padding-left: 0px;
background-color: #626ad9;
background-image: none;
margin-right: 2px;
text-align: center;
}
#ali-masthead-5h .alisearch-action button.free-btn:hover {
background-color: #6a73e9;
background-position: -83px -248px;
}
#ali-masthead-5h .alisearch-action button.yfq-btn {
width: 130px;
padding-left: 0px;
background-color: #626AD9;
background-image: none;
text-align: center;
}
#ali-masthead-5h .alisearch-action button.yfq-btn:hover {
background-color: #6a73e9;
background-position: -76px -248px;
}
#ali-nav-5h {
height: 41px;
background-color: #575DCC;
background-repeat: repeat-x;
background-position: 0 -50px;
}
#ali-nav-5h .ali-nav-container {
width: 1190px;
height: 41px;
}
#ali-nav-5h .ali-nav-category {
position: relative;
float: left;
}
#ali-nav-5h .ali-nav-category .cat-title {
position: relative;
width: 189px;
height: 41px;
border-left: 1px solid #4f57c1;
background-color: #747dee;
background-position: 0 -91px;
background-repeat: repeat-x;
overflow: hidden;
}
#ali-nav-5h .ali-nav-category .cat-title h3 {
padding: 8px 10px 6px 17px;
height: 24px;
line-height: 24px;
width: 150px;
font-size: 14px;
font-weight: 700;
color: #fff;
}
#ali-nav-5h .ali-nav-category .cat-title span.eng {
display: none;
}
#ali-nav-5h .ali-nav-category .cat-title span.dropdown {
position: absolute;
top: 12px;
right: 6px;
display: none;
width: 15px;
height: 15px;
}
#ali-nav-5h .ali-nav-category .cat-content {
position: absolute;
top: 36px;
left: 0;
display: none;
width: 200px;
}
#ali-nav-5h .hover .cat-content {
display: block;
z-index: 1000;
}
#ali-nav-5h .ali-nav-list {
float: left;
height: 41px;
overflow: visible;
font-size: 14px;
}
#ali-nav-5h .ali-nav-list ul,
#ali-nav-5h .ali-nav-list li {
float: left;
}
#ali-nav-5h .ali-nav-list ul {
position: relative;
z-index: 11;
}
#ali-nav-5h .ali-nav-list li {
width: 104px;
height: 41px;
background-color: #6168d1;
background-position: 0 -173px;
}
#ali-nav-5h .ali-nav-list a {
display: block;
width: 104px;
height: 41px;
line-height: 41px;
margin: 0;
font-weight: bold;
word-wrap:break-word;
word-break:break-all;
overflow:hidden;
background-position: 0 -173px;
text-align: center;
}
#ali-nav-5h .ali-nav-list li a:link,
#ali-nav-5h .ali-nav-list li a:visited,
#ali-nav-5h .ali-nav-list li a:hover {
color: #fff !important;
text-decoration: none;
}
#ali-nav-5h .ali-nav-list li a:hover {
background-position: 0 -132px;
}
#ali-nav-5h .ali-nav-list .current {
margin-left: -1px;
font-weight: 700;
}
#ali-nav-5h .ali-nav-list .current a {
background-color: #6168d1;
background-position: 0 -132px;
cursor: default;
}
#ali-nav-5h .ali-nav-promotion {
float: right;
display: none;
}
#ali-nav-5h .ali-nav-list .list-floor {
display: none;
position: absolute;
top: 41px;
left: 0;
width: 762px;
height: 28px;
overflow: hidden;
padding: 0 6px 0 20px;
border: 1px solid #D9D9D9;
background-color: #fff;
-moz-box-shadow: 0px 2px 5px -2px #666;
-webkit-box-shadow: 0px 2px 5px -2px #666;
box-shadow: 0px 2px 5px -2px #666;
}
#ali-nav-5h .ali-nav-list li:hover .list-floor,
#ali-nav-5h .ali-nav-list li.hover .list-floor {
display: block;
}
#ali-nav-5h .ali-nav-list .list-floor a {
float: left;
display: inline;
width: auto;
height: auto;
line-height: 28px;
margin: 0 15px;
background: none;
font-size: 12px;
font-weight: normal;
}
#ali-nav-5h .ali-nav-list .list-floor a:link,
#ali-nav-5h .ali-nav-list .list-floor a:visited {
color: #333 !important;
}
#ali-nav-5h .ali-nav-list .list-floor a:hover {
color: #ff7300 !important;
text-decoration: underline;
}
#ali-nav-5h .ali-nav-promotion {
display: block;
padding-top: 2px;
padding-right: 12px;
}
#ali-nav-5h .ali-nav-promotion .link-access {
float: left;
width: 68px;
height: 39px;
}
#ali-nav-5h .ali-nav-promotion .link-access .title {
display: block;
width: 68px;
height: 39px;
line-height: 39px;
text-align: center;
color: #fff;
cursor: pointer;
}
#ali-nav-5h .ali-nav-promotion .link-access .title:link,
#ali-nav-5h .ali-nav-promotion .link-access .title:visited,
#ali-nav-5h .ali-nav-promotion .link-access .title:hover {
color: #fff !important;
text-decoration: none;
}
#ali-nav-5h .ali-nav-promotion div.hover,
#ali-nav-5h .ali-nav-promotion .link-access:hover {
position: relative;
z-index: 11;
background-position: 50% -132px;
}
#ali-nav-5h .ali-nav-promotion .list {
display: none;
position: absolute;
top:39px;
right: 0;
width: 116px;
padding: 8px 0 6px;
background-color: #4B52AE;
}
#ali-nav-5h .ali-nav-promotion div.hover .list,
#ali-nav-5h .ali-nav-promotion .link-access:hover .list {
display: block;
}
#ali-nav-5h .ali-nav-promotion .colum2 {
width: 232px;
}
#ali-nav-5h .ali-nav-promotion .colum {
float: left;
width: 115px;
overflow: hidden;
border-left: 1px solid #ddd;
margin-left: -1px;
}
#ali-nav-5h .ali-nav-promotion .colum h4 {
color: #fff;
text-align: center;
}
#ali-nav-5h .ali-nav-promotion .colum ul {
width: 88px;
overflow: hidden;
margin: 0 auto;
}
#ali-nav-5h .ali-nav-promotion .colum li {
width: 88px;
height: 26px;
line-height: 26px;
vertical-align: top;
word-wrap:break-word;
word-break:break-all;
overflow:hidden;
}
#ali-nav-5h .ali-nav-promotion .colum a:link,
#ali-nav-5h .ali-nav-promotion .colum a:visited {
color: #cdd1ff !important;
}
#ali-nav-5h .ali-nav-promotion .colum a:hover {
color: #ff7300 !important;
text-decoration: underline;
}
.header990 #alibar-v4 .alibar-container,
.header990 #ali-masthead-5h .ali-masthead-container,
.header990 #ali-nav-5h .ali-nav-container {
width: 990px;
}
.header990 #ali-masthead-5h .ali-search {
width: 612px;
}
.header990 .ali-search .hot-keywords {
width: 130px;;
}
.header990 #ali-nav-5h .ali-nav-category {
display: none;
}