/**-----------public---------------------**/
html{font-size:10px;}
BODY {font-family:"microsoft yahei", "Lucida Grande", Verdana, sans-serif;color:#595757; font-size:1.4rem;/*word-wrap: break-word;word-break: normal;*/ margin:0 auto; background:#efeff4;}
h1,h2,h3,h4,p,input,form,button, input, textarea {margin:0; padding:0;}
ul {margin:0; padding:0; list-style:none;}
.toem {text-indent:2em;}
a{color:#595757; text-decoration:none; }
a:linked{ color:#f28f1a; text-decoration:none;}
a:hover{ color:#f28f1a; text-decoration:none;}
.hong {color:#f28f1a;}
.bai {color:#ffffff;}
.hui {color:#777777;}
.underline {text-decoration:underline;}
.clear{clear:both; overflow:hidden;}
.line-limit-length {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /*文字超过部分显示为省略*/
.imgauto {height: auto;max-width: 100%;}
/**-----------public---------------------**/
.drawer-hamburger {padding:13px .75rem 30px; }
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before { background-color: #fff;/*-webkit-transition:none;
transition:none;*/} /*菜单白色*/
.top { background:#353535; height:48px; display: flex;display:-webkit-flex;align-items: center; padding-left:0.5rem;}
.drawer-nav {background:#454545; padding-top:2rem;}
.drawer-nav li { border-bottom:1px solid #606060; padding-left:1.5rem; line-height:3rem;}
.drawer-nav li a{color:#FFF; font-size:1.4rem;}
.drawer-nav li a:hover{color:#f28f1a;text-decoration:none;}
#search-btn { margin-left:auto; padding-right:50px;}
#search-btn i {color:#FFF; font-size:20px; -webkit-text-stroke: 1px #454545;}
#search { line-height:48px; position:absolute; top:0rem; background-color:#f28f1a; width:100%; display:none; z-index:99}
#search i { color:#FFF;-webkit-text-stroke: 2px #f28f1a; font-size:25px; }
#search select{margin-left: 0.5rem; font-size:1.2rem; height:30px; margin-top:13px;}
#search .s-cancle { float:right;padding-right:0.5rem; padding-top:0.5rem}
/*分页器圆点*/
.swiper-pagination-bullet { background:#f28f1a;opacity: 0.4;}
.swiper-pagination-bullet-active {
opacity: 1;
}
.pro_class{display:flex;display:-webkit-flex; flex-wrap:wrap;justify-content:between;padding-top:25px; padding-bottom:25px; background:#FFF;}
.pro_class li{ width:20%; margin-bottom:10px; text-align:center;display:flex;display:-webkit-flex; justify-content: center;}
.icon-circle {width: 60px;height: 60px;background: #f28f1a;border-radius: 50%; text-align:center;}
.icon-circle img {margin-top: 10%;width: 80%;}
.pro_class li p {line-height:1.5rem; padding-top:5px; font-size:12px;}
.lay2{display:flex;display:-webkit-flex;justify-content:center; margin-top:15px;padding-top:20px; padding-bottom:25px; background:#FFF;}
.lay2 .aboutus { width:33%; padding:0 10px; text-align:center;}
.lay2 .xian{border-right:1px solid #DDD;}
.lay2 .aboutus h3 {padding-top:10px; font-size:16px;}
.lay2 .aboutus p {color:#777777; padding-top:10px;}
.lay3 { margin-top:15px; padding-top:25px; background:#FFF; padding-bottom:10px;}
.lay3 .btn_contact{ display:block; background:#f28f1a; font-size:16px; width:95%; line-height:40px;border-radius:10px; color:#FFF;margin:0 auto; text-align:center;}
.lay3 p{ text-align:center; margin-top:15px; }
.footer_info {background:#353535; line-height:50px; text-align:center; color:#acacac; margin-top:20px;}
/*产品列表*/
.prolist {display:flex;display:-webkit-flex; flex-wrap:wrap; background:#FFF; }
.prolist .left { background:#f6f6f6; }
.prolist .left ul li {line-height:50px;text-align:center;}
.prolist .left ul .cur { background:#FFF; font-weight:bold; border-left:2px solid #f28f1a; }
.prolist .left ul .cur a{ color:#f28f1a;margin-left:-2px;}
.prolist .right { }
.prolist .right ul {padding:15px;}
.prolist .right ul li{ text-align:center; margin-bottom:15px;padding-bottom:15px; border-bottom:1px #ddd solid;}
/*顶部返回*/
#back i { padding-left:5px;color:#FFF;-webkit-text-stroke: 3px #353535; font-size:24px; padding-right:13px; padding-top:2px;}
#nav-text { color:white; font-size:1.6rem}
/* 产品详细*/
.pro { background-color:#fff; width:100%; }
.pro-title { padding:1rem 1.5rem;}
.pro-title .mui-title { font-size:2rem; margin:0; color:#303030; }
.pro-synopsis { padding:0.3rem 0.5rem; color:#939390; font-size:0.6rem; }
.pro-synopsis p { font-size:1.4rem; color:#939393; margin:0.3rem 0; }
.pro-synopsis i { color:#ff890a; font-size:1.4rem; margin-right:0.6rem; }
.pro-step { width:100%; max-width:750px; margin-bottom:3rem; }
.pro-step>ul { font-size:1.6rem; z-index:9; background-color:#fff; width:100%; max-width:750px;}
.pro-step>ul>li { float:left; width:25%; height:4rem; text-align:center; line-height:4rem; cursor:pointer; }
.active { color:white; background-color:#ff28f1a; }
#a1 { display:block;}
#a1 { padding:0; margin:0; padding-top:15px;}
#a1 p{ padding-bottom:10px; ;}
#a1 img {height: auto;max-width: 100%; margin-top:-4px;}
.pro-a { width:100%; display:none; padding:0.5rem 0;}
.pro-content { font-size:16px; padding:0px; overflow:hidden; display:flex; }
#a2 { padding:20px 5px;}
#a3 { padding:20px 0px;}
#a5 p{ padding-bottom:10px; }
#a4{padding:10px; padding-top:20px;}
#a4 li {padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:20px;}
#a4 li a{display: flex;display:-webkit-flex; }
#a4 li .list_img{ height:100px; width:100px; overflow:hidden; margin-right:15px; }
#a4 li p{ font-size:14px; line-height:28px;}
.section {
margin: 0.5rem 0;
background: #fff;
}
/*-- 案例中心 ---*/
/*---- 滑动导航栏 ---*/
.nav-item { font-size:14px; font-weight:500; text-align:center; box-shadow:1px 1px 2px #ddd; z-index:0; background-color:white;margin-top:0.2rem; }
.nav-item a { display:block;padding:1rem 0; }
/*--- newsList --*/
.newsList { padding:1rem 0rem; margin-top:0.3rem; position:relative; }
.newsList-ul>li {
display: block;
position: relative;
margin-bottom: 2rem;
position:relative;
padding:0.5rem;
box-shadow:1px 1px 2px #ddd;
background-color:rgb(244,244,244);
}
.newsList-ul :last-child { margin-bottom:0; }
.content-img { height:auto;max-width: 100%; }
.newsList-title {
font-size:16px;
border-radius:4px;
margin:0.6rem 0;
}
.dotdotdot_2 {
font-size : 0.55rem;
color:#999;
display:block; width:100%;
line-height:0.8rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
/**----- get more ---*/
.getMore { cursor:pointer; font-size:1.4rem; color:#999; text-align:center; height:3rem; line-height:3rem; border:#CCC 1px solid; border-radius:4px; display:none; margin:10px 10px;}
/**---- ajax加载的相关样式 ---**/
.nodata { height:6rem; margin:1rem 0; text-align:center; font-size:1.4rem; color:#999; line-height:6rem; }
#loading { position:absolute; width:100%; height:100%; top:0; left:0; z-index:10; mini-height:8rem; display:none;}
#loading>div { width:4rem; height:4rem; margin:4rem auto; }
#loading>div>img { width:100%; }
#msg { z-index:100; }
.more-loading { width:3rem; height:3rem; margin-top:0.25rem;}
/*------- 悬浮小球，返回顶部 ----------*/
#fixed-ball {
position:fixed;
bottom:4rem;
width:4rem;
height:4rem;
right:0;
background-color:#ff890a;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
transition-duration:1s;
visibility:hidden;
z-index:-1;
}
/*关于我们*/
.com_lay1{ background:#FFF; padding-top:20px;}
.com_lay1 img{ width:100%; margin:10px 0;}
.com_lay1 p{margin-bottom:10px;padding:0 10px; font-size:16px; line-height:28px; text-align:center}
.com_lay1 a{ text-align:center; color:#f28f1a; display:block; padding-bottom:20px; padding-top:20px;}
/*关于我们*/
.lxwm{ background:url(../images/lxwm.jpg); height:100%; background-size:100% ; text-align:center; }
.lxwm img {border-radius:50%; width:100px; height:100px; margin:60px 0 40px 0;}
.lxwm h1 { color:#FFF; font-size:24px;}
.lxwm p { margin-top:10px;color:#FFF; font-size:18px; padding-bottom:40px;}
.lxwm_list { background:#FFF; padding:10px 20px; margin-top:20px;}
.lxwm_list li { border-bottom:1px solid #efeff4; height:55px; font-size:16px;display: flex;display:-webkit-flex;align-items: center; }
.lxwm_list li .l{ width:30%; color:#888;}
.lxwm_list li .r{ width:70%;color:#333;}
.lxwm_list li .r a{ color:#333;}
@media screen and (min-width:1200px) {
body{ width:750px;}
#search{width:750px;}
.drawer--right .drawer-hamburger{ }
}