.w{width: 1200px;}
.main{margin: 0 auto;}
.down-head{ background: #444; height: 168px; }
.down-head .main{ padding-top: 48px;  }
.bread,.bread a{color: #bababa;}
.down-head h1,.down-head h2{line-height: 48px;}
.down-head h1,.down-head h2,.bread .on{ color: #fff; }
.down-head .bread{ display: flex; }
.bread li{padding-right: 15px;text-align: center;}
.bread .on{}
.down-main{padding: 48px 0 72px;background: #f0f0f0;}
.down-main .main{display: flex;}
.down-main .down-left,.down-main .down-right{min-height: 600px;}
.down-main .down-left{width: 288px;margin-right:16px;background: #fff;padding: 20px 0;}
.down-left a{display: inline-block;line-height: 48px;height: 48px;width: 284px;font-size: 18px;color: #3b3e40;border-left: 4px solid #fff;}
.down-left .nav-bar a:hover{background: #f7f9fa;border-left:4px solid #FBC815 ;}
.down-left .nav-bar a.on{background: #f7f9fa;border-left:4px solid #FBC815 ;}
.nav-bar{border-bottom:1px solid #f7f9fa;text-align: center;}
.down-left dt{display: flex;align-items: center;}
.down-left dt a{padding-left:20px;width: 268px;font-weight: 400;font-size: 16px;}
.down-left dt a:hover{ border-left:4px solid #FBC815 ;width: 264px;}
.down-left dt a.on{ border-left:4px solid #FBC815 ;width: 264px;}
.down-left dd{display: none; }
.down-left dl.open dd{display: block;}
.down-left dd a{padding-left:60px;width: 228px;font-size: 16px;}
.down-left dd a:hover{ border-left:4px solid #FBC815;width: 224px;}
.down-left dd a.on{ border-left:4px solid #FBC815;width: 224px;}

.down-main .down-right{width: 896px;background: #fff;padding: 40px;}
.down-right .pro-detail-head{display: flex;border-bottom: 1px solid #f7f9fa;padding-bottom: 20px;}
.pro-detail-head div:nth-child(2){width: 550px;margin-left: 20px;margin-bottom: 20px;}
.pro-detail-head div:nth-child(2)>p{margin-top:30px;line-height: 26px;font-size: 14px;}
.pro-detail-head div:nth-child(1){width: 300px;height: 200px;border: 1px solid #f7f9fa;}
.pro-detail-head img{display: block;width: 100%;}
.pdf-list h3{line-height: 80px;font-size: 20px;}
.pdf-list li{display: flex;align-items: center;height: 120px;cursor: pointer;padding: 10px 30px;}
.pdf-list li:nth-child(odd){background-color: #f7f9fa;}
.pdf-list li div:nth-child(1){width: 500px;padding: 0 20px;}
.pdf-list li div:nth-child(2){width: 100px;color: #FBC815;font-weight: bold; }
.pdf-list li div:nth-child(3){text-align: center;}
.pdf-list li div:nth-child(3) p>img{width: 80px;height: 80px;}



.btn-chevron-down {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 40px;
    height: 30px;
    border: 2px solid transparent;
    border-radius: 100px
}
.btn-chevron-down::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    transform: rotate(45deg);
    left: 4px;
    top: 5px;
    transition: all .3s linear;
}

.btn-chevron-up {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 40px;
    height: 30px;
    border: 2px solid transparent;
    border-radius: 100px
}
.btn-chevron-up::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    transform: rotate(225deg);
    left: 4px;
    top: 12px;
    transition: all .3s linear;
}