.service-testimonials-swiper-margin, .index_partner_swiper_margin{ overflow:hidden; } .ul_li_need_default_show ul { /* display:block; */ padding-left: 20px; } .ul_li_need_default_show ul li { list-style-type: disc; margin-bottom: 20px; /* display:block; */ /* margin-left: */ } .ul_li_need_default_show ul li:last-child{ margin-bottom: 0px; } /* .ul_li_need_default_show ul , .ul_li_need_default_show ol{ list-style-type: disc; } .ul_li_need_default_show ul li , .ul_li_need_default_show ol li{ list-style-type: disc; display: block; } .ul_li_need_default_show ul >li:before{ content:'.'; width: 10px; display:inline-block; font-size:40px; } */ .footer_main .footer_search_copyright .footer_mobile_copyright_special_class_a { font-size: 14px; color:#1d1d1d; /* color:rgba(255,255,255,1); */ } .mobile_footer_wrap .footer_mobile_icon p .footer_mobile_copyright_special_class_a { font-size: 14px; color: #fff; } /* join_main start */ .join_no_employment { margin-bottom: 70px; } .join_no_employment p { line-height: 1.5em; font-size: 16px; } .join_no_employment .join_no_employment_email { margin-top: 20px; font-family: 'gilroy-bold'; } .join_no_employment .join_no_employment_email a { color: #0daa80; text-decoration: underline; } .join_employment>li { width: 100%; margin-bottom: 20px; cursor: pointer; } .join_employment>li:last-child { margin-bottom: 0px; } .join_employment .join_employment_pro { padding: 40px 0px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; cursor: pointer; position: relative; } .join_employment .join_employment_pro>a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer; } .join_employment_pro:hover { background: #f9fafa; } .join_employment_place { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .join_employment_place i { margin-right: 40px; margin-left: 60px; } .join_employment_place i svg:last-child { display: none; } .join_employment_place i svg path { fill: #0daa80; } .join_employment_place .join_employment_place_wrapper { width: 285px; font-family: "gilroy-medium"; font-size: 20px; padding-right: 60px; border-right: 1px solid #e6e6e6; } .join_employment_place .join_employment_place_wrapper>span:first-child { display: block; } .join_employment_place .join_employment_place_wrapper>span:nth-of-type(2) { display: block; font-size: 16px; margin-top: 20px; color: #666; } .join_employment_message { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .join_employment_message span { display: inline-block; height: 40px; -webkit-box-flex: 1; -webkit-flex: 1 0 180px; -moz-box-flex: 1; -ms-flex: 1 0 180px; flex: 1 0 180px; line-height: 40px; text-align: center; font-size: 14px; color: #1d1d1d; border: 1px solid #d5d5d5; margin-left: 60px; } .join_employment_det { display: none; background: #fcfdfc; padding: 40px 120px; font-size: 16px; } .join_employment_det h3 { line-height: 30px; font-family: "gilroy-medium"; font-size: 16px; } .join_employment_det ul li { font-size: 16px; line-height: 24px; color: #1d1d1d; display: block; } .join_employment_req { margin-top: 60px; } .join_employment_email { margin-top: 40px; line-height: 24px; } .join_employment_email a { color: #0daa80; text-decoration: underline; } .w-layout{ max-width:1470px; margin-left:auto; margin-right:auto; position:relative; } .service_swiper_button_prev, .service_swiper_button_next{ width:64px; height: 48px; background:rgba(0,0,0,0.3); outline:none; } .service_swiper_button_prev:after, .service_swiper_button_next:after { display: none; } @media screen and ( max-width:1550px){ .service_swiper_button_prev, .service_swiper_button_next{ display: none; } } @media screen and (max-width: 1279px) { .join_no_employment { padding-left: 15px; padding-right: 15px; } .join_employment_message { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .join_employment_message span { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin-left: 20px; } .join_employment_message span:last-child { margin-right: 20px; } .join_employment_place .join_employment_place_wrapper { padding-right: 20px; } .join_employment_place i { margin-right: 20px; margin-left: 20px; } .join_employment_det { padding: 40px 20px; } } @media screen and (max-width: 767px) { .join_employment .join_employment_pro { padding: 20px 0px; } .join_employment_place { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -moz-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .join_employment_place .join_employment_place_wrapper { height: 100%; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start } .join_employment_message { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-top: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .join_employment_message span { margin-right: 20px; margin-bottom: 0px; margin-left: 0px; } .join_employment_message span:last-child { margin-right: 0px; } .join_employment_place .join_employment_message span:last-child { margin-right: 0px; margin-top: 0px; } .join_employment_det { padding: 40px 20px; } } @media screen and (max-width:500px){ .switcher{ width:120px !important; } .switcher .selected a{ width:106px !important; font-size: 12px !important; } .switcher .option{ width:120px !important; } } /* join_main end */ /* contact_main start */ /* .contact{ width: 100%; background-color: #f4f6f5; } */ .contact_content_wrapper.inside-content { width: 100%; background-color: #f4f6f5; } .contact_content_wrapper .layout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .contact_world_content_wrapper .layout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contact_world_description { margin-top: 10px; margin-bottom: 70px; } .contact_world_description img { width: 100%; } .contact_world_description p { width: 870px; margin: 0px auto 70px; text-align: center; line-height: 24px; font-size: 16px; } .contact_content_wrapper .contact_form_wrap { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .contact_description { -webkit-box-flex: 0; -webkit-flex: 0 1 400px; -moz-box-flex: 0; -ms-flex: 0 1 400px; flex: 0 1 400px; margin-right: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contact_description_rest2 { display: none; } .contact_description h2 { font-size: 24px; margin-bottom: 40px; font-family: "gilroy-bold"; } .contact_description_touch, .contact_description_office { margin-top: 70px; } .contact_email, .contact_phone { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; } .contact_email i, .contact_phone i { width: 28px; height: 28px; background-color: #0daa80; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 20px; } .contact_email i svg, .contact_phone i svg { width: 12px; } .contact_email a, .contact_phone a { display: inline-block; color: #1d1d1d; font-size: 16px; text-decoration: none; border-bottom: 1px solid #d5d5d5; line-height: 30px; } .contact_phone a { display: block; } .contact_fax { margin-top: 55px; } .contact_fax span { line-height: 30px; font-size: 16px; ; } .contact_fax span a { color: #0daa80; text-decoration: underline; } .contact_description_address { margin-bottom: 40px; } .contact_description_address p { line-height: 30px; } .contact_description_map a i { margin-left: 6px; } .contact_description_map a i svg path { fill: #666; opacity: 1; } .contact_description_map a:hover i svg path { fill: #0daa80; } .contact_description_map a { color: #666; font-size: 14px; border-bottom: 1px solid #666; line-height: 30px; } .contact_description_map a:hover { color: #0daa80; border-bottom: 1px solid #0daa80; } .contact_form { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 1 850px; -moz-box-flex: 0; -ms-flex: 0 1 850px; flex: 0 1 850px; background: #fff; padding: 100px 60px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contact_form form, .contact_form .contact_page_special_class_show_contact_form_first_div { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .contact_form input, .contact_form select, .contact_form textarea { width: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(50% - 20px); -moz-box-flex: 0; -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); /* margin-right:20px; */ height: 52px; color: #1d1d1d; border: none; outline: none; border-bottom: 1px solid #d5d5d5; margin-bottom: 70px; } @media (min-width :767px) { .contact_page_special_div_textarea { padding: 0px 5.8%; } } .contact_form input:nth-of-type(2n+2) { margin-right: 0px; } .contact_form textarea { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -moz-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; border-bottom: 1px solid #d5d5d5; height: 132px; margin-bottom: 70px; padding-right: 5px; padding-left: 5px; } .contact_form form .sub { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .contact_form form input[type=submit] { width: 180px; -webkit-box-flex: 1; -webkit-flex: 1 1 48px; -moz-box-flex: 1; -ms-flex: 1 1 48px; flex: 1 1 48px; background-color: #0daa80; border: none; outline: none; margin-bottom: 20px; color: #fff; font-size: 16px; cursor: pointer; font-family: 'gilroy-regular'; } .contact_form form .sub p { color: #0daa80; } .contact_form form .select { position: relative; background-image: url(/lib/images/svg/img_form_down.svg); background-repeat: no-repeat; background-position: right center; cursor: pointer; } .contact_form form .active1 { -webkit-transition: 1s all; -o-transition: 1s all; -moz-transition: 1s all; transition: 1s all; background-image: url(/lib/images/svg/img_form_up.svg); } .contact_form form .contact_form_message { position: absolute; display: inline-block; left: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; top: 21%; width: 50%; display: none; background-color: #fff; -webkit-box-shadow: 0px 20px 30px rgba(13, 170, 128, 0.2); box-shadow: 0px 20px 30px rgba(13, 170, 128, 0.2); padding: 30px; } .contact_form form .contact_form_message li { display: block; list-style: none; margin-bottom: 20px; } .contact_form form .contact_form_message li:last-child { margin-bottom: 0; } .contact_form form .contact_form_message li:hover { color: #0daa80; cursor: pointer; } @media (max-width :1279px) { .contact_description { padding-left: 15px; } .contact_world_description p { width: 760px; } } @media (max-width :767px) { .contact_content_wrapper .layout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contact_description_rest2, .contact_description_rest1, .contact_form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -moz-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } .contact_world_description p { width: auto; padding: 0 15px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow: hidden; word-break: break-all; } .contact_description.contact_description_rest1, .contact_description.contact_description_rest2 { margin: 0px; } .contact_description.contact_description_rest2 { margin-top: 70px; } .contact_description.contact_description_rest1 { margin-bottom: 70px; } .contact_description.contact_description_rest1 .contact_description_office { margin-top: 0px; } .contact_description_rest1 .contact_description_touch { display: none; } .contact_content_wrapper .contact_form_wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contact_description_touch { margin-top: 0px; } .contact_description { margin-bottom: 70px; } .contact_form { padding: 30px 15px; } .contact_form form .contact_form_message { position: absolute; display: inline-block; left: 50%; top: 83px; width: 50%; display: none; background-color: #fff; -webkit-box-shadow: 0px 20px 30px rgba(13, 170, 128, 0.2); box-shadow: 0px 20px 30px rgba(13, 170, 128, 0.2); padding: 30px; } } /* contact_main end */ /* blog_main start */ .blog_content_wrapper .layout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .blog_content { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blog_content li { background: #f9fafa; padding: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border: 3px solid transparent; margin-bottom: 30px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; position: relative; } .blog_content li>a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .blog_content li:hover { border: 3px solid #0daa80; } .blog_content li .mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2 } .blog_content li:hover .mask { background: rgba(0, 0, 0, .5); -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .blog_content li:hover .blog_content_description a { background: #0daa80; color: #fff; } .blog_content_img { -webkit-box-flex: 0; -webkit-flex: 0 0 410px; -moz-box-flex: 0; -ms-flex: 0 0 410px; flex: 0 0 410px; overflow: hidden; margin-right: 30px; position: relative; } .blog_content_img img { -webkit-transition: all 1s ease; -o-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; width: 100%; } .blog_content li:hover .blog_content_img img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .blog_content_description { -webkit-box-flex: 0; -webkit-flex: 0 1 760px; -moz-box-flex: 0; -ms-flex: 0 1 760px; flex: 0 1 760px; } .blog_content_img_date { font-family: "gilroy-bold"; position: absolute; height: 70px; width: 100px; background: #0daa80; top: 0px; left: 0px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 8; } .blog_content_description { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blog_content_description h3 { font-family: "gilroy-medium"; color: #1d1d1d; font-size: 20px; margin-bottom: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .blog_content_description p { color: #666; font-size: 16px; line-height: 24px; margin-bottom: 30px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .blog_content_description a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 180px; height: 48px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #0daa80; color: #0daa80; font-size: 16px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } @media screen and (max-width: 767px) { .blog_content li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 3px solid transparent; margin-bottom: 30px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; padding: 30px 15px; } .blog_content li .mask { display: none; } .blog_content li:hover .blog_content_img img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .blog_content li:hover { border: 3px solid transparent; } .blog_content li:hover .mask { background: rgba(255, 255, 255, 0); -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } /* .blog_content li:hover .blog_content_description a{ background:#fff; color:#0daa80; } */ .blog_content li .blog_content_description a:hover { background: #0daa80 !important; color: #fff !important; } .blog_content_img { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 0px; } .blog_content_description { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .blog_content_description h3 { margin-top: 30px; } } /* blog_main end */ /* blog_detail_main start */ .blog_detail_inside_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blog_detail_inside_wrapper .left { width: 850px; height: 100%; border-right: 1px solid #eef0f2; padding-right: 30px; } .blog_detail_inside_wrapper .left.other_single_post_show_width { width: 100%; } .blog_detail_inside_wrapper .right { width: 350px; height: 100%; position: -webkit-sticky; position: sticky; top: 0; padding-left: 30px; } .blog_detail_inside_wrapper .right .text { margin-bottom: 30px; } .blog_detail_inside_wrapper .right .text h2 { font-size: 20px; font-family: 'Gilroy-Medium'; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #eef0f2; font-weight: normal; } .blog_detail_inside_wrapper .right .text a { text-decoration: none; display: inline-block; line-height: 24px; color: #666; font-size: 16px; } .blog_detail_inside_wrapper .right .text a:hover { color: #0daa80; } .blog_detail_inside_wrapper .right .video p { line-height: 24px; } .blog_detail_inside_wrapper .right .video_min { margin-bottom: 20px; } .blog_detail_inside_wrapper .right .video_min .video_in { width: 350px; height: 200px; /* background-color: #666; */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .blog_detail_inside_wrapper .right .video_min .video_in a { display: inline-block; width: 100%; height: 100%; } .blog_detail_inside_wrapper .right .video_min .video_in a .video { width: 100%; height: 100%; } .blog_detail_inside_wrapper .right .video_min .video_in a .video .triangle { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .blog_detail_inside_wrapper .right .video_min .video_in:hover { /* background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) ) #666; */ } .blog_detail_inside_wrapper .right .video_min .video_in .video { width: 90px; height: 60px; /* background-color: #0daa80; */ position: relative; } /* .blog_detail_inside_wrapper .right .video_min .video_in .video .triangle{ width: 0; height: 0; display: inline; position: absolute; left: 45%; top: 28%; margin: auto; border-width: 15px; border-style: solid; border-color: transparent transparent transparent white; } */ .blog_detail_inside_wrapper .right .email svg path { fill: #0daa80; opacity: 1; } /* .blog_detail_inside_wrapper .right .video_min p{ line-height: 24px; color: #666; } */ .blog_detail_inside_wrapper .right .email { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom: 30px; margin-top: 20px; } .blog_detail_inside_wrapper .right .email svg { margin-right: 10px; fill: #0daa80; } .blog_detail_inside_wrapper .right .video_in .video {} .blog_detail_inside_wrapper .right .video_in .video { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .blog_detail_inside_wrapper .right .email a { color: #0daa80; } .blog_detail_inside_wrapper .right .video a.btn { width: 350px; height: 48px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: #1d1d1d; color: #fff; } .blog_detail_inside_wrapper .right .video .btn:hover { background-color: #0daa80; } .blog_detail_inside_wrapper .left .text, .blog_detail_inside_wrapper .left p, .blog_detail_inside_wrapper .left h1, .blog_detail_inside_wrapper .left h2, .blog_detail_inside_wrapper .left h3, .blog_detail_inside_wrapper .left h4, .blog_detail_inside_wrapper .left h5, .blog_detail_inside_wrapper .left ul { margin-bottom: 30px; } .blog_detail_inside_wrapper .left .text h1 { font-size: 24px; font-weight: normal; font-family: 'Gilroy-bold'; } .blog_detail_inside_wrapper .left .text .time { margin-top: 20px; margin-bottom: 20px; display: inline-block; font-family: 'Gilroy-Medium'; } .blog_detail_inside_wrapper .left .text p { line-height: 24px; } .blog_detail_inside_wrapper .left .text .text_span { position: relative; padding-left: 15px; display: block; line-height: 24px; } .blog_detail_inside_wrapper .left ul li { position: relative; padding-left: 15px; display: block; line-height: 24px; } .blog_detail_inside_wrapper .left .text .text_span::before, .blog_detail_inside_wrapper .left ul li::before { content: ''; position: absolute; width: 8px; height: 1px; background-color: #1d1d1d; top: 10px; left: 0px; } .blog_detail_inside_wrapper .left .text h3, .blog_detail_inside_wrapper .left h3 { font-size: 20px; font-family: 'Gilroy-Medium'; font-weight: normal; } .blog_detail_inside_wrapper .left .text h3 a { color: #0daa80; } .blog_detail_inside_wrapper .left .text .time>span { color: #666; } .blog_detail_inside_wrapper .left .text_important { border: 1px solid #eef0f2; padding: 30px; background-color: #f9f9f9; position: relative; } .blog_detail_inside_wrapper .left .text_important p { margin-top: 20px; margin-bottom: 20px; line-height: 30px; } .blog_detail_inside_wrapper .left .text_important span::after { content: '“'; position: absolute; left: 20px; top: 20px; color: #0daa80; font-size: 40px; } .blog_detail_inside_wrapper .left .text_important>span::before { content: '”'; position: absolute; right: 20px; bottom: 0px; color: #0daa80; font-size: 40px; } .blog_detail_inside_wrapper .left .svg { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px; border-top: 1px solid #eef0f2; border-bottom: 1px solid #eef0f2; margin-bottom: 70px; } .blog_detail_inside_wrapper .left .svg .svg_left { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .blog_detail_inside_wrapper .left .svg .svg_left>span { margin-right: 10px; font-size: 16px; color: #666; } .blog_detail_inside_wrapper .left .svg .svg_left svg { margin-right: 10px; } .blog_detail_inside_wrapper .left .svg .svg_right { line-height: 32px; } .blog_detail_inside_wrapper .left .svg .svg_right a { font-size: 16px; text-decoration: none; color: #666; } .blog_detail_inside_wrapper .left .svg .svg_right a:hover { color: #0daa80; } .blog_detail_inside_wrapper .left .svg .svg_right a:first-child { margin-right: 20px; padding-right: 20px; border-right: 1px solid #eef0f2; } /* 视频弹框 */ .c-video.show { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .c-video { position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); display: none; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; } .c-video__container { width: 800px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .video-wrap { width: 100%; height: 0; padding-bottom: 52.25%; position: relative; overflow: hidden; } .video-wrap iframe, .video-wrap video { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .c-video__close { position: absolute; right: 6px; top: 0px; cursor: pointer; } .c-video__close img, video, iframe { max-width: 100%; height: auto; display: block; } @media (max-width: 1279px) { .blog_detail_inside_wrapper { padding: 0px 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blog_detail_inside_wrapper .right { width: 100%; padding-left: 0; } .blog_detail_inside_wrapper .left { width: 100%; margin-right: 0; border-right: none; padding-right: 0; } .blog_detail_inside_wrapper .left .svg_left .svg { margin-bottom: 30px; } .blog_detail_inside_wrapper .left .text img { width: 100%; } } @media (max-width: 767px) { .blog_detail_inside_wrapper .left .svg { margin-bottom: 10px; } .blog_detail_inside_wrapper .right .video_min .video_in { width: 100%; } .blog_detail_inside_wrapper .right .video .btn { width: 100%; } .blog_detail_inside_wrapper .right .text { margin-bottom: 20px; } .blog_detail_inside_wrapper .left .text .time { margin-bottom: 0; } .blog_detail_inside_wrapper .left .svg { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-bottom: none; padding: 0; } .blog_detail_inside_wrapper .left .svg .svg_right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 10px; border-top: 1px solid #eef0f2; } .blog_detail_inside_wrapper .left .svg .svg_right a:first-child { border-right: none; } .blog_detail_inside_wrapper .left .svg .svg_left { padding: 10px; } .c-video__container { width: 100%; } } @media (max-width: 500px) { .blog_detail_inside_wrapper .right .video a.btn { width: 100%; } } /* blog_detail end */ /* services_main start */ .service_testimonials_wrapper { background: #F4F6F5; overflow: hidden; } .services_main .inside-content { padding-bottom: 0px; } .services_content_wrapper .service-testimonials-pagination .swiper-pagination-bullet { background: #F4F6F5; } .services_content_wrapper .service-testimonials-swiper img { max-width: 100%; } .service-testimonials-swiper { overflow: initial; } .services_content_description { max-width: 768px; margin-left:auto; margin-right: auto; margin-bottom: 50px; } .services_content_description p { line-height: 24px; font-size: 16px; margin-bottom: 20px; } .services_content_description p:last-child { margin-bottom: 0px; } .service_bannar_wrap img { border: 1px solid #eef0f2; max-width: 100%; } .service_bannar_wrap { padding-bottom: 50px; margin-bottom: 70px; } .service_swiper_pagination { bottom: 0px !important; } .service_swiper_pagination span { margin: 0px 5px !important; width: 10px !important; height: 10px !important; border-radius: 50% !important; background: #b5b5b5 !important; opacity: 1 !important; } .service_swiper_pagination .swiper-pagination-bullet-active { background: #7f7f7f !important; } @media screen and (max-width: 1279px) { .services_content_description { padding: 0px 15px; } .service-testimonials-swiper-margin { position: relative; margin: 0 15px; } .service_bannar_wrap_margin { position: relative; margin: 0 15px; } } /* services_main end */ /* history_main start */ .history_content_wrapper .layout { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .history_content { border-left: 1px solid #eef0f2; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .history_content>li:first-child { padding-top: 70px; } .history_content>li { width: 1050px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-bottom: 70px; } .history_content_dashed { margin-right: 20px; -webkit-box-flex: 0; -webkit-flex: 0 0 94px; -moz-box-flex: 0; -ms-flex: 0 0 94px; flex: 0 0 94px; } .history_content_dashed span { display: inline-block; width: 100%; border: 1px dashed #cfeee6; } .history_content_img { margin-right: 20px; margin-left: -14px; -webkit-box-flex: 0; -webkit-flex: 0 0; -moz-box-flex: 0; -ms-flex: 0 0; flex: 0 0; } .history_content_description { -webkit-box-flex: 0; -webkit-flex: 0 1 900px; -moz-box-flex: 0; -ms-flex: 0 1 900px; flex: 0 1 900px; } .history_content_description h2 { font-size: 28px; font-family: "gilroy-bold"; color: #0daa80; margin-bottom: 30px; } .history_content_description p { line-height: 24px; color: #666; font-size: 16px; } .history_content_description p a { color: #0daa80; } .history_content_description>ul>li { list-style-type: disc; } .history_content_description>ul>li, .history_content_description>p { line-height: 24px; color: #666; font-size: 16px; } .history_content_description>ul>li, .history_content_description>p { margin-bottom: 12px; } .history_content_description>ul>li:last-child { margin-bottom: 0px; } @media screen and (max-width: 1100px) { .history_content>li { width: auto; margin: 0px 15px 0px 29px; border-left: 1px solid #eef0f2; } } @media screen and (max-width: 767px) { .history_content_dashed { display: none; } } /* history_main end */ /* product_mian start */ .product_detail_swiper_wrap { background: url(/lib/images/product/img_bg.jpg) center top repeat-y; padding-top: 5px; padding-bottom: 50px; margin-bottom: 70px; } .product_detail_swiper_inside { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .product_detail_pagination { text-align: right; bottom: 20px !important; } .product_detail_pagination span { margin-right: 10px !important; } .product_detail_pagination span:last-child { margin-right: 20px !important; } .product_detail_pagination span { width: 10px; height: 10px; } .product_detail_pagination span.swiper-pagination-bullet { background: rgba(255, 255, 255, 0.5); } .product_detail_pagination span.swiper-pagination-bullet-active { background: rgba(255, 255, 255); } .product_detail_swiper_description, .product_detail_swiper_main { /* width:50%; */ -webkit-box-flex: 1; -webkit-flex: 1 1; -moz-box-flex: 1; -ms-flex: 1 1; flex: 1 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .product_detail_swiper_description { margin-right: 30px; } .product_detail_swiper_description span { color: #0daa80; font-size: 14px; font-family: "gilroy-bold"; } .product_detail_swiper_description h3, .product_detail_features_li h3 { line-height: 36px; font-size: 28px; font-family: "gilroy-bold"; margin-bottom: 40px; } .product_detail_swiper_description p, .product_detail_features_li p { line-height: 24px; font-size: 16px; margin-bottom: 40px; } .product_description_button { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .product_description_button a i { width: 20px; height: 20px; display: inline-block; } .product_description_button i svg path { fill: #0daa80; opacity: 1; } .product_description_button a { text-decoration: underline; font-size: 16px; color: #666; } .product_description_button a:hover { color: #0daa80; } .product_description_button i { /* margin-left:30px; */ margin-right: 10px; } a.button_primary { display: inline-block; text-decoration: none; width: 180px; height: 48px; line-height: 48px; text-align: center; background: #0daa80; color: #fff; font-size: 16px; font-family: "gilroy-medium"; cursor: pointer; } a.button_white { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; /* text-decoration: none; */ width: 180px; height: 48px; line-height: 48px; text-align: center; /* background:#0daa80; color:#fff; */ font-size: 16px; font-family: "gilroy-medium"; cursor: pointer; margin-left: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } a.button_white i { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } a.button_primary:hover { color: #fff; -webkit-box-shadow: 0 10px 20px rgb(13, 170, 128, .2); box-shadow: 0 10px 20px rgb(13, 170, 128, .2); } .product_description_margin, .product_swiper_margin { -webkit-box-flex: 0; -webkit-flex: 0 1 500px; -moz-box-flex: 0; -ms-flex: 0 1 500px; flex: 0 1 500px; max-width: 500px; position: relative; } .product_swiper_margin { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .product_swiper_margin .swiper-wrapper .swiper-slide { width: 100% !important; } .product_swiper_margin .swiper-wrapper .swiper-slide img { width: 100% !important; } .product_detail_features_wrap { margin-bottom: 70px; } .product_detail_features_inside { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .product_detail_features_img { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1; -moz-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 30px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .product_detail_features_img img { max-width: 500px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .product_detail_features_li { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1 1; -moz-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .product_detail_features_li_inside { -webkit-box-flex: 0; -webkit-flex: 0 1 500px; -moz-box-flex: 0; -ms-flex: 0 1 500px; flex: 0 1 500px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product_detail_features_li_inside ul li { margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; line-height: 24px; } .product_detail_features_li_inside ul li::before { content: ' '; display: block; height: 28px; width: 28px; -webkit-box-flex: 0; -webkit-flex: 0 0 28px; -moz-box-flex: 0; -ms-flex: 0 0 28px; flex: 0 0 28px; background: url(/lib/images/product/products_ul_li_before.svg) no-repeat; -o-background-size: 100%; background-size: 100%; margin-right: 10px; } .product_detail_features_li_inside ul li i { margin-right: 10px; } .product_detail_features_li_inside ul li:last-child { margin-bottom: 0px; } .product_detail_features_li_inside ul li svg path { fill: #fff; } .product_detail_features_li_inside ul li svg circle { fill: #0daa80; opacity: 1; } .product_detail_video_wrap { padding-bottom: 70px; } .product_detail_content_wrapper.inside-content { padding-bottom: 0px; } .product_detail_video_inside { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product_detail_video_inside h3 { width: 100%; max-width: 500px; font-size: 28px; font-family: "gilroy-bold"; margin-bottom: 40px; text-align: left; } .product_detail_btn_content { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(50% - 15px); -moz-box-flex: 0; -ms-flex: 0 0 calc(50% - 15px); flex: 0 0 calc(50% - 15px); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product_detail_video_inside p { max-width: 500px; line-height: 24px; margin-bottom: 40px; text-align: left; } .product_detail_video_inside .product_detail_text_text_inside p { text-align: left; } .product_detail_video_btn_mobile { width: 100%; display: none; } .product_detail_video_btn_mobile a { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; width: 100%; height: 48px; line-height: 48px; display: block; background: #f5f5f5; background: #0daa80; color: #fff; /* border:1px solid #ddd; */ } .product_detail_video_btn_mobile>a { position: relative; background: #f5f5f5; color: #1d1d1d; /* border:none; */ } .product_detail_video_btn_mobile>a i { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; position: absolute; top: 6px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; right: 30px; -webkit-transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; } .product_detail_video_btn_mobile>a i svg { width: 20px; } .product_detail_video_btn_mobile>a i.rotate { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; transition: all .3s linear; } .product_detail_video_btn_mobile>a i svg path { fill: #999; } .product_detail_video_btn_mobile ul { display: none; } .product_detail_video_btn_mobile li { width: 100%; } .product_detail_video_btn { text-align: center; } .product_detail_video_btn button { width: 180px; line-height: 48px; height: 48px; border: none; outline: none; margin-right: 30px; color: #8c8c8c; font-size: 16px; font-family: "gilroy-medium"; background: #fff; cursor: pointer } .product_detail_video_btn .button_primary { background: #0daa80; color: #fff; -webkit-box-shadow: 0 10px 20px rgb(13, 170, 128, .2); box-shadow: 0 10px 20px rgb(13, 170, 128, .2); } .product_detail_video_btn button:hover { background: #0daa80; color: #fff; -webkit-box-shadow: 0 10px 20px rgb(13, 170, 128, .2); box-shadow: 0 10px 20px rgb(13, 170, 128, .2); } .product_detail_video_btn button:last-child { margin-right: 0px; } .product_detail_video { /* margin-top:70px; */ max-width: 500px; position: relative; } .product_detail_video .triangle { position: absolute; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } .product_detail_video:hover .triangle { background: rgba(0, 0, 0, 0.3); } .product_detail_video .triangle i {} .product_detail_video .triangle i rect { opacity: 1; fill: #0daa80; } .product_detail_download_wrap { background: #f4f6f5; padding: 96px 0px; } .product_detail_download_inside { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .product_detail_download_inside>p { font-size: 20px; color: #1d1d1d; font-family: "gilroy-medium"; line-height: 32px; max-width: 820px; text-align: center; } .product_detail_download_inside>p a { color: #0daa80; } .product_detail_download_inside>a { margin-top: 20px; width: 240px; display: inline-block; height: 48px; line-height: 48px; text-align: center; font-size: 16px; font-family: "gilroy-medium"; background: rgba(13, 170, 128, 0.1); border: 1px #0daa80 dashed; color: #0daa80; } .product_detail_text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; display: none; margin-top: 70px; } .product_detail_text_img { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1; -moz-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; /* margin-right:30px; */ } .product_detail_video_inside .product_detail_btn_content img { width: 100%; } .product_detail_video_inside .product_detail_video_description { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(100%/2 - 15px); -moz-box-flex: 0; -ms-flex: 0 0 calc(100%/2 - 15px); flex: 0 0 calc(100%/2 - 15px); margin-right: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .product_detail_video_inside .product_detail_video_description p { margin-bottom: 30px; width: 100%; } .product_detail_video_inside .product_detail_video_description p:last-child { margin-bottom: 0px; } .product_detail_text_img img { max-width: 500px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } .product_detail_text_text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1 1; -moz-box-flex: 1; -ms-flex: 1 1; flex: 1 1; margin-right: 20px; } .product_detail_text_text_inside { -webkit-box-flex: 0; -webkit-flex: 0 1 500px; -moz-box-flex: 0; -ms-flex: 0 1 500px; flex: 0 1 500px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .product_detail_text_text_inside h3 { text-align: left; } .product_fixed_menu { position: fixed; bottom: 0px; left: 0px; width: 100%; height: 54px; border-top: 1px solid #ccc; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 999; display: none; } .product_fixed_menu a { -webkit-box-flex: 1; -webkit-flex: 1 1; -moz-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 54px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size: 16px; outline: none; font-family: "gilroy-regular"; } .product_fixed_menu a i { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .product_fixed_menu a:first-child { background: #fff; } .product_fixed_menu a:first-child i { margin-right: 10px; } .product_fixed_menu a:first-child i svg path { fill: #0daa80; opacity: 1; } .product_fixed_menu a:last-child { background: #0daa80; color: #fff } @media screen and (max-width: 1030px) { .product_detail_features_img img { width: 100%; } .product_detail_text_img img { width: 100%; } .product_detail_features_wrap .layout { padding: 0px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product_detail_swiper_wrap .layout { padding: 0px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product_detail_video_wrap .layout { padding: 0px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } @media screen and (max-width: 767px) { a.button_white { margin-left: 0px; } .product.footer { padding-bottom: 55px; /* overflow: hidden; display:flex; */ } .product_detail_text { margin-top: 40px; } .product_detail_swiper_description h3, .product_detail_features_li h3 { margin-bottom: 30px; } .product_detail_swiper_description h3 { /* margin-top:15px; */ } .product_detail_features_li_inside ul li { margin-bottom: 20px; } .product_detail_features_li_inside ul li:last-child { margin-bottom: 0px; } .product_detail_download_wrap { padding: 50px 0px; } .product_detail_features_li p { margin-bottom: 30px; } .product_detail_download_inside>p { max-width: 270px; } .product_description_margin p { margin-bottom: 30px; margin-top: 30px; } .product_detail_video .triangle { background: rgba(0, 0, 0, 0.3); } .history_content_dashed { display: none; } .product_fixed_menu { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .product_detail_video_btn_mobile { display: block; } .product_detail_text_text_inside .button_primary { width: 100%; } .product_detail_video_btn { display: none; } .product_detail_swiper_inside { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product_detail_features_inside { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -moz-box-orient: vertical; -moz-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .product_detail_swiper_description { margin-right: 0px; } .product_detail_swiper_description .product_description_margin { -webkit-box-flex: 1; -webkit-flex: 1 1; -moz-box-flex: 1; -ms-flex: 1 1; flex: 1 1; max-width: 768px; } .product_detail_swiper_main .product_swiper_margin { -webkit-box-flex: 1; -webkit-flex: 1 1; -moz-box-flex: 1; -ms-flex: 1 1; flex: 1 1; max-width: 768px; /* margin-top:20px; */ } .product_description_button { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product_description_button a:first-child { width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 20px; } .product_detail_swiper_wrap { padding-bottom: 0px; margin-bottom: 40px; } .product_detail_features_img { margin-bottom: 40px; } .product_detail_swiper_main .product_swiper_margin img { width: 100% !important; } .product_detail_features_li { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .product_detail_features_li .product_detail_features_li_inside { -webkit-box-flex: 1; -webkit-flex: 1 1; -moz-box-flex: 1; -ms-flex: 1 1; flex: 1 1; margin-bottom: 0px; } .product_detail_video_inside h3 { margin-bottom: 30px; max-width: 767px; } .product_detail_video_inside .product_detail_btn_content img { width: 100%; } /* .product_detail_video_inside .product_detail_video_description{ flex:0 0 calc(100%/2 - 15px); margin-right: 30px; display:flex; flex-direction: column; align-items:center; justify-content: center; } */ .product_detail_video_inside p { max-width: 767px; /* margin-bottom:30px; */ margin-bottom: 20px; } .product_detail_btn_content { -webkit-box-flex: 0; -webkit-flex: 0 0 -webkit-calc(50%-15px); -moz-box-flex: 0; -ms-flex: 0 0 calc(50%-15px); flex: 0 0 calc(50%-15px); } .product_detail_video_inside p:last-child { margin-bottom: 30px; } .product_detail_video { /* margin-top:30px; */ } .product_detail_video_wrap { padding-bottom: 40px; } .product_detail_video_inside { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product_detail_video_inside .product_detail_video_description { margin-right: 0px; margin-bottom: 30px; } .product_detail_features_img { /* order:1; */ margin-right: 0px; } .product_detail_features_wrap { margin-bottom: 40px; } .product_detail_features_img img { max-width: 768px; } .product_detail_video { max-width: 100%; } .product_detail_video img { width: 100%; } .product_detail_video_btn button { width: auto; padding: 0px 10px; } .product_detail_text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product_detail_text .product_detail_text_text_inside { -webkit-box-flex: 1; -webkit-flex: 1 1; -moz-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .product_detail_text_img { margin-right: 0px; /* margin-top:30px; */ margin-bottom: 30px; } .product_detail_text_img img { max-width: 768px; } .product_detail_video_inside { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product_detail_video_inside p { text-align: left; } .product_detail_video_inside h3, .product_detail_swiper_inside h3, .product_detail_features_li_inside h3, .product_detail_video_inside h3 { text-align: left; } /* .product_swiper_margin{ margin-top:20px; } */ .product_detail_download_inside>p { padding: 0px 15px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } } @media screen and (max-width: 414px) { .product_detail_video_btn button { margin-right: 10px; } .product_detail_video_btn button:last-child { margin-right: 0px; } } @media screen and (max-width: 375px) { .product_detail_video_btn button { margin-right: 5px; padding: 0 5px; } .product_detail_video_btn button:last-child { margin-right: 0px; } } /* product_main end */ /* index_main start */ .index-swiper-container img { width: 100%; height: 100%; } .index-swiper-container .swiper-button-prev, .index-swiper-container .swiper-button-next { width: 84px; height: 60px; background: rgba(0, 0, 0, 0.3); outline: none; } .index-swiper-container .swiper-button-prev:hover, .index-swiper-container .swiper-button-next:hover { background: rgba(0, 0, 0, 0.5); } .index-swiper-container .swiper-button-next:after, .index-swiper-container .swiper-button-prev:after { display: none; } .index-swiper-container .swiper-button-prev { left: 0px; } .index-swiper-container .swiper-button-next { right: 0px; } /* .index-swiper-container .swiper-slide { position:absolute; top:0px; left:0px; width:100%; height:100%; } */ .index_nav_wrapper { width: 100%; height: 100px; position: -webkit-sticky; position: sticky; top: 0px; background-image: -webkit-gradient(linear, left top, right top, from(#15647b), to(#1a3678)); background-image: -webkit-linear-gradient(left, #15647b, #1a3678); background-image: -moz-linear-gradient(left, #15647b, #1a3678); background-image: -o-linear-gradient(left, #15647b, #1a3678); background-image: linear-gradient(to right, #15647b, #1a3678); z-index: 100; margin-top: -1px; } .index_nav_wrapper .cls-1 { opacity: 1; } .index_nav_wrapper i svg path { fill: #1b3177; } .index_nav_wrapper ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .index_nav_wrapper ul li img{ height: 48px; width:48px; } .index_nav_wrapper ul li { margin-right: 30px; -webkit-box-flex: 0; -webkit-flex: 0 1 190px; -moz-box-flex: 0; -ms-flex: 0 1 190px; flex: 0 1 190px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .index_nav_wrapper ul li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; } .index_nav_wrapper ul li span { margin-top: 12px; font-size: 14px; } .index_nav_wrapper ul li:last-child { margin-right: 0px; } .index_about_inside .inside-h2 { margin-bottom: 40px; margin-top: 70px; /* font-size: 40px; */ text-align: left; } .index_about_inside .inside-h2:after { left: 0px; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } .index-about-pagination { display: none; } .index_about_swiper_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .index_about_swiper_wrapper .swiper-wrapper { max-width: 72.8%; } .index_about_swiper_wrapper .adSN_page { margin-left: 10%; width:auto !important; } .index_about_swiper_wrapper .swiper-wrapper .swiper-slide .index_about_swiper_img { margin-left:15%; /* max-width: 72.8%; */ max-width:59.96%; /* max-width: 50%; */ /* max-width: 50%; */ } .index_about_swiper_wrapper .swiper-wrapper .swiper-slide img { width: 100%; } .index_about_swiper_description { /* padding: 80px; */ padding:30px; background: #fff; position: absolute; /* top: 31.6%; */ /* height: 470px; */ /* width: 48.9%; */ top:45.14%; height: 330px; width:34.23%; margin-right:15%; right: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 20px 50px rgba(9, 15, 36, 0.1); box-shadow: 0 20px 50px rgba(9, 15, 36, 0.1); } .index_about_swiper_description .index_about_swiper_title span { color: #0daa80; font-size: 14px; margin-bottom: 30px; position: relative; padding-left: 60px; } .index_about_swiper_description .index_about_swiper_title>span:before { content: ' '; display: block; height: 1px; width: 40px; background: #0daa80; position: absolute; left: 0px; top: 50%; /* top:12px; left:0px; */ } .index_about_swiper_description .index_about_swiper_title h3 { font-size: 28px; font-family: "gilroy-bold"; color: #1d1d1d; /* margin-bottom: 40px; */ margin-bottom: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .index_about_swiper_wrapper .swiper-slide .index_about_swiper_description>p:nth-of-type(1) { font-size: 20px; margin-bottom: 20px; font-family: "gilroy-medium"; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .index_about_swiper_wrapper .swiper-slide .index_about_swiper_description>p:nth-of-type(2) { line-height: 24px; font-size: 16px; /* margin-bottom: 30px; */ margin-bottom:20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .index_about_bg { margin-bottom: 30px; } .index_about_bg img { position: relative; left: 48%; } .index_about_swiper_wrapper .adSN_page { z-index: 10; } .adSN_page-2 { display: none; } .adSN_page-2 p { display: inline-block; width: 10px; height: 10px; margin-right: 10px; } .adSN_page-2 p:last-child { margin-right: 0px; } .adSN_page-2 { position: absolute; bottom: 10px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .adSN_page-2 p.swiper-pagination-customs-active span { background: #777; } .adSN_page-2 p span { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #dcdcdc; } .index_about_swiper_wrapper .adSN_page p { margin-bottom: 20px; line-height: 20px; border-left: 1px solid #e0e0e0; padding-left: 20px; color: #8c8c8c; } .index_about_swiper_wrapper .adSN_page p a { color: #8c8c8c; font-size: 14px; } .index_about_swiper_wrapper .adSN_page p span:first-child { margin-right: 20px; } .index_about_swiper_wrapper .adSN_page .swiper-pagination-customs-active a { color: #0daa80; } .index_about_swiper_wrapper .adSN_page .swiper-pagination-customs-active a:hover { cursor: pointer; } .index_about_swiper_wrapper .adSN_page .swiper-pagination-customs-active { border-left: 1px solid #0daa80; } .inside-num-wrapper { margin-bottom: 70px; } .inside-num-wrapper ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .inside-num-wrapper ul li { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .inside-num-wrapper ul li .numU { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .inside-num-wrapper ul li .numCX { font-size: 28px; font-family: "gilroy-bold"; color: #1d1d1d; } .inside-num-wrapper ul li .unitC { font-size: 28px; font-family: "gilroy-bold"; } .inside-num-wrapper ul li .indc { margin-top: 24px; font-size: 16px; color: #8c8c8c; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .index_product_wrapper .index_product_background { /* background: url(/lib/images/index/img_strength_bg.jpg) top center no-repeat #F3F5F4; */ overflow: hidden; } .index_product_wrapper .inside-h2 { margin-bottom: 0px; } .index_product_description { max-width: 880px; text-align: center; font-size: 16px; /* font-family: "gilroy-medium"; */ color: #1d1d1d; line-height: 30px; margin: 86px auto 50px auto; } .index_product_swiper_container .swiper-slide { background: #fff; /* width:calc((100%-80px)/5); */ /* margin-right: 20px; */ } .index_product_swiper_container .swiper-slide:hover { -webkit-box-shadow: 6px 6px 20px rgba(9, 15, 36, 0.2); box-shadow: 6px 6px 20px rgba(9, 15, 36, 0.2); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .index_product_swiper_container .swiper-slide:hover .mask { opacity: 1; } .index_product_swiper_container .swiper-slide>a { position: absolute; border:1px solid #e0e0e0; top: 0px; left: 0px; width: 100%; height: 100%; } .index_product_swiper_container .swiper-slide:hover .swiper-slide_description:after { background: #0daa80; } .index_product_swiper_container .swiper-slide-img { width: 100%; position: relative; } .index_product_swiper_container .swiper-slide-img img { width: 100%; } .index_product_swiper_container .swiper-slide-img .mask { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; opacity: 0; position: absolute; width: 100%; height: 100%; left: 0; top: 0; /* display: none; */ background: rgba(0, 0, 0, 0.5); -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all ease-in 0.3s; -o-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; transition: all ease-in 0.3s; } .index_product_swiper_container .swiper-slide-img .mask a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 160px; height: 48px; font-size: 16px; color: #0daa80; background: #fff; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .index_product_swiper_container .swiper-slide_description { margin-top: 30px; text-align: center; margin-bottom: 30px; padding: 0 30px; padding-bottom: 20px; position: relative; } .index_product_swiper_container .swiper-slide_description:after { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-top: 40px; position: absolute; content: ''; width: 48px; height: 3px; background: #1d1d1d; -webkit-transition: all ease-in 0.3s; -o-transition: all ease-in 0.3s; -moz-transition: all ease-in 0.3s; transition: all ease-in 0.3s; } .index_product_a_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .index_product_wrapper .inside-a { margin-top: 50px; margin-bottom: 60px; } .index_partner_wrapper { padding-top: 200px; position: relative; overflow: hidden; } .index_partner_description { top: 90px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; width: 900px; height: 300px; border: 3px solid #0daa80; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .index_partner_description h2 { margin-top: -30px; padding: 0px 30px 30px 30px; display: inline-block; background: #fff; } .index_partner_description h2:after { top: 80px; } .swiper-slide_description { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1289px) { .adSN_page-1 { display: none; } .adSN_page-2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .index_about_swiper_wrapper { position: relative; padding-bottom: 30px; } .index-about-pagination { display: block; } .index_about_bg { display: none; } .index_about_inside .inside-h2 { display: inline-block; margin-left: 15px; } .index_product_swiper_container .swiper-slide:hover .mask { display: none; } .index_about_swiper_wrapper { max-width: 100%; margin-bottom: 70px; } .index_partner_description { width: 70%; } .index_about_swiper_wrapper .swiper-wrapper .swiper-slide .index_about_swiper_img { margin-left:0%; max-width: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0px 15px; } .index_about_swiper_wrapper .swiper-wrapper .swiper-slide .index_about_swiper_description { width: auto; width: -webkit-calc(100%-30px); width: -moz-calc(100%-30px); width: calc(100%-30px); height: auto; position: static; margin: 0 15px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-shadow: 0 20px 50px rgba(9, 15, 36, 0.1); box-shadow: 0 20px 50px rgba(9, 15, 36, 0.1); } .index_product_swiper_container_margin { position: relative; margin-left: 15px; margin-right: 15px; } .index_partner_description { position: static; left: 0px; width: 100%; height: auto; border: none; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); margin-top: 70px; margin-bottom: 30px; } .index_partner_description .inside-h2 { margin-top: 0px; } .index_partner_wrapper .index_partner_swiper_margin { position: relative; margin: 0 15px; } .index_partner_wrapper { padding-top: 0px; } } @media screen and (max-width: 900px) { .index_partner_description { border: none; width: 100%; } /* .index_partner_swiper img{ width:100%; } */ } @media screen and (max-width: 830px) { /* .index_partner_description{ border:none; width:100%; } */ .index_partner_description h2:after { top: auto; } .index_nav_inside li span { display: none; } .index_nav_wrapper .index_nav_inside li { /* width:auto; */ -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* .index_partner_swiper img{ width:100%; } */ } @media screen and (max-width: 768px) { .inside-num-wrapper ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .index-swiper-container .swiper-button-prev, .index-swiper-container .swiper-button-next { width: 68px; height: 48px; outline: none; } .inside-num-wrapper ul { padding: 0px 15px; } .inside-num-wrapper ul li { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .index_nav_wrapper { height: 76px; } } @media screen and (max-width: 680px) { .index_about_swiper_description { padding: 30px 15px; } .index_nav_wrapper ul li { width: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .index_nav_wrapper ul li { margin-right: 0px; } /* .index_nav_wrapper ul li span{ display:none; } */ } @media screen and (max-width: 580px) { .index_nav_wrapper .index_nav_inside li img { width: 40px; } } @media screen and (max-width: 550px) { .inside-num-wrapper ul li .numCX { font-size: 28px; } .inside-num-wrapper ul li .unitC { font-size: 28px; } .inside-num-wrapper ul li .indc { text-align: center; } } @media screen and (max-width: 400px) { .index_nav_wrapper .index_nav_inside li svg { width: 46px; } } /* index_mian end */ .about_bona_wrapper { margin-bottom: 70px; } .about_bona_wrapper .layout { text-align: center; } .about_bona_wrapper p { font-size: 16px; text-align: center; max-width: 1170px; margin: 0 auto; line-height: 24px; } .about_bona_wrapper p i { font-family: "gilroy-bold"; color: #0daa80; } /* about_main start */ .about_img_wrapper { margin-bottom: 70px; } .about_text_wrapper { margin-bottom: 100px; } .about_img_inside { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .about_img_text { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 30px; margin-top: -30px; } .about_img_text_inside { padding-left: 30px; padding-top: 30px; -webkit-box-flex: 0; -webkit-flex: 0 1 600px; -moz-box-flex: 0; -ms-flex: 0 1 600px; flex: 0 1 600px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; background: url(/lib/images/about/1_关于我们_03.jpg) top left no-repeat; } .about_img_text_inside h3 { font-size: 28px; font-family: "gilroy-bold"; line-height: 36px; margin-bottom: 50px; } .about_img_text_inside p { margin-bottom: 20px; font-size: 16px; line-height: 24px; } .about_img_text_inside p:last-child { margin-bottom: 0px; } .about_img_img { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 60px; padding-left: 44px; padding-right: 65px; padding-bottom: 40px; } .about_img_img_inside { position: relative; -webkit-box-flex: 0; -webkit-flex: 0 1 380px; -moz-box-flex: 0; -ms-flex: 0 1 380px; flex: 0 1 380px; z-index: 2; } .about_img_img_inside img { border-radius: 20px; } .about_img_img_inside_mask { width: 280px; height: 220px; background: #51d5b3; border-radius: 20px; position: absolute; right: 0px; bottom: 0px; } .about_img_img_inside_back_1, .about_img_img_inside_back_2 { position: absolute; } .about_img_img_inside_back_1 { left: 0px; top: 100px; } .about_img_img_inside_back_2 { right: 0px; bottom: 160px; } .about_text_wrapper .about_img_inside { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -moz-box-orient: horizontal; -moz-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .about_text_wrapper .about_img_text_inside { background: url(/lib/images/about/1_关于我们_03-02.jpg) top left no-repeat; } .about_text_wrapper .about_img_img { margin-right: 0px; padding-left: 60px; padding-right: 99px; padding-bottom: 0px; } .about_text_wrapper .about_img_img_inside_back_2 { right: 44px; bottom: 250px; } .about_img_img_inside_back_3 { position: absolute; right: 0px; bottom: 62px; z-index: 10; border-radius: 20px; } .about_text_wrapper .about_img_text { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -webkit-flex: 1 1; -moz-box-flex: 1; -ms-flex: 1 1; flex: 1 1; margin-left: 0px; } .about_text_wrapper .about_img_text_inside { margin-right: 60px; } .about_video_wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 70px; } .about_video_description, .about_video_video { -webkit-box-flex: 1; -webkit-flex: 1 1 980px; -moz-box-flex: 1; -ms-flex: 1 1 980px; flex: 1 1 980px; } .about_video_description { background: #f5f5f5; /* background: url(/lib/images/about/img_about_video_bg_2.jpg) center center; */ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; /* height: 100%; */ } .about_video_description_inside { max-width: 550px; margin-right: 70px; margin-left: 70px; } .about_video_description_inside p { line-height: 32px; font-size: 16px; font-family: "gilroy-regular"; margin-bottom: 60px; color: #1d1d1d; } .about_video_description_inside a { /* width: 180px; height: 48px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; color: #0daa80; border:1px solid #0daa80; cursor: pointer; */ } .about_video_video_inside { background: #09122d; position: relative; } .about_video_video_content { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: none; z-index: 11; } .about_video_video_content .video-wrap { padding-bottom: 46.77%; } .about_video_video_inside img { opacity: .2; -webkit-filter: grayscale(100%); filter: grayscale(100%); width: 100%; } .about_video_ripple { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; } .about_video_ripple span { display: inline-block; width: 70px; height: 70px; line-height: 22px; text-align: center; font-size: 25px; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 22; -webkit-animation: rippleSport1 1s 0s linear infinite; -moz-animation: rippleSport1 1s 0s linear infinite; -o-animation: rippleSport1 1s 0s linear infinite; animation: rippleSport1 1s 0s linear infinite; } .about_video_ripple span i path { fill: #0daa80; } .about_video_ripple span i { position: absolute; left: 28px; top: 26px; opacity: 1; z-index: 999; } .about_video_ripple b { display: inline-block; width: 60px; height: 60px; border-radius: 50%; background: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: rippleSport2 1s 0s linear infinite; -moz-animation: rippleSport2 1s 0s linear infinite; -o-animation: rippleSport2 1s 0s linear infinite; animation: rippleSport2 1s 0s linear infinite; } .about_video_ripple b:nth-of-type(1) { -webkit-animation: rippleSport2 1s 0s linear infinite; -moz-animation: rippleSport2 1s 0s linear infinite; -o-animation: rippleSport2 1s 0s linear infinite; animation: rippleSport2 1s 0s linear infinite; } .about_video_ripple b:nth-of-type(2) { -webkit-animation: rippleSport3 1s 0s linear infinite; -moz-animation: rippleSport3 1s 0s linear infinite; -o-animation: rippleSport3 1s 0s linear infinite; animation: rippleSport3 1s 0s linear infinite; } @-webkit-keyframes rippleSport1 { form { opacity: 1; } to { opacity: 0.2; } } @-moz-keyframes rippleSport1 { form { opacity: 1; } to { opacity: 0.2; } } @-o-keyframes rippleSport1 { form { opacity: 1; } to { opacity: 0.2; } } @keyframes rippleSport1 { form { opacity: 1; } to { opacity: 0.2; } } @-webkit-keyframes rippleSport2 { form { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } to { opacity: 0.2; -webkit-transform: translate(-50%, -50%) scale(3); transform: translate(-50%, -50%) scale(3); } } @-moz-keyframes rippleSport2 { form { opacity: 1; -moz-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } to { opacity: 0.2; -moz-transform: translate(-50%, -50%) scale(3); transform: translate(-50%, -50%) scale(3); } } @-o-keyframes rippleSport2 { form { opacity: 1; -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } to { opacity: 0.2; -o-transform: translate(-50%, -50%) scale(3); transform: translate(-50%, -50%) scale(3); } } @keyframes rippleSport2 { form { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } to { opacity: 0.2; -webkit-transform: translate(-50%, -50%) scale(3); -moz-transform: translate(-50%, -50%) scale(3); -o-transform: translate(-50%, -50%) scale(3); transform: translate(-50%, -50%) scale(3); } } @-webkit-keyframes rippleSport3 { form { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } to { opacity: 0.4; -webkit-transform: translate(-50%, -50%) scale(2); transform: translate(-50%, -50%) scale(2); } } @-moz-keyframes rippleSport3 { form { opacity: 1; -moz-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } to { opacity: 0.4; -moz-transform: translate(-50%, -50%) scale(2); transform: translate(-50%, -50%) scale(2); } } @-o-keyframes rippleSport3 { form { opacity: 1; -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } to { opacity: 0.4; -o-transform: translate(-50%, -50%) scale(2); transform: translate(-50%, -50%) scale(2); } } @keyframes rippleSport3 { form { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } to { opacity: 0.4; -webkit-transform: translate(-50%, -50%) scale(2); -moz-transform: translate(-50%, -50%) scale(2); -o-transform: translate(-50%, -50%) scale(2); transform: translate(-50%, -50%) scale(2); } } .about_certificate_wrapper { /* padding-bottom:40px; */ } .about_certificate_wrapper p { max-width: 1170px; text-align: center; margin: 0 auto; font-size: 16px; line-height: 24px; margin-bottom: 60px; } .about_certificate_swiper_inside { padding-bottom: 50px; } .about_certificate_swiper_inside .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .about_certificate_swiper .swiper-pagination-bullets { bottom: 0px; } .about_certificate_swiper .swiper-pagination-bullets .swiper-pagination-bullet { /* background:#dcdcdc; */ width: 10px; height: 10px; margin-right: 10px; } .about_certificate_swiper .swiper-pagination-bullets .swiper-pagination-bullet:last-child { margin-right: 0px; } .about_certificate_swiper .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #7f7f7f; } .about_certificate_wrapper .swiper-slide .swiper-slide-border { border: 5px solid #1d1d1d; padding: 5px; -webkit-box-flex: 0; -webkit-flex: 0 1; -moz-box-flex: 0; -ms-flex: 0 1; flex: 0 1; } .about_certificate_wrapper img { max-width: 279px; border: 1px solid #1d1d1d; } .only_page_show { max-width: 768px !important; margin: 0 auto; } .only_page_show p { line-height: 1.5 !important; } @media screen and (max-width:1550px) { /* .about_video_wrapper{ flex-direction: column; } .about_video_description{ flex:1 1 100%; } .about_video_description_inside{ max-width:100%; margin:0 0px; } */ } @media screen and (max-width:1289px) { /* 2020-17 start */ .about_certificate_wrapper p { padding: 0px 15px; } .only_page_show { padding: 0px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .about_video_wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about_video_wrapper .about_video_video { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .about_video_wrapper .about_video_description { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 40px 30px; } .about_video_description_inside { max-width: 1290px; margin-left: 0px; margin-right: 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } } /* 2020-17 end */ @media screen and (max-width:768px) { /* 2020-17 start */ .about_img_img_inside { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .about_bona_wrapper { margin-bottom: 40px; } .about_video_wrapper { margin-bottom: 40px; } .about_img_wrapper { margin-bottom: 40px; } .about_text_wrapper { margin-bottom: 40px; } .about_num_wrapper { margin-bottom: 40px; } .about_certificate_wrapper h2 { margin-bottom: 30px; } .about_certificate_wrapper p { margin-bottom: 30px; } .about_img_text_inside h3 { margin-bottom: 30px; } .about_img_text { margin-bottom: 30px; } .about_bona_wrapper p { padding: 0px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .about_video_wrapper .about_video_description { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -moz-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 40px 15px; } .about_img_text_inside { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -moz-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .about_img_inside { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 15px; padding-right: 15px; } .about_img_img_inside_back_1, .about_img_img_inside_back_2, .about_img_img_inside_back_3, .about_img_img_inside_mask { display: none; } .about_img_text { margin-left: 0px; padding-right: 0px; padding-left: 0px; } .about_text_wrapper .about_img_text_inside { margin-right: 0px; } .about_text_wrapper .about_img_img { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; } .about_img_img { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin-right: 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .about_text_wrapper .about_img_inside { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* 2020-17 end */ } /* about_main end */ .only_page_show .only_page_show_title { margin-bottom: 30px; text-align: center; } .only_page_show p, .only_page_show h1, .only_page_show h2, .only_page_show h3, .only_page_show h4, .only_page_show h5, .only_page_show h6, .only_page_show ul, .only_page_show table { margin-bottom: 15px; } /* 成功和失败页面 */ .not-found, .success { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 40px 0; display: block; } .not-found .w, .success .w { text-align: center; color: #393e4b; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .not-found .w h2 { font-size: 150px; margin: 20px 0; } .not-found .w h3 { font-size: 25px; margin: 20px 0; } .success .w h3 { font-size: 30px; margin: 20px 0; } .not-found .w p { margin: 20px 0; } .not-found .w .btns, .success .w .btns { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .not-found .w .btns a, .success .w .btns a { width: 160px; height: 42px; color: #fff; background-color: #0daa80; margin: 0 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .not-found .w .btns a img, .success .w .btns a img { margin-right: 4px; } /* 成功和失败页面 end */