.ly_head{height: 140px;position: fixed;top: 0;left: 0;right: 0;z-index: 10;transition: all .3s;}
.ly_head_cont{display: flex;height: 100%;justify-content: space-between;align-items: center;}
.ly_head_left{height: 100%;display: flex;align-items: center;}
.ly_head_left>a{display: flex;align-items: center;}
.ly_head_left>a>img{height: 50px;}
.ly_head_left>a>img:last-child{display: none;}
.ly_head_left>a>span{width: 60px;color: #fff;font-size: 20px;font-weight: bold;margin-left: 10px;white-space: nowrap;letter-spacing: .05em;}

.ly_head_middle{height: 100%;}
.ly_item{display: inline-block;vertical-align: middle;margin-left: 30px;position:relative;}
.ly_item>a{display: inline-block;height: 50px;line-height: 50px;color: #fff;transition: all .2s;font-size: 16px;font-weight: 600;}
.ly_item>i{font-size: 30px;color: #fff;}
.ly_item:hover >a{color: var(--base);}
.ly_item:hover >i{color: var(--base);}
/* .ly_item:hover .ly_exc{display: block;} */
.ly_item .ly_head_active{border-bottom: 4px solid var(--base);color: var(--base);}
.ly_head_right{display: flex;justify-content: flex-end;align-items: center;}
.ly_exc{display: none;position: absolute;left: 50%;transform: translateX(-50%);top: 110%;background-color: #fff;padding: 20px 0 18px;box-shadow: 0 0 16px -4px rgba(0,0,0,0.3);z-index: 11;}
.ly_exc>a{display: block;height: 36px;line-height: 36px;width: 150px;text-align: center;position:relative;overflow: hidden;transition: .3s;}
.ly_exc>a:hover{color: #fff;}
.ly_exc>a:after{height: 100%;position: absolute;right: 100%;content: '';z-index: -1;transition: .3s;background-color: var(--base);width: 100%;}
.ly_exc>a:hover::after{right: 0;}
.ly_exc>.ly_exc_a{background-color: var(--base);color: #fff;}
.ly_head_white{background-color: #fff;height: 100px;box-shadow: 0 0 10px 0 #eee;}
.ly_head_white .ly_head_left>a>img:first-child{display: none;}
.ly_head_white .ly_head_left>a>img:last-child{display: inline;}
.ly_head_white .ly_head_left>a>span{color: #999;}
.ly_head_white .ly_item>a{color: #999;font-weight: 300;}
.ly_head_white .ly_item>i{color: #666;font-weight: 300;}
.ly_head_white .ly_item>a:hover{color: var(--base);}
.ly_head_white .ly_item>.ly_head_active{color: var(--base);}

.ly_over{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 100;overflow: hidden;display: none;}
.ly_over_o{background-color: #fff;width: 0;height: 0;position: absolute;right: -200vw;top: -200vw;border-radius: 50%;padding-top: 200vw;padding-right: 200vw;padding-left: 100vw;padding-bottom: calc(200vw - 100vh);}
.ly_over_o>b{position: absolute;right: calc(200vw - 200px);top: calc(200vw - 200px);width: 400px;height: 400px;line-height: 150px;color: #fff;font-weight: bold;text-align: center;padding-top: 200px;padding-right: 200px;padding-left: 60px;background-image: linear-gradient(45deg,transparent,#fff);border-radius: 50%;}
.ly_over_o>b>i{font-size: 50px;transition: .3s;}
.ly_over_c{display: flex;height: 100%;justify-content: space-between;align-items: flex-start;}
.ly_over_l{flex: 2;height: 100%;display: flex;justify-content: center;flex-direction: column;padding-left: 10vw;}
.ly_over_l>h1{font-size: 25px;color: #666;font-weight: bold;margin-bottom: 30px;}
.ly_over_l>a{font-size: 48px;color: #999;font-weight: bold;line-height: 1.5;transition: .3s;}
.ly_over_l>a:hover{color: #333;}
.ly_over_r{flex: 1;height: 100%;background-color: var(--base);display: flex;flex-direction: column;justify-content: center;}
.ly_over_rc{padding-left: 5vw;}
.ly_over_rc>h1{color: #eee;font-size: 32px;margin-top: 20px;}
.ly_over_rc>b{color: #fff;font-size: 30px;line-height: 2;}
.ly_over_rc>p{color: #efefef;font-size: 18px;line-height: 2;}
.ly_over_a{color: var(--base);}


.ly_foot{background: url('/images/hf/5.jpg') no-repeat center;background-size: cover;background-attachment: fixed;}
.ly_foot_cont{padding: 30px 0;}
.ly_foot_hr{height: 8px;background: url('/images/hf/1.png') repeat center;}
.ly_foot_link h1{text-align: left;font-size: 18px;color: #efefef;margin-bottom: 16px;}
.ly_foot_link div{text-align: left;}
.ly_foot_link img{width: 100px;margin-right: 20px;border-radius: 5px;}
.ly_foot_link img:last-child{margin-right: 0;}
.ly_foot_top>.ly_foot_cont{display: flex;align-items: flex-end;justify-content: space-between;}
.ly_foot_top_left h1{color: #ddd;font-weight: 600;}
.ly_foot_top_left h3{color: var(--base);line-height: 40px;}
.ly_foot_top_right{}
.ly_foot_top_right a{color: #ddd;margin-left: 20px;line-height: 40px;}
.ly_foot_map{background-color: rgba(50,50,50,.8);padding-top: 60px;}
.ly_foot_midd>.ly_foot_cont{display: flex;justify-content: space-between;}
.ly_foot_midd_left{display: flex;width: 50%;margin-right: 10%;max-height: 300px;justify-content: space-between;}
.ly_foot_midd_left>div{flex: 1;}
.ly_foot_midd_left>div>h1{color: #efefef;font-size: 18px;margin-bottom: 20px;}
.ly_foot_midd_left>div>div{display: flex;flex-wrap: wrap;}
.ly_foot_midd_left>div>div>p{color: #ccc;line-height: 30px;margin-right: 20px;font-size: 13px;}
.ly_foot_midd_right{width: 40%;position: relative;}
.ly_foot_midd_right>h1{color: #efefef;font-size: 18px;}
.ly_foot_midd_right>div>p{color: #ccc;line-height: 30px;margin-top: 20px;font-size: 13px;font-size: 13px;}
.ly_foot_bott>.ly_foot_cont{display: flex;justify-content: space-between;align-items: center;}
.ly_foot_bott_left>h1{color: #efefef;font-size: 18px;}
.ly_foot_bott_left>b{color: var(--base);font-size: 22px;font-weight: bold;line-height: 2;}
.ly_foot_bott_left>p{color: #ccc;line-height: 24px;user-select: unset;font-size: 13px;}
.ly_foot_bott_left>p>a:hover{text-decoration: underline;}
.ly_foot_bott_right{width: 40%;}
.ly_foot_bott_right>h1{color: #efefef;font-size: 18px;margin-bottom: 20px;}
.ly_foot_bott_right>form{display: flex;flex-wrap: wrap;justify-content: space-between;}
.ly_foot_bott_right>form>input{width: 48%;height: 35px;background-color: transparent;border: 1px solid #999;color: #fff;padding: 0 10px;}
.ly_foot_bott_right [name="text"]{width: 100%;margin-top: 10px;}
.ly_foot_bott_right>form>input::-webkit-input-placeholder{color: #ccc;font-size: 12px;}
.ly_foot_bott_right>form>input::-moz-placeholder{color: #ccc;font-size: 12px;}
.ly_foot_bott_right>form>input:-ms-input-placeholder{color: #ccc;font-size: 12px;}
.ly_foot_bott_right>form>button{font-size: 12px;color: #fff;background-color: var(--base);padding: 0 15px;height: 35px;line-height: 35px;margin-top: 15px;cursor: pointer;display: block;}
.ly_foot_bott_right>form>[type="reset"]{display: none;}

.ly_icon{position: fixed;top: 0;right: 8vw;background-color: rgba(255, 255, 255, .8);width: 100px;height: 100px;line-height: 100px;text-align: center;z-index: 10;}
.ly_icon>i{color: var(--base);font-size: 50px;}

.ly_nav{background-color: #f5f5f5;}
.ly_nav_c{height: 60px;display: flex;align-items: center;}
.ly_nav_c>i{font-style: normal;width: 10px;height: 10px;background-color: var(--base);border-radius: 50%;margin-right: 20px;}
.ly_nav_c>a{font-size: 16px;}
.ly_nav_c>span{margin: 0 10px;}
.ly_nav_c>.ly_nav_a{color: var(--base);}


@media screen and (max-width: 1200px) {
    .ly_foot_midd>.ly_foot_cont{flex-wrap: wrap;}
    .ly_foot_midd_left{width: 100%;margin-right: 0;}
    .ly_foot_midd_right{width: 100%;margin-top: 30px;}
    .ly_foot_hr{margin: 0 5vw;width: 90vw!important;max-width: unset;min-width: unset;}
}

@media screen and (max-width: 992px) {
    .ly_head_middle{width: 60vw;}
    .ly_foot_top_left{width: 100%;}
    .ly_foot_map{padding-top: 20px;}
}

@media screen and (max-width: 766px){
    .ly_head{height: 10rem;}
    .ly_head_cont{width: 100%;padding: 0 20px;}
    .ly_head_white{height: 6rem;}
    .ly_head_left>a>img{height: 4rem;}
    .ly_foot_map{padding-top: 0;}
    

    .ly_head_bottom{height: 50px;}
    .ly_head_menu>i{color: #eee;font-size: 3rem;}
    .ly_head_white .ly_head_menu>i{color: #999;}

    .ly_head_middle{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;width: unset;}
    .ly_head_middle>a{width: 100%;text-align: center;color: #999;height: 5rem;line-height: 5rem;margin: 0;font-size: 1.4rem;}
    .ly_head_middle>i{position: absolute;top: 20px;right: 20px;font-size: 30px;font-weight: bold;font-style: normal;line-height: 1;color: #666;}
    .ly_head_middle>.ly_head_active{color: var(--base);}
    .ly_item{display: block;margin-left: 0;text-align: center;}
    .ly_item>a{color: #999;font-weight: lighter;}
    
    .ly_foot_cont{padding: 15px 0;}
    .ly_foot_hr{margin: 0 15px!important;width: calc(100vw - 30px);}

    .ly_foot_bott_left{width: 100%;}
    .ly_foot_midd_left{max-height: unset;flex-direction: column;}
    .ly_foot_midd_left>div{width: 100%;position: relative;}
    .ly_foot_midd_left>div>h1{font-size: 1.8rem;}
    .ly_foot_midd_left>div>i{font-size: 14px;color: #fff;position: absolute;right: 0;top: 0;line-height: 24px;}
    .ly_foot_midd_left>div>div{display: none;padding-bottom: 15px;}
    .ly_foot_midd_left>div>div>p{font-size: 1.2rem;line-height: 2;}
    .ly_foot_midd_right{margin-top: 0;}
    .ly_foot_midd_right>i{position: absolute;right: 0;top: 0;line-height: 24px;font-size: 14px;color: #fff;}
    .ly_foot_midd_right>div{display: none;}
    .ly_foot_midd_right>h1{font-size: 1.8rem;}
    .ly_foot_midd_right>div>p{font-size: 1.2rem;line-height: 2;}
    .ly_foot_bott_left>h1{font-size: 1.8rem;}
    .ly_foot_bott_left>p{font-size: 1.2rem;}

    .ly_icon{width: 6rem;height: 6rem;line-height: 6rem;}
    .ly_icon>i{font-size: 3rem;}

    .ly_nav_c{height: 6rem;}
    .ly_nav_c>i{width: 1rem;height: 1rem;}
    .ly_nav_c>a{font-size: 1.6rem;}
    
}