/** 清除内外边距 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ th, td /* table elements 表格元素 */ { margin: 0; padding: 0; } /** 设置默认字体 **/ body,button, input, select, textarea /* for ie */ { font: 14px/1.0 "Arial","Microsoft YaHei","黑体","宋体","KaiTi",sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;} address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */ small { font-size: 12px; } /* 小于 12px 的中文很难阅读, 让 small 正常化 */ /** 重置列表元素 **/ ul, ol { list-style: none; } /** 重置文本格式元素 **/ a { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);} a:hover { text-decoration: none; cursor: pointer; } sup { vertical-align: text-top; } /* 重置, 减少对行高的影响 */ sub { vertical-align: text-bottom; } /** 重置表单元素 **/ legend { color: #000; } /* for ie6 */ fieldset, img { border: 0; } /* img 搭车:让链接里的 img 无边框 */ button, input, select, textarea { font-size: 100%; outline: none;} /* 使得表单元素在 ie 下能继承字体大小 */ button, input[type="button"] { cursor: pointer} input::-ms-clear{display:none;}/*隐藏文本框叉子*/ input::-ms-reveal{display:none;}/*隐藏密码框小眼睛*/ /* 注:optgroup 无法扶正 */ /** 重置表格元素 **/ table { border-collapse: collapse; border-spacing: 0; } /* 重置 HTML5 元素 */ article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; } html{ } body{ width: 100%; overflow-x: hidden; color: #333; } .clear_both::after{ content:"."; display:block; height:0; visibility:hidden; clear:both; } .w72{ width: 72%; margin: 0 auto; } .pd{ padding: 80px 0; } .head_box{ position: relative; height: 78px; z-index: 9; box-shadow: 0 5px 15px rgba(0,0,0,0.2); padding: 0 130px 0 8%; } .head_box .logo_a{ float: left; width: 60px; height: 100%; background: url(../img/logo.jpg) no-repeat left center; background-size: contain; } .head_box .language_p{ float: right; line-height: 78px; font-size: 18px; color: #206233; } .head_box .language_p a{ display: inline-block; vertical-align: middle; color: #206233; height: 30px; line-height: 30px; margin: 0 5px; white-space: nowrap; } .head_box .language_p a:first-of-type{ font-size: 20px; } .head_box .language_p a.active_a{ font-weight: bold; } .head_box .language_p a:hover{ font-weight: bold; } .head_box .w_ul{ width: 100%; text-align: center; font-size: 0; } .head_box .w_ul li{ display: inline-block; vertical-align: top; padding: 0 40px; } .head_box .w_ul li a{ display: block; line-height: 78px; position: relative; font-size: 18px; color: #333; } .head_box .w_ul li a::after{ content: ""; position: absolute; height: 4px; width: 0; margin: auto; left: 0; right: 0; bottom: 0; background: #206233; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .head_box .w_ul li.active_li a{ color: #206233; } .head_box .w_ul li.active_li a::after{ width: 100%; } .head_box .w_ul li a:hover{ color: #206233; } .head_box .w_ul li a:hover::after{ width: 100%; } .head_box form{ position: absolute; top: 0; right: 0; height: 100%; background: #009944; margin-left: 30px; line-height: 78px; padding: 0 32px 0 20px; } .head_box form::after{ content: ""; position: absolute; left: -30px; top: 0; width: 30px; height: 100%; background: url(../img/sk.png) no-repeat; } .head_box form input{ display: inline-block; vertical-align: middle; border: none; background: none; height: 39px; width: 0; font-size: 18px; color: #fff; border-bottom: 1px solid #fff; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .head_box form button{ display: inline-block; width: 40px; height: 40px; border: none; background: url(../img/ss.png) no-repeat; vertical-align: middle; } .head_box form:hover input{ width: 160px; } .head_box .menu_div{ display: none; top: 0; right: 0; width: 60px; height: 100%; text-align: center; position: absolute; } .head_box .menu_div span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 2.2rem; font-size: 0; } .head_box .menu_div i{ display: inline-block; width: 36px; height: 4px; border-radius: 2px; background: #206233; margin: 4px 0; opacity: 1; transition: 0.5s; -webkit-transition: 0.5s; } .head_box .active_div{ } .head_box .active_div i:nth-of-type(1){ -webkit-transform: rotate(45deg) translate(9px, 8px); transform: rotate(45deg) translate(9px, 8px); } .head_box .active_div i:nth-of-type(2){ opacity: 0; } .head_box .active_div i:nth-of-type(3){ -webkit-transform: rotate(-45deg) translate(9px, -8px); transform: rotate(-45deg) translate(9px, -8px); } .head_box .m_ul{ display: none; position: absolute; top: 60px; left: 0; width: 100%; background: #fff; z-index: 11; border-top: 1px solid #eee; box-shadow: 0 3px 5px rgba(0,0,0,0.1); } .head_box .m_ul li{ } .head_box .m_ul>li{ padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,0.2); position: relative; transition: 0.5s; -webkit-transition: 0.5s; } .head_box .m_ul .active_li{ background: #fafafa; } .head_box .m_ul>li a{ display: block; height: 100%; color: #333; font-size: 16px; height: 45px; line-height: 45px; } .title_box{ position: relative; } .title_box img{ width: 100%; vertical-align: top; } .title_box h2{ position: absolute; top: 50%; left: 14%; transform: translateY(-50%); font-size: 36px; color: #fff; text-transform: uppercase; line-height: 1.5; display: none; } .title_box h2.green_h2{ color: #009944; } .foot_box{ background: #333; border-top: 7px solid #009944; padding: 96px 0 36px; } .foot_box .link_p{ text-align: center; font-size: 0; } .foot_box .link_p a{ display: inline-block; vertical-align: top; font-size: 16px; color: #e4e4e4; margin: 0 20px; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .foot_box .link_p a:hover{ color: #009944; } .foot_box div{ text-align: center; font-size: 0; padding: 22px 0; border-top: 1px solid #535353; border-bottom: 1px solid #535353; margin-top: 32px; margin-bottom: 48px; } .foot_box div img{ margin: 0 30px; vertical-align: middle; } .foot_box dl{ color: #efebeb; text-align: center; font-size: 0; } .foot_box dl dt{ display: inline-block; vertical-align: middle; text-align: left; margin-right: 100px; } .foot_box dl dt span{ display: inline-block; vertical-align: top; margin-right: 30px; font-size: 16px; } .foot_box dl dt p{ font-size: 14px; margin-top: 20px; } .foot_box dl dd{ display: inline-block; vertical-align: middle; text-align: right; } .foot_box dl dd p{ position: relative; } .foot_box dl dd p span{ display: block; height: 38px; line-height: 38px; width: 190px; font-size: 15px; border-radius: 4px; background: #434343; text-align: left; box-sizing: border-box; padding-left: 10px; cursor: pointer; position: relative; } .foot_box dl dd p span i{ position: absolute; width: 13px; height: 13px; background: url(../img/jt.png) no-repeat center; right: 10px; top: 12px; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .foot_box dl dd p span.active i{ -webkit-transform: rotate(180deg); transform: rotate(180deg); } .foot_box dl dd p em{ position: absolute; width: 100%; left: 0; bottom: 38px; padding: 10px; text-align: left; box-sizing: border-box; background: #3a3a3a; display: none; } .foot_box dl dd p em a{ display: block; font-size: 14px; line-height: 2; color: #efebeb; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .foot_box dl dd p em a:hover{ color: #009944; text-decoration: underline; } .foot_box dl dd .boc_a{ font-size: 14px; display: inline-block; color: #999; margin-top: 14px; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .foot_box dl dd .boc_a:hover{ color: #fff; } .quality_box{ } .quality_box li{ padding: 80px 0; } .quality_box dl{ position: relative; } .quality_box dl::after{ content:"."; display:block; height:0; visibility:hidden; clear:both; } .quality_box dl dt{ position: absolute; width: 50%; left: 0; top: 50%; transform: translateY(-50%); } .quality_box dl dt h3{ font-size: 36px; color: #c0d194; margin-bottom: 60px; } .quality_box dl dt h3 span{ display: block; font-size: 30px; color: #206233; margin-top: 14px; } .quality_box dl dt p{ font-size: 16px; color: #666; line-height: 1.5; text-indent: 32px; text-align: justify; } .quality_box dl dd{ width: 45%; border-radius: 8px; float: right; overflow: hidden; } .quality_box dl dd img{ width: 100%; vertical-align: top; border-radius: 8px; transition: 0.5s; -webkit-transition: 0.5s; } .quality_box dl dd:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .quality_box li:nth-of-type(even){ background: #f7fcf8; } .quality_box li:nth-of-type(even) dl dt{ left: auto; right: 0; } .quality_box li:nth-of-type(even) dl dt h3{ text-align: left; } .quality_box li:nth-of-type(even) dl dd{ width: 45%; float: left; } .productInfo_box{ } .productInfo_box dl{ } .productInfo_box dl dt{ height: 76px; line-height: 76px; background: #c0d194; font-size: 30px; color: #206233; padding: 0 16px; } .productInfo_box dl dt span{ } .productInfo_box dl dt em{ float: right; } .productInfo_box dl dd{ } .productInfo_box dl dd ol{ } .productInfo_box dl dd ol li{ margin-bottom: 10px; } .productInfo_box dl dd ol li:last-of-type{ margin-bottom: 0; } .productInfo_box dl dd ol li h6{ height: 68px; line-height: 68px; background: #f2f6ea; font-size: 20px; color: #206233; padding: 0 32px; cursor: pointer; } .productInfo_box dl dd ol li h6 small{ float: right; font-size: 18px; } .productInfo_box dl dd ol li h6 small i{ display: inline-block; width: 12px; height: 12px; margin-left: 10px; background: url(../img/jt2.png) no-repeat center; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .productInfo_box dl dd ol li h6.active small i{ -webkit-transform: rotate(90deg); transform: rotate(90deg); } .productInfo_box dl dd ol li div{ padding: 0 32px; display: none; } .productInfo_box dl dd ol li div p{ padding: 10px 0; line-height: 30px; border-bottom: 1px solid #dfe8c9; font-size: 18px; color: #999; } .productInfo_box dl dd ol li div p:last-of-type{ border-bottom: none; } .productInfo_box dl dd ol li div p small{ display: block; font-size: 18px; } .product_box{ } .product_box .swiper-slide dl{ } .product_box .swiper-slide dl dt{ float: left; width: 50%; } .product_box .swiper-slide dl dt img{ width: 100%; vertical-align: top; } .product_box .swiper-slide dl dd{ float: left; width: 50%; box-sizing: border-box; padding-left: 5%; } .product_box .swiper-slide dl dd h5{ font-size: 36px; color: #206233; border-bottom: 1px solid #d2d2d2; padding-bottom: 20px; margin-bottom: 10%; } .product_box .swiper-slide dl dd h5 i{ display: inline-block; width: 120px; height: 2px; background: #206233; vertical-align: middle; margin-left: 12px; } .product_box .swiper-slide dl dd h5 small{ font-size: 24px; display: block; margin-top: 10px; } .product_box .swiper-slide dl dd div{ font-size: 0; margin-bottom: 20px; } .product_box .swiper-slide dl dd div span{ font-size: 20px; margin-right: 10px; } .product_box .swiper-slide dl dd p{ font-size: 0; } .product_box .swiper-slide dl dd p a{ display: inline-block; vertical-align: top; font-size: 18px; color: #666; line-height: 1.5; margin-right: 6px; } .product_box .swiper-slide dl dd p a::after{ content: "/"; display: inline-block; vertical-align: top; margin-left: 6px; } .product_box .swiper-slide dl dd p a:last-of-type{ margin-right: 0; } .product_box .swiper-slide dl dd p a:last-of-type::after{ display: none; } .product_box .swiper-slide dl dd .more_a{ font-size: 18px; color: #206233; display: inline-block; vertical-align: top; margin-top: 20px; } .product_box .swiper-slide dl dd .more_a::after{ content: ""; display: inline-block; vertical-align: top; margin-top: 3px; margin-left: 6px; width: 0px; height: 0px; border-width: 6px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #79b074; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .product_box .swiper-slide dl dd .more_a:hover{ text-decoration: underline; } .product_box .swiper-slide dl dd .more_a:hover::after{ margin-left: 16px; } .product_box .swiper-pagination{ width: auto !important; left: 55% !important; bottom: 0 !important; } .product_box .swiper-pagination span{ font-size: 18px; color: #666; height: 34px; width: 34px; line-height: 34px; background: #fff; opacity: 1; margin: 0 10px 0 0 !important; outline: none; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .product_box .swiper-pagination .swiper-pagination-bullet-active{ background: #79b074; color: #fff; } .about_box{ background: #f7fcf8; } .about_box h4{ position: relative; z-index: 6; margin-bottom: 60px; } .about_box h4 strong{ display: block; padding-left: 45%; font-size: 100px; color: #c9d8a4; font-weight: normal; } .about_box h4 small{ font-size: 30px; color: #89ab3a; display: block; white-space: nowrap; padding-left: 55%; } .about_box h4 small::before{ content: ""; display: inline-block; vertical-align: middle; width: 240px; height: 2px; background: #89ab3a; margin-right: 20px; } .about_box .w72{ } .about_box ol{ width: 100%; position: relative; } .about_box ol li{ width: 100%; font-size: 0; display: none; } .about_box ol li:first-of-type{ display: block; } .about_box ol li em{ display: inline-block; vertical-align: top; width: 30%; box-sizing: border-box; padding-top: 40px; padding-right: 40px; position: relative; } .about_box ol li em::after{ content: ""; position: absolute; width: 80%; height: 80%; background: #89ab3a; top: 0; right: 0; } .about_box ol li em .swiper-container{ z-index: 3; } .about_box ol li em .swiper-slide img{ width: 100%; vertical-align: top; } .about_box ol li em .swiper-pagination-bullet-active{ background: #146937; } .about_box ol li .rigth_div{ padding-top: 40px; display: inline-block; vertical-align: top; width: 70%; box-sizing: border-box; padding-left: 4%; } .about_box ol li .rigth_div h6{ font-size: 40px; color: #206233; text-align: right; margin-bottom: 6%; } .about_box ol li .rigth_div div{ } .about_box ol li .rigth_div div p{ font-size: 18px; line-height: 1.6; } .about_box ol li .bottom_div{ padding-top: 40px; } .about_box ol li .bottom_div h6{ font-size: 32px; color: #7fb35e; } .about_box ol li .bottom_div dl{ font-size: 0; } .about_box ol li .bottom_div dd{ display: inline-block; width: 20%; line-height: 1.5; font-size: 18px; margin-top: 30px; } .about_box ol li .bottom_div dd strong{ display: block; } .about_box ol li .bottom_div dd p{ } ul.member-list{ width: 100%; margin-top: 30px; } ul.member-list::after{ content:"."; display:block; height:0; visibility:hidden; clear:both; } .member-list li { display: block !important; font-size: 12px !important; list-style: none; float: left; width: 22% !important; box-sizing: border-box; border-left: .5em solid #6fba2c; padding: 20px 0 20px 25px; background-color: #f7fcf8; margin: 0 4% 20px 0; box-shadow: 0 0 10px 5px #e6ebe7; } .member-list li:nth-of-type(4n){ margin: 0 0 20px 0; } .member-list li .first-line { margin-bottom: 12px; } .member-list li .name { font-size: 1.5em; color: #6fba2c; } .member-list li .title { font-size: 1.2em; color: #b5b5b6; } .member-list li .label { color: #231815; } .member-list li .label::after { content: ':'; } .member-list li p{ margin: 4px 0; } .about_box .tab_div{ font-size: 0; margin-top: 6%; } .about_box .tab_div h5{ display: inline-block; vertical-align: middle; text-align: center; width: 33.33%; font-size: 30px; color: #89ab3a; padding: 3% 0; box-sizing: border-box; border-right: 1px solid #c0d399; cursor: pointer; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .about_box .tab_div h5 a{ display: block; color: #89ab3a; } .about_box .tab_div h5.active_h5 a{ color: #206233; } .about_box .tab_div h5:hover{ color: #206233; } .about_box .tab_div h5:last-of-type{ border-right: none; } .about_box .tab_div h5 small{ display: block; font-size: 16px; margin-bottom: 12px; text-transform: uppercase; } .contact_box{ width: 1200px; margin: 0 auto; } .contact_box .map_div{ position: relative; } .contact_box .map_div img{ width: 100%; vertical-align: top; } .contact_box .map_div img.ts_img{ display: none; } .contact_box .map_div p{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .contact_box .map_div p i{ position: absolute; width: 19px; height: 24px; opacity: 0.5; background: url(../img/dw.png) no-repeat; animation:mymove 4s infinite; -webkit-animation:mymove 4s infinite; } @keyframes mymove{ 0% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0.5; } 70% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0.5; } } @-webkit-keyframes mymove{ 0% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0.5; } 75% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0.5; } } .contact_box .map_div p i.i1{ top: 278px; left: 170px; } .contact_box .map_div p i.i2{ top: 321px; left: 291px; animation-delay:1s; -webkit-animation-delay:1s; } .contact_box .map_div p i.i3{ top: 271px; left: 313px; animation-delay:2s; -webkit-animation-delay:2s; } .contact_box .map_div p i.i4{ top: 230px; left: 576px; animation-delay:2s; -webkit-animation-delay:2s; } .contact_box .map_div p i.i5{ top: 303px; left: 937px; animation-delay:1s; -webkit-animation-delay:1s; } .contact_box .map_div p i.i6{ top: 319px; left: 944px; animation-delay:2s; -webkit-animation-delay:2s; } .contact_box form{ font-size: 0; margin-top: 6%; text-align: right; padding-bottom: 40px; border-bottom: 1px solid #7d7d7d; } .contact_box form input{ width: 49%; margin-right: 2%; height: 66px; background: #eee; box-sizing: border-box; padding-left: 12px; font-size: 18px; margin-bottom: 16px; border: none; border-radius: 6px; text-align: left; } .contact_box form input:nth-of-type(2){ margin-right: 0; } .contact_box form input:nth-of-type(3){ width: 100%; margin-right: 0; } .contact_box form textarea{ border: none; border-radius: 6px; padding: 20px 12px; height: 240px; font-size: 18px; width: 100%; background: #eee; box-sizing: border-box; text-align: left; resize: none; } .contact_box form button{ height: 50px; width: 170px; background: #009944; border-radius: 6px; color: #fff; font-size: 18px; border: none; margin-top: 28px; } .contact_box dl{ margin-top: 8%; } .contact_box dl dt{ font-size: 0; margin-bottom: 6%; } .contact_box dl dt p{ display: inline-block; font-size: 20px; color: #666; width: 30%; margin-right: 5%; border-bottom: 1px dashed #909090; padding-bottom: 18px; } .contact_box dl dt p:nth-of-type(3){ margin-right: 0; } .contact_box dl dt p small{ display: block; margin-top: 6px; font-size: 16px; } .contact_box dl dd{ background: url(../img/tp6.jpg) no-repeat left center; background-size: auto 100%; padding: 15px 0 15px 35%; } .contact_box dl dd p{ font-size: 20px; color: #666; line-height: 2.0; } .contact_box dl dd p small{ font-size: 16px; } .service_box{ } .service_box h4{ font-size: 36px; color: #c0d194; margin-bottom: 40px; } .service_box h4 small{ font-size: 34px; display: block; color: #206233; margin-top: 16px; } .service_box .div1{ margin-top: 70px; padding-bottom: 52px; border-bottom: 1px solid #eee; } .service_box .div1 .img_div{ text-align: center; padding-top: 60px; } .service_box .div1 .img_div>img{ display: none; vertical-align: top; width: 100%; } .service_box .div1 .img_div div{ display: inline-block; position: relative; } .service_box .div1 .img_div div>img{ vertical-align: top; } .service_box .div1 .img_div div em{ width: 58px; height: 58px; background: url(../img/gy1.png) no-repeat center; background-size: 100% 100%; position: absolute; top: 40px; left: 390px; animation:myem 4.5s ease infinite; -webkit-animation:myem 4.5s ease infinite; } @keyframes myem{ 0% {opacity: 0.5;} 65% {opacity: 1;-webkit-transform: scale(1.4);transform: scale(1.4);} 100% {opacity: 0.5;} } @-webkit-keyframes myem{ 0% {opacity: 0.5;} 65% {opacity: 1;-webkit-transform: scale(1.4);transform: scale(1.4);} 100% {opacity: 0.5;} } .service_box .div1 .img_div div span{ } .service_box .div1 .img_div div .span1{ position: absolute; top: -86px; right: 182px; width: 341px; height: 266px; background: url(../img/gy2.png) no-repeat right; background-size: cover; animation:myspan1 3s ease infinite; -webkit-animation:myspan1 3s ease infinite; } .service_box .div1 .img_div div .span2{ position: absolute; top: -86px; right: 186px; width: 186px; height: 266px; background: url(../img/gy3.png) no-repeat right; background-size: cover; animation:myspan2 3s 1.5s infinite; -webkit-animation:myspan2 3s 1.5s infinite; } .service_box .div1 .img_div div .span3{ position: absolute; top: -86px; right: 189px; width: 99px; height: 265px; background: url(../img/gy4.png) no-repeat right; background-size: cover; animation:myspan3 3s 1s infinite; -webkit-animation:myspan3 3s 1s infinite; } @keyframes myspan1{ 0% {width: 0;opacity: 0;} 65% {width: 341px;opacity: 1;} 100% {opacity: 0;} } @-webkit-keyframes myspan1{ 0% {width: 0;opacity: 0;} 65% {width: 341px;opacity: 1;} 100% {opacity: 0;} } @keyframes myspan2{ 0% {width: 0;opacity: 0;} 65% {width: 186px;opacity: 1;} 100% {opacity: 0;} } @-webkit-keyframes myspan2{ 0% {width: 0;opacity: 0;} 65% {width: 186px;opacity: 1;} 100% {opacity: 0;} } @keyframes myspan3{ 0% {width: 0;opacity: 0;} 65% {width: 99px;opacity: 1;} 100% {opacity: 0;} } @-webkit-keyframes myspan3{ 0% {width: 0;opacity: 0;} 65% {width: 99px;opacity: 1;} 100% {opacity: 0;} } .service_box .div1 .img_div div i{ width: 58px; height: 58px; background: url(../img/gy1.png) no-repeat center; background-size: 100% 100%; } .service_box .div1 .img_div div .i1{ position: absolute; top: 148px; right: 492px; animation:i1 3s infinite; -webkit-animation:i1 3s infinite; } .service_box .div1 .img_div div .i2{ position: absolute; top: 142px; right: 339px; animation:i1 3s 1.5s infinite; -webkit-animation:i1 3s 1.5s infinite; } .service_box .div1 .img_div div .i3{ position: absolute; top: 147px; right: 256px; animation:i1 3s 1s infinite; -webkit-animation:i1 3s 1s infinite; } @keyframes i1{ 0% {opacity: 0;} 60% {opacity: 0;-webkit-transform: scale(1.0);transform: scale(1.0);} 70% {opacity: 1;-webkit-transform: scale(1.4);transform: scale(1.4);} 100% {opacity: 0;-webkit-transform: scale(1.0);transform: scale(1.0);} } @-webkit-keyframes i1{ 0% {opacity: 0;} 60% {opacity: 0;-webkit-transform: scale(1.0);transform: scale(1.0);} 70% {opacity: 1;-webkit-transform: scale(1.4);transform: scale(1.4);} 100% {opacity: 0;-webkit-transform: scale(1.0);transform: scale(1.0);} } .service_box .div1 .content_div{ background: #f2f6ea; border-radius: 4px; padding: 30px 40px; margin-top: 30px; } .service_box .div1 .content_div p{ font-size: 16px; color: #666; line-height: 1.8; text-indent: 32px; margin: 5px 0; } .service_box .div2{ /* margin-top: 70px; */ padding-bottom: 52px; border-bottom: 1px solid #eee; } .service_box .div2 h4{ } .service_box .div2 ol{ } .service_box .div2 ol li{ float: left; width: 23.5%; margin-right: 2%; box-sizing: border-box; border-radius: 8px; padding: 12px; background: #f1f1f1; transition: 0.5s; -webkit-transition: 0.5s; } .service_box .div2 ol li:nth-of-type(4n+4){ margin-right: 0; } .service_box .div2 ol li em{ display: block; overflow: hidden; } .service_box .div2 ol li em img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .service_box .div2 ol li:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.3); } .service_box .div2 ol li:hover em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .service_box .div2 ol li div{ height: 200px; padding: 40px 20px 0; } .service_box .div2 ol li div h6{ font-size: 24px; color: #206233; font-weight: bold; text-align: center; margin-bottom: 30px; } .service_box .div2 ol li div p{ font-size: 16px; color: #666; line-height: 1.5; text-indent: 32px; max-height: 120px; overflow: hidden; } .service_box .div3{ margin-top: 70px; } .service_box .div3 dl{ font-size: 0; } .service_box .div3 dt{ font-size: 16px; line-height: 1.8; color: #666; text-indent: 32px; display: inline-block; width: 47%; margin-right: 6%; vertical-align: middle; } .service_box .div3 dd{ display: inline-block; width: 47%; vertical-align: middle; overflow: hidden; } .service_box .div3 dd img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .service_box .div3 dd:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .banner_box{ } .banner_box .swiper-slide a{ display: block; } .banner_box .swiper-slide img{ width: 100%; vertical-align: top; } .banner_box .swiper-pagination{ } .banner_box .swiper-pagination span{ opacity: 1; border-radius: 4px; background: #ccc; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .banner_box .swiper-pagination span.swiper-pagination-bullet-active{ background: #146937; width: 60px; } .welcome_box{ } .welcome_box h5{ font-size: 36px; color: #206233; padding-bottom: 20px; position: relative; } .welcome_box h5 i{ display: inline-block; width: 120px; height: 2px; background: #206233; vertical-align: middle; margin-left: 12px; } .welcome_box h5 small{ font-size: 24px; display: block; margin-top: 10px; } .welcome_box .div1{ font-size: 0; background: #f7fcf8; } .welcome_box .div1 dl{ } .welcome_box .div1 dt{ display: inline-block; vertical-align: middle; width: 47%; margin-right: 6%; } .welcome_box .div1 dt h5{ margin-bottom: 8%; } .welcome_box .div1 dt div{ overflow: hidden; } .welcome_box .div1 dt div p{ font-size: 16px; color: #666; line-height: 1.5; } .welcome_box .div1 dt div a{ float: right; width: 140px; line-height: 42px; background: #7fb35e; color: #fff; text-align: center; font-size: 16px; margin-top: 8%; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .welcome_box .div1 dt div a::after{ } .welcome_box .div1 dt div a:hover{ background: #206233; } .welcome_box .div1 dd{ display: inline-block; vertical-align: middle; width: 47%; overflow: hidden; } .welcome_box .div1 dd img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .welcome_box .div1 dd:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .welcome_box .div2{ width: 100%; padding-bottom: 31%; overflow: hidden; position: relative; cursor: pointer; } .welcome_box .div2 h6{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 6; text-align: center; transition: 0.3s; -webkit-transition: 0.3s; } .welcome_box .div2 h6 span{ display: block; font-size: 48px; color: #fff; line-height: 1.5; margin-bottom: 20px; } .welcome_box .div2 h6 i{ display: inline-block; width: 100px; height: 100px; background: url(../img/bf.png) no-repeat; background-size: 100% 100%; } .welcome_box .div2 img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .welcome_box .div2 video{ width: 100%; height: auto; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .welcome_box .active_div h6{ opacity: 0; -webkit-transform: translate(-50%,-50%) scale(1.5); transform: translate(-50%,-50%) scale(1.5); } .welcome_box .active_div img{ opacity: 0; } .welcome_box .news_div{ font-size: 0; } .welcome_box .news_div h5{ margin-bottom: 30px; } .welcome_box .news_div .swiper-container{ display: inline-block; vertical-align: top; width: 49%; margin-right: 2%; } .welcome_box .news_div .swiper-container .swiper-slide{ padding-bottom: 60%; } .welcome_box .news_div .swiper-container .swiper-slide img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: 0.5s; -webkit-transition: 0.5s; } .welcome_box .news_div .swiper-container .swiper-slide h6{ position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; height: 50px; line-height: 50px; padding: 0 80px 0 14px; font-size: 18px; color: #fff; background: rgba(0,0,0,0.4); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .welcome_box .news_div .swiper-pagination{ width: auto; right: 10px; left: auto; bottom: 18px; } .welcome_box .news_div .swiper-pagination span{ opacity: 1; background: #ccc; } .welcome_box .news_div .swiper-pagination .swiper-pagination-bullet-active{ background: #7fb35e; } .welcome_box .news_div .swiper-container .swiper-slide:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .welcome_box .news_div .list_dl{ display: inline-block; vertical-align: top; width: 49%; } .welcome_box .news_div .list_dl dd{ width: 100%; padding-bottom: 60%; position: relative; } .welcome_box .news_div .list_dl dd .list_div{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .welcome_box .news_div .list_dl dd .list_div a{ display: flex; display: -webkit-flex; align-items: center; height: 33.33%; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; } .welcome_box .news_div .list_dl dd .list_div a:first-of-type{ border-top: 1px solid #e6e6e6; } .welcome_box .news_div .list_dl dd a div{ width: 74%; box-sizing: border-box; padding-right: 20px; } .welcome_box .news_div .list_dl dd a div h6{ font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 12px; transition: 0.5s; -webkit-transition: 0.5s; } .welcome_box .news_div .list_dl dd a div p{ font-size: 14px; color: #999; line-height: 1.5; height: 42px; overflow: hidden; } .welcome_box .news_div .list_dl dd a div span{ font-size: 14px; color: #ccc; display: block; margin-top: 8px; } .welcome_box .news_div .list_dl dd a em{ flex: 1; overflow: hidden; } .welcome_box .news_div .list_dl dd a em img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .welcome_box .news_div .list_dl dd .list_div a:hover h6{ color: #7fb35e; } .welcome_box .news_div .list_dl dd a:hover em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .welcome_box .news_div .more_a{ display: block; margin: 60px auto 0; width: 140px; line-height: 42px; background: #7fb35e; color: #fff; text-align: center; font-size: 16px; transition: 0.5s ease; -webkit-transition: 0.5s ease; } .welcome_box .news_div .more_a:hover{ background: #206233; } .nav_box{ background: #f7f7f7; height: 60px; line-height: 60px; text-align: center; } .nav_box a{ display: inline-block; width: 16%; vertical-align: top; font-size: 20px; color: #666; transition: 0.5s; -webkit-transition: 0.5s; } .nav_box a:hover{ background: #009944; color: #fff; } .nav_box a.active{ background: #009944; color: #fff; } .pagin_box{ text-align: center; font-size: 0; margin-top: 60px; } .pagin_box a{ display: inline-block; vertical-align: top; width: 34px; height: 34px; border-radius: 50%; line-height: 34px; font-size: 18px; color: #666; margin: 0 6px; transition: 0.5s; -webkit-transition: 0.5s; } .pagin_box a:hover{ background: #79b074; color: #fff; } .pagin_box a.active{ background: #79b074; color: #fff; } .news_box{ } .news_box ul{ margin-top: -40px; } .news_box ul li{ float: left; width: 32%; margin-right: 2%; margin-top: 40px; } .news_box ul li:nth-of-type(3n){ margin-right: 0; } .news_box ul li a{ display: block; } .news_box ul li em{ display: block; padding-bottom: 60%; position: relative; overflow: hidden; } .news_box ul li em img{ position: absolute; width: 100%; height: 100%; top: 0;left: 0; transition: 0.5s; -webkit-transition: 0.5s; } .news_box ul li em span{ position: absolute; right: 10px; bottom: 10px; width: 54px; height: 54px; border-radius: 50%; background: #7e8081; text-align: center; font-size: 18px; color: #fff; box-sizing: border-box; padding-top: 10px; transition: 0.5s; -webkit-transition: 0.5s; } .news_box ul li em span small{ display: block; font-size: 12px; margin-top: 4px; } .news_box ul li div{ padding-top: 14px; } .news_box ul li div h6{ font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; color: #333; transition: 0.5s; -webkit-transition: 0.5s; } .news_box ul li div p{ font-size: 14px; color: #999; line-height: 1.5; height: 42px; overflow: hidden; } .news_box ul li:hover em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .news_box ul li:hover em span{ background: #79b074; } .news_box ul li:hover div h6{ color: #79b074; } .exhibition_box{ } .exhibition_box ul{ margin-top: -40px; } .exhibition_box ul li{ float: left; width: 32%; margin-right: 2%; margin-top: 40px; } .exhibition_box ul li:nth-of-type(3n){ margin-right: 0; } .exhibition_box ul li a{ display: block; } .exhibition_box ul li a.no_a{ cursor: default; } .exhibition_box ul li em{ display: block; padding-bottom: 60%; position: relative; overflow: hidden; box-sizing: border-box; border: 1px solid #e6e6e6; background: #fff; } .exhibition_box ul li em img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto; max-width: 90%; max-height: 90%; transition: 0.5s; -webkit-transition: 0.5s; } .exhibition_box ul li div{ padding-top: 14px; height: 114px; } .exhibition_box ul li div h6{ font-size: 18px; color: #666; line-height: 1.6; } .exhibition_box ul li div h6 span{ display: inline-block; width: 80px; color: #333; } .exhibition_box ul li:hover em img{ -webkit-transform: translate(-50%,-50%) scale(1.1); transform: translate(-50%,-50%) scale(1.1); } .info_box{ } .info_box .left_box{ float: left; width: calc(100% - 350px); box-sizing: border-box; padding-right: 50px; } .info_box .right_box{ float: right; width: 350px; box-sizing: border-box; background: #f7f7f7; } .info_box .right_box h4{ height: 40px; line-height: 40px; font-size: 20px; color: #fff; text-align: center; background: #009944; } .info_box .right_box ul{ padding: 0 18px 20px; margin-top: 0; } .info_box .right_box ul li{ width: 100%; margin-right: 0; float: none; margin-top: 20px; } .info_box .exhibition_box ul li div h6{ font-size: 16px; } .newsInfo_box{ } .newsInfo_box .title_div{ font-size: 14px; color: #999; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; margin-bottom: 30px; } .newsInfo_box .title_div h5{ font-size: 30px; line-height: 1.6; color: #333; margin-bottom: 24px; } .newsInfo_box .title_div strong{ font-weight: normal; display: inline-block; line-height: 18px; height: 18px; border-right: 1px solid #999; padding-right: 20px; margin-right: 18px; } .newsInfo_box .title_div span{ display: inline-block; line-height: 18px; height: 18px; margin-right: 18px; } .newsInfo_box .title_div em{ display: inline-block; line-height: 18px; margin-top: 0; height: 18px; background: url(../img/fx.png) no-repeat left center; padding-left: 20px; vertical-align: top; } .newsInfo_box .title_div em a{ background-image: none; padding-left: 0; font-size: 14px; color: #999; margin: 0; width: auto !important; line-height: 18px; height: 18px; } .newsInfo_box .content_div{ } .newsInfo_box .content_div p{ font-size: 16px; color: #333; line-height: 2.0; margin-bottom: 20px; } .newsInfo_box .content_div p img{ width: auto; height: auto; max-width: 100%; } .newsInfo_box .page_div{ height: 50px; background: #f2f2f2; padding: 0 20px; line-height: 50px; position: relative; margin-top: 40px; } .newsInfo_box .page_div a{ font-size: 16px; color: #999; transition: 0.5s; -webkit-transition: 0.5s; } .newsInfo_box .page_div a.return_a{ position: absolute; color: #009944; top: 0; left: 50%; transform: translateX(-50%); } .newsInfo_box .page_div a.previous_a{ float: left; max-width: calc(50% - 100px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .newsInfo_box .page_div a.next_a{ float: right; max-width: calc(50% - 100px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .newsInfo_box .page_div a:hover{ color: #009944; } .newsInfo_box .gallery-top{ } .newsInfo_box .gallery-top .swiper-slide{ } .newsInfo_box .gallery-top .swiper-slide img{ width: 100%; vertical-align: top; } .newsInfo_box .gallery-top .swiper-slide div{ font-size: 16px; margin-top: 14px; color: #333; line-height: 1.6; padding-left: 50px; } .newsInfo_box .gallery-top .swiper-pagination{ width: auto; font-size: 16px; color: #999; bottom: 0; } .newsInfo_box .gallery-top .swiper-pagination .swiper-pagination-current{ font-size: 22px; color: #009944; } .newsInfo_box .thumbs_div{ position: relative; margin-top: 20px; padding: 0 36px; } .newsInfo_box .thumbs_div .swiper-button-prev{ width: 28px; height: 100%; left: 0; outline: none; opacity: 1; top: 0; margin-top: 0; background: url(../img/xwz.png) no-repeat center #f7f7f7; } .newsInfo_box .thumbs_div .swiper-button-next{ width: 28px; height: 100%; right: 0; outline: none; opacity: 1; top: 0; margin-top: 0; background: url(../img/xwy.png) no-repeat center #f7f7f7; } .newsInfo_box .gallery-thumbs{ } .newsInfo_box .gallery-thumbs .swiper-slide{ } .newsInfo_box .gallery-thumbs .swiper-slide img{ width: 100%; vertical-align: top; } .info_box .right_box ul li div{ height: auto !important; } .search_box{ } .search_box .title_ps{ font-size: 14px; color: #999; height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; margin-bottom: 30px; } .search_box h6{ margin-bottom: 12px; } .search_box ul li{ height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; } .search_box ul li a{ display: block; color: #333; } @media (max-width: 1700px) { .about_box h4{ margin-bottom: 0; } } @media (max-width: 1500px) { .service_box .div2 ol li div{ padding: 40px 0px 0; } .about_box ol li .rigth_div h6{ font-size: 36px; margin-bottom: 20px; } .about_box ol li em{ padding-top: 30px; padding-right: 30px; } .about_box h4 strong{ font-size: 90px; } .welcome_box .news_div .list_dl dd a div p{ height: 21px; } .nav_box a{ font-size: 18px; } .exhibition_box ul li div h6{ font-size: 16px; } .exhibition_box ul li div{ height: 100px; } .newsInfo_box .title_div h5{ font-size: 24px; } .head_box .w_ul li{ padding: 0 30px; } } @media (max-width: 1400px) { .foot_box div img:first-of-type{ margin-left: 0; } .product_box .swiper-slide dl dd h5{ margin-bottom: 20px; } .foot_box div img:last-of-type{ margin-right: 0; } .about_box ol li .rigth_div h6{ font-size: 30px; } .head_box .w_ul li{ padding: 0 25px; } .welcome_box .news_div .list_dl dd a div h6{ margin-bottom: 8px; } .welcome_box .news_div .list_dl dd a div span{ margin-top: 4px; } .w72{ width: 88%; } } @media (max-width: 1300px) { .head_box .w_ul li { padding: 0 20px; } } @media (max-width: 1200px) { .head_box form{ display: none; } .w72{ width: 94%; } .head_box .w_ul{ display: none; } .head_box .menu_div{ display: block; } .head_box{ height: 60px; padding: 0 3%; } .head_box .logo_a{ width: 45px; } .head_box .language_p{ line-height: 60px; margin-right: 60px; } .contact_box{ width: 94%; } .contact_box form input{ width: 100%; } .title_box h2{ font-size: 26px; } .service_box h4{ font-size: 24px; } .service_box h4 small{ font-size: 24px; } .contact_box .map_div img{ display: none; } .contact_box .map_div img.ts_img{ display: block; } .contact_box .map_div p{ display: none; } .contact_box form input{ height: 50px; margin-right: 0; } .contact_box form textarea{ height: 200px; } .foot_box dl{ width: 94%; margin: 0 auto; } .foot_box dl dt{ width: 100%; margin-right: 0; margin-bottom: 20px; } .foot_box dl dd{ display: block; text-align: left; } .quality_box dl dt h3{ margin-bottom: 30px; } .quality_box dl dt h3{ font-size: 26px; text-align: center; } .quality_box li{ padding: 40px 0; } .quality_box li:nth-of-type(even) dl dt h3{ text-align: center; } .quality_box dl dt h3 span{ font-size: 20px; font-weight: bold; margin-top: 10px; } .quality_box dl dt{ position: static; transform: translateY(0); width: 100%; margin-bottom: 20px; } .quality_box li:nth-of-type(even) dl dd{ width: 100%; float: none; } .quality_box dl dd{ width: 100%; float: none; } .product_box .swiper-slide dl dd h5{ font-size: 26px; } .product_box .swiper-slide dl dd h5 small{ font-size: 20px; } .product_box .swiper-slide dl dt{ width: 100%; float: none; } .product_box .swiper-slide dl dd{ width: 100%; padding-left: 0; padding-top: 20px; float: none; } .product_box .swiper-pagination{ left: auto!important; right: 0!important; } .about_box ol li em{ width: 100%; } .about_box ol li .rigth_div{ width: 100%; padding-left: 0; margin-top: 30px; } .about_box ol li .rigth_div h6{ text-align: center; } .about_box ol li{ } .about_box ol li .bottom_div dd{ width: 50%; } .about_box h4{ margin-left: 0; margin-bottom: 20px; } .about_box .tab_div h5{ font-size: 24px; } .about_box h4 strong{ font-size: 42px; } .about_box h4 small{ margin-left: 0; } .about_box h4 small::before{ width: 80px; } .productInfo_box dl dt{ font-size: 24px; } .productInfo_box dl dd ol li h6{ padding: 0 16px; } .welcome_box h5{ font-size: 26px; } .welcome_box h5 small{ font-size: 20px; } .welcome_box .div1 dt h5{ margin-bottom: 0; } .welcome_box .div2 h6 span{ font-size: 36px; } .welcome_box .div2 h6 i{ width: 60px; height: 60px; } .welcome_box .div1 dt{ width: 100%; margin-right: 0; margin-bottom: 20px; } .welcome_box .div1 dd{ width: 100%; } .welcome_box .div1 dt div a{ float: none; display: block; margin: 0 auto; } .member-list li{ width: 100% !important; margin-right: 0 !important; } .welcome_box .news_div .swiper-container{ width: 100%; margin-right: 0; } .welcome_box .news_div .swiper-container .swiper-slide h6{ font-size: 16px; } .welcome_box .news_div .list_dl{ width: 100%; margin-top: 20px; } .welcome_box .news_div .list_dl dd a div p{ display: none; } .welcome_box .news_div .more_a{ margin: 30px auto 0; } .welcome_box .news_div h5{ margin-bottom: 10px; } .nav_box{ height: 50px; line-height: 50px; } .nav_box a{ font-size: 16px; width: 30%; } .news_box ul{ margin-top: -20px; } .news_box ul li{ width: 100%; margin-right: 0; margin-top: 20px; } .exhibition_box ul{ margin-top: -20px; } .exhibition_box ul li{ width: 100%; margin-right: 0; margin-top: 20px; } .info_box .left_box{ width: 100%; padding-right: 0; } .newsInfo_box .title_div{ text-align: center; } .newsInfo_box .title_div h5{ font-size: 20px; } .info_box .right_box{ width: 100%; margin-top: 30px; } .newsInfo_box .gallery-top .swiper-pagination{ display: none; } .newsInfo_box .gallery-top .swiper-slide div{ padding-left: 0; } .exhibition_box ul li div{ height: auto; } } @media (max-width: 768px) { .title_box{ height: 180px; } .title_box img{ height: 100%; width: auto; } .pd{ padding: 30px 0; } .contact_box dl dt p{ width: 100%; margin-right: 0; margin-bottom: 18px; } .contact_box dl dd{ background: none; padding: 0; } .contact_box form button{ width: 100%; } .contact_box dl dt{ margin-bottom: 0; } .foot_box{ padding: 36px 0 36px; } .foot_box dl dt span{ display: block; line-height: 1.5; } .foot_box div{ display: none; } .foot_box .link_p{ display: none; } .service_box .div1 .img_div>img{ display: block; } .service_box .div1 .img_div div{ display: none; } .service_box .div1 .img_div{ padding-top: 0; } .service_box .div1 .content_div{ padding: 20px; } .service_box .div2{ margin-top: 30px; } .service_box .div2 ol li{ width: 100%; margin-right: 0; margin-bottom: 16px; } .service_box .div2 ol li div{ height: auto; padding-bottom: 30px; } .service_box .div2 ol li div p{ max-height: auto; } .service_box .div3 dt{ width: 100%; margin-right: 0; } .service_box .div3 dd{ width: 100%; } .about_box .tab_div h5{ font-size: 20px; } .about_box .tab_div h5 small{ font-size: 14px; } .about_box ol li .rigth_div h6{ font-size: 24px; } .welcome_box .div2{ padding-bottom: 50%; } .welcome_box .div2 h6 span{ font-size: 24px; line-height: 1.2; margin-bottom: 10px; } .welcome_box .div2 h6 i{ width: 50px; height: 50px; } .productInfo_box dl dd ol li h6{ font-size: 18px; } .productInfo_box dl dd ol li h6 small{ font-size: 16px; } .product_box .swiper-container{ padding-bottom: 60px !important; } .about_box ol li .bottom_div dd{ width: 100%; } .about_box ol li .rigth_div div table td{ /* width: 100% !important; */ } } @media (max-width: 375px) { .product_box .swiper-pagination span{ width: 26px; height: 26px; line-height: 26px; } .productInfo_box dl dd ol li h6{ font-size: 14px; } .productInfo_box dl dd ol li h6 small{ font-size: 13px; } }