/*top*/
.top-nav{position: fixed;top: 0; background:url(../images/navbg.png) repeat-x;width: 100%;height: 75px;z-index: 9;}
.logo{float: left;margin-top: 20px;}
.logo .img1{display: block;}


/*pc*/
.navBar{float: right;}
.nav .m {
    position: relative;
    float: left;
    margin:0 25px;
    display: inline;
    text-align: right;
}
.nav h3 {
    font-weight: normal;
    font-size: 16px;
    line-height: 75px;
    margin:0;
}
.nav h3 a {transition: all 0s;
    zoom: 1;
    display: block;
    color: #fff;
}
.header.on .nav h3 a:hover{color: #c4070e;}
.header.on .nav .active a{color: #c4070e;}
.header.on .fa-shopping-cart:before{ color: #fff; }
body.ny .header.on .fa-shopping-cart:before{ color: #000; }

.header.on #denglu{margin-top: 25px;}

.nav .sub {
    display: none;
    width: 190px;
    position: absolute;
    left: -66px;
    top: 75px;
    float: left;
    line-height: 35px;
    text-align: center;
}
.nav li:nth-child(3) .sub{ width: 280px; left: -110px; }
.nav .sub li{ background: rgba(0,0,0, 0.5);padding: 5px 0;transition: all 0.6s ease;}
.nav .sub a{ color: #fff !important; background: none !important;}
.nav .sub li:hover{background: #c4070e;}
#denglu{text-align: center;overflow: hidden;transition: all 0.6s;margin-top: 33px;margin-right: 0; margin-left: 55px;}
#denglu a{color: #fff;font-size: 16px;line-height: 28px;padding: 0;}
#denglu a i{display: inline-block;margin-right:10px;}

#denglu:hover a{color: #fff;background: none !important;}
#shiyong{width: 106px;height: 32px;background: #c4070e;border: 1px solid #c4070e;text-align: center;border-radius: 20px;overflow: hidden;transition: all 0.6s;
margin-top: 29px; margin-left: 20px;}
#shiyong a{color: #fff;font-size: 14px;line-height: 28px;padding: 0;}

#shiyong:hover a{color: #fff;background: none !important;}
.sjj_nav,.sp_header { display: none; }
.header.on .top-nav{background-color: rgba(0,0,0, 1);z-index: 999;height: 75px;transition: all 0.3s;}



.header.on .nav h3 a{color: #fff;}
.header.on .nav .m h3 i{background: url(../fonts/4a52bcf833da45da91049865ef699244.woff);transition:all ease 0.35s}


.ny .header .top-nav{background: #fff;z-index: 999;height: 75px;transition: all 0.3s;}
.ny .header .nav h3 a{color: #000;}

.header.on #shiyong{background: #c4070e; border: 1px solid #c4070e;}
.header.on #shiyong a { color: #fff;}
.header.on #denglu:hover{border: 1px solid #c4070e;background: #c4070e;}
.header.on #denglu:hover a{color: #fff;background: none !important;}
.header.on #shiyong:hover{background: none !important;border: 1px solid #c4070e;}
.header.on #shiyong:hover a{color: #c4070e;}

.regloginbox >a{border: 2px solid #398dd4;padding: 5px 20px;margin-top: 20px; }
.regloginbox >a:hover{ background: #398dd4; color: #fff; }
.regloginbox #regbtn{ margin-left: 15px; }
.navBar .nav{ float: left; }
.regloginbox{ float: left;height: 75px; line-height: 75px; margin-left: 15px;}
/*wap*/
.sp_header,.sjj_nav{display: none;}

.regloginbox .log-in{ line-height: 32px; }
.radius-circle {border-radius:50%}
.button-group{ position: relative; }
/* 登入后状态 */
.log-in{ margin-top: 20px; float: right; }
.shopBar{ float: right; margin-right: 20px; }
.log-in .drop-menu {margin:12px 0 0;min-width:100px;border-radius:5px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.075); box-shadow:0 6px 12px rgba(0,0,0,.075) }
.log-in .drop-menu li{padding: 0 10px;height: 32px;text-align: center;}
.log-in .drop-menu li a{position: relative;height: 32px;line-height: 32px;}
.log-in .drop-menu li a:hover,.drop-menu a:focus {color:#2D2D2D;background: unset;}
.log-in .button-group span {display:inline-block;line-height:24px;height:24px;width:24px}
.log-in .button-group ul:before {position:absolute;top:-8px;left:41px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #fff;border-left:8px solid transparent;content:'';}
.log-in .button-group ul:after {position:absolute;top:0;left:41px;display:inline-block;border-right:8px solid transparent;border-bottom:8px solid #e9e8e8;border-left:8px solid transparent;content:''; display: none;}
.log-in .button-group .button {padding:0;line-height:18px;font-size:20px}
.log-in .button-group .drop-menu {  background: #fff; display: none; position:absolute;padding: 10px 0; top:33px; left: -33px;border-top:0px solid #ff0000;-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,.075);box-shadow: 0px 8px 10px rgba(0,0,0,.05);border-radius:4px;}
.log-in a.user-ico{width:32px;height:32px;line-height:32px;background:#ECEFF5;display:block;}
.log-in a.user-head{width:32px;height:32px;overflow:hidden;display:block;}
.log-in a.user-head img{width:32px;height:32px;}
.regloginbox:hover .drop-menu{ display: block; }

@media (min-width: 1200px){
    .container { width: 1400px;}
}
@media screen and (max-width:1650px){
    
}

@media screen and (max-width:1600px){
    .container{ width: 90%;}
}

@media screen and (max-width:1400px){
    .container{ width: 95%;}    
    .nav h3{font-size: 14px;}
}

@media screen and (max-width:1200px){
    .top-nav{display: none;}
    #choice{display: none;}
    .sousuo{display: none;}
    .logo{padding-top:10px !important;padding-bottom: 10px;}
    .top-r {margin-top: 38px !important;}
    /*wap-nav*/
    .sp_header,.sjj_nav{display: block;}
    .sp_header{
        height: 60px;
        overflow: hidden;
        z-index: 10;
        width: 100%;
        position: absolute;
        background: rgba(0,0,0, 0.1);
    }
    .sp_logo{padding:15px 10px;float:left;height:60px}
    .sp_logo img{margin:auto;max-height:40px;}
    .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:18px}
    .sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px}
    .sp_nav span:nth-of-type(2){top:10px}
    .sp_nav span:nth-of-type(3){top:20px}
    .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .sp_nav_se span:nth-of-type(2){width:0}
    .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .sjj_nav{position:fixed;z-index:9;background: rgba(255,255,255,1);width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
    .nav_show{top:60px}
    .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
    .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
    .sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
    .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
    .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
    .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
    .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
    .sjj_nav ul li ul{display:none}
    .sjj_nav ul li a{color:#000;width:80%}
    .sjj_nav ul li ul li a{color:#333;display:block;text-align:left;}
    .sjj_nav ul li i svg{width:20px;height:20px;fill:##000;}
    .sjj_nav ul li .sjj_nav_i_se svg{fill:#37b087}
    .sjj_nav ul li ul li>ul{margin-left:10px}
}