.share {

    width: 100px;

    height: 50px;

    position: absolute;

    top: -1000px;

}



/* 分页器 */

#paging {

    overflow: hidden;

    width: 500px;

    margin: 20px auto;

    position: absolute;

    bottom: 0;

    left: 50%;

    margin-left: -337px;

}



.nav .nav_wrap li:hover>a {

    color: #fff !important;

}



.nav .nav_wrap li:first-child:hover>a {

    color: #fff !important;

}



#paging li {

    width: 70px;

    height: 24px;

    border: 1px solid #3091f2;

    line-height: 24px;

    text-align: center;

    margin: 5px;

    float: left;

    color: #3091f2;

    cursor: pointer;

}



#paging li.hover:hover {

    border: 0;

    background-color: #3091f2;

    color: white;

}



.Selection {

    /* border: 0; */

    border: 1px solid #eeeeee !important;

    color: #3091f2 !important;

    font-weight: bold;

}



.Selection2 {

    background-color: auto !important;

    /* color: #fff !important; */

    /* border: 0 !important; */

    cursor: default !important;

    border: 1px solid #3091f2;

}



.caselist_container {

    position: relative;

    min-width: 100px;

}



.recommend_case {

    position: absolute;

    float: right;

    right: 0;

    top: 0;

}



.used_number {

    margin-top: 20px;

}



.MoreD:hover {

    color: #3091f2;

}



#Box {

    width: 135px;

    height: 154px;
    margin-left: -150px!important;
    margin-top: 35px!important;

}



.search {

    width: 319px !important;

}



.search input {

    width: 267px !important;

}



.search .IcoBox {

    border-top-right-radius: 14px !important;

    width: 37px !important;

}



.num {

    color: #3091f2 !important;

    font-size: 12px;

    /* background-color: #fff ; */

}



.Selection2 {

    /* background-color:#fff; */

    color: #3091f2;

}



#paging li.Selection2 {

    background-color: auto !important;

    color: #3091f2;

}



.desc {

    -webkit-line-clamp: 5 !important;

    height: 100px !important;

}



.nav {

    border-bottom: 2px solid #3091f2;

}



#bg {

    /* background-color: #f5f5f5; */

    padding: 15px 0;

}



body {

    background-color: #fff !important;

}



.caseitems {

    background: #f1f1f152 !important;

}



.bgcolor {

    background-color: #fff;

}



.ztfwrap {

    padding-top: 0;

    padding-bottom: 30px;



}



.tzfWrapClick {

    display: inline-block;

}



.ztfwrap img {

    vertical-align: middle;

}



#friendsUrl {

    text-align: left;

    color: #666;

    margin-top: 10px;

    font-size: 13px;

    margin-bottom: 50px;

}



#friendsUrl .splitUrl {

    margin: 0 5px;

}





.para {

    margin: 0;

    color: #eee;

    font-size: 14px;

    text-align: center;

}



body {

    margin: 0;

    /* height: 2000px; */

}



.serve_ct {

    box-sizing: border-box;

    width: 110px;

    height: 343px;

    background: #329FD7;

    border-radius: 55px 55px 5px 5px;

    position: absolute;

    box-shadow: 0 5px 12px #329FD7;

    right: 10px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 99999;

}



.we_code {

    left: 10px;

    width: 110px;

    position: absolute;

    bottom: 10px;

}



.we_code img {

    width: 90px;

    border-radius: 5px;

}



.avatar {

    padding-top: 10px;

    width: 110px;

    height: 100px;

    margin-bottom: 10px;

}



.serve_tel {

    position: relative;

    top: -2px;

}



.bold_tel {

    font-weight: bold;

}



.consult_btn {

    width: 80px;

    height: 30px;

    margin: 10px auto;

    position: relative;

    top: 4px;

    line-height: 26px;

    text-align: center;

    border-radius: 5px;

    background: #fff;

    cursor: pointer;

    font-size: 14px;

    box-sizing: border-box;

    transition: all .1s;

    border: 2px solid transparent;

}



.red_dot {

    position: absolute;

    background: #ff0000;

    display: inline-block;

    width: 20px;

    height: 20px;

    border-radius: 10px;

    color: #fff;

    font-size: 10px;

    line-height: 18px;

    top: -10px;

    right: -10px;

}



.consult_btn:hover {

    background: #329FD7;

    border: 2px solid #eee;

}



.consult_btn:hover a {

    color: #fff;

}



.consult_btn a:hover {

    color: #fff;

}



.consult_btn a {

    color: rgb(48, 152, 255);

    text-decoration: none;

    box-sizing: border-box;

    padding: 0px;

}



.close_btn {

    position: absolute;

    right: 0;

    top: -20px;

    cursor: pointer;

    z-index: 99999;

}



.hover_panel {

    display: none;

    position: relative;

    left: -170px;

    top: -150px;

    z-index: 1;

    width: 197px;

    height: 185px;

}



.float-hover-img {

    display: flex;

    justify-content: center;

    align-items: center;

    background: transparent;

    width: 100%;

    height: 100%;

    border-radius: 5px;

    background: url('../../../static/image/float-bgCode.png') center no-repeat;

    margin-top: 8px;

}



.phone_panel {

    display: none;

    position: absolute;

    bottom: 0;

    z-index: 999;

    width: 237px;

    height: 89px;

    left: -210px;

}



.float-hover-phone {

    /*bottom: -10px;*/

    /*z-index: 999;*/

    margin-top: 8px;

    /*position: absolute;*/

    width: 100%;

    height: 100%;

    line-height: 34px;

    background: url('../../../static/image/float-bgTel.png') center no-repeat;

    display: flex;

    flex-direction: column;

    justify-content: start;

    padding-top: 18px;

    align-items: center;

    font-size: 20px;

    font-weight: 400;

    font-family: SourceHanSansCN-Regular;

}



.float-hover-img img {

    width: 134px;

    height: 134px;

    margin: 0 18px 0 0;

}



.consult_ct {

    position: fixed;

    width: 100px;

    height: 100px;

    top: 30%;

    right: 16px;

    z-index: 99999;

    display: none;

}



.small_cir {

    position: absolute;

    left: 50%;

    top: 50%;

    width: auto;

    -webkit-transform: translate3d(-50%, -50%, 0);

    transform: translate3d(-50%, -50%, 0);

}



.big_cir {

    position: absolute;

    left: 50%;

    top: 50%;

    width: auto;

    -webkit-transform: translate3d(-50%, -50%, 0);

    transform: translate3d(-50%, -50%, 0);

}



.staff_avt {

    z-index: 99999;

    position: absolute;

    left: 50%;

    top: 50%;

    width: 50px;

    -webkit-transform: translate3d(-50%, -50%, 0);

    transform: translate3d(-50%, -50%, 0);

}



@keyframes dotmove {

    0% {

        transform: rotate(0);

    }



    100% {

        transform: rotate(360deg);

    }

}



.move_dot {

    position: absolute;

    top: 20px;

    left: 50px;

    width: auto;

    transform-origin: 0 30px;

    animation: dotmove 2.5s infinite linear;

    z-index: 99999;

}



.box-img>a>img,

.box-img>img,

.consult-dot img {

    margin-top: -4px;

    margin-right: 10px;

}



.consult-dot {

    position: relative;

}



.red_dot2 {

    position: absolute;

    background: #ff0000;

    display: inline-block;

    width: 20px;

    height: 20px;

    border-radius: 10px;

    color: #fff;

    font-size: 10px;

    line-height: 18px;

    top: 0;

    text-align: center;

    right: 14px;

}





.hreder .hreder_wrap .logo_img {

    float: left;

    width: 274px;

    margin-top: 50px;

    height: 44px;

    object-fit: contain;

}



.caseitem:hover {

    box-shadow: #3091f2 0 0 5px;

}

.dropdowns  .iconfont1{

    display: inline-block;

    width: 10px;

    height: 6px;

    background: url("../../static/image/arrow_8.png");

}

.dropdowns:hover .iconfont1{

    background: url("../../static/image/arrow_5.png");

}