body, ul, li,p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img ,div{
    margin:0 auto;
    padding:0;
}
body {
    max-width: 640px;
    min-width: 320px;
}
a,li,i{
    text-decoration: none;
    display: block;
    list-style: none;
}
i,em,strong,b{
    font-style: normal;
}
h1,h2,h3,h4,h5,h6{
    font-weight: normal;
}
em{
    font-style: normal;
    display: block;
}
textarea,input,select{
    outline: none;
    border: none;
    -webkit-appearance: none;
}
img {
    display: block;
    max-width: 100%;
    border: none;
}
.main{
    overflow: hidden;
}


/*通用标签*/
.clearfix {
    *zoom: 1;
}
.clearfix:after {
    content: '';
    display: table;
    clear: both;
}
.list:after{
    content: '';
    display: inline-block;
    width: 100%;
}
.clear {
    clear: both;
}
.msg{
    -webkit-box-flex: 1;
            flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
}
.flex{
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:center;
    -webkit-align-items:center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -ms-flex-align:center;
        align-items:center;
    -ms-flex-pack:center;
        justify-content:center;
    -ms-flex-line-pack:justify;
        align-content:space-between;
}
.consult{
    width: 94%;
    padding:0.3%;
    position: relative;
}
.subject{
    width: 98%;
    padding: 0.3%;
    position: relative;
}
.title{
    width: 94%;
    position: relative;
    text-align: center;
}
 .title h2{
     text-align: center;
     font-size: 0.981rem;
     font-weight: bold;
     color: #ffffff;
 }
 .title img{
     margin-top: 0.188rem;
     width: 12%;
 }
.btn{
    margin-top:0.471rem;
}
 .btn a{
     text-align: center;
     color: #ffffff;
     font-size: 0.452rem;
     line-height: 2;
     border-radius:1rem;
 }
 .discounts{
     margin-top: 0.5rem;
     position: relative;
     cursor: pointer;
     margin-bottom: 0.183rem;
 }
 .discounts b{
     position: absolute;
     font-size:0.452rem ;
     font-weight: bold;
     color: #333333;
     left: 68%;
     top: 20%;
 }
 .public{
     background: #fffcd3;
     padding: 0.566rem 0.226rem 0.566rem 0.226rem;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
 }



/*头部-nav*/
.nav{
    padding:0.377rem 0;
}
.nav .logo{
    float: left;
    width: 52%;
}
.nav .tel_{
    width: 40%;
    float: right;
}
/*导航栏*/
 .tab ul{
     width: 100%;
     text-align: justify;
     position: relative;
     background: #e64c89;
     font-size: 0;
 }
 .tab ul li{
     text-align: center;
     width: 20%;
     overflow: hidden;
     display: inline-block;
 }
 .tab ul li a{
     font-size:0.4rem;
     color: #ffffff;
     margin:0.283rem 0;
     border-right: 1px solid #ffffff;
 }
 .tab ul li:nth-of-type(5) a{
     border-right: none;
 }
 /*banner*/
 .swiper-pagination span{
     width: 0.226rem;
     height: 0.226rem;
     background: #fd8cb8;
 }

 /*explain*/
 .explain{
     margin-top: 0.377rem;
     background: #ffffff;
     width: 94%;
     padding: 0.3%;
 }
.explain ul{
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: justify;
    font-size: 0;
}
 .explain ul li{
     width: 23.5%;
     display: inline-block;
     border: 1px solid silver;
     border-radius: .2rem;
     margin-top: 0.188rem;
     text-align: center;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
 }
 .explain ul li a{
     font-size: 0.38rem;
     color: #555555;
     line-height: 2.2;
     /* letter-spacing: 1px; */
 }
.explain ul .star{
  /*** margin: 0px;****/
   padding: 0px;
   width: 49%;
   
}
.explain ul .pink a{
  color:#ff3477;
   
}

 .explain ul li:nth-of-type(1){
     background: #ff3477;
     border: 1px solid #ff3477;
 }
 .explain ul li a b{
     font-weight: bold;
     color: #ffffff;
 }

 /*consultation*/
 .consultation{
     margin-top: 0.566rem;
     padding:0.188rem 0 0.283rem 0;
     background: #ebebeb;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
 }
 /*.counsel{*/
     /*position: relative;*/
 /*}*/
 .consultation  .counsel ul li{
     margin-top: 0.566rem;
     position: relative;
     display: none;
 }
 .consultation  .counsel ul .show{
     display: block;
 }
 .consultation  .counsel ul .msg {
     margin-left:16%;
     position: relative;
     width: 69%;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     background: #ffffff;
     -webkit-box-sizing: content-box;
             box-sizing: content-box;
     padding: 0.283rem 0.377rem ;
 }
 .consultation  .counsel ul .msg p{
     font-size: 0.339rem;
     color: #333333;
 }
 .consultation  .counsel ul .msg p a{
     display: inline-block;
     color: #fc2d80;
 }
 .consultation  .counsel ul .msg:before {
     content: '';
     display: block;
     border: 0.3rem transparent solid;
     border-right: 0.3rem #fff solid;
     left: -0.45rem !important;
     position: absolute;
     z-index: 5;
     top: 0.35rem;
 }

 .consultation  .counsel ul li .avatar_b {
     width: 12%;
     display: block;
     position: absolute;
     left: 0;
     top: 0 !important;
     background: url("../images/consultation_img.png") no-repeat center top;
     height: 11.648vw;
     background-size: 100%;
 }
 .counsel_btn{
     position: relative;
     margin-top:0.754rem ;
     width: 100%;
     background: #ffffff;
     padding: 0.188rem 0;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
 }
 .counsel_btn .box{
     /*position: absolute;*/
     bottom: 0;
     left: 0;
     width: 94%;
     background: #fff;
     padding: 0.3%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
 }
 .counsel_btn .box a{
     line-height: 1.5;
 }
 .counsel_btn .box a.tel{
     width: 7.343%;
     display: inline-block;
     padding-left: 3%;
     vertical-align: middle;
 }
 .counsel_btn .box a.tel img{
     display: block;
     width: 100%;
 }
 .counsel_btn .box .input1{
     resize: none;
     border: 1px #dadada solid;
     width: 54%;
     font-size: 0.339rem;
     color: #666666;
     /*margin: 0 1%;*/
     padding: 1.5% 2%;
     display: inline-block;
     vertical-align: middle;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
 }
 .counsel_btn .box a.right{
     display: inline-block;
     font-size: 0.377rem;
     color: #fff;
     background: #4baf07;
     padding: 0 2%;
     vertical-align: middle;
     /*margin-right: 1%;*/
     border-radius: 0.1rem;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center
 }



.bannerdb{width:100%;height: 62.5vw;max-height: 400px;}
.bannerdb p{
    width:100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #fff;
    font-size: .37rem;
    line-height: 1.4em;
    background: rgba(0,0,0,.5);
    z-index: 9;
    box-sizing: border-box;
    padding:.15rem .2rem;
}



 /*媒体查询*/
 @media screen and (min-width: 640px) {
     .main_a .main_a_sale a{
         border-radius: 26px;
         text-align: center;
     }
     .main_a .main_a_b .main_a_b_subject .btn_subject a{
         border-radius: 24px;
     }
     .main_a .main_a_c .main_a_c_subject .msg .btn_msg a{
         border-radius: 18px;
         margin-top: 30px;
     }
     .main_a .main_a_d .flex .msg ul{
         margin-top: 21px;
         margin-bottom: 21px;
     }
     .main_a .main_a_d .flex .msg span strong{
         line-height: 36px;
     }
     .btn a{
         border-radius: 24px;
     }
     .main_b .main_b_a ul li a{
         border-radius: 27px;
     }
     .main_b .main_b_b .main_b_explain .btn_explain a{
         border-radius: 25px;
     }
     .main_c .main_c_a .main_c_a_subject  .msg span{
         margin-top: 30px;
     }
     .main_c .main_c_a .main_c_a_subject .flex .msg span strong{
         line-height: 38px;
     }
     .main_c .main_c_a .main_c_a_subject .msg ul{
         margin-bottom: 35px;
     }
     .main_c .main_c_a .main_c_a_bottom  .msg ul{
         margin-bottom: 41px;
     }
     .main_c .main_c_b .main_c_b_subject .flex .msg a{
         border-radius: 26px;
         margin-top: 20px;
         line-height: 52px;
     }
     .main_c .main_c_b .main_c_b_subject .flex .pic a{
         left: 72%;
         top:64%;
     }
     .main_c .main_c_b .main_c_b_project ul li p{
         line-height: 48px;
     }
     .main_c .main_c_b .main_c_b_project ul li:nth-of-type(2) span{
         line-height: 48px;
     }
     .main_c .main_c_b .main_c_b_bottom .flex .msg span{
         margin-left: 40px;
     }
     .main_c .main_c_c .slide_show .slide_show_a li a{
         left: 18%;
         top: 18%;
     }
     .form .button a{
         border-radius: 25px;
     }
     .main_d .main_d_a a{
         left: 68.5%;
         top: 73%;
     }
     .main_c .main_c_c .slide_show .slide_show_a li{
         width: 112px;
         display: inline-block;
         height: 112px;
         border-radius: 50%;
     }
     .main_c .main_c_c .slide_show .slide_show_a li span{
         border: 10px transparent solid;
         border-top-color: #ffffff;
         position: absolute;
         right: 0;
         top: 100%;
         margin-right: 45px;
     }
     .main_c .main_c_b .main_c_b_bottom .flex .msg span strong{
         font-size: 20px;
     }
     .main_c .main_c_b .main_c_b_bottom .flex .msg span i{
         font-size: 20px;
     }
     .main_a .main_a_subject .main_a_consult .flex .msg{
         padding: 41px 0;
     }
     .main_a .main_a_subject .main_a_consult .flex .msg ul li{
         margin-top: 20px;
     }
     .main_b .main_b_subject .main_b_consult ul li a{
         border-radius: 10px;
     }
     .main_c .main_c_subject .main_c_consult ul li span{
         left: 21%;
         top: 24%;
     }
     .main_d .main_d_subject .main_d_consult_a .flex .msg span{
         margin-top: 27px;
     }
     .main_d .main_d_subject .main_d_consult_a .flex .msg span strong{
         line-height: 33px;
     }
     .main_d .main_d_subject .main_d_consult_a .flex .msg ul{
         margin-bottom: 43px;
     }
     .main_d .main_d_subject .main_d_consult_c .flex .msg span s{
         line-height: 27px;
     }
     .main_d .main_d_subject .main_d_consult_c .flex .msg span strong{
         margin-left: 60px;
         font-size: 20px;
     }
     .main_d .main_d_subject .main_d_consult_c .flex:nth-of-type(1) .msg span strong{
         margin-left: 65px;
     }
     .main_d .main_d_subject .main_d_slide .slide_show  .slide_show_a li{
         padding: 14.5px 0;
         margin-top: 12px;
     }
     .main_d .main_d_subject .main_d_slide .slide_show .slide_show_b li:nth-of-type(1) h5{
         margin-top: -2px;
     }
     .main_d .main_d_subject .main_d_slide .slide_show .slide_show_b li:nth-of-type(2) h5{
         margin-top: -2px;
     }
     .main_d .main_d_subject .main_d_slide .slide_show .slide_show_b li:nth-of-type(3) h5{
         margin-top: 10px;
     }
     .main_d .main_d_subject .main_d_slide .slide_show .slide_show_b li:nth-of-type(4) h5{
         margin-top: 10px;
     }
     .main_d .main_d_subject .main_d_slide .slide_show .slide_show_b li:nth-of-type(5) h5{
         margin-top: 14px;
     }
     .main_d .main_d_subject .main_d_consult_c .flex .msg a{
         width: 90%;
         display: inline-block;
     }
     .main_a .main_a_subject .main_a_consult .title_a p i{
         display: block;
     }
     .main_a .main_a_subject .main_a_consult .state strong{
         line-height: 33px;
     }




 }