@charset "UTF-8";
/*home.css*/
  *{margin:0;padding:0;}
      ul,li{
        list-style:none;
      }
      body{
        padding-top:0;
        background:#fff;
      }
        .width1200{
            width:1200px;
            margin:0 auto;
        }
         .header{
            height:95px;
             background-image: url('../images/top_star.png');
             background-repeat: no-repeat;
         }
        .header .left{
            float:left;
            /*height:81px;*/
            width: 500px;
            margin-top: 28px;
            
        }
.header .left img {
    vertical-align: middle;
    margin-right: 10px;
}
    .header .left span {
        font-size: 14px;
        /*vertical-align: bottom;*/
        font-weight: bold;
    }
    .header .left span.large {
        vertical-align: middle;
        font-size: 30px;
        font-weight: normal;
    }
        .right{
            float:left;
            text-align: right;
            width:700px;
        }
        .right > a{
            position: relative;
            color: #000;
            text-decoration: none;
            padding: 5px 4px;
            margin-right: 18px;
            margin-top: 45px;
            display: inline-block;    
        } 
        .right > a span{
            position: absolute;
            left: 90%;
            top: -5px;
            background: #d76536;
            padding: 1px 5px;
            color: #fff;
            font-size: 12px;
            border-radius: 12px;
        }
         .right > a:hover{
           color:#ff8000;
         }
         .login_btn{
            margin-left:18px;
         }
        .head_img{
            width:30px;
            height:30px;
            border-radius: 50%;
            background:url(../homeimg/small.jpg) no-repeat;
            background-size:100% 100%;
            float:right;
            position: relative;
            margin-top:45px;
        }
        .head_img ul{
            position: absolute;
            top: 50px;
            left: 50%;
            background: #fff;
            width: 100px;
            text-align: left;
        }
        .personal-info {
            position: absolute;
            background: #fff;
            box-shadow: 0 0 3px rgba(0,0,0,0.3);
            width: 80px;
            display: none;
            top: 104%;
            z-index: 1000000
        }
        .personal-info a {
            display: block;
            line-height: 40px;
            text-align: left;
            color:#333;
            text-decoration: none;

        }
        .personal-info a p {
            margin: 0 10px;
             font-size: 14px
        }
        .personal-info a + a p {
            border-top: 1px solid #eee;
        }
         .personal-info a:hover{
            background: #C95C2F;
            color:#fff;
         }
        .personal-info a:hover p {
            border-color: #C95C2F;
        }
        .personal-info::after{
            content:"";
            position: absolute;
            border-style: solid;
            border-color:transparent transparent #fff transparent;
            border-width: 0 5px 5px 5px;
            top:-5px;
            left:12px;
        }
        .nav{
            /*background:#d76436; */
        }
        .nav .width1200{
            position: relative;
            border:1px solid #ddd;
            border-bottom:none;
        }
        .nav .btn-{           
            color:#000;
            text-decoration: none;
            display: inline-block;

            line-height:50px;
            padding:0 10px; 
            cursor: pointer;
            font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
            font-size: 16px

        }
        .nav .nitem{
             position: relative;
        }
         .nav .btn-:hover,.nav .allkc{
            background:#d76536;
            color:#fff;
         }
         .nav .allkc{
            width:210px;
         }
         .nav .allkc i{
            margin-right:10px;
            font-size: 20px
         }
         .nav .gx-zy-xx {
            background: rgba(215,101,54,0.6);
            position: absolute;
            height: 400px;
            width: 230px;
            top: 50px;
            left: 0;
            z-index: 1000;
            text-align: center;
            /*box-shadow: 0 0 2px rgba(255,128,0,0.5);*/        
        }
        .nav .gx-zy-xx p{
             margin: 15px;
            font-size:16px;
            line-height:40px;
           
            border-bottom: 1px solid #ddd;
            text-align: left;
            padding-left:40px;
            background-position: 3px center;
            background-size: 25px auto;
            background-repeat: no-repeat;
        }
        .nav .gx-zy-xx p.all_class{
            background-image:url(../homeimg/all_class.png);
        }
        .nav .gx-zy-xx p.gxk_class{
            background-image:url(../homeimg/gxk_class.png);
        }
        .nav .gx-zy-xx p.zyk_class{
            background-image:url(../homeimg/zyk_class.png);
        }
        .nav .gx-zy-xx .img{
            font-size: 0;
            line-height: 10px
        }
        /* .nav .gx-zy-xx ul{           
            vertical-align: top; 
            margin:10px;
            font-size: 0;

         }
         .nav .gx-zy-xx ul + p{
            border-top: 1px solid #fff;
         }
        .nav .gx-zy-xx ul li{
            position: relative;
            line-height: 28px;
            float: left;
            overflow: hidden;
            padding:0 10px 0 5px;
            min-width:53px;
        }

        .nav .gx-zy-xx ul li::after{
            content: "|";
            position: absolute;
            right: 0;
            font-size: 20px;
            top: 0; 
          }
         .nav .gx-zy-xx ul li a{
            font-size: 12px;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color:#fff;
           }
         .nav .gx-zy-xx .more{
            position: absolute;
            left: 0;
            bottom: 0;
            line-height: 30px;
            margin: 0 10px;
            border-top: 1px solid #ddd;
            width: 93%;
            text-align: right;
         }
         .nav .gx-zy-xx ul li:last-child{
            height:10px;
         }*/
         .clear{
            clear:both;
        }
        .clear::after{
            content:""!important;
        }
        .search{
            border:1px solid #ddd;
            height: 25px;
            line-height: 25px;
            margin: 10px;
        }
        .search .fa{
            margin:0 10px;
            color:#bcbcbc;
        }
       
         .big_adv{
            position:relative;

         }
         .big_adv::before{
            content: "";
            position: absolute;
            top:0;
            left:0;
            right:0;
            height:400px;
            background: #F2E2D9 url(../homeimg/bgzz.png) repeat-x;
            background-size:50% 100%;
         }
        .clear{
            clear:both;
        }
        .ft-r{
            float:right;
        }
        .swiper_img{
            position: relative;
            height:400px;
        }
        .swiper-container {
            width: 100%;
            height: 100%;
        }
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        .swiper_img .swiper-slide img{
            width:100%;
            height: 100%
         }
         .swiper_img .swiper-pagination-bullet{
            width:100px;
            border-radius: 8px
         }
         .swiper-pagination-bullet-active {
            opacity: 1;
            background: #fff;
        }
        .kcfl{
            border:1px solid #ddd;
            border-top:0;
           box-sizing:border-box;
            -moz-box-sizing:border-box; /* Firefox */
            -webkit-box-sizing:border-box; /* Safari */
            padding:36px 0;
        }
       
        .kcfl > div{
            display:inline-block;
            vertical-align: middle;
        }
        .kcfl > div:first-child{
            width:250px;
            text-align: center;
        }
        .kcfl_title{
            display: block;
            text-decoration: none;
        }
        .intro {
            text-align: center;
            font-size: 18px;
            color: #2187e0;
            margin-top: 5px;
        }
        .kcfl_swiper{
         /*   float: left;*/
            width:930px!important;
        }
        .bg_1{
            background:#CA1021;
        }
        .bg_2{
            background:#F46A00;
        }
        .bg_3{
            background:#90C30F;
        }
        .bg_4{
            background:#359586;
        }
        .bg_5{
            background:#0e9aef;
        }
        .kcfl_swiper .swiper-slide{
            padding:20px 0;
            border-left: 1px solid #eee
        }
        .kcfl_swiper .swiper-slide div > span{
            display: inline-block;
            height:35px;
            width:35px;
            line-height: 35px;
            border-radius: 50%;
            color:#fff;
            font-weight: bolder;
            margin-right: 10px;
            font-size: 22px;
            vertical-align: middle;
        }
        .kcfl_swiper .swiper-slide div p{
            display: inline-block;
            vertical-align: middle;
            text-align: left;
            font-size: 16px
        }
        .kcfl_swiper .swiper-slide div .sm{
            font-size: 12px;
            color:#8e8e8e;
        }
        .zxkc,.cxhk {
            margin-top:20px;
        }
        .zxkc > div,.cxhk > div{
            display: inline-block;
            vertical-align: top;
           
        }
        .zxkc_title{
            font-size: 0;
            background:#d76536;
            width:225px;

        }
        .zxkc_list{
            width:970px;
        }
        .cxhk_list{
            width:736px;
        }
        .zxkc_list li{
            display: inline-block;
            vertical-align: middle;
            width:23%;
            margin-left:1.5%;
          /*  box-shadow: 0 0 5px rgba(0,0,0,0.5);*/
        }
        .cxhk_list li{
            display: inline-block;
            vertical-align: middle;
            width: 30.3%;
            margin-left: 2%;
            margin-bottom:14px;
        }
        .cxhk_list li:nth-child(4),.cxhk_list li:nth-child(5),.cxhk_list li:nth-child(6){
            margin-bottom:0;
        }
        .kc_list li a{
            color:#000;
            text-decoration: none;
            display: block;
        }
        .kc_list li a p{
            margin: 8px 0;
            max-height: 40px;
            line-height: 20px;
            font-size: 14px;
            overflow: hidden;
            color: #000;
            text-align: justify;
        }
        .kc_list .img_wk{
            height:125px;
            overflow: hidden;
        }
        .kc_list .img_wk img{
            width:100%;
            height:100%;
            -moz-transition: all 1s ease 0s;
            -o-transition: all 1s ease 0s;
            -webkit-transition: all 1s ease 0s;
            transition: all 1s ease 0s;
        }
        .kc_list a:hover  img{
            -webkit-transform: scale(1.2);
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            transform: scale(1.2);
        }
        .kc_list a:hover p{
            text-decoration: underline;
        }
        .js-ks,.price-num{
            line-height: 20px;
            height: 23px;
            color: #666666;
            font-size: 12px;
        }
        .js-ks span:last-child{
            float:right;
        }
        .price{
            font-weight: bolder;
            color: #555;
            padding: 0;
            font-size: 16px;
        }
        .shopcar{
            float: right;
            font-size: 14px;
            color: #ff7301;
            padding-left: 17px;
            background: url(../homeimg/add_car.png) no-repeat;
            background-size: 13px auto;
            background-position: left center;
        }

        .cxhk_title,.rmkc_title{
            color: #333;
            font-size: 24px;
            line-height: 1;
            font-family: inherit;
            font-weight: 500;
            margin-top: 50px;
            margin-bottom: 10px;
        }

        .rmkc_list{
            width:100%;

        }
        .rmkc_list li{
            display: inline-block;
            vertical-align: middle;
            width:225px;
           /* box-shadow: 0 0 5px rgba(0,0,0,0.5);*/
        }
        .rmkc_list li + li{
            margin-left:14px;
        }

        .swiper_img .rm_list{
             position: absolute;
           right:0;
           top:0;
           bottom:0;
           width:250px;
           background:#2b2c2c;
           z-index: 1000;
           opacity: 0.95

        }
        .swiper_img .rm_list a{
            position: relative;
            color:#fff; 
        }
        .swiper_img .rm_list a{
            display: block;
            padding: 8px 10px;
            height: 20px;
            line-height: 20px;
            color: #999;
            transition: 0.25s;
        }
        .swiper_img .rm_list a .icon {
            float: left;
            height: 18px;
            width: 18px;
            text-align: center;
            border: 1px solid #6f6f6f;
            line-height: 18px;
            font-style: inherit;
             margin-right:5px;
        }
        .swiper_img .rm_list a .icon2 {
            border-color: #ef9632;
            background: #ef9632;
            color: #fff;
        }
        .swiper_img .rm_list a p{
            width:190px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;

        }
        .rm_list_title{
            height: 36px;
            background: #404040;
            border-bottom: 1px solid #484848;
            color:#fff;
            padding-left:10px;
            line-height: 36px
        }
        .swiper_img .rm_list a:hover{
            background: #404040;
        }
        



.head-midnav {
     height: 40px;
    padding: 30px 0;
    background: #fff;
    z-index: 700;
}
.head-midnav .logo{
    width: 340px;
    float: left;
    height: 40px;
    background: url(../homeimg/logo.png) no-repeat;
    background-position: 0 0;
}
.head-midnav .search{
    width:350px;
    margin-left: 115px;
    display: inline-block;
}
.head-midnav .search input[type="text"]{
    background:#f5f5f5;
    color:#000;
    border: 1px solid #ddd;
    line-height: 22px;
    padding:5px 8px;
    width:280px;
}
.head-midnav .search input[type="button"]{
    border: none;
    width: 42px;
    height: 34px;
    color: #fff;
    font-size: 16px;
    background: #ef9632 url(../homeimg/search_icon.png) no-repeat;
    background-size:auto 60%;
    background-position: center center;
    cursor: pointer;
}
.head-midnav ul.right-btn{
    float: right;
    font: 12px/1.14 "Arial","Hiragino Sans GB", \5b8b\4f53, "Georgia", "serif";
}
.head-midnav ul.right-btn > li{
    display: inline-block;
    vertical-align: top;
    padding: 8px 6px;
    position: relative;
}
.head-midnav ul.right-btn ul{
    display: none;
    position: absolute;
    left: 0;
    top: 29px;
    min-width: 100%;
    background: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    padding: 0 5px;
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    z-index: 10000;
}
.head-midnav i.fa{
    margin:0 3px;
}
.right-btn .has-show.hover{
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}
.head-midnav ul.right-btn ul li{
    line-height: 25px;

}
.head-midnav .share li{
    position: relative;
    display: inline-block;
    font-size: 20px;
    text-align: center;
}
.head-midnav .share .fa{
    margin:3px;
    color:#bbb;
  }
.head-midnav .share .fa-weibo:hover{
    color:red;
}
.head-midnav .share .fa-weixin:hover{
    color:#10ae58;
}
.weichat span{
    display:none;
    position: absolute;
    width: 128px;
    height: 128px;
    top: 100%;
    left: -50px;
    background: #fff;
    box-shadow: 1px 2px 1px rgba(0,0,0,0.2);
    transition: 0.25s;
}
.weichat span img{
    width:100%;
    height:auto
}
/*.price-num i{
    float: right;
    font-size: 20px;
    color:#f47d35;
}
*/

.right-quck-menu {
    position: fixed;
    z-index: 1000;
    top: 30%;
    right: calc((100% - 1200px) / 4 - 31px );
    margin-top: -165px;
}

.right-quck-menu li {
    width: 60px;
    height: 60px;
    border: 1px solid #e8e8e8;
    background-color: white;
    margin-top: 4px;
}

.right-quck-menu li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.big_adv .login-news {
    position: absolute;
    top: 10px;
    right: calc(50% - 600px);
    z-index: 1000;
    width: 400px;
}

.big_adv .login-news > form.login-form,
.big_adv .login-news > div.news-box {
    padding: 15px;
    background-color: rgba(255,255,255,.9);
}
.big_adv .login-news > form.login-form {
    margin-bottom: 5px;
}
.big_adv .login-news > form.login-form h4,
.big_adv .login-news > div.news-box h4 {
    margin: 0;
    padding: 0;
    border-bottom: 2px solid #e2e2e2;
    position: relative;
}

.big_adv .login-news > form.login-form h4 span,
.big_adv .login-news > div.news-box h4 span {
    display: inline-block;
    width: 70px;
    border-bottom: 2px solid #d76536;
    font-family: '黑体';
    margin-bottom: -2px;
    padding-bottom: 5px;
}
.big_adv .login-news > div.news-box h4 a {
    float: right;
    color: #aaa;
    margin-top: -3px;
}

.big_adv .login-news > form.login-form input {
    width: 100%;
    border: 1px solid #e4e4e4;
    height: 35px;
    padding: 8px;
    margin-top: 10px;
    box-sizing: border-box;
}

.big_adv .login-news > form.login-form .input-box {
    position: relative;
}

.big_adv .login-news > form.login-form .input-box span {
    position: absolute;
    color: #d76536;
    right: 8px;
    top: 50%;
    margin-top: -5px;
    cursor: pointer;
}

.big_adv .login-news > form.login-form button {
    width: 100%;
    height: 29px;
    background-color: #d76536;
    border: none;
    color: white;
    outline: none;
    margin-top: 10px;
}

.big_adv .login-news > div.news-box ul li {
    margin-top: 5px;
}
.big_adv .login-news > div.news-box ul li p {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.big_adv .login-news > div.news-box ul li p:before {
    content: '· ';
}



.big_adv .login-news.login .login-form > .login-ele,
.big_adv .login-news .login-form .info {
    display: none;
}

.big_adv .login-news.login .login-form .info {
    display: block;
}


.big_adv .login-news.login .login-form .info .header1 {
    margin-bottom: 10px;
}

.big_adv .login-news.login .login-form .info .header1 img {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    vertical-align: middle;
}
.big_adv .login-news.login .login-form .info .header1 span {
    vertical-align: middle;
}
.big_adv .login-news.login .login-form .info .header1  a {
    float: right;
    margin-top: 20px;
    color: #d76536;
}
.big_adv .login-news.login .login-form .info .status {
    display: flex;
    height: 60px;
    justify-content: space-between;
    align-items: center;
    background-color: #f2f4f5;
}

.big_adv .login-news.login .login-form .info .status > div {
    flex-grow: 1;
    text-align: center;
}

.big_adv .login-news.login .login-form .info .status > div > b {
    color: #d76536;
    font-size: 18px;
}