/* ===== 以下规则搬自原 style.css 的头部段, 必须排在文件末尾同特异性规则之前 ===== */
/*头部*/
.top{position: fixed;top: 0px;left: 0px;height: 85px;background: #fff url(../images/top-bj.png) no-repeat 80% center;z-index: 999;width: 100%;transition: all .3s;border-bottom: solid 1px #f2f2f2;}

.top-header{position: absolute;left: 15px;top: 9px;width: auto;z-index: 1100;}
.top-header .top-logo{display: block;width: auto;overflow: hidden;}
.top-header .top-logo img{max-width: 158px;}
.top-header .navbar-toggle{border-color: #005b93;background-color:#005b93; }
.top-header .navbar-toggle .icon-bar{background: #fff;}

.top-main{position: relative;width: 100%;z-index: 1000;}
.top-main h2{font-size: 16px;color: #000;padding: 15px;border-bottom: solid 1px #ccc;position: relative;line-height: 20px;z-index: 1501;display: none;background: #fff;}
.top-main h2 img{display: block;position: absolute;right:15px;width: 16px;top: 17px; }
.top-nav{display: block;margin: 0 355px 0px 160px;text-align: center;}
.top-nav li{display: block;text-align: center;width:18%;float: left;}
.top-nav li .top-navbox{position: relative;/*display: inline-block;width: auto;*/margin: 0 auto; }
.top-nav li .top-navbox:after{content: "";width: 0px;height: 0px;position: absolute;left: 50%;bottom: 0px;border-right: solid 8px transparent;border-left: solid 8px transparent;border-bottom: solid 8px #005b93;margin-left: -8px;display: none;}
/* header菜单栏文字样式设置 */
.top-nav li .top-navbox h3 a{font-size: 20px;color: #09022cf7;display: block;line-height: 22px;padding: 39px 0px;}
.top-nav li .top-navbox h3 em{float: right;display: none;width: 20%;height: 22px;background-image: url(../images/off.png);background-repeat: no-repeat;background-position: right center;}
.top-nav li .top-navbox h3.on em{background-image: url(../images/on.png);}
.top-nav li .top-navbox:hover h3 a,
/* .top-nav li.active .top-navbox h3 a{color: #d8000a;} */
.top-nav li.active .top-navbox h3 a{color: #d8000a;font-weight: bold;}

.top-subnav{position: absolute;min-width: 100%;width: auto;left: 0px;color: #fff;font-size: 14px;padding: 15px;display: none;}
/*.top-subnav:after{content: "";width: 0px;height: 0px;position: absolute;left: 50%;top: -8px;border-right: solid 8px transparent;border-left: solid 8px transparent;border-bottom: solid 8px #005b93;margin-left: -8px;}*/
.top-subnavsha{position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: #004e8a;opacity: .6;filter: alpha(opacity=60);z-index: 1000;}
.top-subnav-lst{display: block;width: 100%;position: relative;z-index: 1001;text-align: center;}
.top-subnav-lst a{display: block;font-size: 16px;color: #fff;line-height: 24px;padding: 6px 0px;text-align: center;}
.top-subnav-lst a:hover{color: #d8000a;}

.top-right{position: absolute;right:60px;width: auto;z-index: 1100;top: 37px;}
.top-right ul li{float: left;line-height: 25px;}
.top-right ul li a{margin-left: 10px;display: block;float: left;font-size: 12px;text-align: center;line-height: 18px;}
.top-right ul li a img{width: 30px;}
.top-search{width: 200px;position: relative;z-index: 1100;}
.top-searchtext{width: 100%;height: 35px;border: solid 1px #1685ba;line-height: 25px;font-size: 15px;border-radius: 25px;background: none;padding: 0 30px 0 15px;}
.top-searchsub{width: 14px;height: 14px;position: absolute;right: 10px;top: 50%;margin-top: -7px;border: none;background: url(../images/search.png) no-repeat center center;z-index: 1105;}

.top-nav li.top-smallshow{display: none;}
.top-height{height: 85px;}


/* 自定义添加到css样式 */
/* 菜单栏下面的一条线 */
body > div.top > div {
	height: 88px;
	border-bottom: 3px solid #cfd3d7;
}

@media (min-width:1300px) {
	.top .container-fluid{padding-left: 30px;padding-right: 30px;}
	.top-header{left: 60px;}
	.top-right{right:100px;}
	.top-nav li .top-navbox:hover:after,
	.top-nav li .top-navbox:hover .top-subnav{display: block;}
	.top-nav{margin: 0px 390px 0px 200px;}
	.top-right ul li{margin-right: 15px;}
}
/* 1120-1299屏幕下显示调整 */
@media (min-width: 1120px) and (max-width: 1299px) {
	.top-nav li .top-navbox h3 a{font-size: 19px;}
	.top-subnav:after{left: 21px;}
	.top-subnav-lst a{font-size: 14px;line-height: 18px;}
	.top-nav li .top-navbox:hover:after,
	.top-nav li .top-navbox:hover .top-subnav{display: block;}
	.top-right{right: 15px;}
	.top-nav{margin-right: 280px;}
	/* 1120-1299屏幕下年份图片大小调整 */
	.top-header .top-image-mobile img{max-width: 120px; height: 80px; }
}
/* 768-1119屏幕下显示调整 */
@media (max-width: 1119px) {
	.top-main{position: fixed;right: -100%;top: 0px;z-index: 1500;height: 100%;width: 80%;background: #fff;overflow-y:auto;transition: all .3s;}
	.top-main.in{display: block;right: 0px;}
	.top-right{display: none;}
	.top-header{position: relative;left: 0px;top: 0px;padding: 0px 0px; display: flex; align-items: center; justify-content: space-between;}
	.top-header .navbar-toggle{display: block;margin-top: 19px;}
	.top-header .top-logo{padding-left: 15px;}
	.top-nav{margin: 0px;text-align: left;height: 100%;overflow-y: auto;position: absolute;left: 0px;top: 0px;padding-top: 51px;width: 100%;z-index: 1500;}
	.top-nav li{display: block;width: 100%;text-align: left;padding: 0 15px;border-bottom: solid 1px #e8e8e8;}
	.top-nav li .top-navbox{display: block;}
	.top-main h2{display: block;}
	.top-nav li .top-navbox h3{padding: 10px 0px;}
	.top-nav li .top-navbox h3 a{padding:0px;float: left;width: 80%;font-size: 14px;color: #666;}
	.top-nav li .top-navbox h3 em{display: block;}

	.top-subnav{position: relative;background: none;color: #888;border-top: dashed 1px #eee;padding: 8px;}
	.top-subnav:after{display: none;}
	.top-subnavsha{display: none;}
	.top-subnav-lst a{color: #888;font-size: 14px;line-height: 18px;}

	.top-search{width: 100%;margin: 10px 0px;}
	.top-nav li.top-smallshow{display: block;}

	.top-navshare{position: fixed;width: 100%;height: 100%;left:0px;top: 0px;background: #000;opacity: .7;filter: alpha(opacity=70);z-index: 1499;display: none;}
	.top-height{height: 88px;}
	/* 768-1119屏幕下年份图片大小调整 */
	.top-header .top-image-mobile img{max-width: 120px; height: 80px; }

}
/* 最小屏幕下菜单栏的显示调整 */
@media (max-width: 767px){
	.top{height: 55px;}   
	.top-header{padding: 8px 0px; display: flex; align-items: center; justify-content: space-between;}
	.top-header .top-logo{padding-left: 0px;}
	.top-header .navbar-toggle{margin-right: 0px;margin-top: 4px;margin-bottom: 0px;padding: 8px 10px;}
	.top-header .top-logo img{height: 40px;}
	.top-height{height: 58px;}
	body > div.top > div {
	height: 58px;
	border-bottom: 3px solid #cfd3d7;

}

@media (max-width: 1120px) {

    /* 移动端隐藏桌面图片 */
    .top-right ul li:first-child {
        display: none !important;
    }

    .top-right ul li .top-search {
        margin-top: 0;
    }
}

/* 高亮 */
.top-nav li.is-current .top-navbox h3 a,
.top-nav li.active .top-navbox h3 a {
    color: #d8000a;
    font-weight: bold;
}

.top-nav li.active .top-navbox h3 em {
    border-top-color: #d8000a;
}

.top-logo {
    position: relative;
}

.top-logo::after {
    content: "Supplier: Baiao Technology";
    position: absolute;
    left: 0;
    bottom: -16px;
    font-size: 11px;
    color: #9fd4ff;
    white-space: nowrap;
    letter-spacing: 0.2px;
}

.top-navbox h3 a {
    color: #eaf5ff;
    transition: color 0.2s ease;
}

.top-navbox h3 a:hover {
    color: #7fd2ff;
}

.top-searchtext {
    background: rgba(255, 255, 255, 0.96);
    border-radius: 999px;
    border: 1px solid #89c6ff;
}

.brand-market-tag {
    color: #d4ebff;
    border: 1px solid rgba(160, 214, 255, 0.65);
    background: rgba(2, 22, 47, 0.45);
    border-radius: 999px;
    padding: 7px 14px;
    font-size: 12px;
    letter-spacing: 0.4px;
}

@media (max-width: 1120px) {
    .top-logo::after {
        display: none;
    }
}