/* CSS Document */
@charset "utf-8";
* { margin: 0; padding: 0; font-family: Arial, Helvetica, "΢ÈíÑźÚ", sans-serif; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; }
p { text-align: justify; margin-bottom: 0; }
ul, ol { list-style-type: none; margin-bottom: 0; }
img { border: 0; max-width: 100%; }
.clear { clear: both; }
html { overflow-x: hidden; font-size: 62.5%; }
body { overflow: hidden; height: 100%; position: relative; font-size: 1em; }
html.on { overflow: hidden; height: 100%; }
.h90 { height: 90px; clear: both; }
.h120 { height: 120px; clear: both; background: #eee; }
input, buttom { -webkit-appearance: none; outline: none; }
input[type=radio], input[type=checkbox] { border: none !important; }
select { outline: none }
.fl { float: left; }
.fr { float: right; }

.header { position: fixed; width: 100%; top: 0; z-index: 9999; background: #fff; }
.header .logo { padding: 3% 0; }
.header .nav-btn { float: right; padding: 3% 0; }
.header .nav-btn .nav-icon { width: 26px; height: 24px; overflow: hidden; position: relative; float: right; margin: 7% 0; z-index: 9; }
.header .nav-btn .nav-icon span { display: inline-block; width: 26px; height: 2px; background: #ed7401; border-radius: 6px; position: absolute; left: 0; transition: all 0.3s linear 0s; }
.header .nav-btn .nav-icon span:nth-child(1) { top: 0; }
.header .nav-btn .nav-icon span:nth-child(2) { width: 16px; top: 10px; }
.header .nav-btn .nav-icon span:nth-child(3) { top: 20px }
.header .nav-active .nav-icon span:nth-child(2) { width: 26px; }
.header .nav-active .nav-icon span { background: #fff; }

.nav { position: fixed; width: 66%; height: 100%; top: 0; right: -66%; background: #fff; z-index: 1; transition: all 0.2s linear 0s; }
.nav.on { right: 0; }
.nav .nav-top { background: #333; font-size: 1.6em; color: #aaa; padding: 16px 20px; }
.nav ul{ overflow-x:hidden; height: 92.6%;}
.nav li { width: 100%; line-height: 50px; border-bottom: 1px solid #ccc; }
.nav li>a { display: inline-block; width: 100%; height: 100%; text-align: center; font-size: 1.6em; color: #333; }
.nav li dl { margin-bottom: 0; display: none; background: #f2f2f2; }
.nav li dd { border-bottom: 1px dashed #ccc; }
.nav li dd:last-child { border-bottom: none; }
.nav li dd a { display: inline-block; width: 100%; line-height: 40px; text-align: center; font-size: 1.4em; color: #333; }
.nav-bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.35); left: 0; top: 0; display:none;}
.nav-bg.on{ display:block;}

.banner { overflow: hidden; margin-top: 13%; }
.banner .swiper-container-horizontal>.swiper-pagination { bottom: 10px; }
.banner .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #fff; }
.banner .swiper-pagination-bullet-active { background: #ed7401; }

.index-title { text-align: center; }
.index-title .title { font-size: 1.8em; color: #ed7401; font-weight: bold; padding-bottom: 8px; position: relative; margin-bottom: 8px; }
.index-title .title::before { content: ""; position: absolute; display: inline-block; bottom: 0; left: 50%; width: 30px; height: 3px; background: #333; margin-left: -15px; }
.index-title .text { font-size: 1.2em; padding: 0 15%; line-height: 20px; }

.iproduct { background: #efefef; padding: 30px 0; }
.iproduct-list { padding: 0 7.5px; margin-top: 20px; }
.iproduct-list li { padding: 0 7.5px; margin-bottom: 15px; }
.iproduct-list li .img { border: 1px solid #d2d2d2; }
.iproduct-list li .title { background: #d2d2d2; font-size: 1.4em; color: #000; text-align: center; line-height: 40px; }
.more-btn { text-align: center; margin-top: 5px; }
.more-btn a { display: inline-block; width: 120px; height: 35px; line-height: 35px; background: #ed7401; border-radius: 6px; color: #fff; }

.iabout { padding: 30px 0 20px; background: url(/static/mobile/images/iabout-bg.png) no-repeat bottom left; }
.iabout ul { margin: 20px -7.5px 0; }
.iabout li { padding: 0 7.5px; margin-bottom: 15px; }

.icase { padding: 30px 0 10px; background: #efefef; }
.icase-list { margin-top: 20px; }
.icase-list .box { padding: 12px; border-radius: 8px; border: 1px solid #c6c6c6; }
.icase-list .box .title { font-size: 1.6em; font-weight: bold; color: #2b2b2b; text-align: center; margin: 8px 0 4px; }
.icase-list .box .text { font-size: 1.2em; color: #686868; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 20px; }
.icase-list .swiper-slide { text-align: center; background: #fff; /* Center slide text vertically */
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.8); margin-bottom: 50px; }
.icase-list .swiper-slide-active, .icase-list.swiper-slide-duplicate-active { transform: scale(1); }
.icase-list .swiper-container-horizontal>.swiper-pagination { bottom: 10px; }
.icase-list .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #d0d0d0; }
.icase-list .swiper-pagination-bullet-active { background: #ed7401; }

.inews { padding: 30px 0 20px; }
.inews ul { margin-top: 20px; }
.inews li { overflow: hidden; padding: 14px 0; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; margin-top: -1px; }
.inews li .img { padding: 0 10px 0 0; }
.inews li .text { padding: 0; }
.inews li .text .title { font-size: 1.4em; color: #333; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin: 2px 0; }
.inews li .text .p { font-size: 1.2em; color: #898787; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 18px; }
.inews li .text .date { text-align: right; font-size: 1.2em; color: #333; margin-top: 2px; }

.footer { background: #464545; padding: 20px 0; }
.foot-contact { padding: 0; }
.foot-nav { padding-bottom: 5px; border-bottom: 1px solid #b9b9b9; margin-bottom: 5px; }
.foot-nav a { color: #b9b9b9; font-size: 1.4em; display: inline-block; margin-right: 10px; }
.foot-contact li { font-size: 1.2em;  color: #b2b2b2; line-height: 20px; }
.foot-contact li a{ color: #b2b2b2;}
.foot-wx { padding: 4px 0 0 15px }
.foot-wx p { font-size: 1.2em; color: #b2b2b2; margin-top: 6px; text-align: center; }
.copy { background: #383838; padding: 10px 0; }
.copy p { font-size: 1.2em; color: #b2b2b2; text-align: center; line-height: 24px; }
.copy a { font-size: 1em; color: #383838; }

.page-banner{ margin-top:13%; position:relative;}
.page-banner .title{ position:absolute; z-index:1; left:0; width:100%; text-align:center; font-size:2em; color:#fff; font-weight:bold; top:28%;}
.page-banner .text{ position:absolute; z-index:1; left:0; width:100%; text-align:center; font-size:1.2em; color:#fff; top:52%; padding:0 10%;}
.page-banner img{ position:relative; z-index:0;}

.page-title{ background:#ed7401; height:40px;}
.page-title .title{ background:url(/static/mobile/images/product-icon.png) no-repeat center left; font-size:1.8em; color:#fff; font-weight:bold;  padding-left:35px; line-height:40px;}
.page-title .page-nav{ font-size:1.4em; color:#fff; background:url(/static/mobile/images/page-nav.png) no-repeat center left; padding-left:30px; line-height:40px;}

.page-nav-list { position: fixed; width: 66%; height: 92.4%; top: 7.6%; right: -66%; background: #fff; z-index: 1; transition: all 0.2s linear 0s; z-index:999;}
.page-nav-list.on { right: 0; }
.page-nav-list .nav-top { background: #333; font-size: 1.6em; color: #aaa; padding: 16px 20px; }
.page-nav-list .nav-top .nav-close{ display:inline-block; background:url(/static/mobile/images/close.png) 
no-repeat center; width:20px; height:20px; float:right; background-size:75%;}
.page-nav-list ul{ overflow-x:hidden; display:block; height:92%;}
.page-nav-list li { width: 100%; line-height: 50px; border-bottom: 1px solid #ccc; }
.page-nav-list li>a { display: inline-block; width: 100%; height: 100%; text-align: center; font-size: 1.6em; color: #333; }
.page-nav-list li dl { margin-bottom: 0; display: none; background: #f2f2f2; }
.page-nav-list li dd { border-bottom: 1px dashed #ccc; }
.page-nav-list li dd:last-child { border-bottom: none; }
.page-nav-list li dd a { display: inline-block; width: 100%; line-height: 40px; text-align: center; font-size: 1.4em; color: #333; }
.page-nav-bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.35); left: 0; top: 0; display:none; z-index:99;}
.page-nav-bg.on{ display:block;}

.product-list{ padding: 0 7.5px; margin:20px 0 30px;}
.product-list li { padding: 0 7.5px; margin-bottom: 15px; }
.product-list li:nth-child(2n-1){ clear:left;}
.product-list li .img { border: 1px solid #d2d2d2; }
.product-list li .title { background: #d2d2d2; font-size: 1.4em; color: #000; text-align: center; line-height: 40px; }
.product-list .more { text-align: center; margin-top: 5px; margin-bottom:10px;}
.product-list .more a { display: inline-block; width: 120px; height: 35px; line-height: 35px; background: #ed7401; border-radius: 6px; color: #fff; }
.pro-top{ margin:30px 0; overflow:hidden;}
.pro-top .gallery-top{ border:1px solid #d8d8d8; border-bottom:5px solid #ed7401;overflow:initial; z-index:2;}
.pro-top .gallery-thumbs{ margin-top:20px; position:relative; width:100%; padding:0 45px; overflow:hidden;}
.pro-top .gallery-thumbs .swiper-slide img{ border:1px solid #d8d8d8;}
.pro-top .gallery-thumbs .swiper-slide-thumb-active img{ border:1px solid #ed7401;}
.pro-top .gallery-top .swiper-button-next, .pro-top .gallery-top .swiper-button-prev{ position:absolute; display:inline-block; width: 44px;    height: 70px;    top: 116.2%;}
.pro-top .gallery-top .swiper-button-prev{ background:url(/static/mobile/images/pro-con-prev.png) no-repeat center left #fff; left:-1px; background-size:40%;}
.pro-top .gallery-top .swiper-button-prev:after{ content:"";}
.pro-top .gallery-top .swiper-button-next{ background:url(/static/mobile/images/pro-con-next.png) no-repeat center right #fff; right:-1px;  background-size:40%;}
.pro-top .gallery-top .swiper-button-next:after{ content:"";}
.pro-top .gallery-top .swiper-button-disabled{ opacity:1;}

.pro-text{ width:100%; }
.pro-text .title{ font-size:2.2em; color:#ed7401; font-weight:bold; padding-bottom:10px; border-bottom:1px solid #d8d8d8;}
.pro-text .other{ font-size:1.4em; color:#333; line-height:24px; padding:10px 0; border-bottom:1px solid #d8d8d8;}
.pro-text .bc{ font-size:1.4em; color:#333; line-height:20px; padding:10px 0;}
.pro-text .bc span{ font-weight:bold;}

.pro-content{ margin-top:30px; margin-bottom:20px;}
.pro-content .hd{ overflow:hidden;}
.pro-content .hd li{ width:24%; height:40px; text-align:center; line-height:40px; color:#ed7401; border:1px solid #d9d9d9; float:left; margin-right: 1.3%; font-size:1.4em;}
.pro-content .hd li:last-child{ margin-right:0;}
.pro-content .hd li.on{ background:#ed7401; color:#fff;}
.pro-content .bd{ font-size:1.4em; color:#333; line-height:24px; padding:20px 0;}
.pro-content .bd ul{ overflow:hidden;}

.pager{ padding:10px 20px; background:#efefef; font-size:1.4em; color:#333; margin:0; text-align:left;}
.pager div{ line-height:40px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.pager .prev{ border-bottom:1px dashed #d8d8d8;}
.pager a{ font-size:1em; color:#333; float:inherit !important; }
.pager a:hover{ color:#ed7401; text-decoration:underline;}

.tj-pro{ overflow:hidden; margin-top:30px; margin-bottom:20px;}
.tj-pro dl{ margin:0 -7.5px;}
.tj-pro dt{ font-size:1.8em; color:#333; margin-bottom:20px; font-weight:bold; margin-left:7.5px;}
.tj-pro dd{ padding:0 7.5px; margin-bottom:20px;}
.tj-pro dd .title{ font-size:1.4em; color:#333; text-align:center; font-weight:bold; margin-top:10px;}
.tj-pro dd .title:hover{ color:#ed7401;}

.case-list{ padding: 0 7.5px; margin:20px 0 30px;}
.case-list li { padding: 0 7.5px; margin-bottom: 15px; }
.case-list li:nth-child(2n-1){ clear:left;}
.case-list li .img { border: 1px solid #d2d2d2; position:relative;}
.case-list li .title { background: rgba(51,51,51,.7); font-size: 1.4em; color: #fff; text-align: center; line-height: 35px; position:absolute; left:0; bottom:0; width:100%;}
.case-list .more { text-align: center; margin-top: 5px; margin-bottom:10px;}
.case-list .more a { display: inline-block; width: 120px; height: 35px; line-height: 35px; background: #ed7401; border-radius: 6px; color: #fff; }

.case-con{ padding:20px 0;}
.case-con .con-title{ font-size:2em; text-align:center; color:#000; padding-bottom:16px; border-bottom:1px solid #c2c2c2;}
.case-con .con-text{ font-size:1.4em; color:#333; line-height:1.75em; padding:16px 0;}

.news-list{ padding:15px 0;}
.news-list li { overflow: hidden; padding: 8px 6px;  width:100%; background:#f0f0f0; margin:15px 0;}
.news-list li .img { padding: 0 10px 0 0; }
.news-list li .text { padding: 0; }
.news-list li .text .title { font-size: 1.4em; color: #555; font-weight:bold; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin: 2px 0; }
.news-list li .text .p { font-size: 1.2em; color: #898787; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 18px; margin-bottom:4px;}
.news-list li .text .date { font-size: 1.2em; color: #333; margin-top: 2px; font-weight:bold; float:left; margin-top:4px;}
.news-list li .text .see{ float:right; font-size:1.2em; color:#898787; border:1px solid #c2c2c2; border-radius:10px; padding:2px 6px;}
.news-list .more { text-align: center; margin-top: 5px; margin-bottom:10px;}
.news-list .more a { display: inline-block; width: 120px; height: 35px; line-height: 35px; background: #ed7401; border-radius: 6px; color: #fff; }

.news-con{ padding:30px 0;}
.news-con .title{ font-size:1.8em; color:#000; text-align:center;}
.news-con .bq{ text-align:center; padding:10px 0 16px; border-bottom:1px solid #c2c2c2;}
.news-con .bq span{ font-size:1.2em; color:#969696; padding-left:30px; display:inline-block; margin:0 6px; line-height:22px;}
.news-con .bq .sj{ background:url(/static/mobile/images/news-icon1.png) no-repeat center left;}
.news-con .bq .ly{ background:url(/static/mobile/images/news-icon2.png) no-repeat center left;}
.news-con .bq .ll{ background:url(/static/mobile/images/news-icon3.png) no-repeat center left;}
.news-con .text{ padding:20px 0 30px; width:100%; overflow:hidden; font-size:1.4em; color:#333; line-height:1.75em;}
.news-con .text table { margin:10px auto !important; max-width:100%; }
/* .about{ padding:30px 0;} */
.about .title{ color:#ed7401; font-size:1.8em; text-align:center; margin-top:20px; }
.about .text{ font-size:1.4em; color:#333; line-height:1.75em; margin-top:4px;}

.contact-con{ /* padding-top:28px; */ position:relative; /* margin-bottom:80px; */}
.contact-con .title{ font-size:1.4em; color:#333; font-weight:bold; margin-bottom:12px;}
.contact-con .qq{ margin-bottom:20px;}
.contact-con .qq a{ display:inline-block; margin-right:16px; width:80px;}
.contact-con .wx{ position:absolute; right:15px; top:26px; width:26%; right: 0px; top: 0px;}
img{ height:auto !important } 
.contact-con .wx p{ width:100%; font-size:1.4em; font-weight:bold; text-align:center; color:#333; margin-top:6px;}
.contact-con li{ font-size:1.2em; color:#333;  padding-left:32px; line-height:26px; margin:8px 0;}
.contact-con li.dz{ background:url(/static/mobile/images/contact-icon1.png) no-repeat 0 2px; width: 73%;}
.contact-con li.dh{ background:url(/static/mobile/images/contact-icon2.png) no-repeat 0 2px;}
.contact-con li.yx{ background:url(/static/mobile/images/contact-icon3.png) no-repeat 0 2px;}
.contact-con li.yb{ background:url(/static/mobile/images/contact-icon4.png) no-repeat 0 2px;}
.contact-con li.fs{ background:url(/static/mobile/images/contact-icon5.png) no-repeat 0 2px;}
.contact-con .map{ height:400px; margin-top:20px;}

















<!--ºÄʱ1776073794.8749Ãë-->