﻿/* 2017-10-28 */
/* 顶部样式 */

.cur {
    color: #f08300 !important;
    text-decoration: none;
}
a {
   
    text-decoration: none;
}
.black_header {
    height: 40px;
    background: #292929;
    font-size: 12px;
    line-height: 40px;
}
.black_header i{
    font-style: normal;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.black_header .phone {
    color: #999999;
    background: url(../images/index_top_03.png) left center no-repeat;
    padding-left: 20px;
}


.fl {
    float: left;
    display: inline;
}
.r_list{
    float: right;
}
.black_header .r_list li {
    padding-left: 28px;
    margin-left: 20px;
    cursor: pointer;
    position: relative;
}

.black_header .r_list li span {
    color: white;
}
.black_header .r_list li .ewm .visit {
    line-height: 14px;
    /* border-left: #00ffe5 2px solid; */
    padding-left: 8px;
    margin-top: 14px;
    text-align: center;
}
.black_header .r_list li .ewm .img {
    text-align: center;
    margin-top: 16px;
}
.black_header .r_list li .ewm img {
    width: 96px;
    height: 96px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.black_header .r_list li.wechat {
    background: url(../images/index_top_05.png) left center no-repeat;
    background-size: 22px;
}
.black_header .r_list li.wechat:hover >.ewm{
   display:block;
}
.black_header .r_list li.fr:hover {
    display: block;
    color: white;
}
.black_header .r_list li.app {
    background: url(../images/app.png) left center no-repeat;
    background-size: 20px;
}
.black_header .r_list li.app:hover >.ewm{
    display:block;
 }
.black_header .r_list li.pc {
    background: url(../images/index_top_07.png) left center no-repeat;
    background-size: 17px;
}
.black_header .r_list li.pc:hover >.ewm{
    display:block;
 }
.black_header .r_list li.xcx {
    background: url(../images/index_top_12on.png) left center no-repeat;
}
.black_header .r_list li.xcx:hover >.ewm{
    display:block;
 }
.black_header .r_list li.return {
    /* background: url(../images/index_top_09.png) left center no-repeat;
    background-size: 15px; */
    margin-left: 10px;
}
.black_header .r_list li.return span {
    
    font-size: 14px;
    padding: 3px 10px;
    border-radius: 3px;
    color:white;
    background-color: #f08300;
    
}

.black_header .r_list li .ewm .img {
    text-align: center;
    margin-top: 16px;
}

.black_header .r_list li .ewm img {
    width: 130px;
    height: 130px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

.black_header .r_list li .ewm {
    position: absolute;
    width: 160px;
    padding: 0 10px;
    height: 190px;

    background:#F5F5F5;

    /* border: #2bffe9 1px solid; */
    top: 40px;
    left: 0px;
    display: none;
    z-index: 99;
}

.hnav {
    transition: .3s;
    color: black;
    background: white;
    height: 80px;
    padding:  10px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    width: 1220px;
    margin: auto;
}
    .hnav a {
        color: #333;
    }

.hnav_active {
    background: white;
    transition: color .3s;
    text-decoration: none;
}

    .hnav_active nav a {
        color: #000;
        transition: color .3s;
        text-decoration: none;
    }

.hnav:hover {
    color: black;
    background: white;
}

    .hnav:hover nav a {
        color: black;
        transition: color .3s;
        text-decoration: none;
    }

        .hnav:hover nav a:hover {
            color: #e68410;
        }

        .hnav:hover nav a i {
            background: url(../img/dot99.png) no-repeat;
        }

        .hnav:hover nav a:hover i {
            background: url(../img/doth.png) no-repeat;
        }


            .hnav a {
                display: inline-block;
                font-size: 16px;
                color: white;
                vertical-align: top;
            }
        
                .hnav a:hover, .hnav a.active, .hnav a:visited {
                    /*color: #fff;*/
                    text-decoration: none;
                }
        
            .hnav nav {
        
                letter-spacing: -3px;
                height: 70px;
                margin-left:400px;
            }
        
                .hnav nav a {
                    padding: 0 20px;
                    line-height: 60px;
                    letter-spacing: 0;
                    position: relative;
                    font-size: 16px;
                    color:black;
                }
        
                    .hnav nav a i {
                        background: url(../img/dot2.png) no-repeat right center;
                        display: inline-block;
                        width: 11px;
                        height: 7px;
                        margin-left: 10px;
                    }
        
                    .hnav nav a.icon.tel {
                        width: 13px;
                        background-image: url(../img/icon_tel1.png);
                    }
        
                    .hnav nav a.icon.wx {
                        width: 16px;
                        background-image: url(../img/icon_wx1.png);
                    }
        
                    .hnav nav a:last-child {
                        margin-right: 0;
                    }
        
            .hnav .btns {
                position: absolute;
                width: auto;
                height: 34px;
                top: 50%;
                margin-top: -17px;
                right: 60px;
                letter-spacing: -3px;
            }
        
                .hnav .btns a {
                    height: 34px;
                    margin: 0 15px;
                    background-repeat: no-repeat;
                    background-position: 0 50%;
                    line-height: 30px;
                    text-align: center;
                    letter-spacing: 0;
                }
        
                    .hnav .btns a.menu {
                        display: none;
                        width: 18px;
                        background-image: url(../img/icon_menu1.png);
                    }
        
                    .hnav .btns a.user {
                        padding: 0 22px;
                        border-radius: 17px;
                        border: 2px solid #ddddde;
                        margin-right: 0;
                    }
        
                        .hnav .btns a.user:after {
                            content: "登陆";
                        }
        
                        .hnav .btns a.user:hover {
                            border-color: #fff;
                        }
        
                    .hnav .btns a.luntan {
                        padding: 0 22px;
                        border-radius: 17px;
                        border: 2px solid #ddddde;
                    }
        
                        .hnav .btns a.luntan:after {
                            content: "论坛";
                        }
        
                        .hnav .btns a.luntan:hover {
                            border-color: #fff;
                            text-decoration: none;
                        }
        
                    .hnav .btns a:last-child {
                        margin-right: 0;
                    }
        
            .hnav a.logo {
                float: left;
                width: 253px;
                height: 54px;
                background: url(../index_files/logo.png) no-repeat;
                background-size: 140px;
            }
        
            .hnav a.logo2 {
                float: left;
                width: 290px;
                height: 63px;
                background: url(../index_files/logo.png) no-repeat;
            }
        

            /* 大图 */
            .hslide, .hslide li {
                position: relative;
                z-index: 10;
                overflow: hidden;
            }

            * {
                /* 本行代码可顶部高度一致，保持boostarp.min.css */
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }




    