﻿.banner {

    margin-bottom: 2.5vw;

}

.sub-title {

    margin-bottom: 3.5vw;

}

.sub-title h1 {

    text-align: center;

    color: #666;

    font-size: 36px;

    margin-top: 0;

    margin-bottom: 3vw;

}

.title-menu {

    position: relative;

    height: 4vw;

    line-height: 4vw;

    border-top: 1px solid #e5e5e5;

    border-bottom: 1px solid #e5e5e5;

}

.title-menu ul {

    display: table;

    margin-left: auto;

    margin-right: auto;

}

.title-menu ul li {

    float: left;

    display: block;

    color: #585858;

    font-size: 16px;

    margin-left: 38px;

    margin-right: 38px;

    margin-left: 2.6vw;

    margin-right: 2.6vw;

}

.title-menu ul li.active a,

.title-menu ul li a:hover {

    color: #153371;

}

.sub-info-title h2{

    margin-bottom: .4vw;

}

.sub-info-title p{

    font-size: 18px;

    color: #7d7d7d;

    display: inline-block;

    border-bottom: 1px solid #fcdb00;

    margin-bottom: 0;

    padding-bottom: .5vw;

}

.sub-info-info { overflow:hidden;

    padding-top: 1.5vw;

    margin-top: -1px;  padding-bottom: 1.5vw;

}

.sub-info-info ul li {

    margin-bottom: 1.6vw;

    text-align: center;

}

.sub-info-info ul li img {

    border: 3px solid #c4c4c4; 

    margin-bottom: 2vw;


}

.sub-info-info ul li p {

    color: #4b4b4b;

    font-size: 14px;

}

.page-ctrl {

    text-align: center;

    margin-top: 2vw;

    margin-bottom: 5vw;

}

.page-ctrl a {

    border: 1px solid #e9e9e9;

    padding: 8px 11px;

    margin-left: 3px;

    margin-right: 3px;

    color: #7a7a7a;

}

.page-ctrl a:hover {

    color: #f08519;

}

.page-ctrl a:first-child,

.page-ctrl a:last-child {

    background-color: #909090;

    color: #fff;

}



.page-ctrl a:first-child:hover,

.page-ctrl a:last-child:hover {

    background-color: #c28e34;

    border-width: #c28e34;

    color: #fff;

}

@media (max-width: 768px){

    .sub-title h1 {

        font-size: 20px;

		margin-top:25px;

		margin-bottom:25px;

    }

    .title-menu {

        height: 7vw;

        line-height: 7vw;

        margin-bottom: 20px;

		

    }

    .title-menu ul li {

        font-size: 14px;

		margin-top:2.5px;

		margin-bottom:2.5px;

		

    }

    .sub-info-title h2 {

        font-size: 18px;

    }

    .sub-info-title p {

        font-size: 14px;

		margin-top:5px;

    }

}

@media (max-width: 480px){

    .title-menu {

        height: auto;

        line-height: 6vw;

    }

    .sub-title h1 {

        font-size: 20px;

    }

    .sub-info-info ul li p {

        font-size: 14px;

    }

    .page-ctrl a{

        font-size: 12px;

        padding: 4px 5px;

    }

}

/* 联系我们 */

.contact-info h3 {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 20px; 

}

.contact-info p {

    font-size: 14px;

    color: #868686;

    margin-bottom: 13px;

}

.contact-info p strong {

    color: #494949;

}

.contact-info p {

    text-indent: -5em;

    margin-left: 5em;

}

.contact-info p strong span {

    letter-spacing: 2em;

}

.contact-map {

    height: 280px;

    border: 1px solid #bdbdbd;

    padding: 5px;

}

.service-map-one {

    height: 100%;

    width: 100%;

}

.anchorBL {

    display: none !important;

}

@media (min-width: 1440px){



}

@media (max-width: 1199px){

    .contact-info {

        margin-bottom: 30px;

    }

}

@media (max-width: 991px){



}

@media (max-width: 768px){

    .sub-title h1 {

        font-size: 20px;

    }

    .title-menu {

        height: 6vw;

        line-height: 6vw;

        margin-bottom: 20px;

    }

    .title-menu ul li {

        font-size: 12px;

    }

    .sub-info-title h2 {

        font-size: 18px;

    }

    .sub-info-title p {

        font-size: 14px;

    }

    .contact-info h3 {

        font-size: 16px;

    }

    .contact-info p {

        font-size: 12px;

    }

}

@media (max-width: 480px){

    .sub-info {

        margin-bottom: 10vw;

    }

    .sub-info:last-child {

        margin-bottom: 15vw;

    }

    .sub-info-info > ul > li {

        margin-bottom: 7vw;

    }

    .title-menu {

        height: auto;

        line-height: 6vw;

    }

    .sub-title h1 {

        font-size: 20px;

    }

    .contact-info h3 {

        font-size: 14px;

    }

}


/* 留言反馈 */

.appoint-input {

    display: table;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);     

    -moz-transform: translateX(-50%);   

    -webkit-transform: translateX(-50%); 

    -o-transform: translateX(-50%); 

    margin: 0 auto;

}

.appoint-input .name-box,

.appoint-input .phone-box,

.appoint-input .input-sex,

.appoint-input .work-box,
.appoint-input .liuyan-box,
.appoint-input .money-box,

.appoint-input .sex-block,

.appoint-input .site-box {

    display: inline-block;

    position: relative;

}
.liuyan{ height:340px}
.appoint-input > ul > li {

    margin-bottom: 14px;

    text-align: right;

    clear: both;

}

.appoint-input input{

    width: 500px;

    text-indent: .7em;

    outline: none;

    border: 1px solid #d5d5d5;

    height: 30px;

    line-height: 30px;

}
.appoint-input textarea{

    width: 500px;

    text-indent: .7em;

    outline: none;

    border: 1px solid #d5d5d5;

    height: 120px;

    line-height: 24px;

}






.appoint-input label {

    font-size: 18px;

    color: #494949;

}


.appoint-input > ul > li.btn {

    float: none;

    width: 100%;

    text-align: center;

}

.submit{

    background-color: #fcdb00;

	width:auto !important;

	height:auto !important;

	line-height:auto !important;

    outline: none;

    border: none !important;

    font-size: 20px;

    color: #2b2b2b;

    letter-spacing: 6px;

    text-indent: 6px;

	border-radius:5px;

    padding: 8px 25px;

}

.appoint-input > ul > li {

    position: relative;

    display: table;

    float: right;

    width: 150%

}




@media (min-width: 1440px){



}

@media (max-width: 1199px){

    .lineL,

    .lineR {

        width: 30%;

    }

    .lineL {

        left: 13%;

    }

    .lineR {

        right: 13%;

    }

}

@media (max-width: 991px){

    .lineL,

    .lineR {

        width: 30%;

    }

    .lineL {

        left: 12%;

    }

    .lineR {

        right: 12%;

    }

}

@media (max-width: 768px){

    .sub-title h1 {

        font-size: 20px;

    }

    .title-menu {

        height: 6vw;

        line-height: 6vw;

        margin-bottom: 20px;

    }

    .title-menu ul li {

        font-size: 12px;

    }


    .sub-info-title h2 {

        font-size: 18px;

    }

    .sub-info-title p {

        font-size: 14px;

    }

    .lineL,

    .lineR {

        width: 26%;

    }

    .lineL {

        left: 10%;

    }

    .lineR {

        right: 10%;

    }

    .appoint-input input,.appoint-input textarea,

    .sex-block,

    .input-select {

        width: 300px;

    }

    .appoint-input label,

    .appoint-input input,

    .sex-block,

    .input-select select {

        font-size: 12px;

    }

    .btn button {

        font-size: 14px;

    }


    .appoint-input .input-store input:not(:first-child),

    .appoint-input .input-sex input {

        margin-left: 10px;

        margin-right: 2px;

    }

    .appoint-input input{

        height: 22px;

        line-height: 22px;

    }


}

@media (max-width: 480px){

    .sub-info {

        margin-bottom: 10vw;

        height: 630px;

    }

    .sub-info:last-child {

        margin-bottom: 15vw;

    }

    .sub-info-info > ul > li {

        margin-bottom: 7vw;

    }

    .title-menu {

        height: auto;

        line-height: 6vw;

    }

    .sub-title h1 {

        font-size: 20px;

    }

    .lineL,

    .lineR {

        width: 20%;

    }

    .lineL {

        left: 10%;

    }

    .lineR {

        right: 10%;

    }

    .appoint-input {

        padding-right: 10%;

    }

    .appoint-input > ul > li {

        width: 100%;

    }

    .appoint-input > ul > li.btn {

        padding-left: 11.1%;

    }

    .appoint-input input,

    .sex-block,

    .input-select {

        width: 56vw;

    }

    .appoint-input label,

    .appoint-input input,

    .sex-block,

    .input-select select {

        font-size: 12px;

    }

    .btn button {

        font-size: 14px;

    }

    .appoint-input input {

        height: 22px;

        line-height: 22px;

    }

    @-moz-document url-prefix() {  

        .appoint-input {

            left: 0%;

            transform: translateX(3%);

            -ms-transform: translateX(3%);

            -moz-transform: translateX(3%);

            -webkit-transform: translateX(3%);

            -o-transform: translateX(3%);

        }

        .appoint-input > ul > li.btn {

            padding-left: 15%;

        }

    }

}