@charset "UTF-8";
.main{width:100%;max-width:1920px;margin:0 auto;padding:0 8.333333%;overflow:hidden;}
main{overflow:hidden !important;}

/* 
全局css变量定义
--mainColor    // 主色调
--helpColor    // 辅助深色调
--helpColor1   // 辅助浅色调
--bgColor      // 辅助背景色 
*/
:root{
    --mainColor:#972926;
    --helpColor:#4d4948;
    --helpColor1:#848484;
    --bgColor:#f5f5f5;
}

/* 头部导航 start */
header{position:fixed;top:0;left:0;width:100%;height:100px;line-height:100px;box-sizing:border-box;background:rgb(255,255,255);z-index:9999;}

/* 导航离开顶部改变：导航背景、字体颜色、移动端按钮颜色 */
.header_active{background:rgb(255,255,255) !important;}
.header_active .header_nav ul li > a{color:var(--helpColor);}
.header_active .phone_nav_btn span{background-color:var(--mainColor);}

/* 导航左边logo */
.header_main{width:100%;margin:0 auto;height:100%;}
.header_logo,.header_logo2{width:185px;overflow:hidden;height:100%;position: relative;}
.header_logo a,.header_logo2 a{display:block;width:100%;top:50%;transform:translateY(-50%);position:absolute;}
.header_logo_show{display:block !important;}
.header_logo_hide{display:none !important;}
.header_logo{width:220px;}

/* 导航右边盒子 */
.header_right_box{margin-left:auto;height:100%;font-size:20px;}
.header_nav{z-index:2;flex:1;}
.header_nav ul {height:100%;}
.header_nav ul li {position:relative;cursor:pointer;}
.header_nav ul li > a{color:var(--helpColor);display:block;height:100%;line-height:100px;padding:0 25px;}
.header_nav ul li:hover > a{color:var(--mainColor);}
/* 当前选中导航样式 */
.active > a{font-size:20px;color:var(--mainColor) !important;}

/* 二级菜单 */
.nav_bar{width:1200px;height:0;box-sizing:border-box;overflow:hidden;background-color:#fff;position:absolute;top:calc(100%);left:50%;;transform:translateX(-50%);transition:all .3s;}
/* 显示二级菜单 */
.header_nav ul li:hover .nav_bar{height:480px;}
.nav_bar_cont{width:100%;height:100%;padding:60px 80px;box-sizing:border-box;}
.nav_bar_left{display:block;border-right:#ccc solid 2px;padding-right:40px;margin-right:40px;}
.nav_bar-right{flex:1;height:100%;}
.nav_bar_cont .nav_bar_left li > a{color:#000;display:block;width:100%;padding:0;font-size:24px;line-height:24px;margin-bottom:22px;}
.nav_bar_cont .nav_bar_left li:hover > a{color:var(--mainColor);}
.nav_bar_cont .nav_bar_left .nav_bar_active > a{color:var(--mainColor);}
.nav_bar_cont .nav_bar_left li > a::after{content:"";display:none;}

/* 尾部导航 start */
footer{width:100%;position:relative;color:#fff;background-color:var(--helpColor);}
.footer-main{padding:80px 0 60px;align-items:flex-start;}
.footer_line{width:1px;height:190px;background-color:rgba(255,255,255,.1);}
/* 底部导航菜单 */
.footer-nav{width:100%;align-items:flex-start;}
.footer-nav ul li:first-child{font-weight:bold;margin-bottom:25px;}
.footer-nav ul li:last-child{margin-bottom:0;}
.footer-nav ul li{margin-bottom:15px;text-align:left;font-size:18px;}
.footer-nav ul li a{color:#918f8e;}
.footer-nav ul li:first-child a{color:#fff;}
.footer-txt{width:16%;}
.footer-txt p{line-height:30px;}
.footer-nav ul li:hover a{text-decoration:underline;color:#fff;}

/* 网站版权 */
.footer-record{font-size:18px;}
.footer-record p{border-top:rgba(255,255,255,.1) solid 1px;padding:35px 0;flex-wrap:wrap;color:#fff;}
.footer-record a{color:#fff;}
.footer-record a:hover{color:#fff;}
.footer-record a:visited{color:#fff;}
.website-design{margin:0 15px;}
.website-design a:visited{color:#fff;}
.website-design a:hover{color:#fff;}
/* 尾部 end */

/* 侧边栏start */
.side{position:fixed;right:46px;bottom:447px;}
.side a{width:68px;height:68px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;background-color:var(--helpColor);}
.side a:not(:last-child){margin-bottom:10px;}
.side_img{width:24px;height:24px;}
.side_txt{font-size:16px;color:#ffF;user-select:none;}
.side a:hover{background-color:var(--mainColor);}
/* 侧边栏end */


@media(max-width:1800px){
header{height:70px;}
.header_logo,.header_logo2{width:155px;}/* 控制logo大小 */
.header_logo{width:180px;}
.header_nav > ul > li > a{line-height:70px;padding:0 25px;}
.header_nav > ul > li > a::after{bottom:10px;}
.active > a,.header_right_box{font-size:16px;}
.footer-nav ul li{font-size:16px;}
.footer-record{font-size:16px;}
.footer_line{height:175px;}
}
@media(max-width:1680px){
.side a{width:58px;height:58px;}
.side_img{width:20px;height:20px;}
.side_txt{font-size:14px;}
}
@media(max-width:1560px){
header{height:60px;}
.header_logo,.header_logo2{width:115px;}/* 控制logo大小 */
.header_logo{width:140px;}
.header_nav > ul > li > a{line-height:60px;}
.header_nav > ul > li > a::after{bottom:10px;}
/* 下拉菜单 */
.nav_bar{width:1000px;}/* 2/5 */
.header_nav ul li:hover .nav_bar{height:400px;}
.nav_bar_cont{padding:45px 60px;}/* 下拉菜单padding 3/4 */
.nav_bar_cont .nav_bar_left li > a{font-size:20px;line-height:20px;margin-bottom:22px;}/* 二级导航字大小和marging-bottom */
.nav_bar_left{padding-right:40px;margin-right:40px;}/* 二级导航右边内外边距 */
.secList > ul{width:calc(100% - 180px - 60px);}/* 三级导航width(包括右边距 1:图片宽，2:边距宽) */
.secList > ul > li > a{font-size:16px;margin-bottom:16px;padding-bottom:16px;}/* 三级导航内外边距字体大小 */
.secList > .secBox > div{width:180px;height:180px;}/* 图片大小 */
.arrow{position:absolute;right:0;width:30px;height:24px;opacity:0;transition:all .3s;}
.arrow::before{width:20px;}
.arrow::after{width:8px;height:8px;}
.footer-nav ul{margin-right: 25px;}
.footer-cont{padding:0 8%;}
}
@media(max-width:1350px){
.nav_bar{width:700px;}/* 2/5 */
.header_nav ul li:hover .nav_bar{height:280px;}
.nav_bar_cont{padding:37.5px 50px;}/* 下拉菜单padding 3/4 */
.nav_bar_cont .nav_bar_left li > a{font-size:18px;line-height:18px;margin-bottom:20px;}/* 二级导航字大小和marging-bottom */
.nav_bar_left{padding-right:30px;margin-right:30px;}/* 二级导航右边内外边距 */
.secList > ul{width:calc(100% - 120px - 50px);}/* 三级导航width(包括右边距 1:图片宽，2:边距宽) */
.secList > ul > li > a{font-size:16px;line-height:18px;margin-bottom:10px;padding-bottom:10px;}/* 三级导航内外边距字体大小 */
.secList > .secBox > div{width:120px;height:120px;}/* 图片大小 */
.arrow{position:absolute;right:0;width:30px;height:18px;opacity:0;transition:all .3s;}
.arrow::before{width:18px;}
.arrow::after{width:6px;height:6px;}
}
@media(max-width:1240px){
.main{padding:0 5%;}
.footer-cont{padding:0 5%;}
}


/* 移动端1080 */
/*移动端导航按钮*/
.phone_nav_btn{width:24px;height:24px;display:none;position:absolute;right:4%;cursor:auto;}
.phone_nav_btn span{width:100%;display:block;background-color:var(--mainColor);height:2px;opacity:1;border-radius:4px;position:absolute;left:0;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.phone_nav_btn .nav_line01{top:3px;}
.phone_nav_btn .nav_line02{top:50%;transform:translateY(-50%);}
.phone_nav_btn .nav_line03{bottom:3px;}
.open .nav_line01{top:11px;left:50%;transform:translateX(-50%) rotate(-45deg);}
.open .nav_line02{opacity:0;}
.open .nav_line03{bottom:11px;left:50%;transform:translateX(-50%) rotate(45deg);}

@media (max-width:1080px){
.main{padding:0 4%;}
header{position:fixed;top:0;left:0;width:100%;height:50px;line-height:50px;background-color:rgba(255,255,255,1);box-shadow:0 0 3px 2px rgba(17,17,131,.14);}
.header_logo{display:block !important;}
.header_logo2{display:none !important;}

.phone_nav_btn{display:block !important;}

.header_nav{width:100%;position:fixed;left:0;top:-105%;background-color:rgba(255,255,255,1);height:100vh;z-index:999;transition:all 0.8s;}
.header_nav > ul {flex-wrap:wrap;align-content:flex-start;padding:10px 5%;}
.header_nav > ul > li{width:100%;}
.header_nav > ul > li > a{color:var(--helpColor);padding:0;line-height:45px;}
.header_nav > ul > li > a::after{background-color:var(--helpColor);left:0;bottom:0;}
.arrow2,.arrow3{position:absolute;width:50%;height:45px;right:0;top:0;z-index:33;}
.arrow2::after,.arrow3::after{content:"";position:absolute;border:var(--helpColor) solid;border-width:2px 2px 0 0;width:10px;height:10px;top:50%;right:0;transform:translateY(-50%) rotate(45deg);display:block;transition:all .3s;}
.arrow2-open::after{transform:translateY(-50%) rotate(135deg);}
.header_nav ul li:hover > a{color:var(--mainColor);}
.header_nav ul li:hover > .arrow2::after{border-color:var(--mainColor);}
/* .header_nav ul .active > a{color:#005dc7;} */
.header_nav ul .active > a::after{width:0;}
.nav_bar-right{display:none;}/* 三级导航以另外的盒子显示 */
/* 二级菜单 */
.nav_bar{width:100%;height:0;position:static;transform:translate(0);transition:all ease .5s;}
.nav_bar2{display:block;}
.nav_bar_cont{padding:0 20px;display:block;}
.nav_bar_left{padding:0;margin:0;border:unset;}
.nav_bar_cont .nav_bar_left li > a{margin-bottom:0;font-size:14px;line-height:40px;color:var(--helpColor);}
/* 显示二级菜单 */
.header_nav ul li:hover .nav_bar{height:0;}
.autoHeight{height:auto !important;}
.nav_bar_cont .nav_bar_left .nav_bar_active > a{color:var(--helpColor);}
.secList-phone{display:block;height: 0;overflow:hidden;transition:all .3s;padding: 0 20px;}
.secList-phone > ul > li > a{line-height:40px !important;font-size:12px !important;}

.footer-main{flex-wrap:wrap;padding:50px 0;}
.footer_line{display:none;}
.footer-logo{width:100%;}
.footer-logo img{width:185px;margin:0 auto 20px;}
.footer-nav{flex:1;flex-wrap:wrap;}
.footer-nav ul{width:100%;margin-right:0;transition:all ease .5s;max-height:43px;overflow:hidden;}
.footer-nav ul li{padding:0 2.5%;margin-bottom:0;line-height:30px;cursor:pointer;max-height:0;overflow:hidden;transition:all ease .5s;}
.footer-nav ul li a{display:block;width:100%;}
.footer-nav ul li:hover a{text-decoration:none;}
.footer-nav ul li:first-child{font-size:16px;font-weight:unset;margin-bottom:0px;line-height:42px;border-bottom:rgba(255,255,255,.1) solid 1px;padding:0 10px;max-height:45px !important;position:relative;}
.footer-nav ul li:first-child a{display:inline;}
.footer-nav ul li:first-child::after{content:'';display:block;position:absolute;width:8px;height:8px;border:#fff solid;border-width:2px 2px 0 0;top:50%;right:10px;transform:translateY(-50%) rotate(135deg);transition:all ease .3s;}
.footer-nav ul .footer-arrow::after{transform:translateY(-50%) rotate(-45deg) !important;}
.footer-record p{padding:30px 0;flex-wrap:wrap;}
/* 移动端隐藏侧边栏 */
.side{display:none !important;}
}
@media(max-width:768px){
.header_logo,.header_logo2{width:100px;}/* 控制logo大小 */
.header_logo{width:130px;}
.footer-logo img{width:145px;}
.footer-record p{justify-content:center;}
.footer-nav ul li{font-size:14px;}
.footer-record{font-size:14px;}
}
@media(max-width:475px){
.footer-main{padding:40px 0;box-sizing:border-box;}
}