 html,
 body {
     position: relative;
     height: 100%;
     overflow: hidden;
 }

 .swiper-container {
     width: 100%;
     height: 100%;
 }

.m-top {
    position: fixed;
}

 /* 第一部分呢 */

 .part1 {
     padding-top: 5rem;
     text-align: center;
     background: url('../images/mpart1_bg.jpg') no-repeat center;
     background-size: cover;
 }
 .part1 i{
 	display: block;
 }
 .part1 i img {
     width: 100%;
 }
 
 .video-btn{
 	position: absolute;
 	left: 0;
 	bottom: 1rem;
 	width: 100%;
 	text-align: center;
 }
  .video-btn img{
  	width: 3.4rem;
  }
 
 /*样式表*/
.video-bg {
    display: none;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.alerts {
    position: absolute;
    z-index: 99;
    left: 0;
    bottom: 10%;
    width: 100%;
    text-align: center;
}

.alerts img {
    width: 40px;
}

.video-bg div {
    display: flex;
    align-items: center;
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.videos {
    width: 100%;
}
 
 
 /* 第二部分呢 */

 .part2 {
     background: url('../images/mpart2_bg.jpg') no-repeat center;
     background-size: cover;
 }

 .part2-wrap {
     position: relative;
     width: 100%;
     height: 100%;
     padding-top: 4rem;
 }

 .part2-title {
     text-align: center;
 }

 .part2-title img {
     width: 3rem;
 }

 .part2-img1 {
     padding: 1rem 0 0.6rem 0;
     text-align: center;
 }

 .part2-img1 img {
     width: 9rem;
 }

 .part2-content {
     width: 9rem;
     margin: 0 auto;
     padding-top: 0.6rem;
     font-size: 0;
     text-align: center;
 }

 .part2-li {
     position: relative;
     display: inline-block;
     width: 33.4%;
     padding: 0.3rem;
 }

 .part2-li-wrap {
     position: relative;
     z-index: 2;
     width: 2rem;
     height: 2rem;
     margin: 0 auto;
     padding: 0.72rem 0 0 0;
     text-align: center;
     background: #eff1ee;
     border-radius: 20px;
 }

 .part2-li-wrap-bg {
     position: absolute;
     z-index: 1;
     left: 0.6rem;
     top: 0.5rem;
     width: 2rem;
     height: 2rem;
     text-align: center;
     background: #b30000;
     border-radius: 20px;
 }

 .part2-li span {
     display: inline-block;
     font: 400 0.32rem/0.48rem '微软雅黑';
     color: #000000;
     background: url('../images/liens.jpg') no-repeat center bottom;
 }

 .part2-font {
     position: absolute;
     left: -4px;
     top: 0.4rem;
 }

 .part2-font img {
     width: 10px;
 }

 .part2-icon {
     position: absolute;
     right: -5px;
     top: -5px;
     width: 0.48rem;
     height: 0.48rem;
     padding-top: 0.12rem;
     text-align: center;
     background: #b30000;
     border-radius: 50%;
     overflow: hidden;
 }

 .part2-icon img {
     width: 0.24rem;
 }
 /* 第三部分呢 */

 .part3 {
     background: url('../images/mpart3_bg.jpg') no-repeat center;
     background-size: cover;
 }

 .part3-wrap {
     position: relative;
     width: 100%;
     height: 100%;
     padding-right: 0.8rem;
     padding-top: 4rem;
 }

 .part3-en {
     position: absolute;
     z-index: 1;
     right: 0.3rem;
     bottom: 2.8rem;
 }

 .part3-en img {
     width: 0.48rem;
 }

 .part3-ch {
     position: absolute;
     z-index: 2;
     right: 0.64rem;
     bottom: 2rem;
 }

 .part3-ch img {
     width: 0.64rem;
 }

 .part3-title {
     padding: 0.2rem 0 1rem;
     text-align: center;
 }

 .part3-title img {
     width: 4.5rem;
 }

 .part3-content {
     position: relative;
     width: 8rem;
     margin: 0 auto;
 }

 .part3-kind {
     position: absolute;
     z-index: 11;
     width: 2.2rem;
     height: 2.2rem;
     padding-top: 1.16rem;
     font: 400 0.32rem/0.4rem '微软雅黑';
     color: #fff;
     text-align: center;
     border-radius: 50%;
     background: url('../images/part3_icon4.png') no-repeat 0 0;
     background-size: 2.2rem;
 }

 .part3-kind.active {
     background-image: url('../images/part3_icon4a.png');
 }

 .part3-kind1 {
     left: -0.7rem;
     top: 1.5rem;
 }

 .part3-kind2 {
     left: 1.2rem;
     top: -0.4rem;
 }

 .part3-kind3 {
     left: 4rem;
     top: -0.8rem;
 }

 .part3-kind4 {
     right: -0.6rem;
     top: 1rem;
 }



 .part3-circle-bg {
     position: relative;
     z-index: 1;
     min-height: 8rem;
     padding-top: 1.8rem;
     background: url('../images/part3_circle_bg.png') no-repeat 0 0;
     background-size: 100%;
 }

 .part3-list {
     position: relative;
 }

 .part3-circle-img {
     position: absolute;
     z-index: 1;
     left: 50%;
     top: 0;
     width: 7.4rem;
     height: 7.4rem;
     margin-left: -3.7rem;
 }

 .part3-circle-img img {
     width: 100%;
     border-radius: 50%;
     overflow: hidden;
 }

 .part3-circle-wrap {
     position: absolute;
     left: 50%;
     top: 50%;
     width: 5.6rem;
     height: 5.6rem;
     margin: -2.8rem 0 0 -2.8rem;
     padding: 0.8rem 0.8rem;
     color: #000;
     background: rgba(255, 255, 255, 0.6);
     border-radius: 50%;
 }

 .part3-circle-title {
     font: 400 0.4rem/0.48rem '微软雅黑';
 }

 .part3-circle-content {
     height: 160px;
     padding: 5px 0;
     overflow: hidden;
 }

 .part3-circle-content p {
     font: 400 12px/20px '微软雅黑';
     color: #000;
 }

 .part3-mores {
     position: absolute;
     bottom: 35px;
     left: 0;
     width: 100%;
     text-align: center;
 }

 .part3-mores a {
     display: inline-block;
     padding: 0 0.32rem;
     font: 400 12px/20px '微软雅黑';
     color: #fff;
     background: #b30000;
     border-radius: 20px;
 }
 /* 第四部分呢 */

 .part4 {
     background: url('../images/mpart4_bg.jpg') no-repeat center;
     background-size: cover;
 }

 .part4-wrap {
     position: relative;
     width: 100%;
     height: 100%;
     padding-right: 0.8rem;
     padding-top: 4rem;
 }

 .part4-title {
     position: relative;
     z-index: 11;
     padding: 0.6rem 0 0.3rem;
     text-align: center;
 }

 .part4-title img {
     width: 4.5rem;
 }

 .part4-detail {
     padding-bottom: 0.4rem;
     text-align: center;
 }

 .part4-detail span {
     display: inline-block;
     padding-left: 0.64rem;
     font: bold 0.32rem/0.64rem '微软雅黑';
     color: #000000;
     background: url('../images/mores.png') no-repeat 0 center;
     background-size: 0.56rem;
 }

 .part4-content {
     position: relative;
     padding-left: 4rem;
     padding-top: 1rem;
 }

 .wan {
     position: absolute;
     z-index: 0;
     left: 0;
     top: 0;
 }

 .wan img {
     width: 8rem;
 }

 .part4-img2 {
     position: absolute;
     left: 1.5rem;
     top: 3rem;
 }

 .part4-img2 img {
     width: 1.8rem;
 }


 .part4-kind {
     position: relative;
     z-index: 15;
 }

 .part4-kind li {
     padding-bottom: 0.2rem;
 }

 .part4-kind li span {
     display: block;
     padding: 0.15rem 20px 0.15rem 0;
     font: 400 0.32rem/0.64rem '微软雅黑';
     color: #fff;
     text-align: center;
     background: #b30101 url('../images/part4_icon_bg.png') no-repeat 70% 3px;
     background-size: 20px;
 }
 /* 第五部分呢 */

 .part5 {
     background: url('../images/mpart5_bg.jpg') no-repeat center;
     background-size: cover;
 }

 .part5-wrap {
     width: 100%;
     height: 100%;
     padding-top: 4rem;
 }

 .part5-title {
     padding: 0.4rem 0 0.2rem;
     text-align: center;
 }

 .part5-title img {
     width: 4.5rem;
 }

 .part5-detail {
     padding-bottom: 0.4rem;
     text-align: center;
 }

 .part5-detail span {
     display: inline-block;
     padding-left: 0.64rem;
     font: bold 0.32rem/0.64rem '微软雅黑';
     color: #000000;
     background: url('../images/mores.png') no-repeat 0 center;
     background-size: 0.56rem;
 }

 .part5-content {
     overflow: auto;
 }

 .part5-content ul {
     width: 18rem;
 }

 .part5-content li {
     float: left;
     width: 25%;
     padding: 0 10px;
 }

 .part5-content li a {
     display: block;
     padding-bottom: 24px;
     background: url('../images/part5_li_bg.png') no-repeat center bottom;
 }

 .part5-li-bg {
     background: #fff;
 }

 .new-li-kind {
     font: bold 0.4rem/0.8rem '微软雅黑';
     color: #fff;
     text-align: center;
     background: #b30000;
 }

 .new-li-pic img {
     width: 100%;
 }

 .new-li-title {
     overflow: hidden;
     padding: 5px;
     font: bold 0.24rem/0.48rem '微软雅黑';
     color: #000;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .new-li-content {
     height: 1.8rem;
     padding: 0 5px;
     overflow: hidden;
     background: #fff;
 }

 .new-li-content p {
     font: bold 0.24rem/0.36rem '微软雅黑';
     color: #999999;
 }

 .part5-content li span {
     display: block;
     padding: 10px 0 10px 10px;
     font: bold 0.24rem/0.36rem '微软雅黑';
     color: #b30000;
 }
 /* 第六部分呢 */

 .part6 {
     background: url('../images/mpart6_bg.jpg') no-repeat center;
     background-size: cover;
 }

 .part6-wrap {
     position: relative;
     width: 100%;
     height: 100%;
     padding-top: 4rem;
 }

 .part6-title {
     padding: 0.4rem 0 1rem;
     text-align: center;
 }

 .part6-title img {
     width: 4.5rem;
 }


 .part6-content {
     width: 8rem;
     margin: 0 auto;
 }

 .part6-information {
     position: relative;
     width: 8rem;
     padding-left: 3.6rem;
 }

 .part6 .ewm {
     position: absolute;
     left: 0;
     top: 0;
 }

 .part6 .ewm img {
     width: 3.4rem;
     border: 5px solid #c80010;
 }

 .part6-tel {
     padding-bottom: 10px;
 }

 .part6-tel img {
     height: 0.64rem;
 }

 .part6-tel p {
     padding: 5px 0;
     font: bold 0.4rem/0.48rem '微软雅黑';
     color: #000;
 }

 .part6-loction img {
     height: 0.64rem;
 }

 .part6-loction p {
     padding: 5px 0;
     font: bold 0.4rem/0.48rem '微软雅黑';
     color: #000;
 }
 .part6-ad{
 	padding-top: 1rem;
 }
.part6-ad a{
	display: block;
	padding: 0 0.4rem;
}
.part6-ad a img{
	width: 100%;
}
