.company .sub_product_box {background-image:url("../images/company_bg.png"); padding:0 30px; padding-top:100px; color:#505E77;}
.sub_product_box .c_l {width:48%; padding-left:40px; line-height:30px; font-size:17px; text-indent:2em;}
.sub_product_box .c_l h1 {line-height:24px;}
.sub_product_box .c_l p {padding-bottom:20px;}
.sub_product_wrapper2 {background:url("../images/company_bg2.jpg") #F3F5F8 center center no-repeat; height:600px; padding-top:120px;}
.c_wrapper {display:flex; justify-content:space-between;}
.c_wrapper_item {width:270px; height:382px; position: relative; padding:0 36px; padding-top:80px; font-size:17px; line-height:28px; transition:all 0.3s;}
.c_wrapper_item:hover {background:url("../images/company_c_bg.jpg"); color:#fff;}
.c_wrapper_item h2 {padding-left:40px; transition:all 0.3s;}
.c_wrapper_item:hover h2 {color:#fff; padding-left:0;}
.c_wrapper_item .c_icon {background:url("../images/company_icon_1.png") #fff center center no-repeat; opacity:0; 
        width:68px; height:68px; border-radius:50%; position:absolute; top:42px; right:40px;}
.c_wrapper_item .icon2 {background-image:url("../images/company_icon_2.png");}
.c_wrapper_item .icon3 {background-image:url("../images/company_icon_3.png");}
.c_wrapper_item .icon4 {background-image:url("../images/company_icon_4.png");}
.c_wrapper_item .icon5 {background-image:url("../images/company_icon_5.png");}
.c_wrapper_item:hover .c_icon {opacity:1;}
.pro_btn {position:absolute; bottom:20%; left:50%; transform:translate(-50%, 0);}

.time_line_wrap {display:flex; justify-content:space-between;}
.time_line_item {width: 250px; height: 272px; background: linear-gradient(180deg, rgba(240,243,247,0.17) 0%, rgba(252,253,253,0.84) 48%, #FFFFFF 100%);
box-shadow: 3px 3px 30px 1px rgba(121,151,201,0.12); border: 4px solid #FFFFFF; position: relative; padding:0 10px; font-size:15px; line-height:24px;}
.time_line_item:hover {box-shadow: 3px 3px 30px 1px rgba(161, 192, 247, 0.32);}
.time_line_item.down {background: linear-gradient(180deg, #FFFFFF 0%, rgba(252,253,253,0.84) 48%, rgba(240,243,247,0.17) 100%);}
.time_line_item .tail {width:33px; height:71px; background:url("../images/company_tail.png"); position:absolute; left:-4px; bottom:-71px;}
.time_line_item.down .tail {transform:rotate(180deg); bottom:auto; left:auto; top:-71px; right:-4px;}
.time_line_item .title {color:#0052D9; font-size:26px; font-weight:bold; width:148px; height:36px; line-height:36px; margin:20px 0; transition:all 0.5s;}
.time_line_item:hover .title {background:url("../images/company_title_bg.png"); color:#fff; padding-left:20px;}
.time_line_item .next { text-align:center; padding-top:120px;}
.time_line_item .next img {vertical-align:middle; margin-right:6px;}
.time_line_dots {padding:40px 0;display:flex; justify-content:space-between;}
.time_line_dots>div {flex:1; text-align:center;  width: 258px;}
.time_line_dots>div>.t_dot {width:8px; height:8px; display:inline-block; border-radius:50%; background:#0052D9; margin:0 10px;}


.iso_box {background: linear-gradient(180deg, rgba(240,243,247,0.17) 0%, rgba(252,253,253,0.84) 48%, #FFFFFF 100%);
    box-shadow: 3px 3px 30px 1px rgba(121,151,201,0.12); border: 4px solid #FFFFFF; padding:30px 0; display:flex; justify-content:space-between;}
.iso_box .iso_item {width:50%; text-align:center; padding:0 40px; font-size:18px; line-height:28px;}
.iso_box .iso_item .iso_img { display:inline-block; border-radius:50%; padding:20px; background: linear-gradient(180deg, rgba(240,243,247,0.17) 0%, #DEE8F9 49%, #FFFFFF 100%);
    box-shadow: 0px 5px 10px 1px #B6CCE9; border: 4px solid #FFFFFF;}
.iso_box .iso_item .iso_img img {display:block;}

.case_title_box {background: #F3F5F8; padding:60px 0; border-top:2px solid #fff; box-shadow: 0px 15px 50px 1px rgba(150,181,212,0.26), inset 0px 15px 30px 1px rgba(152,160,204,0.06);}
.case_wrapper {display:flex; flex-wrap:wrap;  padding:0; justify-content: space-between;}
.case_content_box {background: rgba(243,245,248,0.65); box-shadow: inset 0px 15px 30px 1px rgba(152,160,204,0.16); padding:30px 0;}
.case_item {background: #FFF;  box-shadow: 10px 10px 10px 1px rgba(152,160,204,0.16); width:220px; text-align:center; padding:10px 0; margin-bottom:30px;}