@charset "utf-8";
/* CSS Document */
*{box-sizing: border-box;}
.cy{ width:100%; height:auto; margin:0 auto; max-width:640px; min-width:320px; line-height: 1;  font-family: '微软雅黑';}
.cy img{ max-width:100%; height:auto; border:0; vertical-align:bottom;}
.part1{padding: 1.5rem 0;}
.pt1{ width: 53%; margin: 0 auto;}
.p1-c{ width: 90%; margin: 0 auto; margin-top: 1rem;}
.p1-c img{ width: 100%; margin-top: 0.5rem; }
.p1-zx{ width: 52%; margin: 0 auto; margin-top: 1rem; height: 2.5rem; line-height: 2.5rem; background: #4e47d4; text-align: center; font-size: 1.4rem; letter-spacing: 3px; color: #ffffff; display: block; border-radius: 1rem;}

.bd2-t{ width: 100%; background: #4e47d4; font-size: 1.6rem; font-weight: bold; text-align: center; color: #fff; letter-spacing: 0.7rem; padding: 1rem 0;}
.bd2-in{width: 96%; height: 2.8rem; line-height:2.8rem; background: #efefef; border-radius: 0.5rem; margin: 0 auto; margin-top: 0.5rem; font-size: 1.2rem; text-indent:1rem; }
.bd2-in input{ width: 100%; height: 100%; border: 0; background: #efefef;letter-spacing: 3px;}
.bd2-in input::-webkit-input-placeholder{color:#595757;opacity:1; font-size: 1.2rem;}
.bd2-in input:-ms-input-placeholde{color:#595757;opacity:1; font-size: 1.2rem;}
.bd2-sm{ text-align: center; color: #313131; margin-top: 1rem; letter-spacing: 0.15rem; font-size: 1.2rem;}
.bd2-tj{ width: 59%; height: 2.5rem; line-height: 2.5rem; margin: 0 auto; margin-top: 1rem; font-size: 1.5rem; color: #fff; text-align: center; cursor: pointer; background: #4e47d4; 
border-radius: 2.5rem; letter-spacing: 0.15rem;}

.part2{ background:url(../images/bg.jpg) center center no-repeat; padding: 1.5rem 0; background-size: 100% 100%; margin-top: 1rem;}
.pt2{ width: 60%; margin: 0 auto;}
.p2-ul li{ width: 50%; text-align: center; float: left; margin-top: 1.2rem;}
.p2-ul li img{ width: 77%; margin: 0 auto;}
.p2-ul-p{ font-size: 1.2rem; text-align: center; line-height: 1.5; color: #313131; margin-top: 0.5rem; letter-spacing: 2px;}
.p2-ul-p span{ font-weight: bold; color: #4e47d4;}

.part3{padding: 1.5rem 0;}
.pt3{ width: 78%; margin: 0 auto;}
.p3-p{ width: 92%; margin: 1rem auto; font-size: 1.1rem; text-align: center; color: #272624; line-height: 1.75;  letter-spacing: 1px;}
.p3-p span{ color: #e60012;}
.lb1{ margin-top: 1rem; padding-bottom: 2.2rem; position: relative;}
.p3-zx{ width: 52%; margin: 0 auto; margin-top: 0.3rem; height: 2.5rem; line-height: 2.5rem; border: 2px solid #272624; text-align: center; font-size: 1.4rem; letter-spacing: 3px; color: #272624; display: block; border-radius: 1rem;}

.lb1 .swiper-pagination-bullets{ bottom:0.8rem; position: absolute; z-index: 2; text-align: center; }
.lb1 .swiper-pagination-bullet{ display: inline-block; width: 1.4rem;height: 0.35rem;opacity: 1;border-radius: 0.3rem;background: #e60012;margin: 0 0.15rem;cursor: pointer;transition: width .75s ease-in-out;}
.lb1 .swiper-pagination-bullet-active{ background: #4e47d4; width: 3rem;}

.part4{ width: 100%;}
.p4-t{ background: #4e47d4; padding: 1.5rem 0 1rem;}
.tb{ width: 3rem; margin: 0 auto;}
.p4-img{ width: 54%; margin: 0 auto; margin-top: 0.5rem}
.p4-p{ text-align: center; font-size: 1.3rem; color: #fff; line-height: 1.5; margin-top: 1rem;}
.p4-zx{ width: 34%; height: 2.2rem; margin: 0 auto; color: #fff; border: 2px solid #fff; display: block; text-align: center; line-height: 2rem; font-size: 1.3rem; margin-top: 1rem;}

.part6{padding: 1.5rem 0;}
.pt6{ width: 74%; margin: 0 auto;}
.p6-v{ width: 100%; margin-top: 1.5rem; }
.p6-v li{ width: 30%; margin-left: 2.5%; float: left;}