* {
    margin: 0px;
    padding: 0px;
    font-size: 15px;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
}

input,
textarea {
    outline: none;
    border: none;
}

html {
    transition: font-size 0.3s ease;
    font-family: "Open Sans", sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.container {
    width: 100% ;
    max-width: 11.40rem ;
    margin: 0 auto;
    height: 100% ;
    padding: 0px 0.15rem ;
    box-sizing: border-box ;
}

.nav {
    width: 100% ;
    position: fixed ;
    background: #FFF ;
    top: 0px ;
    left: 0px ;
    padding: 0.23rem 0px ;
    box-sizing: border-box ;
    z-index: 999 ;
}

.nav .out {
    width: 100% ;
    display: flex ;
    justify-content: space-between ;
    align-items: center ;
}

.nav .out .logo {
    height: 0.6rem ;
    display: block ;
}

.nav .out .logo img {
    height: 100% ;
    display: block ;
}

.nav .out ul {
    display: flex ;
    align-items: center ;
    height: 100% ;
}

.nav .out ul li {
    margin: 0px 0.55rem ;
}

.nav .out ul .title {
    color: #12222d ;
    font-size: 0.16rem ;
    font-weight: 600 ;
    display: block ;
    text-transform: uppercase ;
}

.nav .out ul li.active .title {
    color: #6ab8ee ;
}

.banner_swiper {
    width: 100% ;
    margin-top: 1.14rem ;
    position: relative;
}

.banner_swiper .swiper-slide { 
    height: 7.5rem ;
    width: 100% ;
    background-position: top center !important;
}

.Swiper_Text {
    position: absolute ;
    top: 0px ;
    left: 0px ;
    width: 100% ;
    height: 100% ;
    background: rgba(0, 0, 0, 0.2) ;
    z-index: 10 ;
}

.Swiper_Text .container {
    display: flex ;
    flex-direction: column ;
    padding-top: 2.0rem ;
    box-sizing: border-box ;
}

.Swiper_Text b {
    font-size: 0.6rem ;
    color: #FFF ;
    font-weight: 700 ;
}

.Swiper_Text p{
    margin-top: 0.3rem ;
    margin-bottom: 0.5rem ;
    font-size: 0.2rem ;
    font-weight: 300 ;
    color: #FFF ;
}

.Swiper_Text  a {
    display: flex ;
    align-items: center ;
    padding: 0.15rem 0.3rem ;
    box-sizing: border-box ;
    border-radius: 0.1rem ;
    background: #6ab8ee ;
    width: max-content ;
    position: relative;
    overflow: hidden;
}

.Swiper_Text  a::after {
    width: 0% ;
    height: 100% ;
    content: '';
    background: #ffffff31 ;
    position: absolute ;
    left: 0px ;
    top: 0px ;
    z-index: 1 ;
    transition: 0.3s ease ;
}

.Swiper_Text  a:hover::after {
    width: 100% ;
}

.Swiper_Text  a span {
    display: block ;
    color: #FFF ;
    font-size: 0.15rem ;
    font-weight: 600 ;
    text-transform: uppercase ;
    position: relative;
    z-index: 3 ;
}

.Swiper_Text  a span:nth-child(2) {
    font-size: 0.13rem ;
}

.Swiper_Text  a .icon {
    width: 0.32rem ;
    height: 0.32rem ;
    fill: #FFF ;
    margin-left: 0.2rem ;
    position: relative;
    z-index: 3 ;
}

.Member {
    padding: 1rem 0px ;
    width: 100% ;
}

.Member .title {
    text-align: center ;
    color: #333 ;
    font-size: 0.24rem ;
    font-weight: 600 ;
    text-transform: uppercase ;
    margin-bottom: 0.8rem ;
}

.Member .out {
    width: 100% ;
    display: flex ;
    flex-wrap: wrap ;
}

.Member .out .box {
    width: 25% ;
    padding: 0px 0.15rem ;
    box-sizing: border-box ;
    margin-bottom: 0.3rem ;
}

.Member .out .box .list {
    border: solid 0.01rem #eee  ;
    padding: 0.3rem ;
    padding-top: 0px ;
    box-sizing: border-box ;
}

.Member .out .box .logo {
    width: 100% ;
    height: 0.8rem ;
    padding: 0.1rem ;
    border: solid 0.01rem #eee  ;
    transform: translateY(-41%);
    background: #FFf;
    box-sizing: border-box;
}

.Member .out .box .logo img {
    width: 100% ;
    height: 100% ;
    display: block ;
    object-fit: contain ;
}

.Member .out .box h5{
    font-size: 0.18rem ;
    color: #333 ;
    margin-bottom: 0.1rem ;
    font-weight: 500 ;
    text-align: center ;
}

.Member .out .box p{
    color: #89949b ;
    font-size: 0.14rem ;
    margin-bottom: 0.15rem ;
    text-align: center ;
}

.Member .out .box a {
    text-align: center ;
    color: #6ab8ee ;
    font-size: 0.12rem ;
    display: block ;
}

.Member .out .box a:hover {
    text-decoration: underline ;
}

.footer {
    width: 100% ;
    padding: 0.4rem 0px 0.2rem 0px ;
    box-sizing: border-box;
}

.footer .container {
    text-align: center ;
}

.footer .container p , .footer .container a {
    color: #89949b ;
    font-size: 0.13rem ;
    font-weight: 400 ;
    display: block ;
    text-align: center ;
}

.About_pages {
    margin-top: 1.14rem ;
    width: 100% ;
}

.About_pages  .out {
    width: 100% ;
}

.About_pages .out .box {
    width: 100% ;
    padding-top: 1rem ;
    padding-bottom: 0.7rem ;
    background:#F9F9F9 ;

}

.About_pages .out .box .container{
    display: flex ;
    flex-wrap: wrap ;
    align-items: center ;
    justify-content: space-between ;
}

.About_pages .out .box:nth-child(2n)  .container {
    flex-direction: row-reverse ;
}

.About_pages .out .box:nth-child(2n) {
    background: #FFF ;
}

.About_pages .out .box .left {
    width: 41% ;
    padding: 0px 0.15rem ;
    box-sizing: border-box ;
}

.About_pages .out .box .left img {
    width: 100% ;
    display: block ;
}

.About_pages .out .box .right {
    width: 58% ;
    padding: 0px 0.15rem ;
    box-sizing: border-box ;
}

.About_pages .out .box .right h5{
    color: #12222d ;
    font-weight: 600 ;
    font-size: 0.28rem ;
    margin-bottom: 0.3rem ;
}

.About_pages .out .box .right p{
    color: #89949b ;
    font-size: 0.16rem ;
    line-height: 1.6em ;
}

.Contact_pages {
    margin-top: 1.14rem ;
}

.Contact_pages .International_Network {
    width: 100% ;
    background:#F9F9F9 ;
    padding: 1rem 0px ;
}

.Contact_pages .International_Network .container {
    display: flex ;
    flex-wrap: wrap ;
    justify-content: space-between ;
    align-items: center ;
}

.Contact_pages .International_Network .container .left {
    width: 41%;
    padding: 0px 0.15rem ;
    box-sizing: border-box ;
}

.Contact_pages .International_Network .container .left  img {
    width: 100% ;
    display: block ;
}

.Contact_pages .International_Network .container .right { 
    width: 58% ;
    padding: 0px 0.15rem ;
    box-sizing: border-box ;
}

.public_item h5{
    color: #12222d ;
    font-size: 0.28rem ;
    font-weight: 600 ;
    margin-bottom: 0.21rem ;
    display: block ;
    text-align: center ;
}

.public_item .logo_img {
    display: flex ;
    align-items: center ;
    justify-content: center ;
    margin-bottom: 0.1rem ;
}

.public_item .logo_img img {
    width: 1rem ;
    display: block ;
}

.public_item .logo_img img:nth-child(2) {
    margin-left: 0.15rem ;
}

.public_item .txt {
    text-align: center ;
}

.public_item .txt b{
    color: #12222d ;
    font-size: 0.14rem ;
    display: block ;
    margin-bottom: 0.07rem ;
}

.public_item .txt span {
    color: #777 ;
    font-size: 0.14rem ;
    font-weight: 400 ;
    margin-bottom: 0.07rem ;
    display: flex ;
    align-items: center ;
    justify-content: center ;
}

.public_item .txt a {
    font-size: 0.14rem ;
    font-weight: 400 ;
    color: #6ab8ee ;
    display: block ;
    margin-left: 0.05rem ;
}

.public_item .txt a:hover {
    text-decoration: underline ;
}

.Contact_pages .out {
    width: 100% ;
    display: flex ;
    flex-wrap: wrap ;
    padding-top: 0.5rem ;
}

.Contact_pages .out .box {
    width: 50% ;
    padding: 0px 0.15rem ;
    box-sizing: border-box ;
}

.Contact_pages .out .box .public_item {
    padding: 0.4rem 0px ;
    border-bottom: 0.01rem solid #eee;
}

.menubtn {
    width: 28.44px  ;
    height: 1.54px ;
    position: relative;
    cursor: pointer;
    display: none ;
    align-items: center;
}

.menubtn span {
    display: block;
    width: 28.44px ;
    height: 3px  ;
    background: #383635;
    position: relative;
    vertical-align: middle;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s,.3s;
    -ms-transition-duration: .3s,.3s;
    -o-transition-duration: .3s,.3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s,0s;
    -ms-transition-delay: .3s,0s;
    -o-transition-delay: .3s,0s;
    transition-delay: .3s, 0s;
}

.menubtn span:after, .menubtn span:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 3px  ;
    left: 0;
    background-color: #383635;
    -webkit-transition-duration: .3s, .3s;
    -moz-transition-duration: .3s,.3s;
    -ms-transition-duration: .3s,.3s;
    -o-transition-duration: .3s,.3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: .3s, 0s;
    -moz-transition-delay: .3s,0s;
    -ms-transition-delay: .3s,0s;
    -o-transition-delay: .3s,0s;
    transition-delay: .3s, 0s;
}

.menubtn span:before {
    top: -10px ;
    -webkit-transition-property: top, transform;
    -moz-transition-property: top,transform;
    -ms-transition-property: top,transform;
    -o-transition-property: top,transform;
    transition-property: top, transform;
}

.menubtn span:after {
    bottom: -10px  ;
    -webkit-transition-property: bottom, transform;
    -moz-transition-property: bottom,transform;
    -ms-transition-property: bottom,transform;
    -o-transition-property: bottom,transform;
    transition-property: bottom, transform;
}

.menubtn.active span {
    background-color: transparent;
    -webkit-transition-delay: 0s, 0s;
    -moz-transition-delay: 0s,0s;
    -ms-transition-delay: 0s,0s;
    -o-transition-delay: 0s,0s;
    transition-delay: 0s, 0s;
}

.menubtn.active span:after,
.menubtn.active span:before {
    -webkit-transition-delay: 0s, .3s;
    -moz-transition-delay: 0s, .3s;
    -ms-transition-delay: 0s, .3s;
    -o-transition-delay: 0s, .3s;
    transition-delay: 0s, .3s
}

.menubtn.active span:before {
    top: 0px ;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menubtn.active span:after {
    bottom: 0px ;
    
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobile_menus {
    width: 100% ;
    display: none ;
}

.mobile_menus a {
    color: #12222d ;
    font-size: 0.28rem ;
    display: block ;
    width: 100% ;
    padding: 0.2rem 0px ;
    font-weight: 500 ;
    text-align: center;
}

.mobile_menus a.active {
    color: #6ab8ee ;
}

@media (max-width:768px) {

    .menubtn {
        display: block ;
    }

    .nav .out ul{
        display: none ;
    }

    .Member .out .box {
        width: 100% ;
        margin-bottom: 0.6rem ;
    }

    .About_pages .out .box .left {
        width: 100% ;
    }

    .About_pages .out .box .right {
        width: 100% ;
    }

    .Contact_pages .International_Network .container .left {
        width: 100% ;
    }

    .Contact_pages .International_Network .container .right {
        width: 100% ;
    }

    .Contact_pages .out .box {
        width: 100% ;
    }



}

















@media (min-width:1601px) and (max-width:1920px) {
    html {
        font-size: 100px;
        font-size: calc(100vw / 19.2);
    }
}

@media (min-width:1441px) and (max-width:1600px) {
    html {
        font-size: 75px;
        font-size: calc(100vw / 16);
    }
}

@media (min-width:1025px) and (max-width:1440px) {
    html {
        font-size: 100px ;
        font-size: calc(100vw / 14.4);
    }
}

@media (min-width:769px) and (max-width:1024px) {
    html {
        font-size: 100px ;
        font-size: calc(100vw / 10.24);
    }
}

@media (min-width:426px) and (max-width:768px) {
    html {
        font-size: 100px ;
        font-size: calc(100vw / 7.68);
    }
}

@media (max-width:425px) {
    html {
        font-size: 100px ;
        font-size: calc(100vw / 4.25);
    }
}

@media (min-width:1920px) {
    html {
        font-size: 100px !important;
    }
}

        .Latest_News_list {
    width: 100%;
}

.Latest_News_list h5 {
    width: 100%;
    margin-top: 0.18rem;
    padding-bottom: 0.12rem;
    border-bottom: 0.01rem solid #00000025;
    font-size: 0.2rem;
    color: #1a1a1ac2;
}

.Latest_News_list ul {
    width: 100%;
}

.Latest_News_list ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 0.01rem solid #19191921;
}

.Latest_News_list ul li span:nth-child(1) {
    width: 6%;
}

.Latest_News_list ul li span:nth-child(2) {
    width: 80%;
}

.Latest_News_list ul li span:nth-child(3) {
    width: 12%;
}

.Latest_News_list ul li span {
    padding: 0.09rem 0.045rem 0.09rem 0.045rem;
    box-sizing: border-box;
    display: block;
    color: #191919;
    font-size: 0.15rem;
    font-weight: 400;
}

.Latest_News_list ul li span a {
    color: #1a1a1ac2;
    font-size: 0.15rem;
    font-weight: 400;
}

.Latest_News_list ul li span a:hover {
    text-decoration: underline;
}