body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,font{padding:0; margin: 0; font-family: samsung, Arial, Helvetica, sans-serif;}
i{font-style:normal}

html {font-size: 16px;-webkit-text-size-adjust: none;min-width:320px; margin:0 auto;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}
fieldset,img{ border:0; vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%;}
ol,ul,li,dl,dt,dd{ list-style:none;}
input,button,textarea,checkbox,select,radio,form{ vertical-align: top;}
a{ color:#000; text-decoration:none;-webkit-tap-highlight-color:transparent}
a:link,a:visited{ text-decoration:none;}
a:hover{ text-decoration: none;}
.clear { clear: both;}
@font-face {
    font-family: "samsung";
    src: url('../font/Samsung-Sharp-Sans-Medium-2.ttf') format('ttf'),
         url('../font/Samsung-Sharp-Sans-Medium-2.woff') format('woff'),
  }
  .nav{position: fixed; top: 0; left: 0; width: 100%; background: rgba(0,0,0,.5); color: #fff; z-index: 999; padding: 20px 0;}
    .content{max-width: 1440px; width: 96%; margin: 0 auto;}
    .nav_content{display: flex; align-items: center; justify-content: space-between;}
    .nav_logo{height: 20px;}
    .nav_logo img{height: 100%;}
    .nav_nav ul{display: flex; align-items: center;}
    .nav_nav ul li{padding: 0 20px; cursor: pointer;}
    .nav_language{display: flex; align-items: center;}
    .nav_language i{font-size: 24px;}
    .nav_language select{background: none; border: none; color: #fff; font-size: 16px; height: 30px; outline: none; margin-left: 14px; width: 100px;}
    .nav_language select option{color: #333;}
    .banner{position: relative; width: 100%; overflow: hidden; height: 900px;}
    .banner img{position: absolute; top: 0; left: 50%; margin-left: -960px;}
    .banner .banner_text{width: 50%; position: absolute; top: 50%; color: #fff; right:0; text-align: left; transform: translateY(-50%); z-index: 99;}
    .banner .banner_text h1{font-size: 60px; font-weight: bold;}
    .banner .banner_text h2{font-size: 30px; font-weight: bold; margin-top: 16px;}
    .about{background: url(../images/img_2.png) no-repeat 50% 50%; padding: 70px 0; position: relative; overflow: hidden;}
    .about_text{position: relative; z-index: 99; width: 50%;}
    .about_text h2{ font-size: 40px; font-weight: bold; color: #222;}
    .about_text .about_text_content{margin-top: 16px; margin-top: 20px; font-size: 16px;}
    .about_text .about_text_content p{margin-top: 10px; line-height: 26px;}
    .about_text_list{margin-top: 40px;}
    .about_text_list ul{display: flex; flex-wrap: wrap;}
    .about_text_list ul li{width: 50%; display: flex; margin-top: 32px;}
    .about_text_list ul li .about_text_icon{font-size: 30px; margin-right: 20px;}
    .about_text_list ul li .about_text_icon i{font-size: 34px;}
    .about_text_list ul li .about_text_text{}
    .about_text_list ul li .about_text_text h3{ font-size: 28px; font-weight: bold; color: #831616;}
    .about_text_list ul li .about_text_text h4{ font-size: 20px; margin-top: 4px;}
    .about_img{position: absolute; bottom: 0; right:0; width: 62%;}
    .about_img img{width: 100%; opacity: .7;}
    .global{margin: 60px 0;}
    .global_cotnent{display: flex; align-items: center; justify-content: space-between; gap:0 40px;}
    .global .global_left{width: 44%;}
    .global .global_left img{width: 100%;}
    .global .global_right{flex: 1;}
    .global .global_right h2{font-size: 40px; font-weight: bold; color: #222;}
    .global .global_right p{font-size: 16px; line-height: 26px; margin-top: 20px;}
    .searvice{background: #F5F5F5; padding: 90px 0 230px 0;}
    .searvice .searvice_title{ color: #222;}
    .searvice .searvice_title h2{ font-size: 40px; font-weight: bold;}
    .searvice .searvice_title h3{font-size: 16px;}
    .searvice ul{display: flex;flex-wrap: wrap; justify-content: space-between; margin-top: 20px;}
    .searvice ul li{width: 48%; margin-top: 30px;}
    .searvice ul .searvice_text{padding-left: 40px; position: relative;}
    .searvice ul .searvice_text::after{content: ''; position: absolute; top: 2px; left: 0; width: 10px; height: 10px; border-radius: 50%; border: 4px solid #325CE4;}
    .searvice ul .searvice_text h3{font-size: 20px; font-weight: bold; color: #222;}
    .searvice ul .searvice_text h4{font-size: 16px; color: #222; margin-top: 6px; line-height: 26px;}
    .searvice_img{margin-top: -170px;}
    .searvice_img img{width: 100%;}
    .approach{display: flex; justify-content: space-between; align-items: center; margin: 80px auto;}
    .approach_text{width: 50%;}
    .approach_img{width: 48%;}
    .approach_img img{width: 100%;}
    .approach_title{font-size: 40px; font-weight: bold; color: #222;}
    .approach_text_{margin-top: 16px; line-height: 26px;}
    .vision{margin: 80px auto; background: url(../images/img_5.png) no-repeat 50% 0; padding: 30px 60px; box-sizing: border-box;}
    .viseion_text{width: 100%; max-width: 670px; color: #fff;}
    .viseion_text h2{font-size: 40px; font-weight: bold;}
    .viseion_text p{font-size: 16px; color: #fff; line-height: 26px; margin-top: 10px;}
    .footer{background: #20222B; padding-top:60px;}
    .footer_cotnent{display: flex; justify-content: space-between;}
    .footer_left .footer_logo{ height: 30px;}
    .footer_left .footer_logo img{height: 100%;}
    .footer_left .footer_language{color: rgba(255,255,255,.5); font-size: 16px; margin-top: 20px;}
    .footer_left .footer_language select{background: none; border: none; outline: none; color:rgba(255,255,255,.5); font-size: 16px;}
    .footer_left .footer_language option{font-size: 16px; background: none; border: none;color:#666;}
    .footer_right{color: rgba(255,255,255,.5); font-size: 16px;}
    .footer_right h4{font-size: 30px; margin-top: 4px; font-weight: bold; color: #fff;}
    .footer_right h3{margin-top: 4px; display: flex; align-items: center;}
    .footer_right h3 i{margin-right: 6px;}
    .copyright{margin-top: 40px; background: #171920;}
    .copyright_content{font-size: 14px; color: rgba(255,255,255,.5); height: 40px; display: flex; align-items: center;}
    .partners_title{font-size:40px; font-weight: bold; color: #222;}
    .partners_list{display: flex; justify-content: space-between; flex-wrap: wrap;}
    .partners_div{display: flex; justify-content: space-between; width: 48%; flex-wrap: wrap; margin-top: 30px;}
    .partners_left{width: 24%;}
    .partners_left img{width: 100%;}
    .partners_right{flex: 1; padding-left:20px; box-sizing: border-box;}
    .partners_right h2{font-size: 28px; font-weight: bold; color: #222;}
    .partners_right h3{font-size: 16px; color: #325CE4;}
    .partners_right p{font-size: 14px; color: #222; line-height: 22px; margin-top: 10px;}
    .partners_right ul{margin-top: 20px;}
    .partners_right ul li{margin-top: 10px; position: relative; display: flex; align-items: center; font-size: 14px; color: #222; padding-left: 20px;}
    .partners_right ul li::after{position: absolute; top: 4px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: #325CE4; content: '';}
    .partners_swiper{box-shadow: 0px 10px 20px rgba(0,0,0,.2); margin-top: 50px;}
    .swiper-container-horizontal>.swiper-pagination-progress{top: calc(100% - 6px); height: 6px;}
    .partners_mode{display: flex; align-items: center; display: none; padding: 20px; padding-bottom: 0;}
    .partners_mode .pratners_head_img{width: 30%;}
    .partners_mode .pratners_head_img img{width: 100%;}
    .partners_mode .pratners_head_text{margin-left: 20px;}
    .partners_mode .pratners_head_text h2{font-size: 28px; font-weight: bold; color: #222;}
    .partners_mode .pratners_head_text h3{font-size: 16px; color: #325CE4; margin-top: 10px;}
    @media screen and (max-width: 1000px){
        .about_text{width: 100%;}
        .about{background-size: 100% 100%;}
        .nav_nav{display: none;}
        .banner .banner_text{width: 100%; text-align: center;}
        .banner img{position: static; width: 100%; margin: 0;}
        .banner{height: auto;}
        .partners_div{width: 100%;}
    }
    @media screen and (max-width: 750px){
        .partners_mode{display: flex;}
        .partners_right p{margin-top: 0;}
        .partners_left{display: none;}
        .partners_right h2{display: none;}
        .partners_right h3{display: none;}
        .global_cotnent{flex-wrap: wrap;}
        .global .global_left{width: 100%;}
        .searvice ul li{width: 100%;}
        .approach_text{width: 100%;}
        .approach_img{width: 100%;}
        .approach{flex-wrap: wrap;}
        .partners_div{flex-wrap: wrap;}
        .partners_left{width: 100%;}
        .footer_cotnent{flex-wrap: wrap;}
        .footer_cotnent{flex-wrap: wrap;}
        .footer_left{width: 100%;}
        .footer_right{width: 100%; margin-top: 16px;}
        .banner{height: 500px;}
        .banner img{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: auto; height: 100%;}
        .about_text_list ul li .about_text_text h3{font-size: 24px;}
        .about_text_list ul li .about_text_icon{margin-right: 10px;}
        .about_text_list ul li{width: 50%;}
        .about_text_list ul li .about_text_text h4{font-size: 16px;}
        .partners_right{padding: 20px;}
        .vision{padding: 30px;}
    }