@charset "utf-8";

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}
a,a:hover{
    text-decoration: none;
}
header {
    border-top: 4px solid #00ae9b;
    background-color: white;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}

.navbar {
    padding: 1rem;
}

.navbar-brand {
    font-size: 2.5rem;
    font-weight: bold;
}

.navbar-expand-lg .navbar-collapse {
    justify-content: flex-end;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

.navbar-expand-lg .navbar-nav .nav-link i {
    color: #00ae9b;
    margin-right: 0.25rem;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #00ae9b;

}
.navbar .navbar-text i{
    line-height: 2.25rem;
    font-size: 2.25rem;
    font-weight: 100;
    margin-right: 0.5rem;
    color: #00ae9b;
}
.navbar .navbar-text{
    font-size: 0.825rem;
}
.navbar .navbar-text b{
    color: #FC880D;
}

.part_one {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.part_one li{
    float: left;
    width: 23%;
    margin-left: 1%;
    margin-right: 1%;
    border: 1px solid #eee;
    border-top: 2px solid #FC880D;
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    border-radius: 2px;
}
.part_one li i{
    font-size: 2.5rem;
    margin-bottom: 1rem;
}
.part_one li a{
    color: #333;
}
.part_one li:nth-child(1),part_one li:nth-child(3){
    border-top: 3px solid #FC880D;
}
.part_one li:nth-child(1) i,.part_one li:nth-child(3) i{
    color: #FC880D;
}
.part_one li:nth-child(1):hover,.part_one li:nth-child(3):hover{
    border-top: 3px solid #FC880D;
    background-color: #FC880D;
}
.part_one li:nth-child(1):hover a,.part_one li:nth-child(3):hover a{
    color: white;
}
.part_one li:nth-child(1):hover i,.part_one li:nth-child(3):hover i{
    color: white;
}
.part_one li:nth-child(2),part_one li:nth-child(4){
    border-top: 3px solid #00ae9b;
}
.part_one li:nth-child(2) i,.part_one li:nth-child(4) i{
    color: #00ae9b;
}
.part_one li:nth-child(2):hover,.part_one li:nth-child(4):hover{
    border-top: 3px solid #00ae9b;
    background-color: #00ae9b;
}
.part_one li:nth-child(2):hover a,.part_one li:nth-child(4):hover a{
    color: white;
}
.part_one li:nth-child(2):hover i,.part_one li:nth-child(4):hover i{
    color: white;
}

.part_two {
    background-color: #F2F2F2;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.pt-title {
    width: 35%;
    float: left;
}

.pt-title h5 {
    font-size: 0.825rem;
    margin-bottom: 1.5rem;
    text-transform: capitalize;
}

.pt-title h5 span {
    border-bottom: #FC880D 1px solid;
    line-height: 2rem;
    padding: 0.25rem 0.5rem 0.25rem 0;
    font-size: 1.5rem;
    margin-right: 0.5rem;
    color: #00ae9b;
}
.region{
    width: 65%;
    float: left;
    text-align: right;
}
.region a{
    padding: 0 0.25rem;
    color: black;
}
.region a:hover{
    background-color: #FC880D;
    color: white;
    border-radius: 2px;
    padding: 0.25rem 0.5rem;
}
.part_two .card {
    width: 24%;
    float: left;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 0.75rem;
}
.part_two .card .card-body {
    padding: .75rem !important;
}
.part_two .card .card-title {
    text-align: center;
    font-weight: 500;
    font-size: 1rem;
    margin-bottom: 0;
}
.part_two .card a{
    color: #171717;
}
.part_three {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.part_three .leftgn{
    width: 78%;
    float: left;
    border-right: 2px solid #E1E1E1;
}
.part_three .leftgn img{
    width: 100%;
}
.part_three .fuwrs{
    width: 20%;
    float: right;
    font-size: 0.875rem;
    padding-top: 1.5rem;
    margin-top: 0.5rem;
}
.part_three .fuwrs p{
    margin-bottom: 0.5rem;
}
.part_three .fuwrs span{
    font-size: 2rem;
    color: #FC880D;
    font-weight: bold;
}
.part_three .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #FC880D;
}
.part_three .btn{
    color: #fff;
    background-color: #FC880D;
    border-color: #FC880D;
}
.part_three #v-pills-messages p{
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
}
.part_three #v-pills-messages a{
    color: black;
}
.part_three #v-pills-messages a:hover{
    color: #FC880D;
}

.part_four {
    background-color: #F2F2F2;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.part_four .ylservices {
    
}
.part_four .ylservices li{
    position: relative;
    width: 11.25rem;
    float: left;
    margin-left: 2px;
    margin-right: 3px;
    margin-top: 2rem;
    border: 0;
    text-align: center;
    border-radius: 2px;
    color: white;
}

.part_four .ylservices .svbg{
    width: 100%;
    height: 14.0625rem;
    filter: brightness(50%);
    -webkit-filter: brightness(50%);
    -o-filter: brightness(50%);
    -moz-filter: brightness(50%);
    -ms-filter: brightness(50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.part_four li:hover{
    filter: brightness(150%);
    color: #00ae9b;
}
.part_four .ylservices .svbg1{
    background-image: url(../images/ylhl01.jpg);
}
.part_four .ylservices .svbg2{
    background-image: url(../images/ylhl02.jpg);
}
.part_four .ylservices .svbg3{
    background-image: url(../images/ylhl03.png);
}
.part_four .ylservices .svbg4{
    background-image: url(../images/ylhl04.png);
}
.part_four .ylservices .svbg5{
    background-image: url(../images/ylhl05.jpg);
}
.part_four .ylservices .svbg6{
    background-image: url(../images/ylhl06.jpg);
}

.part_four .ylservices .svtxt{
    position: absolute;
    height: 12rem;
    width: 11.25rem;
    top:2.0625rem;
    padding-left: 1rem;
    padding-right: 1rem;

}
.part_four .ylservices .svtxt i{
    font-size: 2.25rem;
}
.part_four .ylservices .svtxt h4{
    font-size: 1rem;
    margin-top: 1rem;
}
.part_four .ylservices .svtxt p{
    font-size: 0.825rem;
}
.part_five {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.part_five .record {
    margin-top: 3rem;
}

.part_five .record li {
    width: 48%;
    margin-right: 2%;
    float: left;
    height: 8.5rem;
    margin: 0.5rem;
    overflow: hidden;
}

.part_five .record li img {
    width: 40%;
}
.part_five .record li a{
    color: #333;
}
.part_five .record li h5{
    font-size: 1rem;
}
.part_five .record li p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.825rem;
}
.part_five .record li .ttime{
    font-size: 0.75rem;
}
.part_six {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: #F5F5F5;
}

.part_six .lform {
    width: 60%;
    float: left;
    padding-right: 3rem;
    border-right: 1px solid #E1E1E1;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.part_six .lform .btn{
    background-color: #FC880D;
    border: 0;
}
.part_six .rcontact {
    width: 40%;
    float: left;
    padding-left: 3rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.875rem;
}

.part_six .rcontact h4 {
    margin-bottom: 1rem;
}

.part_six .rcontact .qr {}

.part_six .rcontact .qr li {
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    text-align: center;
}

.part_six .rcontact .qr img {
    width: 100%;
}

footer {
    background-color: #171717;
    padding-top: 3rem;
    color: white;
}

footer .flogo {
    text-align: center;
    margin-bottom: 0.75rem;
    font-size: 2.5rem;
    font-weight: bold;
}

footer .tbrief {
    text-align: center;
    margin-bottom: 2rem;
}

footer h4 {
    margin-bottom: 1.25rem;
}

footer ul {
    overflow: hidden;
    padding-left: 0;
}

footer li {
    width:24%;
    float: left;
    margin-right: 1%;
}

footer li a {
    color: white;
    text-decoration: none;
}

footer li a:hover {
    color: white;
    text-decoration: none;
}
footer li:nth-child(1) {
    width: 28%;
}
footer li:nth-child(4) {
    width: 20%;
}

footer li:first-child a {
    display: block;
    width: 50%;
    float: left;
    margin-bottom: 0.5rem;
}

footer .copyright {
    text-align: center;
    line-height: 2rem;
    margin-top: 2rem;
}
.breadcrumb{
    background-color:transparent;
    color: #171717;
    border-bottom: 1px #eee solid;
}
.breadcrumb a{
    color: #6c757d;
}
.breadcrumb li:nth-child(2)::before{
    content: none;
}
.page_one{
    padding-bottom: 3rem;
}
.page_one .ylypic{
    height: 24rem;
    overflow: hidden;
    border-radius: 4px;
}
.page_one .ylypic img{
    width: 100%;
}
.page_one .ylytxt{

}
.page_one .ylytxt h4{
    margin-bottom: 1rem;
}
.page_one .ylytxt .price{
    font-size: 1.75rem;
    color: #e62129;
    padding-left: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 600;
}
.page_one .ylytxt .price span{
    font-size: 0.875rem;
    font-weight: 400;
}
.page_one .ylytxt p{
    font-size: 0.875rem;
    color: #666;
    padding-left: 0.5rem;
}
.page_one .ylytxt .ylyxz{
    text-align: center;
    font-size: 0.875rem;
    color: #666;
}
.page_one .ylytxt .ylyxz span{
    font-size: 1.5rem;
    font-weight: bold;
    color: #FC880D;
}
.page_one .ylytxt hr{
    margin-bottom: 2rem;
}
.page_one .ylytxt .zxbtn{
   
}
.page_one .ylytxt .zxbtn a{
    background-color: #FC880D;
    margin-right: 0.75rem;
    color: white;
}
.page_one .ylytxt .zxbtn a:hover{
    background-color: #00ae9b;
}
.page_two{
    padding: 0 0 3rem 0;
}

.page_two .ylyinfo{
    width: 72%;
    float: left;
}
.page_two .ylyinfo .navbar-brand{
    font-size: 1.25rem;
    color: #FC880D;
}
.page_two .ylyinfo .navbar{
    border-bottom: 1px solid #E1E1E1;
    padding: 0.5rem 0;
    margin-bottom: 1.5rem;
}
.page_two .ylyinfo .nav-item a{
    color: #171717;
}
.page_two .ylyinfo .ylyinfols{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.page_two .ylyinfo .ylyinfols h4{
    margin-bottom: 2rem;
}
.page_two .ylyinfo .ylyinfols h4 span{
    font-size: 1.125rem;
    color: #00ae9b;
    border-bottom: 2px solid #FC880D;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
}
.page_two .ylyinfo .ylyinfols .jginfo{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    line-height: 2rem;
}
.page_two .ylytj{
    width: 24%;
    float: right;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.page_two .ylytj .lttite{
    font-size: 1.125rem;
    border-bottom: 1px solid #E1E1E1;
    line-height: 3.5rem;
    margin-bottom: 0.75rem;
}
.page_two .ylytj .tags{
    font-size: 0.875rem;
    margin-bottom: 2rem;
    line-height: 1.5rem;
}
.page_two .ylytj .tags a{
    color: #171717;
    margin-right: 0.5rem;
}
.page_two .ylytj .lttite span{
    font-size: 0.75rem;
    color: #FC880D;
}
.page_two .ylytj .rank{

}
.page_two .ylytj .rank li{
    margin-bottom: 1rem;
}
.page_two .ylytj .rank img{
    width: 100%;
    border-radius: 2px;
    margin-bottom: 0.5rem;
}
.page_two .ylytj .rank li a{
    color: #171717;
}
.page_two .ylytj .rank li a:hover{
    color: #FC880D;
}
.page_two .ylytj .jgruzhu{
    background-color: #eee;
    padding: 1rem 1.25rem 0.5rem 1.25rem;
    border-radius: 2px;
    margin-bottom: 1rem;
}
.page_two .ylytj .jgruzhu .icolf{
    float: left;
    width: 30%;
    font-size: 3rem;
}
.page_two .ylytj .jgruzhu .txtrt{
    float: right;
    width: 68%;
}
.page_two .ylytj .jgruzhu .txtrt h4{
    font-weight: bold;
    font-style: normal;
    font-size: 1rem;
}

.page_two .ylytj .jgruzhu .txtrt p{
    color: #333;
    font-size: 0.875rem;
}
.page_three{
    padding: 3rem 0;

}
.page_three .pagezxtit{
    font-size: 1.25rem;
    color: #FC880D;
    border-bottom: 1px solid #E1E1E1;
    padding: 0.5rem 0;
    margin-bottom: 1.5rem;
    font-weight: 600;
}
.page_three li{
    width: 32%;
    margin-right: 1%;
    float: left;
    list-style-type:disc;
}
.page_three li a{
    color: #171717;
}
.page_three li a:hover{
    color: #FC880D;
}

.list_bg{
    background-color: #eee;
}
.list_bg2{
    background-color: white;
}
.list_one{
    background-color: white;
    padding: 1rem 2rem;
    box-shadow: 0px 2px 10px 2px #ccc;
    margin-bottom: 3rem;
    border-radius: 3px;
}
.list_one .jgcat{
    width: 8%;
    float: left;
    font-weight: 600;
}
.list_one .jgcatinfo{
    width: 92%;
    float: left;
    margin-bottom: 1rem;
}
.list_one .jgcatinfo a{
    color: #171717;
    margin-right: 1rem;
}
.list_one .jgcatinfo .active,.list_one .jgcatinfo a:hover{
    background-color: #FC880D;
    padding: 0.125rem 0.5rem;
    color: white;
    border-radius: 3px;
}

.page_two .ylyls{
    width: 74%;
    float: left;
    background-color: white;
    padding: 1.5rem 0.75rem;
}
.page_two .ylyls .yly{
    border-bottom: 1px solid #eee;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}

.page_two .ylyls .yly .ylytp{
    width: 27%;
    float: left;
    height: 9rem;
    overflow: hidden;
    border-radius: 3px;
}
.page_two .ylyls .yly .ylytp img{
    width: 100%;
}
.page_two .ylyls .yly .media-body{
    width: 50%;
    overflow: hidden;
    margin-bottom: 1.5rem;
    float: left;
    margin-left: 3%;
}
.page_two .ylyls .yly .media-body a{
    color: #171717;
}
.page_two .ylyls .yly .sx{
    color: #171717;
}
.page_two .ylyls .yly .sx span{
    padding: 0 1rem;
}

.page_two .ylyls .yly .price{
    font-size: 1.5rem;
    color: #e62129;
    padding-left: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-weight: 600;
    width: 20%;
    float: left;
}
.page_two .ylyls .yly .price span{
    font-size: 0.875rem;
    font-weight: 400;
}
.page_two .ylyls .yly .zxbtn{
   
}
.page_two .ylyls .yly .zxbtn a{
    background-color: #FC880D;
    margin-right: 0.75rem;
    color: white;
}
.page_two .ylyls .yly .zxbtn a:hover{
    background-color: #00ae9b;
}

.prenxt{
}
.prenxt li{
    line-height: 2rem;
}
.prenxt a{
    color: #171717;
}



.page_two .newsls{
    margin-bottom: 0.75rem;
}

.page_two .newsls span{
    float:right;
}
.page_two .newsls a{
    color: #171717;
}
.page_two .newsls a:hover{
    color: #FC880D;
}

.pagination{
    justify-content: center !important;
}
.pagination li{
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #171717;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.pagination li a{
    color: #171717;
}
.pagination li:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.pagination li:last-child .page-link {
    margin-left: 0;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}







/***移动自适应***/

@media (max-width:768px) {

    
header {
    border-top: 4px solid #801316;
    background-color: white;

}

.navbar {
    padding: 1rem;
}

.navbar-brand {
    width: 13.75rem;
}

.navbar-brand img {
    width: 100%;
}

.navbar-expand-lg .navbar-collapse {
    justify-content: flex-end;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

.navbar-expand-lg .navbar-nav .nav-link i {
    color: #801316;
    margin-right: 0.25rem;
}

.navbar-expand-lg .navbar-nav .nav-link:hover::before {
    font-family: bootstrap-icons;
    content: '\F3E8';
    margin-right: 0.25rem;
}

.navbar-expand-lg .navbar-nav .active:hover::before {
    font-family: bootstrap-icons;
    content: '';
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: #801316;

}

.jumbotron {
    height: 42.5rem;
    padding-top: 6rem;
}

.form-row{
    flex-direction: column !important;
}
.jumbotron .part_form {
    height: auto;
    bottom: -14rem;
}

.jumbotron .form_lf {
    width: 70%;
    float: left;
}
.jumbotron .form_lf .col{
    margin-bottom: 0.5rem;
}

.jumbotron .form_rt {
    width: 20%;    
    background-color: transparent;
    padding-top: 4rem;
}

.jumbotron .form_rt button {
    background-color: #801316;
}

.part_one {
    padding-top: 14rem;
}

.part_one .lfpic{
    width: 100%;    
}
.part_one .rftxt{
    width: 100%;
}

.part_two .nav-item {
    width: 22%;
    margin-left: 1%;
    margin-right: 1%;
    text-align: center;
}

.part_two li:first-child {
    margin-left: 2%;
}

.part_two li:last-child {
    margin-right: 2%;
}


.part_two .tab-content .card {
    width: 99%;
    margin-left: 0;
    margin-right: 0;
    min-height: 32rem;
}


.part_three .card {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0.5rem;
}

.part_four .col-3{
    width: 70%;
    max-width: 70% !important;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
}
.part_four .col-2{
    width: 30%;
     max-width: 30% !important;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
}
.part_four .col-7{
    display: none;
}


.part_four .card {
    width: 49%;
    float: left;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-top: 1rem;
}


.part_four .card i {
    margin-left: 0;
}

.part_five .record {
    margin-top: 2rem;
}

.part_five .record li {
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    min-height: 10rem;
}
.part_five .record li:nth-child(4){
    margin-left: 16%;
}
.part_five .record li .icon0 {
    width: 4rem;
    height: 4rem;
    margin: auto;
    padding: 1rem;
    margin-bottom: 1rem;
}

.part_five .record li .icon0 img {
    width: 100%;
}

.part_five .record li p {
    text-align: center;
    font-size: 0.875rem;
}

.part_five .record li p span {
    font-size: 1.5rem;
    font-weight: 600;
}


.part_six .lform {
    width: 100%;
    float: left;
    padding-right: 0;
    border-right: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.part_six .lform .btn{
    background-color: #801316;
    border: 0;
}
.part_six .rcontact {
    width: 100%;
    float: left;
    padding-left: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.875rem;
}

footer {
    background-color: #171717;
    padding-top: 3rem;
    color: white;
}

footer .flogo {
    text-align: center;
    margin-bottom: 0.75rem;
}

footer .tbrief {
    text-align: center;
    margin-bottom: 2rem;
}

footer h4 {
    margin-bottom: 1.25rem;
}

footer ul {
    overflow: hidden;
    padding-left: 0;
}

footer li {
    width: 32%;
    float: left;
}

}