* {


    padding: 0;


    margin: 0;


}





/* .head {


    width: 100%;


    height: 100px;


    background-color: #fff;


} */





/* 


.head .logo {


    background-color: bisque;


    width: 140px;


    height: 80px;


    margin: 10px 0px 0px 10px;


} */








ul {


    /*设置导航栏的框框*/


    margin: 0 auto;


    /*框框整体的位置，30px是指离网页的顶部和下部的距离，auto控制的是左右距离为自动调节*/


    width: 80%;


    /*框框的宽度*/


    height: 80px;


    /*框框的长度*/


    padding: 0px;


    /*将框框的padding设置为零，不然会导致框框里的内容与框边缘有间隔*/


    /*border: 1px solid #000;


    /*添加边框*/


    float: left;


    margin: 0px auto 0px 50px;





}





li {


    list-style-type: none;


    /* 去掉li前的点 */


    float: left;


    /*将li设置成做浮动，变为联动*/


}





a {


    display: block;


    /*将a变成块状*/


    width: 100px;


    /*设置块的宽度*/


    height: 50px;


    /*设置块的长度*/


    font-family: Microsoft Yahei;


    line-height: 50px;


    /*设置字体在块中的高度*/


    background-color: #fff;


    margin: 0px 0px;


    /*块里的高宽通过margin设置*/


    color: #000;


    text-align: center;


    /*字体居中*/


    text-decoration: none;


    /*去掉下划线*/


    font-size: 15px;


}





a:hover {


    color: #1989fa;


    /*background: #FFFFFF;*/


    /*鼠标点击后显示的颜色*/


}





/* b {


    display: block; */


    /*将a变成块状*/


    /* background-color: #fff;


    margin: 0px 0px; */


    /*块里的高宽通过margin设置*/


/* }





b:hover {


    background-color: rgb(234, 156, 156); */


    /*鼠标点击后显示的颜色*/


/* } */





/* .denglu {


    float: left;


    height: 50px;


    line-height: 50px;


     margin-left: 60px; 


}


.d{


    float: left;


    font-size: 5px;


}


.zc{


    float: left;


    font-size: 5px;


    margin-left: 20px;


} */





.center {


    width: 100%;


    height: 500px;


    background-color:rgb(123,123,123,0.80);


    /* background-image: url(image/1-1.jpg);





    background-size: 100%; */








    /* margin-left: 5%; */


    /* padding: 0 50px; */





}





/* .kuang1 {


    width: 300px;


    height: 350px;


    margin:60px 0px 0px 50px;


    background-color: rgb(82, 189, 144);


    border-radius: 10px;


} */





.kuang {




    height: 350px;


    margin: 60px 0px 0px 80px;




    /* float: left; */


    border-radius: 10px;


    /* margin-right: 50px; */


}


.kuang4 {


    width: 25%;


    height: 350px;


    margin: 60px 5% 0px 80px;


    background-color: rgb(82, 189, 144);


    /* float: left; */


    border-radius: 10px;


    /* margin: 5%; */


}


.kuang1 {


    width: 20%;


    height: 350px;


    margin: 60px 40px;


    /*background-color: rgb(82, 189, 144);*/


    /* float: left; */


    border-radius: 10px;


    /* margin-right: 10px; */


}


.kuang2 {


    width: 20%;


    height: 350px;
    margin-top: 5%;



    background-color: rgb(82, 189, 144);


    /* float: left; */


    border-radius: 10px;


    /* margin-right: 10px; */


}





.zhong {


    /* width: 100%; */


    width: 90%;


    margin-top: 2%;


    margin-left: 5%;
    margin-right: 5%;

    display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;





}





.centerP1 {


    /* width: 23%; */


    width: 20%;


    height: 150px;


    /* margin-left: 80px; */


    background-color: #f1f1f1;


    /* float: left; */


    border-radius: 20px;


}





.centerP2 {




    width: 20%;


    height: 150px;


    background-color: #f7f7f7;
    /*box-shadow: 5px 5px 10px #ccc;*/





    border-radius: 20px;


}


.ljck {

    margin: 0 auto;


    background-color: #ff9a00;


}








.centerP3 {


    /* width: 23%; */


    width: 20%;


    height: 150px;


    background-color: #f1f1f1;




    /* float: left; */


    border-radius: 20px;


}





.centerP4 {


    /* width: 23%; */


    width: 20%;


    height: 150px;



    background-color: #f7f7f7;




    /* float: left; */


    border-radius: 20px;


    /* margin-right: 60px; */


}





.zhuanjia {




    text-align: center;


    width: 100%;


    height: 100px;


    line-height: 100px;


    font-weight: bold;


    font-size: 30px;


}





button {


    color: #fff;


    background-color: orange;


    width: 80px;


    height: 25px;


    border-radius: 10px;


    border: 1px solid orange;


}





.big {


    width: 90%;

    margin: 0 5%;

    /* height: 600px; */


    /* margin-top: 100px; */



    display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;


    /* width: 100%;


    height: 500px;


    background-color: aquamarine;


    float: left;


    display: inline-flex; */


}





.small {


    width: 21.8%;


    height: 400px;


    background-color: #f1f1f1;



    margin-top: 3%;

    /* float: left; */


    border-radius: 5px;


    


    box-shadow: 5px 5px 10px #ccc;


}





.small1 {


    width: 300px;


    height: 400px;


    background-color: #f1f1f1;


    float: left;


    border-radius: 5px;


    margin-top: 50px;


    box-shadow: 5px 5px 10px #ccc;


}





.article {


    text-align: center;


    width: 100%;


    height: 100px;



    font-weight: bold;


    font-size: 30px;


    background-color: #eeeeee;


    line-height: 100px;







}





/* .shixin {


    font-size: 30px;


    font-weight: bold;


    margin-top: 0px;


}





.title1 {


    margin-top: 15px;


    margin-left: 15px;


    color: #3894ff;


} */





.circleP {


    text-align: center;


    margin-top: -45px;


}





.circlePictureOne {


    width: 90px;


    height: 80px;


    border-radius: 45%;


}





.contentStyle {


    color: black;


    margin-top: 15px;


}





.pingjia {


    /* text-align: center; */


    font-size: 20px;


    font-weight: bold;


    display: inline-flex;


    margin-left: 25%;


}





.specialName {


    font-size: 20px;


    font-weight: bold;


    display: inline-flex;


    /* margin-left: 80px; */


}





.consultStyle {


    margin-top: 30px;


    margin-left: 20px;


    line-height: 30px;


    text-align: left;


    font-size: 18px;


    font-weight: 800;


}





.dateStyle {


    margin-top: 30px;


    margin-left: 20px;


    /* text-align: left; */


    display: inline-flex;


    font-size: 15px;


    font-weight: 600;


}





.timeStyle {


    margin-left: 20px;


    display: inline;


    font-size: 15px;


    font-weight: 600;


}





.ktitle {


    color: black;

    width: 100%;

    text-align: center;


    margin-top: 20px;


    font-size: 20px;


}





.ktitle1 {


    color: #FFFFFF;


    text-align: center;


    margin-top: 20px;


    font-size: 15px;


}





.circleP2 {


    text-align: center;


    margin-top: 30px;


}





.circlePictureTwo {


    width: 90px;


    height: 90px;


    border-radius: 100%;


}





.contentStyle2 {


    text-align: center;


}





.specialName2 {


    color: #000000;


    margin-top: 10px;


    font-size: 22px;


    font-weight: bold;


    display: inline-flex;


}





.specialTitle {


    margin-top: 10px;




    font-weight: bold;


    color: #ff0000;


}





.consultContent {


    display: inline-flex;


    margin-top: 25px;


}





.spanBgcolor {


    margin-left: 20px;


    padding: 6px;


    border-radius: 15px;


    border: solid 1px #c1c1c1;


    background-color: #e4e4e4;


    font-weight: bold;


    font-size: 14px;


}





.phoneBgStyle {


    margin-top: 30px;


    font-size: 18px;


}





.phoneStyle {


    padding: 10px;


    background-color: #ffffff;


    color: #736f6d;


    font-weight: bold;


}





.numberStyle {


    color: #ff9867;


}





.jtdh {





    margin: 0 auto;


    height: 26px;


    line-height: 26px;





}





.receivePhoneStyle {


    margin-top: 40px;


}





.receiveStyle {


    padding: 10px;


    background-color: #02a7f0;


    color: #ffffff;


    font-size: 20px;


    border-radius: 10px;





}





.articleBgStyle {


    background-color: #eeeeee;


    width: 100%;


    height: auto;





}





.articleBgStyle1 {


    position: relative;


    background-color: #ffffff;


    width: 90%;


    margin:0% 5% 0% 5%;

    height: auto;


    padding-bottom: 30px;


    /* margin-left: 5%; */


}





.articleBgStyleLeft {


    /* position: relative; */


    /* background-color: #52D2D6; */


    width: 48%;


    margin-left: 2%;


    height: auto;


}





.articleBgStyleRight {


    position: absolute;


    top: 0;


    left: 50%;


    /* background-color: #7FFFD4; */


    width: 50%;


    height: auto;


}





.contentTopStyle {


    /* margin: 5px; */


    height: 80px;


    line-height: 60px;


    /* background-color: #C97DFA; */


}





.spanStyle1 {




    font-size: 22px;


    font-weight: bold;




}


.spanStyle1 a{


    width: auto !important;


    height: auto !important;


    line-height: 60px;


    font-size: 20px;


    font-weight: 400;


}





.spanStyle2 {


    /*margin-left: 20px;*/


    font-size: 20px;


    font-weight: 400;

    /*display: inline-flex;*/


}





.contentBottomStyle {


    height: auto;


    padding: 15px 0;


    margin: 0 0 10px 0 ;


    background-color: #FFFFFF;


    width: 95%;


    border-bottom: 1px solid #e8e8e8;


    display: inline-flex;


}





.leftPictureStyle {


    width: 120px;


    height: 100px;


    


}





.wzlb01 {


    width: auto;


    height: auto;


    line-height: 20px;


    text-align:left;





}


.wzlb02 {


    width: auto;


    height: auto;


    text-align: left;


    font-size: 16px;


    line-height: 25px;


    margin-top: 5px;


}


.rightContentStyle {


    margin-left: 20px;


}





.rightContentStyle1 {


    font-size: 20px;


    font-weight: 600;


}





.rightContentStyle2 {


    margin-top: 5px;


    font-size: 16px;


    color: #a7a7a7;


}





.rightContentStyle3 {


    margin-top: 5px;


    font-size: 14px;


    color: #a7a7a7;


}





/* .foot {


    width: 100%;


    height: 300px;


    background-color: #b3b3b3;


    float: left;


}





.footLeft {


    position: absolute;


    width: 50%;


    height: 220px;


    margin-left: 5%;


    margin-top: 80px;


    font-weight: bold;


}





.companyName {


    color: #FFFFFF;


    font-size: 20px;


}





.otherInfo {


    margin-top: 20px;


    margin-left: 10px;


}





.address {


    color: #FFFFFF;


    font-size: 18px;


    line-height: 28px;


}





.footRight {


    position: relative;


    top: 0;


    left: 50%;


    width: 50%;


    height: 300px;


}





.appInfo {


    position: relative;


    top: 50px;


    left: 200px;


    display: inline-flex;


}





.appPicture {


    width: 200px;


}





.appName {


    position: relative;


    top: 210px;


    left: -140px;


    color: #FFFFFF;


    height: 40px;


} */

.zuijin {
    width: 90%;
    height: 40px;
    margin: .5rem 5%;
    background-color: white;
    border-radius: 50px;
}

.zuijinleft {
    margin-left: 15px;
    line-height: 40px;
    font-weight: 800;
    width: 20%;
    float: left;
}

.zuijinzhong {
    margin-left: 15px;
    line-height: 40px;
    font-weight: 600;
    font-size: 12px;
    float: left;
}

.zuijinright {
    margin-left: 15px;
    line-height: 40px;
    font-weight: 600;
    width: 30%;
    float: left;
    font-size: 8px;
    color: dodgerblue;
}