@media (max-width: 1760px){ .pad_bd dl dt{ width:50%;} .pad_bd dl dt img{ max-width:100%;} } @media (max-width: 1535px){ .vr_4 dl dt{ width:50%;} .vr_4 dl dt img{ width:100%;} .pad_bd dl{ height:300px;} .pad_bd dl dd{ padding:0;} .pad_bd dl dd h2{ font-size:30px;} } @media (max-width: 1720px) { .solution_item_1_box .w1200{ width: 1100px;} .solution_item_1_box{ /*background:url(../images/icon8.png) center 35px no-repeat;*/ background-size:120%;} } @media (max-width: 1366px){ .title_2 h1{ font-size: 40px;} .title_2 h2{ font-size: 40px;} .title_2 h3{ font-size: 16px;} .series_1{ height: auto;} .series_1 .w1200{ width: 1000px; padding-top:50px;} .series_1 .series_info img{ max-width: 800px;} .series_2 ul li span img{ width: 125px; height: 125px;} .series_2{ height: 635px;} .series_2 .w1200{ width: 1000px; padding-top:50px;} .series_2 ul li p{ font-size: 18px;} .series_3{ height: 740px;} .series_3 .w1200{ width: 1000px;} .series_3 dl dt{ width: 685px;} .series_4{ height: 690px;} .series_4 dl dt{ width: 470px;} .series_4 .w1200{ width: 950px;} .solution_item_1{ padding-bottom: 0;} .solution_item_1_box{ /*background:url(../images/icon8.png) center center no-repeat;*/ background-size:120%;} .solution_item_1_box .w1200{ width: 1100px;} .solution_item_1_box dl{ padding-top: 15px;} .solution_item_1_box dl dt:first-child{ padding-left: 20px;} .solution_item_1_box dl dd{ width: 520px; margin: 0 70px;} .solution_item_1_box dl dd img{ max-width: 100%; margin-left: -10px;} .pad_hd h2{ font-size: 40px;} .pad_hd p img{ width: 60%;} .vr_item h1, .vr_item h2{ font-size: 40px;} .vr_2 .vr_item_info img{ width: 80%} .vr_3{ padding: 190px 0;} } @media (max-width: 1208px){ .pro_list ul{ margin:0;} .pro_list ul li{ width:49%; margin:0 0 15px;} .pro_list ul li:nth-child(2n){ float:right;} .solution_item_1_box{ background:none; height:auto;} .solution_item_1_box dl dd{ margin:0 20px; width:40%;} .solution_item_1_box dl dd img{ width:100%;} .video_tutorial ul{ margin-left:0;} .video_tutorial ul li{ width:48%; margin:0 0 20px;} .video_tutorial ul li:nth-child(even){ float:right;} .video_tutorial ul li a span img{ width:100%;} .down_box ul{ margin-left:0; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:flex-start; align-items:flex-start; } .down_box ul li{ margin:0;} .down_box ul li:nth-child(2){ margin:0 20px;} } @media (max-width: 1199px){ .w1200{ width:auto !important; padding:0 15px;} .menu{ margin-left:50px;} .logo a{ width:147px; background-size:100%; background-position:center center;} .pro_list dl{ padding:0 30px;} .pro_list dl dt{ width:50%; text-align:center;} .pro_list dl dt img{ max-width:100%; max-height:100%;} .pro_list dl dd{ width:50%;} .about_bd ul li{ width:40%;} .about_bd ul li:nth-child(even){ float:right;} .remote_control_1{ height:auto;} .remote_control_1 dl{ padding-top:50px;} .remote_control_1 dl dt{ font-size:30px;} .remote_control_1 dl dt:last-child{ font-size:30px;} .remote_control_2 dl dd{ font-size:30px; line-height:40px;} .remote_control_3{ padding-top:50px;} .remote_control_4{ padding:50px 0;} .remote_control_4 h1{ font-size:30px;} .remote_control_4 h2{ font-size:18px;} .remote_control_info{ margin-top:50px;} .touch_pen .remote_control_1{ padding:50px 0;} .touch_pen .remote_control_3{ padding:50px 0;} .stent .remote_control_1{ height:auto; padding-bottom:40%;} .stent .remote_control_5 dl dd{ padding-top:30px;} } .mobile_btn{ display:none;} @media (max-width: 1024px){ .header{ height:52px;} .header .logo{ margin-top:5px;} .header .logo a{ width:135px; height:42px; background-size:100%;} .mobile_btn{ display:block; position:relative; width:52px; height:52px;} .mobile_btn a{ display:block; width:52px; height:52px;} .mobile_btn span{ position:absolute; height:1px; width:25px; background:#333; top:50%; left:50%; margin-left:-12px;} .mobile_btn span:nth-child(1){ transform:translateY(-5px); -webkit-transform:translateY(-5px);} .mobile_btn span:nth-child(3){ transform:translateY(5px); -webkit-transform:translateY(5px);} .language{ display:none;} .menu{ position:fixed; top:52px; left:0; right:0; float:none !important; margin-left:0; display:none; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;} .menu ul{ background:rgba(255,255,255,0.9); overflow: hidden;} .menu ul li{ float:none; -webkit-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-name:resize; animation-name:resize; margin-left:0;} .menu ul li .menu_select{ position:static; width:100%; border-top:none;} .menu ul li .menu_select p a{ padding:10px;} .menu ul li .menu_select p.subselect em{ position: static;} .menu ul li .menu_select p.subselect em a{ background: rgba(238,238,238,.9);} .menu ul li:after{ display:none;} .menu ul li a{ height:50px; padding:0; line-height:50px; width:100%;} .menu ul li a:after{ height:1px;} .menu ul li a.select i{ margin-left:0; position:absolute; right:0; top:50%; margin-top:-3px;} @-webkit-keyframes resize { from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);} 100% { opacity:1; -webkit-transform:scale(1,1); transform:scale(1,1);} } @keyframes resize { from, 60%, 75%, 90%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);} 100% { opacity:1; -webkit-transform:scale(1,1); transform:scale(1,1);} } .banner{ margin-top:53px;} .search{ padding-right:10px;} .search a{ line-height:52px;} .search form{ position:fixed; left:0; right:0; top:52px; padding: 10px;} .search form input{ box-sizing:border-box; width:100%;} .title{ margin-bottom:20px;} .title span{ font-size:20px;} .title em{ line-height:24px;} .section_1{ padding:20px 0;} .section_1 .swiper-container{ margin-top:0;} .section_1 .swiper-container .swiper-slide{ padding:0;} .section_2{ padding:20px 0;} .section_2 .swiper-container{ padding-bottom:20px;} .section_3{ background:#008bff url(../images/pic7.jpg) center center no-repeat; background-size:90%;} .section_4{ padding:20px 0;} .section_4_list dl dt img{ width:200px;} .section_4_list dl dd{ padding:20px;} .section_4_list dl dd p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .section_4_list dl dd time{ margin-top:20px;} .page_box{ margin-top:53px;} .pro_list{ padding:20px 0;} .pro_list ul li{ width:48%;} .pro_list ul li a p{ padding:15px 0; margin:0 15px;} .solution{ padding-top:20px;} .solution_item{ padding:20px 0;} .solution_item_1_box{ margin-top:20px;} .solution_item_2_box{ margin-top:20px;} .solution_item_2_box .swiper-container .swiper-slide .solution_item_2_info h2{ margin:20px 0;} .solution_item_3_box{ margin-top:20px;} .video_tutorial{ padding:20px 0;} .after_sale{ padding:20px 0;} .after_sale_hd{ margin-bottom:20px; } .after_sale_bd ul li span{ width:300px; margin-right:20px;} .after_sale_bd ul li em{ width:300px;} .q_a{ padding:20px 0;} .q_a h1{ padding:20px;} .q_a ul{ margin-bottom:20px;} .q_a ol{ margin-bottom:20px;} .down{ padding:20px 0;} .about{ padding:20px 0;} .about_info{ padding:0 0 20px;} .about_info dl dt{ float:none; width:100%; margin-bottom:20px;} .about_info dl dt img{ width:100%;} .about_bd ul li{ float:none; width:100%; padding:20px 0;} .about_bd ul li:nth-child(even){ float:none;} .about_bd ul li h2{ font-size:18px; margin-bottom:10px;} .growing_up{ padding:20px 0;} .news{ padding:20px 0;} .news_list dl dt img{ width:200px;} .news_list dl dd{ padding:20px;} .news_list dl dd p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .news_list dl dd time{ margin-top:20px;} .news_detaild{ padding:20px 0;} .news_detaild_hd{ padding-top:20px;} .news_detaild_bd{ padding-top:20px;} .contact{ padding:20px 0;} .contact_box h1{ padding:20px;} .contact_box ol{ margin:20px 0;} .vr_1{ padding:20px 0 35%; height:auto;} .vr_item h1,.vr_item h2{ font-size:30px;} .vr_item span.line{ margin:10px auto;} .vr_item{ padding-top:20px;} .touch_pen .remote_control_1 h1, .touch_pen .remote_control_1 h2{ font-size:30px;} .touch_pen .remote_control_4 h1, .touch_pen .remote_control_4 h2{ font-size:30px;} .ipad .remote_control_3{ padding:50px 0;} .ipad .remote_control_4 h1,.ipad .remote_control_4 h2{ font-size:30px;} } @media (max-width: 976px){ .banner .swiper-pagination-bullet{ width:20px;} .section_1{ padding:15px 0;} .section_1 .swiper-container{ padding-bottom:15px;} .section_1 .swiper-pagination-bullet{ width:20px;} .section_2{ padding:15px 0;} .section_2 .swiper-container{ padding-bottom:20px;} .section_2 .swiper-container .swiper-slide{ padding:15px 0;} .section_2 .swiper-pagination-bullet{ width:20px;} .section_2 .swiper-container .swiper-slide .section_2_info{ padding:0 10px;} .section_4{ padding:15px 0;} .site_map{ display:block; padding:15px 0; line-height:30px;} .site_map span,.site_map em{ display:block;} .site_map span a{ display:inline-block;} .site_map em font{ margin-left:0; margin-right:20px;} .copyright{ padding:15px 0;} .pro_list a dl{ display:block; height:auto; padding:15px; margin-bottom:15px;} .pro_list a dl dt{ width:100%;} .pro_list a dl dt img{ width:100%;} .pro_list a dl dd{ font-size:14px; width:100%; margin:0;} .pro_list a dl dd h2{ font-weight:normal; font-size:16px; font-family:inherit;} .pro_list a dl.item1{ background:#00b6b2;} .pro_list a dl.item2{ background:#0069b8;} .pro_list a dl.item3{ background:#9f624c;} .after_sale_bd ul li span{ width:250px;} .after_sale_bd ul li em{ width:250px;} .pages{ margin-top:0;} .pages a{ display:none;} .pages span{ display:none;} .pages a.pageBtn { display:inline-block; background-color:#024f9d; color:#FFF; border-color:#024f9d;} .down_box ul{ display:block;} .down_box ul li{ width:100%; margin:0 0 15px;} .down_box ul li a{ padding:15px;} .down_box ul li a h2{ font-size:18px;} .down_box ul li:nth-child(2){ margin:0 0 15px;} .down_box ul li:last-child{ margin-bottom:0;} .down_detaild table{ border:none; border-top:solid 2px #EEE; margin-left:0;} .down_detaild table thead{ display:none; } .down_detaild table tbody tr{ border-bottom:solid 2px #EEE; display:block;} .down_detaild table tbody tr:nth-child(even){ background:#F5F5F5;} .down_detaild table tbody td{ display:block; text-align:right; font-size:13px; border:none; border-bottom:solid 1px #EEE; padding:0 10px; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .down_detaild table tbody td:last-child{ border-bottom:0;} .down_detaild table tbody td:before{ content:attr(data-label); float:left; text-transform:uppercase; font-weight:bold; width:5em; text-align:left;} .growing_up_box{ padding:0;} .growing_up_box:after{ display:none;} .growing_up_box:before{ display:none;} .growing_up_box center{ position:relative; display:block; bottom:0;} .growing_up_box dl{ width:100%; border-bottom:solid 1px #EEE; margin-bottom:20px; padding-bottom:20px;} .growing_up_box dl dt img{ width:100px; height:100px;} .growing_up_box dl dd{ text-align:left; padding:0 20px;} .growing_up_box dl dd h2{ font-weight:normal; font-size:18px;} .growing_up_box dl dd i{ display:none;} .growing_up_box dl:nth-child(even){ margin-left:0;} .growing_up_box dl:nth-child(even) dd{ order:0; padding:0 20px;} .news_detaild{ padding:15px 0 0;} .news_detaild_hd{ padding-top:15px;} .news_detaild_hd h1{ font-size:18px;} .news_detaild_bd{ padding-top:15px;} .vr_1{ padding:15px 0 40%; height:auto;} .vr_2 .vr_item_info{ padding:15px 0;} .pad_hd{ padding-top:20px;} .pad_hd h2{ font-size:50px;} .remote_control_1{ padding-bottom:15px;} .remote_control_1 dl{ padding-top:20px; display:block;} .remote_control_1 dl dt{ width:100%; text-align:center; font-size:18px;} .remote_control_1 dl dt:last-child{ margin-left:0; font-size:18px;} .remote_control_1 dl dd{ text-align:center; padding:15px 0;} .remote_control_2 dl dd{ font-size:18px; line-height:28px;} .remote_control_3{ padding-top:20px;} .remote_control_3 dl dd{ padding-top:20px; font-size:18px; line-height:28px;} .remote_control_3 dl dt{ width:50%;} .remote_control_4{ padding:20px 0;} .remote_control_info{ margin-top:20px;} .ipad .remote_control_3{ padding:20px 0;} .title_2 h1{ font-size:30px;} .title_2 h2{ font-size:30px; margin-bottom:10px;} .title_2 h3{ margin-top:10px;} .series_1{ background:#53a5ee; height:auto; padding:20px 0;} .series_1 .title_2 h1{ padding-top:0; margin-bottom:0;} .series_1 .series_info{ margin-top:20px;} .series_2{ background:#FFF; height:auto; padding:20px 0;} .series_2 ul{ margin-top:20px;} .series_3{ background:#e8f2fe; height:auto; padding:20px 0;} .series_3 dl{ padding-top:0;} .series_4{ height:auto; padding:20px 0;} .series_4 dl{ padding-top:0;} .series_4 dl dt{ width:50%;} } @media (max-width: 768px){ .banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:10px;} .video_pop{ width:auto; left:15px; right:15px; margin-left:0; margin-top:-160px;} .video_pop video{ height:300px;} .section_3{ background:#008bff; height:auto; padding:15px 0;} .section_3 .swiper-container .swiper-slide{ height:auto;} .section_3 .swiper-container .swiper-slide .section_3_info a span img{ width:180px; height:180px;} .section_4_list dl{ width:100%; float:none; margin-bottom:15px;} .section_4_list dl:last-child{ margin-bottom:0;} .section_4_list dl dt img{ width:120px;} .section_4_list dl dd{ padding:5px 10px 10px;} .section_4_list dl dd h2{ font-size:16px;} .section_4_list dl dd p{ margin-top:10px; -webkit-line-clamp:2;} .section_4_list dl dd time{ margin-top:15px;} .title{ margin-bottom:15px;} .title em{ float:none; display:block; width:100%; margin-top:10px;} .title em a{ margin-left:0; margin-right:20px; font-size:14px;} .title span{ font-size:16px;} .footer_hd{ padding:15px 0;} .footer_hd ul{ display:block; width:100%;} .footer_hd ul li{ width:100%; border-bottom:solid 1px rgba(255,255,255,.1); padding-bottom:10px; margin-bottom:10px;} .footer_hd ul li:last-child{ border-bottom:none; padding-bottom:0; margin-bottom:0;} .footer_hd ul li:nth-child(2){ margin:0 0 10px;} .title_1 h1{ margin-bottom:10px; font-size:18px;} .title_1 h2{ font-size:15px; margin-bottom:10px;} .solution_item_1_box dl{ display:block;} .solution_item_1_box dl dt{ margin:0; width:100%; font-size:14px;} .solution_item_1_box dl dd{ width:100%; margin:15px 0;} .solution{ padding-top:15px;} .solution_item{ padding:15px 0;} .solution_item_1_box{ margin-top:15px;} .solution_item_2_box{ margin-top:15px;} .solution_item_2_box .swiper-container .swiper-slide .solution_item_2_info h2{ margin:15px 0; font-size:18px;} .solution_item_2_box .swiper-container .swiper-slide .solution_item_2_info p{ font-size:14px; line-height:24px;} .solution_item_2_box .swiper-container{ padding-bottom:20px;} .solution_item_2_box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px; width:8px; height:8px;} .solution_item_3_box{ margin-top:15px;} .bt{ padding-top:15px;} .page_search{ margin-bottom:15px;} .page_search form{ display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; } .video_tutorial{ padding:20px 0 0;} .video_tutorial ul li a .video_tutorial_tit{ padding:10px;} .video_tutorial ul li a .video_tutorial_tit h2{ font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .video_tutorial ul li a .video_tutorial_tit em{ font-size:12px;} .video_tutorial ul li a p{ margin:0 10px; padding:10px 0;} .after_sale{ padding:15px 0;} .after_sale_hd{ margin-bottom:15px; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:flex-start; align-items:flex-start; } .after_sale_hd select{ margin-right:0; -webkit-box-flex:1; -webkit-flex:1; flex:1; } .after_sale_hd select:nth-child(2){ margin:0 10px;} .after_sale_bd ul li{ display:block; padding:15px 0; font-size:14px; line-height:26px;} .after_sale_bd ul li span,.after_sale_bd ul li em,.after_sale_bd ul li a{ display:block; width:100%;} .after_sale_bd ul li em{ margin:5px 0;} .after_sale_page{ margin-top:15px; padding:15px 0; display:block; font-size:14px;} .after_sale_page span{ display:block; margin-bottom:10px;} .after_sale_page em{ display:block;} .after_sale_page em i{ margin:0 10px;} .down{ padding:15px 0;} .about{ padding:15px 0;} .q_a{ padding:15px 0;} .q_a h1{ padding:15px; font-size:16px;} .q_a ul{ margin-bottom:15px;} .q_a ol{ margin-bottom:15px;} .about_bd ul li:last-child{ padding-bottom:0; margin-bottom:0; border-bottom:none;} .growing_up{ padding:15px 0;} .growing_up_box dl dt img{ width:80px; height:80px;} .growing_up_box dl{ margin-bottom:15px; padding-bottom:15px;} .growing_up_box dl dd{padding:0 15px;} .growing_up_box dl:nth-child(even) dd{padding:0 15px;} .news_list dl{ width:100%; float:none; margin-bottom:15px;} .news_list dl dt img{ width:120px;} .news_list dl dd{ padding:5px 10px 10px;} .news_list .news_list_col:nth-child(even) dl dd{ order:0;} .news_list dl dd h2{ font-size:16px;} .news_list dl dd p{ margin-top:10px; -webkit-line-clamp:2;} .news_list dl dd time{ margin-top:15px;} .contact{ padding:15px 0;} .contact_box h1{ padding:15px; font-size:16px;} .contact_box ol{ margin:15px 0; display:block;} .contact_box ol li{ width:100%; margin-bottom:15px; border-bottom:solid 1px #EEE; padding-bottom:15px;} .contact_box ol li:nth-child(2){ margin:0;} .contact_box ol li h2{ padding-bottom:10px; margin-bottom:10px; font-size:18px; height:auto;} .contact_box ol li span{ width:40px; height:40px;} .contact_box .after_sale_hd{ padding-top:0;} .vr_1{ padding:15px 0 70%; height:auto;} .vr_item{ padding-top:15px;} .vr_item h1,.vr_item h2{ font-size:18px;} .vr_item h3{ font-size:14px; line-height:26px;} .vr_item span.line{ margin:10px auto;} .vr_3{ padding:30px 0;} .vr_4 dl{ display:block;} .vr_4 dl dt{ width:100%;} .vr_4 dl dt img{ width:100%;} .vr_4 dl dd{ padding:15px;} .vr_5 .vr_item_info{ padding:15px 0 0;} .pad .title{ padding:15px 0;} .series .title{ padding:15px 0;} .pad_hd h2{ font-size:20px;} .pad_hd h3{ font-size:14px; line-height:24px; margin-bottom:20px;} .pad_bd dl{ width:100%; float:none; height:auto; padding:15px 0;} .pad_bd dl dd h2{ font-size:16px; margin-bottom:10px;} .remote_control .title{ padding:15px 0;} .remote_control_2 dl{ display:block;} .remote_control_2 dl dt{ width:100%;} .remote_control_2 dl dt img{ width:100%;} .remote_control_2 dl dd{ padding:15px;} .remote_control_3{ padding-top:0;} .remote_control_3 dl{ display:block;} .remote_control_3 dl dt{ width:100%;} .remote_control_3 dl dt img{ width:100%;} .remote_control_3 dl dd{ padding:15px;} .remote_control_4 h1{ font-size:18px;} .remote_control_4 h2{ font-size:15px;} .remote_control_4 h3{ font-size:13px;} .touch_pen .remote_control_1{ padding:15px 0;} .touch_pen .remote_control_3{ padding:15px 0;} .touch_pen .remote_control_1 h1, .touch_pen .remote_control_1 h2{ font-size:18px;} .touch_pen .remote_control_4 h1, .touch_pen .remote_control_4 h2{ font-size:18px;} .remote_control_5 dl dd{ text-align:left;} .touch_pen .remote_control_5 dl dd{ padding:15px 15px 0;} .touch_pen .remote_control_6 dl dd{ padding-top:0;} .ipad .remote_control_3{ padding:15px 0;} .ipad .remote_control_4 h1,.ipad .remote_control_4 h2{ font-size:18px;} .stent .remote_control_1{ height:auto; padding-bottom:40%;} .title_2 h1{ font-size:18px; margin-bottom:10px;} .title_2 h2{ font-size:15px;} .title_2 h3{ font-size:13px; line-height:24px;} .series_1{ background:#53a5ee; height:auto; padding:15px 0;} .series_1 .title_2 h1{ padding-top:0; margin-bottom:0;} .series_1 .series_info{ margin-top:20px;} .series_2{ background:#FFF; height:auto; padding:15px 0;} .series_2 ul{ margin-top:15px; display:block;} .series_2 ul li{ margin-bottom:15px;} .series_2 ul li p{ font-size:14px; margin-top:10px; line-height:24px;} .series_2 ul li img{ width:100px;} .series_2 ul li:last-child{ margin-bottom:0;} .series_2 .swiper-container{ padding-bottom:40px;} .series_3{ padding:15px 0;} .series_3 dl{ display:block;} .series_3 dl dt{ width:100%; margin-top:15px;} .series_3 dl dd{ width:100%; text-align:center; font-size:inherit;} .series_3 dl dd .title_2{ text-align:center;} .series_3 dl dd .title_2 span.line{ vertical-align:middle; margin:15px 0;} .series_4{ padding:15px 0;} .series_4 dl{ display:block; } .series_4 dl dd{ font-size:inherit; margin-top:15px;} .series_4 dl dd .title_2{ text-align:center;} .series_4 dl dt{ width:100%;} }