/* PC导航 */
    
    #pc-header .logo {
        padding: 20px 0;
    }
    
    #pc-header .logo img {
        max-width: none;
        max-height: 50px;
    }
    
    #pc-header .navbar {
        background: #FFF;
        -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03);
        box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03);
        z-index: 9
    }
    
    #pc-header .nav li.active ul li a {
        color: #3e3e3e;
    }
    /* #pc-header .nav li a{color:#3e3e3e;line-height:90px;position:relative;padding:0 16px;font-size:16px;font-weight:400}
 */
    /* #pc-header .nav li:last-child a{padding:0 0 0 20px;} */
    
    #pc-header .nav li ul {
        top: 90px;
        padding: 0;
    }
    /* #pc-header .nav li.active a,#pc-header .nav li a:hover,#pc-header .nav li:hover a.first-level{color:#d21203;} */
    
    #pc-header .nav li ul {
        background: #FFF;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        transition: 0.3s;
    }
    
    #pc-header .nav li ul li a {
        background: #FFF;
        line-height: 42px;
        color: #3e3e3e;
        font-size: 14px;
        font-weight: normal;
        display: block;
        width: 100%;
        text-align: left;
    }
    
    #pc-header .nav li ul li a:hover {
        background: #d21203;
        color: #fff;
    }
    /* pc语言 */
    
    .langBtn {
        width: 128px;
        height: 55px;
        line-height: 11px;
        text-indent: 41px;
        position: absolute;
        right: 15%;
        top: 1.25%;
        cursor: pointer;
        padding-left: 5px;
    }
    
    .langBtn:hover {}
    
    .animated {
        transition: all .28s linear;
        -moz-transition: all .28s linear;
        -webkit-transition: all .28s linear;
        -o-transition: all .28s linear;
    }
    /* pc语言 */
    /* pc搜索图标 */
    
    #pc-header .searchBar {
        position: absolute;
        top: 37px;
        right: 120px
    }
    
    #pc-header a.search-ico i {
        font-size: 18px;
        color: #6E6E6E;
    }
    /* 购物车图标 */
    
    #pc-header .shopBar {
        position: absolute;
        top: 37px;
        right: 80px
    }
    
    #pc-header a.shop-ico i {
        font-size: 18px;
        color: #6E6E6E;
    }
    /* 登入后状态 */
    
    .log-in {
        position: absolute;
        top: 29px;
        right: 5px
    }
    
    .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: 50px;
        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: -8px;
        left: 50px;
        display: inline-block;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #e9e8e8;
        border-left: 8px solid transparent;
        content: '';
    }
    
    .log-in .button-group .button {
        padding: 0;
        line-height: 18px;
        font-size: 20px
    }
    
    .log-in .button-group .drop-menu {
        padding: 10px 0;
        left: -40px;
        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;
    }
    /* 登入后状态 end*/
    /* 注册登录切换 */
    
    .register .tab {
        font-size: 0
    }
    
    .register .tab li {
        cursor: pointer;
        display: inline-block;
        position: relative;
        font-size: 20px;
        width: 60px;
        color: #666;
        margin: 0 0 40px 0
    }
    
    .register .tab li::before {
        background: #ccc;
        content: '';
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 100%;
        height: 3px;
        border-radius: 3px;
        transition: transform .3s;
    }
    
    .register .tab li.cur {
        color: #ff9600
    }
    
    .register .tab li.cur::before {
        background: #ff9600;
        content: '';
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 100%;
        height: 3px;
        border-radius: 3px;
        transition: transform .3s;
    }
    
    .register .line {
        margin: 0px;
        padding: 0;
        position: relative;
        text-align: center;
    }
    
    .register .line span {
        display: inline-block;
        padding: 0 20px;
        position: relative;
        z-index: 200;
    }
    
    .register .line hr {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #E2E2E2 -moz-use-text-color -moz-use-text-color;
        border-image: none;
        border-style: solid none none;
        margin-top: 10px;
        position: absolute;
        top: 0;
        width: 100%;
    }
    
    .register .bnt-login {
        margin: 0 auto;
        text-align: center
    }
    
    .register .bnt-login a {
        display: inline-block;
        color: #fff;
        font-size: 22px;
        width: 48px;
        height: 48px;
        text-align: center;
        line-height: 48px;
        margin-right: 10px;
        border-radius: 30px
    }
    
    .register .bnt-login a:hover {
        opacity: 0.8
    }
    
    .register .bnt-login a.weixin {
        background: #38B624
    }
    
    .register .bnt-login a.qq {
        background: #1F92DF
    }
    
    .register .bnt-login a.weibo {
        background: #FF6000
    }
    /* 注册登录切换 end*/
    /* 弹出搜索 begin */
    
    .searchBar-m {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0px;
        z-index: 9999;
        text-align: center
    }
    
    .searchBar-m .mask {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.8;
    }
    
    .searchBar-m a {
        display: block;
        position: absolute;
        right: 5%;
        top: 5%;
        width: 60px;
        height: 60px;
        line-height: 56px;
        font-size: 48px;
        z-index: 9999;
        color: #fff;
    }
    
    .searchBar-m a:hover {
        color: #ff9600
    }
    
    .searchBar-m .form-group {
        width: 70%;
        max-width: 720px;
        position: absolute;
        left: 50%;
        top: 40%;
        transform: translate(-50%, -200%);
    }
    
    .searchBar-m .input {
        width: 88%;
        background: transparent;
        border: 0;
        border-bottom: 2px solid #f2f2f2;
        color: #6E6E6E;
        height: 60px;
        line-height: 60px;
        float: left;
        padding: 0
    }
    
    .searchBar-m .button {
        width: 8%;
        height: 60px;
        line-height: 60px;
        border-bottom: 2px solid #f2f2f2;
        display: block;
        float: left;
        background: url(../images/ico-search-button.png) no-repeat center 50%;
        text-indent: -2000px
    }
    
    .searchBar-m .button:hover {
        background: url(../images/ico-search-button.png) no-repeat center 50%;
    }
    /* 弹出搜索 end */
    /* 颜色 */
    
    .h209 {
        width: 100%;
        height: 95px;
        top: 0;
        left: 0;
        z-index: 100;
        background: #fff;
        /*     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); */
        min-width: 1500px;
    }
    
    .h209 .nav {
        height: 95px;
        position: relative;
        float: left;
    }
    
    .h209 .nav li {
        width: 100px;
        /*   border-right: 1px solid #ebeff1; */
        float: left;
        position: relative;
        z-index: 10;
    }
    
    .h209 .nav li:before {
        width: 0;
        height: 2px;
        background: #d21203;
        display: block;
        content: "\20";
        position: absolute;
        left: 0;
        bottom: 0;
        -webkit-transition: all ease 300ms;
        -moz-transition: all ease 300ms;
        -ms-transition: all ease 300ms;
        -o-transition: all ease 300ms;
        transition: all ease 600ms;
    }
    
    .h209 .nav li a {
        width: 100%;
        height: 95px;
        padding-top: 35px;
        font-size: 18px;
        display: block;
        position: relative;
        color: #333;
        cursor: pointer;
        overflow: hidden;
        text-align: center;
        line-height: 20px;
    }
    
    .h209 .nav li a span {
        font-family: arial;
        text-transform: uppercase;
        font-size: 12px;
        color: #999;
        display: block;
        transition: all .5s;
    }
    /* .h209 .nav li.hover .enav209,active 颜色 */
    
    .h209 .nav li:hover .enav209 {
        background: #d21203;
        color: #fff;
    }
    
    .h209 .nav li.hover .enav209 span,
    .h209 .nav li:hover .enav209 span {
        color: #fff;
    }
    
    .h209 .nav li .subnav209 a {
        padding: 0;
        display: block;
        height: 38px;
        overflow: hidden;
        font-size: 14px;
        line-height: 38px;
        color: #fff;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    
    .h209 .nav li .subnav209 a:hover {
        background: #f83b2d;
    }
    
    .h209 .ss209 {
        width: 170px;
        height: 40px;
        float: left;
        position: relative;
        margin: 24px 0 0 22px;
        line-height: 30px;
        background: #ebeff1;
        border-radius: 40px
    }
    
    .h209 .tel209 {
        width: 220px;
        height: 95px;
        line-height: 95px;
        float: right;
        color: #141414;
        font-family: impact;
        text-align: center;
        border-left: 1px solid #ebeff1;
        font-size: 20px;
    }
    /* 颜色 end*/
    
    .h209 .nav li .subnav209 {
        position: absolute;
        width: 100%;
        text-align: center;
        z-index: 99;
        left: 0px;
        top: 95px;
        background-color: #d21203;
    }
    
    .h209 .ico209 {
        background: url(../images/ico209.png) no-repeat;
        display: inline-block;
        vertical-align: middle;
    }
    
    .h209 .logo209 {
        width: 160px;
        padding-top: 12px;
        height: 83px;
        display: block;
        float: left;
        overflow: hidden;
    }
    
    .h209 .logo209 img {
        width: 100%;
        display: block;
    }
    /* .h209 .nav li.hover:before, active 保留线 */
    
    .h209 .nav li:hover:before {
        width: 100%;
    }
    
    .h209 .nav li .subnav209 {
        filter: progid: DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
        opacity: 0;
        visibility: hidden;
        transition: all .6s ease 0s;
        transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        -webkit-transform: translate3d(0, 10px, 0);
    }
    
    .h209 .nav li:hover .subnav209 {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
    }
    
    .h209 .ss209 input {
        background-color: none;
        outline: none;
        border: 0 none;
    }
    
    .h209 .ss209 .stxt209 {
        width: 97%;
        height: 40px;
        line-height: 30px;
        font-size: 12px;
        padding-left: 8%;
        position: absolute;
        left: 0;
        top: 0;
        background: none;
        border: 0 none;
        color: #828282;
    }
    
    .h209 .ss209 .sbtn209 {
        width: 20px;
        height: 20px;
        display: block;
        position: absolute;
        right: 10px;
        top: 13px;
        cursor: pointer;
        background-position: -87px 0;
    }
    
    .h209 .tel209 s {
        width: 33px;
        height: 33px;
        margin-right: 8px;
        background-position: 0 0;
    }
    
    .h209 .tel209 strong {
        font-weight: normal;
    }
    
    @media (min-width: 1400px) {
        .h209 .nav li {
            width: 111px;
        }
        .h209 .ss209 {
            margin-left: 25px;
        }
    }
    
    @media (min-width: 1600px) {
        .h209 .logo209 {
            margin-right: 10px;
            width: 210px;
            height: 95px;
            padding-top: 0;
            margin-left: 20px;
        }
        .h209 .nav li {
            width: 126px;
        }
        .h209 .ss209 {
            width: 222px;
            margin-left: 30px;
        }
        .h209 .tel209 {
            width: 270px;
            font-size: 26px;
        }
    }
    
    @media (min-width: 1800px) {
        .h209 .logo209 {
            margin-right: 138px;
        }
        .h209 .nav li {
            width: 136px;
        }
        .h209 .ss209 {
            width: 222px;
            margin-left: 0px;
        }
        .h209 .tel209 {
            width: 270px;
        }
    }