body{background: #f5f5f5;overflow-x: hidden;}

.float-left{float:left}.float-right{float:right}
.clear{clear:both;*zoom:1}
.clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0}
.hidden-md{display: none}

.fiexdtop{position: fixed;top: 0;width: 100%;z-index: 999;}
.fiexdtopheight{height: 190px;}
.head{
    height: 40px;line-height: 40px;background: #0C0C0C;color: #ddd;
}

.pc-header {  background-color: #fff;  height: 90px;line-height: 90px;  width:100%;  }
    .pc-header .logo {left: 0;position: absolute;  }
    .pc-header .logo img {  width: auto; height: 60px; }
    .pc-header .pc-tel{position: absolute;right:0;top:15px;}

#pc-nav{background:#009edf;height: 60px;line-height: 60px;}
    #pc-nav .layui-nav {  background:#009edf;  color: #fff;}
    #pc-nav .layui-nav li>a{color:#fff;font-size: 16px;}
    .bx-nav .layui-this::after, .bx-nav .layui-nav-bar ,#pc-nav .layui-nav li:hover,.layui-this{  background-color: #007ec7;  }
    #pc-nav .layui-nav-item{padding:0 14px;}

/*产品系列*/
.products{margin-top:30px;}
.product-nav{width: 100%;border:1px solid #ccc;padding:10px 0;}
    .product-nav h3{border-bottom: 1px solid #ddd;padding-bottom: 10px;text-indent: 20px}
    .product-nav ul{width: 80%;margin:0 auto;}
    .product-nav li{height: 36px;line-height: 36px;border-bottom: 1px solid #ddd;text-indent: 5px}
    .product-nav li:last-child{border-bottom: none;}
    .product-nav li i{padding-right: 5px;}
    .problock{margin-bottom: 30px;}
    .problock .layui-elip{margin-top: 15px;}
    .problock a:hover p{
        color:#1ebbf0;
        background: -webkit-linear-gradient(left, #1ebbf0 , #03fabe); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right, #1ebbf0, #03fabe); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right, #1ebbf0, #03fabe); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right, #1ebbf0 , #03fabe); /* 标准的语法 */
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.footer{padding:20px 0;background: #262626;color: #adadad}
    .footer a{color: #adadad}.footer a:hover{text-decoration: underline;}

@media screen and (max-width: 991px) {
    .layui-main {margin: 0 10px;width: auto;}
}
@media screen and (max-width: 750px) {
    .layui-main {margin: 0;}
    .hidden-xs{display: none}.hidden-md{display: block;}
    .fiexdtop,.fiexdtopheight{
        display: none
    }
    .m-fiexdtop,.m-fiexdtopheight {
        display: block !important;
    }
    .m-fiexdtop{position: fixed;top: 0;width: 100%;z-index: 999;}
    .m-fiexdtopheight{height: 90px;}

    .m-welcon{padding-left:10px}
        .m-logo-nav {  height: 50px;  line-height: 50px;  padding: 0 10px;  background: #fff;  }
        .m-logo-nav>img{width: auto;height: 30px;}

    .menuBar{ padding:2px 0;cursor: pointer;position: absolute;right:10px;top:55px;z-index: 999}
        .menuBar .bar_line{ width: 20px;height: 3px;background: #000;margin-bottom: 3px;-webkit-transition:-webkit-transform .6s,opacity .3s;transition:transform .6s,opacity .3s;border-radius: 1px; }
        .menuBar:hover .bar_line{ background: #000;}
        .menu_close .menuBar .bar_line.bar_top{  -webkit-transform:rotate(39deg);-ms-transform:rotate(39deg);transform:rotate(38deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;}
        .menu_close .menuBar .bar_line.bar_mid{ opacity: 0;}
        .menu_close .menuBar .bar_line.bar_foot{  -webkit-transform:rotate(-39deg);-ms-transform:rotate(-39deg);transform:rotate(-38deg);-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left;}

        .m-logo-nav.menu_close #mMenu{ display: block;}
        #mMenu{ position: absolute;width: 100%;background: #393D49;z-index: 1000;top: 90px;left: 0;opacity: 0.9;padding: 20px 0;display: none;}
        #mMenu ul li{ height: 40px;line-height: 40px;text-align: center;}
        #mMenu ul li a{ color: #fff;}
    .problock{margin-bottom: 10px;}
        .problock .layui-elip{margin-top: 8px;}

    .footer{padding:10px;margin-bottom: 55px;}.footer a{display: block;}

    .footer-fiexd{
        height: 40px;position: fixed;text-align: center;padding:10px 0 5px;
        bottom: 0;background: #373737;width: 100%}
    .footer-fiexd div{border-right: 1px solid #484848;}
    .footer-fiexd div:last-child{border-right:none}
    .footer-fiexd a{color: #fff;font-size: 12px}
    .footer-fiexd .layui-icon{font-size: 18px}
}