.umi-top{display: flex;justify-content: flex-start;align-items: center;}
.umi-top > img{width: 36px;margin-right: 12px;}
.umi-top > span{font-size: 1.56vw;}
.umi-top{margin-bottom: 1.6vw;}
.umi-tab{margin-bottom: 4vw;display: flex;align-items: center;justify-content: flex-start;}
.umi-tab li{cursor: pointer;font-size: 1.145vw;padding: 10px 21px;margin-right: 20px;border: 1px solid #3EA2DC;}
.umi-tab li.on{background-color: #3EA2DC;color: #fff;}
.umi-items{display: none;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.umi-items.on{display: flex;}
.umi-items .umi-box{width: 48%;margin-bottom: 5.2vw;display: flex;align-items: stretch;justify-content: flex-start;}
.umi-items .umi-box .umi-photo{width: 4.6vw;margin-right: 40px;position: relative;}
.umi-items .umi-box .umi-photo >img{width: 100%;position: relative;z-index: 5}
.umi-items .umi-box .umi-photo:after{content: "";position: absolute;width: 55%;height: 80%;left: 0;right: 10%;margin: auto;top: 0;bottom: 0;box-shadow:0 30px 64px -1px rgba(0,0,0,0.4);transition: opacity .3s ease-in-out;opacity: 0;}
.umi-items .umi-box:hover .umi-photo:after{opacity: 1;}
.umi-items .umi-box:hover .umi-con > div{color: rgba(217, 49, 60, 1);}
.umi-items .umi-box .umi-con{display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;}
.umi-items .umi-box .umi-con > div{font-size: 18px;font-weight: 600;padding: 10px 20px 10px 0;position: relative;transition: color .3s ease-in-out;}
.umi-items .umi-box .umi-con > div:after{content: "";position: absolute;width: 100%;height: 2px;left: 0;bottom: 0;background-color: rgba(217, 49, 60, 1);}
.umi-items .umi-box .umi-con > div:before{content: "";position: absolute;width: 0;height: 0;border-style: solid;border-width: 5px;border-color: transparent transparent rgba(217, 49, 60, 1) transparent;bottom: 0;right: -2px;}
.umi-items .umi-box .umi-con > ol{padding-left: 0;margin: 0;list-style: none;display: flex;justify-content: flex-start;align-items: center;}
.umi-items .umi-box .umi-con > ol > a{cursor: pointer;display: flex;justify-content: flex-start;align-items: center;font-size: 16px;color: rgba(60, 60, 60, 0.7);margin-right: 3.8vw;transition: color 0.3s ease-in-out;}
.umi-items .umi-box .umi-con > ol > a .umi-icon{margin-right: 7px;width: 22px;position: relative;}
.umi-items .umi-box .umi-con > ol > a .umi-icon > span{display: inline-block;height: 30px;width: 100%;background-position-y: center;background-repeat: no-repeat;background-size: 200%;}
.umi-items .umi-box .umi-con > ol > a .umi-icon > span:nth-of-type(1){background-position-x:0; }
.umi-items .umi-box .umi-con > ol > a .umi-icon > span:nth-of-type(2){background-position-x:100%;position: absolute;height: 100%;width: 100%;z-index: 4;left: 0;right: 0;opacity: 0;transition: opacity .3s ease-in-out;}
.umi-items .umi-box .umi-con > ol > a:hover{color:rgba(217, 49, 60, 0.7); }
.umi-items .umi-box .umi-con > ol > a:hover .umi-icon > span:nth-of-type(2){opacity: 1;}

.uui-top{position: relative;}
.uui-top > img{width: 100%;height: 365px;object-fit: cover;position: relative;}
.uui-top > .uui-msg{position: absolute;height: 100%;width: 100%;padding: 2.6vw;left: 0;top: 0;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;box-sizing: border-box;align-content: center;}
.uui-top > .uui-msg > img{width: 39px;margin-right: 15px;}
.uui-top > .uui-msg > span{display: inline-block;font-size: 2.18vw;color: #fff;}
.uui-top > .uui-msg > p{width: 100%;font-size: 18px;color: #fff;margin-top: 30px;}
.uui-line{
    width: 100%;
    height: 1px;
    background: #199FD6;margin: 2.2vw 0 2vw 0;
}
.uui-mid{display: flex;justify-content: flex-start;align-items: center;}
.uui-mid > img{margin-right: 40px;max-width: 6vw;}
.uui-mid > div{padding-bottom: 10px;}
.uui-mid > div > h3{font-size: 1.7vw;font-weight: 600;color: rgba(74, 74, 74, 1);line-height: 2;}
.uui-mid > div > p{font-size: 14px;color: rgba(0, 0, 0, 0.5)}

.uui-chart{display: flex;justify-content: space-between;align-items: flex-start;width: 100%;}
.uui-box{width: 100%;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.uui-box.half{width: 46%;}
.uui-box .uui-h{font-size: 20px;margin-bottom: 20px;}
.uui-box .uui-list{width: 100%;margin-bottom: 16px;}
.uui-box .uui-list >span{font-size: 18px;margin-bottom: 8px;display: inline-block;}
.uui-box .uui-list > .uui-bar{
    height: 3.4vw;width: 100%;position: relative;
}
.uui-box .uui-list > .uui-bar > .uui-mask{
    position: absolute;width: 100%;height: 100%;left: 0;
    top: 0;
    background: linear-gradient(-45deg,
    #fff 25%, rgba(255,255,255,0.5) 0, rgba(255,255,255,0.5) 50%,
    #fff 0, #fff 75%, rgba(255,255,255,0.5) 0);
    background-size: 8px 8px;
}
.uui-box .uui-list > .uui-bar > .uui-num{
    position: absolute;width: 100%;height: 100%;left: 0;
    top: 0;color: #fff;font-size: 26px;
    padding: 0 3% 0 15%;display: flex;align-items: center;
    justify-content: flex-start;z-index: 10;
}
.uui-box .uui-list > .uui-bar > small{z-index: 5;position: absolute;left: 0;top: 0;width: 0%;height: 100%;display: block;background-color: #1b1195;transition: width .3s ease-in-out}
.slogan{background-position: bottom center;}
@media screen and (min-width: 1000px){
    .content .left a{height: 95px;line-height: 1.2;display: flex;align-items: center;justify-content: center;padding: 0 1vw;}
    .content .left dd ul li a:after{right: 10px;}
}
@media screen and (orientation : portrait){
    .content .right{min-height: 60vh;}
    .slogan{background-position-x:31%; }
    .uui-box .uui-h{font-size: 16px;}
    .uui-box .uui-list >span{font-size: 14px;}
    .uui-box .uui-list > .uui-bar{height: 10vw;}
    .uui-box .uui-list > .uui-bar > .uui-num{font-size: 16px;padding-left: 12%;}

    .umi-top > span{font-size: 4.5vw;}
    .umi-top > img{max-width: 5.5vw;}
    .umi-tab{margin: 7vw 0 10vw 0;}
    .umi-tab li{padding: 6px 30px;font-size: 3.6vw;}
    .umi-items{justify-content: space-between;min-height: 60vh;}
    .umi-items .umi-box{width: 48%;}
    .umi-items .umi-box .umi-photo{position: absolute;width: 7.6vw;}
    .umi-items .umi-box .umi-con > div{font-size: 14px;min-height: 6.4vw;line-height: 1.5;padding-left: 11vw;padding-right: 2vw;}
    .umi-items .umi-box .umi-con > ol{margin-top: 8px;}
    .umi-items .umi-box .umi-con > ol > a{font-size: 14px;}

    .uui-top{padding-bottom: 5vw;}
    .uui-top > img{height: 32vw;}
    .uui-top > .uui-msg{margin-top: -32vw;padding: 0vw 7vw;align-items: flex-start;position: relative;z-index: 10;flex-direction: column;}
    .uui-top > .uui-msg > img{margin-top: 7vw;}
    .uui-top > .uui-msg > span{height: 16vw;line-height: 16vw;font-size: 6vw;width: 100%;}
    .uui-top > .uui-msg > p{font-size: 13px;color: #000;position: relative;width: 100%;}
    .uui-line{margin: 5vw 0 4vw 0;}
    .uui-mid > img{max-width: 16vw;margin-right: 4vw;}
    .uui-mid > div > h3{font-size: 4.6vw;}
    .uui-mid > div > p{font-size: 13px;line-height: 1.5;}
}