@font-face {
    font-family: "HurmeGeometricSans3";
    font-weight: 400;
    src: url("https://d13pvy8xd75yde.cloudfront.net/global/HurmeFonts/HurmeGeometricSans_No3_4_Regular.otf") format("opentype");
}
@font-face {
    font-family: "HurmeGeometricSans3";
    font-weight: 600;
    src: url("https://d13pvy8xd75yde.cloudfront.net/global/HurmeFonts/HurmeGeometricSans_No3_6_Bold.otf") format("opentype");
}
@font-face {
    font-family: "HurmeGeometricSans3";
    font-weight: 500;
    src: url("https://d13pvy8xd75yde.cloudfront.net/global/HurmeFonts/HurmeGeometricSans_No3_Oblique_5_Semibold.otf") format("opentype");
}
@media (max-width: 767px){
    #country-change-selector{
        margin-bottom: 137px;
    }
    footer.global-footer .directory-footer .slogan-col{
        bottom: -27rem;
    }
}

body{
font-family: HurmeGeometricSans3!important;
font-weight: 400;
color: #000;
}
@media (max-width: 1200px){
    .mobile{
        display: block;
    }
    .pc{
        display: none;
    }

    .banner{
        position: relative;
        width: 100vw;
        text-align: center;
    }
    .banner .biao{
        position: absolute;
        right: 6.9444vw;
        top: 2.0833vw;
        width: 14.7917vw;
        height: 7.4306vw;
        background: url(./image/Rectangle.png);
        background-size: cover;
    }
    .banner img{
        position: relative;
        display: block;
        height: auto;
        margin: 0 auto;
    }

    .banner img:nth-child(1){
        width: 100vw;
        
    }
    .banner img:nth-child(2){
        width: 61.4583vw;
        margin: 4.1667vw auto 0 auto;
    }
    .banner img:nth-child(3){
        width: 85.7639vw;
        margin: 2.0833vw auto 2.0833vw auto;
    }
    .banner img:nth-child(4){
        width: 45.4167vw;
        margin: 0 auto 5.4861vw auto;
    }
    .banner .title-box-new{
        position: absolute;
        width: 100%;
        bottom: 12.0833vw;
        display: flex;
        justify-content: center;
        cursor: pointer;
    }
    .banner .title-box-new div{
        width: 50%;
        height: 10.0833vw;

    }
    /* .banner p{
        font-size: 3.0896vw;
        color: #6C6C6C;
    } */
    .pro-box{
        margin-top: 4.1667vw; 
    }
    .pro-box .title-box{
        display: flex;
        justify-content: center;
        align-items: center;
        
        color: #5374CB;
        margin-bottom: 8.3333vw;
    }
    .pro-box .title-box p{
        font-size: 4.1194vw;
        margin-top: auto;
        margin-bottom: auto;
        
    }
    .title-box .btn1, .pre-box .btn1{
        width: 33.9861vw;
        height: 10.2986vw;
        background: url(./image/btn.png);
        background-size: cover;
        text-align: center;
        line-height: 10.2986vw;
        font-size: 5.4069vw;
        color: #fff;
        font-weight: bold;
    }
    .btn2{
        width: 40.625vw;
        height: 10.2937vw;
        background: url(./image/btn2.png);
        background-size: cover;
        font-size: 5.3431vw;
        font-weight: 700;
        color: #fff;
        line-height:10.2937vw;
    }
    .pro-d-box{
        text-align: center;
    }
    .pro-d-box1{
        background-color:#F5F5F5 ;
        float: left;
    }
    .pro-d-box2{
        padding-top: 7.8493vw;
        clear: both;
    }
    .proimg{
        float: right;
        width: 96.875vw;
        height: auto;
    }
    .protxt{
        clear: both;
    width: 72.5694vw;
    height: auto;
    margin-bottom: 3.8979vw;
    }
    .pro-img{
        float: left;
        width: 62.8472vw;
        height: auto;
    }
    .pro-txt{
        clear: both;
    width: 79.3056vw;
    height: auto;
    margin-bottom: 4.8924vw;
    }
    .pro-d-box p{
        font-size: 3.2215vw;
        margin: auto;
        
    }
    .pro-d-box p em{
        font-weight: bold;
        font-style: normal;
    }
    .pre-box{
        display: flex;
        justify-content: center;
        font-size: 5.1493vw;
        font-weight: bold;
        margin-top: 4.1549vw;
    
    }
    .pre-box .pre{
        margin-top: .6944vw;
    }
    .pre-box span{
        margin-right: 4.1667vw  ;
        display: block;
    }
    .btn-pro{
        text-align: center;
    }
    .btn-pro span{
        font-size: 3.8618vw;
        font-weight: normal;
        color: #5374CB;
        margin-right: auto;
        margin-top: 3.0896vw;
    }
    .mr-txt{
        font-weight: 600!important;
    }
    .img{
        width: 88.125vw;
        height: auto;
        margin: 2.0833vw auto;
    }
    .pro-box-con{
        padding-top: 6.5556vw;
        background-image: linear-gradient(#eee,#fff);
        /* background-color: #eee; */
        padding-bottom: 10.4167vw;
    }
    .pro-box-con .list{
        margin:0 auto 13.3868vw auto;
        width: 81.5vw;
        background: #fff;
        border-radius: 2.0833vw;
        padding-bottom: 3.0833vw;
        box-shadow: 0 0 10px #999;
    }
    .pro-box-con .list .top{
        padding: 4.3771vw 0 6.4347vw 0;
        border-radius: 2.3889vw;
        box-shadow: 0 0 10px #999;
        margin-bottom: 2.7778vw;
    }
    .pro-box-con .list .top .name{
        display: block;
        margin: 0 auto;
        width: 69.0278vw;
    }

    .pro-avg-new img{
        width: 44.4444vw;
        display: block;
        margin: 0 auto;
    }
    .pro-avg,.pro-avg-new{
        display: flex;
        justify-content: center;
        margin: 1.9444vw 0;
    }
    .pro-avg img:nth-child(1){
        width: 21.4583vw;
        position: relative;
        left: 2.9444vw;
    }
    .pro-avg img:nth-child(2){
        width: 22.0139vw;
        z-index: 10;
        position: relative;
        left: -4.9444vw;
    }
    .pro-dic{
        font-size: 3.5354vw;
        padding-left: 2.3931vw;

    }
    .pro-dic em{
        font-weight: bold;
        font-style: normal;
    }
    .pro-box-new{
        width: 100%;
        height: 193.4028vw;
        background-image: url(./image/bg.png);
        background-size: cover;
    }
    .pro-box-new img{
        position: relative;
        top: 6.9444vw;
        display: block;
        margin: 0 auto;
        width: 75.3472vw;
        height: auto;
    }
    .pro-box-new .pre-box{
        position: relative;
        top: 4.7917vw;
    }
    .new-pre{
        width: 36.0833vw;
        text-align: center;
    }
    .new-pre span:nth-child(2){
    font-size: 3.6028vw;
    }
    .swiper-box{
        padding-top: 5.5556vw;
        text-align: center;
        background: #eee;
        padding-bottom: 6.9444vw;
    }
    .swiper-box .title{
        font-size: 5.0132vw;
        font-weight: bold;
    }
    .dot-box{
        width: 100%;
        margin: 4.1667vw 0;
    }
    .dot-box a{
        position: relative;
        display: inline-block;
        width: 6.5972vw;
        height: 3.4028vw;
        /* overflow: hidden; */
        margin: 0 .3472vw;
    }
    .dot-box a img{
        position: absolute;
        left: 50%;
        top: 50%;
        /* top: 50%; */
        height: 2.7778vw;
        margin-top: -1.3889vw;
        width: 5.9215vw;
        margin-left: -2.9514vw;
    }

    /* @media (max-width:767px) {
        .dot-box a img{
            position: relative;
            top: 25%;
            margin-top: -1.3889vw;
            width: 5.9215vw;
        }
    } */
    .dot-box a em{
        position: absolute;
        left: 0;
        top:0;
        width: 6.5972vw;
        height: 3.4028vw;
        background-image: url(./image/selected.png);
        background-size: cover;
        /* border-radius:2.1vw; */
    }
    .swiper-con{
        display: flex;
        margin-top: 6.9444vw;

    }
    .swiper-con .item{
    width: 50%;
        text-align: center;
    }
    .swiper-con .item .name{
        text-align: center;
        font-size: 3.7431vw;
        font-weight: bold;
    }
    .swiper-item-box{
        position: relative;
        margin-top:2.0833vw;
        overflow: hidden;
    }
    .swiper-item-box .left-img{
        position: absolute;
        top: 11.8333vw;
        left: 4.1667vw;
        width: 4.2361vw;
        height: 4.9306vw;
        z-index: 10;
    }
    .swiper-item-box .right-img{
        position: absolute;
        top: 11.8333vw;
        right: 4.1667vw;
        width: 4.2361vw;
        height: 4.9306vw;
        z-index: 10;
    }
    .swiper-item-box .left-img img, .swiper-item-box .right-img img{
        width: 4.2361vw;
        height: 4.9306vw;
    }
    .swiper-item-box .swiper{
        width: 100%;
    }
    .swiper-item-box img{
        width: 34.2361vw;
    }
    .item-pre-box{
        text-align: center;
        font-size: 5.4069vw;
    }
    .item-pre-box span{
        font-weight: bold;
    }
    .item-pre-box div{
        width: 33.9861vw;
        height: 10.2986vw;
        background: url(./image/btn.png);
        background-size: cover;
        text-align: center;
        line-height: 10.2986vw;
        font-size: 5.4069vw;
        color: #fff;
        font-weight: bold;
        margin: 1.3889vw auto;
    }
    .item-pre-box-new div{
        width: 37.2917vw;
        height: 10.2986vw;
        background: url(./image/btn3.png);
        background-size:37.2917vw 10.2986vw;
        text-align: center;
        line-height: 10.2986vw;
        font-size: 5.4069vw;
        color: #fff;
        font-weight: bold;
        margin: 1.3889vw auto;
    }
    .item-pre-box .more-pro{
        font-size: 4.1667vw;
        color: #5374CB!important;
    }
    .info-list-box{
        margin-top: 2.0833vw;
    }
    .info-list-box .info-list{
        margin: 0 auto 2.2917vw auto;
        padding: 1.0833vw;
        width: 86.4583vw;
        height: 25.8333vw;
        background: url(./image/info-bg.png);
        background-size: 86.4583vw 25.8333vw;
        display: flex;
    }
    .info-txt{
        position: relative;
        flex: 1;
        text-align: center;
        font-size: 2.9167vw;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        height: 22.9861vw;

    }
    .info-list-box .info-list .info-txt:nth-child(1)::after{
        content: '';
        position: absolute;
        top: 2vw;
        width: 1px;
        height: 20.8vw;
        right: 0;
        background: #6E6E6E;
    }
    .info-txt img{
        display: block;
        margin: 0 auto;
        width: 4.0833vw;
        margin-bottom: 2.0417vw;
        /* height: 7.2917vw; */
    }
    .info-txt span{
        display: block;
        line-height: 3.1667vw;
    }
    .info-txt span:nth-child(2){
        font-size: 4.4444vw;
        font-weight: 700;
    }
    .info-txt span:nth-child(3){
        font-weight: 600;
    }
    .info-list:nth-child(2) .info img{
    width: 4.5139vw;
    }
    .info-list:nth-child(3) .info img{
        width:7.5694vw
    }
    .info-list:nth-child(4) .info img{
        width: 9.0972vw;
    }
    .info-list-one{
        width: 43.125vw;
        height: 22.9861vw;
        border: .2083vw solid #6f6f6f;
        border-radius: 2.0833vw;
        margin: 1.0833vw auto 2.0833vw auto;

    }
    .info-list-one img{
        width: 9.7917vw;
    }
    .info-list-one:nth-child(2) img{
        width: 7.6389vw;
    }
    .info-list-one:nth-child(3) img{
        width: 7.4306vw
    }
    .info-list-one:nth-child(4) img{
        width: 9.0972vw
    }
    .footer-box{
        padding: 5.5556vw 4.1667vw;
    }
    .footer-box h2{
        font-size: 3.3333vw;
        font-weight: bold;
    }
    .footer-box h3{
        font-size: 2.6389vw;
        font-weight: bold;
    }
    .footer-box p{
        font-size: 2.6389vw;
    }
    
   
}
#backtotop{
    bottom: 80px;
}
#infoset-btn-frame{
    right: 0px!important
}
@media (min-width: 1200px){
    .mobile{
        display: none;
    }
    .pc{
        display: block;
    }
    .pc-banner1{
        position: relative;
        height: 46.4583vw;
        width: 100%;
        background: url(./image/banner-pc-1.jpg);
        background-size: cover;
        
    }
    .pc-banner1 .biao{
       position: absolute;
       top: 1.3889vw;
       right: 3.0375vw;
       width: 8.6806vw;
       height: 4.3694vw;
       background: url(./image/Rectangle.png);
       background-size: cover;
    }
    .pc-banner1 .txt-box{
        width:93.125vw;
        height: 12.6042vw;
        background: url(./image/pc-banner1.png);
        background-size: cover;
        margin: 0 auto;
        position: relative;
        top: 16.9444vw;
    }
    .pc-banner1 .txt-box img{
        position: absolute;
        top: -20.8333vw;
        left: 0.2889vw;
        width: 76.8812vw;
        height: 50.4035vw;
    }
    .pc-pre-box{
        position: absolute;
        bottom: 6.641vw;
        right: 6.6306vw;
        display: flex;
        align-items: center;

    }
    .pc-pre-box span{
        font-size: 1.5625vw;
        width: 13.125vw;
        height: 3.9847vw;
        font-weight: 400;
        display: block;
        margin-right: .6944vw;
        color: #5374CB;
        cursor: pointer;
    }
    .pc-pre-box div{
        width: 13.125vw;
        height: 3.9847vw;
        text-align: center;
        line-height: 3.9847vw;
        /* background: url(./image/btn.png); */
        background-size: cover;
        color: #fff;
        font-weight: 700;
        cursor: pointer;
        font-size: 2.0313vw;
    }
    .pc-banner2{
        position: relative;
        width: 100%;
        height: 60.7861vw;
        background-color: #F5F5F5;
    }
    .pc-banner2 .pro1{
        position: absolute;
        right: 0;
        top: 0;
        width: 79.9285vw;
        height: 27.8931vw;
    }
    .pc-banner2 .pro2{
        position: absolute;
        left: -3.5333vw;
        bottom: 0;
        width: 37.8937vw;
        height: 47.6604vw;
    }
    .pc-banner-txt{
       position: absolute;
       display: flex;
       flex-flow: column;
       top: 27.8472vw;
       left: 34.8937vw;
       width: calc(100% - 34.8937vw);
       text-align: center;
       font-size: 1.1792vw;

    }
    .pc-banner-txt span em{
       font-weight: 700;
       font-style: normal;
    }
    .pc-banner-txt img{
        width: 30.8618vw;
        position: relative;
        margin:0 auto 1.0417vw auto;
    }
    .pc-banner-txt .pc-pre-box-co,.pc-pre-box-co1{
        position: relative;
        /* width: 100%; */
        top:1.6042vw;
        display: flex;
        font-size: 1.4368vw;
        font-weight: 700;
        justify-items: center;
        margin: 0 auto;
    }
    .pc-banner-txt span{
        display: block;
    }
    .pc-banner-txt .pc-pre-box-co .pre{
        position: relative;
        margin-right: 1.0417vw;
        top: .417vw;
        font-size: 1.4368vw;
    }
    .pc-pre-new{
        width: 10.7639vw!important;
        height: 2.7278vw!important;
        text-align: center;
        line-height: 2.7278vw!important;
        background: url(./image/btn2.png)!important;
        background-size: 10.7639vw 2.7278vw!important;
        color: #fff;
        font-weight: 700;
        font-size: 1.4368vw;
    }
    .ys-btn{
        width: 12.2222vw!important;
        height:2.7076vw!important;
        text-align: center;
        line-height: 2.7076vw!important;
        background: url(./image/btn2.png)!important;
        background-size:  12.2222vw 2.7076vw!important;
        color: #fff;
        font-weight: 700;
        font-size: 1.4368vw;
    }
    .pc-banner-txt .pc-pre-box-co div, .pre-box .btn1, .swiper-box .swiper-pre div{
        width: 9.1729vw;
        height: 2.7076vw;
        text-align: center;
        line-height: 2.7076vw;
        background: url(./image/btn.png);
        background-size: cover;
        color: #fff;
        font-weight: 700;
        font-size: 1.4368vw;
        cursor: pointer;
    }
    
    .pc-banner-txt .pc-pre-box-co div p, .pc-banner-txt .pc-pre-box-co1 div p{
        color: #5374CB;
        font-size: 1.1049vw;
        font-weight: 400;
    }
    .pc-banner3{
        padding: 9.4444vw 0 6.25vw 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pc-banner3 .pro{
        width: 38.05vw;
        margin-right: 5.7819vw;
    }
    .baneer3-txt{
        position: relative;
        left: auto;
        top: auto;
        width: auto;
    }
    .pc-banner4{
        padding: 10.625vw 0 10.8333vw 0;
        background: #F5F5F5;
    }
    .pc-banner4 .banner-box{
        display: flex;
        justify-content: center;
    }
    .banner-box .list{
        width: 28.1049vw;
        background: #fff;
        border-radius: 1.3889vw;
        padding-bottom: 1.0417vw;
        box-shadow: 0 0 10px #999;
        margin: 0 4.1667vw;
    }
    .banner-box .list .top{
        padding: 1.4583vw 0 1.9444vw 0;
        border-radius: 1.3889vw;
        box-shadow: 0 0 10px #999;
        margin-bottom: 2.7778vw;
    }
    .banner-box .list .top .name{
        display: block;
        margin: 0 auto;
        width: 23.7299vw;
    }
    .pro-avg{
        display: flex;
        justify-content: center;
        margin: 1.25vw 0;
    }
    .pro-avg img:nth-child(1){
        width:7.2917vw;
        position: relative;
        left: 0.9444vw;
    }
    .pro-avg img:nth-child(2){
        width: 7.5vw;
        z-index: 10;
        position: relative;
        left: -1.9444vw;
    }
    .pro-dic{
        font-size: 1.2396vw;
        padding-left: 0.7778vw

    }
    .pro-dic em{
        font-weight: bold;
        font-style: normal;
    }
    .pre-box{
        display: flex;
        justify-content: center;
        font-size: 1.7708vw;
        font-weight: bold;
        margin-top: 1.7361vw;
    
    }
    .pre-box .pre{
        margin-top: .1944vw;
    }
    .pre-box span{
        margin-right: 1.3889vw;
        display: block;
    }
    .btn-pro{
        text-align: center;
    }
  
    .btn-pro span{
        font-size: 1.3285vw;
        font-weight: normal;
        color: #5374CB;
        margin-right: auto;
        margin-top: .0417vw;
        cursor: pointer;
    }
   .pc-banner5{
      width: 100vw;
      height: 64.7708vw;
      background: url(./image/pc-banner5.jpg);
      background-size: cover;
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .pc-banner5 .pro{
      width: 52.6389vw;
      height: 55.6944vw;
   }
   .pc-banner5 .pc-banner5-txt img{
      width: 25.4167vw;
   }
   .new-pre{
        width: 11.0833vw;
        text-align: center;
    }
    .new-pre span:nth-child(2){
    font-size: 1.1042vw
    }
    .mr-txt {
        font-weight: 600!important;
    }
    .pc-banner6{
        padding: 8.5944vw 0 12.2375vw 0;
        background: #F5F5F5;
        text-align: center;

    }
    .pc-banner6 .title{
        font-size: 3.125vw;
        font-weight: bold;
    }
    .pc-swiper-box{
        margin: 5.9028vw 11.875vw 0 11.875vw;
        display: flex;
    }
    .pc-swiper-box .left-box{
        width: 50%;
        
    }
    .pc-swiper-box .left-box .top-pro-box{
        display: flex;
    }
    .pc-swiper-box .left-box .top-pro-box .swiper-box{
        width: 50%;
    }
    .pc-swiper-box .left-box .top-pro-box .swiper-box .name{
        font-size: 1.5625vw;
        margin-bottom: 1.5715vw;
        font-weight: bold;
        display: block;
    }
    .swiper-box .swiper-con, .swiper-box .swiper-con img{
        position: relative;
        width: 13.6111vw;
        height: 13.6111vw;
        margin: 0 auto;
        overflow: hidden;
    }
    .dot-box{
        width: 100%;
        margin: 1.2257vw 0;
    }
    .dot-box a{
        position: relative;
        display: inline-block;
        width: 1.9188vw;
        height: .9813vw;
        /* overflow: hidden; */
        /* margin: 0 .3472vw; */
    }
    .dot-box a img{
        position: absolute;
        left: 50%;
        top: 50%;
        /* top: 50%; */
        width: 1.7188vw;
        height: .7813vw;
        margin-top: -0.39vw;
        margin-left: -0.86vw;
    }
    .swiper-box .swiper-pre{
        text-align: center;
        display: flex;
        flex-flow: column;
        align-items: center;
        font-size: 1.641vw;
        font-weight: bold;
    }
    .swiper-box .swiper-pre span{
        margin-bottom: .4944vw;
    }
    .swiper-box .swiper-pre p{
        font-size: 1.25vw;
        font-weight: 400;
        color: #5374CB;
        margin-top: .8722vw;
        cursor: pointer;
    }


    .dot-box a em{
        position: absolute;
        left: 0;
        top:0;
        width: 1.9188vw;
        height: .9813vw;
        background-image: url(./image/selected.png);
        background-size: cover;
    }
    /* .down-dis-box{
        
    } */
    .info-list-box{
        margin-top: 1.25vw;
    }
    .info-list-box .info-list{
       
        margin: 0 auto;
        padding: 1.0833vw;
        width: 37.0042vw;
        height: 11.025vw;
        background: url(./image/info-bg.png);
        background-size: 37.0042vw 11.025vw;
        display: flex;
        margin-bottom: .9778vw;
    }
    .info-list-box .info-list .info-txt:nth-child(1)::after{
        content: '';
        position: absolute;
        top: 0.5vw;
        width: 1px;
        height: 8vw;
        right: 0;
        background: #6E6E6E;
    }
    .info-txt{
        position: relative;
        flex: 1;
        text-align: center;
        font-size: 1.2542vw;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        /* height:10.4167vw; */

    }
    .info-txt img{
        display: block;
        margin: 0 auto;
        width: 1.9708vw;
        margin-bottom: .8514vw
        /* height: 7.2917vw; */
    }
    .info-txt span{
        display: block;
        line-height: 1.3667vw;
    }
    .info-txt span:nth-child(2){
        font-size: 1.9111vw;
        font-weight: 700;
    }
    .info-txt span:nth-child(3){
        font-weight: 600;
    }
    .info-list:nth-child(2) .info-txt img{
      width: 1.941vw;
    }
    .info-list:nth-child(3) .info-txt img{
        width: 3.2556vw;
    }
    .info-list:nth-child(4) .info-txt img{
        width: 3.9125vw
    }
    .info-list-one{
        display: flex;
        flex-flow: column;
        width: 18.5472vw;
        height: 11.025vw;
        border: 1px solid #6f6f6f;
        border-radius: 1.0833vw;
        margin: .4833vw auto .9833vw auto;

    }
    .info-list-one img{
        width: 4.2111vw;
    }
    .info-list-one:nth-child(2) img{
        width: 5.1604vw
    }
    .info-list-one:nth-child(3) img{
        width: 3.1958vw
    }
    .info-list-one:nth-child(4) img{
        width: 4.2111vw
    }
    .footer-box-pc{
        display: block;
        padding: 3.2743vw 4.1667vw;
        font-size: 1.2958vw;
    }
    .footer-box-pc span{
        position: relative;
        display: block;
    }
    .footer-box-pc .title{
        position: relative;
        display: block;
        font-size: 1.6778vw;
        font-weight: 600;
    }
    .footer-box-pc .t{
        font-weight: 600;
    }
    .img-title1{
        position: absolute;
        top: 11.8889vw;
        left: 3.4292vw;
        width: 26.1111vw;
    }
    .img-title2{
        position: absolute;
        top: 31.875vw;
        right: 3.4292vw;
        width: 20.0694vw;
    }

}
#element_id{
    position: fixed;
    bottom: 50px;
    right: 10px;
}
#element_id img{
    width: 150px
}