img{
    max-width: 100%;
}
body{
    background: #eeeff3;
}
.row-w1200{
    margin: 0 auto; max-width: 1205px;
}
.box-top{
    height:105px;
}
.box-top-bg{
    background: #fff;
}
.color-white{
    background: #FFFFFF;
}
.txt-info span{
    margin-left: 12px;color: #8c8c8c;
}
.txt-info span a{
    color: #8c8c8c;
}
.nav-1{
    background: #489afe;
    /*margin: 15px 0 15px 0;*/
}
.nav-bg{
    background: #489afe;
    font-size: 16px;
    margin-right: 47px;
}
.nav-bg span{
    padding-left: 10px;
    margin-right: 80px;
}
.nav-bg span a{
    color: #FFFFFF;
}
.box-border-bottom{
    border-bootom:#bababa 1px solid;
    box-shadow: 5px 5px 2px #bababa;
}
.band img{
    width:100%;max-height:100%;
}
.h-150{
    height: 150px;
}
.h-250{
    height: 250px;
}
.h-80{
    height: 80px;line-height: 80px;
}
.h-60{
    height: 60px;line-height: 60px;
}
.h-40{
    height: 40px;line-height: 40px;
}
.h-35{
    height: 35px;line-height: 35px;
}
.h-50{
    height: 55px;line-height: 52px;
}
.h-20{
    height: 25px;line-height: 25px;
}
.t-l{
   text-align: left;
}
.ft-1{
    font-size:25px;font-weight: bold;
}
.box-nav a{
    font-size:18px;color: #545454;
}
.layui-breadcrumb a:hover{
    color: #000000 !important;
}

.t-c{
    text-align: center;
}

.f-l-10{
    float: left;
}
.f-l{
    float: left;
}
.h-80{
    height: 80px;line-height: 80px;
}
.box-serch-btn{
    width: 20% !important;height:37px!important;line-height: 37px !important;color:#fff !important;background: #489afe !important;
    padding:0px !important;border: none !important;cursor: pointer;margin-top:20px;
}
.box-serch-key{
    margin-right: -4px !important;
    border:1px #489afe solid !important;
    margin-top: -1px;
    width:78%!important;
}
.box-serch-key input{
    width: 95%;height:35px!important;border:none !important;padding-left: 5%;
}

.t-20{
    margin-top:20px;
}
.t-40{
    margin-top:40px;
}
.h-480{
    height:480px;background: #fff;
}
.h-490{
    height:490px;background: #fff;
}
.h-500{
    height:500px;background: #fff;
}
.h-120{
    height:155px;
}
.box-border{
    border:1px solid #dfe0e2;box-shadow: 2px 2px 0px #dfe0e2;
}
.p-30{
    padding-top:30px;paddng-bottom:30px;
}
.h-340{
    height:340px;
}
.ft-2{
    font-size:20px;font-weight: bold;
}
.box-img-1{
    width:240px;height:auto;vertical-align: middle;max-height: 100%;
}

.t-10{
    margin-top:10px;
}
.t-20{
    margin-top:20px;
}
.t-30{
    margin-top:30px;
}
.t-8{
    margin-top:8px;
}
.ft-3{
    font-size: 25px;font-weight: bold;
}
.l-h-2rem{
    line-height: 2rem;
}
.ft-13{
    font-size: 13px;
}
.ft-15{
    font-size: 15px;
}
.box-son-span span{
    /*margin-left:15px;*/
}
.box-son-span{
    font-size: 15px;
}
.ft-4{
    font-size:15px;font-weight: bold;
}
.ft-5{
    font-size:13px;
}
.box-p{
    line-height: 20px;padding-right:30px;
}
.t-20{
    margin-top:20px;
}
.h-330{
    height:330px;
}
.p-20{
    padding:20px 0px;
}
.p-10{
    padding:10px 0 0 0;
}
.posi-r-250{
    width: 300px;position: absolute;top: -42px;right: 250px;
}
.posi-r-20{
    position: absolute;top: -31px;right: 20px;
}
.w-97b-r{
    height:auto;background: #fff;min-height:330px;
}
.w-97b-l{
    height:auto;background: #fff;min-height:330px;padding-top: 20px;
}
.w-98b{
    height:auto;background: #fff;min-height:330px;padding-top: 20px;padding-left:2%;padding-right:2%;
}
.zzcs1{
    background: #dfecf4;
    padding: 1px 10px;
    margin: 14px  47px 20px 0;
    font-size: 15px;
}
.box-title{
    width:80%;margin:0px 10%;background: #eeeff3;height:37px;line-height:37px;
}
.box-desc{
    width:80%;padding:20px 10%;background: #fff;
}
.box-desc ul{
    background: #eeeff3;
    font-size: 15px;
}
.box-desc ul li{
    list-style-type: disc;
    margin:0 10px 0 33px;
    padding: 5px;
}
.box-desc ul li a{
    color: #aeafb0;
}
.box-desc ul li span{
    float: right;

}
.box-desc p{
    word-wrap:break-word;
}
.box-btn{
    width:80%;padding:20px 10%;background: #fff;
}

.box-buy-title .box-buy-title-bg{
    height: 52px;
    position: relative;
    width: 635px;
    padding-left: 15px;
    font-size: 18px;
    color: #fff;
    margin-left:-29px;
    background: #489afe;
}
.box-buy-title-circle{
    width: 80px;
    height: 52px;
    position: absolute;
    top: 0;
    left: 632px;
    background: #FFFFFF;
    border-radius: 27px;
}
.box-buy-background{
    width: 1077px;
    height: 303px;
    margin: 20px 0 20px 65px;
    background: url(/images/mulvbj.jpg) no-repeat;
}
.m-l{
    width: 908px;
    margin-left: 39px;
    text-align: center;
}
.box-buy-background .mul{
    margin: 0 auto;
    font-size: 22px;
    color: #0b78e5;
    padding-top: 20px;
}
.box-q-left{
    text-align: left;
}
.xian-1{
    width: 30px;
    border-bottom: 1px solid #0b78e5;

}

.xian-2{
    width: 30px;
    border-bottom: 1px solid #0b78e5;
}
.js-box-q{
    line-height: 2rem;
}
.js-box-q-1{
    font-size: 15px!important;
    line-height: 2rem!important;
}



.t-c-1{
    margin-left:20%;
}

.box-relative{
    position: relative;
}
.box-num-0{
    position: absolute;
    top:-30px;left:50%;margin-left:-36px;
}
.box-num-1{
    position: absolute;top: -32px;
    left: 68%;
    margin-left: -30px;color: #fff;
}
.box-num-2{
    position: absolute;    top: -33px;
    left: 92%;
    margin-left: -20px;color: #fff;
}

.box-title-1{
    width:80%;padding:5px 10%;background: #489afe;height:37px;line-height:37px;color: #FFFFFF;font-size: 16px;
}
.f-t-6{
    font-size: 15px;font-weight: bold;color: red;
}
.f-t-7{
    font-size: 17px;font-weight: bold;
}
.p-tb-10{
    padding:5px 0px;
}
.box-title-2{
    width:96%;padding:5px 2%;background: #489afe;height:37px;line-height:37px;color: #FFFFFF;font-size: 16px;
}
.box-desc-2{
    width:96%;padding:20px 2%;background: #fff;
}
.f-w-n{
    font-weight: unset;
}
.f-t-8{
    color: #FFFFFF;font-weight: bold;
}

.box-li li{
    height:30px;line-height: 30px;
}
.box-li-2 li{
    height:30px;line-height: 30px;width: 50%;float: left;
}
.box-desc-2 .layui-tab-brief>.layui-tab-title .layui-this {
    color: #489afe !important;
}
.box-desc-2 .layui-this:after {
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #489afe !important;
}
.box-q-title{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #0b78e5;
    margin-bottom: 10px;
}
.box-q{
    padding:15px 20px;
    font-size: 15px;
}
.box-details{
    width: 1085px;
    margin: 10px 30px;
    border: 2px solid #45b77c;
    border-radius: 10px;
    background: #fefffa;
    text-align: center;
}
.box-details-title{
    margin: 10px 0;
    font-size: 23px;
    color: #0b78e5;
}
.box-sj-goods-div{
    width:20%;
    float:left;
}

.box-sj-goods-div img{
    width:100%;
    max-height:100%;
}
.box-fixed{
    width:100%;z-index:1500;
}

.spec-list {
    display: none;
}
.preview{
    width:92%;margin-left:3%;
}
.gallery_wrap{
    width:100%;
    border:none;height:auto !important;
}
.gallery_wrap li{
    width:100%;height:auto !important;
}
.gallery_wrap li img{
    max-width:98%;
    height: 333px;
    /*height:auto !important;*/
/*    border: 1px solid #d2d2d2;*/
}
.initial-area{
    margin-left:0px !important;
}
.choose-btns {
    margin-top: 0px !important;
    padding-left: 0px !important;
}
.detail_op li {
    float: left;
}
.font-bidu{
    font-size: 15px;
}
.bidu{
    color: #489afe;
}

.height-auto{
   margin: auto;
}

.span-but{
    background: #489afe;
    padding: 12px 18px;
    color: #FFFFFF;
    border-radius: 20px;
    margin-left: 42%;
}
.p-yc{
    display: none;
}

.show-nav{
    width: 10px;
    height: 300px;
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -738px;
}
.show-nav ul{
    width: 100px;
    height: 267px;
    background-color: #FFFFFF;
    font-size: 15px;
}
.show-nav ul li {
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-bottom: 5px solid #eeeff3;
}
.show-nav ul li a {
    position: relative;
    width: 100px;
    height: 40px;
    line-height: 40px;
    display: block;
    color: #489afe;
}
.page-1{
    background: #FFFFFF; width: 985px;margin-right: 5px;float: right;margin-top: 5px;
}
.page-1 span{
    padding: 0 50px;
}
.page-1 span a:hover{
    color: #489afe;
}
.g-m-content {
    font-size: 13px;
    line-height: 1.5;
    font-family: arial,Tahoma,Helvetica,simsun,microsoft yahei,sans-serif;
    margin-bottom: 30px;
}
.g-m-content .recommand {
    width: 18%;
    line-height: 26px;
    margin: -1px 2px 0 2px;
    border: 1px solid #eee;
    float: left;
    padding: 0 5px 7px 5px;
    position: relative;
}
.g-m-content .index1 .title {
    background-color: #f42424;
}
.g-m-content .recommand .title {
    width: 100%;
    height: 42px;
    line-height: 42px;
    background: #f42424;
    border-bottom: 1px solid #ffde8b;
    text-align: center;
    margin: 0 0 10px -5px;
    padding: 0 5px;
    font-size: 16px;
    color: #fff;
    border-top: none;
    position: relative;
    font-weight: bold;
}
.g-m-content div {
    position: relative;
}
.g-m-content .top3 li {
    border-top: none;
    text-indent: 25px;
}
.recommend-first {
    background: url(/images/r1.png) no-repeat left 2px;
    background: cover;
}
.recommend-two {
    background: url(/images/r2.png) no-repeat left 2px;
    background: cover;
}
.recommend-three {
    background: url(/images/r3.png) no-repeat left 2px;
    background: cover;
}
.g-m-content .top3 em {
    display: block;
    width: 14px;
    height: 10px;
    background: url(/images/hot.png) no-repeat;
    float: right;
    margin-right: 7px;
    margin-top: 10px;
}
.g-m-content .recommand li {
    border-top: 1px dashed #eee;
}
.top-num {
    font-size: 16px;
    color: #f78500;
    margin-right: 6px;
    margin-left: 1px;
}
.recommand .item em {
    display: block;
    width: 5px;
    height: 9px;
    background: url(/images/arrow-r.png) no-repeat;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
.g-m-content .index2 .title {
    background-color: #f42424;
}
.g-m-content li{
    width:100%;
}

.h-auto{
    height:auto;padding:15px 53px;
}
.h-auto-1{
    height: auto;
}
.m-h-150{
    min-height: 200px;
}
.box-bg-1{
    background: #f78500;padding:10px 15px;color: #fff;margin-top: 10px;
}
.box-bg-1 .c-a{
    color: #ffffff;
}

.mrov-1{
    background: #FFFFFF; width: 975px;margin-right: 5px;float: right;margin-top: 10px;padding: 10px;font-size: 14px;
}
.mrov-1 span{
   margin-right: 5px;line-height: 2rem;
}
.mrov-1 span a{
    font-size: 14px;
}
.mrov-1 span a:hover{
    color: #489afe;
}
.mrov-d-2{
    margin-left: 103px;
}
.footer-new{
    background-color:#fff;margin-top: 20px;
}
.footer-new-bot p {
    color: #888;
}
.footer-new-bot p a{
    color: #888;
}
.footer-new-bot p a:hover{
    color: #489afe;
}