body{overflow-x:hidden;font-family: "微软雅黑"; font-size:14px;}

/*主题颜色*/.Themebgfont{color: rgb(126, 36, 18) !important}.Thememenu{color: #fff !important;-webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s}.Thememenu:hover{background:url(../img/nav_hover.png) center no-repeat !important;color: rgb(126, 36, 18) !important}.Themefont{color: #FFF !important}.Themebghover:hover{background-color:rgb(126, 36, 18) !important}.breadCrumb .Themefont{color: rgb(126, 36, 18) !important}.Themetxthover{-webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s}.Themetxthover:hover{color:rgb(126, 36, 18) !important}/*移动导航按钮*/.Themebd{border-color: @ThemeSborder !important}.Themebdhover:hover,.Themebd.active{border-color:rgb(126, 36, 18) !important}.Themebdhover:hover span.icon-bar{background-color:rgb(126, 36, 18) !important}/*GHOSTBTN*/.Themebd.ghostbtn{border-color: rgb(126, 36, 18) !important;color: rgb(126, 36, 18) !important;-webkit-transition: all .2s ease-in-out 0s;-moz-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s}.Themebd.ghostbtn:hover{background-color: #FE9E32 !important;color: rgb(126, 36, 18) !important}/*字体*/@font-face{font-family: "iconfont";src: url('http://mozhanfile.b0.upaiyun.com/Public/Images/Theme35/icon/iconfont.eot');src: url('http://mozhanfile.b0.upaiyun.com/Public/Images/Theme35/icon/iconfont.eot?#iefix') format('embedded-opentype'),	url('http://mozhanfile.b0.upaiyun.com/Public/Images/Theme35/icon/iconfont.woff') format('woff'),	url('http://mozhanfile.b0.upaiyun.com/Public/Images/Theme35/icon/iconfont.ttf') format('truetype'), 	url('http://mozhanfile.b0.upaiyun.com/Public/Images/Theme35/icon/iconfont.svg#iconfont2') format('svg')}.iconfont{text-align: center;font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale}.common_top .maxsize{padding: 0 !important}.phone-menu0 ul, .phone-menu1 ul{padding: 0 !important}.maxsize{max-width:1250px;margin: 0 auto}.cl{clear: both}.nowrap,.nowrapall,.nowrapall *{white-space: nowrap;text-overflow:ellipsis;overflow:hidden}.break,.breakall,.breakall *{word-wrap:break-word;word-break: break-all}.animate , .animateall , .animateall *{transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out}.tpl_one,.tpl_two,.tpl_three,.tpl_four,.tpl_five,.tpl_six,.tpl_seven.tpl_footers{position: absolute}/* -------------------------------------------------------------- */.menu{ background:#FFF}.menu .header-box{max-width:1250px;margin:0 auto; background:#FFF;position: relative}.headFixed{background:none;width:100%}.demo-box-hw1 .headFixed{position:static}/*-------</END 头部 LOGO >------------*/.menu .NavBox{display:block}.menu .header-nav{z-index: 99}.menu .navbar-nav{padding:0;float:none;margin:0;width:100%;text-align: center}.menu .navbar-nav > li{width:8.8%;float:left;text-align:center;}.menu .navbar-nav > li:last-child{border-right: 1px solid rgba(255,255,255,0.2)}.menu .nav > li{display:inline-block;position: relative}.menu .nav > li:hover ul{display: block}.menu .nav > li .Triangle:after{content: '';display: inline-block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top:6px solid red}.menu .nav > li ul{width: 100%;display: none;padding: 0;box-shadow:1px 1px 4px 0 rgba(0,0,0,.4);position: absolute;left:0;top: 50px;z-index: 99}.menu .nav > li ul li{line-height: 45px;text-align: center;width:100%;margin-top: 1px}.menu .nav > li ul li a{font-size: 12px;color: #fff;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.menu .nav > li ul li a:hover{text-decoration: none}.menu .navbar-nav > li > a{font-family:"微软雅黑";padding:0px;line-height:70px;font-size:16px;color:#2e364b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.menu .navbar-nav > li > a.active, .menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus{color:#000;}.menu .navbar-nav > li > a.active{-webkit-box-shadow: none;box-shadow: none}
.NavBtn{display:none;text-align:center;overflow: hidden}
/*没有辅助色的时候加*/.menu .nav > li ul li:hover{opacity: .80;filter:Alpha(opacity=80)}/*--下拉菜单倒三角--*/.menu .nav > li .Triangle:after{position: absolute;right: 5px;top: 23px}/*-------</END 导航>------------*//*-------</END 切换导航按钮>------------*//* 小屏幕 一*/@media screen and (max-width:1030px){.menu .header-nav .nav-box{width:auto;margin:0 10px}.menu .header-box .logo .logo-img{margin-left:15px}}/* 小屏幕 二*/@media screen and (max-width:980px){.menu{height:auto}.menu .contact{display: none}.menu .header-nav{width: 100%;height:auto;margin: 0}.menu .header-box{width:100%;height:auto;position: relative}.menu .header-box .logo .logo-img img{height: 57px}
.NavBtn{display: block;-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background-color: #f5f5f5;background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);background-repeat: repeat-x;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;border-image: none;border-radius: 4px;border-style: solid;border-width: 1px;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);color: #333333;font-size: 14px;line-height: 20px;text-align: center;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);cursor: pointer;padding: 6px 11px;vertical-align: middle;position: absolute;right:12px; top:25px;z-index: 10}
.NavBtn .icon-bar{background-color: #e8603c;border-radius: 1px;box-shadow: 0 0 0 rgba(0, 0, 0, 0.25);display: block;height: 2px;width: 18px;margin:4px 0}.NavBtn:hover .icon-bar{background-color: #333}/*响应按钮*/	.menu{height:auto}.menu .navbar-brand{padding:10px}.menu .navbar-brand img{height: 40px}.menu .navbar-header{border-top:5px solid #e8603c;float: none;width:100%}.menu .NavBox{display: none}/*-----------</菜单>---------------*/}@media screen and (max-width: 600px){.tpl_footers{padding-bottom: 50px}}.menu .contact{position: absolute;top: 50%;line-height: 20px;margin-top: -10px;right: 10px}.menu .contact b{line-height: 20px}.menu .contact span{font-size: 20px;line-height: 20px}
.nav > li > a > img{ }
.nav > li > a{ padding:0;}
/*公共二级分类*/
@media screen and (max-width:870px) {
    .NavBoxPublic,.NavBoxBg,.menu .NavBoxPublic ul.navPublic > li ul,.NavBoxPublic .TriangleBtn{-webkit-transition: all .5s ease-in-out 0s;
        -moz-transition: all .5s ease-in-out 0s;
        -ms-transition: all .5s ease-in-out 0s;
        transition: all .5s ease-in-out 0s;}
    .NavBoxPublic#NavBoxPublic{display: block;border-left: 3px solid #FFF;margin: 0; position: fixed;right: 0; z-index:999;top: 0; width: 70%;height: 100%; background: #009ce0;
      -webkit-transform:translateX(100%);
      -moz-transform:translateX(100%);
      -ms-transform:translateX(100%);
      transform:translateX(100%);
    }
    .NavBoxPublic#NavBoxPublic.active{
      -webkit-transform:translateX(0);
      -moz-transform:translateX(0);
      -ms-transform:translateX(0);
      transform:translateX(0);
    }
    .NavBoxBg{display: none;opacity:0; background: url(../img/productBg.png) repeat;width: 100%;padding-right: 70%; height: 100%;position: fixed;z-index:998;left: 0;top: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .NavBoxBg.active{opacity: 1;}
    .NavBoxBg #NavBoxBtn{position: relative; margin:100px auto; width: 40px;height: 40px;border: 1px solid #fff;border-radius:50%;filter:Alpha(opacity=60);opacity:0.6;}
    .NavBoxBg #NavBoxBtn:before,.NavBoxBg #NavBoxBtn:after{content: '';position: absolute;left: 19px;top: 7px; display: block; width:1px;height: 27px;background: #fff;
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        transform:rotate(45deg);
    }
    .NavBoxBg #NavBoxBtn:after{
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg);
    }
    .NavBoxPublic ul.navPublic {overflow-y:auto; padding: 0;margin: 0;width: 100%;height: 100%;}
    .menu .NavBoxPublic ul.navPublic li{position: relative; line-height: 40px;border-bottom:1px solid #FFF; }
    .menu .NavBoxPublic ul.navPublic li a{font-size: 14px; display: block; line-height: 40px;padding:0 50px 0 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .menu .NavBoxPublic ul.navPublic li .Triangle:after{display: none;}
    .menu .NavBoxPublic ul.navPublic > li ul{height:0;width: 100%;padding:0;overflow: hidden;
        -webkit-transition: all .5s ease-in-out 0s;
        -moz-transition: all .5s ease-in-out 0s;
        -ms-transition: all .5s ease-in-out 0s;
        transition: all .5s ease-in-out 0s;
    }
    .menu .NavBoxPublic ul.navPublic > li ul li{max-width: 100%; border: none;padding: 0 0 0 30px;}
    .menu .NavBoxPublic ul.navPublic > li ul li a{color: #fff;}
    .TriangleBtn{display: none;}
    .NavBoxPublic .TriangleBtn{display: block;position: absolute;right: 0;top: 0;width: 40px;height: 40px;z-index: 10;
        -webkit-transform:perspective(400px) rotateX(0deg);
        -moz-transform:perspective(400px) rotateX(0deg);
        -ms-transform:perspective(400px) rotateX(0deg);
        transform:perspective(400px) rotateX(0deg);
    }
    .NavBoxPublic .TriangleBtn:before{content: '';display: block; width:10px;height:10px;border-width:0 0 1px 1px;border-color:#ddd;border-style:solid;margin:12px 0 0 14px;
        
        -webkit-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg);
        
    }
    .NavBoxPublic .TriangleBtn.active{
        -webkit-transform:perspective(400px) rotateX(180deg);
        -moz-transform:perspective(400px) rotateX(180deg);

        -ms-transform:perspective(400px) rotateX(180deg);
        transform:perspective(400px) rotateX(180deg);
    }
}
@media screen and (min-width:871px) {
    .NavBox{display: block!important;}
    .NavBoxPublic {display: none!important;}
    .menu .menu-box .nav > li ul{height: auto!important;}
}    
@media screen and (max-width:768px) {
  .pro_page a{ max-width: 265px; }
}
@media screen and (max-width:600px) {
  .pro_page a{ max-width: 240px; }
  .NavBoxPublic#NavBoxPublic{height:-webkit-calc( 100% - 56px );height:-moz-calc( 100% - 56px );height:calc( 100% - 56px );}
}