@charset "utf-8";
/* CSS Document */

/*自定义基础通用样式 */

/*所有页面共享的样式如导航,页脚等 */
/*手机超小屏幕下的单独样式 xs < 768px */
@media (max-width: 767px) {
    body { padding-top: 0; padding-bottom: 55px; }
    #header .navbar { position: relative !important; }
    .main6 ul { display: flex; flex-wrap: wrap; gap: 10px; }  /* 替换float为Flex布局 */
    .main6 ul li { flex: 1 1 calc(50% - 5px); }  /* 移动端每行2列 */
}

/* 平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 768px) and (max-width: 991px) {
    #footer .footer-contact h2 { font-size: 24px !important; }  /* 调整字体大小 */
    .main6 ul li { width: 33.33%; }  /* 平板每行3列 */
}

/* 桌面大屏样式 lg >= 1200px */
@media (min-width: 1200px) {
    .container { width: 1170px; margin: 0 auto; }  /* 固定大屏容器宽度 */
    .main6 ul li { width: 25%; }  /* 大屏每行4列 */
}
#header .navbar{padding-bottom: 0;}
#footer .footer-wechat p{text-align: left !important;}
#clan-slider{bottom:55px !important;}
#clan-slider ul li a{background-color: rgba(255,255,255,0.9) !important;border-color:  transparent !important;border-radius: 50% !important;}
#clan-slider #slider-goTop{background-position: -92px 0 !important;}
#clan-slider #slider-goTop:hover{background-position: 0 0 !important;}


/*大于手机屏幕时的样式 sm >= 768px */
@media (min-width: 768px){
body{padding-top: 82px;}/*顶部固定导航条的空间*/
#header .navbar{border-radius: 0;padding: 15px 0;}
#header .navbar-nav>li>a{padding: 15px 0;}
}

/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 768px) and (max-width: 991px){
#footer .footer-contact h2{font-size: 26px !important;}
	/* Safari 7.1+ (9.0 is the latest version of Safari at this time) */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	#footer .footer-contact h2{padding-left: 0;font-size: 22px !important;}
	}
}

/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 992px){
	.container {width: 1200px;}/*全部-最大宽度*/
	#footer .footer-item-last{border-right: 2px solid #c1c1c1;}
	#footer .footer-contact h2{padding-left: 20px;}
	/* Safari 7.1+ (9.0 is the latest version of Safari at this time) */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	#footer .footer-contact h2{padding-left: 10px !important;}
	}
}

/*全部-导航条样式复写*/
#header .navbar-default{border:0;margin-bottom: 0;z-index: 1000;background-color: rgba(255,255,255,0.9);}
#header .navbar-default .navbar-nav>li>a{color:#3e3e3e;font-size: 16px;padding: 25px 10px 5px !important;}/*导航栏默认字体颜色*/
#header .navbar-default .navbar-nav>li>a:hover,.navbar-nav>li>a.this{color:#dc251f;border-bottom:3px solid #dc251f}
#header .navbar-default .navbar-nav>.active>a, #header .navbar-default .navbar-nav>.active>a:hover, #header .navbar-default .navbar-nav>.active>a:focus{color:#dc251f;background-color: rgba(255,255,255,0);}
#header .navbar-default .navbar-toggle .icon-bar{background-color: none;}
#header .navbar-default .navbar-nav>li .line-top{border-top: 1px solid #0ba1e4;width: 18px;margin: auto;}
/*全部-导航条样式复写*/

/*全部-移动端页脚*/
#mob-bottom{
    width: 100%;
    /*max-height: 64px;*/
    text-align: center;
    z-index: 1000;
    background-color: rgba(255,255,255,0.9);
    position: fixed;
    bottom: 0;
    border-top: 2px solid #074c8d;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#mob-bottom .mob-bottom-item a{
    display: block;
    padding-top: 5px;
    padding-bottom: 2px;
    color: #616161;
    text-align: center;
    line-height: 1.5em;
    font-size: 12px;
}
#mob-bottom .mob-bottom-item a:hover{
    text-decoration: none;
}
#mob-bottom .mob-bottom-item a img{
    max-width: 28px;
}
/*全部-移动端页脚*/

/*底部*/
.bottom{ background:#084e8e;overflow:hidden;padding-top:20px;}
.bottom_l{ height:150px; float:left}
.bottom_l ul{ height:20px}
.bottom_l ul li{ float:left; margin-right:12px; font-size:18px; color:#FFF; font-family:"微软雅黑"; line-height:20px;}
.bottom_l form{ width:334px; height:30px; margin:22px 0px; background:url(https://450t.oss-cn-shanghai.aliyuncs.com/stores/450t-pic/images/bottom_search.jpg)}
.bottom_l form input{ width:265px; height:27px; margin-left:18px; border:1px solid #FFF; font-size:14px; color:#999999; line-height:27px; font-family:"宋体"; outline:none}
.bottom_l p { line-height:10px; color:#FFF; font-family:"宋体"}
.bottom_l a { line-height:10px; color:#FFF; font-family:"宋体"}
/* .bottom_r{ width:331px; height:166px; float:right} */
.bottom_r{ height:150px; float:right}
.bottom_r ul{ float:right; margin-left:8px}
.bottom_r ul li{ text-align:right; font-size:16px; color:#FFF; line-height:23px; margin-bottom:8px; font-family:"微软雅黑"; }
.bottom_r ul li img{ float:left; margin-right:8px}
.bottom_r ul li.phone{ font-size:24px; margin-bottom:15px}
.bottom_r img{ float:right}

/* 移动端导航按钮 */
.navbar-toggle {
    display: none;  /* 默认隐藏 */
    position: absolute;
    top: 15px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: url(../images/menu-icon.png) no-repeat center;
    background-size: 24px;
    cursor: pointer;
    border: none;
    z-index: 1001;
}

@media (max-width: 767px) {
    .navbar-toggle {
        display: block;  /* 小屏幕显示 */
    }
    #header-nav {
        display: none;  /* 默认隐藏导航列表 */
        width: 100%;
        margin-top: 50px;
        background-color: white;
    }
    #header-nav ul {
        margin: 0;
    }
    #header-nav ul li {
        text-align: center;
    }
    #header-nav ul li a {
        padding: 10px 20px;
    }
}

@media (max-width: 767px) {
    #bs-example-navbar-collapse-1 {
        background-color: white; /* 设置导航栏背景颜色 */
    }

    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

/* 全局样式 */
body {
    background-color: #f5f5f5; /* 修改背景色 */
    color: #333; /* 修改文字颜色 */
    transition: all 0.3s ease; /* 添加过渡效果 */
}

/* 按钮样式 */
button, .btn {
    background-color: #007bff; /* 修改按钮颜色 */
    color: #fff; /* 修改按钮文字颜色 */
    border-radius: 5px; /* 添加圆角 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 添加阴影 */
    transition: all 0.3s ease; /* 添加过渡效果 */
}

button:hover, .btn:hover {
    background-color: #0056b3; /* 修改按钮悬停颜色 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 修改悬停阴影 */
}

/* 导航栏样式 */
#header .navbar-default .navbar-nav>li>a {
    transition: color 0.3s ease; /* 添加过渡效果 */
}

#header .navbar-default .navbar-nav>li>a:hover {
    color: #007bff; /* 修改导航栏悬停文字颜色 */
}

/* 移动端页脚 */
#mob-bottom {
    transition: background-color 0.3s ease; /* 添加过渡效果 */
}

#mob-bottom:hover {
    background-color: rgba(255, 255, 255, 1); /* 修改移动端页脚悬停背景色 */
}