﻿    @charset "utf-8";

    /* CSS Document */

    

    body {

        margin: 0;

        padding: 0;

        font-size: 14px;

        line-height: 24px;

        color: #333;

        font-family: microsoft yahei;

    }

    

    img {

        border: 0

    }

    

    ul,

    li,

    h1,

    h2,

    h3,

    h4,

    h5,

    h6,

    dl,

    dt,

    dd,

    form,

    input,

    hr,

    img,

    div,

    label,

    span,

    p,

    table,

    tr,

    td {

        margin: 0;

        padding: 0;

        list-style: none;

        border: 0;

    }

    

    a {

        color: #333333;

        text-decoration: none;

    }

    

    a:link {

        text-decoration: none;

    }

    

    .fl {

        float: left;

    }

    

    .fr {

        float: right;

    }

    

    .clear {

        clear: both;

    }

    

    .wrap {

        width: 1200px;

        margin: 0 auto;

    }

    

    .top ul li.top02 span,

    .roduct-button .button-red,

    .roduct-button .button-cart,

    .tgfw .tg_jgrz,

    .tgfw .tg_sst,

    .tgfw .tg_zspj,

    .conbox_rt .yinzhang,

    .artconlt .artcon_txt_ttl,

    .total-group span,

    .ljpj .score-detail .score-hdty span.rate-stars,

    .ljpj .count-detail .count-group .percent-box,

    .rate-detail .review-content .user-pingfen .user-pingfen-stars,

    .artconrt .huobanttl,

    .detail-navbut .button-cart i,

    .conbox_jfsc p,

    .rmhdlist li .sysj,

    .rmhdlist li .qiangguang,

    .ss_from .ss_text input,

    .list_conlt ul li i,

    .list_conlt ul li .zhuti_dtae,

    .xuanqu01 .F-glob-close,

    .xuanqu01 span.jiantou,

    .cnxh .cnxh_icon,

    #Tab01 .Contentbox01 ul li span,

    .ttl01 .djs span.nztp,

    .kaiying i {

        background: url(../images/tupian.png) no-repeat scroll 0 0px;

    }

    

    .bgw {

        width: 1200px;

        background-color: #FFF;

        margin: 30px auto 0px;

        overflow: hidden;

    }

    

    .headerCon {

        width: 1200px;

        margin: 0 auto;

        height: 134px;

        overflow: hidden;

    }

    

    .fx_name {

        margin-top: 38px !important;

    }

    

    .headerCon .sousuo {

        width: 380px;

        padding-top: 42px;

    }

    

    .headerCon .dianhua01 {

        width: 196px;

        padding-top: 40px;

    }

    

    .headerCon .dianhua01 h1 {

        font-size: 20px;

        background: url(../images/dianhua01.jpg) left center no-repeat;

        color: #eb0a05;

        line-height: 21px;

        padding-left: 42px;

    }

    

    .headerCon .dianhua01 h1 span {

        font-size: 14px;

        font-weight: normal;

    }

    

    .ss_from .ss_text {

        width: 264px;

        height: 35px;

        border-top: solid #aa1111 2px;

        border-bottom: solid #eb0a05 2px;

        border-left: solid #aa1111 2px;

        padding-left: 10px;

        overflow: hidden;

    }

    

    .ss_from .ss_text input {

        width: 244px;

        height: 35px;

        background-position: 0px -20px;

        padding-left: 20px;

        color: #999;

        font: 14px/35px "Microsoft YaHei", ΢���ź�;

    }

    

    .ss_from .ss_submit {

        background-color: #eb0a05;

        width: 103px;

        height: 39px;

        text-align: center;

        color: #FFF;

        letter-spacing: 6px;

        font: 18px/39px "Microsoft YaHei", ΢���ź�;

        cursor: pointer;

    }

    

    .ss_hot {

        width: 626px;

        height: 30px;

        overflow: hidden;

        font: 12px/30px "Microsoft YaHei", ΢���ź�;

    }

    

    .ss_hot a {

        color: #999;

        padding-right: 10px;

    }

    

    .ss_hot a:hover {

        color: #c24a44;

    }

    /*��½ҳ��*/

    

    .denglu {

        width: 454px;

        height: 380px;

        border-radius: 5px;

        margin: -180px 0 0 -229px;

        z-index: 9999;

        position: fixed;

        top: 50%;

        left: 50%;

        border: solid 2px #666;

        background-color: #fff;

        display: none;

        box-shadow: 0 0 10px #666;

    }

    

    .dls {

        position: relative;

        width: 454px;

        height: 89px;

        border-bottom: 1px dashed #dddddd;

        margin-bottom: 36px;

    }

    

    .dls img {

        position: absolute;

        width: 115px;

        height: 61px;

        left: 121px;

        top: 9px;

    }

    

    .dls span {

        font-size: 20px;

        color: #eb0a05;

        padding-left: 22px;

        border-left: 1px solid #eee;

        height: 47px;

        width: 63px;

        line-height: 47px;

        position: absolute;

        top: 21px;

        left: 260px;

    }

    

    .close {

        color: #999;

        font: bold 14px/14px simsun;

        width: 30px;

        height: 30px;

        background: #ddd;

        border-radius: 0px 5px 0px 0px;

        text-align: center;

        line-height: 30px;

        text-shadow: 0 1px 0 #ddd;

        position: absolute;

        right: 0px;

        top: 0px;

    }

    

    .close:hover {

        color: #eb0a05;

    }

    

    .denglu form {

        width: 312px;

        margin: 0 auto;

    }

    

    .denglu form ul li {

        margin-bottom: 20px;

        font-size: 14px;

    }

    

    .denglu form ul li input {

        width: 310px;

        height: 40px;

        border-radius: 4px;

        border: 1px solid #eb0a05;

    }

    

    .kuang1 {

        font-size: 14px;

        color: #555;

    }

    

    .kuang2 {

        font-size: 14px;

        color: #555;

    }

    

    .kuang3 {

        background: #eb0a05;

        color: #fff;

        font-size: 14px;

        cursor: pointer;

    }

    

    .kuang4s {

        position: relative;

        color: #eb0a05;

    }

    

    .kuang4s img {

        position: absolute;

        right: 4px;

        top: 11px;

    }

    

    .kuang4 {

        background: url(../images/zimgs.jpg) 16px center no-repeat #faf2f2;

        text-indent: 34px;

    }

    

    .kuang1 {

        background: url(../images/zimg.jpg) 16px center no-repeat;

        text-indent: 34px;

    }

    

    .kuang2 {

        background: url(../images/mimg.jpg) 16px center no-repeat;

        text-indent: 34px;

    }

    

    .denglu_bj {

        z-index: 9998;

        position: fixed;

        top: 0;

        left: 0;

        width: 100%;

        height: 100%;

        background: #000;

        opacity: 0.4;

        filter: alpha(opacity=40);

        display: none;

    }

    /* 头部 */

    

    .logo_box {

        overflow: hidden;

        margin-bottom: 30px;

    }

    

    .logo {

        float: left;

    }

    

    .dh {

        float: right;

    }

    

    .dh img {

        margin-right: 20px;

        float: left

    }

    

    .dh_box {

        float: left;

        font-size: 21px;

        color: #999;

        margin-right: 30px

    }

    

    .dh_box p:last-child {

        margin-top: 10px;

    }

    

    .diqu {

        overflow: hidden;

        background-image: url(../images/sy_bj.png);

    }

    .diqu .diqu_m a{display:block;}

    

    .jiaoyu {

        background: #ffefef;

        width: 88px;

        font-size: 22px;

        text-align: center;

        color: #eb0a05;

        line-height: 26px;

        padding: 15px 0;

        letter-spacing: 3px;

        float: left;

        margin-right: 15px;

    }

    

    .diqu_m {

        overflow: hidden;

    }

    

    .diqu_m li {

        float: left;

        border: #e5e5e5 1px solid;

        padding: 5px 15px;

        margin-right: 15px;

        width: 8.15%;

        margin-bottom: 10px;

        text-align: center;

    }

    

    

    .diqu_m li:hover {

        border: #eb0a05 1px solid;

    }

    

    .diqu_m li:hover a {

        color: #eb0a05

    }

    /* 导航 */

    

    .nav {

        width: 1200px;

        margin: 0 auto;

        background: #d13938;

    }

    

    .nav ul li {

        padding: 0;

        text-align: center;

        font-size: 18px;

        float: left;

        width: 133px;

        height: 60px;

        background: #e60000;

    }

    

    .nav .active {

        background: #eb0a05;

    }

    

    .diqu .active {

        border: #eb0a05 1px solid;

    }

    

    .diqu .active a {

        color: #eb0a05!important;

    }

    /* 内容 */

    

    .nav_two {

        width: 1200px;

        margin: 0 auto;

        background: #e60000;

        clear: both;

        height: 54px;

        float: left

    }

    

    .nav_two ul li {

        text-align: center;

        font-size: 14px;

        float: left;

        position: relative

    }

    

    .nav_two ul li dl {

        display: none;

        position: relative;

        z-index: 99

    }

    

    .nav_two ul li dl dt {

        color: #fff;

    }

    

    .nav_two ul li dl dt:hover {

        background-color: #e60000

    }

    

    .nav_two ul li dl dt a {

        display: inline-block;

        padding: 10px 0px

    }

    

    .nav_two ul li:hover dl {

        display: block;

    }

    

    .nav_two ul li a {

        color: #fff;

        padding: 15px 16px 15px 16px;

        display: inline-block;

    }

    

    .nav_two ul li:hover {

        background: #ff201a;

    }

    

    .nav_two .active {

        background: #ff201a;

    }

    /* 底部 */

    

    .footer {

        background: #f3f3f3;

        margin-top: 80px;

        padding: 35px;

    }

    

    .footer p {

        text-align: center;

        line-height: 35px;

        font-size: 16px;

    }

    /*导航条*/

    

    .ind_nav .index_1 {

        width: 115px;

        height: 50px;

        padding-left: 15px;

        display: inline-block;

        font-size: 14px;

        color: #fff;

        line-height: 50px;

        float: left;

    }

    

    .index_ul {

        float: left;

        margin: 0 auto;

    }

    

    .ind_li {

        float: left;

        font-size: 18px;

        color: #fff;

        padding: 0px 50px 0px 50px;

    }

    

    .ind_li>a {

        font-size: 18px;

        color: #fff;

        padding-top: 0px;

        line-height: 60px;

        display: inline-block;

    }

    

    .index_right {

        float: right;

        padding-top: 0px;

    }

    

    .index_right>a {

        font-size: 14px;

        color: #fff;

        background: url(../images/nav_bg3.png) no-repeat #FF9900 39px 14px;

        padding-left: 67px;

        display: inline-block;

        height: 50px;

        width: 104px;

        line-height: 50px;

    }

    /*导航二级菜单*/

    

    .ind_li {

        position: relative;

        z-index: 2;

    }

    

    .ind_li:hover {

        background: #ff201a;

    }

    

    .ind_li:hover .sub_1 {

        display: block!important;

    }

    

    .sub_1 {

        display: none!important;

        position: absolute;

        left: 0px;

        z-index: 4;

    }

    

    .sub_1 li a {

        width: 133px;

        line-height: 60px;

        text-align: center;

        background: #ff201a;

        display: block;

        font-size: 16px;

        color: #fff;

    }

    

    .sub_1 li {

        border-top: #fff 1px solid;

    }

    

    .sub_1 li a:hover {

        background: url(../images/nav_ico.png) no-repeat 14px 12px #e60000;

        color: #fff;

    }

    

    .ewmbox {

        float: right

    }

    

    .ewmbox img {

        width: 80px;

        height: 80px;

        margin-right: 0px;

        margin-bottom: 5px;

    }

    

    .ewmbox p {

        text-align: center;

        line-height: 16px;

        font-size: 13px;

    }

    

    .nav_two ul li .luan-top {

        width: 103px;

        padding: 0 8px !important;

        line-height: 54px !important;

        font-size: 13px;

    }

    

    .nav_two ul li:nth-child(1) .luan-top {

        width: auto;

    }

    

    .nav_two ul li:nth-child(2) .luan-top {

        width: auto;

    }

    

    .nav_two ul li:last-child .luan-top {

       width: 111px;

        padding: 0 10px 0 11px!important;

    }

    

    .xjl_block {

        display: none

    }

    

    .xjl_none {

        display: block

    }

    

    .jyq_none {

        display: none;

    }

    

    @media screen and (min-device-width: 320px) and (max-device-width:640px) {

        .bgw,

        .nav,

        .fullSlide {

            display: none

        }

        .xjl_block {

            display: block;

        }

        .xjl_none {

            display: none

        }

        .logo_fl {

            width: 24px;

            margin-left: 10px;

            padding: 10px;

        }

        .header {

            position: fixed;

            left: 0px;

            top: 0px;

            background-color: #fff;

            z-index: 999;

            right: 0px;

        }

        .headerBody {

            display: -webkit-box;

            display: -webkit-flex;

            display: flex;

            align-items: center;

            justify-content: space-between;

        }

        .headerBody a .logo {

            width: 220px;

            padding: 8px 10px;

        }

        .diqu {

            display: block;

        }

        .xjl_zcc {

            background-color: #fff;

            width: 120px;

            z-index: 9999;

            position: absolute;

            right: 0px;

            top: 51px;

            border-top: 1px solid #e60000;

        }

        .xjl_zcc a {

            color: #e60000;

            display: block;

            border: 1px solid #e60000;

            border-top: 0px;

            padding: 10px 20px;

            text-align: center

        }

        /* .app_top64 {

            margin-top: 50px

        } */

        .box_swipe {

            overflow: hidden;

            position: relative;

            width: 100%

        }

        .box_swipe ul {

            -webkit-padding-start: 0px;

            height: 120px;

        }

        .box_swipe>ol {

            height: 20px;

            position: relative;

            z-index: 10;

            margin-top: -25px;

            text-align: center;

        }

        .box_swipe>ol>li {

            display: inline-block;

            margin: 5px 0;

            width: 20px;

            height: 2px;

            background-color: #fff;

            border-radius: 10px;

        }

        .box_swipe>ol>li.on {

            background-color: #2a6fca;

        }

        .mainbody,

        .nav_two {

            width: 100%

        }

        /* .you_zt01 {

            display: none;

        } */

        .jyq_none {

            display: block;

        }

        .si_px {

            width: 140px;

            height: 100px;

            object-fit: cover;

            float: left;

            margin-left: 15px;

            margin-right: 10px;

            border-radius: 5px;

        }

        .footer {

            display: none;

        }

        .sjdb {

            width: 100%;

            background: #fcfbfb;

            border-top: 1px solid #d2d2d2;

            position: fixed;

            bottom: 0;

            padding: 5px 0;

            font-size: 12px;

        }

        .footer_1 .on {

            background-image: url(../images/f01.jpg);

        }

        .footer_2 .on {

            background-image: url(../images/f02.jpg);

        }

        .footer_3 .on {

            background-image: url(../images/f03.jpg);

        }

        .sjdb li {

            float: left;

            width: 25%;

            margin: 0 auto;

            text-align: center;

        }

        .tup {

            margin: 0 auto;

            width: 30px;

            height: 25px;

            background-size: contain;

            background-repeat: no-repeat;

        }

        .kefu {

            background-image: url(../images/f002.jpg);

        }

        .zhongx {

            background-image: url(../images/f003.jpg);

        }

        .footer_dh {

            background-image: url(../images/f004.jpg);

        }

        .shoye {

            background-image: url(../images/f001.jpg);

        }

        .kefured {

            background-image: url(../images/f02.jpg);

        }

        .zhongxred {

            background-image: url(../images/f03.jpg);

        }

        .footer_dhred {

            background-image: url(../images/f04.jpg);

        }

        .shoyered {

            background-image: url(../images/f01.jpg);

        }

        .diqu {

            background-image: none;

        }

    }





    .xyfc {

    width: 478px;

    height: 336px;

    float: left;

    margin-bottom: 50px;

}



.xyfc .tit{

    height: 31px;

    

}

.xyfc .tit dd{

    font-family: "MicrosoftYaHei";

    font-size: 20px;

    font-weight: Bold;

    letter-spacing: 0px;

    color: #c40101;

        float: left;

}

.xyfc .tit .the_more{

    float: right;

}

.xyfc .tit .the_more a{

    font-family: "MicrosoftYaHei";

    font-size: 14px;

    letter-spacing: 0px;

    color: #c40101;

    font-weight: bold;

}



.slideBox{     

        width: 478px;

        height: 300px; overflow:hidden; position:relative;  }

    .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }

    .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }

    .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;     font-size: 12px; }

    .slideBox .hd ul li.on{ background:#29292a; color:#fff; }

    .slideBox .bd{ position:relative; height:100%; z-index:0;   }

    .slideBox .bd li{ zoom:1; vertical-align:middle; }

    .slideBox .bd img{ width: 478px;

        height: 300px;display:block;  }





.news_dong{

    float: right;

    width: 672px;

    margin-bottom: 50px;

}

.news_dong .news_tit{

    height: 31px;

    background:url(../images/nav.png) no-repeat 0% 100%;

    font-family: "MicrosoftYaHei";

    font-size: 20px;

    font-weight: Bold;

    letter-spacing: 0px;

    color: #c40101;

    margin-bottom: 25px;

}

.news_dong .news_tit dd{

    float: left;

}

.news_dong .news_tit .the_more{

    float: right;

}

.news_dong .news_tit .the_more a{

    font-family: "MicrosoftYaHei";

    font-size: 14px;

    letter-spacing: 0px;

    color: #c40101;

}





.news_cont{

    width: 672px;

    height: 252px;

}

.news_cont ul li{

    width: 672px;

}

.news_cont ul li div{

    float: left;

    width: 85%;

    font-family: "MicrosoftYaHei";

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 40px;

    letter-spacing: 0px;

    color: #323232;

}

.news_cont ul li div b{

    font-weight: normal;

    letter-spacing: 3px;

}

.news_cont ul li span{

    float: right;

    font-family: "MicrosoftYaHei";

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    line-height: 40px;

    letter-spacing: 0px;

    color: #323232;

}





.pro_1{

    margin-top: 99px;

    height: 399px;

    background-color: #ffffff;

    border: solid 1px #cd0300;

}

.pro_1 .pro_tit{

    width: 100%;

    height: 46px;

    background-color: #cd0300;

    text-align: center;

}

.pro_1 .pro_tit{

    text-align: center;

    font-family: "MicrosoftYaHei";

    font-size: 20px;

    font-weight: Bold;

    letter-spacing: 0px;

    color: #ffffff;

    line-height: 46px;

}

.pro_1 .pro_tit .the_more{

    float: right;

    font-family: "MicrosoftYaHei";

    font-size: 14px;

    font-weight: normal;

    font-stretch: normal;

    letter-spacing: 0px;

    padding-right: 17px;

}

.pro_1 .pro_tit .the_more a{

    color: #ffffff;

}



.pro_1 .pro_cont ul li{

    float: left;

    width: 280px;

    height: 312px;

    margin-right: 12px;

    margin-top: 20px;

    background-color: #ebebeb;

}

.pro_1 .pro_cont ul li img{

    width: 280px;

    height: 173px;

}

.pro_1 .pro_cont ul li:nth-child(1){

    margin-left: 21px;

}

.pro_1 .pro_cont ul li dd{

    text-align: center;

    font-family: "MicrosoftYaHei";

    font-size: 16px;

    letter-spacing: 0px;

    color: #c83935;

    padding-top: 12px;

}

.pro_1 .pro_cont ul li dt{

    /*padding-top: 10px;*/

    width: 90%;

    margin: 0 auto;

    font-family: "MicrosoftYaHei";

    font-size: 14px;

    line-height: 24px;

    letter-spacing: 0px;

    color: #565656;

}



.nav .current{background:#ff201a;}

.left{ float:left}
.right{ float:right}
.clear{ clear:both}
.xjm1{ overflow:hidden; width:1200px; margin:auto}
.xjm1 .left{ width:782px}
.xjm1 .left div{ float:left; width:391px}
.xjm1 .right{ width:391px}
.xj1 h1{ font-size:20px; color:#333; padding-bottom:15px; background:url(../images/xian.png) no-repeat left bottom; margin-bottom:20px}
.xj1 h1 a{ margin-left:80px; font-size:14px; color:#c83935}
.xj1 ul{ border:#e5e5e5 1px solid; overflow:hidden; padding:20px 20px}
.xj1 ul li a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:14px; display:block; padding:8px 0; border-bottom:#ccc 1px dashed; background:url(../images/xx.png) no-repeat left center; padding-left:30px;}