/**/
@media all and (min-width:1600px){
html {font-size:16px;}
.row {padding:0 100px;}
}
/**/
@media all and (max-width:768px){
/****************************************/
/* public */
/****************************************/
/**/
html {font-size:16px;}
.row {padding:0 20px;}
/**/
input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {font-size:14px;}
input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {font-size:14px;}
/**/
.btn {padding:10px 20px; font-size:12px;}
/**/
.btn_black {}
/**/
.more {margin-top:40px; font-size:14px;}
.more a {padding:20px; border-width:2px;}
.more a i {width:14px; height:14px;}
.more a i::before,
.more a i::after {border-radius:2px;}
.more a i::before {height:2px;}
.more a i::after {width:2px;}
/**/
.alert{}
.alert .i_a {width:calc(100% - 40px); max-width:375px; padding:40px 20px; border-radius:20px;}
.alert .i_a h4 {font-size:16px;}
.alert .i_a a {font-size:14px; margin-top:30px; min-width:auto; padding:10px 30px; border-radius:20px;}
/**/
.toast span {width:40px; height:40px;}
/**/
.shead {padding:0 0 30px 0;}
.shead h2 {font-size:22px;}
/**/
.breadcrumbs {padding:20px 0;}
.breadcrumbs a.icon {width:20px; height:20px;}
.breadcrumbs a {font-size:14px; margin-right:30px;}
.breadcrumbs a::after {width:10px; right:-20px;}
.breadcrumbs span {font-size:14px;}
/**/
header {padding:0; border-radius:0 0 10px 10px;}
header::before {height:60px;}
header .inner_header {height:60px;}
header .logo {width:90px; height:100%;}
header .nav_more {display:block; position:relative; top:0; z-index:2; width:40px; height:40px; margin-right:-20px; border:none; outline:none; cursor:pointer;}
header .nav_more i {display:block; margin:auto; top:0; bottom:0; left:0; content:""; position:absolute; width:16px; height:16px; transform:scale(0.9); overflow:hidden;}
header .nav_more i::before,
header .nav_more i::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:100%; height:2px; border-radius:2px; background:#FFFFFF; transform-origin:center center; transition:all 0.3s;}
header .nav_more i::before {margin-top:-4px;}
header .nav_more i::after {margin-top:4px;}
/* anchor展开 */
.open .nav_more i::before,
.open .nav_more i::after {background:#000000;}
.open .nav_more i:before {animation:0.3s 0s normal forwards 1 running n1;}
.open .nav_more i:after {animation:0.3s 0s normal forwards 1 running n2;}
@keyframes n1 {
0% {
}
50% {
transform:translateX(-50%) translateY(-50%) rotate(0deg);
}
100% {
margin-top:0;
transform:translateX(-50%) translateY(-50%) rotate(45deg);
}
}
@keyframes n2 {
0% {
}
50% {
transform:translateX(-50%) translateY(-50%) rotate(0deg);
}
100% {
margin-top:0;
transform:translateX(-50%) translateY(-50%) rotate(-45deg);
}
}
/* anchor收起 */
.close .nav_more i:before {animation:0.3s 0s normal forwards 1 running n3;}
.close .nav_more i:after {animation:0.3s 0s normal forwards 1 running n4;}
@keyframes n3 {
0% {
margin-top:0;
transform:translateX(-50%) translateY(-50%) rotate(45deg);
}
50% {
transform:translateX(-50%) translateY(-50%) rotate(0deg);
}
100% {
margin-top:-4px;
}
}
@keyframes n4 {
0% {
margin-top:0;
transform:translateX(-50%) translateY(-50%) rotate(-45deg);
}
50% {
transform:translateX(-50%) translateY(-50%) rotate(0deg);
}
100% {
margin-top:4px;
}
}
/**/
header .menu {}
header .menu ul {display:block; position:fixed; left:0; top:0; margin-top:60px; padding:20px; width:100%; height:auto;}
header .menu ul:before {content:""; position:fixed; left:0; top:0; width:100%; height:0; background:#FFFFFF;}
header .menu ul li {display:none; opacity:0; position:relative; margin-bottom:10px; padding:0; overflow:hidden;}
header .menu ul li > a {padding:20px; position:relative; width:100%; height:auto; line-height:normal; font-size:14px; color:#000000; border-radius:10px; background:rgba(0, 0, 0, 0.02);}
header .menu ul li > a::before {width:0; height:2px; left:0; bottom:0; transform:none;}
header .menu ul li > a::after {display:none; content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:rgba(0, 0, 0, 0.05);}
header .menu ul li > a:hover::before {width:100%;}
header .menu ul li.sub .sub_handle {position:absolute; right:10px; top:10px; display:flex; justify-content:center; align-items:center; width:40px; height:40px; border-radius:100%; cursor:pointer; background:rgba(255, 255, 255, 1);}
header .menu ul li.sub .sub_handle span {width:8px; height:8px; position:relative;}
header .menu ul li.sub .sub_handle span::before,
header .menu ul li.sub .sub_handle span::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:#000000; transition:all 0.3s;}
header .menu ul li.sub .sub_handle span::before {width:1px; height:100%;}
header .menu ul li.sub .sub_handle span::after {width:100%; height:1px;}
header .menu ul li.sub .sub_handle.active span::before {height:0;}
header .dropdowns {position:static; display:none; padding:10px 0 0; border-radius:10px; transform:none; transition:none;}
header .dropdowns dl {flex-direction:column; align-items:flex-start; margin:0; padding-left:10px;}
header .dropdowns dd {}
header .dropdowns dd a {padding:10px 0 10px 15px; position:relative; text-align:left; font-size:12px;}
header .dropdowns dd a::before {content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:4px; height:4px; border-radius:100%; background:rgba(0, 0, 0, 0.3);}
header .dropdowns dd a span {display:none;}
header .dropdowns dd a p {font-size:14px;}
header .dropdowns dd a:hover {opacity:1;}
header .options {margin:0 10px 0 0;}
header .options .q_phone {display:none;}
header .options .o_search {margin-right:12px;}
header .options .o_search > span {width:20px;}
header .options .o_search > span::before,
header .options .o_search > span::after {width:20px; height:20px; background-size:14px auto;}
header .options .o_lang span {}
header .options .o_lang .dropdowns {display:block; position:absolute; transform:translateX(-50%); top:calc(100% - 10px); padding:10px 0;}
header .options .o_lang .dropdowns dl {padding:0;}
header .options .o_lang .dropdowns dd a {padding:4px 10px;}
header .options .o_lang .dropdowns dd a::before {display:none;}
header .options .o_lang i {margin:0 10px; width:1.5px; height:12px;}
header.fill .nav_more i::before,
header.fill .nav_more i::after {background:#000000;}
/* menu展开 */
.open .logo {background-image: url('images/logo_hover.svg');}
.open .menu ul {}
.open .menu ul li {display:block; animation:0.3s ease-in-out 0s normal forwards 1 running menu_show; animation-delay:0.3s;}
.open .menu ul:before {animation:0.3s ease-in-out 0s normal forwards 1 running menu_bg_show;}
.open .menu .options .o_lang > span::after {opacity:1;}
@keyframes menu_show{
0%{
margin-top:2px;
}
100%{
opacity:1;
}
}
@keyframes menu_bg_show{
0%{
}
100%{
height:100%;
}
}
/* menu收起 */
.close .menu ul {}
.close .menu ul li {display:block; animation:0.3s 0s normal forwards 1 running menu_hide;}
.close .menu ul:before {height:100%; animation:0.3s 0s normal forwards 1 running menu_bg_hide; animation-delay:0.1s;}
@keyframes menu_hide{
0%{
opacity:1;
height:auto;
}
100%{
margin-top:2px;
height:0;
}
}
@keyframes menu_bg_hide{
0%{
}
100%{
height:0;
}
}
header .menu .search {display:none; width:40px; height:40px; margin:0; padding:0; background-size:55% auto;}
header .menu .search i {width:16px; height:16px;}
header .menu .search i:before {width:14px; height:14px;}
header .menu .search i:after {}
header .searchview {top:100px; height:60px; padding:0 20px;}
header .searchview .form {}
header .searchview .form i {background-position:center left;}
header .searchview .form input {font-size:14px; padding:20px; border-radius:10px;}
header .searchview .form button {right:20px;}
header .searchview .form button:before,
header .searchview .form button:after {width:16px; height:2px;}
header .searchview .results {padding:20px 75px 30px;}
.sticky_nav {margin:0;}
.sticky_nav .box {}
.sticky_nav .menu .ls_btns a {margin:0 5px; padding:10px 20px;}
.sticky_nav .dropdowns {background:transparent;}
/**/
footer {margin:20px 0 0; padding:80px 0 20px;}
footer::after {width:100%; border-radius:10px;}
footer h2 {width:90%; font-size:22px;}
footer .c_l_btn {margin:40px auto 0; width:100px; height:100px; font-size:14px;}
footer .main {margin-top:-50px; padding:100px 20px 0; border-radius:10px;}
footer .t {margin:0 0 20px 0;}
footer .t_l .logo {display:none;}
footer .t_l ul {width:100%; justify-content:center;}
footer .t_l ul li,
footer .t_l ul li:last-child {margin:0 10px;}
footer .t_l ul li span {width:30px; height:30px;}
footer .f_nav {margin-top:40px;}
footer .f_nav ul {flex-wrap:wrap;}
footer .f_nav ul li {flex:auto; margin:0 0 20px 0; width:50%;}
footer .f_nav ul li h3 {font-size:14px;}
footer .f_nav ul li p {margin-top:10px;}
footer .f_nav ul li p a {font-size:12px;}
footer .b {padding:20px 0;}
footer .b p {flex-direction:column; font-size:10px; line-height:1.4;}
footer .b p span.vokodesign {margin-top:4px;}
/**/
.cookie_popup {}
.cookie_popup .main {width:100%; max-width:calc(768px /2); border-radius:20px; margin-bottom:20px;}
.cookie_popup .cpm {padding:30px;}
.cookie_popup .text {padding-right:20px;}
.cookie_popup .text p {font-size:12px;}
.cookie_popup .text p a {margin:0 0 0 4px;}
.cookie_popup .btn_area {margin:20px auto 0 0; font-size:12px;}
.cookie_popup .btn_area a.btn {margin-left:10px; padding:10px 20px; font-size:12px;}
.cookie_popup .close {top:20px; right:10px; width:40px; height:40px;}
.cookie_popup .close::before,
.cookie_popup .close::after {border-radius:2px;}
.cookie_popup .close::before {width:2px;}
.cookie_popup .close::after {height:2px;}
/**/
.con_topic {}
.con_topic::after {left:0; top:0; width:100%; height:100%; border-radius:0 0 10px 10px;}
.con_topic .main {padding:200px 0 40px;}
.con_topic .text h1 {font-size:22px; margin-bottom:14px;}
.con_topic .text p {font-size:14px; width:100%;}
.con_topic .text i {display:none;}
.con_topic .topic_bg {left:0; top:0; transform:none; width:100%; height:100%; border-radius:0 0 10px 10px;}
/**/
a.rTop {visibility:hidden;}
/**/
.pages a, .pages span {font-size:14px;}
.pages a:not(.a1),
.pages span {display:none;}
/**/
.tab {padding:20px 0;}
.tab .inner {overflow-x:scroll;}
.tab a,
.tab span {margin:0 5px; padding:10px 20px; border-width:1px; font-size:12px;}
/**/
a.anchor {top:-80px;}
/**/
table {font-size:12px;}
table th {padding:16px;}
table td {padding:16px;}
table th:first-child,
table td:first-child {border-radius:3px 0 0 3px;}
table th:last-child,
table td:last-child {border-radius:0 3px 3px 0;}
/**/
.swiper-container-horizontal > .swiper-pagination-bullets em:nth-child(1), .swiper-pagination-custom, .swiper-pagination-fraction em:nth-child(1) {font-size:24px;}
.swiper-container-horizontal > .swiper-pagination-bullets em:nth-child(3), .swiper-pagination-custom, .swiper-pagination-fraction em:nth-child(3) {font-size:16px;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:47px;}
.swiper-button-next, .swiper-button-prev {width:50px; height:50px;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-size:11px auto;}
.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover {background-size:13px auto;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-size:11px auto;}
.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover {background-size:13px auto;}
.sc-res {margin-top:64px; height:50vh;}
.sc-res .swiper-slide .it {}
.sc-res .swiper-slide .it h6 {font-size:14px;}
.sc-res .swiper-slide .it h2 {font-size:52px;}
.sc-res .swiper-slide .it p {font-size:16px;}
.sc-res .sbn {padding-left:180px;}
/**/
.player video {width:100%;}
.player .close {right:10px; top:10px;}
/**/
.con_products_list {}
.con_products_list .p_group {margin:20px auto 40px;}
.con_products_list h2 {font-size:16px; margin-bottom:20px; padding:0;}
.con_products_list ul {margin:0 -40px;}
.con_products_list ul li {width:100%; padding:0 40px; margin-bottom:20px;}
.con_products_list ul li:last-child {margin:0;}
.con_products_list ul li dl {margin:0;}
.con_products_list ul li dd {margin-bottom:20px; padding:0; width:100%;}
.con_products_list ul li dd:last-child {margin:0;}
.con_products_list ul li a {border-radius:10px;}
.con_products_list ul li a .cell {padding:20px;}
.con_products_list ul li a .cover {border-radius:5px;}
.con_products_list ul li a .cover span {}
.con_products_list ul li a .text {margin-top:20px;}
.con_products_list ul li a .text p {font-size:12px;}
/**/
.con_clinical_insights_video_list ul {margin:0 -30px;}
.con_clinical_insights_video_list ul li {width:100%; margin-bottom:20px; padding:0 30px;}
.con_clinical_insights_video_list ul li:last-child {margin:0;}
.con_clinical_insights_video_list ul li a {padding:20px; border-radius:10px;}
.con_clinical_insights_video_list ul li a .cover {border-radius:4px;}
.con_clinical_insights_video_list ul li a .text {margin-top:20px;}
.con_clinical_insights_video_list ul li a .text h3 {font-size:14px; margin-bottom:30px;}
.con_clinical_insights_video_list ul li a .text p {font-size:12px;}
/**/
.con_clinical_insights_article_list ul {margin:0 -20px;}
.con_clinical_insights_article_list ul li {width:100%; margin-bottom:20px; padding:0 20px;}
.con_clinical_insights_article_list ul li:last-child {margin:0;}
.con_clinical_insights_article_list ul li a {padding:20px; border-width:1px; border-radius:10px;}
.con_clinical_insights_article_list ul li a .cover {width:72px;}
.con_clinical_insights_article_list ul li a .text {width:calc(100% - 72px); padding-right:40px;}
.con_clinical_insights_article_list ul li a .text h3 {font-size:14px; margin-bottom:40px;}
.con_clinical_insights_article_list ul li a .text p {font-size:12px;}
/**/
.con_news_list {}
.con_news_list ul {margin:-10px;}
.con_news_list ul li {width:100%; padding:10px;}
.con_news_list ul li:last-child {padding:10px;}
.con_news_list ul li a {}
.con_news_list ul li .cell {}
.con_news_list ul li .cover {width:100%; border-radius:10px 10px 0 0;}
.con_news_list ul li .text {width:100%; padding:30px 20px 40px; border-radius:0 0 10px 10px;}
.con_news_list ul li .text .date {font-size:12px; margin-bottom:14px;}
.con_news_list ul li .text h3 {font-size:16px;}
.con_news_list ul li .text i {display:none;}
/****************************************/
/* home */
/****************************************/
.sel_home {}
/**/
.kv {height:80vh; padding:0;}
.kv .swiper-container {border-radius:0 0 10px 10px;}
.kv .swiper-slide .it h2 {font-size:22px; max-width:none; width:100%;}
.kv .swiper-slide .text .btn_area {margin-top:20px;}
.kv .swiper-container .swiper-button-prev,
.kv .swiper-container .swiper-button-next {display:none;}
/**/
.core_products {}
.core_products ul {margin-top:20px;}
.core_products ul li {width:100%; margin-bottom:20px; border-radius:10px;}
.core_products ul li:last-child {margin:0;}
.core_products ul li a .text {padding:30px;}
.core_products ul li a .text h3 {font-size:16px; margin-bottom:10px;}
.core_products ul li a .text p {font-size:14px;}
.core_products ul li a .text .btn_area .btn {padding:10px 20px; font-size:12px;}
.core_products ul li a .text .btn_area .btn i {margin-left:24px;}
.core_products ul li a .text .btn_area .btn i em {width:14px;}
.core_products ul li a .text .btn_area .btn i::before,
.core_products ul li a .text .btn_area .btn i::after {width:8px;}
/**/
.endofresh_moment {margin-top:20px;}
.endofresh_moment .main {padding:150px 0;}
.endofresh_moment h2 {font-size:22px; width:calc(100% - 20px); margin:auto;}
.endofresh_moment h2 sup {font-size:12px; margin:0 4px 0 0; transform:none;}
.endofresh_moment .slider {margin-top:40px;}
.endofresh_moment .slider p {position:relative; margin:auto; padding:30px 0; width:calc(100% - 20px); height:150px;}
.endofresh_moment .slider p::before,
.endofresh_moment .slider p::after {width:20px; height:20px;}
.endofresh_moment .slider p::before {left:0;}
.endofresh_moment .slider p::after {right:0;}
.endofresh_moment .slider p em {font-size:14px;}
.endofresh_moment .slider .thumb {margin-top:20px; width:100px;}
.endofresh_moment .slider ul {opacity:0; padding:0;}
.endofresh_moment .slider ul li {border-radius:4px;}
.endofresh_moment .slider ul li:nth-child(1),
.endofresh_moment .slider ul li:nth-child(2),
.endofresh_moment .slider ul li:nth-child(3),
.endofresh_moment .slider ul li:nth-child(4) {}
.endofresh_moment .slider .pn {width:40px; height:40px;}
.endofresh_moment .slider .pn.prev {right:auto; left:-5px;}
.endofresh_moment .slider .pn.next {right:-5px;}
.endofresh_moment .bg {width:100%; border-radius:10px;}
/**/
.inspiring_story {padding:50px 0;}
.inspiring_story h2 {font-size:22px;}
.inspiring_story .swiper-container {padding-top:20px;}
.inspiring_story .swiper-container .swiper-slide {border-radius:10px;}
.inspiring_story .swiper-container .swiper-slide a .cover span {}
.inspiring_story .swiper-container .swiper-slide a .text {left:30px; top:30px;}
.inspiring_story .swiper-container .swiper-slide a .text h3 {font-size:18px;}
.inspiring_story .swiper-container .swiper-slide a .text p {font-size:12px;}
.inspiring_story .swiper-container .swiper-slide a i {width:40px; height:40px; left:30px; bottom:30px;}
.inspiring_story .swiper-container .cp {right:20px; top:-35px;}
.inspiring_story .swiper-container .cp .btn_area {margin:0; transform:translateX(-20px);}
.inspiring_story .swiper-container .cp .swiper-button-prev,
.inspiring_story .swiper-container .cp .swiper-button-next {width:40px; height:40px;}
.inspiring_story .swiper-container .cp .swiper-button-prev {margin:0 10px 0 auto;}
.inspiring_story .swiper-container .cp .swiper-button-next {margin:0 -20px 0 0;}
.inspiring_story .lightbox .close {width:40px; height:40px; top:20px; right:20px;}
.inspiring_story .lightbox .video {width:100%;}
.inspiring_story .lightbox .video video {border-radius:10px;}
.inspiring_story .lightbox .close i::before {width:2px;}
.inspiring_story .lightbox .close i::after {height:2px;}
/**/
.news {padding:50px 0;}
.news::after {width:100%; border-radius:10px;}
.news .shead h2 {font-size:22px;}
.news .btn_area {margin-top:40px;}
/****************************************/
/* products */
/****************************************/
.sel_products {}
.sel_products_no_href .tab .btn_area {display:none;}
/**/
.products_topic .text {padding:200px 0 60px;}
.products_topic .text h1 {font-size:22px; margin-bottom:14px;}
.products_topic .text p {font-size:14px; line-height:1.6; width:100%;}
.products_topic .topic_bg {top:0; width:100%; height:100%; border-radius:0 0 10px 10px;}
/**/
.products_list {margin-top:20px; padding:10px 0 20px;}
.products_list::after {width:calc(100%); border-radius:10px;}
/****************************************/
/* products_detail_1 */
/****************************************/
.sel_products_detail_1 {}
/**/
.d1_1 {padding:200px 0 60px;}
.d1_1 .text {width:100%;}
.d1_1 .text h1 {font-size:32px; margin-bottom:20px;}
.d1_1 .text h2 {font-size:14px; margin-bottom:10px;}
.d1_1 .text p {font-size:14px;}
.d1_1 ul {margin:20px -3px 0;}
.d1_1 ul li {width:85px; padding:0 3px;}
.d1_1 ul li .cover {border-radius:4px;}
.d1_1 .topic_bg {top:0; width:100%; border-radius:0 0 10px 10px;}
/**/
.d1_2 {padding:20px 0;}
.d1_2 ul {border-radius:0;}
.d1_2 ul li {margin-bottom:20px; border-radius:10px; overflow:hidden;}
.d1_2 ul li:last-child {margin:0;}
.d1_2 ul li .cell {flex-direction:column;}
.d1_2 ul li:nth-child(even) .cell {flex-direction:column;}
.d1_2 ul li .cover {width:100%;}
.d1_2 ul li .text {width:100%; padding:30px 20px;}
.d1_2 ul li .text h3 {font-size:18px; margin-bottom:10px;}
.d1_2 ul li .text p {font-size:14px;}
/**/
.d1_3 {padding:40px 0;}
.d1_3 h2 {font-size:22px; margin-bottom:20px;}
.d1_3 ul {margin:20px;}
.d1_3 ul li {width:50%; padding:10px;}
.d1_3 .bg {width:calc(100%); border-radius:10px;}
/**/
.d1_4 {padding:20px 0;}
.d1_4 ul {margin:-10px;}
.d1_4 ul li {width:50%; padding:10px;}
.d1_4 ul li .cover span {border-radius:5px;}
.d1_4 ul li .text {margin-top:10px;}
.d1_4 ul li .text p {font-size:12px; line-height:1.4;}
/**/
.d1_5 {margin-bottom:80px;}
.d1_5 .btn_area {margin-top:40px;}
.d1_5 .btn_area .btn i {margin:0 -4px 0 2px; width:14px; height:14px;}
/****************************************/
/* products_detail_2 */
/****************************************/
.sel_products_detail_2 {}
.sel_products_detail_2 header .nav_more i::before,
.sel_products_detail_2 header .nav_more i::after {background:#000000;}
/**/
.d2_1 {padding:200px 0 60px;}
.d2_1 .text {width:100%;}
.d2_1 .text h1 {font-size:32px; margin-bottom:20px;}
.d2_1 .text h2 {font-size:14px; margin-bottom:10px;}
.d2_1 .text p {font-size:14px;}
.d2_1 ul {margin:20px -3px 0;}
.d2_1 ul li {width:85px; padding:0 3px;}
.d2_1 ul li .cover {border-radius:4px;}
.d2_1 .topic_bg {top:0; width:100%; border-radius:0 0 10px 10px;}
/**/
.d2_2 {padding:20px 0;}
.d2_2 ul {border-radius:0;}
.d2_2 ul li {margin-bottom:20px; border-radius:10px; overflow:hidden;}
.d2_2 ul li:last-child {margin:0;}
.d2_2 ul li .cell {flex-direction:column;}
.d2_2 ul li:nth-child(even) .cell {flex-direction:column;}
.d2_2 ul li .cover {width:100%;}
.d2_2 ul li .text {width:100%; padding:30px 20px;}
.d2_2 ul li .text h3 {font-size:18px; margin-bottom:10px;}
.d2_2 ul li .text p {font-size:14px;}
/**/
.d2_3 {padding:40px 0;}
.d2_3 h2 {font-size:22px; margin-bottom:20px;}
.d2_3 ul {margin:20px;}
.d2_3 ul li {width:50%; padding:10px;}
.d2_3 .bg {width:calc(100%); border-radius:10px;}
/**/
.d2_4 {padding:20px 0;}
.d2_4 ul {margin:-10px;}
.d2_4 ul li {width:50%; padding:10px;}
.d2_4 ul li .cover span {border-radius:5px;}
.d2_4 ul li .text {margin-top:10px;}
.d2_4 ul li .text p {font-size:12px; line-height:1.4;}
/**/
.d2_5 {margin-bottom:80px;}
.d2_5 .btn_area {margin-top:40px;}
.d2_5 .btn_area .btn i {margin:0 -4px 0 2px; width:14px; height:14px;}
/****************************************/
/* products_detail_3 */
/****************************************/
.sel_products_detail_3 {}
.sel_products_detail_3 header .nav_more i::before,
.sel_products_detail_3 header .nav_more i::after {background:#000000;}
/**/
.d3_1 {padding:200px 0 60px;}
.d3_1 .text {width:100%;}
.d3_1 .text h1 {font-size:32px; margin-bottom:20px;}
.d3_1 .text h2 {font-size:14px; margin-bottom:10px;}
.d3_1 .text p {font-size:14px;}
.d3_1 ul {margin:20px -3px 0;}
.d3_1 ul li {width:85px; padding:0 3px;}
.d3_1 ul li .cover {border-radius:4px;}
.d3_1 .topic_bg {top:0; width:100%; border-radius:0 0 10px 10px;}
/**/
.d3_2 {padding:20px 0;}
.d3_2 ul {margin:-20px;}
.d3_2 ul li {width:100%; padding:20px;}
.d3_2 ul li .cover {border-radius:10px;}
.d3_2 ul li .text {margin-top:10px;}
.d3_2 ul li .text p {font-size:14px;}
/**/
.d3_3 {margin-bottom:80px;}
.d3_3 .btn_area {margin-top:40px;}
.d3_3 .btn_area .btn i {margin:0 -4px 0 2px; width:14px; height:14px;}
.d3_3 table {width:600px;}
/****************************************/
/* products_detail_4 */
/****************************************/
.sel_products_detail_4 {}
.sel_products_detail_4 header .nav_more i::before,
.sel_products_detail_4 header .nav_more i::after {background:#000000;}
/**/
.d4_1 {padding:200px 0 60px;}
.d4_1 .text {width:100%;}
.d4_1 .text h1 {font-size:32px; margin-bottom:20px;}
.d4_1 .text h2 {font-size:14px; margin-bottom:10px;}
.d4_1 .text p {font-size:14px;}
.d4_1 ul {margin:20px -3px 0;}
.d4_1 ul li {width:85px; padding:0 3px;}
.d4_1 ul li .cover {border-radius:4px;}
.d4_1 .topic_bg {top:0; width:100%; border-radius:0 0 10px 10px;}
/**/
.d4_2 {padding:20px 0;}
.d4_2 ul {margin:-20px;}
.d4_2 ul li {width:100%; padding:20px;}
.d4_2 ul li .cover {border-radius:10px;}
.d4_2 ul li .text {margin-top:10px;}
.d4_2 ul li .text p {font-size:14px;}
/**/
.d4_3 {margin-bottom:80px;}
.d4_3 .btn_area {margin-top:40px;}
.d4_3 .btn_area .btn i {margin:0 -4px 0 2px; width:14px; height:14px;}
.d4_3 table {width:600px;}
/****************************************/
/* solutions */
/****************************************/
.sel_solutions {}
.sel_solutions .con_topic .main {padding:300px 0 80px;}
.sel_solutions .con_topic .text h1 {margin-top:4px;}
/**/
.s_o_c_1 {padding:20px 0;}
.s_o_c_1 ul {border-radius:0;}
.s_o_c_1 ul li {margin-bottom:20px; border-radius:10px; overflow:hidden;}
.s_o_c_1 ul li:last-child {margin:0;}
.s_o_c_1 ul li .cell {flex-direction:column;}
.s_o_c_1 ul li:nth-child(even) .cell {flex-direction:row-reverse;}
.s_o_c_1 ul li:nth-child(even) .text {padding:40px;}
.s_o_c_1 ul li .cover {width:100%;}
.s_o_c_1 ul li .text {width:100%; padding:40px;}
.s_o_c_1 ul li .text h3 {font-size:22px; margin:10px auto 20px;}
.s_o_c_1 ul li .text h4 {font-size:14px;}
.s_o_c_1 ul li .text p {font-size:12px;}
.s_o_c_1 ul li .text p span {margin-bottom:4px; padding-left:10px;}
.s_o_c_1 ul li .text p span::before {width:4px; height:4px; top:8px;}
.s_o_c_1 ul li .text .num {margin-top:40px;}
.s_o_c_1 ul li .text .num dl dd {font-size:12px; min-width:120px; margin:0;}
.s_o_c_1 ul li .text .num dl dd p {font-size:12px; margin-bottom:10px;}
.s_o_c_1 ul li .text .num dl dd em {font-size:14px;}
.s_o_c_1 ul li .text .num dl dd em span {font-size:44px;}
.s_o_c_1 ul li .text .num dl dd em i {font-size:12px; margin-left:4px;}
.s_o_c_1 ul li .text .btn_area {margin-top:20px;}
/****************************************/
/* clinical insights */
/****************************************/
.sel_clinical_insights {}
/**/
.clinical_insights_list {padding-bottom:80px;}
.clinical_insights_list .lightbox .video {width:100%;}
.clinical_insights_list .lightbox .video video {border-radius:10px;}
.clinical_insights_list .lightbox .close {width:40px; height:40px; top:20px; right:20px;}
.clinical_insights_list .lightbox .close i::before {width:2px;}
.clinical_insights_list .lightbox .close i::after {height:2px;}
/****************************************/
/* news */
/****************************************/
.sel_news {}
/**/
.sel_news .news {margin-top:20px; padding:20px 0;}
/****************************************/
/* news detail */
/****************************************/
.sel_news_detail {}
.sel_news_detail header .nav_more i::before,
.sel_news_detail header .nav_more i::after {background:#000000;}
.sel_news_detail header .dropdowns {background:transparent;}
/**/
.sel_news_detail .article {margin-top:60px; padding:60px 0;}
.sel_news_detail .article .main {width:100%;}
.sel_news_detail .article .title {margin-bottom:30px;}
.sel_news_detail .article .title h1 {font-size:22px; margin-bottom:10px;}
.sel_news_detail .article .title span {font-size:12px;}
.sel_news_detail .article .content {font-size:14px;}
.sel_news_detail .article .content img {margin-bottom:10px; border-radius:10px;}
.sel_news_detail .article .content p {font-size:14px;}
.sel_news_detail .article .content a {}
.sel_news_detail .quote_source {font-size:10px;}
/****************************************/
/* esg */
/****************************************/
.sel_esg {}
/**/
.esg_topic {padding:20px 0;}
.esg_topic .main {padding:100px 0;}
.esg_topic .text {width:100%;}
.esg_topic .text h1 {font-size:28px;}
.esg_topic ul {width:300px; height:300px;}
.esg_topic ul li {width:calc(100% + 40px); height:calc(100% + 40px);}
.esg_topic ul li i {width:50px; height:50px;}
.esg_topic ul li span {}
.esg_topic .topic_bg {width:100%; height:100%; top:0; border-radius:0 0 10px 10px;}
/**/
.esg_list {padding:20px 0;}
.esg_list ul li {margin-bottom:20px;}
.esg_list ul li .cell {}
.esg_list ul li .cover {width:100%; border-radius:10px;}
.esg_list ul li .text {width:100%; margin-top:30px;}
.esg_list ul li .text h3 {font-size:18px; margin-bottom:4px;}
.esg_list ul li .text p {font-size:14px;}
.esg_list ul li .text .info {margin-top:20px;}
.esg_list ul li .text .info dl {margin-bottom:20px;}
.esg_list ul li .text .info dt {margin-bottom:10px; font-size:12px;}
.esg_list ul li .text .info dd ol {margin-bottom:10px;}
.esg_list ul li .text .info dd ol .icon {width:40px;}
.esg_list ul li .text .info dd ol p {font-size:12px; margin-left:10px;}
.esg_list ul li .text .info dd ol p em {font-size:16px;}
.esg_list ul li .text .info dd ol p em span {font-size:22px;}
.esg_list ul li .text .info dd ol p em i {font-size:14px;}
.esg_list ul li:last-child .cell {width:100%; margin-bottom:40px;}
.esg_list ul li:last-child .cell:last-child {margin:0;}
.esg_list ul li:last-child .cell .text {margin-top:20px;}
.esg_list ul li .swiper-container {width:100%;}
.esg_list ul li .swiper-container .swiper-slide {border-radius:10px;}
.esg_list ul li .swiper-container .swiper-button-prev,
.esg_list ul li .swiper-container .swiper-button-next {display:none;}
.esg_list ul li .swiper-container .swiper-pagination {bottom:10px;}
/****************************************/
/* about */
/****************************************/
.sel_about {}
.sel_about .con_topic .main {padding:300px 0 80px;}
.sel_about .con_topic .text h1 {font-size:14px; margin-bottom:10px;}
.sel_about .con_topic .text h1 sup {font-size:10px;}
.sel_about .con_topic .text p {font-size:22px;}
/**/
.a_c_1 {margin-top:20px;}
.a_c_1 .shead {position:static; width:100%;}
.a_c_1 .shead h2 {font-size:22px; margin-bottom:10px;}
.a_c_1 .shead p {font-size:14px; line-height:1.6;}
.a_c_1 ul {margin:0; padding:0;}
.a_c_1 ul li {width:100%; margin-bottom:30px; padding:0;}
.a_c_1 ul li:last-child {margin:0;}
.a_c_1 ul li:last-child {margin:0;}
.a_c_1 ul li span {border-radius:10px;}
.a_c_1 ul li .text {margin:30px auto 0;}
.a_c_1 ul li .text h2 {font-size:18px; margin-bottom:8px;}
.a_c_1 ul li .text p {font-size:14px;}
.a_c_1 ul li:last-child .cell {flex-direction:column;}
.a_c_1 .swiper-container {margin-top:40px; border-radius:10px;}
.a_c_1 .swiper-container .swiper-slide {border-radius:10px; background:rgba(0, 0, 0, 0.02);}
.a_c_2 .swiper-container .swiper-slide .text {padding:0 20px; height:200px;}
.a_c_1 .swiper-container .swiper-slide .text p {padding:30px 30px 0; font-size:14px;}
.a_c_1 .swiper-container .swiper-slide .text ul {padding:0 30px 30px;}
.a_c_1 .swiper-container .swiper-slide .text ul li {margin:0;}
.a_c_1 .swiper-container .swiper-slide .text ul li strong {font-size:12px;}
.a_c_1 .swiper-container .swiper-slide .text ul li p {font-size:14px; margin-top:10px;}
.a_c_1 .swiper-container .swiper-slide .text ul li p span {font-size:18px; margin:0 3px;}
.a_c_1 .swiper-container .swiper-slide .text ul li p em {font-size:12px;}
/**/
.a_c_2 {margin-top:20px;}
.a_c_2 .main {padding:60px 0;}
.a_c_2 .shead h2 {font-size:22px;}
.a_c_2 .swiper-container .swiper-slide h2 {font-size:64px; margin:0;}
.a_c_2 .swiper-container .swiper-slide h3 {display:block; font-size:18px; margin:20px auto 10px;}
.a_c_2 .swiper-container .swiper-slide p {display:block; font-size:12px;}
.a_c_2 .swiper-container .swiper-button-prev,
.a_c_2 .swiper-container .swiper-button-next {display:none;}
.a_c_2 .bg {width:calc(100% - 40px); border-radius:10px;}
.a_c_2 .bg .video {}
.a_c_2 .bg .video video {top:auto; bottom:0; transform:translateX(-50%) translateY(0);}
/**/
.honor {margin-top:20px; padding:60px 0 80px;}
.honor .main {padding:0 20px;}
.honor .shead {width:100%; padding-bottom:14px;}
.honor .shead h2 {font-size:22px;}
.honor .shead span {bottom:auto; top:0; left:auto; right:0; width:150px;}
.honor ul {width:100%;}
.honor ul li {padding:10px;}
.honor ul li p {font-size:14px;}
.honor ul li p i {display:none; width:6px; margin:0 3px;}
.honor .img {margin-top:20px; width:100%;}
.honor .bg {width:calc(100% - 40px); border-radius:10px;}
/**/
.a_c_3 {margin:20px auto 80px; padding:40px 0; width:calc(100% - 40px); font-size:22px; border-radius:10px;}
.a_c_3 .word_group {padding:0 20px;}
.a_c_3 span {}
.a_c_3 em {width:10px; height:10px; right:-5px;}
/**/
.a_c_4 {padding:0 0 80px 0;}
.a_c_4 .shead h6 {font-size:14px;}
.a_c_4 .shead h2 {font-size:22px;}
.a_c_4 .shead p {font-size:12px;}
.a_c_4 ul {margin:-5px;}
.a_c_4 ul li {padding:5px; width:100%;}
.a_c_4 ul li .cell {border-radius:5px;}
.a_c_4 ul li:nth-child(2) {width:50%; position:static;}
.a_c_4 ul li:nth-child(2) span {padding-top:calc(150% + 10px);}
.a_c_4 ul li:nth-child(3) {width:50%; left:50%; top:50%;}
.a_c_4 ul li:nth-child(4) {width:50%; left:50%; top:75%;}
.a_c_4 ul li span {padding-top:75%;}
/****************************************/
/* contact */
/****************************************/
.sel_contact {}
/**/
.c_c_1 {padding:20px 0;}
.c_c_1 .main {border-radius:10px;}
.c_c_1 .c_l {width:100%; padding:40px; border-radius:10px;}
.c_c_1 .c_l p {font-size:16px; transform:none;}
.c_c_1 .c_l .m_t {margin-top:40px;}
.c_c_1 .c_l .m_t a {font-size:14px; margin-top:10px;}
.c_c_1 .c_l .m_t a i {width:20px; height:20px; margin-right:10px;}
.c_c_1 .c_r {width:100%; margin-top:20px; padding:40px;}
.c_c_1 .c_r ul {margin:-10px;}
.c_c_1 .c_r ul li {padding:10px;}
.c_c_1 .c_r ul li span {font-size:12px;}
.c_c_1 .c_r ul li input,
.c_c_1 .c_r ul li textarea {padding:10px 0;}
.c_c_1 .c_r .btn_area {margin-top:30px;}
/**/
.c_c_2 {padding:80px 0;}
.c_c_2::after {width:100%; border-radius:10px;}
.c_c_2 .main {padding:20px; border-radius:10px;}
.c_c_2 h2 {font-size:22px;}
.c_c_2 ul li .cell {flex-direction:column; align-items:flex-start; padding:30px 0;}
.c_c_2 ul li .col_1 {font-size:12px;}
.c_c_2 ul li .col_2 {font-size:16px; margin:10px 0;}
.c_c_2 ul li .col_3 {font-size:14px;}
.c_c_2 ul li .cell span {}
/**/
.c_c_3 {padding:40px 0 80px;}
.c_c_3 .shead h2 {font-size:22px;}
.c_c_3 .shead p {font-size:14px;}
.c_c_3 .map .region i {width:8px; height:8px;}
.c_c_3 ul {margin-top:40px; border:none;}
.c_c_3 ul li {width:100%; flex:auto; margin-bottom:40px; padding:0;}
.c_c_3 ul li:nth-child(2) {border:none;}
.c_c_3 ul li:last-child {margin:0;}
.c_c_3 ul li h3 {font-size:16px;}
.c_c_3 ul li p {font-size:12px; margin:2px 0 10px;}
.c_c_3 ul li span {font-size:12px;}
.c_c_3 ul li span i {width:16px; height:16px; margin-right:8px;}
.c_c_3 ul li .btn_area {margin-top:20px;}
.c_c_3 ul li .btn_area .btn {font-size:12px;}
/****************************************/
/* support */
/****************************************/
.sel_support {}
.sel_support .con_topic .text h1 {margin-top:4px;}
/**/
.s_c_1 {padding:20px 0 40px;}
.s_c_1 ul {border-radius:0;}
.s_c_1 ul li {margin-bottom:20px; border-radius:10px; overflow:hidden;}
.s_c_1 ul li:last-child {margin:0;}
.s_c_1 ul li .cell {flex-direction:column;}
.s_c_1 ul li:nth-child(2) .cell {flex-direction:column;}
.s_c_1 ul li .cover {width:100%;}
.s_c_1 ul li .text {width:100%; padding:40px;}
.s_c_1 ul li .text h3 {font-size:18px;}
.s_c_1 ul li .text .btn_area {margin-top:20px;}
.s_c_1 .lightbox .video {width:100%;}
.s_c_1 .lightbox .video video {border-radius:10px;}
.s_c_1 .lightbox .close {right:20px; top:20px; width:40px; height:40px;}
.s_c_1 .lightbox .close i::before {width:2px;}
.s_c_1 .lightbox .close i::after {height:2px;}
/**/
.s_c_vcode {margin-bottom:40px;}
.s_c_vcode .img {width:150px;}
.s_c_vcode .text {margin-top:4px;}
.s_c_vcode .text h2 {font-size:12px;}
/**/
.s_c_2 {margin-bottom:80px;}
.s_c_2 ul {margin:-5px;}
.s_c_2 ul li {width:50%; padding:5px;}
.s_c_2 ul li .cell {padding:20px; border-radius:10px;}
.s_c_2 ul li span {margin:0 auto 10px; width:30px; height:30px;}
.s_c_2 ul li p {font-size:12px;}
/****************************************/
/* careers */
/****************************************/
.sel_careers {}
.sel_careers header .nav_more i::before,
.sel_careers header .nav_more i::after {background:#000000;}
.sel_careers header .dropdowns {background:transparent;}
.sel_careers .con_topic .main {padding:100px 0 40px;}
/**/
.reason {margin:0; padding:80px 0;}
.reason .main {padding:40px; border-radius:10px;}
.reason h2 {font-size:22px;}
.reason ul {margin-top:0;}
.reason ul li .cell {flex-direction:column; padding:20px 0;}
.reason ul li .col_1 {width:100%; margin-bottom:4px; padding:0; font-size:16px;}
.reason ul li .col_2 {width:100%; font-size:12px;}
.reason .bg {width:calc(100%); border-radius:10px;}
/**/
.careers_list {padding:20px 0;}
.careers_list::after {width:100%; border-radius:10px;}
.careers_list .main {}
.careers_list h2 {font-size:22px;}
.careers_list ul li {margin-bottom:20px;}
.careers_list ul li a {padding:40px; border-radius:10px;}
.careers_list ul li .cell {flex-direction:column; align-items:flex-start; position:relative;}
.careers_list ul li .col_1 {font-size:14px; width:100%; margin-bottom:4px;}
.careers_list ul li .col_2 {font-size:12px; width:100%; padding:0;}
.careers_list ul li i {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.careers_list ul li i em {width:10px;}
/****************************************/
/* careers_detail */
/****************************************/
.sel_careers_detail {}
.sel_careers_detail header .nav_more i::before,
.sel_careers_detail header .nav_more i::after {background:#000000;}
.sel_careers_detail header .dropdowns {background:transparent;}
/**/
.careers_detail {padding:120px 0 80px;}
.careers_detail h1 {font-size:22px;}
.careers_detail article {margin-top:20px; padding:30px; font-size:12px; border-radius:10px;}
.careers_detail article strong {font-size:16px; margin-bottom:10px;}
}