﻿


.customHeader3 {
        background-color:#fff;
        display:block;
        font-family: Lato, "Open Sans", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
    }
        .customHeader3 .top {
            height:40px;
            display:block;
            width:100%;
            background-color:#f5f7f9;
        }
            .customHeader3 .top ul {
                margin:0px;
                padding:5px 0px;
                float:right;
            }
                .customHeader3 .top ul li {
                    float:right;
                    display:block;
                    list-style:none;
                    padding:0px;
                    margin:0px 10px 0px 5px;
                    height:30px;
                    line-height:30px;
                }
                    .customHeader3 .top ul li a {
                    font-size:13px;
                    }

                    .customHeader3 .top ul li.power a,
                    .customHeader3 .top ul li.member a,
                    .customHeader3 .top ul li.shopCart a,
                    .customHeader3 .top ul li.lang .targetLeng a {
                        background-position:10px center;
                        background-repeat:no-repeat;
                        padding:0px 0px 0px 30px;  
                    }
                    .customHeader3 .top ul li.power a{
                        background-image:url(/images/head1TopPower.png);                      
                    }
                        .customHeader3 .top ul li.power a:hover {
                            background-image:url(/images/head1TopPower_hover.png);
                        }
                    .customHeader3 .top ul li.member a {
                        background-image:url(/images/head1TopMember.png);                        
                    }
                        .customHeader3 .top ul li.member a:hover {
                            background-image:url(/images/head1TopMember_hover.png);
                        }
                    .customHeader3 .top ul li.shopCart a {
                        background-image:url(/images/head1TopCart.png);      
                    }
                        .customHeader3 .top ul li.shopCart a:hover {
                            background-image:url(/images/head1TopCart_hover.png);
                        }




                    .customHeader3 .top ul li.lang {
                        position:relative;
                    }
                        .customHeader3 .top ul li.lang .targetLeng {
                        }
                            .customHeader3 .top ul li.lang .targetLeng a {
                                background-image:url(/images/menu3langArrow.png);
                            }
                            .customHeader3 .top ul li.lang .targetLeng a:hover {
                                background-image:url(/images/menu3langArrow_hover.png);
                            }
                        .customHeader3 .top ul li.lang:hover .langList {
                            display:block;
                        }
                        .customHeader3 .top ul li.lang .langList {
                            position:absolute;
                            left:30px;
                            top:30px;
                            margin:0;
                            padding:0;
                            width:90px;
                            display:none;
                        }
                            .customHeader3 .top ul li.lang .langList li {
                                width:100%;
                                height:100%;
                                display:block;
                                margin:0;
                                padding:0;                                                                
                            }
                                .customHeader3 .top ul li.lang .langList li a {
                                    text-align:left;
                                    width:100%;
                                    height:100%;
                                    display:block;
                                    color:rgba(30,30,30,0.65);
                                }
                                    .customHeader3 .top ul li.lang .langList li a:hover {
                                        color:rgba(30,30,30,1);
                                    }
                                                                                
        .customHeader3 .logo {
            display:block;
            padding:20px 0px;
            width:100%;
            text-align:center;
        }
            .customHeader3 .logo a {
                width:100%;
                height:100%;
                display:block;
            }
    .customHeader3 .mainMenu {
        
    }

    .customHeader3 .mainMenu{
        border-top: 1px solid #e0e0e0;
        margin:0px 150px;
        text-align:center;
    }
        .customHeader3 .mainMenu .kt-container {
            width:100%;
        }
        .customHeader3 .mainMenu ul {
            margin:0px;
            padding:0px;
            display:inline-block;            
            clear:both;
        }
            .customHeader3 .mainMenu ul li {
                margin:0px;
                padding:0px;
                display:block;
                float:left;
                
            }
            .customHeader3 .mainMenu ul li a{
                font-size: 16px;
                font-weight: 700;
                line-height: 23px;
                padding: 15px 13px;
                display:block;
                
            }

                .customHeader3 .mainMenu ul li.shopcar a{
                    background-image:url(/images/head3CartBtn.png);
                    background-position:6px center;
                    background-repeat:no-repeat;
                    padding:15px 21px 15px 30px;                    
                }
                    .customHeader3 .mainMenu ul li.shopcar a:hover {
                        background-image:url(/images/head3CartBtn_hover.png);
                    }

        .customHeader3 .search {
            margin:15px 10%;
            padding:0px;
            display:block;            
        }
            .customHeader3 .search .kt-container {                
                position:relative;
                padding:0px;
            }
            .customHeader3 .search input {
                width:calc(100% - 12px);
                height:43px;
                padding:0 6px;
                border:1px solid #666;
            }
            .customHeader3 .search button {
                width:43px;
                height:43px;
                display:block;
                position:absolute;
                right:0px;
                top:0px;
                border:none;
                background-color:rgba(0,0,0,0);
                background-image:url(/images/searchBtn.png);
                background-position:center;
                background-repeat:no-repeat;
            }
    
     

@media (min-width: 769px) and (max-width: 1199px) {

    .customHeader3 .mainMenu .kt-container,
    .customHeader3 .search .kt-container  {
        width:auto !important;
    }
    .customHeader3 .mainMenu {
        margin:0px 6%;
    }  
    .customHeader3 .mainMenu ul li a{                
                padding: 15px 8px;                                
    }  
}
@media (min-width: 0px) and (max-width: 768px) {
    .customHeader3 .top {
        height:60px;
        background:none;
    }
        .customHeader3 .top * {
            display:none;            
        }
    .customHeader3 .mainMenu .kt-container,
    .customHeader3 .search .kt-container  {
        width:auto !important;
    }
    .customHeader3 .logo,
    .customHeader3 .mainMenu {
        display:none !important;
    }
}

@media (min-width: 769px) and (max-width: 1250px) {
    .customHeader3 .mainMenu ul li a {
        padding: 15px 4px;
    }
    .customHeader3 .mainMenu {
       margin: 0px 2%;
    }
        .customHeader3 .mainMenu ul li a {
            font-size:13px;
        }
    .kt-container.w1140, .kt-container {
            margin: 10px 2%;
    }
}
