.sub_banner_wrapper { background:url("../images/banner/banner_bg_1018.png");}

.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:590px; 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;}

.timeline_wrapper {background: linear-gradient( 228deg, #FFFFFF 0%, #ECEFFF 100%); height:910px; overflow: hidden; position:relative; padding-top:56px;}
.bg_l,.bg_r {position:absolute; bottom:0;}
.bg_l {left:0;}
.bg_r {width:350px; height:350px; bottom:-60px; right:-60px; border-radius:50%; opacity:0.15; background:linear-gradient(135deg, #BADCFF 0%, rgba(255, 239, 239, 0.3) 100%);}
.timeline_wrapper .t1 {position:absolute; left:-120px; top:40px;}
.timeline_wrapper .t2 {position:absolute; right:0; top:-60px;}

.timeline_box {height:6px; border-radius:3px; margin-top:360px;  background: rgba(80,131,251,0.4); width:3200px; transition: all 0.3s; position:relative; z-index:1;}
.timeline_item_box {position:absolute; height:270px; width:540px; left:0; line-height:26px;}
.timeline_item_box .dot {position:absolute; left:-4px;}
.timeline_item_box.up{bottom:0;}
.timeline_item_box.down, .timeline_item_box.down .dot {top:0;}
.timeline_item_box.up .dot {bottom:-8px;}
.timeline_item_box.down .dot {top:-8px;}
.timeline_item_box .year {position:absolute; left:-28px; bottom:-50px; width: 71px;}
.timeline_item_box.up .year {bottom:-50px;}
.timeline_item_box.down .year {top:-50px;}
.timeline_item_box .border {margin-left:6px; display:block;}

.tl_item {width:100%; height:126px; background: linear-gradient(135deg, #D8EDFF 0%, rgba(211,240,255,0) 100%); border-radius:12px; position:relative; padding:22px 42px;}
.tl_item::before {width:12px; display:block; position:absolute; left:0; top:0; bottom:0; content:""; background: linear-gradient( 127deg, #006AFF 0%, #9CCDFF 100%); border-radius: 12px 0px 0px 12px;}
.tl_item .title {font-size:24px; margin-bottom:10px; font-family:"PingFangSC-Medium";}
.timeline_wrapper .changeBtn_box {padding-top:360px; position: relative; z-index:2;}

.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);}

.ll_info_box {background:linear-gradient(90deg, #f2f1ff 0%, #fff6f6 100%); border-radius:30px; height:468px; padding:22px; display:flex;}
.ll_slide_box {white-space:nowrap; }
.ll_slide_wrapper {width:632px; height:424px; border-radius:20px; overflow:hidden; float:left;}
.ll_info {padding:42px 60px; flex:1; position:relative;}
.ll_info .title {font-size:32px; line-height:60px; border-bottom: 1px solid #EDD1F6; position:relative; font-family:"PingFangSC-Medium";}
.ll_info .title::before {width:66px; height:4px; background:linear-gradient(135deg, #8C43FF 0%, #C5A5FF 100%); content:""; position:absolute; left:0; bottom:-1px;}
.ll_info .changeBtn_box {position:absolute; left:60px; bottom:30px;}

.ll_info_box.yellow {background: linear-gradient(90deg, #fffcf6 0%, #fff6e5 100%);}
.ll_info_box.yellow .title {border-bottom: 1px solid #F1DFAB; text-align:right;}
.ll_info_box.yellow .title::before {background: linear-gradient(36deg, #FFCA43 0%, #FE922B 100%); right:0; left:auto;}
.ll_info_box.yellow .changeBtn_box {left:auto; right:60px;}

.ll_info_box.blue {background:linear-gradient( 180deg, #f0f8ff 0%, rgba(247, 246, 255, 0.29) 100%);}
.ll_info_box.blue .title {border-bottom:1px solid #D1DDF6;}
.ll_info_box.blue .title::before {background: linear-gradient(35deg, #006AFF 0%, #9CCDFF 100%);}

.contact_item {width:48%; background:#fff; box-shadow:0px 2px 20px 0px rgba(207,219,231,0.5); border-radius:14px; padding:36px 60px; height:232px;}
.contact_item .contact_info {float:left; padding-left:60px; line-height:32px;}
.contact_item .title {font-size:24px;  margin-bottom:4px; font-family:"PingFangSC-Medium";}

.contact_row {flex: 1; border-left:1px solid #CDCDCD; height:260px; padding:48px 0 0 100px;}
.contact_row:first-child {border:0;}
.contact_row .title {font-size:24px; margin-bottom:36px; font-family:"PingFangSC-Medium";}
.contact_row .sub_title {font-size:16px; margin-bottom:20px;}
.contact_row .sub_title::before {width:8px; height:8px; content:""; display:inline-block; background:#0184FE; border-radius:50%; margin-right:16px;}

.certificate_wrapper {background: #F8FAFD; padding-top:62px; padding-bottom:50px; overflow:hidden;}
.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:16px;}
.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;}

.phone_wrapper {background:url("../images/index/p_box_bg.svg"); background-size:cover; height:360px; padding-top:80px;}
.phone_inp_box {width:700px; height:68px; border-radius:40px; background:#fff; margin:auto; margin-top:60px; padding:10px 18px; display:flex;}
.phone_icon { padding:10px 30px 0 10px;}
#phone {border:0; flex:1; font-size:18px;}

@media screen and (max-width:1440px) {
    .company_txt {font-size:15px;}
    .timeline_wrapper .content {width:1200px;}
}