@charset "utf-8";
/*reset*/
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,hr,blockquote,object,iframe,fieldset,input,legend,form,th,td{margin:0;padding:0}
body,input,textarea,keygen,select,button,isindex{border:0;outline:none;;word-break:break-all;font-size:12px;color:#666;}
ul,ol,li{list-style:none}
img{border:none;display:block;}
a{ text-decoration:none;;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
/*common*/
h1,h2,h3,h4,h5,h6{font-weight:normal}
h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:14px}
i,b,em{font-style:normal;font-weight:normal}
table{border-collapse:collapse;border-spacing:0; width:100%; background:#fff}
td{padding:3px 5px;}
th{font-weight:normal; background:#e7f4fe; height:40px}
table,td,th{ border:1px solid #ddd}
table caption{ font-size:16px; text-align:left; padding-bottom:10px}
hr{
    border:1px #eaeaea solid
}
* {
    box-sizing: content-box;
}
.fl{float:left}
.fr{float:right}
.clearBoth{clear:both}
.mc{margin:0 auto}
.pr{position:relative;*zoom:1}
.pa{position:absolute}
.tc{text-align:center}
.tl{text-align:left !important}
.tr{text-align:right !important}

.clearfix:after{
    content: "";
    height: 0;
    font-size: 0;
    *zoom:1;
    display: block;
    clear: both;
}
.clear{clear:both;}
body{
    width: 100%;
    height: auto;
    -o-overflow-x: hidden;
    -moz-overflow-x: hidden;
    -webkit-overflow-x: hidden;
    -ms-overflow-x: hidden;
    overflow-x: hidden;
    background-color: #F5F5F5;
}
.box_border{
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.box_content{
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing:content-box;
}
.sem_eight_banner{
    width: 100%;
    height: 18.25rem;
    overflow: hidden;
    background:url("../../images/wxkf/sem_eight_banner.jpg")no-repeat center top;
    background-size: cover;
    padding-top: 15.1rem;

}
.sem_eight_banner .btn_blue{
    font-size: 0.75rem;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 8rem;
    height: 1.95rem;
    line-height: 1.95rem;
    background: url("../../images/wxkf/btn_blue.png")no-repeat center top;
    background-size: cover;
}

.btn_blue:link,.btn_blue:visited,.btn_blue:hover,.btn_blue:active{
    color: #fff;
    text-decoration: none;
}

.btn_orange:link,.btn_orange:visited,.btn_orange:hover,.btn_orange:active{
    color: #fff;
    text-decoration: none;
}
.btn_yellow{
    width: 11.35rem;
    height: 1.9rem;
    line-height: 1.9rem;
    color: #554601;
    font-size: 0.65rem;
    text-align: center;
    background-color: #FFD306;
    display: block;
    margin: 0 auto;
}
.title{
    text-align: center  ;
    height:1.6rem;
    line-height: 1.6rem;
    font-size: 1rem;
}
.title_b{
    text-align: center;
    font-size: 0.9rem;
    font-weight: bold;
    height: 1.8rem;
    line-height: 1.8rem;
}
.color_white{
    color: #fff;
}
.color_black_title{
    color: #232323;
}
.color_black{
    color: #333;
}
.title div{
    height:1.6rem;
    line-height: 1.6rem;
    position: relative;
    display: inline-block;
    padding: 0 1.4rem;
    font-size: 1rem;
}
.part_one{
    background-color: #FAFAFA;
    padding-top: 1rem;
    height: 10rem;
}
.classification_box{
    height: 7.4rem;
    width: 98.75%;
    margin: 0 auto;
    background-color: #fafafa;
    text-align: center;
    overflow: hidden;
}
.classification_box ul li{
    margin-top: 0.7rem;
    width: 25%;
    padding-top: 1.6rem;
    background-position: center top;
    background-size: 38% auto;
    background-repeat: no-repeat;
    float: left;
}
.classification_box ul li div{
    height: 1.1rem;
    line-height: 1.1rem;
    font-size: 0.6rem;
    color: #333;
    text-align: center;
}
.classification_box .page_one li:nth-of-type(1){
    background-image: url("../../images/wxkf/class01.png");
}
.classification_box .page_one li:nth-of-type(2){
    background-image: url("../../images/wxkf/class02.png");
}
.classification_box .page_one li:nth-of-type(3){
    background-image: url("../../images/wxkf/class03.png");
}
.classification_box .page_one li:nth-of-type(4){
    background-image: url("../../images/wxkf/class04.png");
}
.classification_box .page_one li:nth-of-type(5){
    background-image: url("../../images/wxkf/class05.png");
}
.classification_box .page_one li:nth-of-type(6){
    background-image: url("../../images/wxkf/class06.png");
}
.classification_box .page_one li:nth-of-type(7){
    background-image: url("../../images/wxkf/class07.png");
}
.classification_box .page_one li:nth-of-type(8){
    background-image: url("../../images/wxkf/class08.png");
}
.part_two{
    height: 38.75rem;
    width: 100%;
    background: url("../../images/wxkf/part_twobg.jpg")no-repeat center top;
    background-size: 100% auto;
    padding-top: 1rem;
    text-align: center;
}
.part_two .bottom{
    padding-top: 14.1rem;
}
.part_two ul{
    width: 100%;
    text-align: center;
    padding-top: 0.1rem;
    height: 17.35rem;
}
.part_two li{
    width: 31.25%;
    display: inline-block;
    text-align: center;
    margin-top: 0.75rem;
    padding-top: 1.7rem;
    background-size: 35% auto;
    background-position: center top;
    background-repeat: no-repeat;
}
.part_two li:nth-of-type(1){
    background-image: url("../../images/wxkf/c01.png");
}
.part_two li:nth-of-type(2){
    background-image: url("../../images/wxkf/c02.png");
}
.part_two li:nth-of-type(3){
    background-image: url("../../images/wxkf/c03.png");
}
.part_two li:nth-of-type(4){
    background-image: url("../../images/wxkf/c04.png");
}
.part_two li:nth-of-type(5){
    background-image: url("../../images/wxkf/c05.png");
}
.part_two li:nth-of-type(6){
    background-image: url("../../images/wxkf/c06.png");
}
.part_two li:nth-of-type(7){
    background-image: url("../../images/wxkf/c07.png");
}
.part_two li:nth-of-type(8){
    background-image: url("../../images/wxkf/c08.png");
}
.part_two li:nth-of-type(9){
    background-image: url("../../images/wxkf/c09.png");
}
.part_two li:nth-of-type(10){
    background-image: url("../../images/wxkf/c10.png");
}
.part_two li div{
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.6rem;
    text-align: center;
}
.color_yellow{
    color: #fff600;
}
.part_three{
    padding-top: 0.45rem;
    width: 100%;
    background-color: #fff;
}
.part_three .nav{
    height: 1.6rem;
    text-align: center;
}
.part_three .nav li{
    display: inline-block;
    margin:0.1rem 0.6rem 0 0.6rem;
    border-bottom: 0.1rem solid transparent;
    color: #333;
    font-size: 0.6rem;
    height: 1.2rem;
    line-height: 1.2rem;
}
.part_three .nav li.active{
    border-bottom: 0.1rem solid #FF6600;
}
.shop_list_box ul.active{
    display: block;
}
.shop_list_box ul li:nth-of-type(2),.shop_list_box ul li:nth-of-type(4),.shop_list_box ul li:nth-of-type(6){
    float: right;
    margin-left: 0;
    margin-right: 0.25rem;
}
.shop_list_box{
    width: 100%;
    padding-bottom: 1rem;
}
.shop_list_box .shop_area{
    height: 1.9rem;
    line-height: 0.85rem;
    font-size: 0.6rem;
    color: #333;
    text-align: left;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.2rem 0.3rem 0 0.3rem;
}

.shop_list_box ul li{
    width: 46.875%;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing:content-box;
    border: 1px solid #ccc;
    float: left;
    margin-left: 0.25rem;
    border-top-right-radius:0.1rem;
    border-top-left-radius:0.1rem;
    margin-top: 0.3rem;
    background-color: #fff;

}
.shop_list_box ul li a{
    display: inline-block;
    width: 100%;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0.3rem;
    float: left;
}
.shop_list_box .price{
    font-size: 0.6rem;
    color: #fd6606;
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 0.3rem;
}
.shop_list_box .price span{
    font-size: 0.75rem;
    margin-left: 0.05rem;
}
.shop_list_box ul li a img{
    height: 4.3rem;
    width: 7rem;
    display: block;
    margin: 0 auto;
}
.shop_list_box ul{
    width: 100%;
    display: none;
    overflow: hidden;
}
.shop_list_box ul li a.btn_orange{
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    color: #fff;
    font-size: 0.6rem;
    background-color: #FF6A00;
    padding: 0;
}
.btn_box{
    width: 13.5rem;
    display: block;
    margin: 0 auto;
    margin-top: 1.2rem;
    height: 1.95rem;
    line-height: 1.95rem;
}
.btn_box .btn{
    display: inline-block;
    height: 1.95rem;
    line-height: 1.95rem;
    width: 6rem;
    font-size: 0.65rem;
}
.btn_box .btn:first-of-type{
    float: left;
}
.btn_box .btn:first-of-type span{
    display: inline-block;
    height: 1.95rem;
    line-height: 1.95rem;
    padding-left: 1.15rem;
    background: url("../../images/wxkf/money_icon.png")no-repeat left center;
    background-size: auto 44%;
}
.btn_box .btn:last-of-type{
    float: right;
}
.btn_box .btn:last-of-type span{
    display: inline-block;
    height: 1.95rem;
    line-height: 1.95rem;
    padding-left: 1.15rem;
    background: url("../../images/wxkf/black_tel_icon.png")no-repeat left center;
    background-size: auto 44%;
}
.btn{
    text-align: center;
    background-color: #FFD306;
    color: #554601;
}
.btn:link{
    text-decoration: none;
    color: #554601;
}
.btn:visited{
    text-decoration: none;
    color: #554601;
}
.btn:active{
    text-decoration: none;
    color: #554601;
}
.btn_type_one{
    display: block;
    margin: 0 auto;
    margin-top: 0.5rem;
    width:8.5rem ;
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: 0.7rem;
}
.classification{
    width: 100%;
    text-align: center;
    font-size: 0.6rem;
    height: 1rem;
    line-height: 1rem;
}
.consultant{
    width: 100%;
  height: 11.1rem;
    background: url("../../images/wxkf/consultant.jpg")no-repeat center top;
    background-size: 100% 100%;
    padding-top: 1rem;
}
.consultant input{
    display: block;
    margin: 0 auto;
    margin-top: 0.8rem;
    width: 13.5rem;
    height: 1.95rem;
    line-height: 1.95rem;
    [;line-height: 1;];
    font-size: 0.65rem;
    text-indent: 0.4rem;
    text-align: left;
    border: 0;
    background-color: #fff;
}
.part_four{
    padding-top: 0.6rem;
    background-color: #fff;
}
.part_four img{
    margin-top: 0.7rem;
    width: 100%;
    height: 14.6rem;
    max-height: 14.6rem;
}
.statement{
    width: 100%;
    padding: 0.6rem 0;
    line-height: 1rem;
    font-size: .5rem;
    color: #666;
    text-align: center;
}
.statement div{
    color: #666;
    height: 1rem;
    line-height: 1rem;
}
.statement a{
    color: #333333;
}
.statement a:link{
    text-decoration: none;
    color: #333333;
}
.statement a:visited{
    text-decoration: none;
    color: #333333;
}
.statement a:hover{
    text-decoration: none;
    color: #333333;
}
.statement a:active{
    text-decoration: none;
    color: #333333;
}
.half_rem{
  height: 0.25rem;
}
.rem_bottom{
    height: 3rem;
}
.fix_nav{
    position: fixed;
    z-index: 500;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding: .5rem 0;
    text-align: center;
    border-top: 1px solid #ccc;

}
.fix_nav a{
    display: inline-block;
    width: 4.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 4px;
    margin: 0 0.18rem;
    color: #fff;
    font-size: .7rem;
    text-align: center;
    background: #FD6106;
}
.fix_nav a.btn_blue{
    background-color: #0084DE;
}
.tel_num{
    position: fixed;
    right: -0.1rem;
    top: 20%;
    font-size: .5rem;
    height:1rem;
    width: 2rem;
    line-height: 1rem;
    padding-top: .8rem;
    padding-bottom: 0.1rem;
    background-image:url("../../images/wxkf/tel_icon.png");
    background-repeat: no-repeat;
    background-position:50% 10%;
    background-size: 38% auto;
    background-color: #FD6106;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    z-index:  999;
}
.bodymask{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.mask{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 5500;
}
.mask>div{
    width: 90%;
    max-width: 320px;
    height: 120px;
    margin:9rem auto;
    background-color: #fff;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 6px;
}
.mask>div .small_title{
    height: 52px;
    line-height: 52px;
    text-align: center;
    color: #333;
    font-size: 14px;
}
.mask>div .small_title .color_og{
    color:#ff6a00 ;
}

.mask>div .form_box{
    width: 92%;
    height: 40px;
    line-height: 40px;
    position: relative;
    display: block;
    margin: 0 auto;
    z-index: 2;

}
.mask>div .form_box input{
    width: 100%;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #D3D3D3;
    border-right: 0;
    font-size: 14px;
    color: #333;
    text-indent: 12px;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 80px;
}
.mask>div .form_box .btn_type_two{
    width: 80px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

@media (min-width: 360px){
    .shop_list_box .shop_area{
        font-size: 14px;
    }
    .shop_list_box .price{
        font-size: 14px;
    }
    .shop_list_box .price span {
        font-size: 18px;
    }
    .company_name{
        font-size: 0.55rem;
    }
}

@media (min-width: 480px){
    .tel_num{
        border-radius: 8px;
    }
    .half_rem{
        height: 0.2rem;
    }
    .shop_list_box .shop_area{
        font-size: 18px;
    }
    .shop_list_box .price{
        font-size: 18px;
    }
    .shop_list_box .price span {
        font-size: 24px;
    }
    .company_name{
        font-size: 0.5rem;
    }
}