/*手机*/
html,body{font: Microsoft Yahei, 微软雅黑, sans-serif;}
.claerfix{clear: both;}
.stone-relative{position: relative;}
.stone-absolute{position: absolute;}
.float-left{float: left;}
.float-right{float: right;}
.pointer{cursor: pointer;}
.stone-animate{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.m_nav{display: none;}
.m-index-nav-inside{width: 100%;padding: 10px 15px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.m-index-nav-fixed-top{position: fixed;right: 0;left: 0;z-index: 9999;}
.m-index-nav-inside>.m-nav-logo>.m-logo{height: 30px;width: auto;}
.m-index-nav-inside>.m-nav-logo>.m-nav-bar{width: 19px;height: auto;margin-top: 8px;}
.m-menu-box-out{position: fixed;width: 100%;height: 100%;right: 0px;top: 0px!important;z-index: 10;z-index: 99999;-webkit-transform: translateY(-100%);transform: translateY(-100%);-moz-transform: translateY(-100%);-o-transform: translateY(-100%);transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;-webkit-transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;-moz-transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;-o-transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;}
.m-menu-open{-webkit-transform: translateX(0);transform: translateX(0);}
.m-bar-close{width: auto;height: 18px;margin: 15px 15px 0 0;}
.m-menu-list-box ul li{font-family: Helvetica Neue, 'Helvetica Neue', Helvetica;font-size: 34px;color: #fff;font-weight: 200;cursor: pointer;height: 50px;vertical-align: top;}
.m-menu-list-box ul li a{color: #fff;}
.m-menu-list-box{position: absolute;top: 18%;left: 35px;width: 350px;}
.m-menu-list-box ul li a:hover{color: #fff!important;}
.m-new-nav-address{bottom: 0;left: 0;padding:0 0 35px 35px;color: #fff;width: 350px;font:unset;font-size: 14px;}
.m-phone-icoon{width: 19px;height: auto;}
.m-phone-number{margin-left: 30px;}
.m-logo-font{width: 191px;height: auto;}
.m-new-nav-address>p{margin-top: 12px;}
.m-bar-logo{height: 30px;width: auto;margin-top: 10px;margin-left: 15px;}
.m-menu-box{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);}
.m-slide-vertical{width: 100%;height: 100%;overflow: hidden;}
.m-qq{width: 24px;height: auto;}
.m-qq-wechat{padding-top: 25px;}
.m-wechat{width: 37px;height: auto;margin-left: 20px;}
.m-wechat-qr{position: absolute;top: -214px;left: -44px;width: 300px;}
.m-wechat-qr>img{width: 150px;height: auto;}
.m-triangle{background-color: #fff;transform: rotate(45deg);position: absolute;width: 13px;height: 13px;}
.m-wechat-triangle{top: -21px;left: 28px;}
.m-qq-qr{position: absolute;top: -249px;left: -68px;width: 150px;}
.m-wechat-qr-box{display: none;}
.m-qq-triangle{top: -49px;left: 4px;}
.m-qq-qr-box{display: none;}


/*电脑*/
.stone-animate{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.index_nav{display: block;}
.index-nav-inside{width: 100%;padding: 15px 20px 15px 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.index-nav-fixed-top{position: fixed;right: 0;left: 0;z-index: 9999;}
.black-nav{background:rgba(38,38,38,0.7);-webkit-transition: background-color .3s ease;transition: background-color .3s ease;transition: background-color .3s ease;transition: background-color .3s ease,background-color .3s ease;}
.index-nav-inside>.nav-logo>.logo{width: 120px;height: 43px;margin-left: 20px;}
.nav-case-num{margin:6px 0 0 30px;font-size: 12px;display: none;}
.nav-case-num>strong{display: block;font-size: 14px;}
.index-nav-inside>.nav-logo>.nav-bar{width: 31px;height: 18px;margin: 14px 0px 0 20px;}
.index-nav-inside>.nav-logo>.nav-phone{width: 188px;height: 15px;margin-top: 16px;}
.index-nav-inside>.nav-logo>.index-search{width: 188px;height: 19px;margin-top: 14px;margin:14px 0 0 20px;border:1px solid #fff;}
.index-nav-inside>.nav-logo>.index-search>img{width: 11px;height: 11px;right: 3px;top: 3px;}
.index-nav-inside>.nav-logo>.index-search>input{left: 0;top: 0;position:absolute;border:none;height: 19px;padding: 0 2px;line-height: 17px;width: 167px;background-color: rgba(0, 0, 0, 0);}
.postbird{position: fixed;height: 100%;width: 100%;left: 0;top: 0;z-index: 99998;display: none;}
.menu-box{position: fixed;width: 430px;height: 100%;right: 0px;top: 0px!important;z-index: 10;background: #000000;z-index: 99999;-webkit-transform: translateX(430px);transform: translateX(430px);-moz-transform: translateX(430px);-o-transform: translateX(430px);transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;-webkit-transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;-moz-transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;-o-transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;}
.menu-open{-webkit-transform: translateX(0);transform: translateX(0);}
.bar-close{width: auto;height: 18px;margin: 30px 29px 0 0;}
.menu-list-box ul li{font-family: Helvetica Neue, 'Helvetica Neue', Helvetica;font-size: 34px;color: #4c4c4c;font-weight: 200;cursor: pointer;height: 50px;vertical-align: top;}
.menu-list-box ul li a{color: #4c4c4c;}
.menu-list-box{position: absolute;top: 23%;left: 38px;width: 350px;}
.menu-list-box ul li a:hover{color: #fff!important;}
.new-nav-address{bottom: 0;left: 0;padding:0 0 38px 38px;color: #fff;width: 350px;font-size: 14px;}
.phone-icoon{width: 19px;height: auto;}
.phone-number{margin-left: 30px;letter-spacing:1px}
.logo-font{width: 191px;height: auto;}
.new-nav-address>p{margin-top: 12px;}
.qq{width: 24px;height: auto;}
.qq-wechat{padding-top: 25px;}
.wechat{width: 37px;height: auto;margin-left: 20px;}
.wechat-qr{position: absolute;top: -214px;left: -44px;width: 300px;}
.wechat-qr>img{width: 150px;height: auto;}
.triangle{background-color: #fff;transform: rotate(45deg);position: absolute;width: 13px;height: 13px;}
.wechat-triangle{top: -21px;left: 28px;}
.qq-qr{position: absolute;top: -249px;left: -68px;width: 150px;}
.wechat-qr-box{display: none;}
.qq-triangle{top: -49px;left: 4px;}
.qq-qr-box{display: none;}
.meun-case-item-box{-webkit-transform: translateX(0);transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;-webkit-transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;-moz-transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;-o-transition: transform 0.5s ease 0s, visibility 0s ease 0.5s;}
.prev{padding-left: 5px;}
.case-active>a,.case-active{color:#cccccc!important;}

/*联系我们按钮*/
.contact-tag{position: fixed;z-index: 9997;right: 0;bottom: 48px;}
.gotop,.contact-tag>a>img{width: 48px;height: auto;cursor: pointer;}
.gotop{margin-top: 2px;display: none;}

/*底部*/
.stone-footer{height: 380px;background: url(../../img/footer.jpg);background-repeat:no-repeat; background-size: cover;background-position:center;position: relative;overflow: hidden;}
.ipc{position: absolute;bottom: 0;left: 0;width: 100%;height: 36px;line-height: 36px;;background: rgba(0, 0, 0, 0.7);color: #fff;font-size: 12px;padding:0 20px 0 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.footer-menu{float: right;}
.ipc>p{float: left;}
.footer-menu>ul>li{float: left;margin-left: 15px;}
.footer-menu>ul>li>a,.ipcNum{color: #fff;}
.footer-menu>ul>li>a:hover,.ipcNum:hover{color: #C70911;}
.float-L{
    float: left;
}

.flex{
    display: flex;
}

.customers_box,.customers{
    overflow: hidden;
    height: 26px;
}

.panasonic_text{
    display: none;
}

.logoNav img{
    height: 26px;
    width: auto;
}

.logoText{
    font-size: 16px;
    letter-spacing: 6px;
    margin-top: 4px;
    color: #FFF;
}

.stone-footer .footer-text,.stone-footer .footer-star{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../../img/footer-text.png);
    background-repeat:no-repeat; 
    background-size: cover;
    background-position:center;
}

.stone-footer .footer-star{
    background: url(../../img/footer-star.png);
    -webkit-transition: all 3s ease 0s;
    -moz-transition: all 3s ease 0s;
    -o-transition: all 3s ease 0s;
    transition: all 3s ease 0s;
}

@media (max-width: 1100px) {
.stone-footer{height: 260px;}
}
@media (max-width: 768px) {
    .stone-footer{height: 150px;}
    .ipc{padding-left: 0px;text-align: center;height: 28px;line-height: 28px;}
    .ipc>p{float: unset;font-size: 12px;transform : scale(0.83,0.83);*font-size: 10px;}
    .index-search{display: none;}
    .index_nav{display: none;}
    .m_nav{display: block;}
    .footer-menu{display: none;}
}
@media (max-width: 380px) {
    .m-menu-list-box{top: 12%;}
    .m-menu-list-box ul li{height: 42px;}
}