.sd_head{position: fixed;top: 0;left: 0;right: 0;z-index: 10;height: 140px;transition: .3s;}
.sd_head_cont{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;height: 100%;}
.sd_head_left>a>img{transition: .3s;}
.sd_head_right{display: flex;justify-content: space-between;}
.sd_head_item{height: 58px;margin-left: 56px;line-height: 58px;position: relative;}
.sd_head_item>a{font-size: 16px;color: #555;}
.sd_head_item:hover >a{color: var(--base);}
.sd_head_item:hover >span{height: 4px;}
.sd_head_item>span{height: 0px;width: 30px;background-color: var(--base);position: absolute;transition:height .3s;bottom: 0;left: 50%;transform: translateX(-50%);}
.sd_head_active>span{height: 4px;}
.sd_head_active>a{color: var(--base);}

.sd_head_white{background-color: #fff;height: 100px;}
.sd_head_white .sd_head_left>a>img{width: 80px;}
.sd_head_item>img{width: 26px;height: 26px;vertical-align: middle;}
/* .sd_head_white .sd_head_item>a{font-size: 16px;} */
.sd_head_imc{padding: 30px;width: 316px;height: 128px;position: absolute;display: none;right:0;top: 100%;width: auto;box-shadow: 0 0 20px 1px #efefef;background-color: #fff;}
.sd_head_i{border-bottom: 1px solid #bbb;display: flex;justify-content: space-between;align-items: center;}
.sd_head_i>input{height: 50px;color: #333;}
.sd_head_i>img{cursor: pointer;}

.sd_head_exc{display: none;background-color: #fff;position: absolute;left: 50%;transform: translateX(-50%);top: 100%;width: auto;box-shadow: 0 0 20px 1px #efefef;overflow: hidden;}
.sd_head_exc>a{display: block;padding: 0 20px;line-height: 40px;height: 40px;white-space: nowrap;text-align: center;}
.sd_head_exc>a:hover{background-color: var(--base);color: #fff;}

.sd_foot{background-color: #e6e6e6;}
.sd_foot_cont{width: 1200px;margin: 0 auto;}
.sd_foot_top{display: flex;align-items: flex-start;justify-content: space-between;padding: 50px 0 20px;}
.sd_foot_l{display: flex;}
.sd_foot_li{margin-right: 100px;}
.sd_foot_li>h1{color: #6c6c6c;font-size: 18px;margin-bottom: 22px;font-weight: bold;}
.sd_foot_li>div>a{color: #7e7e7e;display: block;margin-bottom: 18px;}

.sd_foot_r{text-align: right;}
.sd_foot_r>p{margin-top: 16px;color: #474747;}
.sd_foot_ic{margin-top: 20px;display: flex;justify-content: right;}
.sd_foot_ic>img{margin-left: 10px;}

.sd_foot_bottom{display: flex;justify-content: space-between;padding: 10px 0 40px;}
.sd_foot_bottom>span,.sd_foot_bottom>a{font-size: 12px;color: #7e7e7e;}
.sd_foot_bottom a:hover{text-decoration: underline;}

.sd_aside{position: fixed;right: 0;top: 30vh;}
.sd_aside_i{background-color: var(--base);width: 72px;height: 78px;display: flex;flex-direction: column;align-items: center;position: relative;justify-content: center;cursor: pointer;}
.sd_aside_i>span{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 24px;height: 1px;background-color: #fff;}
.sd_aside_i>img{}
.sd_aside_i>p{color: #fff;margin-top: 10px;font-size: 12px;}
.sd_aside_i:hover{background-color: #008874;}
.sd_aside_r{position: absolute;right: calc(100% + 24px);display: none;width: 156px;padding: 12px;background-color: #fff;box-shadow: 0 0 10px -3px var(--base);text-align: center;font-size: 15px;color: #6a6a6a;font-weight: bold;}
.sd_aside_r>img{width: 100%;}
.sd_aside_i:hover >.sd_aside_r{display: block;}

@media screen and (max-width:766px){
    .sd_head{height: 60px;}
    .sd_head_left{height: 100%;padding: 10px 0;}
    .sd_head_left>a{display: inline-block;height: 100%;}
    .sd_head_left>a>img{height: 100%}
    .sd_head_item>a{font-size: 1.4rem;}
    .sd_head_menu {padding: 2px 8px;border-radius: 10px;border: 2px solid #bbb;width: 40px;margin: 10px 0;}
    .sd_head_menu>img{width: 100%;}
    .sd_head_white .sd_head_left>a>img{width: unset;}

    .sd_head_right{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: #fff;flex-direction: column;padding: 50px 0;z-index: 10000;transform: translateZ(100px);display: none;margin-right: 0;display: none;}
    .sd_head_item{height: 50px;line-height: 58px;margin: 0;text-align: center;}
    .sd_head_right>i{    position: absolute;top: 20px;right: 20px;font-size: 30px;font-weight: bold;font-style: normal;line-height: 1;color: #666;}

    .sd_foot_top{flex-direction: column;}
    .sd_foot_l{flex-direction: column;width: 100%;}
    .sd_foot_li{margin: 0;width: 100%;}
    .sd_foot_li>div{display: none;}
    .sd_foot_li>div>a{font-size: 1.4rem;margin-bottom: 1.5rem;}
    .sd_foot_li>h1{margin-bottom: 1.2rem;padding-bottom: 1.2rem;border-bottom: 1px solid #ccc;font-weight: lighter;font-size: 1.6rem;}
    .sd_foot_li>h1>span{float: right;}
    .sd_foot_r{width: 100%;text-align: left;text-align: center;}
    .sd_foot_r>img{width: 80px;}
    .sd_foot_r>p{display: inline-block;font-size: 1.5rem;}
    .sd_foot_r>.sd_foot_m{color: var(--base);font-size: 2.6rem;margin-left: .8em;}
    .sd_foot_ic{margin-top: 10px;}
    .sd_foot_ic>img{margin-left: 0;margin-right: 10px;}
    .sd_foot_bottom{display: block;padding: 0 0 20px;text-align: center;}
    .sd_foot_bottom>a{margin-top: 10px;}


    .sd_aside{display: none;}

    
}