﻿.service-options{
    min-width: 900px;
    width: 900px;
    margin: 0 auto;
    margin-top: 25px;
}
.service-options .sev>a{
    display: inline-block;
   /* background-image: url("../images/icon-big.png");
    background-size: 400% 500%;*/  
}
.service-options .sev>a img{
    width: 80px;
    height: 80px;
}
.service-options .sev01>a{
    background-position: 0 0;
}
.service-options .sev02>a{
    background-position: -120px 0;
}
.service-options .sev03>a{
    background-position: -240px 0;
}
.service-options .sev04>a{
    background-position: -360px 0;
}
.service-options>article{
    float: left;
    text-align: center;
    margin-right: 140px;
}
.service-options>article:last-child{
    margin-right: 0;
}
.service-options .sev a{
    color: #727171;
    font-size: 15px;
}
.ttp01{
    font-size: 45px;
    color: #8ec31f;
    text-align: center;
    font-family: '宋体';
    margin-top: 50px;
}
.ttp02{
    width: 228px;
    margin: 0 auto;
    color: #231815;
    line-height: 20px;
    margin-top: 10px;
    text-align: center;
}
.lower-part{
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.title{
    width: 100%;
    margin-top: 30px;
}
.title>article{
    float: left;
    width: 580px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    font-size: 20px;
    padding-left: 20px;
}
.title>article:first-child{
    background: #f7ab00;
}
.title>article:last-child{
    background: #fef0d4;
}
.title>article:last-child a{
    font-size: 14px;
    float: right;
    margin-right: 20px;
    color: #231815;
}
.service-options-detail .select li{
    float: left;
    width: 13%;
    text-align: center;
    position: relative;
}
.service-options-detail .select li.line{
    border-top: 1px solid #abcd03;
    width: 11.3333%;
    vertical-align: middle;
    margin-top: 73px;
}
.service-options-detail .select li.firstline,
.service-options-detail .select li.lastline{
    width: 7%;
}
.service-options-detail .select li.liselect{
    background: #8ec31f;
    border-radius: 65%;
    height: 150px;
    /*line-height: 150px;*/
}
.service-options-detail .select li.liselect a{
    color: #fff;
    margin-top: 30%;
    display: block;
    font-size: 16px;
}
.service-options-detail a span{
    display: block;
}
.service-options-detail{
    margin-top:25px;
}
.service-cur .jiao{
    width: 0;
    height: 0;
    border-top: 25px solid #f7ab00;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.service-cur{
    background: #f7ab00 !important;
}
.service-list{
    padding-left: 45px;
    display: none;
}
.list-show{
    display: block;
}
.service-list .con>article{
    float: left;
}
.service-list .con .one{
    width: 20%;
}
.service-list .con .two{
    width: 20%;
    margin: 0 5% 0 2%;
}
.service-list .con .three{
    width: 53%;
}
.service-list .con{
    margin-top: 20px;
    height: 258px;
    overflow: hidden;
}
.service-list .con img{
    height: 247px;
    width: 231px;
}
.service-list-title{
    font-size: 30px;
    color: #8ec31f;
}
.service-list-title02{
    font-size: 22px;
    color: #9fa0a0;
}
.service-con{
    margin-top: 60px;
}
.service-list ul li{
    line-height: 37px;
}
.service-list ul li i{
    background: #f7ab00;
    color: #fff;
    font-style: normal;
    border-radius: 20px;
    padding: 2px 4px;
    font-size: 13px;
}
.service-list ul li span{
    color: #231815;
    font-size: 14px;
    margin-left: 10px;
}
.public-style{
    margin-top: 20px;
}
.public-style>ul .li-list{
    margin-bottom: 15px;
}
.public-style>ul .li-list:last-child{
    margin-bottom: 0;
}
.public-style li img,
.public-style li ul{
    float: left;
}
.public-style li img,
.five-service img{
    width: 298px;
    height: 205px;
}
.public-style .li-list ul{
    margin-left: 20px;
    width: 55%;
}
.public-style .li-list ul li{
    line-height: normal;
    margin-bottom: 20px;
}
.public-style .li-list ul li:last-child{
    margin-bottom: 0;
}
.public-style .li-list ul li i{
    float: left;
}
.public-style .li-list ul li span{
    display: inline-block;
    float: left;
    width: 93%;
}
.five-service{
    margin-top: 20px;
}
.five-service>article{
    float: left;
}
.five-service>article:first-child{
    width: 73%;
}
.five-service>article:last-child{
    width: 27%;
    /*margin-left: 20px;*/
    float: right;
}
.five-service .tt{
    color: #f7ab00 !important;
    font-weight: 600;
    font-size: 16px !important;
}
.five-service>article:first-child p{
    color: #231815;
    font-size: 14px;
    line-height: 37px;
}
.five-service>article:last-child a{
    display: inline-block;
}
.five-service>article:last-child a:first-child{
    margin-bottom: 10px;
}
.head-title{
    width: 100%;
    text-align: center;
}
.head-title img{
    width: 50%;
}
.company-details .ttp01{
    margin-top: 33px;
}
.company-details{
    margin-top: 60px;
    margin-bottom: 120px;
}
.doctor-information .doc-detail .sec01{
    display: none;
}
.doctor-information .doc-detail .doc-act{
    display: block;
}
.doctor-information .sec01>article{
    float: left;
}
.doctor-information .sec01 .ll{
    width: 20%;
}
.doctor-information .sec01 .ll img{height: 264px;}
.doctor-information .sec01 .cc{
    width: 50%;
    margin: 0 1%;
    border: 2px solid #e0e0de;
}
.doctor-information .sec01 .rr{
    width: 27%;
}
.doctor-information .sec01 .cc li{
    float: left;
    font-size: 12px;
}
.doctor-information .sec01 .cc i{
    background-image: url("../images/icon-small.png");
    background-size: 200% 300%;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    display: inline-block;
}
.doctor-information .sec01 .cc .zixun{
    background-position: 0 0;
}
.doctor-information .sec01 .cc .yuyue{
    background-position: -35px 0;
}
.doctor-information .sec01 .cc .jieshao{
    background-position: 0 -35px;
}
.doctor-information .sec01 .cc li span{
    float: left;
}
.doctor-information .sec01 .cc li>span:last-child{
    margin-left: 5px;
}
.doctor-information .sec01 .cc li em{
    font-style: normal;
    color: #8ec31f;
    font-size: 14px;
}
.doctor-information .sec01 .cc .chaxun li{
    width: 49%;
    text-align: center;
    font-size: 16px;
    height: 90px;
    line-height: 90px;
}
.doctor-information .sec01 .cc .chaxun li a{
    color: #231815;
}
.doctor-information .sec01 .cc .chaxun{
    border-top: 2px solid #e0e0de;
}
.doctor-information .sec01 .cc .chaxun li:first-child{
    border-right: 2px solid #e0e0de;
}
.doctor-information .sec01 .cc .renshu li{
    width: 33.3333%;
    text-align: center;
    padding: 59px 0;
    font-size: 14px;
    /*height: 100px;*/
}
.doctor-information .sec01 .zljs-name{
    /*margin-top: 65px;*/
    font-size: 17px;
    margin: 15px 0;
    /*font-weight: bold;*/
}
.doctor-information .s-name{
    margin: 10px 0;
    font-size: 22px;
    font-weight: bold;
}
.doctor-information .sec01 .rr>p{
    color: #f7ab00;
}
.doctor-information .sec01 .rr>p span{
    color: #f7ab00;
    border: 1px solid #f7ab00;
    padding: 0 5px;
    border-radius: 5px;
    /*font-size: 14px;*/
    margin-right: 10px;
    font-weight: normal;
}
.doctor-information{
    margin-top: 15px;
}
.doctor-information .sec01 .rr div{
    color: #231815;
    text-indent: 24px;
    line-height: 20px;
    margin-top: 10px;
    overflow: hidden;
    /*height: 178px;*/
}
.doctor-information .sec01 .rr div p{
    text-align: left;
    text-indent: 0;
    font-size: 16px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.doctor-information .sec01 .look-more{
    text-align: center;
    margin-top: 50px;
}
.doctor-information .sec01 .look-more a{
    color: #fff;
    display: inline-block;
    background: #8ec31f;
    width: 90px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 7px;
}
.mar-left30{
    margin-left: 30%;
}
.mar-left33{
    margin-left: 33%;
}
.doctor-information .sec02 ul li{
    float: left;
    width: 11.5%;
    margin-right: 1%;
}
.doctor-information .sec02 ul li img{width: 100%;height: 145px;}
.doctor-information .sec02 ul li:last-child{
    margin-right: 0;
}
.doctor-information .sec02 ul{
    margin-top: 8px;
}
.doctor-information .sec02 .name{
    background: url("../images/cc_03.png") no-repeat;
    background-size: 100%;
    text-align: center;
    background-position: 0 6px;
    color: #f7ab00;
    margin-top: 5px;
}
.company-environment{
    margin-top: 30px;
}
.company-environment .company-select li{
    float: left;
    width: 25%;
    background: #fef0d4;
    color: #f7ab00;
    text-align: center;
    padding: 5px 0 15px;
}
.mar-top75{
    margin-top: 75px;
}
.company-environment .c-icon{
    margin: 10px 0;
    text-align: center;
}
.company-environment .c-icon img{
    width: 70px;
    height: 70px;
    margin: 0 auto;
}
.company-environment li.company-act .dis-img{
    display: none;
}
.company-environment li .act-img{
    display: none;
}
.company-select li p{
    font-size: 14px;
}
.company-environment .company-select .company-act{
    background: #f7ab00;
}
.company-select .company-act .c-icon img.act-img{
    display: inline-block;
}
.company-select .company-act p{
    color: #fff;
}
.environment-images .env-list{
    display: none;
}
.environment-images .environment-act{
    display: block;
}
.environment-images ul li{
    float: left;
    width: 32%;
    /*margin-right: 2%;*/
    position: relative;
}
.environment-images ul li:last-child{
    margin-right: 0;
}
.environment-images .reading li a{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 90%;
}
.environment-images ul li a img{
    width: 282px;
    height: 186px;
}
.environment-images ul li span{
    display: inline-block;
    color: #fff;
    background: #8ec31f;
    width: 105px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 14px;
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.environment-images{
    margin-top: 10px;
}
.environment-images .case-share li{
    width: 23.5%;
}
.environment-images .case-share li span{
    position: inherit;
    background: none;
    color: #333;
    line-height: 20px;
    width: 100%;
    font-size: 12px;
    text-align: left;
}
.environment-images .comment h3{
    color: #8fc31f;
    font-size: 30px;
    padding-bottom: 10px;
    border-bottom: 2px solid #d7d7d7;
}
.environment-images .comment span{
    position: inherit;
    background: none;
    color: #fff;
    width: auto;
    height: auto;
    line-height: initial;
}
.environment-images .comment ul{
    display: block;
}
.environment-images .comment .conl{
    width: 200px;
    margin-top: 35px;
}
.environment-images .comment .conr{
    float: right;
    height: 455px;
    margin-top: 35px;
    overflow: hidden;
    width: 964px;
}
.environment-images .comment .zhpf{
    background: #8ec31f;
    color: #fff;
    font-size: 26px;
    height: 90px;
    line-height: 30px;
    padding: 27px 0;
    text-align: center;
    width: 200px;
}
.environment-images .reading li{
    width: 300px;
    float: left;
    overflow: hidden;
    margin: 0;
}
.environment-images .gshj li a img{
    width: 380px;
    height: 251px;
}
.env-slider{
    width: 1200px;
    height: 300px;
    overflow: hidden;
    position: relative;
}
.env-slider ul{
    width: 1260px;
    height: 252px;
    position: absolute;
    z-index: -1;
    /*margin-left: -15px;*/
}
.env-slider ul li{
    width: 380px;
    text-align: center;
    margin-right: 0;
    /*margin: 0 15px 56px 15px !important;*/
}
.env-slider .swiper-button-prev,
.env-slider .swiper-button-next{
    top: 41%;
}
.reading h3{
    color: #f7ab00;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
}
.reading{
    margin-top: 30px;
}
.reading .lists{
    display: block;
    height: 256px;
    overflow: hidden;
}
.reading .lists li{
	height: 32px;
    line-height: 32px;
    color: #ab8b62;
    font-size: 14px;
    width: 100%;
}
.comment .zhpf .sml{
    font-size: 14px;
}
.comment .zhpf #count{
    font-size: 26px;
    color: #fff;
}
.comment .kb{
    background: #dde5c9;
    color: #696060;
    height: 240px;
    line-height: 30px;
    margin-top: 10px;
    padding: 15px 0 15px 20px;
    width: 180px;
}
.comment .kb li{
    padding-left: 40px;
    width: auto;
    float: none;
    margin-right: 0;
    font-size: 16px;
}
.comment{
    margin-top: 45px;
}
.comment .conr .comment-info{
     width: 952px;
     border: 1px solid #d8d8d8;
     float: right;
     height: 402px;
     background-color: #fff;
     overflow-y: scroll;
     padding-left: 10px;
     padding-bottom: 20px;
}
.comments .top{
    width: 889px;
    min-width: 889px;
    height: 50px;
    line-height: 50px;
    border-bottom: 2px solid #dedede;
    padding: 0 0 0 10px;
    margin: 0;
}
.comments .top span {
    color: #727272;
    font-size: 20px;
    line-height: 30px;
    margin-right: 20px;
}
.comments .impression {
    margin-top: 20px;
}
.impression strong {
    background: none repeat scroll 0 0 #dae3c8;
    margin-bottom: 20px;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    padding-left: 5px;
    width: 895px;
}
.spanl {
    padding: 3px 5px;
    display: inline-block;
    border: 1px solid #d9cdcd;
    margin-right: 15px !important;
    margin-bottom: 15px !important;
    font-size: 14px !important;
    color: #515050 !important;
}
.comments .impression span em {
    color: #a6a3a3;
    font-style: normal;
}
.comments .haoping {
    width: 900px;
    height: 30px;
    background: #dae3c8;
    margin-top: 10px;
    line-height: 30px;
    padding-left: 5px;
    font-size: 14px;
    color: #505050;
}
.comments .haoping label{
    font-size: 12px;
}
.comments .haoping input{
    vertical-align: middle;
    margin-bottom: 5px;
}
.comments .haoping span{
    color: #231815;
    margin: 0 6px;
}
.comments .haoping i{
    background-image: url("../images/flows.png");
    background-size: 300% 100%;
    -webkit-background-size: 300% 100%;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 3px;
}
.comments .haoping span:nth-child(2) i{
    background-position: -15px 0;
}
.comments .haoping span:nth-child(3) i{
    background-position: -30px 0;
}
.comments ul li {
    width: 900px;
    min-height: 130px;
    border-bottom: 1px dotted #4a4a4a;
    margin-top: 20px;
}
.comments ul li img {
    float: left;
    margin: 10px 20px 0 20px;
    width: 50px;
    height: 50px;
}
.comments ul li .pingyu {
    float: left;
    width: 800px;
}
.comments ul li .pingyu h4 {
    color: #919191;
    font-size: 14px;
}
.comments ul li .pingyu p {
    color: #4f4f51;
    font-size: 14px;
    margin-top: 10px;
}
.comments ul li .pingyu p strong {
    color: #a6a6a9;
}
.comments ul li .pingyu p strong:nth-child(2) {
    margin-left: 30px;
}
.comments ul li .pingyu p span {
    color: #666;
    float: right;
}
.comments ._input p{
    margin: 15px 0;
    font-size: 15px;
    color: #666;
}
.comments ._input input{
    padding-left: 5px;
}
.comments ._input input,select{
    line-height: 25px;
    border: 1px solid #9c9c9c;
    width: 195px;
}
.comments ._input select{
    line-height: 30px;
    height: 30px;
    width: 202px;
}
.comments ._input .wid-50{
    width: 100px;
}
.comments ._input b{
    font-weight: 100;
    color: #919191;
    font-size: 12px;
}
.comments ._input em{
    font-style: normal;
    color: #F00;
    vertical-align: middle;
    margin-right: 2px;
}
.comments ._input textarea{
    width: 686px;
    resize: none;
    padding: 5px 5px 0;
    font-size: 14px;
}
.comments ._input textarea::-webkit-input-placeholder{
    color: #ccc;
}
.comments .pj-btn{
    width: 699px;
    height: 35px;
    background: #dae3c8;
}
.comments .pj-btn strong{
    font-size: 14px;
    color: #505050;
    line-height: 35px;
    width: 80px;
    height: 35px;
    text-align: center;
    border-right: 1px solid #ccc;
    margin-right: 10px;
    display: inline-block;
}
.comments .pj-btn input{
    vertical-align: middle;
    margin-bottom: 5px;
}
.comments .tj-btn{
    border: 0;
    background: #abcd07;
    color: #fff;
    width: 85px;
    height: 35px;
    font-size: 14px;
    border-radius: 5px;
    float: right;
}
.comments .pingjia{
    margin-bottom: 30px;
}
#showmore{
    border: 1px solid #8d8d8d;
    color: #8d8d8d;
    height: 25px;
    line-height: 25px;
    margin: 20px auto 0;
    text-align: center;
    width: 120px;
}
.service-flow{
    margin-top: 60px;
}
.service-flow .flow{
    margin-top: 25px;
}
.service-flow .flow li{
    float: left;
    text-align: center;
    width: 7.69%;
}
.service-flow .flow li img{
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
}
.service-flow .flow li:nth-child(even) img{
    width: 10px;
    height: 15px;
    vertical-align: middle;
    margin-top: 20px;
}
.service-flow .flow li p{
    margin-top:6px;
    line-height: 20px;
}
.service-flow .flow li:nth-child(1) i{
    background-position: 0 -50px;
}
.service-flow .flow li:nth-child(3) i{
    background-position: -55px -50px;
}
.service-flow .flow li:nth-child(5) i{
    background-position: -110px -50px;
}
.service-flow .flow li:nth-child(7) i{
    background-position: -165px -50px;
}
.service-flow .flow li:nth-child(9) i{
    background-position: 0 -100px;
}
.service-flow .flow li:nth-child(11) i{
    background-position: -55px -100px;
}
.service-flow .flow li:nth-child(13) i{
    background-position: -110px -100px;
}


/*4,5,6,7服务*/
.six-service div,
.five-service div{
    float: left;
    margin-bottom: 20px;
    width: 49%;
    margin-right: 1%;
}

/*案例分享*/
.case-share li{
    margin-right: 2%; 
}