/* 
* @Author: Marte
* @Date:   2019-03-11 14:52:14
* @Last Modified by:   Marte
* @Last Modified time: 2019-04-12 09:31:55
*/
@charset="UTF-8";
/*公共样式*/
html,body,div,nav,ul,li,img,input,form,p{margin:0;padding:0;}
body{overflow-x:scroll;font-family:'Microsoft Yahei';font-size:14px;background:#fff;color:#000;}
.clearfix:after {content: "";display: block;height: 0;line-height:0;clear: both;visibility: hidden;}/*清除浮动*/
.clearfix {zoom: 1; /*兼容ie6*/}

input,select,option,textarea,button{outline:none;}
a{text-decoration:none!important;color:#333;}
ul,li{list-style:none;}
.fl{float:left;}/*左浮动*/
.fr{float:right;}/*右浮动*/
.dni{display:none!important;}
.dn{display:none;}
.tac{text-align:center;}/*文本居中*/
.taj{text-align:justify;}/*文本两端对齐*/
.tar{text-align:right;}/*文本右对齐*/
.mtb15{margin-top:15px;margin-bottom:15px;}
.mt15{margin-top:15px;}
.mtb10{margin-top:10px;margin-bottom:10px;white-space:nowrap;}
.bgf5{background-color:#f5f5f5;}


.container-fluid{width:100%;}/*宽度通屏*/
.container{width:1190px;margin:0 auto;}/*主体内容宽度*/
.bgf{background-color:#fff!important;}
.posr,.vertical-center,.vertical-center li,.member-pro-name{position:relative;}
.posa{position:absolute;}
.vertical-center img{position:absolute;top:50%;left:50%;width:auto;max-width:100%;max-height:100%;height:auto;transform:translate(-50%,-50%);}
.mr0,.products190 li:nth-child(6n),.products390 li:nth-child(3n),.products290 li:nth-child(4n),.productsu300 li:nth-child(6n),.mod-news:last-child,.productsu200 li:nth-child(4n),.products390 li:nth-child(3n),.products322 li:nth-child(3n),.fpq li .fpq-mod a,.fpq li .fpq-mod span,.company-list li:nth-child(3n){margin-right:0;}
.mb0,.productsu290 li:last-child{margin-bottom:0!important;}
.toh,.remind-l-con a,.product-tit,.mod-news-conr>a,.mod-news li a,.mod-news1 li a,.company-list li a,.company-news-list li a,.tab-conm li a,.tab-conm1 li a,.tab-conr li>a,.hot-words-list li a,.exhibition-time,.exhibition-address,.exhibition-conr>a, .exhibition-conr>p,.exhibition-news li a,.brand-con-news li a,.news2-con li a,.about-con-list li a,.label li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/*单行超出隐藏*/
.top,.remind-l,.remind-r,.searchbox,.search-select,.contact,.index-nav,.level3-nav,.fpq li,.more,.news-list,.mod-tit-name,.tab-conl,.tab-conm,.tab-conm1,.tab-conr,.hot-words,.hot-words-list li,.label li,.news2>ul>li,.news2-bl img,.price,.about,.publicity-list{box-sizing:border-box;}
.topl span:hover,.web-nav-con a:hover,.reg:hover,.website:hover,.web-nav>span:hover,.searchgjc a:hover,.remind-r-con a:hover,.level3-nav a:hover,.product-list li:hover .product-tit,.fpq li>a:hover,.mod-news-conr>a:hover,.mod-news-conr>p:hover a,.mod-news li a:hover,.mod-news1 li a:hover,.company-list li a:hover,.company-news-list li a:hover,.tab-cont>a:hover,.tab-cont>p:hover a,.tab-conm li a:hover,.tab-conm1 li a:hover,.tab-conr li>a:hover,.tab-conr li>p:hover a,.hot-words-list li:hover a,.label li:hover a,.brand-con-news li a:hover,.brand-con-news li a:hover,.exhibition-conr>a:hover,.exhibition-news li a:hover,.news2-br>a:hover,.news2-br>span:hover a,.news2-con li a:hover,.about-con-list li a:hover,.blogroll li a:hover,.fpq li .fpq-mod a:hover{color:#e60000;-moz-transition:color .2s linear;-webkit-transition:color .2s linear;-o-transition:color .2s linear;-ms-transition:color .2s linear;transition:color .2s linear;}

.more{display:block;}
.more:hover{color:#fff!important;background-color:#18b202!important;border:none!important;}
.more2:hover{color:#e60000!important;}

.Toppic {
    height: 70px;
    background: url(http://www.5888.tv/User_Ad/Common/2019/0822/dajiangtang1.gif) center no-repeat;
}

    .Toppic a {
        display: block;
        height: 70px;
        position: relative;
        cursor: pointer;
    }

        .Toppic a strong {
            position: absolute;
            left: -1000px;
        }

.Toptjh {
    width: 1200px;
    margin: 5px auto;
}

/*顶部宣传、活动banner*/
.hj_tphd{width:100%;height:70px;background: url(/images/common/hjtphd.jpg) no-repeat center top;text-align:center}
/*顶部区域*/
.top{height:34px;font-size:12px;background-color:#f7f7f7;border-bottom:1px solid #eee;margin-bottom:8px;}
.topl{display:flex;align-items:center;height:34px;}
h1{font-size:12px; font-weight:normal; padding-left:10px; float:left; overflow:hidden;}
.top span,.top i,.topr a{display:block;}
.topl span{margin-left:10px;color:#333;cursor:pointer;}
.icon-ewm{width:16px;height:16px;background:url("/images/index/icon-ewm.png") no-repeat center;}
.icon-mobile{width:9px;height:16px;background:url("/images/index/icon-mobile.png") no-repeat center;}
.icon-xcx {
    width: 16px;
    height: 16px;
    background: url("/images/index/icon-xcx.png") no-repeat center;
}

.icon-dy {
    width: 16px;
    height: 16px;
    background: url("/images/index/icon-dy.png") no-repeat center;
}

.showpic img{position:absolute;top:27px;width:150px;height:150px; z-index:9999;
}
.showpic:hover img{display:block;}
.top-line{width:1px;height:16px;}
.topl-line{margin:0 14px;background-color:#fdfdfd;}
.topr{font-size:12px;line-height:34px;}
.login{width:70px;height:34px;color:#fff;background-color:#18b202;}
.topr-line{margin:9px 0;background-color:#bfbfbf;}
.reg{width:100px;}
.website{width:78px;}
.web-nav{position:relative;cursor:pointer;}
.head-fixed .web-nav{height:42px;}
.web-nav>span{margin:0 6px 0 14px;}
.web-nav>i{width:9px;height:6px;margin-top:14px;background:url("/images/index/icon-trigon-b.png") no-repeat center;}
.web-nav:hover .web-nav-con{display:block!important;}
.web-nav-con{zoom：1;z-index:999;position:absolute;top:34px;right:0;width:966px;padding:10px 0;border:1px solid #ddd;border-top:none;background:#fff;}
.head-fixed .web-nav-con{top:42px;}
.web-nav-con li{width:80px;height:auto;margin-left:20px;border-right:1px solid #efefef;}
.web-nav-con li:last-child{border-right:none;}
.web-nav-con li a{display:block;}
.web-nav-con li p{color:#333;font-size:14px;font-weight:bold;}
.web-nav-con li.web-nav-con-wide{width:200px;}
.web-nav-con-wide a{float:left;width:90px;margin-right:10px;}


.shuxian {
    width: 10px;
    height: 16px;
    line-height: 16px;
    float: left;
    margin-right: 5px;
}
.logo a,.logo span{display:block;}
.logo-pic{width:273px;height:64px;margin:20px 0 0px;}
.logo-line{position:relative;width:1px;height:58px;margin:34.5px 18px 0 18px;background-color:#cbcbcb;}
.logo-line::before {content: "";position: absolute;top: 0;width:1px;height: 16px;background: linear-gradient(to top, #cbcbcb,#fff);}
.logo-line::after {content: "";position: absolute;bottom:0;width:1px;height: 16px;background: linear-gradient(to top,#fff, #cbcbcb);}
.classify{display:block;margin-top:34.5px;font-size:20px;color:#535353;line-height:58px;font-weight:bold;}
.search{margin:0 10px 0 20px;}
.searchbox{position: relative;width: 570px;height: 42px;margin: 15px 0 10px 0;line-height: 42px;border:2px solid #18b202;}
.search-select{height: 38px;line-height: 38px;width:70px;overflow: hidden;color: #666;position:absolute;left:-2px;border-right:1px solid #ececec;padding-left: 8px;border-left:2px solid #009a44;}
.search-select>i{display:block;position: absolute;top: 0;right:10px;width:10px;height:6px;margin-top:16px;background:url("/images/index/icon-bottom.png") no-repeat center;}
.search-select ul li{width:40px;text-align:center;cursor:pointer;}
.search-select:hover{height: 228px;border-bottom:2px solid #18b202;background:#fff;border-top:0;border-right:none;z-index: 500;}
.search-select:hover ul li{width:100%;padding-left:8px;border-right:2px solid #18b202;text-align:left;box-sizing:border-box;}
.search-select:hover ul li:first-child{border-right:none;}
.searchbox .iconfont{font-size:12px;position: absolute;right: 5px;top:0;margin-top:16px;}
.searchtext{width:420px;margin-left:70px;height: 38px;line-height: 38px;border:none;outline: none;padding-left:5px;font-family: "microsoft yahei";}
.searchbtn{width:75px;position: absolute;top:0;right: 0;padding:0 20px;background:#18b202;color:#fff;height: 38px;border:none;outline: none;cursor: pointer;}
.searchbtn:active{background: #c00;}
.searchgjc{width:570px;font-size:12px;white-space:nowrap;overflow:hidden;}
.searchgjc>span{color:#666;}
.searchgjc>ul{width:520px;height:16px;}
.searchgjc a{display:inline-block;margin-right:10px;color:#333;}
.contact{width:285px;margin-top:15px; margin-left:8px;}

.qie_left li {
    position: relative;
    overflow: hidden;
}

    .qie_left li a {
        position: relative;
        display: block;
    }

.qiedefault {
    position: absolute;
    display: block;
}

.qie_top a, .P_donghuabox_top a, .P_donghuabox_left a {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.P_donghua {
    position: absolute;
    display: block
}

.new_gd {
    position: absolute;
    z-index: 999;
    right: 2px;
    bottom: 2px;
    height: 10px;
    width: 20px;
}

    /*导航*/
    .index-nav {
        height: 48px;
        background-color: #18b202;
        margin-top: 10px;
    }
.index-nav li{float:left;}
.index-nav li a{display:block;padding:0 17.7px;font-size:15px;color:#fff;line-height:48px;font-weight:bold;}
.index-nav-act,.index-nav li:hover{background-color:#009a44}
.nav-hot{z-index:99;display:block;top:5px;right:-18px;width:30px;height:16px;}



.dl_zc {
    width: 300px;
    float: right;
    font-size: 14px;
    margin-top: 10px;
}
.dl_zc .dl_btn{ height:44px;position:relative;}
.dl_btn .search_select{height: 40px;line-height: 40px;width:140px;overflow: hidden; float:left;color: #fff; background:url(http://www.3456.tv/images/2019shouyeimage/jiantou_xia_b.png) no-repeat #0fab2c 105px 20px; cursor:pointer; text-align:center;}
.dl_btn .search_select ul li{width:140px;text-align:center;cursor:pointer;}
.dl_btn .search_select:hover{height: 131px;border-bottom:1px solid #c1c1c1;border-top:0;z-index:500; position:absolute; top:0px; left:0px;}
.dl_btn .search_select:hover ul{}
.dl_btn .search_select:hover ul li{ background:#fff; color:#000;border:1px solid #c1c1c1; border-top:0px; box-sizing:border-box;}
.dl_btn .search_select:hover ul .dl{ background:url(http://www.3456.tv/images/2019shouyeimage/icon_dl.jpg) no-repeat 16px 13px #fff;}
.dl_btn .search_select:hover ul .zhuce{ background:url(http://www.3456.tv/images/2019shouyeimage/icon_zhuce.jpg) no-repeat 16px 13px #fff;}

.dl_zc .yidongduan{ float:right; width:95px; height:40px; line-height:40px; background:url(http://www.3456.tv/images/2019shouyeimage/icon_mobile.png) no-repeat #0fab2c 27px 12px; padding-left:45px}
.dl_zc .yidongduan a{ color:#fff;}

.hbtjwz{line-height:24px; font-family:"微软雅黑"; font-size:14px; color:#666; height:24px; margin-top:10px;}
.remind-l{width:310px;height:32px;border:1px solid #e5e5e5;}
.remind-tit{height:100%;color:#444;line-height:30px;background:#eaeaea;}
.remind-tit span{display:block;height:100%;margin:0 5px 0 8px;font-weight:bold;}
.remind-l-con{height:30px;line-height:30px;overflow:hidden;width:208px; margin:0px;padding:0px 5px;}
.remind-l-con a{display:block;color:#e60000;font-weight:bold;}
    .remind-l-con a {
        overflow: hidden;
        white-space: nowrap;
        width: 230px;
    }/*单行超出隐藏*/
.remind-l{box-sizing:border-box;}

/*top3*/
.top3dh1 {
    background: url(/images/index/top-bj.jpg);
    height: 53px;

    margin-top: 10px;
}

.top3dh {
    width: 1200px;
    height: 53px;
    margin-top: 5px;
    margin: 0 auto;
}

.top3dhl {
    width: 444px;
    height: 53px;
    background: url(/images/index/btbj.jpg) no-repeat;
    float: left;
    padding: 0 4px;
}

.top3dhsy {
    width: 84px;
    height: 53px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    float: left;
    font-size: 16px;
}

.top3dhlli {
    width: 116px;
    height: 53px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    float: left;
    font-size: 16px;
}

    .top3dhlli a, .top3dhr a, .top3dhsy a {
        color: #FFF
    }

        .top3dhlli a:hover, .top3dhr a:hover, .top3dhsy a:hover {
            color: #FF0;
            text-decoration: none;
        }

.top3dhr {
    width: 748px;
    height: 45px;
    margin: 4px 0;
    float: left;
}

    .top3dhr li {
        width: auto;
        height: 45px;
        margin: 0 29px;
        line-height: 45px;
        text-align: center;
        color: #fff;
        float: left;
        font-size: 16px;
    }

    .top3dhr div {
        width: 1px;
        height: 100%;
        float: left;
        background: #fff;
        opacity: 0.5;
    }

.top3dhb {
    width: 1200px;
    height: 34px;
    margin: 0 auto;
}

.top3dhb1 {
    height: 14px;
    float: left;
    margin: 10px 0 0 0;
    padding: 0 15px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    color: #000;
}

.top3dhb2 {
    height: 14px;
    float: left;
    margin: 12px 0;
    padding: 0 15px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    color: #000;
    border-left: 1px solid #d5d5d5;
}





/*首屏内容*/
.mod1{padding-top:10px;background-color:#f6f7f8;}
.level3-nav{width:1190px ;height:36px;font-size:14px;line-height:36px;background-color:#fff;border-radius:2px;}
.level3-nav li{float:left; margin:0 11.5px;}
.level3-nav a{display:block;color:#444;}







.kefu {
    border-top: 2px solid #0dac2c;
    font-family: "Microsoft Yahei";
}

    .kefu .kefu_tit {
        text-align: center;
        font-size: 40px;
        font-weight: bold;
        height: 80px;
        line-height: 80px;
        color: #0dac2c;
    }

    .kefu .gongzhonghao {
        text-align: center;
        font-size: 16px;
        line-height: 26px;
    }

    .kefu .kufu_phone {
        color: #555;
        font-size: 16px;
        width: 1000px;
    }

        .kefu .kufu_phone .qq {
            margin-top: 2px;
        }

        .kefu .kufu_phone ul li {
            line-height: 36px;
            margin-left: 20px;
            width: 480px;
        }

            .kefu .kufu_phone ul li .kefu_erweima, .kefu .kufu_phone .qq {
                float: right;
            }

                .kefu .kufu_phone ul li .kefu_erweima .icon_kefu_erweima {
                    margin: 6px 5px 0px;
                }

                .kefu .kufu_phone ul li .kefu_erweima .xians {
                    display: none;
                }

                .kefu .kufu_phone ul li .kefu_erweima:hover {
                    position: relative;
                }

                    .kefu .kufu_phone ul li .kefu_erweima:hover .xians {
                        display: block;
                        position: absolute;
                        z-index: 1;
                        top: 0px;
                        right: 20px;
                        width: 120px;
                        height: 120px;
                    }


.group_title {
    font-family: "Microsoft Yahei";
    width: 1200px;
    padding: 0 5px;
    margin: 0 auto;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #0fab2c;
    font-size: 16px;
    border-bottom: 1px dashed #d9d9d9;
    display: block;
}

.group_qq ul {
    font-family: "Microsoft Yahei";
    width: 1200px;
    padding: 5px;
    margin: 0 auto;
}

    .group_qq ul li {
        line-height: 22px;
        width: 320px;
        float: left;
        margin-top: 3px;
        _width: 300px;
        margin: 10px 30px
    }

.group_qq img {
    float: right;
    border: 0;
    width: 90px;
    height: 22px;
}

.group_qq span {
    float: left;
    display: block;
    font-family: "Microsoft Yahei";
    font-size: 14px;
}


#end_ad {
    font-family: "Microsoft Yahei";
    padding-top: 8px;
    margin: 0 auto 0 auto;
    text-align: center;
    color: #333333;
    font-size: 12px;
    width: 1200px;
    line-height: 20px;
    background: #FFFFFF;
    ;
    border-top: 1px dashed #d9d9d9;
}

    #end_ad p {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        font-family: "Microsoft Yahei";
        font-size: 14px;
        line-height: 24px;
    }

        #end_ad p img {
            width: 18px;
            height: 18px;
            display: inline-block;
        }

    #end_ad span a {
        color: #FF0000;
        font-weight: bold
    }

#nav {
    margin-right: 5px;
    padding-top: 5px;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    float: right;
}

.rongyu {
    margin: 0 auto;
}

    .rongyu img {
        display: inline;
    }












/*返回顶部*/
@media screen and (max-width:1190px){
    body,html{width:1190px;}
}