@charset "utf-8";
/* CSS Document */
*{ box-sizing: border-box;}
@font-face{font-family: "Cai978-596";src: url("/font/596-CAI978.ttf") format("truetype")}
.cy{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; font-family: 微软雅黑; line-height: 1;}
.cy img{ max-width: 100%; height: auto; border: 0; margin: 0 auto;}
.baom{ width: 100%;  height: 3.9rem; margin-top: 0.1rem; background: #272624;}
.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: 4.5rem; height: 1.25rem; margin-top: 1.325rem; background: #fff; float: left; margin-left: 1rem; border-radius: 0.125rem; 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: 4.7rem; height: 1.25rem; margin-top: 1.325rem; background: #fff; float: left; margin-left: 0.75rem; border-radius: 0.125rem; border: 0; text-align: center; font-size: 0.4rem;}
.bmr{ width: 4.7rem; height: 1.25rem; float: right;  border-radius: 0.125rem; background: #4e47d4; line-height: 1.25rem; color: #fff; font-size: 0.5rem; font-weight: bold; text-align: center; margin-top: 1.325rem;letter-spacing: 2px;}


.part1{ height: auto; padding:2rem 0 1rem ; margin: 0 auto; position: relative;}
.tb1{ width: 18%; height: auto; margin: 0 auto;}
.p1-1{ width: 62.5%; margin: 0 auto; margin-top: 0.9rem;}
.p1-1 li{ width: 32%; float: left; margin-left: 2%;}
.p1-1 li:first-child{ margin-left: 0;}
.p1-b{ margin-top: 0.5rem;}
.p1-zx{ width: 22%; margin: 0 auto; height: 1.4rem; display: block;  line-height: 1.4rem; text-align: center; color: #fff; font-size: 0.7rem; letter-spacing: 0.1rem; margin-top: 1rem; background: #4e47d4; border-radius: 1rem;}





.p1-video{ width: 62%; position: absolute; top: 1rem; right: 0; z-index: 2;}
.part2{ padding: 2rem 0; width: 100%; background: url(../images/bg.jpg) center center no-repeat; background-size: 100% 100%;}
.tb2{ width: 41%; margin: 0 auto;}

.p2-1{ width: 62.5%; margin: 0 auto; padding-bottom: 1rem; }
.p2-1 li{ width: 22%; float: left; margin-left: 4%; margin-top: 0.9rem; }
.p2-1 li img{ margin: 0 auto; text-align: center;}
.p2-1 li span{ font-weight: bold; color: #fff33f;}
.p2-1 li:nth-child(4n+1){ margin-left: 0;}

.part3{ padding: 2rem 0; }
.tb3{ width: 41%; margin: 0 auto;}
.p3-p{ font-size: #272624; text-align: center; margin-top: 0.5rem; line-height: 1.5; font-size: 0.6rem;}
.p3-p span{ color: #e60012;}
.p3-1{ margin: 0 auto; margin-top: 1rem;}
.pn2{ width: 5rem; margin: 1rem auto;}
.lb2-prev1{ width: 1rem; height: 1rem; float: left; cursor: pointer; font-size: 1rem; color: #272624; font-weight: bold;}
.lb2-next1{ width: 1rem; height: 1rem; float: right; cursor: pointer; font-size: 1rem; color: #272624; font-weight: bold;}
.point2{ width: 3rem; height: 1rem; float: left; position: relative;}
.point2 .swiper-pagination-bullets{ position: absolute; bottom:0.1rem; left: 50%; margin-left: -1.8rem; }
.point2 .swiper-pagination-bullet{ width: 0.2rem; height: 0.2rem; background: #272624; opacity:1; margin-left: 0.4rem;}
.point2 .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;}
.p3-zx{ width: 22%; margin: 0 auto; height: 1.4rem; display: block; border: 0.075rem solid #272624;  line-height: 1.3rem; text-align: center; color: #272624; font-size: 0.7rem; letter-spacing: 0.1rem; margin-top: 1rem; background: #fff; border-radius: 1rem;}

.part4{ }
.tb4{ width: 2rem; margin-top: 1rem;}
.lb2{ width: 62.5%; margin-top: 0.5rem; position: relative;}
.lb2 .swiper-slide-active{ border: 0.3rem solid #fff;} 

.bf{ width: 100%; height: auto; background: #4e47d4;}
.bf .swiper-slide{position: relative;}
.bf-l{ width: 50%; height: 100%; padding-left: 20%; float: left; padding-top: 1.5rem; }
.bf-r{ width: 50%; height: auto; float: left;}
.num{ width: 60%; height: auto;}
.p4-1{ font-size: 0.7rem; font-weight: bold; color: #fff33f; margin-top: 0.3rem;}
.p4-2{ font-size: 0.35rem; font-weight: bold; color: #fff33f; text-transform: uppercase; margin-top: 0.3rem;}
.p4-3{ font-size: 0.5rem; color: #ffffff; margin-top: 0.5rem; line-height: 2;}
.p4-zx{ position: absolute; left: 20% ; bottom: 2rem; width: 5.5rem; height: 1rem; display: block; border: 2px solid #fff;  line-height: 0.9rem; text-align: center; color: #fff; font-size: 0.6rem; letter-spacing: 0.1rem; background: #4e47d4; }
.pn{ width: 4rem; margin: 1rem auto;}
.bf-prev1{ width: 1rem; height: 1rem; float: left; cursor: pointer; font-size: 1rem; color: #272624; font-weight: bold;}
.bf-next1{ width: 1rem; height: 1rem; float: right; cursor: pointer; font-size: 1rem; color: #272624; font-weight: bold;}
.point{ width: 2rem; height: 1rem; float: left; position: relative;}
.point .swiper-pagination-bullets{ position: absolute; bottom:0.1rem; left: 50%; margin-left: -1.2rem; }
.point .swiper-pagination-bullet{ width: 0.2rem; height: 0.2rem; background: #272624; opacity:1; margin-left: 0.4rem;}
.point .swiper-pagination-bullet-active{ background: #c6c6c6 ; opacity:1;}


.part5{ }



.part6{ padding-top: 2rem; }
.tb6{ width: 24.5%; margin: 0 auto;}
.lb3{ width: 46%; margin: 0 auto; margin-top: 1rem;}
.p6-video{ width: 100%; height: auto;}


.p6-v{ width: 75%; margin: 0 auto; margin-top: 1.5rem;}
.p6-v li{ width: 32%; float: left; margin-left: 2%;}
.p6-v LI:first-child{ margin-left: 0;}