.sub_banner_wrapper {background: url("../images/banner/banner_bg.png") center top no-repeat;  background-size: auto 100%;}

.banner_txt {padding-top:40px; display:flex;}
.banner_txt_row {width:200px; font-size:16px;}
.banner_txt_row .line {width:38px; height: 2px; background: linear-gradient( 135deg, #016FFD 0%, #01A7FF 100%); border-radius: 1px;}

.about_ll {height:540px; background:linear-gradient(180deg, #edf7ff 0%, #fffafc 100%); border-radius:30px; padding:68px 50px 0 32px; display:flex;}
.company_info {padding-left:70px; flex:1; }
.company_txt {font-size:16px; line-height:26px;}
.company_txt::before {background:linear-gradient(180deg, #95D1FF 0%, #8F80FF 100%); width:8px; height:8px; content:""; display:inline-block; border-radius:50%; opacity:.8; margin-right:12px;}

.corporate_culture {height:800px; background: linear-gradient(360deg, #F8FCFF 0%, #FFFFFF 100%); padding-top:60px;}
.corporate_culture .flex1:first-child {padding-right:16px;}
.corporate_culture .flex1:last-child {padding-left:16px;}
.culture_item {border-radius:30px; padding:28px 36px; background: linear-gradient(180deg, #E2FFEA 0%, rgba(255,249,217,0.3) 100%); height:270px;}
.culture_item.bg2 {background:linear-gradient(180deg, #E5E2FF 0%, #FFEFEF 100%);}
.culture_item.bg3 {background:linear-gradient( 180deg, #E2F2FF 0%, rgba(239,237,255,0.29) 100%); height:100%;}
.culture_item .title {font-size:32px; line-height:60px; font-family:"PingFangSC-Medium";}
.culture_info {padding:42px 0 0 26px;}
.culture_info>div {padding-bottom:20px;}
.culture_info .c_title {font-size:20px; margin-bottom:16px; font-family:"PingFangSC-Medium";}
.culture_info .c_title::before {width:14px; height:14px; border-radius:2px; margin-right:20px; background: linear-gradient( 127deg, #6AA8FF 0%, #9CCDFF 100%);  content: ""; display: inline-block; transform: rotate(45deg);}

.certificate_wrapper {background: #F8FAFD; padding-top:62px; padding-bottom:50px; overflow:hidden; margin-top:40px;}
.certificate_box {height:272px; background: #FFFFFF; box-shadow: 0px 16px 24px 0px rgba(227,234,252,0.3); border-radius:20px; padding:32px;}
.certificate_info {width: 290px; padding-top:30px; padding-left:30px; line-height:26px;}
.certificate_item {width:210px; height:210px; background:#F8FAFF; border-radius:15px; text-align:center; margin-left:22px; padding-top:24px;}
.certificate_item:first-child {margin-left:0;}
.certificate_item>img {width:118px;}
.certificate_item>p {margin-top:8px;}
.cert_item_box {width:424px; height:320px; background:#FFFF; box-shadow:0px 16px 24px 0px rgba(227, 234, 252, 0.3); padding:42px 60px; border-radius:20px; text-align:center;}

.m_show {display:none;}

@media screen and (max-width:900px) {
    .phone_wrapper {padding:30px 12px; height:auto;}
    .phone_wrapper .phone_inp_box {width:100%; margin-top:30px;}
    .phone_wrapper .ll_title .color_txt_blue2 {display:block;}

    .top_banner {height:400px;}
    .banner_img, .banner_img_box {display:block; right:5%; bottom:0; top:auto; width:90%;}
    .sub_banner_wrapper .sub_txt, .sub_banner_wrapper .banner_txt {display:none;}
    .m_show {display: flex;}
    .sub_txt {text-align:center; padding:16px;  font-size:14px;}
    .banner_txt {padding-top:10px; padding-left:16px;}
    .banner_txt_row {flex:1; width:0; padding:0 8px; font-size:14px;}

    .about_ll {display:block; height:auto; background:none; padding:12px; margin-top:16px;}
    .about_ll>img {width:100%; height:auto; display:block;}
    .company_info {padding-left:0;}
    .company_info .f_28 {display:none;}
    .company_info .company_txt {margin-top:20px;}

    .corporate_culture {height:auto; padding-top:30px;}
    .corporate_culture .flex_row {display:block; padding:0 16px;}
    .corporate_culture .flex1 {padding:0 !important;}
    .culture_item {height:240px;}
    .culture_item.bg2 {margin-top:16px;}
    .culture_item.bg3 {margin-top:16px;}
    .culture_item .title {font-size:24px; margin-top:0;}

    .contact_box>.flex_row {display:block; margin-top:20px; padding:0 12px;}
    .contact_box .contact_item {width:100%; height:162px; padding:20px 20px; margin-bottom:20px;}
    .contact_box .contact_item .fl>img {width:100px;} 

    .contact_box .contact_info {padding-left:16px; line-height:24px;}
    .contact_box .contact_info .title{font-size:18px;}
    .contact_box .contact_info .f_16 {font-size:12px;}

    .contact_box2 {display:block; margin-top:20px;}
    .contact_box2 .contact_row {padding:24px 0 0 30px; height:auto;}
    .contact_row .title {font-size:20px; margin-bottom:20px;}
    .contact_row .sub_title {font-size:14px; margin-bottom:10px;}

    .certificate_wrapper { padding:0 12px; padding-top:30px;}
    .certificate_wrapper .ll_sub_title {margin-top:10px;}
    .certificate_box {height:auto; padding:16px; flex-wrap: wrap;}
    .certificate_item {width:48%; display:inline-block; margin-left:0; margin-bottom:12px;}

    .safety_box {flex-wrap: wrap; padding-bottom:20px;}
    .safety_box .cert_item_box {width:100%; margin-bottom:16px;}
}