@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}
.xszc { width: 100%; height: auto; margin: 0 auto; font-family: "微软雅黑"; line-height: 1;}
.xszc img { max-width: 100%; height: auto; vertical-align: bottom; border: 0; display: inline; }


.baom{ width: 100%;  height: 3.9rem;  background: #992e24;}
.bmc{width: 63%; margin: 0 auto; max-width: 1200px;}
.bml{ width: 38%; float: left;}
.bml1{ font-size: 0.8rem;  color: #fff; letter-spacing: 2px; margin-top: 1.1rem;}
.bml1 span{ font-size: 0.45rem; font-weight: bold; color: #fff; margin-left: 0.5rem; letter-spacing: 1px; text-transform: uppercase;}
.bml2{ font-size: 0.45rem; font-weight: bold; color: #fff; letter-spacing:0.5rem; margin-top: 0.25rem;}
#b-name{ display: block; width: 5rem; height: 1.25rem; margin-top: 1.325rem; background: #fff; float: left; margin-left: 1rem; border-radius: 1.25rem; border: 0; text-align: center; font-size: 0.4rem;}
.baom input::-webkit-input-placeholder{ color: #666; font-size: 0.4rem; text-align: center;}
.baom input:-ms-input-placeholde{ color: #666; font-size: 0.4rem; text-align: center;}
#b-tel{ display: block; width: 5rem; height: 1.25rem; margin-top: 1.325rem; background: #fff; float: left; margin-left: 0.75rem; border-radius:1.25rem; border: 0; text-align: center; font-size: 0.4rem;}
.bmr{ width: 5rem; height: 1.25rem; float: right;  border-radius: 1.25rem; background: #000000; line-height: 1.25rem; color: #fff; font-size: 0.5rem; font-weight: bold; text-align: center; margin-top: 1.325rem;letter-spacing: 2px;}

.part1{ background: #f2e6d4; padding: 2vw 0;}
.p1-t{ width: 17.5vw; margin: 0 auto;}
.p2-zx{ width: 25%; height: 1.4rem; margin: 0 auto; margin-top: 1rem; background: #ff9600; border-radius: 1rem; text-align: center; font-size: 0.7rem; line-height: 1.4rem; letter-spacing: 2px; display: block; color: #fff;}
.p1-c{ width: 62.5vw; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; margin-top: 1.5vw;}
.p1-1{ width: 49.2%; height: 13.3vw; background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.p1-1-t{ font-weight: bold; color: #ff9600; letter-spacing: 3px; font-size: 1.2vw;}
.p1-1-t2{ font-weight: bold; color: #000; letter-spacing: 3px; font-size: 1.05vw;}
.p1-1-line{ width: 2.2vw; height: 3px; background: #ff9600; margin: 0.625vw auto;}
.p1-1-p{ font-weight: bold; color: #595757; letter-spacing: 2px; font-size: 0.78vw; line-height: 1.5; text-align: center; margin-top: 0.5vw;}
.p1-2{ width: 49.2%; height: 13.3vw;}
.p1-2 img{ height: 13.3vw;}
.p1-c-l{ width: 49%; margin-top: 0.9vw; height: 28vw; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.p1-c-r{ width: 49%; margin-top: 0.9vw; height: 28vw; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.p1-3,.p1-4{
    width: 49%;
    height: 100%;
}
.p1-5,.p1-6{
    width: 100%;
    height: 49%;
}
.part1 img{width: 100%; height: 100%;}
.p1-zx{ width: 20vw; height: 2.8vw; margin: 0 auto; margin-top: 1.5vw; background: #fff; border-radius: 2vw; text-align: center; font-size: 1.5vw; line-height: 2.8vw; letter-spacing: 3px; display: block; color: #292929; font-weight: bold;}



.part2{ padding-top: 2vw; background-color: #fff;}
.p2-t{ width: 28.5vw; margin: 0 auto;}
.p2-c{ width: 100%; height: 39.3vw; padding: 3.75vw 0; margin-top: 1vw; background: url(../images/p2-bg.jpg) center center no-repeat fixed; }
.p2-cc{ width: 62.5vw; margin: 0 auto; }
.p2-cc-t{ width: 100%; height: 13.3vw; border-top-left-radius: 1vw; border-top-right-radius: 1vw; background-color: #992e24; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 3.85vw;}
.p2-cc-tt{ width: 17.5vw; margin: 0 auto;}
.p2-cc-p{ text-indent: 2.5vw; margin-top: 1vw; line-height: 1.75; font-size: 1vw; letter-spacing: 3px; color: #fff; font-weight: bold;}
.p2-cc-b{ width: 100%; height: 13vw;  background-color: #fff; display: flex; flex-direction: row; justify-content: space-between; align-items:center; padding: 2vw 3.85vw; flex-wrap: wrap;}
.p2-cc-item{ width: 49%; height: 2.6vw; background: #ff9600; display: flex; flex-direction: row; justify-content: center; align-items: center; color: #fff; font-size: 1vw; letter-spacing: 3px;  }


.part3{ width: 100%;}


.part4{ padding: 2vw 0; background: #992e24;}
.p4-t{ width: 17.5vw; margin: 0 auto;}
.ms{ width: 62.5vw; margin: 0 auto; margin-top: 1.5vw; overflow: hidden; padding-bottom: 4vw;}
.ms-list{ width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.ms-item1{ width: 49.4%;}
.ms-item2{ width: 24.5%;}
.ms-item3{ width: 24.5%;}
.ms .swiper-pagination-bullets{ bottom:0.8rem; position: absolute; z-index: 2; text-align: center; }
.ms .swiper-pagination-bullet{ display: inline-block; width: 1.4rem;height: 0.35rem;opacity: 1;border-radius: 0.1rem;background: #000;margin: 0 0.15rem;cursor: pointer;transition: width .3s ease-in-out;}
.ms .swiper-pagination-bullet-active{ background: #fff; width: 3rem;}


.part5{ padding-top: 2vw; background-color: #fff6e9;}
.p5-t{ width: 17.5vw; margin: 0 auto;}
.p5-img{
    width: 58vw;
    margin: 0 auto;
    margin-top: 2vw;
}
.p5-zx{ width: 20vw; height: 2.8vw; margin: 0 auto; margin-top: 1.5vw; background: #ff9600; border-radius: 2vw; text-align: center; font-size: 1.5vw; line-height: 2.8vw; letter-spacing: 3px; display: block; color: #fff; font-weight: bold;}


.part6{ padding: 2vw 0;}
.p6-t{ width: 23.3vw; margin: 0 auto;}
.p6-c{ width: 62.5vw; margin: 0 auto; display: flex; flex-direction: row; justify-content: center; margin-top: 2vw;}
.p6-item{ width: 35.6vw; height: 23vw; display: flex; flex-direction: column; justify-content: space-between;}
.p6-item2{ width: 26.8vw; height: 23vw;}
.p6-item2 img{height: 23vw;}
.p6-item-p1{ font-weight: bold; font-size: 1.05vw; letter-spacing: 2px; color: #292929; text-indent: 2vw; line-height: 1.5; padding: 0 0.4vw;}
.p6-item-b{ width: 100%; background-color: #ff9600; height: 13vw; padding: 0.5vw 1.1vw 1vw; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.p6-item-item{ width: 7.8125vw; margin-top: 0.5vw;}
.p6-item-item.on img{ border: 0.2vw solid #c29357;}
.p6-zx{ width: 24vw; height: 2.8vw; margin: 0 auto; margin-top: 1.5vw; background: #292929; border-radius: 2vw; text-align: center; font-size: 1.5vw; line-height: 2.8vw; letter-spacing: 3px; display: block; color: #fff; font-weight: bold;}

.part7{padding: 2vw; background-color: #f1ece4;}
.p7-t{ width: 17.5vw; margin: 0 auto;}
.p7-con{ width: 100%; margin-top: 3vw;}
.p7-con .p7-con-item:nth-child(1){ background-color: #c29357;}
.p7-con .p7-con-item:nth-child(2){ background-color: #292929;}
.p7-con .p7-con-item{ display: none; position: relative;}
.p7-con .p7-con-item:nth-child(1)::after{ 
    content: "";
    position: absolute; 
    border-left: 3vw solid transparent;
    border-right: 3vw solid transparent;
    border-bottom: 2vw solid #c29357;
    top: 0; left: 0;
    z-index: 2;
    transform: translate(205%,-99%);
}
.p7-con .p7-con-item:nth-child(2)::after{ 
    content: "";
    position: absolute; 
    border-left: 3vw solid transparent;
    border-right: 3vw solid transparent;
    border-bottom: 2vw solid #292929;
    top: 0; right: 0;
    z-index: 2;
    transform: translate(-210%,-99%);
}
.p7-con-item.on{ display: block;}
.p7-c{ width: 62.5vw; margin: 0 auto; margin-top: 2vw;}
.p7-nav{width: 100%; display: flex; justify-content: space-between; height: 3.38vw;}
.p7-nav-item{ width: 50%; height: 100%; display: flex; justify-content: center; align-items: center;  background-color: #292929; font-size: 1.6vw; font-weight: bold; color: #fff; letter-spacing: 3px; }
.p7-nav-item.on{ background-color: #c29357;}
.p7-con-item-c{ width: 86%; margin: 0 auto; padding: 1vw 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.p7-xy{ width: 31%;}