*{margin:0;padding:0;}
html {
    --default-h: 80px;
    --header-small-height: 80px;
    --scroll-w: 4px;
    --vw: 100vw;
    --vwmini: calc(var(--vw) - var(--scroll-w));
    --hvw: clamp(0px, calc(100vw - var(--scroll-w)), 1920px);
    /* --hvw: 100%; */
    --bettwen-pad: 5vw;
    --main-color: #C1A576;
    --main-hover-color: #C1A576;
    --main-color-rgb: 246, 117, 36;
    --main-hover-color-rgb: 10, 76, 154;
    --main-third-color: #C1A576;
    --main-third-hover-color: #C1A576;
    --main-third-color-rgb: 73, 151, 203;
    --main-third-hover-color-rgb: 18, 101, 199;
    --linear-color: linear-gradient(124deg, #C1A576, #C1A576);
    --linear-color-h: linear-gradient(-124deg, #C1A576, #C1A576);
    --background: linear-gradient(-34deg, #C1A576 0%, #C1A576 100%),
      linear-gradient(#C1A576, #C1A576);
    --background-hover: linear-gradient(-34deg, #C1A576 100%, #C1A576 0%),
      linear-gradient(#C1A576, #C1A576);
    --win-width-1920: 100vw;
    --bettwen-full-pad: calc((100vw - var(--wrap-full-width)) / 2);
    --bettwen-1760-pad: calc((100vw - var(--wrap-1760-width)) / 2);
    --bettwen-1680-pad: calc((100vw - var(--wrap-1680-width)) / 2);
    --bettwen-1470-pad: calc((100vw - var(--wrap-1470-width)) / 2);
    --bettwen-1300-pad: calc((100vw - var(--wrap-1300-width)) / 2);
    --bettwen-1200-pad: calc((100vw - var(--wrap-1200-width)) / 2);
  }

  
  ::-webkit-scrollbar {
    border-radius: 1.5px;
    width: 6px;
    height: 6px;
    background-color: #dfdfdf;
  }
  
  ::-webkit-scrollbar-track {
    border-radius: 1.5px;
    background-color: #dfdfdf;
  }
  
  ::-webkit-scrollbar-thumb {
    border-radius: 1.5px;
    background-color: var(--main-color);
  }


@font-face {
    font-family: 'OpenSans';
    src: url('fonts/OpenSans/OpenSans-Regular.woff2') format('woff2'),
        url('fonts/OpenSans/OpenSans-Regular.woff') format('woff'),
        url('fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'),
        url('fonts/OpenSans/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}





html{height:100%;width:100%;}
body{margin:0;padding:0;color:#212121;font-size:18px; font-weight: 400; line-height: 1.5; background:#FFF; font-family:"OpenSans", "Lucida Grande", Helvetica,  "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","OpenSans", "OpenSans W3", Arial, sans-serif;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:inherit; font-weight: 600; font-family: "OpenSans", "Lucida Grande", Helvetica,  "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","OpenSans", "OpenSans W3", Arial, sans-serif;}
ul li{list-style:none;}
input{ -webkit-appearance: none;  font-family:"OpenSans", "Lucida Grande", Helvetica,  "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","OpenSans", "OpenSans W3", Arial, sans-serif;}
textarea{ -webkit-appearance: none; resize:none;}
input::-webkit-input-safebox-button{display: none;}
select{ -webkit-appearance: none; }
img{max-width:100%;border:none;vertical-align:middle;text-decoration:none;}
a{cursor:pointer; color: #212121;transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s}
a:hover{color: #C1A576}
a,a img{border:none;outline:none;cursor:pointer;text-decoration:none;background:none;}
span:focus,img:focus,button:focus{outline:none; border:none;}
.swiper-button-prev:focus,.swiper-button-next:focus{outline:none;}
a:focus,a:hover{text-decoration:none;outline:none; }
/*a:hover{-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
*/select,select:focus,select:active{outline:none;}
input:focus,textarea:focus,select:focus{outline:none; border: #C1A576 solid 1px;}
.input_class::-moz-placeholder{color:#d2d2d2; opacity:1}
.input_class:-ms-input-placeholder{color:#d2d2d2}
.input_class::-webkit-input-placeholder{color:#d2d2d2}
.but_class{font-size: 16px; padding:8px 30px; background: #C1A576; border:none; color: #fff; transition:all .5s; border-radius:5px; display: inline-block;}
.but_class:hover{background: #ab9165; color: #fff; }

.caretl{ clear:both; margin:0; padding:0; font-size:0px; line-height:0px; height:0px;}
/**/
.container{display: block; width: 100%; padding: 60px 4%; margin: 0 auto;}

.content{margin: 0px auto;}

.top_txt{background: #C1A576;color: #fff;text-align: center;padding: 10px 10px;font-weight: 400; position: relative;}
.top_txt::after{width: 100%; height: 100%; content: ""; left: 0px; top: 0px; position: absolute; width: 100%; height: 100%; opacity: .15; background: #000;}
.top_txt .container{padding: 0px; position: relative; z-index: 2;}
.top_txt_table{position: relative; z-index: 2;}
.title_li{font-size: 48px; font-weight: bold; text-align: center}
.top{display:inline-block; width: 100%; text-align:center; position:relative; z-index:2; transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s}
.top .container{width: 92%;max-width: initial;padding: 0px;}
.top_nav li:nth-last-child(1)>a{margin-right: 0px;}
.top_nav li>a{color:#fff;}
.top_logo{padding:0px;display: inline-block;}
.top_logo .logo_m{display: none;}
.top_logo .logo_p{display:block;}
.top_logo a{display: inline-block;}
.top_logo img{height:60px; transition:all .5s; margin-top:8px;}
.top_header{left: 0px;top: 0px;width: 100%;  text-align: right;z-index:999;/* padding: 0px 20px; */position:initial; background:#424242;  margin: 0px auto;}
.top_icon{display:inline-block;float: right; text-align:right; z-index: 2; }
.top_icon .top_icon_width{display:inline-block;}
.fixed_bg .top_nav li>a{color: #fff;}
.top_header .top_logo{margin:0 auto; float: left; z-index:2}

.fixed_bg .top_logo .logo_m{display:block;}
.fixed_bg .top_logo .logo_p{display: none;}
.top.fixed .top_logo .logo_m{display:block;}
.top.fixed .top_logo .logo_p{display: none;}
.top_left{left: 0px; top: 0px; position: absolute; left: 0px; top: 0px; z-index:3; padding: 20px;}
.top_left a{padding: 5px;}
.top_left_padding{margin-left:6px;}
.top_nav_width{
    display:inline-block;
    margin: 0px auto;
    position: relative;
    text-align: center;
    z-index:1;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    }
.top_nav{ display: inline-block; margin: 0px auto;}
.top_nav li{float:left; }
.top_nav .active>a{color: #C1A576 !important;}
.top_nav li a{font-size:16px;padding: 27px 0px;margin: 0px 25px;display:block;}
.top_nav li>a{position: relative}
.top_nav li>a:before{
    content:" ";
    position:absolute;
    left: 0px;
    right: 0px;
    bottom: 15px;
    margin: 0px auto;
    width:0px;
    display: none;
    background: #fff;
    height:2px;
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s;
    }
.top_nav li:hover>a:before{width:100%; }
.top_nav li a:hover{ color: #fff !important;}
.top_nav li:hover .top_nav_li_icon:after, .top_nav li:hover .top_nav_li_icon:before{background:#333}
.top_nav_li_icon{display:inline-block; position:relative; width:18px; height:12px; margin-right:10px;}
.top_nav_li_icon:after, .top_nav_li_icon:before{ content:" "; position:absolute; width:100%; height:2px; background:#333; display:block; top:0px; transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s}
.top_nav_li_icon:after{bottom:0px; top:auto; }
.top.fixed .top_logo img{height: 37px;}
.top.fixed .top_nav li a{padding:15px 0px;}
.top_nav>li#shipclassli div{display:block; position:relative;}
.top_nav li:hover>a{color:#F3D78D!important;}
.top_nav li:hover .arrowDG_menu{opacity: 1; height: auto;}
.top_right_Shopping b{padding-left: 5px;}
.top.top_fixed{background: #fff; color: #333; box-shadow: 0 0px 0px rgba(0,0,0,0);}
.top.fixed{color: #333; position:fixed;  left: 0px; top: 0px;
    box-shadow:0 5px 10px rgba(0,0,0,0.1);
}

.arrowDG_menu{
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    -o-transition:all .5s; height: 0px;	position:absolute; opacity: 0;  overflow: hidden; left:0px; color: #333; text-align: left; top:100%; background: #fff; padding:0px; min-width:100%; z-index:999; background:#fff; background:rgba(255, 255, 255, 0.95)!important; filter:Alpha(opacity=95);}

.top_nav .arrowDG_menu a{font-size: 16px; font-weight: normal;}
.navbarbox_li{width: 50%; padding:30px 30px 20px; float: left; overflow: hidden}
.navbarbox_li:nth-child(1){ padding-left: 0px;}
.navbarbox_li:nth-child(2){ padding-right: 0px;}
.navbarbox_li:nth-child(2) .navbarbox_li_txt{width: 34%;}
.navbarbox_li_title{ font-size: 16px; display: block; font-weight: bold; padding-bottom: 10px;}
.navbarbox_li_txt{width: 33.3333333333%; float: left;}
.panli_nav_menu>li#shipclassli:hover .arrowDG_menu{ display:block;}
.arrowDG_menu>li:hover .subcat{ display:block;}
.top_nav .navbarbox_li_txt a{color: #333; overflow: hidden; line-height:24px; padding:10px 0px; font-size: 14px;}
.top_nav .navbarbox_li_txt img{margin-right: 8px; float: left; height: 24px;}
.top_nav .navbarbox_li_txt a:hover{color: #C1A576;}

.top_txt_width{display: table; width: 100%;}
.top_txt_width_logo{display: table-cell; vertical-align: middle; text-align: left; width: 150px;}
.top_txt_width_logo img{height: 65px;}
.top_txt_width_txt{text-align: center; display: table-cell; vertical-align: middle; padding-left:10px;}

.top.fixed_bs{background: #fff;}
.top.fixed_bs .top_logo .logo_m{display:block;}
.top.fixed_bs .top_logo .logo_p{display: none;}
.top.fixed_bs .top_nav li>a{color: #000;}

.top_nav_Close{display:none;}
.top_nav_icon{display:none;}




.banner{display:block; width: 100%; position: relative;}
.banner .swiper-container{position: initial;}
.banner_swiper_Pagination{  margin: 0px auto;  position:absolute; top:50%; left:20px; right:20px}
.banner .swiper-slide img{width:100%;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{bottom:20px; display: none;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:5px 6px;}
.banner .swiper-pagination-bullet{ width:30px; height:5px;background:#fff; border-radius:20px;opacity:.5; position: relative}
.banner .swiper-pagination-bullet-active{background: #C1A576; opacity:1;}
.banner .swiper-pagination-bullet-active:after{ position: absolute; border: #fff solid 2px; left: -4px; top: -4px; width: 17px; height: 17px; content:""; display:none; border-radius: 100%}

.swiper-button-next, .swiper-button-prev{ width:26px; height:44px; z-index:9!important}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: .2;}

.banner_centent{position: relative; overflow: hidden; padding-bottom:9%; background:#212121;}
.banner_centent::after{height: 50%; position: absolute; left: 0px; bottom:13%; width: 100%; content: ""; display: block; background: -webkit-linear-gradient(top, rgba(33,33,33,0)0%, rgba(33,33,33,1)100%);}
.banner_centent>img{width: 100%;}
.banner_centent_box{left: 0px; top: 0px; height: 100%; width: 100%; position: absolute; margin: 0px auto; max-width: 1400px; display: table;  color: #fff; z-index: 2; padding: 5% 0px;}

.banner_centent_box .banner_centent_box_txt{padding: 0% 15%; width: 100%;}
.banner_video{position: absolute; left: 0px; width:90%; z-index: 2; bottom:30px; margin: 0px auto; display: block; right: 0px;}
.banner_video_wdith{padding-left: 25%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:20px;}
.banner_video_li{position: relative; width: 100%; display: block;}
.banner_video_li a>img{transition:all .5s; width: 100%;}
.banner_video_li a:hover>img{transform:scale(1.08);-o-transform:scale(1.08);}
.banner_video_li a{display: block; position: relative; z-index:5;overflow: hidden;}
.banner_video_li::after{height: 50%; position: absolute; left: 0px; bottom:0px; width: 100%; content: ""; display: block; background: -webkit-linear-gradient(top, rgba(33,33,33,0)0%, rgba(33,33,33,.8)100%);}
.banner_video_li_txt{position: absolute; width:100%; padding-left:55px; padding-right: 10px;  right: 0px; bottom:10px; left: 0px; color: #fff; line-height: 1.3; z-index: 2; font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    background:url(../images/play-1003-svgrepo-com.png) 10px center no-repeat; background-size:32px auto;
  }
 .banner_video_title{position: absolute; bottom: 10px; left: 0px; font-size: 26px; font-weight: 600; color: #fff;} 

.Review_centent{display: table; width: 100%;}
.Review_centent>img{position:absolute; left: 0px; top: 0px; height: 100%; width: 100%;}
.banner_centent_box_img{position: absolute; left: 0px; bottom: 0px;  width: 30%;}
.banner_centent_box_img img{width: 100%;}
.Review_centent .banner_centent_box{ width: 50%; display: table-cell; vertical-align: middle; position:relative; z-index: 2; padding: 60px 0px;}
.Review_centent .banner_centent_box_img{width: 50%; padding:20px 3% 0px; display: table-cell; vertical-align: bottom; position:relative; z-index: 2; }
.Review_centent .banner_centent_box h2{font-size: 38px; max-width: 1100px; text-align: left; margin: 0px auto; }
.banner_centent_h2{background:rgba(0, 0, 0, 0.8); max-width: 465px; color: #fff; font-size: 16px; padding: 20px; line-height: 1.6;}


.banner_centent_box_txt{display: table-cell;vertical-align: middle;height: 100%;/* padding-top:3%; */padding-left: 31%;padding-right:15%;line-height: 1.3;}
.banner_centent_box_txt h1{display: block; font-weight: 600; text-transform: uppercase;  font-size:64px; padding-bottom: 20px; max-width: 465px; line-height: 1.1;}
.banner_centent_box_txt h2{font-size:28px; font-weight: 600; padding-bottom: 10px;}
.banner_centent_box_txt span{display: block; font-size: 24px; padding: 5px 0px;  font-style: italic;}
.banner_centent_box_but{display: block; padding-top:30px;}
.banner_centent_box_but a{font-size:16px; color:#F3D78D; font-weight: 700; display: inline-block;}
.banner_centent_box_but img{height:16px; width: initial !important; margin-left:5px; }

.banner_centent_box_but button{font-size: 24px;padding: 12px 30px; border: none; margin: 0px auto; width:55%; max-width: 320px; margin: 0px;  font-weight: 700;border-radius: 90px;color: #fff;display:block;background: #FF7A00;}
.banner_centent_box_but button:hover{background: #eb7406;}
.Review_table_input{margin-bottom: 20px; position: relative;}
.Review_table{max-width: 600px;}
.banner .banner_swiper_Pagination{width: 92%;}

.banner_centent_Video{padding:5% 6%;}
.banner_centent_Video_l{display: table-cell; width:55%; vertical-align: middle; padding-right: 5%;}
.banner_centent_Video_l .banner_centent_box_txt{display: block; width: 100%; padding: 0px; height: initial;}
.banner_centent_Video_r{display: table-cell; width: 40%; vertical-align: middle;}
.banner_centent_Video_r iframe{object-fit: cover; aspect-ratio:16/9;}
.banner_centent_Video_r .banner_centent_Video_txt{font-size:20px; display: block; padding-bottom: 5px;}


.banner_txt{position: relative; background:#C1A576; padding: 20px 0px; overflow: hidden; margin-top: -30px;}
.banner_txt_width{overflow: hidden; margin: 0px -10px; display: table;}
.banner_txt_li{width: 25%;  padding: 10px; display: table-cell; vertical-align: middle;}
.banner_txt_li_width{display: table; width: 100%;}
.banner_txt_li_icon{display: table-cell; vertical-align: top; width: 60px;}
.banner_txt_li_icon span{height: 60px; padding: 10px; width: 60px; border-radius: 100%; background: #fff; display: block;}
.banner_txt_li_icon1 span img{width: 100%;  position:relative; right: 100vw;}
.banner_txt_li_txt{display: table-cell; vertical-align: middle; padding-left: 10px; font-size: 20px; color: #fff; font-weight: 600;}

.mc_img{display: none;}

.evaluate_ct{display: block; position: relative;}
.evaluate_ct::after{height:30%; position: absolute; left: 0px; bottom:0px; width: 100%; content: ""; display: block; background: -webkit-linear-gradient(top, rgba(33,33,33,0)0%, rgba(33,33,33,.8)100%);}
.evaluate_ct h2{font-size: 24px; color: #fff;}
.evaluate_ct_txt{position: absolute; width: 100%; padding:15px; z-index: 2; left: 0px; bottom: 0px; color:#F3D78D; font-size: 14px;}
.evaluate_ct_bt{padding:5px 0px;}
.evaluate_ct_World{display: block;}
.evaluate_ct_World img{height:20px; margin-right: 5px;}

.evaluate_ct_box{position: absolute; width: 100%; height: 100%; overflow-y:auto; padding: 20px; z-index: 9; left: 0px; top: 100%; display: block;
    background:url(../images/evaluate_ct_box_bg.jpg) center center no-repeat; background-size:cover;  color:#212121;  transition:all .5s;
}
.evaluate_ct:hover .evaluate_ct_box{top: 0px;}
.evaluate_ct_box_title{display: table; width: 100%; margin-bottom:8px;}
.evaluate_ct_box_title_img{width: 50px; display: table-cell; vertical-align: top;}
.evaluate_ct_box_title_img img{width: 100%; border-radius: 100%; object-fit: cover; aspect-ratio: 1/1;}
.evaluate_ct_box_title_txt{display: table-cell; vertical-align: middle; padding-left:10px;}
.evaluate_ct_box_title_txt b{font-size: 18px; display: block;}
.evaluate_ct_box_title_txt span{font-size: 12px; line-height: 1.2; display: block; padding:2px 0px 5px;}
.evaluate_ct_box_title_txt .evaluate_ct_World{color:#CA5D00; font-size: 12px;}
.evaluate_ct_box_li{background:url(../images/b_icon.png) left center no-repeat; background-size:auto 24px; font-size: 16px; line-height: 1.4; border-bottom:#A07A39 solid 1px; padding: 15px 0px; padding-left: 30px;}

.title{font-size: 28px;font-weight: 700;text-align: center;}
.Features{display: block; background:#C1A576; padding: 80px 0px; position: relative;}
.Features .title{text-align: center;}
.title_bg{position: absolute; right: 0px; left: 0px; z-index: 2; top:50px; font-size: 128px; font-weight: 600; text-transform: uppercase; display:block; opacity:.05; text-align: center;}
.Features_img{display: block; text-align: center; padding:40px 0px 0px; position: relative; min-height: 500px;}
.Features_img_ct{position: relative;display: inline-block;width: 25%;}
.Features_img_letf{position: absolute; top:10px; right:100%; margin-right:60px;}
.Features_img_letf_li{padding:15px;position: relative;font-size: 16px;margin-bottom: 15px;line-height: 1.4;border-radius: 5px;background-color: rgba(255, 255, 255, 0.8);width:380px;color: #514737;text-align: left;}
.Features_img_letf_li h2{font-size: 18px;display: block;padding-bottom:10px;color: #212121;}
.Features_img_letf_li::after{ width: 0; content: ""; top: 50%; margin-top: -4px; position: absolute; left:100%; 
    height: 0; opacity: .8;
    border-left: 8px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
.Features_img_letf_li .icon_y{border: #fff solid 1px; left: 100%; position: absolute; margin-left: 20px; top:50%; margin-top: -5px; padding: 4px; border-radius: 100%; display: inline-block;}
.Features_img_letf_li .icon_y span{width: 8px; height: 8px; display: inline-block; background: #fff; border-radius: 100%;}

.Features_img_right{position: absolute; top:10px; left:100%; margin-left:60px;}


.Honour_List{display: table; width: 100%;}
.Honour_List_left{width: 40%;max-width: 510px;vertical-align: middle;display: table-cell;background:#F3D78D;}
.Honour_List_left .title{padding: 20px 10px; line-height: 1;}
.Honour_List_Name{color: #fff; font-size: 16px; font-weight: 600; padding: 10px 20px; background:#8B5B0ACC;}
.Honour_List_right{vertical-align:bottom; padding: 20px; display: table-cell; position: relative;}
.Honour_List_left_li{padding:25px 20px; border-bottom: #dec582 solid 1px; font-size: 20px; font-weight: 600; background:url(../images/b_icon.png) 20px center no-repeat; padding-left:70px; background-size:auto 40px;}
.Honour_List_left_more{background:#f3efe7; display:table; width: 100%;}
.Honour_List_left_more_l{display: table-cell; text-align: center; font-size: 16px; color:#8B5B0A; font-weight: 600;}
.Honour_List_left_more_l img{height:16px; margin-left: 5px;}
.Honour_List_left_more_but{display: table-cell;width: 56px; height: 56px; color: #fff; text-align: center; border-left: #c1a576 solid 1px; background:#8B5B0A;}
.Honour_List_left_more_but i{font-size: 22px; line-height: 56px;}
.Honour_List_left_more_but.on i{opacity: .3;}

.Honour_List_table{ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-gap:0px;}
.Honour_List_table_li{display: block;}
.Honour_List_table_txt{font-size: 20px;font-weight: 600; padding: 15px 20px;  display: flex; align-items: center;}
.Honour_List_table_txt img{height:36px; margin-right: 10px; margin-top:-3px;}
.Honour_List_table_more{background: #E9CB80; text-align: center; display: block; padding:15px;}

.EBA_NEWS{display: block;}
.EBA_NEWS_title{background:#212121;color: #fff;padding:30px 4%;text-align: left; position: relative;}
.EBA_NEWS_Pagination{position: absolute; right: 4%; margin-right:-5px; top:50%; margin-top:-26px; display: inline-block;}
.EBA_NEWS_Pagination .swiper-button-white{display: inline-block; position: initial; width: 56px; margin: 0px 5px; height: 52px; line-height: 52px; background-size: auto 40%; border: #fff solid 1px;}
.EBA_NEWS_top{overflow: hidden;}
.EBA_NEWS_top_l{width: 72%; float: left;}
.EBA_NEWS_top .EBA_NEWS_top_l .EBA_NEWS_li{width: 50%; float: left;}
.EBA_NEWS_top .EBA_NEWS_top_l .EBA_NEWS_li:nth-child(1){width:100%;}
.EBA_NEWS_top .EBA_NEWS_top_r{width: 28%; float: left;}
.EBA_NEWS_top .EBA_NEWS_top_r .EBA_NEWS_li{width: 100% !important;}

.EBA_NEWS_top .EBA_NEWS_li{width:28%; float: left; position: relative;}
.EBA_NEWS_top .EBA_NEWS_li:nth-child(1){width: 72%;}

.EBA_NEWS_li{overflow: hidden;}
.EBA_NEWS_li::after{height:30%; position: absolute; left: 0px; bottom:0px; width: 100%; content: ""; display: block; background: -webkit-linear-gradient(top, rgba(33,33,33,0)0%, rgba(33,33,33,.8)100%);}
.EBA_NEWS_li .evaluate_ct_txt{opacity:1; transition:all .5s;}
.EBA_NEWS_li{overflow: hidden;}
.EBA_NEWS_li .evaluate_ct_txt h2{color: #fff; font-size: 16px;}
.EBA_NEWS_li .evaluate_ct_txt h2{display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}

 
.EBA_NEWS_top .EBA_NEWS_li:nth-child(1) .evaluate_ct_txt h2{-webkit-line-clamp:1;}
.EBA_NEWS_li .evaluate_ct_txt{transition:all .5s;}

.evaluate_ct_txt_ct{position: absolute; transition:all .5s; opacity: 0; left: 0px; top: 0px; width: 100%; font-size: 14px; padding: 20px; display: flex; align-items: center; color: #fff;  height: 100%; background: rgba(0,0,0,0.6);}
.evaluate_ct_txt_ct .evaluate_ct_bt{display: block; color: #F3D78D; font-weight: normal;}
.evaluate_ct_txt_ct .evaluate_ct_txt_ct_width h2{font-size: 16px;}
.EBA_NEWS_li:hover .evaluate_ct_txt_ct{opacity: 1;}
.EBA_NEWS_li:hover .evaluate_ct_txt{opacity:0;}
.EBA_NEWS_li>img{transition:all .5s; width: 100%;}
.EBA_NEWS_li:hover>img{transform:scale(1.08);-o-transform:scale(1.08);}

.EBA_NEWS_bottom{display: block;}
.EBA_NEWS_bottom .EBA_NEWS_li{width:36%; float: left; position: relative;}
.EBA_NEWS_bottom .EBA_NEWS_li:nth-child(3n){width:28%;}

.padding_10{padding:60px 4%;}
.Selection{ background:#212121;color: #fff;}
.Selection_txt{text-align: center; padding: 10px 0px;}
.Selection_table{ display: grid; padding: 20px 0px; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-gap:20px;}
.Selection_table_li{padding:10%; object-fit: cover;  aspect-ratio: 1/1; background:#424242; border: #C1A576 solid 1px; position: relative; }
.Selection_table_li_icon{position: absolute; top: 0px; left: 0px; width: 30%;}
.Selection_table_li_icon img{width: 100%;}
.Selection_table_li .title{text-align: center; width: 100%; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
.Selection_buttom{display: block; text-align: center;}

.Sponsors{background:#616161; color: #fff;}
.Sponsors_table{ display: grid; padding:40px 0px 0px; grid-template-columns: repeat(7, minmax(0, 1fr)); grid-gap:40px;}
.Sponsors_li{display: block;}
.Sponsors_li img{border-radius: 10px;}

.contacts{background:#F5F5F5;}
.contacts_table{display: table; width: 100%;}
.contacts_table_left{width: 40%; display: table-cell; vertical-align: top; text-align: left;}
.contacts_table_left .title{text-align: left; padding-bottom: 10px;}
.contacts_table_left_li{display: table; width: 100%; padding:15px 0px;}
.contacts_table_left_li_img{display: table-cell; width: 56px; vertical-align: middle;}
.contacts_table_left_li_txt{display: table-cell; vertical-align: middle; padding-left:15px;}
.contacts_table_left_li_txt b{display: block; font-size: 16px; color: #C1A576;}

.contacts_table_right{padding-left: 50px; display: table-cell; vertical-align: top; text-align: left;}

.contacts_table_form{ display: grid; padding-bottom: 25px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:25px;}
.contacts_table_li{padding-bottom: 25px;}
.input_class{border:#D9D9D9 solid 1px; padding: 10px 20px; width: 100%; font-size: 16px; transition:all .5s;}
.input_class:focus{border:#C1A576 solid 1px; }
.layui-input, .layui-select, .layui-textarea{height: 46px; padding-left: 20px;}
.layui-form-select dl{top: 49px;}
.layui-form-select dl dd.layui-this{background-color: #C1A576;}
.textarea_txt{display: block; padding-top: 5px; color:#BFBFBF; text-align: right;}
.contacts_table_but{text-align: right;}

.evaluate_table{ display: grid; padding:0px; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-gap:0px;}

.foot{background:#424242;}
.foot_width{display: block; overflow: hidden;}
.foot_width_logo{float: left; text-align: center; width:23%;}
.foot_width_logo img{width: 50%;}
.foot_width_nav{display: inline-block;width: 45%;overflow: hidden;margin: 0px auto;}
.foot_width_nav_li{display: inline-block; padding: 0px 8%;  float: left;}
.foot_width_nav_li b{display: block; color: #BDBDBD; padding-bottom: 10px;}
.foot_width_nav_txt{color: #fff; padding:5px 0px;}
.foot_width_nav_txt img{height: 14px; margin-right:8px;}
.foot_width_nav_icon{display: block; padding-top: 5px;}
.foot_width_nav_icon img{height: 26px; margin-right:8px;}
.foot_width_code{float: right; overflow: hidden; display: inline-block;}
.code_li{display: inline-block; width: 120px; margin-left: 15px;}
.code_li_title{font-size: 14px; padding-bottom: 10px; color: #fff; display: flex; align-items: center;}
.code_li_title img{height: 16px; margin-right: 3px;}
.foot_buttom{text-align: center; background: #212121; padding: 10px 0px; color: #fff;}

.top_logo_name{display: none;}
.evaluate_ct{position: relative; overflow: hidden;}
.Honour_List_left_more_l.mc_img{display: none;}

.Selection_img{background-size: cover !important; padding:1% 0px;}
.Selection_img .banner_centent_box_txt{max-width: 420px; display: block; width: 100%; padding: 0px; text-align: left; color: #fff;}
.Selection_img  .title{text-align: left; padding:30px 0px; text-transform: uppercase;}
.Selection_img_logo{display: block;}
.Selection_img_logo img{height: 100px;}
.Selection_ct{background:#212121; color: #fff;}
.Selection_ct h2{font-size: 24px; text-align: center;}
.Selection_ct_txt{padding-top: 20px; display: block; text-align: center;}

.Selection_ct_tab{ display: grid; padding:30px 0px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:30px;}
.Selection_ct_tab_td{display: table; padding: 10px 0px; width: 100%; background:url(../images/Rectangle-1071.jpg) center center no-repeat; background-size: cover;}
.Selection_ct_tab_td_img{display: table-cell; vertical-align: middle; width:120px;text-align: center; }
.Selection_ct_tab_td_img img{width:40%;}
.Selection_ct_tab_td_txt{display: table-cell; vertical-align: middle;}
.Selection_ct_tab_td_txt .title{text-align: left;}
.Selection_ct_tox{padding:25px; border:#C1A576 2px solid; margin-bottom: 20px;}
.Selection_ct_tox h2{text-align: left; display: block; padding-bottom: 20px;}

.Selection_ct_tr{display: table; width: 100%; padding:20px 0px;}
.Selection_ct_tr_img{display: table-cell; vertical-align: middle; width: 40%; min-width:300px}
.Selection_ct_tr_txt{display: table-cell; vertical-align: middle; padding-left:40px;}
.Selection_ct_tr_two .Selection_ct_tr_txt{padding: 0px; padding-right:40px;}

.Selection_ct_table{display: block; padding: 30px 0px;}
.Selection_ct_table_tr{ padding:30px 0px 10px;}
.Selection_ct_tr_tab{display: table; width: 100%;}
.Selection_ct_tr_tab_icon{width: 60px; padding:20px 15px; background:#F3D78D; height: 60px; display: table-cell; vertical-align: middle;}
.Selection_ct_tr_tab_icon img{width: 100%;}
.Selection_ct_tr_tab_txt{display: table-cell; vertical-align: middle; padding-left:16px;}
.Selection_ct_tr_tab_txt h3{background: #fff; font-size: 18px; color: #212121; padding:20px; line-height:20px;}
.Selection_ct_table_but ul{padding-left:20px; padding-top:20px;}
.Selection_ct_table_but ul li{list-style:disc}

.Selection_Coaches{padding-top: 20px;}
.Selection_Coaches_table{ display: grid; padding:30px 0px; grid-template-columns: repeat(5, minmax(0, 1fr)); grid-gap:20px;}
.Selection_Coaches_table_li{ background:#424242; padding: 20px;}
.Coaches_table{display: table;}
.Coaches_table_img{width: 60px; display: table-cell; vertical-align: top;}
.Coaches_table_img img{ border: #F3D78D solid 1px; width: 100%; border-radius: 100%;  object-fit: cover;  aspect-ratio: 1/1;}
.Coaches_table_txt{padding-left: 20px; color: #F3D78D; display: table-cell; vertical-align: top; font-size: 14px;}
.Coaches_table_txt h2{color: #fff; text-align: left; padding-bottom:5px; font-size: 20px;}

.Selection_Coaches_img{ display: grid; padding:20px 0px; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-gap:30px;}

.Selection_What{ display: grid; padding:20px 0px 40px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap:30px;}
.Selection_What_title{font-weight: 600; font-size: 24px; padding-bottom: 20px;}
.Selection_What_li_tab{display: table; width: 100%; padding:15px 0px;}
.Selection_What_li_tab_icon{display: table-cell; vertical-align: top; width: 32px;}
.Selection_What_li_tab_icon span{width: 32px; line-height: 32px; height: 32px; color: #212121; font-weight: 600; line-height: 32px; background: #F3D78D; font-size: 22px; display: inline-block; text-align: center;}
.Selection_What_li_tab_txt{display: table-cell; padding-left: 20px; vertical-align:middle; font-size:18px; font-weight: 600;}
.Selection_What_li_tab_txt h2{text-align: left; font-size: 22px;}

.Selection_ct_tox ul{padding-left:20px;}
.Selection_ct_tox ul li{list-style:disc}

.banner_video_box{position: fixed; width: 100%; top: 0px; height: 100%; left: 0px;background: rgba(0, 0, 0, 0.8); z-index: 99999; display: none;}
.banner_video_box_width{position: relative; display:flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
#banner_video_name{border: none; object-fit: cover; aspect-ratio:16/9; width:60%; margin: 0px auto; border: #fff 10px solid;}
.banner_video_box_close{position: absolute; right:20px; top:20px; cursor: pointer; color: #fff;}
.banner_video_box_close i{font-size: 36px;}

.International{display: block;}
.International .title{ text-align: left; background: #212121; color: #fff;}
.International_title{background:#616161; padding: 0px 4%;}
.International_li{display: inline-block; font-size: 18px; font-weight: 700; padding: 12px 30px; color: #fff;}
.International_li.on{background: #F3D78D; color: #424242;}

.product_swiper_prodcut{overflow: hidden; background:#424242;}
.skin_type_product{float: left; width: 60%;}
.skin_type_product .swiper-slide img{width: 100%;}
.skin_type_thumbs {display: block;}
.skin_type_thumbs .swiper-wrapper{height: initial !important;}
.skin_type_thumbs .swiper-slide{height: initial !important; color: #fff; cursor: pointer;}
.product-show-buttom{float: left; width:40%;}
.thumbs_img{display: table; width: 100%; padding:3.95%;}
.skin_type_thumbs .swiper-slide-thumb-active{background:#F3D78D; color: #212121; }
.thumbs_img_img{display: table-cell; vertical-align: middle; width: 40%;}
.thumbs_img_txt{display: table-cell; vertical-align: middle; padding-left:20px; font-size: 20px; font-weight: 700;}

.photos_swiper{display: inline-block; position: relative;}
.photos_swiper .swiper-slide{width: 100% !important;}

@media (max-width:1600px) {
    .Coaches_table_txt h2{font-size: 18px;}
    .Coaches_table_txt{ padding-left: 10px;}
}
@media (max-width:1400px) {
    .Selection_Coaches_table{grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media (min-width:1000px) {
    .Features_img_right .Features_img_letf_li::after{left: auto; right: 100%;  border-right: 8px solid #fff; border-left: none;}
    .Features_img_right .Features_img_letf_li .icon_y{right: 100%; left: initial; margin-left: 0px; margin-right: 20px;}
    .Honour_List_right::after{height:30%; position: absolute; left: 0px; bottom:0px; width: 100%; content: ""; display: block; background: -webkit-linear-gradient(top, rgba(33,33,33,0)0%, rgba(33,33,33,.8)100%);}
    .Honour_List_right .evaluate_ct_bt{font-size: 14px;}
    .Honour_List_right .evaluate_ct_txt{padding-bottom: 12px;}
    .Honour_List_right h2{color: #fff; font-size: 16px;}
}
@media (max-width:1300px) {
    
    .banner_centent_box_txt{padding-right:5%;/* padding-top:5%; */}
    .banner_centent_box_txt h1{font-size:42px;}
    .banner_centent{padding-bottom: 12%;}
    .banner_centent::after{bottom: 17%;}
    .Review_centent .banner_centent_box h2{font-size: 28px;}
    .banner_centent_box_txt h2{font-size:20px;}
    .banner_centent_box_txt span{font-size: 16px;}
    .banner_centent_box_but a{font-size: 16px; padding: 10px 20px;}
    .banner_centent_box_but{padding-top:20px;}
    .people_width_txt h2{font-size: 26px;}
    .top_nav li a{font-size: 18px; margin: 0px 15px;}
    .designer_but a{font-size: 28px; padding: 25px 30px;}

    .swiper-button-next, .swiper-button-prev{width:50px; height: 50px; text-align: center; color: #fff; }
    .banner .banner_swiper_Pagination{width: 96%;}
    .swiper-button-next, .swiper-button-prev{width:40px; height:40px;}
    .Features{padding: 50px 0px;}
    .Features_img_ct{width: 34%;}
    .Features_img{min-height: 600px;}
    .Features_img_letf_li{width: 300px;}
    .foot_width_nav{width: 450px;}
}
@media (max-width:1200px) {
    .Honour_List_table{ grid-template-columns: repeat(3, minmax(0, 1fr));}

    .top .container{width: 100%;}

    .top_header{padding: 0px 15px;}
    .top_nav li a{margin: 0px 25px;padding:30px 0px;line-height: 26px;}
    .top_right_padding{width: 40px; height: 40px;     background-size:18px auto;}
    .top_right_qr_box {top: 63px;}
    .banner{/* padding-top: 88px; */}
    .top_logo img{height: 40px; margin-top:0px;}
    .top.fixed .top_logo img{ height:40px;}
    .top_language .layui-unselect{color: #333;}
    .top.fixed{position: fixed;}
    .title{font-size: 28px;padding:0px 15px;}
    .EBA_NEWS_title{padding: 20px 15px;}
    .padding_10{padding: 35px 15px;}
    .Sponsors_table{padding-top:20px;     grid-gap:30px;}
    .contacts_table_left .title{padding: 0px;}
    .EBA_NEWS_Pagination{right: 15px; margin-top: -20px;}
    .EBA_NEWS_Pagination .swiper-button-white{width: 40px; height: 40px; line-height: 1;}
    .title_txt{font-size: 18px;}
    .Honour_List_table_txt{font-size: 18px;}
    .Honour_List_left_li{font-size: 18px; padding: 20px; padding-left:60px; background-size: auto 32px;}
    .Honour_List_table_txt img{height: 30px; margin-right: 5px;}
    .Honour_List_left .title{padding: 15px 10px;}
    .Features_img_ct{width: 30%;padding-top: 4%;}
    .banner_video{width: 96%;}
    .banner_centent{padding-bottom: 16%;}
    .banner_centent::after{bottom: 21%;}

    .top_nav .nav_a_mobi{display:block}
    .top_nav .nav_a_pc{display:none}
    .top_logo{padding: 10px 0px;}
    .top_left{display: none}
    .top{text-align: left;/* position: relative; */}
    .top_header .top_logo{position: relative;}
    .top_nav_icon{position:absolute;right: 20px;top: 10px;display:block;cursor:pointer;z-index: 2;}
    .top_nav_icon span{width:30px; height:3px; background:#F3D78D; display:block; margin:8px 0px; border-radius: 10px;}
    .top_nav_icon span:nth-child(2){width: 80%;}
    .top_icon .top_icon_li{display: none;}
    .top_icon{top: 5px;}
    .top.fixed .top_logo{display: inline-block; position: relative; }
    .top.fixed .top_icon{top: 1px}
    .top:after{height: 90px;}
    .top_nav li:hover .arrowDG_menu{display: block;}
    .top_nav li a{text-align: left; }
    .top_nav li a i{float: right; font-size:24px;}
    .top_nav_width{position:fixed;   top:0px; left:-100%;  height:100%;  padding:0px; width:100%; max-width: 420px; padding:20px 0px; z-index:99; opacity:1; overflow:auto;
        -webkit-transition:all .5s;
        -moz-transition:all .5s;
        -ms-transition:all .5s;
        -o-transition:all .5s;
        transform:all .5s;
    }
    .top_nav li>a{ color: #333;}
    .top_nav li{display: block; float: none;}
    .top_nav{display: block; text-align: center;}
    .top_nav li>a{display: block;}
    .top_nav li:hover>a:before{display: none;}
    .arrowDG_menu{ position: relative; height:auto; display: none; opacity:1; background: #eee!important;}

    .navbarbox_li{width: 100%; padding: 10px!important;}
    .navbarbox_li_txt{width: 50%;}
    .top_nav .navbarbox_li_txt a{font-size: 12px; line-height: 20px;}
    .top_nav .navbarbox_li_txt img{margin-right: 5px; height: 20px;}
    .navbarbox_li:nth-child(2) .navbarbox_li_txt{width: 50%;}
    .top_nav li{border-bottom: #ddd solid 1px;}
    .top_nav li a{padding:20px 0px !important; font-size: 18px;}
    .cor_ls{ color: #4eb6c0}
    .cor_hs{ color: #ea618b}
    .top_nav_width_logo{display: block; padding:20px 20px 15px; text-align:center;}
    .top_nav_width_logo img{width:40%;}
    .top_nav_Close{display: block;padding:5px; color: #fff; font-size: 30px; position: absolute; top: 10px; right:-40px; background: #C1A576; cursor: pointer;}
    .top_nav_Close i{font-size: 30px; }
    .top_nav_width_bg{position: absolute; padding-bottom: 10px; height: 100%; width:80%; background: #fff; z-index: 9; top: 0px; left: 0px;}
    .top_nav_width:before{background:#000; background:rgba(0, 0, 0, 0.8)!important; filter:Alpha(opacity=80); width: 100%; position: fixed; z-index:1; left: -100%; top:0px; height: 100%; content:""; display: block;}

    .top_nav_mobile{left: 0px;}
    .top_nav_mobile.top_nav_width:before{left: 0px;}

    .Inner_banner_title h1{font-size: 56px;}

    .product_width_li_ct_title h2{font-size:24px; line-height: 1.3; margin: 2px 0px;}

    .arrowDG_menu_w .arrowDG_menu{width: 100%;}

    .top_nav li{position: relative;}
    .arrowDG_menu_icon{position: absolute; right: 0px; top:6px; padding: 0px 10px; right: 10px; z-index: 2;}
    .arrowDG_menu_icon:after{ content: "+"; display: block; font-size: 30px; color:#333!important; line-height: 1.2;}
    .arrowDG_menu_w .navbarbox_ul_li a{color:#333}
    .top_nav li .arrowDG_menu_icon:hover .arrowDG_menu{ display: block;}
    .arrowDG_menu_w .navbarbox_ul_li{text-align: center;}
    .arrowDG_menu_icon_j:after{ content: "-";}
    .top_icon .top_icon_block{display: inline-block; padding:14px 5px;}
    .top_language, .top_right_user, .top_right_Collection{float: right;}
    .top_language{margin-top: 22px;line-height: 20px;padding: 2px 10px;width:65px;padding-right: 0px;}
    .top_right_padding{ margin:15px 5px;}
    .fixed_top .top_language .layui-form-select{background: url(../images/cn_icon.png) left bottom no-repeat; background-size:20px auto;}
    .top_icon{padding-right: 0px;}
    .top_language .layui-form-select{padding-left: 25px;}


    .banner_txt_li_txt{font-size: 16px;}
    .banner_txt_li_icon{width: 50px;}
    .banner_txt_li_icon span{width: 50px; height: 50px;}

    .home_li{padding:15px 0px;}
    #banner_video_swiper0{margin-bottom: -15px; margin-top:-15px;overflow: hidden;}
    .banner_txt{margin-top: -15px;}
    .banner_txt_width{display: block;}

   .top_logo_name{font-size: 16px; display: inline-block; font-weight: 600; float: left; color: #F3D78D; margin-top: 20px; margin-left:15px;}
   
   .Selection_img{ padding:2% 0px;}
   .Selection_img .title{padding-bottom: 20px;}
}

@media (max-width:1000px) {
    .banner_centent_box_txt h1{font-size:36px;}
    .banner_centent_h2{font-size: 16px; padding: 10px;}
    .banner_centent_box_but a{padding:0px 5px;}
    .banner_centent_box_but{padding-top: 10px;}
    .banner_centent_box_but{padding-bottom: 10%;}
    .banner_video_title{font-size: 20px;}
    .evaluate_ct h2{font-size: 18px;}

    .Features_img_ct{width: 93%;max-width: 500px;padding: 0px;}
    .title_bg{font-size: 100px; top: 30px;}
    .Features_img_letf{position: initial; margin-top: 20px;}
    .Features_img_letf_li{width: 100%;}
    .Features_img_letf_li .icon_y{display: none;}
    .Features_img_letf{margin-right: 5px;}
    .Features_img_right{position: initial;margin-top: 20px;margin-left: 0px;margin-right: 5px;}
    .contacts_table_left_li_txt{ word-break: break-all; font-size: 14px;}
    .title{font-size: 20px;}
    .EBA_NEWS_li .evaluate_ct_txt h2{font-size: 14px;}
    .contacts_table_left{width:30%;}
    .foot_width_logo{width:32%;}
    .foot_width_code{display: block; width: 100%; padding: 0px; padding-top: 20px;}

    .Selection_ct h2{font-size: 20px;}
    .Selection_ct_tab_td_img{width:80px;}
    .Selection_ct_tab_td_txt .title{padding-left: 0px;}

    .Selection_Coaches_table{grid-template-columns: repeat(2, minmax(0, 1fr));}
    .Selection_What_title{font-size: 24px;}
    .Selection_What_li_tab_icon span{width: 26px; height: 26px; line-height: 26px; font-size: 18px;}

    .Selection_Coaches_table{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width:500px) {
    .Selection_img_logo img{height: 60px;}
    .Selection_img .title{padding: 20px 0px;}

#banner_video_name{border: none; object-fit: cover; aspect-ratio:16/9; width:90%; margin: 0px auto; border:none;}
.banner_video_box_close{ color: #fff;}
.banner_video_box_close i{font-size: 32px;}

    .mc_img{display: block;}
    .pc_img{display: none;}
    .banner_centent_box_txt h1{font-size: 32px;}
    .banner_centent_box .banner_centent_box_txt{padding:0px 10px ;}
    .banner_centent{padding-bottom: 100px;}
    .banner_centent_h2{font-size: 14px;}
    .banner_centent_box_txt h1{ padding-bottom: 10px; line-height: 1.2;}
    .banner .banner_swiper_Pagination{display: none;}

    .banner_centent{padding-bottom: 0px;}
    .banner_video{position: initial; padding: 20px 0px;}

    .banner_centent_box{display: block; padding-top:32%;}
    .banner_video_wdith{padding-left:5%;grid-gap:10px;}
    .banner_video_title{position: initial; display: block; padding-top:10px; font-size: 24px;}

    .evaluate_ct h2{font-size: 24px;}
    .evaluate_width .swiper-wrapper{display:block; transform:initial !important}
    .evaluate_ct{overflow: hidden;}
    .title{font-size: 28px;}
    .Features{padding: 30px 0px;}
    .title_bg{font-size:72px; padding-top:0px; top:0px;}
    .Honour_List{display: block;}
    .Honour_List_left{width: 100%; display: block;}
    .Honour_List_right{display: block; width: 100%; background: none !important; padding: 0px; position: relative;}
    .Honour_List_right::after{height: 50%; position: absolute; left: 0px; bottom:0px; width: 100%; content: ""; display: block; background: -webkit-linear-gradient(top, rgba(33,33,33,0)0%, rgba(33,33,33,.8)100%);}
    .Honour_List_right .evaluate_ct_txt h2{font-size: 16px; color: #fff;}
    .Honour_List_table{    grid-template-columns: repeat(1, minmax(0, 1fr));}
    .Honour_List_table_txt{font-size: 20px;}

    .EBA_NEWS_top .EBA_NEWS_li:nth-child(1){width: 100%;}
    .EBA_NEWS_top .EBA_NEWS_li{width: 50%;}
    .evaluate_ct_txt{padding: 10px;}
    .EBA_NEWS_bottom .EBA_NEWS_li:nth-child(1){width:50%;}
    .EBA_NEWS_bottom .EBA_NEWS_li:nth-child(1) img{object-fit: cover; aspect-ratio:3/2;}
    .EBA_NEWS_bottom .EBA_NEWS_li{width: 50%;}
    .EBA_NEWS_bottom .EBA_NEWS_li:nth-child(3n){width: 50%;}
    .EBA_NEWS_bottom .EBA_NEWS_li img{object-fit: cover; aspect-ratio:3/2;}

    .Selection_txt{padding: 5px 0px;}
    .Selection_table{grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 15px 0px; grid-gap: 10px;}
    .Selection_table_li .title{font-size: 20px;}
    .evaluate_ct_txt_ct .evaluate_ct_txt_ct_width h2{ font-size: 12px;}
    .evaluate_ct_txt_ct{padding: 10px;}
    .evaluate_ct_txt_ct .evaluate_ct_txt_ct_width .evaluate_ct_bt{display: none;}
    .EBA_NEWS_bottom .Honour_List_table_more{display:none; object-fit: cover; aspect-ratio:1/1; align-items: center; justify-content:center;}
    .Honour_List_table_more.pc_img{display:block;}

    .Selection_buttom{font-size: 14px;}
    .Sponsors_table{grid-template-columns: repeat(3, minmax(0, 1fr));     grid-gap: 30px; padding: 20px; padding-bottom: 0px;}

    .contacts_table{display: block;}
    .contacts_table_left{display: block; width: 100%;}
    .contacts_table_left_li{padding: 10px 0px;}
    .contacts_table_left_li_txt{padding-left:10px;}
    .contacts_table_right{display: block; width: 100%; padding: 0px; padding-top: 10px;}
    .contacts_table_form{padding-bottom: 15px;     grid-gap:15px;}
    .input_class{padding: 10px; font-size: 14px;}
    .layui-input, .layui-select, .layui-textarea{font-size: 14px; padding-left: 10px;}
    .contacts_table_li{padding-bottom: 15px;}
    .contacts_table_left_li_img{width: 40px;}

    .foot_width_logo{display: block; width: 100%; padding-bottom: 15px; float: none; text-align: left;}
    .foot_width_logo img{width:40%;}
    .foot_width_nav{width: 100%; display: block;}
    .foot_width_nav_txt{padding:3px 0px;}
    .foot_width_nav_li{display: block; width: 100%; padding: 10px 0px;}
    .foot_width_code{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 30px; padding: 20px 0px; padding-bottom: 0px;}
    .code_li{display: block; margin: 0px; width: 100%;}
    .foot_buttom{padding: 10px; text-align: left; font-size: 14px;}

    .evaluate_table{ display: grid; padding:0px; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:0px;}

    .banner_centent::after{bottom: 0px;}
    .banner{background: #212121;}
    .banner_centent_box_txt{vertical-align: middle;}
    .banner_centent_box{bottom: 0px; top: auto;}
    .banner_centent_box_but{padding-bottom: 0px;}
    .banner_bottom{position: relative;}
    .banner_centent_box{position:relative; z-index: 2; padding-top: 0px; margin-top: -70%;}

    
    .EBA_NEWS_top .EBA_NEWS_top_l{width: 100%; float: none;}
    .EBA_NEWS_top .EBA_NEWS_top_r{width:100%; display: block;}
    .EBA_NEWS_top .EBA_NEWS_top_r .EBA_NEWS_li:nth-child(1){width:100% !important; display: block;}
    .EBA_NEWS_top .EBA_NEWS_top_r .EBA_NEWS_li{width: 50% !important;}

    .EBA_NEWS_top .mc_img{display: none!important;}

    .container{padding: 30px 15px;}
    .Selection_ct_tab{grid-template-columns: repeat(1, minmax(0, 1fr));padding-top: 20px; grid-gap:20px;}
    .Selection_ct_tab_td_txt .title{font-size: 20px;}
    .Selection_ct_tab_td_img{width: 60px;}
    .Selection_ct_tab_td_img img{width:50%;}
    .Selection_ct_tox{padding: 15px;}
    .Selection_ct_tox h2{padding-bottom: 10px;}
    .Selection_ct_tr{display: block;}
    .Selection_ct_tr_img{display: block; width: 100%;}
    body{font-size: 16px;}
    .Selection_ct_tr{padding: 10px 0px;}
    .Selection_ct_tr_txt {display: block; width: 100%; padding: 0px; padding-top: 20px;}

    .Selection_ct_tr_two .Selection_ct_tr_txt{padding: 0px; padding-top: 20px;}
    .Selection_ct_tr_two{flex-wrap: wrap; display: flex;}
    .Selection_ct_tr_two .Selection_ct_tr_img{order: -1;}

    .Selection_ct_tr_tab_txt{padding-left: 10px;}
    .Selection_ct_tr_tab_icon{height:44px; width: 44px; padding: 10px;}
    .Selection_ct_tr_tab_txt h3{font-size: 16px; padding: 12px 15px;}
    .Selection_ct_table_but ul{padding-top: 15px;}
    .Selection_ct_table_tr{padding-top: 20px;}
    .Selection_ct_table{padding-bottom: 10px;}
    .Selection_Coaches_table{grid-template-columns: repeat(1, minmax(0, 1fr)); padding: 20px 0px; grid-gap:10px;}

    .Selection_Coaches_img{padding:10px 0px; grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:20px;}
    .Selection_What{grid-template-columns: repeat(1, minmax(0, 1fr)); grid-gap:20px; padding-bottom:30px;}
    .Selection_What_title{font-size: 22px; padding-bottom: 10px;}
    .Selection_What_li_tab{padding: 10px 0px;}
    .Selection_What_li_tab_txt{padding-left: 10px;}
    .Selection_What_li_tab_txt h2{font-size: 18px;}
    .Selection_What_li_tab_txt{font-size: 16px;}
}