@charset "utf-8";

* { margin: 0px; padding: 0px; list-style: none; text-decoration: none; }

a { color: rgb(102, 102, 102); }

a:hover { color: red; }

body { font: 12px / 150% Arial, Verdana, 宋体; color: rgb(102, 102, 102); }

h1, h2, h3, h4, h5 { font-weight: normal; font-family: 微软雅黑; }

img { border: none; }

em, i { font-style: normal; }

table { border-collapse: collapse; border-spacing: 0px; }

thead { display: table-header-group; vertical-align: middle; border-color: inherit; }
/*右边栏*/
.lineBox{
        position: fixed!important;
        bottom: 30%;
        right: 0px;
        left: auto;
        z-index: 999999;
    }
    .lineBox .lineItem{
        cursor: pointer;
        width: 75px;
        height: 75px;
        background: #2d8cf0;
        margin-bottom: 1px;
        color: #fff;
        line-height: 55px;
        text-align: center;
        position: relative;
    }
    .lineItem .layui-icon{
        font-size: 26px;
    }
    .lineItem:hover{
        opacity: 0.8;
    }
    .lineTop{
        margin-top: 4px;
    }
    .lineTip{
        border-radius: 2px;
        box-shadow: 1px 1px 3px rgba(0,0,0,.2);
        position: absolute;
        top:0px;
        right: 84px;
        color: #000;
        padding: 0 10px;
        background: #fff;
        display: block;
    }
    .lineTip:before, .lineTip:after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        
        border: 8px solid transparent;
        border-left-color: rgba(255,255,255,1);
        right: -16px;
        top: 10px;
        z-index: 1;
    }

    .lineTip:after{
        right: -18px;
        border-left-color: rgb(218, 5, 1);
        /*border-left-color: rgb(237,237,237);*/
        z-index: 0;
    }
    .lineWechat{
        width: 150px;
        height: 150px;
        padding: 0px;
    }
    .lineQQ{
        width: 150px;
        height: 75px;
        line-height: 75px;
        font-size: 16px;
        padding: 0px;
        color: white;
        background-color: rgb(218, 5, 1);
    }
    .linePhone{
        width: 150px;
        height: 75px;
        font-size: 16px;
        line-height: 75px;
        padding: 0px;
        color: white;
        background-color: rgb(218, 5, 1);
    }

.jdm-toolbar-wrap { position: fixed; top: 0px; right: 0px; z-index: 9990; width: 0px; height: 100%; }

.jdm-toolbar { position: absolute; right: 0px; top: 0px; width: 0px; height: 100%; border-right: 6px solid rgb(122, 110, 110); transition: right 0.3s ease-in-out 0s; }

.jdm-toolbar-tab { position: relative; width: 35px; height: 35px; margin-bottom: 1px; cursor: pointer; background-color: rgb(122, 110, 110); border-radius: 3px 0px 0px 3px; }

.jdm-toolbar-tabs { position: absolute; top: 50%; left: -29px; width: 35px; margin-top: -61px; }

.jdm-tbar-tab-ger .tab-ico { background-position: -50px -220px; }

.jdm-tbar-tab-cart .tab-ico { background-position: -50px 0px; }

.jdm-tbar-tab-follow .tab-ico { background-position: -50px -50px; }

.jdm-tbar-tab-history .tab-ico { background-position: -50px -100px; }

.jdm-tbar-tab-message .tab-ico { background-position: -190px -150px; }

.jdm-tbar-tab-top .tab-ico { background-position: -50px -250px; }

.jdm-tbar-tab:hover .tab-ico { background-color: rgb(200, 22, 35); }

.jdm-toolbar-tab .tab-ico { width: 34px; height: 35px; margin-left: 1px; position: relative; z-index: 2; background-color: rgb(122, 110, 110); }

.jdm-tbar-panel-header .close-panel, .jdm-tbar-panel-header i, .jdm-toolbar-tab .tab-ico, .jdm-toolbar-tab .tab-tip, .jdm-toolbar-tabs .tabs-tip .ico { display: inline-block; background-image: url("../images/toolbar.png"); background-repeat: no-repeat; }

.jdm-toolbar-tab .tab-text { width: 62px; height: 35px; line-height: 35px; color: rgb(255, 255, 255); text-align: center; font-family: 微软雅黑; position: absolute; z-index: 1; left: 35px; top: 0px; background-color: rgb(122, 110, 110); font-style: normal; border-radius: 3px 0px 0px 3px; transition: left 0.3s ease-in-out 0.1s; }

.jdm-toolbar-footer { position: absolute; bottom: -1px; width: 100%; left: -29px; }

.jdm-toolbar-footer .jdm-tbar-tab:hover .jdm-tbar-tab-top > .tab-text { left: -48px; }

.jdm-toolbar-tab:hover, .jdm-toolbar-tab .tab-ico:hover { background-color: rgb(200, 22, 35); }

.jdm-toolbar-tab:hover .tab-text { left: -60px; background-color: rgb(200, 22, 35); }

.jdm-toolbar-tab:hover .tab-ico { background-color: rgb(200, 22, 35); }

#header {  width:100%; height: 35px; background: rgb(238, 238, 238); border-bottom: 1px solid rgb(218, 218, 218); }

.header-box { width: 1210px; margin: 0px auto; }

.header-box .huany { float: left; display: inline-block; margin: 10px 5px; font-size: 14px; }

.header-left { float: left; font-size: 12px; color: rgb(102, 102, 102); height: 35px; }

.header-left li { padding: 0px 24px 0px 10px; position: relative; }

.header-right { float: right; }

.header-right li { float: left; font-size: 12px; height: 35px; padding: 0px 24px 0px 10px; position: relative; }

.header-right .shu { width: 1px; height: 13px; margin-top: 11px; background: rgb(221, 221, 221); padding: 0px; }

.ci-right { font: 400 14px / 15px consolas; height: 7px; overflow: hidden; position: absolute; top: 12px; right: 5px; transition: -webkit-transform 0.1s ease-in 0s; color: rgb(106, 106, 106); }

.ci-leftll { font: 400 14px / 15px consolas; height: 7px; overflow: hidden; position: absolute; top: 12px; right: 5px; transition: -webkit-transform 0.1s ease-in 0s; color: rgb(106, 106, 106); }

#header li:hover .ci-right { transform: rotate(180deg); }

#header li:hover .ci-leftll { transform: rotate(180deg); }

.bj { border-left: 1px solid rgb(238, 238, 238); border-right: 1px solid rgb(238, 238, 238); }

.bj .dib { padding-left: 22px; line-height: 35px; background: url("../images/toub_tub.png") 0px -294px no-repeat; display: list-item; }

.bj:hover { background: rgb(255, 255, 255); border-left: 1px solid rgb(204, 204, 204); border-right: 1px solid rgb(204, 204, 204); }

.header-right .denglu { line-height: 35px; padding: 0px 15px; }

.header-right li .ing_ps { background: url("../images/toub_tub.png") 0px 0px no-repeat; padding-left: 20px; line-height: 18px; height: 18px; display: inline-flex; }

.header-right li .ing_ps:hover { background-position: 0px -37px; }

.header-right li .ps1:hover { background-position: 0px -110px; }

.header-right li .ps2:hover { background-position: 0px -185px; }

.header-right li .ps3:hover { background-position: 0px -260px; }

.header-right li .ps1 { background-position: 0px -73px; }

.header-right li .ps2 { background-position: 0px -148px; }

.header-right li .ps3 { background-position: 0px -223px; }

.bj-1 { width: 310px; border-right: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-image: initial; border-top: none; display: none; position: absolute; top: 35px; left: -1px; background: rgb(255, 255, 255); z-index: 100; }

.bj-1 h3 { margin: 5px 0px 0px 15px; }

.bj-1 a { display: inline-block; height: 20px; padding: 0px 5px; line-height: 20px; margin: 0px 12px; }

.header-left li:hover .bj-1 { display: block; }

.header-left li .bj-1 a:hover { padding: 2px 5px; background: rgb(238, 238, 238); }

.pc-title { background: rgb(255, 45, 1); vertical-align: middle; height: 40px; color: rgb(255, 255, 255); margin-top: 1rem; padding-left: 15px; }

.title_main { display: inline-block; vertical-align: middle; line-height: 40px; color: rgb(255, 255, 255); font-weight: normal; font-size: 16px; font-family: "Microsoft yahei", sans-serif; }

.toub_beij { width: 1210px; margin: 0px auto; position: relative; height: 150px; }

.toub_beij .logo { width: 280px; height:110px; float: left; clear: both; margin-top: 20px; }

.toub_beij .logo .logo_text{
    font-size: 16px;
    width: 260px;
    text-align: center;
    color: rgb(218, 5, 1);
}

.toub_beij .search { float: left; margin-top: 50px; position: absolute; right: 0px; }

.toub_beij .search .text { float: left; height: 40px; line-height: 24px; border-width: 1px 0px 1px 1px; border-color: rgb(218, 5, 1); border-style: solid; padding: 0px 0px 0px 40px; background: url("../images/sos.png") 10px center no-repeat; font-size: 14px; font-family: "microsoft yahei"; width: 350px; outline: 0px; border-radius: 3px 0px 0px 3px; color: rgb(111, 112, 113); }

.toub_beij .search .button { float: left; width: 90px; height: 42px; background: rgb(218, 5, 1); border: none; color: rgb(255, 255, 255); font-size: 1pc; border-radius: 0px 3px 3px 0px; cursor: pointer; }

.hotwords { clear: both; width: 500px; position: absolute; top: 98px; right: 0px; }

.hotwords a { float: left; margin: 0px 7px; }

.toub_beij .hotwords .biaoti { color: rgb(102, 102, 102); font-size: 14px; }

.toub_beij .service {
    width: 500px;
    height: 90px;
    text-align: center;
    line-height: 34px;
    float: left;
    margin-top: 40px;
    font-size: 16pt;
    position: relative;
    color: rgb(218, 5, 1);;
    }
.toub_beij .service .phoneimg{
    
    margin-top: -20px;
    float:left;
}
.toub_beij .service .phonetxt{
    float: left;
    margin-left: 20px;
}
#navv { clear: both; position: relative; min-width: 1210px; background: rgb(1, 90, 170); height: 60px; border-top: 1px solid rgb(223, 223, 223); }

.focus { width: 1210px; margin: 0px auto; height: 60px; position: relative; }

.focus .inner { width: 900px; left: 290px; top: 0px; position: absolute; }

.focus .inner .navmenu { flex: 1 1 0%; position: relative; }

.focus .inner .navmenu .navmenu { flex: 1 1 0%; position: relative; }

.focus .inner .navmenu ul li { position: relative; height: 60px; display: inline-block; width: 15%; text-align: center; }

.focus .inner .navmenu .submenu { position: absolute; left: 0px; top: 60px; width: 242px; background: white; z-index: 999; flex-flow: column; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px; display: none; text-align: left; }

.focus .inner .navmenu ul li.current { background-color: rgb(132, 14, 11); }

.focus .inner .navmenu ul li > a { width: 63px; line-height: 60px; height: 60px; font-family: MicrosoftYaHei; font-size: 16px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: rgb(255, 255, 255); }

.focus .inner .navmenu .submenu a:hover { background: rgb(174, 42, 38); color: white; }

.focus .inner .navmenu .submenu a { display: inline-block; width: 100%; height: 50px; line-height: 50px; background: none; text-indent: 35px; padding: 0px; font-size: 15px; }

.focus .inner .navmenu .navmenu ul li.current { background-color: rgb(132, 14, 11); }

.focus .focus-a { width: 210px; height: 60px; }

.focus .focus-a .nav-img2 { width: 100%; }

.focus .focus-a .fouc-font { position: absolute; top: 0px; width: 160px; left: 0px; height: 49px; border-left: 1px solid rgb(223, 223, 223); border-right: 1px solid rgb(223, 223, 223); text-align: center; }

.focus .focus-a .fouc-font a { color: rgb(255, 255, 255); font-size: 20px; display: inline-block; line-height: 45px; font-family: 微软雅黑; }

.dd-inner { height: 301px; background: rgba(0, 0, 0, 0.5); width: 160px; margin:10px 0px; position: relative; z-index: 2; zoom: 1; }

.dd-inner .item { height: 30px; color: rgb(255, 255, 255); line-height: 31px; position: relative; z-index: 100; background: rgba(0, 0, 0, 0.4); }

.dd-inner .item h3 { font-family: "microsoft yahei"; font-size: 14px; font-weight: 400; line-height: 30px; position: absolute; left: 11px; top: 0px; }

.dd-inner .item h3 p { line-height: 15px; }

.dd-inner .item h3 p a { float: left; margin-right: 15px; color: rgb(186, 186, 186); line-height: 15px; }

.dd-inner .item a { color: rgb(255, 255, 255); }

.dd-inner .item .da_zhu { font-size: 18px; }

.dd-inner .item i { font: 400 9px / 14px consolas; position: absolute; top: 10px; right: 14px; width: 4px; height: 14px; color: rgb(186, 186, 186); }

.dd-inner .item:hover { background: rgb(136, 136, 136); }

.dd-inner .item a:hover { height: 64.4px; color: red; text-decoration: underline; }

.font-item1 { position: absolute; left: 160px; top: 0px; width: 560px; border-top: 1px solid rgb(153, 153, 153); border-right: 1px solid rgb(153, 153, 153); border-bottom: 1px solid rgb(153, 153, 153); border-image: initial; border-left: none; background: rgb(247, 247, 247); display: none;  z-index: 100; }

.font-item1 .font-left { width: 540px; float: left; padding: 20px 0px 0px 20px; background: rgb(247, 247, 247); }

.font-item1 .font-left .one:hover a { background: rgb(200, 22, 35); }

.font-item1 .font-left .one:hover i { background: rgb(177, 25, 26); }

.font-item1 .font-left .two:hover a { background: rgb(200, 22, 35); }

.font-item1 .font-left .two:hover i { background: rgb(177, 25, 26); }

.font-item1 .font-left .three:hover a { background: rgb(200, 22, 35); }

.font-item1 .font-left .three:hover i { background: rgb(177, 25, 26); }

.font-item1 .font-left .four:hover a { background: rgb(200, 22, 35); }

.font-item1 .font-left .four:hover i { background: rgb(177, 25, 26); }

.font-item1 .font-left .five:hover a { background: rgb(200, 22, 35); }

.font-item1 .font-left .five:hover i { background: rgb(177, 25, 26); }

.font-item1 .font-left .sex:hover a { background: rgb(200, 22, 35); }

.font-item1 .font-left .sex:hover i { background: rgb(177, 25, 26); }

.font-item1 .font-lefty { clear: both; float: left; padding: 6px 3px 0px 20px; background: rgb(247, 247, 247); position: relative; }

.font-item1 .font-lefty .fore1 { width: 100%; overflow: hidden; position: relative; }

.font-item1 .font-lefty .fore1 dt { font-weight: 700; width: 54px; padding: 8px 30px 0px 0px; float: left; text-align: right; }

.font-item1 .font-lefty .fore1 i { font: 400 9px / 14px consolas; position: absolute; top: 11px; left: 64px; }

.font-item1 .font-lefty dd { width: 520px; height:268px;float: left; }

.font-item1 .font-lefty dd a { float: left; padding: 0px 8px; margin: 10px 0px; height: 16px; line-height: 16px; border-left: 1px solid rgb(224, 224, 224); }

.font-item1 .font-right { float: right; width: 168px; overflow: hidden; margin: 12px 20px 10px 0px; }

.font-item1 .font-right a { float: left; display: inline; margin: 1px 0px -4px 1px; }

.font-item1 .font-right a img { width: 83px; height: 35px; }

.font-item1 .font-righty { margin-right: 20px; width: 168px; float: right; }

.font-item:hover .font-item1 { display: block; }

.font-item:hover .item { background: rgba(0, 0, 0, 0.6); }

.fore-2:hover .font-item1 { display: block; }

.fore-2:hover .item { background: rgba(0, 0, 0, 0.6); }

.lunbo_cc { width: 1200px; margin: 10px auto;  }
.py_242{
    clear: both; 
    position: relative; 
    overflow: hidden; 
    left:162px; 
    width:1040px
}
#lunbo {
    width:710px;
    float:left;
}

/*#one { height: 300px; position: relative; margin-left: -960px; left: 50%; }*/
#one {height: 300px; position: relative; }
#one li { float: left; width: 0px; }
#one img { float: left; width: 790px;height:300px; }

#one .on { width: 520px; }

#two .on { background: red; width: 20px; border-radius: 5px; }

#two { position: absolute; left: 300px; bottom: 20px; }

#two li { float: left; width: 10px; height: 10px; border-radius: 50%; margin-left: 10px; background: rgb(102, 102, 102); color: rgb(113, 72, 72); cursor: pointer; line-height: 40px; overflow: hidden; text-align: center; }

.slider-page { display: none; }

.slider-page a { display: block; width: 28px; height: 62px; line-height: 62px; background: rgba(0, 0, 0, 0.2); color: rgb(255, 255, 255); text-align: center; font-size: 22px; font-weight: 400; margin-top: -31px; font-family: simsun; }

#left { position: absolute; left: 50px; top: 150px; }

#right { position: absolute; right: 310px; top: 150px; }

#lunbo:hover .slider-page { display: block; }

.tuijian{
    float:right;
    width:240px;
    height:300px;
    border: 1px solid rgb(37, 135, 197);
     
}
.tuijian .hd{ 
    font-family: "微软雅黑";
    font-size: 16px;
    font-weight: normal;
    height:30px; 
    line-height:30px; 
    background:#f4f4f4; 
    padding:0 20px; 
    border-bottom:1px solid #ddd;  
    position:relative; }
.tuijian .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.tuijian .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.tuijian .hd ul li.on{  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }

.tuijian .bd li .pic {
    padding: 2px;
    border: 1px solid #ddd;
    border-image: none;
    width: 50px;
    height: 50px;
    text-align: center;
    overflow: hidden;
    margin-right: 10px;
    float: left;
}
.pic img{
    width: 50px;
    height: 50px;
}
.tuijian .bd ul {
    overflow: hidden;
    margin-top: 5px;
    -ms-zoom: 1;
}
.tuijian .bd ul li {
    width: 100%;
    text-align: center;
    padding-bottom: 8px;
    float: left;
    -ms-zoom: 1;
}
.tuijian ul li .title a {
    width: 170px;
    height: 25px;
    line-height: 25px;
    text-align: left;
    overflow: hidden;
    font-size: 16px;
    float: left;
    -ms-text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.tuijian ul li .title .model {
    text-align: left;
    color: #f50;
    font-size: 14px;
    font-weight: bold;
    margin-top: 3px;
}
.chuchuang { width: 1200px; margin: 30px auto; }

.slideTxtBox4 { text-align: left; }

.slideTxtBox4 .hd { height: 30px; line-height: 30px; border-bottom: 1px solid rgb(37, 135, 197); position: relative; }

.slideTxtBox4 .hd h1 { height: 25px; padding-left: 38px; background: url("../images/sanye_c.png") 0px -75px no-repeat; font-family: 微软雅黑; color: rgb(60, 64, 66); font-size: 20px; float: left; }

.slideTxtBox4 .hd h1 p { float: left; margin-right: 5px; }

.slideTxtBox4 .hd a { float: right; font-size: 16px; }

.slideTxtBox4 .hd h1 .yingw_ { color: rgb(170, 170, 170); text-transform: uppercase; }

.slideTxtBox4 .hd ul { position: absolute; right: 50px; top: 0px; height: 32px; }

.slideTxtBox4 .hd ul li { float: left; padding: 0px 15px; cursor: pointer; font-size: 16px; font-family: 微软雅黑; }

.slideTxtBox4 .hd ul li.on { height: 30px; background: rgb(37, 135, 197); color: rgb(255, 255, 255); }

.slideTxtBox4 .hd ul li.on a { color: rgb(255, 255, 255); }

.slideTxtBox4 .bd ul { padding: 20px 0px; zoom: 1; overflow: hidden; }

.slideTxtBox4 .bd li { height: 24px; line-height: 24px; }

.slideTxtBox4 .bd li .date { float: right; color: rgb(153, 153, 153); }

.pangb_daoh { width: 233px; height: 516px; float: left; border-left: 1px solid rgb(233, 233, 233); border-top: 1px solid rgb(233, 233, 233); border-right: 1px solid rgb(233, 233, 233); overflow: hidden; }

.pangb_daoh h1 { width: 235px; height: 260px; overflow: hidden; }

.kuas_daoh_houm { width: 233px; height: 245px; border-left: 1px solid rgb(233, 233, 233); border-right: 1px solid rgb(233, 233, 233); border-bottom: 1px solid rgb(233, 233, 233); padding-top: 10px; overflow: hidden; text-align: center; }

.kuas_daoh_houm a { display: block; width: 76px; line-height: 28px; float: left; }

.kuas_daoh_houm a:hover { background: rgb(212, 42, 140); color: rgb(255, 255, 255); }

.kuas_daoh_houm_2 a:hover { background: rgb(101, 133, 210); }

.kuas_daoh_houm_3 a:hover { background: rgb(69, 184, 151); }

.kuas_daoh_houm_4 a:hover { background: rgb(37, 135, 197); }

.shang_buf { width: 100%; border-bottom: 1px solid rgb(233, 233, 233); overflow: hidden; }

.you_lirb .you_shangp_lieb:hover a { color: rgb(212, 42, 140); }

.you_lirb_2 .you_shangp_lieb:hover a { color: rgb(101, 133, 210); }

.you_lirb_3 .you_shangp_lieb:hover a { color: rgb(69, 184, 151); }

.you_lirb_4 .you_shangp_lieb:hover a { color: rgb(37, 135, 197); }

.you_shangp_lieb .you_tup_k { width: 212px; height: 158px; overflow: hidden; display: block; }

.you_shangp_lieb .you_tup_k { transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s, -moz-transform 0.4s ease 0s; }

.you_shangp_lieb:hover .you_tup_k { transform: translateX(-4px); }

.you_shangp_lieb ._you_neir_biaot { font-size: 14px; font-family: 微软雅黑; line-height: 20px; text-align: center; display: block; }

.you_shangp_lieb span { display: block; color: rgb(225, 6, 1); font-size: 16px; line-height: 25px; text-align: center; }

.you_lirb_hou { width: 964px; }

.shang_buf { width: 100%; border-bottom: 1px solid rgb(233, 233, 233); overflow: hidden; }

.you_lirb_4 .you_shangp_lieb:hover a { color: rgb(37, 135, 197); }

.you_shangp_lieb .you_tup_k { width: 212px; height: 158px; overflow: hidden; display: block; }

.you_shangp_lieb .you_tup_k { transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s, -moz-transform 0.4s ease 0s; }

.you_shangp_lieb:hover .you_tup_k { transform: translateX(-4px); }

.you_shangp_lieb ._you_neir_biaot { font-size: 14px; font-family: 微软雅黑; line-height: 20px; text-align: center; display: block; }

.you_shangp_lieb span { display: block; color: rgb(225, 6, 1); font-size: 16px; line-height: 25px; text-align: center; }

.xia_buf { width: 100%; overflow: hidden; }

.you_shangp_lieb { width: 208px; height: 237px; float: left; overflow: hidden; padding: 10px 16px; border-right: 1px solid rgb(233, 233, 233);border-top: 1px solid rgb(233, 233, 233); }

.you_lirb .you_shangp_lieb:hover a { color: rgb(212, 42, 140); }

.you_lirb_2 .you_shangp_lieb:hover a { color: rgb(101, 133, 210); }

.you_lirb_3 .you_shangp_lieb:hover a { color: rgb(69, 184, 151); }

.you_lirb_4 .you_shangp_lieb:hover a { color: rgb(37, 135, 197); }

.you_shangp_lieb .you_tup_k { width: 212px; height: 158px; overflow: hidden; display: block; }

.you_lirb { float: right; height: 515px;  position: relative; }

.you_shangp_lieb .you_tup_k { transition: transform 0.4s ease 0s, -webkit-transform 0.4s ease 0s, -moz-transform 0.4s ease 0s; }

.you_shangp_lieb:hover .you_tup_k { transform: translateX(-4px); }

.you_shangp_lieb ._you_neir_biaot { font-size: 14px; font-family: 微软雅黑; line-height: 20px; text-align: center; display: block; }

.you_shangp_lieb span { display: block; color: rgb(225, 6, 1); font-size: 16px; line-height: 25px; text-align: center; }

.dib_beij { background: rgb(238, 238, 238); }

.footer { 
    background-color: #323232;
    font-size: 16px;
    color: #ffffff;
    position: relative;
}
.footer .title {
    height: 84px;
    line-height: 84px;
    font-weight: bold;
    margin-bottom: 30px;
    position: relative;
}
.footer .title:before {
    content: ' ';
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 6px;
    width: 46px;
    background-color: #C52D28;
    border-radius: 6px;
}
.f-head {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.f-head .detail div {
    margin: 8px 0;
}
.detail a{
    display: inline-block;
    color: #ffffff;
    margin: 10px 0 20px 0;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}
.f-foot a {
    display: inline-block;
    color: #ffffff;
    margin: 10px 0 20px 0;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}
.f-foot {
    margin: 0 0 20px 0;
    text-align: center;
}

.container {
    margin: 0 auto;
    width: 1200px;
    min-width: 1200px;
    align-items: center;
}
.footer .contact, .footer .link {
    width: 500px;
}

/**
产品详情页默认模块的相关 css
 */
.product-swipper {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.product-swipper-item ul a {
    display: inline-block;
}

.product-swipper-item ul {
    width: 100%;
    display: flex;
    list-style: none;
    flex-shrink: 1;
    justify-content: space-between;
    padding: 0;
}

.product-swipper-item ul li {
    width: 16%;
}

.product-swipper-item ul li.active {
    border: 2px solid #f38d00;
    box-sizing: border-box;
}

.product-swipper-item ul li img {
    max-width: 100%;
    max-height: 80px;
}


.swiper-slide {
    background-size: cover;
    background-position: center;
}

.gallery-top {
    width: 100%;
    height: 400px;
}

.gallery-thumbs {
    height: 70px;
    width: 100%;
    margin-top: 1rem;
    box-sizing: border-box;
    padding: 0;
}

.gallery-thumbs .swiper-slide {
    width: 20%;
    height: 100%;
}

.gallery-thumbs .swiper-slide-thumb-active {
    border: #f38d00 2px solid;
}

.product-title {
    padding: 0;
    font-size: 1.8rem;
    font-weight: 500;

}

.product-info {
    display: flex;
    align-items: center;
}

.product-info span {

    padding: 0;
    font-size: 14px;
    color: #999;
}

.product-info div {
    margin: 0 10px 0 0;
}

.product-price {
    margin: 20px 0;
    font-size: 28px;
    color: #333;
    font-weight: 600;
}

.product-usp {
    font-size: 14px;
    color: #666;
    width: 100%;
}

.product-specs ul a {
    display: inline-block;
}

.product-specs ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    flex-shrink: 1;
    padding: 0;
    margin-top: 20px;
    align-items: center;
}

.product-specs ul li {
    padding: 2px 10px;
    margin-bottom: 4px;
    margin-right: 4px;
    text-align: center;
    border: 2px solid #ccc;
    cursor: pointer;

}

.product-specs ul li.active {
    border: 2px solid #f38d00;
    box-sizing: border-box;
    color: #f38d00;
}

.product-btn {
    margin-top: 40px;
}

.product-btn a {
    padding: 10px 20px;
    margin-right: 10px;
}

.product-btn-buy {
    background-color: #f38d00;
    border: 1px solid #f38d00;
    color: #fff;
}

a.product-btn-buy:hover {
    color: #fff;
}

.product-btn-cart {
    color: #E5511D;
    border-color: #F0CAB6;
    background: #FFE4D0;
}

a.product-btn-cart:hover {
    color: #E5511D;
}

.product-btn-star {
    margin-top: 1rem;
}

.product-btn-star a {
    color: #666;
    font-size: 14px;
}

.product-tag {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #eee;
}

.product-tag a {
    margin-right: 10px;
}

.product-tag p {
    color: #999;
    font-size: 14px;
    margin-bottom: 4px;
}

/**
    产品详情页默认模块的相关 end
 */