.fy_head{position: fixed;top: 0;left: 0;right: 0;z-index: 10;height: 136px;transition: .3s;background-color: rgba(0,0,0,.4)}
.fy_head_cont{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;height: 100%;}
.fy_head_left>a{display: block;}
.fy_head_left>a>img{transition: .3s;height: 99px;}
.fy_head_top{color: #fff;font-size: 18px;text-align: right;margin-bottom: 5px;}
.fy_head_top>span{color: var(--base);font-weight: bold;font-size: 32px;}
.fy_head_bottom{display: flex;justify-content: space-between;}
.fy_head_item{height: 58px;margin-left: 56px;line-height: 58px;position: relative;}
.fy_head_item>a{font-size: 16px;color: #fff;cursor: pointer;}
.fy_head_item:hover >a{color: var(--base);}
.fy_head_item:hover >span{height: 4px;}
.fy_head_active>a{color: var(--base);}

.fy_head_short{height: 80px;}
.fy_head_short .fy_head_left>a>img{height: 55px;}
.fy_head_short .fy_head_top{display: none;}
.fy_head_item>img{width: 26px;height: 26px;vertical-align: middle;}


.fy_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;}
.fy_head_exc>a{display: block;padding: 0 20px;line-height: 40px;height: 40px;white-space: nowrap;text-align: center;}
.fy_head_exc>a:hover{background-color: var(--base);color: #fff;}

.fy_foot{background: url('/images/hf/3.jpg') no-repeat center;background-size: cover;}
.fy_foot_cont{width: 1200px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;padding: 60px 0 40px;}
/* .fy_foot_i>img{width: 130px;} */
.fy_foot_i>span{display: block;font-size: 13px;line-height: 40px;color: #fff;}
.fy_foot_cont>hr{width: 0;height: 78px;border-left: 1px solid #fff;}
.fy_foot_i{}
.fy_foot_i>h1{font-size: 16px;color: #fff;margin-bottom: 30px;}
.fy_foot_i>h1>img{width: 25px;height: 22px;margin-right: .8em;}
.fy_foot_i>p{font-size: 14px;color: #fff;margin-top: 15px;max-width: 320px;line-height: 2;}
.fy_foot_i>p>img{margin-right: 1.8em;vertical-align: middle;}

.fy_foot_bottom{background-color: rgba(40,40,40,.4);}
.fy_foot_bc{display: flex;justify-content: space-between;align-items: center;height: 46px;width: 1200px;margin: 0 auto;}
.fy_foot_bc>span,.fy_foot_bc>a{font-size: 12px;color: #fff;}

.fi_title{text-align: center;padding: 98px 0 58px;}
.fi_title>h1{font-size: 30px;color: #515151;}
.fi_title>span{width: 114px;height: 2px;background-color: var(--base);display: inline-block;position: relative;}
.fi_title>span>b{width: 12px;height: 12px;border-radius: 50%;display: inline-block;background-color: var(--base);position: absolute;bottom: -5px;left: 50%;transform: translateX(-50%);}


@media screen and (max-width:766px){
    .fy_head{height: 60px;}
    .fy_head_left{height: 100%;padding: 10px 0;}
    .fy_head_left>a{display: inline-block;height: 100%;}
    .fy_head_left>a>img{height: 100%}
    .fy_head_menu {padding: 2px 8px;width: 40px;margin: 10px 0;}
    .fy_head_menu>img{width: 100%;}
    .fy_head_short .fy_head_left>a>img{height: 100%;}

    .fy_head_bottom{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;}
    .fy_head_item{margin: 0;text-align: center;height: auto;}
    .fy_head_item>a{color: #333;height: 50px;line-height: 58px;font-size: 1.6rem;}
    .fy_head_item>i{font-style: normal;font-size: 2rem;color: #333;position: absolute;right: 0;padding: 0 15px;}
    .fy_head_active>a{color: var(--base);font-weight: bold;}
    .fy_head_bottom>i{position: absolute;top: 20px;right: 20px;font-size: 30px;font-weight: bold;font-style: normal;line-height: 1;color: #666;}
    .fy_head_item:hover >a{color: unset;}
    .fy_head_exc{position: relative;top: unset;left: unset;width: 100%;transform: unset;box-shadow: unset;background-color: #efefef;}

    .fy_foot_cont{flex-direction: column;padding: 20px 0;align-items: center;}
    .fy_foot_i>img{width: 80px;}
    .fy_foot_bc{flex-direction: column;height: auto;padding: 10px 0;align-items: flex-start;}
    .fy_foot_bc>span, .fy_foot_bc>a{line-height: 2;}
    .fy_foot_i{width: 100%;padding: 10px 0;}
    .fy_foot_i>h1{font-size: 1.4rem;margin-bottom: 2rem;}
    .fy_foot_i>h1>img{width: 18px;height: auto;margin-right: 1.4rem;}
    .fy_foot_i>p{margin-top: 1rem;font-size: 1.4rem;}

    .fi_title{padding: 7rem 0 5rem;}
    .fi_title>h1{font-size: 2.8rem;}
    .fi_title>span{width: 10rem;}

}