@charset "UTF-8";

@import "fonts.css";
html{margin:0;padding:0;font-size: 16px;}
body{margin:0;padding:0;font-size: 16px;overflow-x:hidden;font-family: "Zalando Sans", sans-serif;font-weight: 400;width: 100%;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;margin-block-start:0;margin-block-end:0}
ul,li{margin:0;padding:0;list-style:none}
a{text-decoration:none;color: #16191f;}
textarea,input{font-family: Poppins, sans-serif}
img{display:block}
input,textarea{outline:none}
button{padding:0;background-color:unset;font-family: Poppins, sans-serif;border:none}
.pimg{position:relative;display:block}
.pimg img{position:absolute;width:100%;height:100%;object-fit:cover}
.nowrap{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.nowrap_auto{white-space:nowrap;}
.line_num{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
:root{
    /*--fz12:12px;*/
    /*--fz14:14px;*/
    /*--fz16:16px;*/
    /*--fz18:18px;*/
    /*--fz20:20px;*/
    /*--fz24:24px;*/
    /*--fz28:28px;*/
    /*--fz32:32px;*/
    /*--fz50:50px;*/
    /*--glow-size:#FE0467*/
    --main-text-color:#0F172B;
    --grey-text-color:#62748E;
    --greydark-text-color:#314158;
    --white-grey:#CAD5E2
}

.lp3{letter-spacing: .03rem}
.t_upp{text-transform: uppercase}
.fz14{font-size: 14px;}
.fz12{font-size: 12px;}
.fz18{font-size: 18px;}
.fz24{font-size: 24px;}
.lh20{line-height: 20px;}
.lh22{line-height: 22px;}
.lh24{line-height: 24px;}
.lh26{line-height: 26px;}
.lh28{line-height: 28px;}
.lh32{line-height: 32px;}
.main_color{color: #0f172b;}
.grey_text_color{color: #62748e;}
.greydark_text_color{color: #314158;}
.white_grey{color: #cad5e2;}
.fw600{font-weight: 600;}
.fw500{font-weight: 500;}

/*.mainWidth{width: 97.142%;margin: 0 auto;max-width: 1865px;}*/
.main_width{width: 80.833%;margin: 0 auto;max-width: 1440px;}
.w1400{margin: 0 auto;max-width: 1200px}
.tr5{transition: all .3s}
.mt15{margin-top: 15px;}
.mt10{margin-top: 10px;}
.mb15{margin-bottom: 15px;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.pd80{padding: 80px 0}
.t_center{text-align: center}
.w_100{width: 100%;}
.position_relative{position: relative}
.row-nomargin{display: flex;flex-wrap: wrap;}


img.aligncenter{display: block;margin: 0 auto}
.pointer{cursor: pointer}
.o-hidden{width: 100%;overflow: hidden}

body.overflow{overflow: hidden;height: 100%}



.small_box{background-color: #fff;padding: 5px 25px;border-radius: 40px;}
.small_box p{color: #19a8b8;font-weight: 600;text-transform: uppercase}
.small_box img{width: 14px;margin-right: 8px;}



.btn_style1{background-color: var(--main-text-color);color: #fff;display: flex;justify-content: center;align-items: center;border-radius: 40px;padding: 12px 0;border: 1px solid var(--main-text-color);transition: all .3s;font-weight: 600;}
.btn_style2{background-color: #fff;color: var(--main-text-color);display: flex;justify-content: center;align-items: center;border-radius: 40px;padding: 12px 0;border: 1px solid var(--main-text-color);transition: all .3s;font-weight: 600;}
.btn_style3{background-color: rgba(238, 246, 255, 0.6);color: var(--greydark-text-color);display: flex;justify-content: center;align-items: center;border-radius: 40px;padding: 12px 0;border: 1px solid transparent;transition: all .3s;font-weight: 600;}

.btn_style1:hover{background-color: #fff;color: var(--main-text-color);}
.btn_style2:hover{background-color: var(--main-text-color);color: #fff;}
.btn_style3:hover{background-color: #000;color: #fff;}


.small_title span{padding: 4px 16px;background-color: #EEF6FF;border-radius: 16px;color: var(--grey-text-color);}

header{width: 100%;overflow: hidden}
header .logo img{max-width:156px;max-height:32px}






header .nav_box{position:absolute;top:37px;width:100%;left:0;z-index:100}
header .nav_box .nav{width:1440px;margin:0 auto;background-color:#fff;border-radius:24px;height:64px;padding:0 48px;box-sizing:border-box;box-shadow:0 4px 15px rgba(0,0,0,0.05)}
header .logo img{max-width:156px;max-height:32px}
header .nav_box nav{margin:0 auto;height:100%}
header .nav_box nav ul.one{height:100%}
header .nav_box nav ul.one > li{position:relative;height:100%}
header .nav_box nav ul.one > li > a{padding:0 24px;display:flex;height:100%;align-items:center;font-weight:500;transition: all .3s}
header .nav_box nav .nav_two{position:absolute;background-color:#fff;border-radius:0 0 16px 16px;top:100%;left:50%;transform:translateX(-50%) scaleY(0);transform-origin:top center;min-width:200px;opacity:0;visibility:hidden;overflow:hidden;transition:transform 0.4s cubic-bezier(0.165,0.84,0.44,1),opacity 0.3s linear,visibility 0.4s;box-shadow:0 10px 30px rgba(0,0,0,0.08);border-top:1px solid #f0f0f0}
header .nav_box nav ul.one > li:hover .nav_two{opacity:1;visibility:visible;transform:translateX(-50%) scaleY(1)}
header .nav_box nav .nav_two .two{padding:12px 0;transition:transform 0.4s cubic-bezier(0.165,0.84,0.44,1);transform:translateY(-20px)}
header .nav_box nav ul.one > li:hover .nav_two .two{transform:translateY(0)}
header .nav_box nav ul.two li a{padding:12px 24px;display:block;white-space:nowrap;font-weight: 500;position: relative}

header .nav_box nav ul.two li a:after{content: '';position: absolute;width: 0;left: 24px;bottom: 0;height: 1px;background-color: #000;transition: all .3s}
header .nav_box nav ul.two li a:hover{color:#26365C;}

header .nav_box nav ul.two li a:hover:after{width: calc(100% - 48px)}
header .nav_box .right a{padding: 8px 24px;background-color: #0F172B;color: #fff;border-radius: 40px;font-size: 18px;border: 1px solid transparent}
header .nav_box .right a:hover{color: var(--main-text-color);background-color: #fff;border: 1px solid var(--main-text-color)}



header .banner_box{
    /*height: 100vh;*/
    overflow: hidden;
    /*min-height: 850px;*/
    height: 101px;
}
header .banner_box .banner_img img{height: 100vh;min-height: 850px;width: 100%;object-fit: cover;object-position: center center;}
header .banner_box::after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #F0FAFD;z-index: 1}
header .banner_box .text_body{position: absolute;bottom: 86px;
    left: 50%;
    transform: translateX(-50%);

    width: 675px;z-index: 2
}
header .banner_box .text_body .small_box{background-color: #fff;padding: 10px 14px;border-radius: 40px;}
header .banner_box .text_body .small_box p{color: #19a8b8;font-weight: 600;}
header .banner_box .text_body .small_box img{width: 14px;margin-right: 10px;}
header .banner_box .text_body .main_text h1{font-size: 60px;font-weight: 600;color: #0f172b;margin: 22px 0}
header .banner_box .text_body .main_text p{font-size: 18px;color: #314158;}
header .banner_box .text_body .button_box{margin-top: 65px;}
header .banner_box .text_body .button_box a{padding: 8px 24px;background-color: #0F172B;color: #fff;border-radius: 40px;font-size: 18px;font-weight: 500;}
header .banner_box .text_body .button_box a.two{background-color: #fff;color: #0f172b;margin-left: 16px;}
header .banner_box .text_body .button_box a.one:hover{background-color: #fff;color: #0f172b;}
header .banner_box .text_body .button_box a.two:hover{background-color: #0F172B;color: #fff;}
header .banner_box.about .text_body{width: 722px;}
header .banner_box.oem1_list .text_body{width: 920px;}
header .banner_box.oem2_list .text_body{width: 75%;}
header .banner_box.packaging .text_body{width: 687px;}
header .banner_box.oem1_list .text_body .button_box a.one img{margin-left: 9px;}
header .banner_box.oem1_list .text_body .button_box a.one:hover img{filter:brightness(0)}
header .banner_box.single_blog .time_box{margin-left: 24px;}
header .banner_box.single_blog .time_box .one{margin-right: 14px;}
header .banner_box.single_blog .time_box .one .ico{margin-right: 6px;}
header .banner_box.single_blog .time_box .two{padding-left: 20px;position: relative}
header .banner_box.single_blog .time_box .two::before{content: '';position: absolute;width: 8px;height: 8px;background-color: rgba(202, 213, 226, 1);border-radius: 50%;left: 0;top: 50%;transform: translateY(-50%)}
header .banner_box.single_blog{height: 642px;min-height: unset}
header .banner_box.single_blog .text_body{max-width: 1200px;width: 90%;bottom: 64px;}
header .banner_box.contacts .list_text{margin-top: 24px;}
header .banner_box.contacts .list_text .t_item:not(:first-of-type){margin-left: 24px;}
header .banner_box.contacts .list_text .t_item p{margin-left: 6px;}
header .banner_box.contacts .text_body .button_box{margin-top: 24px;}
header .banner_box.contacts .text_body .button_box a{width: 300px;height: 48px;display: flex;align-items: center;padding: 0;justify-content: center}

header .banner_box.l_page2_banner .text_body .button_box a{padding: 11px 55px}
header .banner_box .text_body .other_text{font-size: 15px;color: #314158;margin-top: 20px;}






footer{background-color: #0f172b;width: 100%;overflow:hidden}
footer .foot_x_body{padding: 20px 0 5px}
footer .foot_bottom{padding: 10px 56px 30px;}
footer .foot_bottom::before{content: '';position: absolute;width: calc(100% - 112px);left: 56px;background-color: var(--white-grey);top: 0;height: 1px;}

footer .foot_bottom .bottom_left{text-transform:uppercase}
footer .foot_bottom *{font-size: 12px;color: var(--grey-text-color)}
footer .foot_bottom .bottom_right a{display: block;margin-left: 15px;}
footer .mail_box .show{position: absolute;left: 0;top: -15px;white-space: nowrap;background-color: #0f172b;border-radius: 5px;padding: 5px;color: #fff;font-size: 14px;opacity: 0;z-index: -1}
footer .mail_box:hover .show{animation: foot_move .5s ease-in-out forwards; opacity: 1}
footer *{color: #fff}


@keyframes foot_move {
    0% {
        opacity: 0;
        top: -15px;
    }
    100% {
        opacity: 1;
        top: -30px;
        z-index: 1;
    }
}


.index_title{max-width: 1000px;margin: 0 auto}
.index_title .small_title span{padding: 4px 16px;background-color: #EEF6FF;border-radius: 16px;color: var(--grey-text-color);margin-bottom: 12px;}
.index_title h2{font-size: 36px;font-weight: 600;color: var(--main-text-color)}
.index_title p{color: var(--grey-text-color);margin-top: 20px;}

.index_more_box{display: flex;justify-content: center;}
.index_more_box a{
    color: #0F172B;
    border-radius: 40px;
    font-size: 18px;font-weight: 500;min-width: 252px;text-align: center;border: 1px solid transparent}


.index_title2 .left h2{font-size: 36px;color: var(--main-text-color);font-weight: 600;}
.index_title2 .left p{color: var(--grey-text-color);margin-top: 5px;}
.index_title2 .right a{color: var(--main-text-color);font-size: 18px;font-weight: 500;}
.index_title2 .right a:hover{border-bottom: 1px solid var(--main-text-color)}



.one_case_width{width: 1200px;margin: 0 auto}
.one_case_tit .icon{margin-right: 8px;}


.index2{padding: 55px 0;box-sizing: border-box;width: 100%;overflow: hidden}
.index2 .list{margin-top: 30px;margin-left: -60px;margin-right: -60px;}
.index2 .list .item{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);border-radius: 12px;overflow: hidden;margin: 0 60px;height: 100%;}
.index2 .list .item .pimg{padding-bottom: 98.039%;overflow: hidden;}
.index2.landing_page_2_7 .list .item .pimg{padding-bottom: 65%;}
.index2.landing_page_2_7 .list .item{margin: 0 30px;}
.index2.landing_page_2_7 .list .item .item_box{display: flex;flex-direction: column;height: 100%;}
.index2.landing_page_2_7 .list .item .text{height: 100%;}
.index2.landing_page_2_9 .list .item .item_box{display: flex;flex-direction: column;height: 100%;}
.index2.landing_page_2_9 .list .item .text{height: 100%;}

.index2.landing_page_2_7 .list{margin-left: -30px;margin-right: -30px;}
.index2 .list .item .more{position: absolute;bottom: 32px;left: -100%;background-color: rgba(255, 255, 255, 0.3);border-radius: 16px;padding: 4px 8px;}
.index2 .list .item:hover .more{left: 24px;}
.index2 .list .item .more .ico{margin-left: 5px;}
.index2 .list .item .more p{font-size: 12px;font-weight: 600;line-height: 14px;color: var(--main-text-color)}
.index2 .list .item .text{padding: 28px 24px;box-sizing: border-box}
.index2 .list .item .text h2{color: var(--main-text-color);font-size: 18px;font-weight: 600;}
.index2 .list .item .text p{color: var(--greydark-text-color);margin-top: 15px;line-height: 24px;}
.index2 .list .item:hover h2{color:var(--greydark-text-color);}
.index2 .list .item:hover .text{background-color: #EEF6FF;}
.index2 .index_more_box{margin-top: 60px;}
.index2 .index_more_box a:hover{background-color: #fff;color: var(--main-text-color);border: 1px solid var(--main-text-color)}



.index3{padding: 55px 0;box-sizing: border-box;width: 100%;overflow: hidden;background: #F7F9FC;}
.index3 .index3_sw{overflow: hidden;}
.index3 .index3_sw .swiper-pagination-bullet{border-radius: 0;width: 40px;height: 3px;}
.index3 .index3_sw .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: -50px;}
.index3 .list{margin-top: 40px;margin-left: -42px;margin-right: -42px;}
.index3 .list .item{margin: 0 42px}
.index3 .list .item .img_ico{display: flex;justify-content: center;align-items: center;width: 95px;height: 95px;border: 1px solid var(--white-grey);border-radius: 50%}
.index3 .list .item .img_ico img{max-width: 32px;max-height: 32px;}
.index3 .list .item .pointer{width: 24px;height: 24px;border-radius: 50%;background-color: var(--main-text-color);color: #fff;font-size: 15px;position: absolute;top: 0;left: 0;line-height: 14px;}
.index3 .list .item h3{margin-top: 16px;font-size: 18px;font-weight: 600;white-space: nowrap}
.index3 .list .item p{font-size: 14px;line-height: 22px;color: var(--grey-text-color);margin-top: 8px;}
.index3 .index_more_box{margin-top: 60px;}
.index3 .index_more_box a{background-color: #fff;color: var(--main-text-color);border: 1px solid var(--main-text-color)}
.index3 .index_more_box a:hover{background-color: var(--main-text-color);color:#fff;}

.index4{width: 100%;overflow: hidden;padding: 0 0 55px;}
.index4 .index4_new_text{background-color: #0F172B;color: #fff;padding-bottom: 15px;}
.index4 .index4_new_text p{margin-left: 5px;}
.index4 .left{background-color: #0F172B;padding: 48px 80px;width: 960px;box-sizing: border-box}
.index4 .left h2.title{font-size: 36px;line-height: 40px;color: #fff;margin-top: 25px;}
.index4 .left p.desc{color: var(--white-grey);margin-top: 15px;line-height: 24px;}
.index4 .left .list{margin-top: 45px;}
.index4 .left .list .item{margin-top: 16px;}
.index4 .left .list .item img{width: 20px;}
.index4 .left .list .item p{color: var(--white-grey);margin-left: 12px;}
.index4 .left .index_more_box{justify-content: unset;margin-top: 50px;}
.index4 .left .index_more_box a{border: 1px solid #fff}
.index4 .left .index_more_box a:hover{background-color: #fff;color: var(--main-text-color);border-color:var(--main-text-color)}
.index4 .right{width: 0;flex: 1}
.index4 .right img{width: 100%;object-fit: cover;height: 100%}
.index4 .index4_bottom{background-color: #0F172B;padding: 15px 0}
.index4 .index4_bottom .item .ico{width: 42px;height: 42px;border-radius: 50%;border: 1px solid #fff}
.index4 .index4_bottom .item img{width: 24px;}
.index4 .index4_bottom .item p{color: #fff;margin-left: 10px;}
.index4  .list_bottom{margin-left: -80px;margin-right: -80px;}



.index7{padding: 55px 0 85px;width: 100%;overflow: hidden;box-sizing: border-box}
.index7.first .list .row .item{cursor: pointer;height: 100%}
.index7.first .list .row .col-lg-4:last-of-type .item{border: 2px solid #00aced;background-color: #e1fbff;}
.index7 .list{margin: 40px -32px 0}
.index7 .list .item{border-radius: 12px;margin: 0 32px;box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.10);padding: 5px 32px;min-height: 115px}
.index7 .list .ico{width: 46px;height: 46px;border-radius: 50%;border: 1px solid var(--white-grey);display: flex;justify-content: center;align-items: center}
.index7 .list .ico img{width: 20px;}
.index7 .list .item h3{color: var(--main-text-color);margin: 25px 0 12px;font-weight: 400;}
.index7 .list .item p{color: var(--grey-text-color);line-height: 22px;font-size: 14px;}
.index7 .index_more_box{margin-top: 60px;}
.index7 .index_more_box a{background-color: #fff;border: 1px solid var(--main-text-color);color: var(--main-text-color)}
.index7 .index_more_box a:hover{background-color: var(--main-text-color);border: 1px solid var(--main-text-color);color: #fff}
.index7.two .list .item{height: 100%;min-height: unset;padding: 10px 32px 0}
.index7.two .list .item{box-shadow: unset}
.index7.two .list .item h3{margin: 0 0 0 15px;width: 0;flex:1}
.index7.two .list{margin: 30px -32px 0;}
.index7.two{background: #F7F9FC;}



.index7.three{background: #F7F9FC;}
.index7.three .h3_text{width: 0;flex: 1}
.index7.three .list .ico{border-radius: unset;border: unset;width: 88px;}
.index7.three .list .ico img{width: 60%;height: auto}
.index7.three .list .item{padding: 15px 30px;height: 100%;margin: 0 20px;}


/*.page_contact_2{padding-top: 160px}*/
.page_contact_2_body{background-color:#0f172b;padding: 60px 0 40px;}
.page_contact_2 .index_title .icon{width: 64px;
    height: 64px;
    background-color: rgba(125, 204, 236, 0.1);
    border-radius: 12px;
    margin: 0 auto;}
.page_contact_2 .index_title{max-width: 840px;margin: 0 auto}
.page_contact_2 .index_title h2{margin-top: 16px;color: #fff}
.page_contact_2 .get_btn{width: 300px;margin: 40px auto 0}
/*rgba(238, 246, 255, 1)*/
.page_contact_2 .get_btn a{font-weight: 500;font-size: 18px;background-color: #fff;color: #0f172b}
.page_contact_2 .last_text{margin-top: 24px;}
.page_contact_2 .get_btn a:hover{background-color: #fff;color: #0f172b}





.same_tit_box .tit{font-size: 36px;line-height: 32px;letter-spacing: 0.01rem;color: #0f172b;font-weight: 600;}
.same_tit_box .desc p{color: #00B8DB;font-size: 14px;line-height: 20px;margin-top: 12px;background-color: #ecfeff;border-radius: 50px;padding: 6px 12px}
.section_l1_1{width: 100%;overflow:hidden}
.section_l1_1 .list{margin: 40px -10px 0}
.section_l1_1 .item{box-shadow:0 0 10px rgba(0, 0, 0, 0.1);border-radius: 24px;padding: 20px 20px 0 20px;margin: 0 20px;height: 100%;}
.section_l1_1 .item .title{color: #000000;margin-top: 10px;}
.section_l1_1 .item .text{color: #364153;margin-top: 10px;padding: 10px 15px 15px;box-sizing: border-box}
.section_l1_1 .bottom_box p{color: #000;margin-top: 40px;font-size: .84rem;}

.section_l1_1 .main_width{width: 1440px;margin: 0 auto;padding: 55px 0 85px;box-sizing: border-box;min-width: unset}


.section_l1_4{background: radial-gradient(103.29% 268.82% at 50% 100%, #ECFEFF 10%, #CEFAFE 40%, #ECFEFF 65%, #FEFCE8 100%);padding: 55px 0}
.section_l1_4.landing_page_2_10{background: #F7F9FC;}
.section_l1_4 .list{margin: 0 -10px}
.section_l1_4 .list .item{box-shadow:  0 0 10px rgba(0, 0, 0, 0.1);border-radius: 24px;padding: 20px;box-sizing: border-box;margin: 0 10px;background: #fff;height: 100%;}
.section_l1_4 .list .item .title{min-height: 54px}
.section_l1_4 .last_box{margin-top: 24px;}
.section_l1_4 .last_box .one{color: rgba(54, 65, 83, 1)}
.section_l1_4 .last_box .two{margin-top: 40px;}
.section_l1_4 .last_box .two a{color: #fff;padding: 12px 22px;}
.section_l1_4 .last_box .two a img{margin-left: 8px;}
.section_l1_4 .last_box .two:hover a{background-color: #fff;color: var(--text-color-1);}
.section_l1_4 .last_box .two:hover a img{  filter: brightness(0) saturate(100%) invert(13%) sepia(35%) saturate(2768%) hue-rotate(167deg) brightness(97%) contrast(101%);}
.section_l1_4 .main_width{
    width: 1440px;margin: 0 auto;
    padding: 25px;box-sizing: border-box;min-width: unset}

.section_l1_5{padding: 80px 0;width: 100%;overflow: hidden;box-sizing: border-box}
.section_l1_5 .item .icon{width: 48px;height: 48px;border-radius: 50%;border: 1px solid rgba(83, 234, 253, 1);display: flex;justify-content: center;align-items: center;}
.section_l1_5 .item h3{margin-left: 24px;color: rgba(3, 7, 18, 1)}
.section_l1_5 .item .text{margin-left: 74px;color: rgba(54, 65, 83, 1)}
.section_l1_5 .item .left{width: 565px;}
.section_l1_5 .item .left img{width:100%;}
.section_l1_5 .item .right{width: 0;flex: 1}
.section_l1_5 .main_width{
    width: 1440px;margin: 0 auto;
    padding: 40px;box-sizing: border-box;min-width: unset}


.section_l1_6{padding: 55px 0}
.section_l1_6.two{padding: 60px 0;background: #0f172b}
.section_l1_6.two *{color: #fff !important;}

.section_l1_6 ul{margin-top: 40px;}
.section_l1_6 ul li{border-bottom: 1px solid #E5E7EB;padding: 12px 0}
.section_l1_6 ul li .text{margin-top: 16px;color: #364153;font-size: 15px;line-height: 22px;}
.section_l1_6 ul li .top{cursor: pointer}
.section_l1_6 ul li .top .tit{color: #005F78;font-size: 20px;line-height: 28px;}

.section_l1_6 ul li .icon{width: 42px;height: 42px;background-color: #F9FAFB;display: flex;justify-content: center;align-items: center;border-radius: 50%}
.section_l1_6 ul li .icon img{transform: rotateZ(180deg);}
.section_l1_6 ul li.active .icon img{transform: rotateZ(0deg)}
.section_l1_6 ul li.active .icon{background-color: transparent;}
.section_l1_6 .right{width: 540px;}
.section_l1_6 li .text{display: none}
.section_l1_6 li.active .text{display: block}


.section_l1_6 ul{margin-top: 40px;}
.section_l1_6 ul li{border-bottom: 1px solid #E5E7EB;padding: 12px 0}
.section_l1_6 ul li .text{margin-top: 16px;color: #364153;font-size: 15px;line-height: 22px;}
.section_l1_6 ul li .top{cursor: pointer}
.section_l1_6 ul li .top .tit{color: #005F78;font-size: 20px;line-height: 28px;}

.section_l1_6 ul li .icon{width: 42px;height: 42px;background-color: #F9FAFB;display: flex;justify-content: center;align-items: center;border-radius: 50%}
.section_l1_6 ul li .icon img{transform: rotateZ(180deg);}
.section_l1_6 ul li.active .icon img{transform: rotateZ(0deg)}
.section_l1_6 ul li.active .icon{background-color: transparent;}
.section_l1_6 .right{width: 540px;}
.section_l1_6 li .text{display: none}
.section_l1_6 li.active .text{display: block}




.section_l1_7{background: linear-gradient(180deg, #F0FAFD 15%, #DFF2F6 100%);padding: 40px;box-sizing: border-box;width: 100%;overflow: hidden}
.section_l1_7 .last_box .text{color: rgba(54, 65, 83, 1);margin-top: 28px;}
.section_l1_7 .last_box .text p{margin-top: 8px;}
.section_l1_7 .last_box .btn_box{margin-top: 16px;padding: 0 15px;}
.section_l1_7 .last_box .b_left img{width: 16px;height: 16px;float: left;margin-right: 8px;}
.section_l1_7 .last_box .b_left p{}
.section_l1_7 .last_box .b_left{color: rgba(106, 114, 130, 1)}
.section_l1_7  .last_box span.wpcf7-spinner{position: absolute}


.section_l1_7 .last_box .b_right input[type="submit"]{color: #fff;width: auto;height: 42px;border: 1px solid transparent;cursor: pointer;padding: 12px 20px}
.section_l1_7 .last_box .b_right a img{margin-left: 8px;}
.section_l1_7 .last_box .b_right:hover input[type="submit"]{background-color: #fff;color: var(--text-color-1);border: 1px solid var(--text-color-1)}




.section_l1_7 .form_box{width: 55%;background-color: #fff;border-radius: 24px;padding: 20px}
.section_l1_7 .form_box .tit{color: #000000;}
.section_l1_7 .form_box .desc{color: rgba(153, 161, 175, 1);margin-top: 12px;}
.section_l1_7 .form_box form{margin-top: 28px;}


.section_l1_7 .form_box form label{margin-left: 16px;color: rgba(106, 114, 130, 1);}
.section_l1_7 .input input{background-color: rgba(249, 250, 251, 1);border: none;border-radius: 24px;color: rgba(153, 161, 175, 1);padding: 8px 14px;width: 100%;box-sizing: border-box;margin-top: 8px;line-height: 22px;}
.section_l1_7 .form_box .one_input{margin-top: 16px;}
.section_l1_7 .form_box .two_box{margin:16px -8px 0}

.section_l1_7 .form_box .two_box .item{width: 50%;}
.section_l1_7 .form_box .two_box .item_box{margin: 0 8px;}
.section_l1_7 .form_box select,
.section_l1_7 .form_box textarea{background-color: rgba(249, 250, 251, 1);border: none;border-radius: 24px;color: rgba(153, 161, 175, 1);padding: 8px 14px;width: 100%;box-sizing: border-box;margin-top: 8px;line-height: 22px;outline: none}
.section_l1_7 .form_box textarea{min-height: 142px}




.section_l1_7 .left_box{width: 45%;padding-right: 30px;}
.section_l1_7 .left_box .t1{font-size: 42px;line-height: 52px;font-weight: 600;max-width: 90%}
.section_l1_7 .left_box .t2{font-size: 24px;line-height: 32px;margin-top: 15px;font-weight: 500;}
.section_l1_7 .left_box .text{margin-top: 30px;color: #314158;}
.section_l1_7 .left_box .text2{margin-top: 8px;color: #314158}
.section_l1_7 .left_box .index_more_box{justify-content:unset;margin-top: 30px;}
/* .section_l1_7 .left_box .index_more_box a{padding: 10px 30px;} */
.section_l1_7 .left_box .line2{margin-top: 10px;animation: subtleMove 1.2s ease-in-out infinite;}
.section_l1_7 .left_box .line3{margin-top: 10px;}
@keyframes subtleMove {
    0%, 100% {
        transform: translateX(4px);
    }
    50% {
        transform: translateX(10px);
    }
}


/*.section_l1_6.two{padding-top: 0;}*/
.section_l1_6.two .same_tit_box .tit{font-size: 32px;font-weight: 600;color: var(--main-text-color);}
.section_l1_6.two .same_tit_box .desc{margin-top: 10px;}
.section_l1_6.two .same_tit_box .desc p{background-color: unset;padding: 6px 0;color: var(--grey-text-color)}




@media (-webkit-min-device-pixel-ratio: 1) {
    @media (max-width: 1450px) {
        /*.mainWidth{min-width: unset}*/
    }
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
    /*.mainWidth{min-width: 1340px}*/


}

@media (-webkit-min-device-pixel-ratio: 1.5) {
    /*.mainWidth{min-width: unset;width: 92.125%}*/

}

@media (max-width: 1600px) {
    header .nav_box .nav{width: 95%;}
    header .nav_box .right a{padding: 5px 10px;font-size: 15px;display: block;text-align: center}
    footer .foot_body .middle{width: 30%;}

    .main_width{width:95%;margin: 0 auto;min-width: unset;}


    .index4 .left{width: 60%;}
    .index4 .right img{height: 100%;max-height: 700px}


}

@media (max-width: 1500px) {
    .section_l1_4 .main_width,
    .section_l1_5 .main_width,
    .section_l1_1 .main_width{width: 90%;}

    .index7 .list{margin: 40px -10px 0;}
}


@media (max-width: 1400px) {
    header .nav_box .nav{width: 98%;padding: 0 30px}

    header .banner_box .text_body .main_text h1{font-size: 50px;line-height: 66px;}
    footer .foot_body .middle{width: 28%;}


    .index2 .list .item{margin: 0 40px}
    .index2 .list{margin-left: -40px;margin-right: -40px;}



}

@media (max-width: 1300px) {
    header .nav_box .nav{width: 98%;padding: 0 10px}
    header .nav_box .right a{padding: 5px 10px;font-size: 15px;display: block;text-align: center}
    footer .foot_body .middle{margin-left: 80px;}

    .index2 .list .item{margin: 0 30px}
    .index2 .list{margin-left: -30px;margin-right: -30px;}


}


@media (max-width: 1200px) {
    .index_title h2{font-size: 28px;}
    .index_title p{margin-top: 15px;}
    header .nav_box nav ul.one > li > a{padding:  0 15px}
    footer .foot_body .middle{margin-left: 80px;margin-right: 80px;}
    .index_more_box a{font-size: 16px;}
    header .banner_box.oem2_list .text_body{width: 80%;left: 50%;transform: translateX(-50%)}
    header .banner_box .text_body .main_text h1{font-size: 28px;font-weight: 600;color: #0f172b;line-height: 36px;margin-top: 14px;}
    header .banner_box .text_body .main_text p{font-size: 16px;color: #314158;margin-top: 8px;}
    header .banner_box .text_body .button_box{margin-top: 14px;}
    header .banner_box .text_body .button_box a{background-color: #0F172B;color: #fff;border-radius: 40px;font-weight: 500;display: flex;width: 300px;height: 48px;justify-content: center;align-items: center}
    header .banner_box .text_body .button_box a.two{background-color: #fff;color: #0f172b;margin-top: 8px;}
    header .banner_box.l_page2_banner .text_body .button_box a{padding: 11px 20px}
    header .banner_box.oem1 .text_body .main_text h1{font-size: 24px;line-height: 32px;}
    header .banner_box.l_page2_banner .text_body .button_box a{padding: 0;font-size: 16px;}


    .section_l1_5 .main_width,
    .section_l1_1 .main_width{padding: 0 16px;width: 100%;}
    .section_l1_1 .item{margin: 20px 10px 0}
    .section_l1_1 .item .title{font-size: 20px;margin-top: 18px;}
    .section_l1_1 .item .text{margin-top: 0;}


    /*.section_l1_4 .main_width, .section_l1_5 .main_width, .section_l1_1 .main_width{width: 95%;}*/

    .index4 .list_bottom{margin-left: 0;margin-right: 0;}
    /*.index7 .list{margin: 80px 0 0;}*/
    /*.section_l1_1 .main_width{padding: 40px 0}*/





    .section_l1_7 .left_box .t1{font-size: 28px;line-height: 35px;}
    .section_l1_7 .left_box .t2{font-size: 18px;line-height: 25px;}

    .section_l1_1{padding: 40px 0}

    .section_l1_4 .list .item{margin: 10px;height: auto}

    .index4 .index4_new_text{padding: 40px 0}

    .index7.three .list .item{height: auto;margin: 10px 10px}

    .index2.landing_page_2_7 .list{margin-left: -10px;margin-right: -10px;}
    .index2.landing_page_2_7 .list .item{margin: 0 10px}

}

@media (max-width: 1080px) {
    .index7.two .list{margin: 80px -10px 0;}
    .index7.two .list .item{margin: 10px}
}


@media (max-width: 992px) {

    .index7.first .list .row .item{height: auto;}
    header .nav_box nav ul.one > li > a{padding:  0 10px}

    .section_l1_5{padding: 80px 0}
    .section_l1_5 .item{margin-top: 40px;}
    .section_l1_5 .item .icon{width: 48px;height: 48px;border-radius: 50%;border: 1px solid rgba(83, 234, 253, 1);display: flex;justify-content: center;align-items: center;}
    .section_l1_5 .item h3{margin-left: 24px;color: rgba(3, 7, 18, 1);width: 0;flex: 1}
    .section_l1_5 .item .text{color: rgba(54, 65, 83, 1);margin-top: 24px;}
    .section_l1_5 .item .left{width: 100%;}
    .section_l1_5 .item .left img{width:100%;}
    .section_l1_5 .item .right{width: 100%}

    .section_l1_7 .main_width{flex-direction: column}
    .section_l1_7 .left_box{width: 100%;}
    .section_l1_7 .form_box{width: 100%;margin-top: 20px;}
    .section_l1_7 .last_box .btn_box{flex-direction: column}
    .section_l1_7 .last_box .b_right{margin-top: 20px;}

    .index4 .list_bottom .item{flex-direction: column;justify-content: center;align-items: center}
    .index4 .list_bottom .item p{margin-top: 12px;}
    .index4 .list_bottom .col-6:nth-of-type(n+3){margin-top: 24px;}
    .index7.first .index_title p{line-height: 24px;}
    .index7 .list{margin: 16px -6px}
    .index7 .list .item{margin: 8px 32px}
    .index7.two .list .item{margin: 8px 32px;}
    .index7.two .list{margin: 16px -16px 0;}
    .index2 .list{margin-left: -14px;margin-right: -14px;}
    .index2 .list .item{margin-top: 24px;}
    .index2.landing_page_2_7 .list .item{margin-top: 24px;}
    .index3 .swiper-wrapper{flex-direction: column}
    .index3 .list .item{margin: 24px auto 0;width: 188px;}
    .index3 .list{margin-top: 24px;}
    .index2 .index_title p{line-height: 24px;}
    footer .foot_bottom .bottom_right{margin-top: 10px;}
    footer .foot_bottom .bottom_right a{white-space: nowrap}
    footer .foot_bottom .bottom_right a:first-of-type{margin-left: 0;}

    .section_l1_4 .list .item{height: auto;}
}

@media (max-width: 768px) {

    .section_l1_1 .item{height: auto}
    .index2 .list .item{height: auto}

    .index2.landing_page_2_7 .list{margin-left: 0;margin-right: 0;}
    .index7 .list{margin: 16px 0}
}