@charset "utf-8";
@import "common.css";
/* 顶部栏 */
.hi-top { width: 100%; height: 40px; line-height: 40px; background-color: #f5f5f5; font-size: 12px; color: #666666;}
.w1200 { clear: both; margin: 0 auto; width: 1200px;}
.hi-top .hi-top-r .link, .hi-top .hi-top-r .buy-car, .hi-top .hi-top-r .login { display: inline-block;}
.hi-top .hi-top-r .link li { float: left; margin-left: 6px;}
.hi-top .hi-top-r .link li a { margin-top: 10px; padding: 0 8px; display: block; line-height: 12px; border-right: 1px solid #b0b0b0;}
.hi-top a { color: #666;}
.hi-top .hi-top-r .link li:last-child a { border-right: 0;}
.hi-top .hi-top-r .login { color: #b0b0b0;}



/* 头部 */
.headweb { width: 100%; height: 100px; position: relative; background-color: #fff;}
.clearfix { zoom: 1;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.headweb .wlogo { width: 200px; height: 62px;}
.headweb .wlogo img { max-width: 100%; height: 60px; margin-top:15px;}
.headweb .webname{line-height:100px; font-size:26px; font-weight:bolder;}

.nav-cate:hover .webmenu{ display: block;}

/* 搜索 */
.headweb .search-box { margin-top: 24px; width: 305px; height: 40px; border: 1px solid #ff6f06; box-sizing: unset;}
.headweb .search-box .search-btn { width: 65px; height: 40px; background-color: #ff6f06; border: 1px solid #ff6f06; color: #fff; cursor: pointer;}
.headweb .search-box .search-input { height: 40px; line-height: 40px; width: 215px; padding: 0 10px; border: 0; box-sizing: unset;}

/* 顶部导航 */
.nav-cate{background:rgba(0,0,0,0.6);width: 200px; height: 40px; color: #fff;}
.nav-box{ background: #efefef; height: 40px; line-height:40px;}
.nav-box .nav-list{ padding: 0 20px;}
.nav-box .nav-list li{ float: left; margin:0 20px; font-size:16px;}

/* 导航
.headweb .webnav { margin-top: 24px;  width: 675px; height: 40px;}
.headweb .webnav li { float: left; margin-right: 15px;}
.headweb .webnav li a { position: relative; display: block; padding: 0 10px; line-height: 38px; font-size: 16px;}
.headweb .webnav .cur::after { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -13px; width: 26px; height: 5px; background: url(../images/nav_cur.png) no-repeat center center;}
.headweb .webnav .cur { color: #ff6f06;}
*/


/* 商品分类导航 */
.webmenu { position: relative; width: 100%; margin: 0 auto; height: 0px; z-index: 9999; background-color: #3a3a3a;}
.webmenu .nav-class { width: 200px; position: absolute; top: 0; background-color: #4b4b4b; z-index: 999;}
.webmenu .nav-classopaity { background-color: #4b4b4b; background-color: rgb(75 75 75 / 75%);}
.webmenu .webmenu-mainnav { height: 500px; padding: 6px 0; position: relative;}
.webmenu .nav-class:hover .webmenu-mainnav { display: block;}
.nav .webmenu-mainnav li:hover { background: #fff;}
.webmenu .webmenu-mainnav li:hover { background: #ff6f06;}
.webmenu .webmenu-mainnav li:hover .lmname { color: #fff;}
.webmenu .webmenu-mainnav li .sortmaintitle { height: 44px; line-height: 44px; padding: 0 20px; overflow: hidden;}
.webmenu .webmenu-mainnav li .sortmaintitle a { color: #fff;}
.webmenu .webmenu-mainnav li:hover .sortmaintitle a { color: #ff6f06;}
.webmenu .webmenu-mainnav li .sortmaintitle a i:first-child { float: left;}
.webmenu .webmenu-mainnav li .sortmaintitle a i:nth-child(2) { float: right; color: #e0e0e0;}
.webmenu .webmenu-mainnav li .sortmaintitle a i { font-size: 12px;}
.webmenu .webmenu-mainnav li .sortmaintitle a span { float: left;  width: 140px; display: block; margin: 0 4px; overflow: hidden;}
.webmenu .webmenu-mainnav li:hover .navsonbox { display: block;}
.webmenu .navsonbox { min-height: 500px; background-color: rgba(255,255,255,0.98); padding: 0px 15px; width: 1000px; position: absolute; top: 35px; left: 200px;  top: 0px;  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);  border: 1px solid #eee; border-left: none; display: none;}
.webmenu.navson-class-box { margin: 10px 0; overflow: hidden; clear: both; }
.webmenu .navson-class .maintitle { margin-top: 10px; line-height: 24px; margin-left: 16px;  font-weight: bolder; text-align:left;}
.webmenu .navson-class .maintitle a {  font-size: 14px; padding-right: 4px; color: #333; display: block; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;}
.webmenu .navson-class .maintitle a:hover{ color: #ff6f06; font-weight:bolder;}
.webmenu .navson-class .navson-class-subtitle { width: 98%;  text-align:left;  border-bottom: 1px dashed #e6e6e6; padding: 8px 0; color: #666; min-height: 24px;}
.webmenu .navson-class .navson-class-subtitle a { color: #666; position: relative; padding: 0 8px; line-height: 45px; height: 45px; display: inline-block; vertical-align: middle;}
.webmenu .navson-class .navson-class-subtitle a img {  width: 45px; height: 45px; float: left;}
.webmenu .navson-class .navson-class-subtitle a span { display: block; text-indent: 10px;}
.webmenu .navson-class .navson-class-subtitle a:hover { color: #ff6f06;}
.webmenu .navson-class .navson-class-subtitle a:first-child { border-left: unset;}


/* 幻灯片 */
.banner_b {
    width: 100%;
    background-color: #fff;
}
.webfocus {
    margin: 0 auto;
    position: relative;
    width: 1200px;
    height: 530px;
    background-color: #fff;
}
.webfocus .w1200 {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
}
.news-index li {
    float: left;
    width: 558px;
    padding: 15px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #f7f7f7;
}
.news-index li:hover {
    border: 1px solid #ff6f06;
    box-shadow: 0px 2px 10px 1px rgba(202, 203, 204, 0.5);
}
.news-index li:nth-child(2n) {
    margin-right: 0;
}
.news-index li .img {
    width: 166px;
    height: 126px;
    overflow: hidden;
}
.news-index li .img img {
    width: 166px;
    height: 126px;
}
.news-index li .txt {
    width: 370px;
}
.news-index li .txt .tit {
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.news-index li .txt .desc {
    width: 100%;
    margin: 20px auto;
    font-size: 14px;
    color: #999;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news-index li .txt .time-look {
    color: #999;
}
.mt20 {
    margin-top: 20px !important;
}
.news-index li {
    box-sizing: content-box;
}
.web_service {
    padding: 30px 0;
    border-bottom: 1px solid #dedede;
}
.web_service .web_service_list {
    overflow: hidden;
    height: 42px;
}
.web_service .grid_c1 {
    margin: 0 auto;
    width: 1200px;
}
.web_service .web_service_item {
    float: left;
    width: 297px;
}
.web_service .web_service_unit {
    position: relative;
    margin: 0 auto;
    padding-left: 45px;
    width: 180px;
}
.web_service .web_service_duo {
    background-repeat: no-repeat;
    background-position: 0 -192px;
    background-image: url(../images/kd.png);
}
.web_service .web_service_kuai {
    background-repeat: no-repeat;
    background-position: -41px -192px;
    background-image: url(../images/kd.png);
}
.web_service .web_service_hao {
    background-repeat: no-repeat;
    background-position: -82px -192px;
    background-image: url(../images/kd.png);
}
.web_service .web_service_sheng {
    background-repeat: no-repeat;
    background-position: -123px -192px;
    background-image: url(../images/kd.png);
}
.web_service .web_service_tit {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 36px;
    height: 42px;
    text-indent: -999px;
}
.web_service .web_service_txt {
    overflow: hidden;
    width: 100%;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
}
.web_service div {
    box-sizing: content-box;
}
.home-banner-box {
    height: auto;
    margin: 0 auto;
    width: 1200px;
    overflow: hidden;
    margin-bottom: 30px;
}
.wcontent {
    clear: both;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto 0;
    padding-top: 0px
}
.wcontent .hotcontent {
    width: 1200px;
    clear: both;
    overflow: hidden;
    padding: 0px 19px 5px;
}
.wcontent .hotcontent ul {
    width: 1200px
}
.wcontent .hotcontent ul li {
    margin: 0 10px 10px 0;
    width: 283px;
    height: 250px;
    background: #fff;
    border-radius: 1px;
    float: left;
    overflow: hidden;
    padding: 13px 20px 0 20px
}
.wcontent .hotcontent ul li .curImg {
    width: 190px;
    height: 140px;
    margin: 20px auto 0;
    cursor: pointer
}
.wcontent .hotcontent ul li .curImg img {
    max-width: 100%;
    margin: 0 auto
}
.wcontent .hotcontent ul li .title1 {
    font-size: 20px;
    font-family: PingFang-SC-Semibold, PingFang-SC;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    height: 28px;
    overflow: hidden
}
.wcontent .hotcontent ul li .title1 a:hover {
    color: #333
}
.wcontent .hotcontent ul li .title2 {
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    color: #999;
    padding-top: 4px;
    height: 20px;
    overflow: hidden
}
.wcontent .hotcontent ul .firstLi {
    width: 576px;
    padding-top: 20px
}
.wcontent .hotcontent ul .firstLi .firstP {
    width: 265px;
    margin: 12px auto 20px
}
.wcontent .hotcontent ul .firstLi .firstP img {
    max-width: 100%;
    height: 140px
}
.wcontent .hotcontent ul .firstLi .title2 {
    font-size: 12px
}
.tabs-qhtit h2 {
    position: relative;
    float: left;
    padding: 0 10px;
    font-size: 20px;
}
.tabs-qhtit h2::before {
    content: "";
    position: absolute;
    left: 0;
    margin-top: -10px;
    height: 20px;
    width: 3px;
    background-color: #ff6f06;
}
.web_imglb-home .price-num {
    margin-top: 20px;
    width: 100%;
    line-height: 1.5;
    overflow: hidden;
    padding: 15px;
}
.web_imglb-home .price {
    font-size: 14px;
    color: #ff6600;
}
.web_imglb-home .num {
    font-size: 14px;
    color: #999;
}