body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; font-family: "微软雅黑"; }
body { background:#fff; color:#000; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 {  font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; }
a { color:#000; text-decoration:none; }
a:hover { text-decoration:underline;  }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
.clear{clear: both;}
.bk{border: 1px solid #DDDDDD; background: #FFFFFF;margin-top: 20px;}
.bj{margin-right:10px ; background: #FFFFFF;margin-top: 20px;}
.k{width: 31% !important; background: #FFFFFF;margin-top: 20px;}
.header{width: 100% ;min-height:175px;background: #563d7c ;}
.header-s{width: 100%;min-height: 40px;background: #442889;}
.header-sn{max-width: 1200px;height: 40px;background: #442889;margin:0 auto;}
.header-snl{width: 63%;float: right;}
.header-snl ul{color: #FFFFFF;}
.header-snl ul li{float: left;margin: 10px 4px;}
.header-snl ul li a{color: #FFFFFF;}
.header-x1{margin: 17px 0;text-align: center;}
.header-x2{margin: 42px 0;text-align: center;}
.header-x3{margin-top: 80px;text-align: center;}
.header-x3 img{margin-left:25px}
span.search {
 
 position: relative;
 display: inline-block;
 width: 160px;
 background-color: #fff;
 height: 28px;
 border: 1px solid #cccccc;
 margin: 5px 0;margin-left: 15px;
}
#search-txt {
 
 width: 125px;
 height: 25px;
 margin-right: 4px;
 
}
span.search input {
 border: none;
 outline: none;
 vertical-align: 0px;
 vertical-align: middle;
 float: left;
}
#search-bt {    
 width: 29px;
 height: 28px;
 text-indent: -999px;
 background: url(../img/ss.png) no-repeat;
 overflow: hidden;
 cursor: pointer;
}
span.search input {
 border: none;
 outline: none;
 vertical-align: 0px;
 _vertical-align: middle;
 float: left;
}
.dbj{width: 100%; margin-bottom: 20px;}
     }
.banner{width:100%;margin: 0 auto;}
.banner img { width:100%; height:auto; }
.main{max-width: 1200px;
    margin: 0 auto;background: #F7F7F7;}
.main-1{margin-bottom:2px;}
.main-1ls{width: 100%;height: 40px;border-bottom: 2px solid #DEDEDE; margin-bottom:5px;}
.main-1ls h2{float: left;
    width: 115px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background:#442889;color:#fff;
    font-size: 17px;
    font-weight: 600;}
.main-1ls small{float: right; line-height: 40px;}
.main-1ls small a{color: #563d7c; font-size: 14px;}
.main-1lx img{display: block;margin: 10px auto;width:90%; height:160px;transition: all 0.5s ease-in-out;}
.main-1lx a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.main-1lx h3{    text-align: center;width: 100%;font-size: 14px;font-weight: bold;}
.main-1lx p{   text-indent: 2em;
    font-size: 14px;
    color: #929292;
    margin-bottom: 10px;
    line-height: 25px;}
.main-1zs{width: 100%;height: 40px;border-bottom: 2px solid #DEDEDE;}
.main-1zs h2{float: left;
    width: 115px;
    height: 40px;
    line-height: 40px;
    text-align: center;
     background:#442889;color:#fff;
    font-size: 17px;
    font-weight: 600;}
.main-1zs small{float: right; line-height: 40px;}
.main-1zs small a{color: #919191; font-size: 14px;}
.main-1zx ul li{    margin: 8px 0;
    height: 30px;
    overflow: hidden;
    background: url(../img/dian.jpg) repeat-x 0 bottom;}
.main-1zx ul li img{    margin-right: 8px; margin-bottom: 2px;}
.main-1zx ul li small{float: left;line-height: 20px;}
.main-1rx ul li{    margin: 8px 0;
    height: 30px;
    overflow: hidden;
    background: url(../img/dian.jpg) repeat-x 0 bottom;}
.main-2z1 ul li{    margin: 8px 0;
    height: 30px;
    overflow: hidden;
    background: url(../img/dian.jpg) repeat-x 0 bottom;}

.main-1r .tab {
 overflow: hidden;
 background: #FFFFFF;
 
}
.main-1r .tab a {
 display: block;
    width: 115px;
    height: 40px;
    float: left;
    text-decoration: none;
    color: #333;
    font-size: 17px;
    text-align: center;
    background: #FFFFFF;
    line-height: 40px;
    font-weight: 600;
    border-bottom: 2px solid #DEDEDE;
}
.main-1r .n {
 width: 100%;
 height: 40px;
 background: #FFFFFF;
 border-bottom: 2px solid #DEDEDE;
}
.main-1r .tab a:hover {
 color: #442889;
 text-decoration: none;
}
.main-1r .tab a.on {
 color: #FFFFFF;
 text-decoration: none;
 background: #442889;
}
.main-1r .content {
 width: 445px;
 overflow: hidden;
 padding: 10px;
 height: 333px;
}
.main-1r .contentzy li {
 display: none;
 width: 95%;
 margin: 0 auto;
}
.main-1r{position: relative;}
.more{position: absolute;
    top: 10px;
    right: 20px;
   color: #919191;
    font-size: 14px;}
.main-1rxl{width: 45px ;height: 45px;border-radius: 5px;background: #E7E5D9; float: left;}
.ny{width: 45px; height: 23px;background: #563d7c;border-radius:5px 5px 0 0; text-align: center;line-height: 23px;color: #fff;}
.r{width: 45px; height: 22px;background: #E7E5D9;border-radius:0 0 5px 5px;text-align: center;line-height: 22px;color: #000;}
.main-1rx1{margin: 10px 0;height: 50px;border-bottom:1px solid #DDDDDD}
.main-1rxr{padding-left: 60px;}


.main-2z .tab {
 overflow: hidden;
 background: #FFFFFF;
 
}
.main-2z .tab a {
 display: block;
    width: 115px;
    height: 40px;
    float: left;
    text-decoration: none;
    color: #333;
    font-size: 17px;
    text-align: center;
    background: #FFFFFF;
    line-height: 40px;
    font-weight: 600;
    border-bottom: 2px solid #DEDEDE;
}
.main-2z .n {
 width: 100%;
 height: 40px;
 background: #FFFFFF;
 border-bottom: 2px solid #DEDEDE;
}
.main-2z .tab a:hover {
 color: #442889;
 text-decoration: none;
}
.main-2z .tab a.on {
 color: #FFFFFF;
 text-decoration: none;
 background: #442889;
}
.main-2z .content {
 width: 445px;
 overflow: hidden;
 padding: 10px;
 height: 333px;
}
.main-2z .contentzy li {
 display: none;
 width: 100%;
 margin: 0 auto;
}
.main-2z{position: relative;}

.main-2z1s{margin: 5px 0;}
.main-2z1sl { float: left; width: 40%; height: 65px; overflow: hidden; }
.main-2z1sl img{width: 100%;}
.main-2z1sr{float: right;width: 60%;}
.main-2z1sl a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.main-2z1x p {
    margin: 10px 0;
    height: 20px;
    overflow: hidden;
}
.main-2z1x p img {
    margin-right: 8px;
    margin-bottom: 2px;
}
.main-2z1x p small{float: right;}
.main-2rs{width: 100%; height: 40px;line-height: 40px;}
.main-2rs img{float: left;margin: 8px 0;}
.main-2rs h2{line-height: 40px;padding-left: 30px;font-size: 16px;font-weight: bold;color: #563d7c;}
.main-2rz{width: 100%;height: 50px;margin: 13px 0px;}
.main-2rz img{width: 100%;height: auto;}
.main-2rzx{width: 100%; height: 40px;line-height: 40px;}
.main-2rzx img{float: left;margin: 8px 0;}
.main-2rzx h2{line-height: 40px;padding-left: 5px;font-size: 16px;font-weight: bold;color: #563d7c;}
.main-2rx ul li {
    width: 70px;
    height: 60px;
    border: 1px solid #442889;
    border-radius: 5px;
    float: left;
    margin: 1.5% 1.8%;
}
.main-2rx ul li img{display:block;margin:8% auto; transition: all 0.5s ease-in-out;}
.main-2rx ul li a:hover img{transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);}
.main-2rx ul li p{font-size: 12px;color: #442889; text-align: center;}
.main-3{max-width: 1170px ;height: auto;margin: 0 auto;margin-top: 20px;}
.main-3l{float: left;width: 58;height: 128px;}
.main-3r{float: right;width: 93%;height: auto;}
.main-3r ul li{float: left; margin-right: 1.6%;position: relative; width: 200px;height: 128px;overflow: hidden;}
.main-3r ul li img{width: 200px;height: 128px;}
.main-3r ul li h2{width: 100%;position: absolute;height: 30px;background: url(../img/1px.png);text-align: center;line-height: 30px;bottom: 0px;color: #fff;}
.main-3r ul a:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.main-3r ul li img{transition: all 0.5s ease-in-out;}
.main-2z1sl img{transition: all 0.5s ease-in-out;}
.main-4{max-width: 1170px;height: auto;margin: 0 auto;margin-top: 50px;}
.main-4 ul li{float: left;width: 240px ;height: 160px;background: #FFFFFF;margin-right: 5%;margin-bottom: 1%;position: relative;}
.main-4 ul li img{margin: 10px 10px ;transition: all 0.5s ease-in-out;}
.main-4 a:hover img {
    transform: scale(1.09);
    -webkit-transform: scale(1.09);
    -moz-transform: scale(1.09);
    -ms-transform: scale(1.09);
    -o-transform: scale(1.09);
}
.main-4 ul li h2{width: 100%;position: absolute;height: 30px;background: url(../img/1px-l.png);text-align: center;line-height: 30px;bottom: 0px;color: #fff;}

.slide1_container {  position: relative; float: left; width: 100%; }
.slide1 { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide1 li { position: absolute; width: 100%; left: 0; top: 0; }
.slide1 img { display: block; position: relative; z-index: 1; height:200px; width: 100%; border: 0; }
.slide1 .caption1 { display: block; position: absolute; z-index: 2; font-size: 15px;font-weight: bold;  text-shadow: none; color: #fff;  left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide1_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.3; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; margin-top: -45px; }
.slide1_nav:active { opacity: 1.0; }
.slide1_nav.next { left: auto; background-position: right top; right: 0; }
.main-1lx h4{line-height: 18px;text-indent: 2em;}
.slide1_tabs { text-align: center;
    font-size: 0;
    list-style-type: none;
    position: relative;
    top: -40px;
    z-index: 2;}
.slide1_tabs li { display: inline-block; margin: 0 10px; *display: inline; *zoom: 1;}
.slide1_tabs a { display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    line-height: 20px;
    background-color: #FFFFFF;
    overflow: hidden;}
.slide1_tabs .slide1_here a { background-color: rgba(0, 0, 0, .8); background-color: rgba(144,238,144,0.3); }
.callback { margin-top: 20px; color: #f50; text-align: center;}
.callback em { font-style: normal;}





.foot{width: 100%;min-height: 150px;background: #000;}
.foot-l{margin: 27px 0; line-height: 30px}
.foot-l a{font-size: 14px; color:#fff;}
.foot-z{font-size: 13px;margin: 45px 0;}
.foot-z p{line-height: 30px;text-align: center;color: #FFFFFF;}
.foot-r{margin: 40px 0;}
.foot-r ul li{float: left;margin-right: 22%;}
.foot-r ul li h4{font-size: 12px;margin-top: 10px;color: #FFFFFF;}
.float{
    width: ;
    height: 114px;
    position: fixed;
    top: 110px;
    right: px;
    z-index: 999;
}
.float ul li{width: 85px ;height: 85px;background: #563d7c;margin-bottom: 15px;}
.float ul li img{display: block;margin: 0 auto;padding: 10px 0;}
.float ul li h2{text-align: center;color: #FFFFFF;}
.float1{
    width: ;
    height: 50px;
    position: fixed;
    bottom: 52px;
    right: 10px;
    z-index: 999;
}
.main-zy{max-width: 1200px ;height: auto;margin: 0 auto;}
.dqwz{height: 55px;width: 100%;line-height: 55px;}
.dqwz img {margin-top: -5px ;margin-right: 5px;}
.dqwz a{color: #563d7c;}
.main-zyl{width: 100%;height: auto;background: #563d7c;}
.main-zyls{width: 100%;height: 55px ;line-height: 55px ;text-align: center;font-size: 20px;color: #FFFFFF;float:right}
.main-zyl ul{width: 100%;float: right;background: #FFFFFF;}
.main-zyl ul li{width: 100%;height: 50px;line-height: 50px;border-bottom: 1px solid #DADADA;text-align: center;position: relative;background:#563d7c;}
.main-zyl ul li a{font-size: 18px; color: #fff;}
.main-zyl ul li:hover{background: #442889;}
.main-zyl ul li a:hover{color: #FFFFFF;}
.dq {width: 5px;height: 30px;background: #BFBE01;position: absolute;top: 9px;left: -5px;}
.lb-s{width: 100%;height: 55px;line-height: 55px;border-bottom: 1px solid #DADADA;font-size: 22px;}
.lb-x{margin-bottom: 150px;}
.lb-x ul li{margin: 15px 0;}
.lb-x ul li small{float: right;}
.lb-x h3 {color: #000;font-size: 24px; line-height: 40px; margin: 10px 0;}
.nr-x{margin-bottom: 150px;}
.nr-x h2{text-align: center;font-size: 20px;margin-top: 30px;}
.nr-x h3{text-align: center;margin:15px 0;font-size: 14px;color:#AAAAAA;}
.nr-x p{text-indent: 2em;line-height: 28px;font-size:16px;margin-bottom:8px}

.slide_container {  position: relative; float: left; width: 100%; }
.banner-zy{  position: relative; float: left; width: 100%; margin: 0 auto; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 15px;font-weight: bold;  text-shadow: none; color: #fff;  left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none;opacity: 0.6;background: #000; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.3; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url(themes.gif) no-repeat left top; margin-top: -45px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }
.slide_tabs { text-align: center;
    font-size: 0;
    list-style-type: none;
    position: relative;
    top: -27px;
    z-index: 2;}
.slide_tabs li { display: inline-block; margin: 0 10px; *display: inline; *zoom: 1;}
.slide_tabs a { display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    line-height: 20px;
    background-color: #FFFFFF;
    overflow: hidden;}
.slide_tabs .slide_here a { background-color: rgba(0, 0, 0, .8); background-color: rgba(144,238,144,0.8); }
.callback { margin-top: 20px; color: #f50; text-align: center;}
.callback em { font-style: normal;}

.nr-x img{display: block;
    margin: 20px auto;
    max-width: 100%;
    height: auto;}
.tp-x ul li{float: left; width: 25%;margin: 2% 0;}
.tp-x ul li img{width: 106px;height: 135px;display: block;margin: 0 auto;}
.tp-x{margin: 40px 0;}
.tp-x ul li h2{text-align: center;margin-top: 5px;}
.zzjg-x{margin:30px 0}
.zzjg-x ul li{float:left;width:18%;height:40px;text-align:center;line-height:40px;border:1px solid #333;margin:10px 1%}
.zzjg-x ul li a{font-size:15px}
.wx{position: relative;}
.wxt{position:absolute; left:-25px; top:-100px;display: none;width:100px;height:100px;background:#fff;border:1px solid #000}
.wxt img{width:94px;height:94px;margin:2px}
.wx.on .wxt{display: block;}
.wx5{position: relative;}
.wx5t{position:absolute; left:-25px; top:-100px;display: none;width:100px;height:100px;background:#fff;border:1px solid #000}
.wx5t img{width:94px;height:94px;margin:2px}
.wx5.on .wx5t{display: block;}
.wx1{position: relative;}
.wx1t{position:absolute; left:-102px; top:-15px;display: none;}
.wx1.on .wx1t{display: block;}
.wx2{position: relative;}
.wx2t{position:absolute; left:-102px; top:-15px;display: none;}
.wx2.on .wx2t{display: block;}
.wx3{position: relative;}
.wx3t{position:absolute; left:-195px; top:-15px;display: none;}
.wx3.on .wx3t{display: block;}

.dropdown:hover{background:  rgba(144,238,144,0.3); }
.cyfwdh:hover{background:  rgba(144,238,144,0.3); }
@media (max-width: 1192px) and (min-width: 993px)
{
 .float{display: none;}
 
 .main-2rz {
    width: 100%;
    height: 50px;
     margin: 0px;
}
.main-2rzx {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0px; 
}
.wb{display: none;}
.main-4 ul li {
    float: left;
    width: 22%;
    height: auto;
    background: #FFFFFF;
    margin-right: 3%;
    margin-bottom: 1%;
    position: relative;
}
.main-4 ul li img {
    margin: 0;width: 100%;
}
.foot-z p{line-height:18px;text-align: center;color: #FFFFFF;}
.foot-r ul li {
    float: left;
    margin-right: 14%;
}
.header-x3 img{margin-left:0px}
}


@media (min-width: 1024px){
 
 .header-snl{width: 50%;}
 
}
@media (max-width: 992px){
 
 .header-snl{width: 90%;}
 .wb{display: none;}
 .main-3l{display: none;}
 
 .main-3r ul li{float: left; margin-right: 1.6%;position: relative; width: 23%;height: 128px;overflow: hidden;}
 .foot-r ul li {
    float: left;
    margin-right: 16%;
}
.foot-z {
    font-size: 13px;
    margin: 0px 0;
}
.main-4 ul li {
    float: left;
    width: 22%;
    height: auto;
    background: #FFFFFF;
    margin-right: 3%;
    margin-bottom: 1%;
    position: relative;
}
.main-4 ul li img {
    margin: 0;width: 100%;
}
.main-2rx ul li {
    width: 25%;
    height: auto;
    border: 1px solid #442889;
    border-radius: 5px;
    float: left;
     margin: 0; 
}
 .float{display: none;}
}
@media (max-width: 767px)
{
 
 .header-s{display: none;}
 .header-x1{margin: 5px 0;}
 .header-x1 img{display: block;margin: 0 auto;}
 .header-x2{margin: 5px 0;}
 .header-x2 img{display: block;margin: 0 auto;}
 .header-x3{margin: 5px 0;}
 .header-x3 img{display: block;margin: 0 auto;}
 .main-3r ul li{float: left; margin-right: 1.6%;position: relative; width: 45%;height: auto;overflow: hidden;}
 .main-3r ul li img{width: 100%;}
 .wb{display: none;}
 
 .main-3l{display: none;}
 
 .main-4 ul li{float: left;width: 48% ;height: auto;background: #FFFFFF;margin-right: 0;margin-bottom: 0;position: relative;margin: 1%;}
 .main-4 ul li img {
    margin: 0;width: 100%;
}
 
 .main-1r{width: 100%;}
 
 .k{width: 100%!important;}
 
 .foot{width: 100%;min-height: 150px;background: #000000;}
 .foot-z{margin: 5px;}
 .foot-r{margin: 5px;}
 .foot-r ul li{float: left;margin-right: 10%;margin-left: 10%;}
 .float{display: none;}
.main-zyl{display: none;}
.tp-x ul li{float: left; width: 50%;margin: 2% 0;}
.zzjg-x ul li{float:left;width:45%;height:40px;text-align:center;line-height:40px;border:1px solid #333;margin:10px 1%}
.header-x3 img{ margin-left:0px}
}


.attr-nav > ul > li > a{
    padding: 28px 15px;
}
ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #cfcfcf !important;
    color: #fff !important;
    padding: 10px 15px;
}
@media (min-width: 1024px) {
    
    nav.navbar ul.nav > li > a{
        padding: 30px 15px;
        font-weight: 600;
    }
    
    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 500px;
    }
    nav.navbar .navbar-brand{
        margin-top: 0;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 500px;
    }
    
    nav.navbar li.dropdown ul.dropdown-menu{
        border-top: solid 5px;
    }
    
    
    nav.navbar-center .navbar-brand{
        margin: 0 !important;
    }
    
    
    nav.navbar-brand-top .navbar-brand{
        margin: 10px !important;
    }
    
    
    nav.navbar-full .navbar-brand{
        position: relative;
        top: -15px;
    }
    
    
    nav.navbar-sidebar ul.nav,
    nav.navbar-sidebar .navbar-brand{
        margin-bottom: 50px;
    }
    
    nav.navbar-sidebar ul.nav > li > a{
        padding: 10px 15px;
        font-weight: bold;
    }
    
    
    nav.navbar.bootsnav.navbar-transparent.white{
        background-color: rgba(255,255,255,0.3);
        border-bottom: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark,
    nav.navbar.bootsnav.navbar-transparent.dark{
        background-color: rgba(144,238,144,0.3);
        border-bottom: solid 1px #555;
    }
    
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav{
        border-left: solid 1px #bbb;
    }
    
    nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav,
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #555;
    }
    
    nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a,
    nav.navbar.bootsnav.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a{
        color: #eee;
    }
}
@media (max-width: 992px) {
    
    nav.navbar .navbar-brand{
        margin-top: 0;
        position: relative;
        top: -2px;
    }
    
    nav.navbar .navbar-brand img.logo{
        width: 250px;
    }
    
    .attr-nav > ul > li > a{
        padding: 16px 15px 15px;
    }
    
    
    nav.navbar.navbar-mobile ul.nav > li > a{
        padding: 15px 15px;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu > li > a{
        padding-right: 15px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title{
        padding-right: 30px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
    
    
     nav.navbar-full .navbar-brand{
        top: 0;
        padding-top: 10px;
    }
}
nav.navbar.navbar-inverse{
    background-color: #222;
    border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.cart-list > li.total > .btn{
    border-bottom: solid 1px #222 !important;
}
nav.navbar.navbar-inverse ul.cart-list > li.total .pull-right{
    color: #fff;
}
nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a,
nav.navbar.navbar-inverse ul.nav > li > a{
    color: #eee;
}
nav.navbar.navbar-inverse ul.nav > li.dropdown > a{
    background-color: #222;
}
nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
    color: #999;
}
nav.navbar.navbar-inverse ul.nav .dropdown-menu h1,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h2,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h3,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h4,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h5,
nav.navbar.navbar-inverse ul.nav .dropdown-menu h6{
    color: #fff;
}
nav.navbar.navbar-inverse .form-control{
    background-color: #333;
    border-color: #303030;
    color: #fff;
}
nav.navbar.navbar-inverse .attr-nav > ul > li > a{
    color: #eee;
}
nav.navbar.navbar-inverse .attr-nav > ul > li.dropdown ul.dropdown-menu{
    background-color: #222;
    border-left: solid 1px #303030;
    border-bottom: solid 1px #303030;
    border-right: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.cart-list > li{
    border-bottom: solid 1px #303030;
    color: #eee;
}
nav.navbar.navbar-inverse ul.cart-list > li img{
    border: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.cart-list > li.total{
    background-color: #333;
}
nav.navbar.navbar-inverse .share ul > li > a{
    background-color: #555;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu{
    border-right: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a{
    border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-content{
    border-left: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:hover,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li > a:focus,
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul > li.active > a{
    background-color: #333 !important;
}
nav.navbar-inverse.navbar-full ul.nav > li > a{
    border:none;
}
nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu{
    background-color: #222;
}
nav.navbar-inverse.navbar-full .navbar-toggle{
    background-color: #222 !important;
    color: #6f6f6f;
}
@media (min-width: 1024px) {
    nav.navbar.navbar-inverse ul.nav .dropdown-menu{
        background-color: #222 !important;
        border-left: solid 1px #303030 !important;
        border-bottom: solid 1px #303030 !important;
        border-right: solid 1px #303030 !important;
    }
    nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu > li > a{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu{
        border-left: solid 1px #303030;
        border-right: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark{
        background-color: rgba(0,0,0,0.3);
        border-bottom: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav{
        border-left: solid 1px #999;
    }
    
    nav.navbar.navbar-inverse.no-background.white .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.white ul.nav > li > a{
        color: #fff;
    }
    
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark .attr-nav > ul > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a,
    nav.navbar.navbar-inverse.no-background.dark ul.nav > li > a{
        color: #3f3f3f;
    }
}
@media (max-width: 992px)  {
    nav.navbar.navbar-inverse .navbar-toggle{
        color: #eee;
        background-color: #222 !important;
    }
    
    nav.navbar.navbar-inverse .navbar-nav > li > a{
        border-top: solid 1px #303030;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu  > li > a{
        color: #999;
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title{
        border-bottom: solid 1px #303030;
        color: #eee;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul > li > a{
        border-bottom: solid 1px #303030;
        color: #999 !important;
    }
    
    nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title{
        border-bottom: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse .dropdown-tabs .tab-menu > ul{
        border-top: solid 1px #303030;
    }
    
    nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse{
        background-color: #222;
    }
}
@media (max-width: 767px)  {
    nav.navbar.navbar-inverse.navbar-mobile ul.nav{
        border-top: solid 1px #222;
    }
}
.navbar-brand {
 float: left;
 height: 50px;
 padding: 25px 15px;
 font-size: 18px;
 line-height: 20px
}
@media (max-width: 1024px){
 .navbar-brand {padding: 0px 15px;}
} 
@media (max-width: 992px){
 .navbar-brand {padding: 0px 15px;}
} 
@media (max-width: 767px){
 .navbar-brand {padding: 0px 15px;}
}
#scrollUp{background-color: rgba(144,238,144,1);color:#eee;font-size:40px;line-height:1;text-align:center;text-decoration:none;bottom:20px;right:20px;overflow:hidden;width:46px;height:46px;border:none;opacity:.8}
#scrollUp:hover{background-color:#563d7c;}
#scrollUp1{background-color: rgba(144,238,144,1);color:#eee;font-size:40px;line-height:1;text-align:center;text-decoration:none;bottom:20px;right:20px;overflow:hidden;width:46px;height:46px;border:none;opacity:.8}
#scrollUp1:hover{background-color:#563d7c;}
@media (max-width: 767px) { #scrollUp1{bottom:52px;}
#scrollUp{bottom:5px;} }
@media (min-width: 767px) and (max-width: 992px) { #scrollUp1{bottom:52px;}
#scrollUp{bottom:5px;} }
@media (min-width: 992px) and (max-width: 1024px) { #scrollUp1{bottom:52px;}
#scrollUp{bottom:5px;} }
@media (min-width: 1024px) { #scrollUp1{bottom:52px;}
#scrollUp{bottom:5px;} }

.tab-pane ul {margin:10px 0px;}

.main-1m .tab {
 overflow: hidden;
 background: #FFFFFF;
 
}
.main-1m .tab a {
 display: block;
    width: 100px;
    height: 40px;
    float: left;
    text-decoration: none;
    color: #333;
    font-size: 17px;
    text-align: center;
    background: #FFFFFF;
    line-height: 40px;
    font-weight: 600;
    border-bottom: 2px solid #DEDEDE;
}
.main-1m .n {
 width: 100%;
 height: 40px;
 background: #FFFFFF;
 border-bottom: 2px solid #DEDEDE;
}
.main-1m .tab a:hover {
 color: #442889;
 text-decoration: none;
}
.main-1m .tab a.on {
 color: #FFFFFF;
 text-decoration: none;
 background: #442889;
}
.main-1m .content {
 width: 445px;
 overflow: hidden;
 padding: 10px;
 height: 333px;
}
.main-1m .contentzy li {
 display: none;
 width: 95%;
 margin: 0 auto;
}
.main-1m{position: relative;}
.more{position: absolute;
    top: 10px;
    right: 20px;
   color: #919191;
    font-size: 14px;}
.main-1mxl{width: 45px ;height: 45px;border-radius: 5px;background: #E7E5D9; float: left;}
.ny{width: 45px; height: 23px;background: #563d7c;border-radius:5px 5px 0 0; text-align: center;line-height: 23px;color: #fff;}
.r{width: 45px; height: 22px;background: #E7E5D9;border-radius:0 0 5px 5px;text-align: center;line-height: 22px;color: #000;}
.main-1mx1{margin: 15px 0;height: 53px;border-bottom:1px solid #DDDDDD}
.main-1mxr{padding-left: 60px;}
.tree ul { 
padding-top: 20px; position: relative; 
transition: all 0.5s; 
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
} 
.tree {margin-bottom: 10%; margin-top: 5%;}
.tree li { 
float: left; text-align: center; 
list-style-type: none; 
position: relative; 
padding: 20px 5px 0 5px; 
transition: all 0.5s; 
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
} 
 
.tree li::before, .tree li::after{ 
content: ''; 
position: absolute; top: 0; right: 50%; 
border-top: 1px solid #ccc; 
width: 50%; height: 20px; 
} 
.tree li::after{ 
right: auto; left: 50%; 
border-left: 1px solid #ccc; 
} 
 
.tree li:only-child::after, .tree li:only-child::before { 
display: none; 
} 
 
.tree li:only-child{ padding-top: 0;} 
 
.tree li:first-child::before, .tree li:last-child::after{ 
border: 0 none; 
} 
 
.tree li:last-child::before{ 
border-right: 1px solid #ccc; 
border-radius: 0 5px 0 0; 
-webkit-border-radius: 0 5px 0 0; 
-moz-border-radius: 0 5px 0 0; 
} 
.tree li:first-child::after{ 
border-radius: 5px 0 0 0; 
-webkit-border-radius: 5px 0 0 0; 
-moz-border-radius: 5px 0 0 0; 
} 
 
.tree ul ul::before{ 
content: ''; 
position: absolute; top: 0; left: 50%; 
border-left: 1px solid #ccc; 
width: 0; height: 20px; 
} 
.tree li a{ 
border: 1px solid #442889; 
padding: 5px 10px; 
text-decoration: none; 
color: #666; 
font-size: 12px; 
display: inline-block; 
border-radius: 5px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
transition: all 0.5s; 
-webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; 
} 
 
 
.tree li a:hover, .tree li a:hover+ul li a { 
background: rgba(144,238,144,0.3); color: #000; border: 1px solid #442889; 
} 
 
.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before{ 
border-color: #94a0b4; 
} 
.zzjg {margin: 27px 0; line-height: 30px}