锘緻media only screen and (max-width: 1560px){ } @media only screen and (max-width: 1440px){ #header {padding-left:3%;padding-right:3%;width:100%;box-sizing:border-box;} #header_as,#language {right:3%;} .wrap,#products_show {padding-left:3%;padding-right:3%;width:100%;box-sizing:border-box;} #title_name {left:3%;} #title_str,#title_menu {right:3%;} .editorc_box,.products_detail {padding-top:3%;} #contact {padding-left:3%;padding-right:3%;width:100%;box-sizing:border-box;} #contact_map {margin:3% auto;padding-left:3%;padding-right:3%;width:100%;height:450px;box-sizing:border-box;} #logo .by {margin-left:15px;padding-left:15px;} #nav {right:130px;margin-right:20px;} #nav li > a {font-size:16px;} #banners {height:300px;background-size:auto 300px;} #footer_lxs .wrap {padding-top:3%;padding-bottom:3%;} #ds {padding-top:5%;padding-bottom:5%;} #content,#products_show {padding-bottom:5%;} #news_page,#products_page {padding-top:5%;} .ititle {padding-top:3%;} #iabout_box {padding:0px 3% 3% 3%;width:100%;box-sizing:border-box;} #iabout {margin-top:25px;} #iabout_blk .editorc {font-size:14px;line-height:1.8;} #iabout_blk > a {margin-top:22px;margin-bottom:30px;font-size:14px;} #iabout_image {margin-top:32px;} #isolution_bg {padding-bottom:3%;} #inews_box {padding-bottom:3%;} /*===================================================================================*/ #float_os {margin-top:-122px;width:60px;} #float_os li {height:60px;} #float_os li a {padding-top:35px;font-size:12px;} #float_os li p {right:60px;padding:0px 15px;font-size:18px;line-height:60px;} #float_os li img {right:60px;padding:8px;width:121px;height:121px;} #float_os .kefu {background-size:auto 22px;background-position:center 8px;} #float_os .qrcode {background-size:auto 20px;background-position:center 10px;} #float_os .tel {background-size:auto 22px;background-position:center 10px;} #float_os .top {background-size:auto 30px;background-position:center center;} } @media only screen and (max-width: 1280px){ body {font-size:14px;} #header {padding-left:2%;padding-right:2%;} #header_as,#language {right:2%;} #logo .by {margin-left:10px;padding-left:10px;} #logo .by h3 {font-size:12px;letter-spacing:0.8px;} #logo .by p {font-size:14px;} #nav {right:90px;width:55%;} #nav li > a {padding-top:45px;font-size:14px;} #banners {height:267px;background-size:auto 267px;} #ds {padding-top:3%;} .wrap {margin:0px;padding-left:3%;padding-right:3%;width:100%;box-sizing:border-box;} .ititle div a {padding:0px 30px;} #iabout {width:45%;} #iabout_blk > a {margin-top:15px;margin-bottom:23px;} #iabout_image {width:53%;} #isolution {margin-top:3%;} #isolution a h3 {padding:0px 70px 0px 4%;height:42px;line-height:42px;font-size:14px;} #inews li {margin-top:20px;} #inews li > a div p {font-size:14px;} #inews li > div {padding:0px;} #inews li > div h2 {padding:12px 0px 5px 0px;font-size:14px;} #inews li > div span {margin-top:10px;} /*===================================================================================*/ /* 浜у搧绯诲垪 */ .protis {padding-left:15px;height:25px;line-height:25px;font-size:20px;} .projs {padding-top:20px;} .proxl a .name h2 {padding:10px 0px 4px 0px;font-size:15px;} #profd_class a {margin-right:30px;font-size:14px;} #products a h2 {padding:10px 0px 6px 0px;font-size:14px;} #products a p {font-size:12px;} #products_info > h1 {font-size:20px;} #products_info > p {font-size:14px;line-height:1.8;} /*===================================================================================*/ /* 瑙e喅鏂规 */ #solution a h2 {padding-top:10px;font-size:14px;} /*===================================================================================*/ /* 鏂伴椈璧勮 */ #news li {padding-left:270px;height:174px;} #news li > a {width:240px;height:144px;} #news li h2 {padding:0px 0px 8px 0px;font-size:22px;} #news li .desc {height:50px;line-height:25px;} #news li .date {left:270px;} #news li .nopic {width:240px;height:144px;} #news_title {font-size:28px;font-weight:normal;} #download li {padding:25px 240px 25px 0px;} #download li > a {font-size:18px;} #download li .date {top:28px;font-size:14px;} #download li .date a {margin-right:50px;} /*===================================================================================*/ #title_name h2 {color:#333;font-size:30px;} #title_name span {top:9px;margin-left:12px;color:#999;font-size:14px;font-weight:normal;font-family:"寰蒋闆呴粦";} .fypage {height:35px;} .fypage a,.fypage span {margin:0px 6px;width:35px;height:35px;line-height:35px;} } @media only screen and (max-width: 1200px){ } @media only screen and (max-width: 1024px){ #header {padding-left:3%;padding-right:3%;height:80px;} #logo .tu {height:60px;} #logo .by {height:60px;} #nav {display:none;} #header_as {right:100px;margin-top:-9px;} #header_menu {display:block;line-height:80px;} #language {top:0px;right:220px;line-height:80px;} #menu {display:block;padding-top:80px;} #search {top:85px;} #banner .swiper-pagination {bottom:20px;height:12px;} #banner .swiper-pagination span {width:12px;height:12px;} #banners {height:213px;background-size:auto 213px;} #footer_lxs .message {width:400px;} #title_cur {display:none;} #mtitle_menu,#mtitle_cur {display:block;} /*===================================================================================*/ .ititle h2 {font-size:20px;} .ititle h2 span {top:1px;font-size:12px;} .ititle div a {padding:0px 20px;height:40px;line-height:40px;} #ilinks_box .tis h2 {font-size:14px;} #ilinks_box .tis p {margin-top:3px;font-size:12px;} #ilinks {padding:20px 25px 20px 100px;} #ilinks_prev {left:75px;} /*===================================================================================*/ /* 浜у搧绯诲垪 */ #profd_class_bg {display:none;} #products_menu li {height:40px;line-height:40px;font-size:14px;} /*===================================================================================*/ /* 瑙e喅鏂规 */ #solution_name {font-size:24px;} /*===================================================================================*/ /* 鏂伴椈璧勮 */ #news_info h1 {font-size:24px;} #news_info div {font-size:12px;} /*===================================================================================*/ .fypage {height:30px;} .fypage a,.fypage span {margin:0px 4px;width:30px;height:30px;line-height:30px;font-size:14px;} #float_os {margin-top:-80px;width:40px;} #float_os li {height:40px;} #float_os li a {padding-top:0px;font-size:0px;} #float_os li p {right:40px;padding:0px 12px;font-size:16px;line-height:40px;} #float_os li img {right:40px;padding:5px;width:122px;height:122px;} #float_os .kefu {background-size:auto 20px;background-position:center center;} #float_os .qrcode {background-size:auto 20px;background-position:center center;} #float_os .tel {background-size:auto 20px;background-position:center center;} #float_os .top {background-size:auto 20px;background-position:center center;} } @media only screen and (max-width: 800px){ #dsleft {float:none;width:100%;} #dsright {display:none;} #banner .swiper-pagination {bottom:15px;height:10px;} #banner .swiper-pagination span {width:10px;height:10px;} #banner .swiper-pagination span.swiper-pagination-bullet {margin:0px 4px;} #banners {height:167px;background-size:auto 167px;} #footer_lxs .lxwm {float:none;width:100%;} #footer_lxs .lxwm .editorc {text-align:center;} #footer_lxs .lxwm .qrcode {margin:20px auto;} #footer_lxs .message {width:100%;} #title_nav {display:none;} #mtitle_menu, .mtitle_name, #mtitle_nav {display:block;} #prevnext p {width:100%;} #prevnext .next {margin-left:0px;margin-top:8px;text-align:left;} #about_image1 a {margin:3% 3% 0px 0px;width:48.5%;} #about_image1 a:nth-child(2n) {margin-right:0;} #about_image2 a {margin:3% 3% 0px 0px;width:48.5%;} #about_image2 a:nth-child(2n) {margin-right:0;} .editorc_box {overflow:auto;} /*===================================================================================*/ .ititle div {position:static;margin-top:20px;display:flex;flex-flow:row nowrap;} .ititle div a {padding:0;flex:1 1 auto;text-align:center;} #iabout {float:none;width:100%;margin-top:2%;} #iabout_image {float:right;width:100%;margin-top:3%;} #isolution a h3 {padding-right:50px;height:32px;line-height:32px;font-size:12px;} #isolution a h3:after {margin-top:-3px;width:23px;height:6px;background-size:auto 6px;} #inews li {margin:3% 3% 0px 0px;width:48.5%;} #inews li:nth-child(2n) {margin-right:0;} /*===================================================================================*/ /* 浜у搧绯诲垪 */ .protis {padding-left:12px;height:22px;line-height:22px;font-size:18px;} .projs {padding-top:15px;} .proxl a {margin:3% 3% 0px 0px;width:48.5%;} .proxl a:nth-child(2n) {margin-right:0;} .proxl a .name h2 {padding:10px 0px 4px 0px;font-size:15px;} #products a {margin:3% 3% 0px 0px;width:48.5%;} #products a:nth-child(2n) {margin-right:0;} #products_show {margin-top:3%;} #products_image {width:48.5%;} .products_images_button {margin-top:-15px;width:20px;height:30px;background-size:auto 20px;} #products_info {width:48.5%;} #products_info > h1 {padding:0px 0px 10px 0px;font-size:16px;} #products_info > p {font-size:12px;line-height:1.8;} #products_info .bshare-custom {margin-top:20px;} /*===================================================================================*/ /* 瑙e喅鏂规 */ #solution a {margin:3% 0px 0px 0px;width:48.5%;} #solution a:nth-child(even) {margin-left:3%;} #solution a h2 {padding-top:10px;} #solution_name {font-size:20px;} /*===================================================================================*/ /* 鏂伴椈璧勮 */ #news_info h1 {font-size:20px;} } @media only screen and (max-width: 640px){ body {padding-top:0;color:#000;} a:link,a:visited,a:active {color:#000;text-decoration:none;} a:hover {color:#ce9a00;text-decoration:none;} .mfypage a,.mfypage span {color:#666;} #language, #banner, #banners, #prevnext, #news_page, #products_page {display:none;} #mbanner, #mbanners, #mprevnext, #news_mpage, #products_mpage {display:block;} #banners {height:133px;text-align:center;background-size:auto 133px;} /*===================================================================================*/ /* 浜у搧绯诲垪 */ #products_show {margin:0px;padding:0px;} #products_image,#products_images {display:none;} #products_mimage,#products_mimages {display:block;} #products_info {float:none;padding:3%;width:100%;box-sizing:border-box;} #products_info > h1 {padding-top:0;} #products_menu {margin-top:0;} .products_detail {padding-left:3%;padding-right:3%;padding-bottom:3%;box-sizing:border-box;} /*===================================================================================*/ /* 鏂伴椈璧勮 */ #news li {margin-top:20px;padding-left:200px;height:128px;} #news li > a {width:180px;height:108px;} #news li h2 {padding:0px 0px 5px 0px;font-size:16px;font-weight:bold;} #news li .desc {height:46px;line-height:23px;} #news li .date {bottom:20px;left:200px;font-size:12px;} #news li .mores {bottom:20px;padding-right:35px;font-size:12px;background-size:auto 8px;} #news li .nopic {width:180px;height:108px;} #news_title {color:#000;font-size:16px;font-weight:bold;} #download li {padding:20px 180px 20px 0px;} #download li > a {font-size:14px;} #download li .date {top:22px;font-size:12px;} #download li .date a {margin-right:30px;} /*===================================================================================*/ .editorc {line-height:1.6;} .editorc p {margin-bottom:15px;} .editorc p:last-child {margin-bottom:0px;} .editorc a {text-decoration:underline;} .editorc ul {margin-bottom:15px;padding-left:1.4em;} .editorc ul:last-child {margin-bottom:0px;} .editorc ul li {list-style-type:disc;} .editorc ol {margin-bottom:15px;padding-left:1.5em;} .editorc ol li {list-style-type:decimal;} .editorc ol:last-child {margin-bottom:0px;} .editorc table.border {margin-bottom:15px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;} .editorc table.border td,.editorc table.border th {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .editorc table.border td table {margin-bottom:0px;} .editorc table.border td p {margin:0px;padding:0px;} .editorc table.border th p {margin:0px;padding:0px;} .editorc_tbe table {margin-bottom:15px;border:none;border-top:1px solid #ddd;border-left:1px solid #ddd;} .editorc_tbe td {padding:6px 5px;border:none;border-right:1px solid #ddd;border-bottom:1px solid #ddd;} .editorc_tbe td table {margin-bottom:0px;} .editorc_tbe td p,.editorc_tbe th p {margin:0px;padding:0px;} .editorc_tbe table.no-border {border:none;} .editorc_tbe table.no-border table {border:none;} .editorc_tbe table.no-border td {border:none;padding:0px;} .editorc_tbe table.no-border th {border:none;padding:0px;} } @media only screen and (max-width: 480px){ #header {height:50px;} #logo {padding-top:8px;} #logo .tu {height:34px;} #logo .by {margin-left:8px;padding-left:8px;height:34px;} #logo .by h3 {font-size:8px;letter-spacing:1.3px;} #logo .by p {margin-top:0px;font-size:10px;} #header_as {right:60px;} #header_as li.ss {padding:0px;width:19px;height:18px;font-size:0px;} #header_menu {line-height:50px;} #menu {padding-top:50px;} .menu_slist {top:50px;} #search {top:50px;right:0px;padding:0;width:100%;box-sizing:border-box;border-top:1px solid #d3d3d3;box-shadow:0px 0px 4px rgba(0,0,0,0.2);} #search input {padding:0px 70px 0px 10px;} #search span {top:7px;right:7px;margin-top:0px;width:55px;height:26px;line-height:26px;font-size:12px;} #footer_lxs .wrap {padding-bottom:4%;} #footer_lxs .lxti {padding:6% 0px 5% 0px;} #footer_lxs .lxwm .editorc {font-size:12px;line-height:1.8;} #footer_lxs .message button {margin-top:20px;} #footer {padding:15px 0px;font-size:10px;line-height:1.6;} #banner .swiper-pagination {bottom:10px;height:8px;} #banner .swiper-pagination span {width:8px;height:8px;} #banner .swiper-pagination span.swiper-pagination-bullet {margin:0px 4px;} #banners {height:120px;background-size:auto 120px;} .wrap,.wrap2 {padding-left:4%;padding-right:4%;} .editorc_box,.products_detail {padding-top:4%;} #about_image1 a {margin:4% 0px 0px 0px;width:100%;} #about_image1 a img {padding:0px;border:none;} #about_image1 a p {padding-bottom:10px;} #about_image1 a img:hover {padding:0px;border:none;} #about_image2 a {margin:4% 0px 0px 0px;width:100%;} #about_image2 a img {padding:0px;border:none;} #about_image2 a p {padding-bottom:10px;} #about_image2 a img:hover {padding:0px;border:none;} /*===================================================================================*/ .ititle {padding-top:4%;} .ititle h2 {font-size:16px;} .ititle h2 span {top:1px;font-size:12px;margin-left:8px;} .ititle p {margin-top:0px;font-size:12px;} .ititle div {margin-top:10px;} .ititle div a {font-size:12px;height:32px;line-height:32px;} #iabout_box {padding:0;} #iabout_box .ititle {padding-left:4%;padding-right:4%;} #iabout_blk {padding-left:4%;padding-right:4%;} #iabout_blk .editorc {line-height:1.6;} #iabout_blk > a {margin:20px auto;width:120px;height:35px;line-height:35px;} #iabout_image {margin-top:0;} #ibrand_box h2 {text-align:center;font-size:14px;} #ibrand .swiper-slide p {margin-top:5px;} #isolution_bg {padding-bottom:4%;} #isolution {margin-top:0;} #isolution a {margin-top:4%;width:48%;} #isolution a h3 {padding:0px 4%;width:100%;height:35px;line-height:35px;font-size:12px;} #isolution a h3:after {display:none;} #isolution a:nth-child(1) {position:relative;top:0px;left:0px;margin-left:0;width:100%;height:auto;} #isolution a:nth-child(1) img {height:auto;} #isolution a:nth-child(3),#isolution a:nth-child(5) {margin-left:4%;} #isolution a:nth-child(4),#isolution a:nth-child(5) {margin-top:4%;} #inews li {margin:4% 0px 0px 0px;width:48.5%;} #inews li:nth-child(even) {margin-left:3%;} #inews li > div h2.gots {white-space:normal;text-overflow:none;overflow:inherit;} #inews li > div p {height:36px;color:#888;font-size:12px;line-height:18px;overflow:hidden;} #inews li > div span {display:block;margin-top:8px;padding-left:22px;height:16px;color:#aaa;font-size:12px;line-height:16px;background:url(../images/clock.png) no-repeat;background-size:auto 16px;} #ilinks {padding:12px 18px 12px 80px;} #ilinks .tis h2 {font-size:12px;} #ilinks .tis p {margin-top:0px;font-size:10px;} #ilinks_prev {left:63px;} .ilinks_button {margin-top:-10px;width:9px;height:20px;background-size:auto 20px;} /*===================================================================================*/ /* 浜у搧绯诲垪 */ .protis {margin-top:4%;padding-left:10px;height:20px;line-height:20px;font-size:16px;} .projs {padding-top:3%;} .proxl a {margin:4% 0px 0px 0px;width:48.5%;} .proxl a:nth-child(even) {margin-left:3%;} .proxl a .name h2 {padding:10px 0px 0px 0px;font-size:14px;} .proxl a .name p {padding-bottom:10px;color:#666;} .products_box {background-color:#f0f0f0;} #products a {margin:4% 0px 0px 0px;padding:10px;width:48.5%;box-sizing:border-box;background-color:#fff;} #products a:nth-child(even) {margin-left:3%;} #products a h2 {padding-bottom:2px} #products a:hover {box-shadow:0px 0px 12px rgba(0,0,0,0.2);} #products a .desc {display:none;} #products a .mdesc {display:block;height:36px;line-height:18px;color:#888;font-size:12px;text-align:left;overflow:hidden;} #products_mimages .swiper-pagination {height:8px;} #products_mimages .swiper-pagination span {margin:0px 6px 0px 0px;width:8px;height:8px;} #products_info {padding:3% 3% 5% 3%;} #products_info > h1 {padding-bottom:5px;} #products_info > p {line-height:1.6;} #products_menu {flex-flow:row wrap;} #products_menu li {margin:2px 0px 0px 0px;flex:0 1 auto;width:33.333%;height:35px;line-height:35px;font-size:14px;box-sizing:border-box;border-right:2px solid #fff;} #products_menu li:nth-child(3n) {border-right:none;} /*===================================================================================*/ /* 瑙e喅鏂规 */ #solution a {margin:4% 0px 0px 0px;width:100%;} #solution a:nth-child(even) {margin-left:0;} #solution a img {padding:0px;border:none;} #solution a h2 {padding:10px 0px;font-size:14px;} #solution_name {padding:22px 0px 0px 0px;font-size:16px;line-height:1.4;} /*===================================================================================*/ /* 鏂伴椈璧勮 */ /* .news_box {background-color:#f0f0f0;} #news {padding-top:1px;} #news li {position:relative;display:block;margin-top:4%;padding:10px;height:auto;box-sizing:border-box;border-bottom:none;background-color:#fff;} #news li > a {position:static;width:100%;height:auto;} #news li > a img {width:100%;height:auto;} #news li h2 {padding:8px 0px 4px 0px;font-size:14px;white-space:normal;;text-overflow:none;overflow:auto;} #news li .desc {display:none;} #news li .mdesc {display:block;color:#888;font-size:12px;line-height:1.6;} #news li .date {position:static;bottom:0px;left:0px;display:block;margin-top:5px;padding-left:22px;height:16px;color:#aaa;font-size:12px;line-height:16px;background:url(../../images/clock.png) no-repeat;background-size:auto 16px;} #news li .mores {position:absolute;bottom:10px;right:10px;padding-right:26px;background-size:auto 6px;background-position:right 6px;} #news li .nopic {display:none;} #news li:hover {box-shadow:0px 0px 12px rgba(0,0,0,0.2);} */ #news {padding-top:1px;} #news li {position:relative;display:inline-block;margin-top:4%;padding:0px;width:48.5%;height:auto;vertical-align:top;box-sizing:border-box;border-bottom:none;} #news li:nth-child(even) {margin-left:3%;} #news li > a {position:static;width:100%;height:auto;} #news li > a img {width:100%;height:auto;} #news li h2 {padding:8px 0px 4px 0px;font-size:13px;white-space:normal;;text-overflow:none;overflow:auto;} #news li .desc {display:none;} #news li .mdesc {display:block;height:36px;color:#888;font-size:12px;line-height:18px;overflow:hidden;} #news li .date {position:static;bottom:0px;left:0px;display:block;margin-top:8px;padding-left:22px;height:16px;color:#aaa;font-size:12px;line-height:16px;background:url(../../images/clock.png) no-repeat;background-size:auto 16px;} #news li .mores {display:none;} #news li .nopic {display:none;} #news_info h1 {padding:22px 0px 15px 0px;font-size:16px;line-height:1.4;} #news_info div {padding:0px 0px 5px 0px;color:#999;font-size:10px;} #news_info div span {padding:0px 6px;} #download li {padding:15px 100px 15px 0px;border-bottom-color:#ccc;} #download li .date {top:0px;height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;} #download li .date a {margin-right:0px;} /*===================================================================================*/ /* 鑱旂郴鎴戜滑 */ /*===================================================================================*/ #contact {padding:0 4% 4% 4%;} #contact_map {margin:0;padding:0;width:100%;height:300px;} /*===================================================================================*/ #float_os {margin-top:-60px;width:30px;} #float_os li {height:30px;} #float_os li a {padding-top:0px;font-size:0px;} #float_os li p {right:30px;padding:0px 10px;font-size:14px;line-height:30px;} #float_os li img {right:30px;padding:5px;width:92px;height:92px;} #float_os .kefu {background-size:auto 15px;background-position:center center;} #float_os .qrcode {background-size:auto 15px;background-position:center center;} #float_os .tel {background-size:auto 15px;background-position:center center;} #float_os .top {background-size:auto 15px;background-position:center center;} }