/*@charset "UTF-8";*/

/* CSS Document */

@font-face {

    font-family: "Rany-Light";

    src: url(../fonts/Rany-Light.ttf);

}

@font-face {

    font-family: "Rany-Bold";

    src: url(../fonts/Rany-Bold.ttf);

}

@font-face {

    font-family: "Rany-Regular";

    src: url(../fonts/Rany.ttf);

}

.Rany-Light {

    font-family: "Rany-Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}

.Rany-Regular {

    font-family: "Rany-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}

.Rany-Bold {

    font-family: "Rany-Bold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    word-wrap: break-word !important;

    word-break: normal !important;

}



html, body {

    font-family: "Rany-Regular", "Arial", "Helvetica", "sans-serif" !important;

    background: #fff;

    font-size: 1rem;

    line-height: 1.875rem;

    color: #333;

    margin: 0 auto;

    min-height: 100vh;

    -webkit-overflow-scrolling: touch;

}



.width-auto {

    padding: 0 9.63541666vw;

    margin: 0 auto;

}

img {

    border: none;

    display: inline-block;

    max-width: 100%;

}



i {

    font-style: normal;

}

svg {

    width: 100%;

    height: 100%;

}

div {

    display: block;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

a {

    display: inline-block;

    text-decoration: none;

    color: #000;

    -webkit-tap-highlight-color: transparent;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    tap-highlight-color: rgba(0, 0, 0, 0);

}



h1, h2, h3, h4, h5 {

    font-weight: normal;

}

.cover {

    position: relative;

    height: 0;

    overflow: hidden;

}



.cover img {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    object-fit: cover;

}



.flex {

    display: -webkit-flex;

    display: -ms-flex;

    display: flex;

    -webkit-flex-wrap: wrap;

    flex-wrap: wrap;

}

/*单行超出省略*/

.space-over {

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



/*多行超出省略*/

.space-list-over {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;

}



/*--header--*/

.header_wrap {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 999999;

    padding:1.8666vw 0;

    pointer-events: none;

    -webkit-transition: all .8s cubic-bezier(.85, .07, .24, .85);

    transition: all .8s cubic-bezier(.85, .07, .24, .85);

}



.header_wrap:after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 0;

    background: #fff;

    -webkit-transition: all .8s cubic-bezier(.85, .07, .24, .85);

    transition: all .8s cubic-bezier(.85, .07, .24, .85);

}





.header_after {

    height: 4.8vw;

    opacity: 0;

    pointer-events: none;

    position: absolute;

    left: 0;

    top: 0;

}

.header_active {

    pointer-events: auto;

    padding: 0.7625vw 0;

}



.header_active:after {

    height: 100%;

    -webkit-box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .1);

    box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .1);

}



.header_active .header_logo_box a svg {

    fill: #fff;

}



.header_active .header_menu_item_link {

    color: #000000;

}



.header_active .header_menu_item_default .header_menu_item_link {

    color: #000000;

}



.header_active .header_menu_item_hover .header_menu_item_link {

    color: #fa9809;

}



.header_box {

    position: relative;

    z-index: 9;

    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);

    transition: all 1s cubic-bezier(.4, 0, .2, 1);

    justify-content: space-between;

}

.header_logo{

    width: 7.96875vw;

}

header:not(.header_active) .header_logo img {
    filter: brightness(0) invert(1);
}

.header_menu_box {

    width: 100%;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    vertical-align: middle;

}



.header_menu_item_box {

    margin-left: 3.63333rem;

    vertical-align: middle;

    line-height: 100%;

}



.header_menu_item_link {

    font-size: 1rem;

    line-height: 3.8666rem;

    color: #ffffff;

    position: relative;

    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);

    transition: all 1s cubic-bezier(.4, 0, .2, 1);

}



.header_menu_item_link:after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: 0;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 0.3125vw;

    height: 0.3125vw;

    background: #fa9809;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    opacity: 0;

    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);

    transition: all 1s cubic-bezier(.4, 0, .2, 1);

}



.header_menu_item_active .header_menu_item_link {

    color: #fa9809;

}



.header_menu_item_active .header_menu_item_link:after {

    opacity: 1;

}



.header_menu_item_default .header_menu_item_link {

    color: #ffffff;

}



.header_menu_item_default .header_menu_item_link:after {

    opacity: 0;

}



.header_menu_item_hover .header_menu_item_link {

    color: #fa9809;

}



.header_menu_item_hover .header_menu_item_link:after {

    opacity: 1;

}

.header_wap_button_wrap {

    display: none;

}

.body_animate .header_wrap {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);

    transition: all 1s cubic-bezier(.4, 0, .2, 1);

}

.body_animate .index_banner_pagination_wrap {

    opacity: 1;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);

    transition: all 1s cubic-bezier(.4, 0, .2, 1);

    -webkit-transition-delay: .5s;

    transition-delay: .5s;



}

.html_page {

    position: relative;

    z-index: 19;

    background: #fff;

    overflow: hidden;

    width: 100%;

}

/*--banner--*/

.index_banner_wrap {

    height: 85vh;

    position: relative;

}



.index_banner_box {

    height: 100%;

    width: 100%;

    position: relative;

}



.index_banner_back_wrap {

    position: absolute;

    right: 0;

    top: 12%;

    width: 100%;

    pointer-events: none;

}



.index_banner_back_text {

    font-size: 8.3333vw;

    line-height: 7.8125vw;

    color: #fa9809;

    opacity: .1;

    text-align: right;

}



.index_banner_swiper {

    height: 100%;

}



.index_banner_slide {

    background: #fff;

}



.index_banner_content {

    height: 100%;

    position: relative;

}





.index_page_content {

    position: relative;

    z-index: 9;

}



.index_banner_big {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-align-items: center;

    align-items: center;

}





.index_banner_details_wrap {

    width: 100%;

}



.index_banner_details_box {

    width: 100%;

    padding-bottom: 6.25vw;

}



.index_banner_img {

    height: 100%;

}



.index_banner_color_title {

    font-size: 2.625rem;

    line-height: 3.6rem;

    color: #fa9809;

    font-weight: bold;

    opacity: 0;

    pointer-events: none;

    -webkit-transform: translateY(4vw);

    transform: translateY(4vw);

}



.index_banner_black_title {

    font-size: 2.625rem;

    line-height: 3.6rem;

    color: #f2f2f2;

    font-weight: bold;

    opacity: 0;

    pointer-events: none;

    -webkit-transform: translateY(4vw);

    transform: translateY(4vw);

}



.index_banner_en_title {

    font-size: 1.25vw;

    line-height: 1.5vw;

    color: #ffffff;

    margin-top: 1.5625vw;

    opacity: 0;

    pointer-events: none;

    -webkit-transform: translateY(4vw);

    transform: translateY(4vw);

}



.index_banner_button {

    margin-top: 2.86458333vw;

    opacity: 0;

    pointer-events: none;

    -webkit-transform: translateY(4vw);

    transform: translateY(4vw);

}

.index_banner_button .public_button a:after {

    border: 1px solid #fff;

}

.index_banner_button .public_btn_text_label {

    color: #ffffff;

}

.public_button a {

    -webkit-align-items: center;

    align-items: center;

    padding: 0.78125vw 1.6666vw;

    position: relative;

}



.public_button a:after {

    content: "";

    position: absolute;

    left: 0;

    width: 3.0208333vw;

    height: 100%;

    border: 1px solid #000;

    opacity: .25;

    -webkit-border-radius: 1.51041666vw;

    border-radius: 1.51041666vw;

    box-sizing: border-box;

    pointer-events: none;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

    -webkit-transition-delay: .3s;

    transition-delay: .3s;

}



.public_btn_text_box {

    position: relative;

    z-index: 9;

    overflow: hidden;



}



.public_btn_text_label {

    line-height: 1.458333vw;

    font-size: 1rem;

    color: #020202;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}



.public_btn_text_label:nth-child(2) {

    margin-top: -1.458333vw;

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

    opacity: 0;

}



.public_btn_icon_box {

    width: 0.8333vw;

    height: 0.8333vw;

    background: #fa9809;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    margin-left: 0.625vw;

    position: relative;

    z-index: 9;

    overflow: hidden;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}



.public_btn_icon_label {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-align-items: center;

    align-items: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}



.public_btn_icon_label:nth-child(2) {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    opacity: 0;

}



.public_btn_icon_label svg {

    fill: #fff;

    width: 0.208333vw;

}



.public_button a:hover:after {

    width: 100%;

    -webkit-transition-delay: 0s;

    transition-delay: 0s;

    opacity: 1;

}



.public_button a:hover .public_btn_text_label {

    -webkit-transition-delay: .3s;

    transition-delay: .3s;

}



.public_button a:hover .public_btn_text_label:nth-child(1) {

    -webkit-transform: translateY(-100%);

    transform: translateY(-100%);

    opacity: 0;

}



.public_button a:hover .public_btn_text_label:nth-child(2) {

    -webkit-transform: none;

    transform: none;

    opacity: 1;

}



.public_button a:hover .public_btn_icon_label {

    -webkit-transition-delay: .3s;

    transition-delay: .3s;

}



.public_button a:hover .public_btn_icon_label:nth-child(1) {

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

    opacity: 0;

}



.public_button a:hover .public_btn_icon_label:nth-child(2) {

    -webkit-transform: none;

    transform: none;

    opacity: 1;

}





.index_banner_pagination_wrap {

    position: absolute;

    left: 0;

    bottom: 2.6041666vw;

    z-index: 9;

    width: 100%;

    pointer-events: none;

    opacity: 0;

}



.index_banner_pagination_box {

    -webkit-align-items: center;

    align-items: center;

}



.index_banner_pagination_text {

    font-size: 0.8333vw;

    line-height: 1.5625vw;

    width: 2.08333vw;

    color: #fa9809;



}



.index_banner_pagination_default {

    text-align: right;

    color: #fff;

}



.index_banner_pagination_line {

    width: 8.333vw;

    height: 1px;

    background: #fff;

    position: relative;



}



.index_banner_pagination_after {

    height: 100%;

    background: #fa9809;

    position: absolute;

    left: 0;

    width: 0;



}



.index_banner_pagination_after:after {

    content: "";

    position: absolute;

    right: -0.26041666vw;

    top: -0.26041666vw;

    width: 0.57291666vw;

    height: 0.57291666vw;

    background: #fa9809;

    border-radius: 100%;

}



.index_banner_pagination_active {

    width: 100%;

    -webkit-transition: all 8s linear;

    transition: all 8s linear;

}

.index_banner_swiper .swiper-slide-active .index_banner_color_title {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);

    transition: all 1s cubic-bezier(.4, 0, .2, 1);



}



.index_banner_swiper .swiper-slide-active .index_banner_black_title {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);

    transition: all 1s cubic-bezier(.4, 0, .2, 1);

    -webkit-transition-delay: .1s;

    transition-delay: .1s;



}



.index_banner_swiper .swiper-slide-active .index_banner_en_title {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);

    transition: all 1s cubic-bezier(.4, 0, .2, 1);

    -webkit-transition-delay: .2s;

    transition-delay: .2s;



}



.index_banner_swiper .swiper-slide-active .index_banner_button {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);

    transition: all 1s cubic-bezier(.4, 0, .2, 1);

    -webkit-transition-delay: .3s;

    transition-delay: .3s;



}



/*--返回top--*/

.return_top_wrap {

    position: fixed;

    right: 3.8541666vw;

    bottom: 10%;

    width: 3.8541666vw;

    height: 3.8541666vw;

    z-index: 99;

    overflow: hidden;

}



.return_top_box {

    width: 100%;

    height: 100%;

    background: #000;

    overflow: hidden;

    -webkit-align-content: center;

    align-content: center;

    -webkit-justify-content: center;

    justify-content: center;

    cursor: pointer;

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);

    transition: all 1s cubic-bezier(.4, 0, .2, 1);

}



.return_top_icon {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: absolute;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-align-items: center;

    align-items: center;



}



.return_top_icon:after {

    content: "";

    border-bottom: 0.5208333vw solid #fff;

    border-left: 0.26041666vw solid transparent;

    border-right: 0.26041666vw solid transparent;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

    opacity: 0;

}



.return_top_text {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: absolute;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-align-items: center;

    align-items: center;

}



.return_top_box:hover .return_top_icon:after {

    -webkit-transform: translateY(-0.5208333vw);

    transform: translateY(-0.5208333vw);

    opacity: 1;

}



.return_top_box:hover .return_top_label {

    -webkit-transform: translateY(0.5208333vw);

    transform: translateY(0.5208333vw);

}



.return_top_label {

    width: 100%;

    color: #fff;

    font-size: 0.78125vw;

    text-align: center;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}



.return_top_show .return_top_box {

    -webkit-transform: none;

    transform: none;

}





/*--首页about--*/

.index_about_wrap{

    position: relative;

    width: 100%;

    background: #ffffff;

    padding: 9.375rem 0;

}

.index_about_content{

    width: 57.3332%;

    padding-left:10.4166667vw;

    

}

.index_about_big{

    width: 100%;

    padding: 0 9.8333vw 0 0;

}

.index_about_title{

    font-size: 3.625rem;

    line-height: 4.625rem;

    font-weight: 700;

    margin-top: 0.825rem;

}

.index_about_ad {

    font-size: 2.25rem;

    font-weight: 500;

    line-height:2.75rem;

    color: #fc9b00;

    margin: 4.5rem 0 2.5rem;

}

.index_about_pic{

    width: 42.6668%;

}

.index_about_img{

    padding-bottom: 75%;

}

.index_about_button {

    margin-top: 3.125vw;

}



/*--首页产品--*/

.index_products_box{

    position: relative;

    padding: 6.25rem 0;

}

.index_products_back {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.index_products_content {

    position: relative;

    height: 100%;

    z-index: 9;

    -webkit-align-items: center;

    align-items: center;

}

.index_products_header{

    width: 100%;

    color: #fff;

}

.index_products_title{

    font-size: 3.625rem;

    line-height: 4.625rem;

    font-weight: 700;

    text-align: center;

}

.index_products_text{

    width: 80%;

    text-align: center;

    margin: 2.875rem auto 5rem;

}

.index_products_list {

    width: 20.25rem;

    margin: 0 2.6041666rem;

    -webkit-border-radius: 0.78125vw;

    border-radius: 0.78125vw;

    background: rgba(255, 255, 255, .2);

    padding: 2rem 1rem 1.625rem;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}

.index_products_list:hover{

    background: rgba(252,154,4,0.6);

    cursor: pointer;

}

.index_products_item{

    justify-content: center;

}

.index_products_list a{

    display: block;

    width: 100%;

    text-align: center;

    justify-items: center;

}

.index_products_icon{

    width: 100%;

    text-align: center;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}

.index_products_list:hover .index_products_icon {

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg);

}

.index_products_name{

    width: 100%;

    text-align: center;

    color: #fff;

    margin-top: 0.85rem;

}

.index_technology_button {

    margin-top: 3.38541666vw;

    -webkit-justify-content: center;

    justify-content: center;

}



.index_technology_button .public_button a:after {

    width: 100%;

    opacity: 1;

    border: 1px solid #fff;

}



.index_technology_button .public_button a:hover:after {

    background: #fc9a04;

    border: 1px solid #fc9a04;

}



.index_technology_button .public_btn_text_label {

    color: #fff;

}



.index_technology_button .public_button:hover .public_btn_icon_label svg {

    fill: #fc9a04;

}



.index_technology_button .public_button:hover .public_btn_icon_box {

    background: #fff;

}

/*--首页应用--*/

.index_service_wrap {

    height: 100%;

    -webkit-align-items: center; 

    align-items: center;

    padding: 6.25rem 0;

}

.index_service_box {

    width: 100%;

    position: relative;

    z-index: 9;

    margin-top: 1.875vw;

}



.index_service_item_img {

    padding-bottom: 65%;

}

.index_service_item_img img {

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}

.index_service_item_box:hover .index_service_item_img img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}

.index_controls_box{

    justify-content: space-between;

    -justify-content: space-between;

}

.index_service_tab{

    margin-top: 4.25rem;

}

.index_service_item_read {

    background: #f5f3f5;

    padding: 1.041666vw 1.5625vw;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}

.index_service_item_title {

    font-size: 1.125rem;

    line-height: 1.5625rem;

    margin-bottom: 0.725vw;

    font-weight: bold;

    color: #717071;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}

.index_service_item_line {

    height: 1px;

    width: 100%;

    background: #cbcbcb;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

    position: relative;

    margin-bottom: 0.3666vw;

}

.index_service_item_btn {

    -webkit-justify-content: space-between; 

    justify-content: space-between; 

    margin-top: 0.8333vw;

}

.index_service_item_text {

    font-size: 1rem;

    line-height: 1.5625rem;

    color: #717071;

    -webkit-transition: all .6s ease; transition: all .6s ease;

}

.index_service_item_icon {

    width: 1.041666vw;

}

.index_service_item_icon svg {

    fill: #717071;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}

.index_service_item_box a {

    display: block;

}



.index_service_item_box a:hover .index_service_item_read {

    background: #fd9907;

}

.index_service_item_box a:hover .index_service_item_title {

    color: #fff;

}

.index_service_item_box a:hover .index_service_item_line {

    background: rgba(255, 255, 255, .8);

}

.index_service_item_box a:hover .index_service_item_text { 

    color: #fff;

}

.index_service_item_box a:hover .index_service_item_icon svg {

    fill: #fff;

}

.index_service_back {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 55.27777%;

}

.index_service_back:after { 

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #999;

}



.index_controls_btn {

    width: 2.708333vw;

    height: 2.708333vw;

    -webkit-align-items: center;

    align-items: center;

    -webkit-justify-content: center;

    justify-content: center;

    position: relative;

    -webkit-border-radius: 1.3541666vw;

    border-radius: 1.3541666vw;

    margin-right: 0.5208333vw;

    outline: none;

    cursor: pointer;

}

.index_controls_btn:after {

    content: "";

    position: absolute; 

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    box-sizing: border-box;

    -webkit-border-radius: 1.3541666vw; 

    border-radius: 1.3541666vw;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}

 .index_controls_btn svg {

    width: 25%; 

    position: relative;

    z-index: 9;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}

 .index_controls_prev { 

    -webkit-transform: rotate(180deg); 

    transform: rotate(180deg);

}



.index_controls_box .index_controls_btn:after { 

    border: 1px solid #999;

}

.index_controls_box .index_controls_btn svg {

    fill: #999;

}

.index_controls_box .index_controls_btn:hover:after { 

    background: #ffffff;

    border: 1px solid #fd9907;

}

.index_controls_box .index_controls_btn:hover svg {

    fill: #fd9907;

}



/*--内页关于我们--*/

.public_banner_wrap {

    position: relative;

    z-index: 9;

}



.public_banner_box {

    position: relative;

}



.public_banner_img {

    padding-bottom: 32.6888%;

}



.public_banner_content {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 9;

}

.public_banner_title {

    padding-bottom: 1.041666vw;

    -webkit-align-items: center;

    align-items: center;

    opacity: 0;

    pointer-events: none;

    -webkit-transform: translateY(3vw);

    transform: translateY(3vw);

}



.public_banner_cn {

    font-size: 1.25vw;

    line-height: 1.875vw;

    color: #fff;

}



.public_banner_en {

    font-size: 3.6458333vw;

    line-height: 4.16666vw;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 2.08333vw;

    opacity: 0;

    pointer-events: none;

    -webkit-transform: translateY(3vw);

    transform: translateY(3vw);

}



.public_banner_icon {

    width: 0.9375vw;

    height: 0.9375vw;

    margin-left: 1.041666vw;

    background: #0757a8;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    position: relative;



}



.public_banner_icon:after {

    content: "";

    position: absolute;

    left: -0.3125vw;

    bottom: -1px;

    width: 0.5208333vw;

    height: 0.5208333vw;

    background: #fd9907;

    -webkit-border-radius: 100%;

    border-radius: 100%;

}



.public_banner_line {

    height: 0.1041666vw;

    width: 3.3333vw;

    background: #fa9809;

    opacity: 0;

    pointer-events: none;

    -webkit-transform: translateY(3vw);

    transform: translateY(3vw);

}



.public_nav_wrap {

    margin-top: -4.16666vw;

}



.public_nav_list {

    width: 68%;

    padding-left: 9.63541666vw;

    background: #0757a8;

}



.public_nav_current {

    width: 32%;

    padding-right: 9.63541666vw;
    

    background: #fc9c04;

    -webkit-justify-content: flex-end;
    justify-content: flex-end;

}



.public_nav_item {

    margin-right: 1.875vw;

}



.public_nav_item a {

    font-size: 1rem;

    line-height: 4.16666vw;

    color: #a4cdf7;

    position: relative;

    -webkit-transition: all .8s cubic-bezier(.85, .07, .24, .85);

    transition: all .8s cubic-bezier(.85, .07, .24, .85);

}



.public_nav_item a:after {

    content: "";

    position: absolute;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    bottom: 0.7291666vw;

    width: 0.46875vw;

    height: 0.46875vw;

    background: #fff;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    opacity: 0;

    -webkit-transition: all .8s cubic-bezier(.85, .07, .24, .85);

    transition: all .8s cubic-bezier(.85, .07, .24, .85);

}



.public_nav_active a {

    color: #fff;

}



.public_nav_active a:after {

    opacity: 1;

}



.public_nav_default a {

    color: #a4cdf7;

}



.public_nav_default a:after {

    opacity: 0;

}



.public_nav_hover a {

    color: #fff;

}



.public_nav_hover a:after {

    opacity: 1;

}



.public_nav_tips {

    font-size:0.8725rem;

    line-height: 4.16666vw;

    color: rgba(255, 255, 255, .6);
    padding-right: 0.25rem;

}

.public_index_item {

    font-size: 1rem;

    line-height: 4.16666vw;

    color: rgba(255, 255, 255, .6);

    padding-right: 0.625rem;

    position: relative;

}



.public_index_item:last-child {

    padding-right: 0;

    color: #fff;

}



.public_index_icon {

    content: "";

    position: absolute;

    right: 0.9375vw;

    width: 0.3125vw;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.public_index_icon svg {

    fill: rgba(255, 255, 255, .6);

}



.public_index_item a {

    font-size: 0.8725rem;

    line-height: 4.16666vw;

    color: rgba(255, 255, 255, .6);

}

/*--关于我们--*/

.about_company_wrap {

    padding: 6.8333vw 0;

}

.about_company_box {

    -webkit-align-items: flex-start;

    align-items: flex-start;

}

.about_company_photo {

    width: 100%;
    margin-top: 2rem;
    position: relative;

    -webkit-transform: translateX(-4.94791666vw);

    transform: translateX(-4.94791666vw);

}



.about_company_img {

    padding-bottom: 76.5%;

    z-index: 9;

}

/*.about_company_photo:after {

    content: "";

    position: absolute;

    left: 4.94791666vw;

    bottom: 0;

     bottom: -3.95833vw; 

    height: 75.51724%;

    background: #f99a01;

    width: calc(100% - 4.94791666vw);

}*/

.about_company_content {

    width: 100%;

    padding: 0;

}

.about_company_read {

    font-size: 1.125rem;

    line-height: 1.825rem;

    margin-top: 2.125rem;

    color: #212121;

    opacity: 0;

    pointer-events: none;

    -webkit-transform: translateY(3vw);

    transform: translateY(3vw);

}

.about_company_read p{

    margin-bottom: 1rem;

}

.about_brand_wrap {

    padding: 6.7708333vw 0;

    background: #f2f2f2;

}



.about_brand_item_box {

    width: 30.967741%;

    margin-right: 3.5483885%;

    position: relative;

    opacity: 0;

    pointer-events: none;

    -webkit-transform: translateY(3vw);

    transform: translateY(3vw);

}



.about_brand_item_box:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #fff;

}



.about_brand_item_box:nth-child(3n) {

    margin-right: 0;

}



.about_brand_item_img {

    padding-bottom: 119.58333%;

}



.about_brand_item_content {

    position: absolute;

    left: 0;

    top: 50%;

    width: 100%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 9;

}



.about_brand_item_icon {

    width: 7.6041666vw;

    height: 6.7708333vw;

    position: relative;

    margin: 0 auto;

    -webkit-align-items: center;

    align-items: center;

    -webkit-justify-content: center;

    justify-content: center;

}



.about_brand_item_icon .about_brand_item_label {

    font-size: 2.08333vw;

    color: #fff;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}



.about_brand_item_line {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-align-items: center;

    align-items: center;

    -webkit-justify-content: center;

    justify-content: center;

}



.about_brand_item_svg {

    fill: none;

    stroke: #fff;

    stroke-width: 1px;

    fill-rule: evenodd;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}



.about_brand_item_hover {

    position: absolute;

    left: 50%;

    top: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);

    transform: translateX(-50%) translateY(-50%) rotate(90deg);

    width: 84.9315%;

}



.about_brand_item_box:hover .about_brand_item_default {

    width: 84.9315%;

    -webkit-transform: rotate(-90deg);

    transform: rotate(-90deg);

}



.about_brand_item_box:hover .about_brand_item_hover {

    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0);

    transform: translateX(-50%) translateY(-50%) rotate(0);

    width: 100%;

}



.about_brand_item_box:hover .about_brand_item_label {

    font-size: 2.291666vw;

}



.about_brand_item_read {

    margin-top: 4.16666vw;

}



.about_brand_item_title {

    font-size: 1.25vw;

    line-height: 1.875vw;

    text-align: center;

    color: #fff;

    font-weight: bold;

}



.about_brand_item_text {

    font-size: 0.83333vw;

    line-height: 1.458333vw;

    height: 2.91666vw;

    margin: 0.83333vw 1.8666vw 0;

    text-align: center;

    color: #fff;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.about_brand_list {

    margin-top: 3.6458333vw;

}

.about_honor_details_read {

    margin-top: 2.6041666vw;

}



.about_honor_details_title {

    color: #f18a01;

}



.about_honor_details_text {

    color: #222222;

}



.about_honor_details_title,

.about_honor_details_text {

    font-size: 1.7708333vw;

    line-height: 2.6041666vw;

}

.about_honor_details_tab {

    margin-top: 3.6458333vw;

}

.about_honor_details_box {

    width: 100%;

}



.about_honor_item_box {

    padding: 0 5.208333vw;

    position: relative;

}



.about_honor_item_box:first-child {

    padding: 0 5.208333vw 0 0;

}



.about_honor_item_box:after {

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 1px;

    height: 100%;

    background: #d8d8d8;

}

.about_honor_item_read {

    margin-top: 1.82291666vw;

    min-width: 7.291666vw;

}

.about_honor_item_icon {

    position: relative;

    width: 0.5208333vw;

    height: 0.5208333vw;

    background: #f18a01;

    -webkit-border-radius: 100%;

    border-radius: 100%;

}

.about_honor_item_title {

    font-size: 0.9375vw;

    line-height: 1.5625vw;

    color: #333333;

    margin-left: 0.78125vw;

}

.about_honor_item_text,

.about_honor_item_number {

    font-size: 3.6458333vw;

    line-height: 4.1666vw;

    color: #f18a01;

}





.public_head_cn{

    font-size: 2.875rem;

    line-height: 3.125rem;

    font-weight: bold;

}

.pubilc_page_title{

    text-align: center;

}

.about_honor_wrap {

    background: #f5f9fd;

    padding: 6.7708333vw 0;

}

.about_honor_item{

    margin-top: 2rem;

}

.about_honor_box{

    justify-content: space-between;

}

.about_honor_content{

    padding-top: 3rem;

}

.about_honor_list{

    position: relative;

    padding-left: 1rem;

    margin-top: 0.8666rem;

}

.about_honor_list::after{

    content: '';

    position: absolute;

    width: 6px;

    height: 6px;

    background: #cdcdcd;

    border-radius: 50%;

    left: 0;

    top: 12px;

}



/*--产品中心--*/

.pro_page_wrap {

    position: relative;

    z-index: 10;

}

.pro_page_content{

    padding: 4.125rem 0;

    flex-wrap: wrap;


}

.pro_page_content .index_service_item_box {

    width: 31.7778%;

    margin:0.625rem 2.3333% 1.25rem 0;

    

}

.pro_page_content .index_service_item_box:nth-child(3n){

    margin-right: 0;

}

.pro_content_photo {

    width: 50%;

}



.pro_content_photo a {

    display: block;

    position: relative;

}



.pro_content_photo a:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #fff;

}



.pro_content_box {

    width: 50%;

    -webkit-align-items: center;

    align-items: center;

}

.pro_content_box {

    width: 50%;

    -webkit-align-items: center;

    align-items: center;

}

.pro_content_img {

    height: 28.6458333vw;

}



.pro_content_read {

    width: 100%;

    position: relative;

    z-index: 9;

}

.pro_content_title {

    font-size: 2.6041666vw;

    line-height: 3.22916666vw;

    margin-bottom: 3.90625vw;

    width: 100%;

    font-weight: bold;

    color: #222222;

    position: relative;

    -webkit-align-items: center;

    align-items: center;

}

.pro_content_item:nth-child(2n+1) .pro_content_title a {

    opacity: 0;

    pointer-events: none;

    -webkit-transform: translateX(-3vw);

    transform: translateX(-3vw);

}



.pro_content_item:nth-child(2n+1) .pro_content_read {

    padding: 0 9.63541666vw 0 7.03125vw;

}



.pro_content_item:nth-child(2n+1) .pro_content_after {

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);

    left: -1.5625vw;

}



.pro_content_item:nth-child(2n+1) .pro_content_after:after {

    left: 0;

}



.pro_content_item:nth-child(2n) .pro_content_title a {

    opacity: 0;

    pointer-events: none;

    -webkit-transform: translateX(3vw);

    transform: translateX(3vw);

}



.pro_content_item:nth-child(2n) .pro_content_read {

    padding: 0 8.3333vw 0 9.63541666vw;

}



.pro_content_item:nth-child(2n) .pro_content_after {

    left: 100%;

    -webkit-transform: translateX(2.291666vw);

    transform: translateX(2.291666vw);

}



/*--

.pro_content_item:nth-child(2n+1) .pro_content_photo {

    padding-left: 9.63541666vw;

}

    .pro_content_item:nth-child(2n) .pro_content_after:after {

    right: 0;

}



.pro_content_item:nth-child(2n) .pro_content_photo {

    padding-right: 9.63541666vw;

}

--*/

.pro_content_item:last-child .pro_content_photo,

.pro_content_item:first-child .pro_content_photo {

    padding: 0;

}

.proview_page_wrap{

    position: relative;

}

.pro_page_back {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;
   

}

.proview_page_box{

    width: 100%;

    padding: 6.25rem 0;

    position: relative;

    z-index: 20;

    height: 100%;

    pointer-events: none;

}

.proview_page_content{

    justify-content: space-between;

    vertical-align: middle;

    align-items: center;

}

.proview_content_left{

    width: 100%;

}

.public_head_demo{

    font-size: 1rem;

    margin: 2rem 0 0;

}

.proview_content_right{

    width: 35%;

}

.pro_max_photo {

    width: 100%;

    padding-bottom: 100%;

    position: relative;

    background: #7e7f83;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    opacity: 1;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

    align-items: center;

    vertical-align: middle;

}



.pro_max_img {

    position: absolute;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 100%;

    padding-bottom: 100%;

}

.pro_max_img  img{

    border-radius: 50%;

    border: #7e7f83 20px solid;

}
.proview_detail_wrap{
    display:inline-block;
    z-index: 20;
    width: 90%;
    padding: 5%;
    background: #fff;
    position: relative;
}
.proview_content_detail{
    width:100%;
    margin-bottom: 5%;
    padding: 0 0 5%;
    border-bottom:#e3e3e3 1px solid;

}
.proview_content_detail:last-child{
    padding-bottom: 2%;
    border-bottom:none;
}


.proview_detail_title {

    font-size: 1.3541666vw;

    line-height: 1.875vw;

    color: #020202;

}

.proview_detail_text {

    margin-top: 1.5625vw;

}

.proview_detail_text, .proview_detail_text p {

    font-size: 1rem;

    line-height: 1.625rem;

    color: #444444;

    padding-top: 0.83333rem;

}

.pro_package_big {

    margin-top: 2.08333vw;

}



.pro_package_item_box {

    width: 23.673469%;

    margin: 0 1.768708% 0 0;

}



.pro_package_item_box:nth-child(4n) {

    margin: 0;

}



.pro_package_item_img {

    padding-bottom: 58.333%;

}

/*--技术能力--*/

.treat_page_wrap {

    padding: 6.7708333vw 0;

}



.treat_page_list {

    margin-top: 5.208333vw;

}



.treat_page_box .public_head_cn,.treat_page_box .public_head_en,.equipment_page_box .public_head_cn,.equipment_page_box .public_head_en{

    text-align: center;

}

.treat_item_box {

    width: 20%;

    position: relative;

}



.treat_item_box:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: -webkit-linear-gradient(to bottom, #e9e9f7 10%, #e8f6ee);

    background-image: linear-gradient(to bottom, #e9e9f7 10%, #e8f6ee);

    opacity: 0;

    z-index: 9;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}



.treat_item_box:after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 1px;

    height: 100%;

    background: #e4e4e4;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}



.treat_item_box:last-child:after {

    display: none;

}



.treat_item_box:hover:before {

    opacity: 1;



}

.treat_item_box:hover:after {

    opacity: 0;



}

.treat_item_box:hover .treat_item_number:after {

    border-bottom: 1.041666vw solid #e8f6ee;

    border-left: 2.6041666vw solid transparent;

    border-top: 1.458333vw solid transparent;

    border-right: 2.6041666vw solid #e8f6ee;

}



.treat_item_read {

    position: relative;

    z-index: 10;

    padding: 3.125vw 0 1.5625vw 0;

}



.treat_item_icon {

    text-align: center;

    height: 4.2708333vw;

    margin: 0 auto;

}



.treat_item_icon .iconfont {

    text-align: center;

    font-size: 3.125rem;

    color: #fd9907;

}

.treat_item_head {

    margin:0 1.5vw 4.16666vw;

}



.treat_item_cn {

    font-size: 1.25vw;

    line-height: 1.875vw;

    color: #333333;

    font-weight: bold;

    text-align: center;

    margin-bottom: 1.25rem;

}



.treat_item_en {

    font-size: 0.7291666vw;

    line-height: 1.3541666vw;

    color: #999999;

    text-transform: uppercase;

}



.treat_item_number {

    margin: 0 auto;

    width: 5.208333vw;

    font-size: 2.08333vw;

    line-height: 2.91666vw;

    text-align: center;

    color: rgba(220, 220, 220, 0);

    -webkit-text-stroke: 1px #aaaaaa;

    position: relative;

}



.treat_item_number:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    height: 0;

    border-bottom: 1.041666vw solid #fff;

    border-left: 2.6041666vw solid transparent;

    border-top: 1.458333vw solid transparent;

    border-right: 2.6041666vw solid #fff;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}

.tech_page_pic {

    position: relative;

    padding: 10.41666vw 0 11.9791666vw 0;

}



.tech_page_img {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.tech_big_title,

.tech_big_title p {

    font-size: 2.5vw;

    line-height: 3.6458333vw;

    color: #fff;

}



.tech_big_text {

    font-size: 0.9375vw;

    line-height: 1.5625vw;

    color: #fff;

    margin-top: 2.08333vw;

}



.tech_page_big {

    position: relative;

    padding: 0 8.3333vw;

    z-index: 1;

}

.equipment_page_wrap {

    padding: 7.8125vw 0 6.25vw 0;

}



.equipment_page_content {

    padding: 0 8.3333vw;

    margin-top:  5.7291666vw;

}

.equipment_page_box .public_head_demo{

    width: 80%;

    margin: 1.625rem auto;

    text-align: center;

    color: #666;

}



.equipment_page_pic {

    position: relative;

    overflow: hidden;

}



.equipment_page_img {

    padding-bottom: 121.6216%;
    border: #ececec 1px solid;

}



.equipment_page_read {

    margin-top: 0.625rem;

}



.equipment_page_title {

    font-size: 1.125rem;

    line-height: 1.7708333vw;

    color: #020202;
    text-align: center;

}



.equipment_page_text {

    margin-top: 0.78125vw;

}



.equipment_page_text,

.equipment_page_text p {

    font-size: 0.8333vw;

    line-height: 1.3541666vw;

    color: #444444;

}



.equipment_page_button {

    margin-top: 4.1666vw;

    -webkit-justify-content: center;

    justify-content: center;

}



.equipment_page_btn {

    outline: none;

    cursor: pointer;

}



.equipment_page_prev {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

    margin-right: 2.6041666vw;

}

.swiper-container {

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    list-style: none;

    padding: 0;

    z-index: 1;

}

.public_btn_active .public_color_btn {

    -webkit-box-shadow: 0 0 3.125vw rgba(255, 98, 29, .5);

    box-shadow: 0 0 3.125vw rgba(255, 98, 29, .5);

}



.public_btn_active .public_color_btn:before {

    opacity: 1;

}



.public_btn_active .public_color_btn .public_color_icon {

    background: #fff;

}



.public_btn_active .public_color_btn .public_color_label svg {

    fill: #ff621d;

}



.public_btn_active .public_color_btn .public_color_label:nth-child(1) {

    left: 100%;

    opacity: 0;

}



.public_btn_active .public_color_btn .public_color_label:nth-child(2) {

    left: 0;

    opacity: 1;

}



.public_color_btn {

    width: 3.0208333vw;

    height: 3.0208333vw;

    position: relative;

    -webkit-align-items: center;

    align-items: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    cursor: pointer;

    outline: none;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}



.public_color_btn:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border: 1px solid #bfbfbf;

    box-sizing: border-box;

    -webkit-border-radius: 100%;

    border-radius: 100%;

}



.public_color_btn:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #ff621d;

    opacity: 0;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    z-index: 2;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}



.public_color_icon {

    position: relative;

    z-index: 3;

    width: 0.8333vw;

    height: 0.8333vw;

    background: #bfbfbf;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    overflow: hidden;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}



.public_color_label {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}



.public_color_label svg {

    width: 0.208333vw;

    height: 100%;

    fill: #fff;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}



.public_color_label:nth-child(2) {

    left: -100%;

    opacity: 0;

}



/*--新闻--*/

.news_page_wrap {

    position: relative;

    background: #eff0f5;

    overflow: hidden;

}

.news_page_box {

    position: relative;

    z-index: 9;

}



.news_list_content {

    padding-bottom: 7.8125vw;

}



.news_page_list {

    padding: 4.16666vw 0;

}



.news_page_item_box {

    padding: 2.5vw;

    margin-bottom: 0.78125vw;

    background: rgba(255, 255, 255, .6);

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

    opacity: 0;

    pointer-events: none;

    -webkit-transform: translateY(3vw);

    transform: translateY(3vw);

    position: relative;

}



.news_page_item_box:nth-child(2n) {

    background: rgba(255, 255, 255, 1);

}

.news_page_time_box {

    width: 9.62861%;

}

.news_item_content_head {

    width: 100%;

}

.news_item_content_box {

    width: 58.73452%;

    padding-right: 6.25vw;

    -webkit-align-content: space-between;

    align-content: space-between;

}





.news_page_time_read {

    width: 67.14285%;

}

.news_page_img_box {

    width: 31.63687%;

    position: relative;

}

.news_page_img_read {

    padding-bottom: 60.73752%;

    position: relative;

}



.news_page_img_read a {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;



}





.news_img_after {

    width: 100%;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

    position: relative;

    z-index: 3;



    height: 100%;

}



.news_img_after img {

    position: absolute;



    width: 100%;

    height: 100%;

    object-fit: cover;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}

.news_page_time_day {

    font-size: 3.125vw;

    line-height: 3.125vw;

    font-weight: bold;

    color: #222222;

    text-align: center;

}



.news_page_time_year {

    font-size: 0.9375vw;

    color: #666666;

    text-align: center;

}



.news_item_content_title {

    margin-bottom: 1.5625vw;

}



.news_item_content_title a {

    display: block;

    max-width: 100%;

    font-size: 1.25vw;

    line-height: 1.875vw;

    max-height: 3.75vw;

    color: #000000;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}



.news_item_content_text {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    font-size: 0.7291666vw;

    line-height: 1.3541666vw;

    color: #777777;

}

.news_pagination_box {

    -webkit-justify-content: center;

    justify-content: center;

}

.news_pagination_box span{
    margin: 0 0.325rem;
}

.news_pagination_box .page-numbers {

    width: 2.08333vw;

    height: 2.08333vw;

    margin: 0 0.5208333vw;

    -webkit-align-items: center;

    align-items: center;

    -webkit-justify-content: center;

    justify-content: center;

    box-sizing: border-box;

    position: relative;

    border: 1px solid #bcbcbc;

    -webkit-border-radius: 100%;

    border-radius: 100%;

    font-size: 1rem;
    line-height: 2.08333vw;

    color: #666;

    font-family: "Arial", "Microsoft YaHei UI Light", "Microsoft YaHei UI", 微软雅黑, "Helvetica", "sans-serif" !important;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}



.news_pagination_box .news_pagination_btn {

    border: 1px solid #2327b6;

}



.news_pagination_box .news_pagination_btn svg {

    width: 0.416666vw;

    fill: #2327b6;

    -webkit-transition: all .6s ease;

    transition: all .6s ease;

}



.news_pagination_next {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}



.news_pagination_box a:hover,.news_pagination_box a.active {

    background: #2327b6;

    border: 1px solid #2327b6;

    color: #fff;
    text-align: center;
    font-size: 1rem;
    line-height: 2.08333vw;

}




.news_pagination_box a:hover svg {

    fill: #fff;

}



.news_return_wrap {

    width: 22.3958333%;

    background: #1fad58;

}



.news_return_icon {

    width: 0.83333vw;

}



.news_return_icon svg {

    fill: #fff;

}



.news_return_text {

    font-size: 0.83333vw;

    line-height: 4.16666vw;

    margin-left: 0.9375vw;

    color: #fff;

}



.news_return_box {

    width: 100%;

}



.news_return_box a {

    width: 100%;

    -webkit-justify-content: center;

    justify-content: center;

}



.news_details_wrap {

    background: #fff;

    padding: 5.7291666vw 6.1458333vw;

}



.news_details_title {

    font-size: 1.6666vw;

    line-height: 2.291666vw;

    color: #222222;

    font-weight: bold;

    margin-bottom: 2.08333vw;

}



.news_details_tips {

    margin-bottom: 2.6041666vw;

}



.news_details_item {

    -webkit-align-items: center;

    align-items: center;

    margin-left: 2.6041666vw;

}



.news_details_item:first-child {

    margin-left: 0;

}



.news_details_icon {

    font-size: 0.7291666vw;

    color: #666666;

}



.news_details_text {

    font-size: 0.83333vw;

    line-height: 1.458333vw;

    margin-left: 0.5208333vw;

    color: #999999;

}



.news_details_line {

    width: 100%;

    height: 1px;

    background: #ebebeb;

}



.news_details_content p {

    opacity: 0;

    pointer-events: none;

    -webkit-transform: translateY(3vw);

    transform: translateY(3vw);

}



.news_details_content h3 {

    font-weight: bold;

    font-size: 0.9375vw;

    line-height: 1.458333vw;

    opacity: 0;

    pointer-events: none;

    -webkit-transform: translateY(3vw);

    transform: translateY(3vw);

}



.news_details_content,

.news_details_content p {

    font-size: 0.78125vw;

    line-height: 1.7708333vw;

    color: #444444;

}



.news_details_content th, .news_details_content td {

    border: 1px solid #cccccc;

}



.news_details_content img {

    padding: 1.7708333vw 0;

    max-width: 100%;

    width: auto;

    display: inline-block;

}



.news_details_content {

    padding: 2.6041666vw 0;

}



.news_details_pagination_box {

    background: #f6f6f6;

    padding: 0.57291666vw 2.6041666vw;

    -webkit-align-items: center;

    align-items: center;

    -webkit-justify-content: space-between;

    justify-content: space-between;

}



.news_details_pagination_icon {

    width: 0.46875vw;

}



.news_details_pagination_icon svg {

    fill: #666666;

}



.news_details_pagination_text {

    font-size: 0.78125vw;

    line-height: 2.08333vw;

    margin-left: 0.98958333vw;

    color: #666666;

}



.news_details_pagination_next {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}



.news_details_pagination_next .news_details_pagination_text {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

}



.news_details_pagination_return a {

    width: 2.08333vw;

    height: 2.08333vw;

    -webkit-align-items: center;

    align-items: center;

    -webkit-justify-content: center;

    justify-content: center;

}



.news_details_pagination_return a svg {

    width: 1.041666vw;

}



.news_details_pagination_box {

    margin-top: 5.208333vw;

}



/*--联系我们--*/

.contact_page_wrap {

    padding: 7.8125vw 0 10.41666vw 0;

}

.contact_header{

    padding-bottoms: 2.125rem;

    border-bottom: 0.1041666vw solid #000;

}

.contact_header_cn {

    font-size: 2.6041666vw;

    line-height: 3.125vw;

    color: #020202;

}

.contact_header_en {

    font-size: 2.291666vw;

    line-height: 2.8125vw;

    color: #020202;

}

.contact_detail_box{

    flex-wrap: wrap;

}

.contact_detail_list{

    width: 50%;

    margin:3.125rem 0 2rem;

}

.contact_detail_address{

    width: 100%;

}

.contact_detail_list .iconfont,.contact_detail_address .iconfont{

    font-size: 2.6888rem;

    color: #fc9b00;

}

.contact_details_text{

    font-size: 1.75rem;

    line-height: 2.8666rem;

}

.contact_detail_map{

    margin: 4.25rem 0 0;

}





.PublicAfter {

    position: relative;

    overflow: hidden;

}



.PublicAfter:after {

    content: "";

    position: absolute;

    left: -50%;

    top: 0;

    width: 200%;

    height: 100%;

    z-index: 99;

    pointer-events: none;

    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 75%, rgba(255, 255, 255, 0) 100%);



}



.AddPublicAfter:after {

    left: 100%;

    -webkit-transition: all 1.5s cubic-bezier(.4, 0, .2, 1);

    transition: all 1.5s cubic-bezier(.4, 0, .2, 1);

}



.PublicFadeRoll {

    -webkit-transform: translateY(5vw);

    transform: translateY(5vw);

    opacity: 0;

}



.ImgAnimate {

    position: relative;

    -webkit-filter: blur(0.5208333vw);

    filter: blur(0.5208333vw);

    overflow: hidden;



}





.ImgAnimate:after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 400%;

    pointer-events: none;

    -webkit-background-image: linear-gradient(to top, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 50%);

    background-image: linear-gradient(to top, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 0) 50%);



}



.AddImgAnimate {

    -webkit-filter: blur(0);

    filter: blur(0);

    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);

    transition: all 1s cubic-bezier(.4, 0, .2, 1);

}



.AddImgAnimate:after {

    bottom: -200%;

    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);

    transition: all 1s cubic-bezier(.4, 0, .2, 1);

}



.AddPublicBanner .public_banner_title {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);

    transition: all 1s cubic-bezier(.77, 0, .175, 1);

}

.AddPublicBanner .public_banner_en {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);

    transition: all 1s cubic-bezier(.77, 0, .175, 1);

    -webkit-transition-delay: 50ms;

    transition-delay: 50ms;

}



.AddPublicBanner .public_banner_line {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);

    transition: all 1s cubic-bezier(.77, 0, .175, 1);

    -webkit-transition-delay: 100ms;

    transition-delay: 100ms;

}



.AddPublicBanner .public_clinical_title {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);

    transition: all 1s cubic-bezier(.77, 0, .175, 1);



}



.AddPublicBanner .public_clinical_tab {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);

    transition: all 1s cubic-bezier(.77, 0, .175, 1);

    -webkit-transition-delay: 50ms;

    transition-delay: 50ms;

}



.AddPublicNav {

    margin-top: 0;

    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);

    transition: all 1s cubic-bezier(.77, 0, .175, 1);

}

.AddAboutCompanyPhoto .about_company_img:after {

    width: 0;

    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);

     transition: all .8s cubic-bezier(.55, .17, .37, .94);

    }

.AddAboutCompanyPhoto { 

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);

    transition: all .8s cubic-bezier(.55, .17, .37, .94);

}

.AddAboutCompanyPhoto:after {

    left: 1.825vw;

    bottom: -2.833vw;

    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);

    transition: all .8s cubic-bezier(.55, .17, .37, .94);

    -webkit-transition-delay: 400ms;

    transition-delay: 400ms;

}

.AddAboutCompanyContent {

    -webkit-transform: none; 

    transform: none;

    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);

    transition: all .8s cubic-bezier(.55, .17, .37, .94);

}

.AddAboutCompanyContent .about_company_head .public_head_item:nth-child(1) {

    opacity: 1; 

    pointer-events: auto; 

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);

    transition: all .8s cubic-bezier(.55, .17, .37, .94);

    -webkit-transition-delay: 400ms;

    transition-delay: 400ms;

}

.AddAboutCompanyContent .about_company_head .public_head_item:nth-child(2) {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94); 

    transition: all .8s cubic-bezier(.55, .17, .37, .94);

    -webkit-transition-delay: 450ms;

    transition-delay: 450ms;

}

.AddAboutCompanyContent .about_company_head .public_head_cn { 

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none; 

    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);

    transition: all .8s cubic-bezier(.55, .17, .37, .94);

    -webkit-transition-delay: 450ms;

    transition-delay: 450ms;

}

.AddAboutCompanyContent .about_company_read {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);

    transition: all .8s cubic-bezier(.55, .17, .37, .94);

    -webkit-transition-delay: 500ms;

    transition-delay: 500ms;

}

.AddAboutCompanyContent .about_company_item_box {

    opacity: 1; 

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);

    transition: all .8s cubic-bezier(.55, .17, .37, .94);

    -webkit-transition-delay: 550ms;

    transition-delay: 550ms;

}

.AddAboutBrandItem {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);

    transition: all 1s cubic-bezier(.77, 0, .175, 1);

}



.AddAboutBrandItem:after {

    height: 0;

    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);

    transition: all 1s cubic-bezier(.77, 0, .175, 1);

}

.AddProItem .pro_content_photo a:after {

    height: 0;

    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);

    transition: all 1s cubic-bezier(.77, 0, .175, 1);

}



.AddProItem .pro_content_after:after {

    width: 100%;

    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);

    transition: all 1s cubic-bezier(.77, 0, .175, 1);

    -webkit-transition-delay: 50ms;

    transition-delay: 50ms;

}





.AddProItem .pro_content_title a {

    opacity: 1 !important;

    pointer-events: auto !important;

    -webkit-transform: none !important;

    transform: none !important;

    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);

    transition: all 1s cubic-bezier(.77, 0, .175, 1);

    -webkit-transition-delay: 200ms;

    transition-delay: 200ms;

}



.AddProItem .pro_content_button {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);

    transition: all 1s cubic-bezier(.77, 0, .175, 1);

    -webkit-transition-delay: 300ms;

    transition-delay: 300ms;

}

.AddNewsItem {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);

    transition: all 1s cubic-bezier(.77, 0, .175, 1);

}

.news_page_img_read a:after {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #fff;

    z-index: 9;

    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);

    transition: all 1s cubic-bezier(.77, 0, .175, 1);

}



.AddNewsItem .news_page_img_read a:after {

    height: 0;

}



.news_details_content .AddNewsBjq {

    opacity: 1;

    pointer-events: auto;

    -webkit-transform: none;

    transform: none;

    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);

    transition: all 1s cubic-bezier(.77, 0, .175, 1);

}



/*--底部--*/

.footer_wrap {

    position: relative;

}

.footer_back {

    height: 500px;

    position: relative;

}

.footer_box {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

}

.footer_content {

    padding-top: 4.5rem;

}

.footer_header {

    justify-content: space-between;

}

.footer_header_logo {

    width: 8.725rem;

}

.footer_header_logo img {

    -webkit-filter: brightness(0%) grayscale(100%) invert(100%);

    filter: brightness(0%) grayscale(100%) invert(100%);

    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);

    transition: all 1s cubic-bezier(.4, 0, .2, 1);

}

.footer_header_text {

    width: 60%;

    font-size: 1.625rem;

    line-height: 2.5rem;
    text-align: right;

    font-weight: 600;

    color: #fc9a04;

}

.footer_menu_wrap {

    width: 100%;

    margin: 3.125rem 0 0;

}

.footer_menu_item {

    width: 25%;

}





.footer_menu_title{

    font-size: 1.125rem;

    color: #ffffff;

    margin-bottom: 0.83333rem;

}

.footer_menu_list a{

    display: block;

    color: #ffffff;

}

.footer_contact{

    color: #ffffff;

}

.footer_copyright{

    color: rgba(255,255,255,0.6);

    margin-top: 2.25rem;

}

.ScaleInfinite {

    -webkit-animation: ScaleInfinite 16s linear infinite normal both;

    animation: ScaleInfinite 16s linear infinite normal both;

}



@-webkit-keyframes ScaleInfinite {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    50% {

        -webkit-transform: scale(1.15);

        transform: scale(1.15);

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



@keyframes ScaleInfinite {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

    50% {

        -webkit-transform: scale(1.15);

        transform: scale(1.15);

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}