@charset "utf-8";

.wrap{ width:96%; margin: 0 auto;}
#header { width:100%; height:60px; background: url(/m/images/headbg.jpg) no-repeat center; box-shadow: 0 0 0.1rem rgba(0,0,0,.3); z-index:999; box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2);}
#head { margin:0 auto; padding:0 0 50px; background:#fff; }
.head { margin:0 auto; background:#fff; transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); z-index:2; }
.logo{ padding-top:10px; }
#m-logo img {height:40px; float:left;padding-left:10px;}
#m-logo .tname { width:230px;height:40px; float:left;padding-left:5px; }
#m-logo h1{ font-size:18px; }
#m-logo p{ font-size:10px; }

.aimg { width:100%; }
.aimg img{ width:100%; }


.container { padding-top:0em;}
.water{position:absolute;bottom:0;height:30px;width:100%;z-index:3}
.water-c{position:relative}
.water-1{background:url(/m/images/water-1.svg) repeat-x;background-size:600px;-webkit-animation:wave-animation-1 3.5s infinite linear;animation:wave-animation-1 3.5s infinite linear}
.water-2{top:5px;background:url(/m/images/water-2.svg) repeat-x;background-size:600px;-webkit-animation:wave-animation-2 6s infinite linear;animation:wave-animation-2 6s infinite linear}
.water-1,.water-2{position:absolute;width:100%;height:30px}
@keyframes wave-animation-1{0%{background-position:0 top}
100%{background-position:600px top}
}
@keyframes wave-animation-2{0%{background-position:0 top}
100%{background-position:600px top}
}

.m-overlay { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:999; }
.m-nav { width:200px; height:100%; right:-200px; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:1; }
.m-nav h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }
.m-nav ul li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }
.m-nav ul li a { display:block; }
.m-nav ul li a:hover,.m-nav .current a { color:#f60; }
.m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #f60; content:"" }

/* 菜单显示 */
.u-menu { position:absolute; right:6px; top:10px; display:block; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99; }
.u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu div i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#000000; }
.u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .head {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu .u-menu-middle { display:none; }

.banner { position:relative; margin-bottom:5px; overflow:hidden; }
.banner img{ width:100%; }
.banner .hd{display: none; width:100%; position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; text-align:center;}
.banner .hd li{ display:inline-block; width:40px; height:5px;  background:#0052a5; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.banner .hd li.on{ background:#fff;  }
.banner .bd{ position:relative; z-index:0; }
.banner .bd li{ position:relative; text-align:center;  }
.banner .bd li img{ background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.banner p{position:absolute;text-align:center;text-shadow:rgba(0,0,0,0.498) 1px 1px 2px;color:rgb(255,255,255); top:150px; width:100%; z-index:999;}
.banner p{font-size:32px;line-height:40px;margin-bottom:12px; text-align:center;}
.swiper-container .swiper-pagination-bullet-active { background-color:#f00; }

.nav{margin-top:3%;}
.nav ul{margin: 4% 1%;}
.nav ul li{float:left;width:47.5%;margin-right:3.6%;text-align: center;}
.nav ul li:nth-child(even){margin-right:0%;}
.nav ul li a {width:95%; 
    display: inline;
    float: left; }
.nav ul li div{width:100%;margin:0 auto;}
.nav ul li div img{width:40%; text-align:center; }
.nav ul li p{margin: 8% 0; height:1.6em;color:#666; font-size:1em;}
.nav ul li .xian{width:3em;height:3px;background-color: #0055ad;margin:0 auto;margin-bottom:1em; }
.nav ul li .nbox{ padding-bottom:.5em; margin-bottom:.3em; }

.title{text-align: center;font-size:1.6em;padding-top:1em;}
.des{font-size:.7em;line-height:1.8em;text-align:center;margin-bottom:1em;}

/*货架分类*/
.catalog {padding: 0px 3%;}
.catalog ul li {width: 31.6%;border:1px solid #ccc;float: left;box-sizing:border-box;padding: 6px 0px;margin-bottom: 15px;margin-right: 2.5%;border-radius:3px;text-align:center; }
.catalog ul li:nth-child(3n) {margin-right: 0%;} 
.catalog ul li i{ font-size:36px; }
.catalog ul li p {margin-top: 3px;text-align: center;color: #555;font-size: 0.8rem;}

.catalog ul li.cur {border-color: #ed2025;box-shadow:0 3px 10px #b2b2b2;}
.catalog ul li.cur .iconfont, .catalog ul li.cur p {color: #ed2025;}

/*首页产品功能*/
.index-flex{ min-width:100%; padding:20px 0 0px;text-align:center;background:url(/images/set_bg.png) repeat-y;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.index-flex .oimg{ padding-bottom:50px; padding-left:20px; padding-right:20px;}
.index-flex ul{display:flex;flex-wrap:wrap;margin-right:15px;margin-left:15px; padding-bottom:50px;}
.index-flex ul li{display:block;text-align:center;flex:1;}
.index-flex ul li img{ width:44px; height:44px;}
.index-flex ul li h6{ font-size:16px; }
.index-flex .saas-img{max-width:90%;height:auto;padding-top:0px;}

/*加装电梯设计方案*/
.m_fang_bg{margin-top:0; background:#fff; background-size: 100%; font-family: "Microsoft Yahei";box-sizing: border-box;}
.m_fang_bg h2{ margin-bottom: 1rem;}
.m_fang{width: 93.75%; margin: 0 auto;  overflow: hidden;}
.m_fang dl{width: 100%;}
.m_fang dl dt{width: 100%;}
.m_fang dl dt img{width: 100%; display: block;border:1px solid #f5f5f5; box-sizing: border-box;}
.m_fang dl dd { height:360px; background: #f5f5f5;padding:0.5rem 0.8rem 0; }
.m_fang dl dd h3{border-bottom:1px solid #dbdbdb; overflow:hidden;height:3.8rem;line-height: 3.8rem;  margin-bottom:1rem;display: block; font-size:1.2rem; color:#222222;font-weight:bold; }
.m_fang dl dd h3 a{color: #222222;}
.m_fang dl dd p{ font-size:1rem; line-height:1.7rem; color:#444444;}
.m_fang dl dd span{ margin:1.5rem auto 0;background: #de0011; font-size: 1rem; color: #fff; width: 8.9rem; height: 2.1rem; line-height: 2.1rem; text-align: center; display: block; border-radius:1rem; }
.m_fang dl dd span a{ color: #fff; }

/*案例*/
.m_pro_bg {background: #fff;border:1px solid #0072d3; border-radius: 10px; box-shadow: 0 1px 30px #b2b2b2; margin:20px;}
.pro_list{padding-top:0px;height:auto;display:table;width:100%;    
}

}
.pro_list ul{list-style-type:none;padding-top:5px;}
.pro_list li{width:46%;height:auto;float:left;margin-left:2.5%;display:inline;text-align:center;margin-bottom:10px;}
.pro_list .proimg{height:35vw;position:relative;}
.pro_list .proimg img{display:block;position:absolute;top:50%;left:50%;height:100%;width:100%;transform-origin:50% 50% 0px;transform:translate3d(-50%,-50%,0px);border:1px #eaeaea solid;}
.pro_list2 img{width:100%;height:auto;margin-bottom:5px;border:1px #eaeaea solid;}
.pro_list a:link{color:#444;font-size:14px;}
.pro_list a:visited{color:#444;font-size:14px;}
.pro_list a:hover{color:#444;font-size:14px;}


/*加装电梯案例*/
.m_case_bg {background: #fff;}
.case_list{padding-top:0px;height:auto;display:table;width:100%;}
.case_list ul{list-style-type:none;padding-top:5px;}
.case_list li{width:100%;height:auto;text-align:center;margin-bottom:10px;}
.case_list .caseimg{height:35vw;position:relative;}
.case_list .caseimg img{display:block;position:absolute;top:50%;left:50%;height:100%;width:100%;transform-origin:50% 50% 0px;transform:translate3d(-50%,-50%,0px);border:1px #eaeaea solid;}
.case_list2 img{width:100%;height:auto;margin-bottom:5px;border:1px #eaeaea solid;}
.case_list a:link{color:#444;font-size:14px;}
.case_list a:visited{color:#444;font-size:14px;}
.case_list a:hover{color:#444;font-size:14px;}

/*电梯资讯*/
.m_news_bg { }
.m_news_bg .des{border-bottom:1px #eaeaea solid;padding-bottom:12px;}
.news_list{width:95%;height:auto;margin:0 auto;margin-top:20px;}
.news_list ul{list-style:none;}
.news_list li{width:100%;height:auto;margin-bottom:12px;line-height:20px;border-bottom:1px #eaeaea solid;padding-bottom:12px;display:table;}
.news_list img{margin-right:15px;float:left;width:20%;height:auto;}
.news_list a:link{color:#333;line-height:20px;}
.news_list a:visited{color:#333;line-height:20px;}
.news_list a:hover{color:#333;line-height:20px;}
.news_list p{color:#999;font-size:13px;margin-top:5px;}


/*详情页*/
.newstt {text-align: center;margin: 0 auto;with:100%;margin-bottom:20px;color: #666666;font-size:20px;margin-top:.1em;margin-bottom:2em;}
.newstt li{ height:2rem; line-height:2rem; float: left; width: calc(50% - .3rem); color: #666666; font-size:14px;    border:1px solid #eee;margin-bottom:5px; margin-right:5px;border-radius:3px;box-shadow: 0 1px 2px #aaa;}
.newstt li a{ display:block; }
.newstt li:nth-child(even){margin-right:0%;}
.newstt span a:hover { background: #f76c17;color: #fff; }
.newstt li.on { background: #0055ad; border: 1px solid #0055ad; }
.newstt li.on a{ color: #fff; }

.newslist{ margin-top:1.5em;overflow: hidden; }
.newslist li{ padding-bottom:1em;margin-bottom:1em;border-bottom: 1px solid #eaeaea;overflow: hidden;}
.newslist li .pic{max-width: 40%;float: left;min-height: 100px;}
.newslist li .pic img{ border: 1px solid #ddd;}
.newslist li .txt{margin-left: 40%;padding-left: 15px;padding-right: 10px;word-break: break-all;}
.newslist li .txt h2 {font-size: 16px;line-height: 1.4;word-break: break-all;}
.newslist li .intro { padding:0.5em 0px;color: #666;height:1em;overflow: hidden;line-height: 1.5em;}
.newslist li .time {font-size: 14px;color: #999;} 

/*详情页*/
.newscon {padding: 10px 0px;line-height: 30px; overflow: hidden;clear: both;}
.newscon .ntit {font-size: 20px;text-align: center;padding: 10px 0px;margin-bottom: 5px; border-bottom: 1px solid #ddd;}
.newscon .intro{ background-color: #F5F5F5; border: 1px solid #E5E5E5;color: #868686;text-align: center; padding: 5px 0px;font-size: 13px; margin: 10px 0px 10px;}
.newscon .intro font { margin: 0px 10px;}

/*版本价格*/
.jiage { margin-top:1em;}
.jiage ul li{ height:10em; margin:.9em 1em; box-shadow: 0 3px 12px #ddd; border-radius:5px;}
.jiage ul li h2{ margin-bottom:.5em; font-size:1.1em;color:#666;}
.jiage ul li h3{ margin-bottom:.3em; font-size:1.8em;color:#666;}
.jiage ul li .jbox { padding: 1.5em 1.5em 0em 1.5em;}

/*about 内页*/
.about { width:95%; margin: 0 auto;clear:both;padding-top:10px; }
.about .aimg{ width:95%; margin: 0 auto;clear:both;padding-bottom:30px; }

/*contact 内页*/
.contact { width:95%; margin: 0 auto;clear:both;padding-top:30px; }
.contact h2{ text-align:center; padding:20px; background:url(../images/title_bg.png) no-repeat center bottom; margin-bottom:20px; }
.contact ul li{ width:100%; height:80px; }
.contact ul li img { float:left; padding-right:10px; }
.contact ul li p{ width:80%; float:left; height:60px; line-height:28px; padding-left:10px; border-left: 1px dotted #ccc;}
.contact ul li strong{ font-size:18px; font-weight:bold;}
.contact .addr{ }

/*footer*/
.mainbox{padding: 1em 1em 0em 1em;}
.mainbox img{display: block; max-width: 100%;}

.main_tit{ text-align:center; margin:1.5em 0em;}	
.main_tit p{font-size:1.4em;}
.main_tit span{ margin:0.2em 0em; display:block; color:#aaa;}

/*footer*/
.footer{position:relative;margin-top:5em;padding:20px 0 25px;text-align:center;line-height:1.5;background:#333;}
.footer dl{padding:10px 0;}
.footer dt{font-size:15px;color:#fff;}
.footer dd{font-size:22px;color:#0055ad;font-weight:bold;}
.footer dd a{color:#0055ad;}
.copyright{font-size:14px;color:#fff;line-height:1.5;}
.copyright a{color:#fff;}

/* backTop */
.backTop {position:absolute;z-index:9;left:50%;top:-20px;margin-left:-20px;width:40px;}
.backTop img {display:block;width:100%;}

/* 快捷菜单 */
.foot-nav2 ul{ position:fixed; left:0; bottom:0; width:100%; height:45px;background:#ff4c4c; line-height:20px; text-align:center; z-index:999;border-radius: 30px;}
.foot-nav2 ul li { line-height:45px;}

.foot-nav2 ul li a { display:block; color:#fff; font-size:16px; line-height:45px; }
.foot-nav2 ul li span{ display: inline-block; width:20px;height:20px;overflow:hidden;background-size:contain; margin-right:5px; margin-bottom:-4px; }

/*w当前位置*/
.breadcrumb{ height:40px;line-height:40px; border-bottom:1px solid #eee; background:#fff;font-size:14px;color:#666; padding-left:10px;background: url(/images/xbg.png) repeat-x;}
.breadcrumb img{ height:15px; }
.breadcrumb span{font-size:14px;color:#999;line-height:24px}


/* 咨询 */
.pro_info {width:96%; margin: 0 auto; padding-top:15px;}
.pro_info dl{background: #fff;color: #333;padding: 15px;height:160px;border: 1px solid #e7eaf1; padding-top:20px; }
.pro_info dl dt{margin-bottom:10px;font-size: 16px;color: #b92c28;}
.pro_info dl dd{margin-bottom:10px;}
.pro_info dl .inquiry{background: #b92c28;color: #fff;border: 1px solid #b92c28;border-radius: 5px;text-align: center;padding: 8px;display:block;width:95%;margin: 0 auto;margin-top: 20px;}

/* 分页 */
.page { padding: 20px 10px 30px; text-align: center; }
.page a { display: inline-block; padding: 6px 10px; border-radius:3px; background:#aaa; color:#fff; line-height: 1.5; vertical-align:top; margin-right:3px; }
.page .current { background:#0055ad; }

/* 弹窗 (background) */
.popwin{display:none;position:fixed;z-index:1;left:0;top:300px;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}
.pop-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888; line-height:50px; }
.pop-content .box.success{ background: url(/images/ico_success.png) no-repeat top left; width:95%;height:200px; }
.pop-content .box.warn{ background: url(/images/ico_alert.png) no-repeat 5px; width:95%;height:50px; line-height:50px;}
.pop-content .box span{ padding-left:50px; }
.popclose{color:#aaa;float:right;font-size:28px;font-weight:bold;}
.popclose:hover,.popclose:focus{color:black;text-decoration:none;cursor:pointer;}


/*复制微信号*/
.wxico{position:fixed!important;bottom:100px;width:50px;right:20px;height:50px;overflow:hidden;z-index:99;background:#1aad19;border-radius:30px;}
.wxico .icon{display:block;position:relative;text-align:center;vertical-align:middle;}
.wxico .icon img{width:28px;padding-top:12px;}
.wxico .move-bg{z-index:2;position:absolute;display:block;top:0;left:-100px;height:50px;width:50px;background-image:url(/m/images/wechat_bg.png);background-repeat:no-repeat;background-size:100% 100%;-webkit-animation:move 3s infinite both;animation:move 3s infinite both;}
@-webkit-keyframes move{0%{left:-40px;opacity:.6}25%{left:100%;opacity:.2}50%{left:100%;opacity:.2}75%{left:-60px;opacity:.6}to{left:-60px;opacity:.6}}
@keyframes move{0%{left:-40px;opacity:.6}25%{left:100%;opacity:.2}50%{left:100%;opacity:.2}75%{left:-60px;opacity:.6}to{left:-60px;opacity:.6}}
/*微信弹出层*/
.wxbox { position:fixed; width:100%; height:100%; top:0; left:0; transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1); display: none; z-index:999; }
.wxbox .winbox { position:fixed;background-color:#fff; width:90%; border-radius:15px; text-align:center;}
.wxbox .winbox{top:50%;left:50%;transform:translateX(-50%) translateY(-50%);-ms-transform::translateX(-50%) translateY(-50%);-moz-transform::translateX(-50%) translateY(-50%);-webkit-transform::translateX(-50%) translateY(-50%);-o-transform::translateX(-50%) translateY(-50%);}
.wxbox .winbox .x { position:absolute; width:16px; height:16px; top:15px; right:15px; background:url(/m/images/wechat_close.png) no-repeat; }
.wxbox .winbox .xbtn { margin:0 auto; width:180px; height:50px; line-height:50px; font-size:16px; color:#fff; display:block;background: #1aad19; border-radius:5px; margin-bottom:25px;}
.wxbox .inbox { padding:30px 0; }
.wxbox .inbox h2{ font-size:24px; padding:15px 0; }
.wxbox .inbox p{ padding-top:5px; }
.wxbox .over_bg { position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0, 0, 0, .5); cursor:pointer; display: none; } }