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

 body .container {
     position: relative;
 }

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

 .swiper-slide {
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     overflow: hidden;
 }
 /* 分页器 */

 .parts .swiper-pagination-bullet {
     width: 110px;
     height: 48px;
     font: 400 16px/48px '微软雅黑';
     color: #fff;
     background: #c50319;
     border-radius: 0;
     opacity: 0.6;
 }

 .parts .swiper-pagination-bullet-active {
     opacity: 1;
 }


 .i-head {
     position: fixed;
 }

 @media (max-width:1680px) {}

 @media (max-width:1380px) {}
 /* 导航动画 */

 header {
     transition: 0.6s;
 }

 .part1-head {
     height: 60px;
 }

 header .logo {
     transition: 0.6s;
 }

 .part1-head .logo {
     top: 0;
 }

 header .logo img {
     transition: 0.6s;
 }

 .part1-head .logo img {
     width: 120px;
 }

 .nav li a {
     transition: 0.6s height, 0.6s font;
 }

 .part1-head .nav li a {
     height: 60px;
     line-height: 60px;
 }
 /* 第一部分 */

 .part1 {}

 .video {
     position: relative;
     overflow: hidden;
     background: url('../images/part1_bg.jpg') no-repeat center 0;
     background-size: 100%;
 }

 .video-layer {
     position: absolute;
     z-index: 1;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: url('../images/video_layer.png') no-repeat center 0;
     background-size: cover;
 }

 .part1-layer {
     position: absolute;
     z-index: 2;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: url('../images/part1_circle.png') no-repeat center 1.4rem;
 }

 .part1-top {
     position: absolute;
     left: 50%;
     top: 2.2rem;
     margin-left: -1.75rem;
 }

 .part1-top img {
     width: 3.5rem;
 }

 .part1-center1 {
     position: absolute;
     left: 50%;
     top: 4.15rem;
     margin-left: -1.65rem;
 }

 .part1-center1 img {
     width: 3.3rem;
 }

 .part1-center2 {
     position: absolute;
     right: 50%;
     top: 4.7rem;
     margin-right: -1.65rem;
 }

 .part1-center2 img {
     width: 3.3rem;
 }

 .part1-bototm {
     position: absolute;
     left: 50%;
     top: 5.5rem;
     margin-left: -0.72rem;
 }

 .part1-bototm img {
     width: 1.44rem;
 }
 /* 第二部分 */

 .part2 {
     padding-top: 2rem;
     background: url('../images/part2_bg.jpg') no-repeat 0 bottom;
 }

 .part2-wrap {
     width: 100%;
 }

 .part2-title {
     text-align: center;
     perspective: 900px;
 }

 .part2-title img {
     opacity: 0;
     transform: rotateY(60deg);
     transform-origin: 0 50%;
     transition: 0.6s;
 }

 .part2-img1 {
     padding: 0.3rem 0 0.15rem 0;
     text-align: center;
 }

 .part2-img1 img {
     transform: scale(2.5);
     opacity: 0;
     transition: 0.6s opacity, 0.6s transform;
 }

 .part2-detail {
     text-align: center;
     transform: translate3d(0, -50%, 0);
     opacity: 0;
     transition: 0.6s;
 }

 .part2-detail span {
     display: inline-block;
     padding-left: 32px;
     font: bold 18px/36px '微软雅黑';
     color: #000000;
     background: url('../images/mores.png') no-repeat 0 center;
 }

 .part2-content {
     width: 1000px;
     margin: 0 auto;
     padding-top: 0.6rem;
     perspective: 900px;
 }

 .part2-li {
     position: relative;
     float: left;
     width: 20%;
     opacity: 0;
     transform: translate3d(0, 50%, 0);
     transform-origin: 0 50%;
     transition: 0.6s;
 }

 .part2-li-wrap {
     position: relative;
     z-index: 2;
     width: 130px;
     margin: 0 auto;
     padding: 50px 0;
     text-align: center;
     background: #eff1ee;
     border-radius: 30px;
     transition: 0.4s;
 }

 .part2-li-wrap-bg {
     position: absolute;
     z-index: 1;
     left: 50%;
     top: 0;
     width: 130px;
     height: 130px;
     margin-left: -65px;
     padding: 50px 0;
     text-align: center;
     background: #b30000;
     border-radius: 30px;
 }

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

 .part2-font {
     position: absolute;
     left: -8px;
     top: 30px;
     transform-origin: 0 0;
     transition: 0.3s transform 0.3s, 0.3s top 0.6s;
 }

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

 .part2-icon img {
     transition: 0.6s;
 }

 .part2-li:hover .part2-li-wrap {
     transform: translate3d(-10px, -10px, 0);
 }

 .part2-li:hover .part2-font {
     top: 100px;
     transform: rotate(-90deg);
     transition: 0.3s top 0.3s, 0.3s transform 0.6s;
 }

 .part2-li:hover .part2-icon {
     background: #b30000;
 }

 .part2-li:hover .part2-icon img {
     transform: rotateY(180deg);
 }
 /* 第三部分 */

 .part3 {
     padding-top: 1rem;
     background: url('../images/part3_bg.jpg') no-repeat 0 bottom;
 }

 .part3-wrap {
     width: 100%;
 }

 .part3-wrap .container {
     position: relative;
     z-index: 1;
 }

 .part3-en {
     position: absolute;
     z-index: 1;
     right: 0;
     top: 0;
 }

 .part3-ch {
     position: absolute;
     z-index: 2;
     right: 30px;
     top: 5.8rem;
 }

 .part3-title {
     padding: 0.4rem 0 0.2rem;
     text-align: center;
     opacity: 0;
     transform: translate3d(0, -50%, 0);
     transition: 1s;
 }

 .part3-content {
     position: relative;
     width: 900px;
     margin: 0 auto;
     padding-left: 180px;
     opacity: 0;
     transform: translate3d(0, 50%, 0);
     transition: 1s;
 }

 .part3-kind {
     position: absolute;
     z-index: 11;
     overflow: hidden;
     color: #fff;
     text-align: center;
     border-radius: 50%;
 }

 .part3-kind1 {
     left: 210px;
     top: 30px;
     width: 115px;
     height: 115px;
     padding-top: 60px;
     font: 400 14px/24px '微软雅黑';
     background: url('../images/part3_icon1.png') no-repeat 0 0;
 }

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

 .part3-kind2 {
     left: 125px;
     top: 115px;
     width: 142px;
     height: 142px;
     padding-top: 75px;
     font: 400 18px/24px '微软雅黑';
     background: url('../images/part3_icon2.png') no-repeat 0 0;
 }

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

 .part3-kind3 {
     left: 115px;
     top: 250px;
     width: 160px;
     height: 160px;
     padding-top: 85px;
     font: 400 18px/24px '微软雅黑';
     background: url('../images/part3_icon3.png') no-repeat 0 0;
 }

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

 .part3-kind4 {
     left: 10px;
     top: 180px;
     width: 113px;
     height: 113px;
     padding-top: 65px;
     font: 400 14px/24px '微软雅黑';
     background: url('../images/part3_icon4.png') no-repeat 0 0;
 }

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

 .part3-circle-bg {
     position: relative;
     z-index: 1;
     min-width: 540px;
     height: 540px;
     padding: 40px 0 0 100px;
     background: url('../images/part3_circle_bg.png') no-repeat 0 0;
 }

 .part3-list {
     position: relative;
 }

 .part3-circle-img {
     position: absolute;
     z-index: 1;
     left: 0;
     top: 0;
     width: 480px;
     height: 480px;
     opacity: 0;
     transition: 1s;
 }

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

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

 .part3-circle-title {
     font: 400 24px/36px '微软雅黑';
 }

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

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

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

 .part4 {
     padding-top: 1rem;
     background: url('../images/part4_bg.jpg') no-repeat 0 bottom;
 }

 .part4-wrap {
     width: 100%;
 }

 .part4-title {
     padding: 0.4rem 0 0.2rem;
     text-align: center;
     transition: 0.6s;
 }

 .part4-detail {
     padding-bottom: 0.8rem;
     text-align: center;
     transition: 0.6s;
 }

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

 .part4-content {
     position: relative;
     width: 1200px;
     margin: 0 auto;
     padding-left: 310px;
     transition: 0.6s;
 }

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

 .part4-img2 {
     position: absolute;
     left: 0;
     top: 70px;
 }

 .part4-kind {
     position: absolute;
     z-index: 2;
     left: 160px;
     top: 0;
     width: 145px;
 }

 .part4-kind li {
     padding-bottom: 16px;
 }

 .part4-kind li span {
     display: block;
     font: 400 16px/48px '微软雅黑';
     color: #fff;
     text-align: center;
     background: #464e53;
     transition: 0.6s padding
 }

 .part4-kind li.active span {
     padding: 8px 40px 8px 0;
     background: #b30101 url('../images/part4_icon_bg.png') no-repeat 102px 8px;
 }

 .part4-content-list {
     position: relative;
     z-index: 10;
     height: 367px;
     overflow: hidden;
     background: #fff;
 }

 .part4-content-list ul {
     position: absolute;
     z-index: 1;
     left: 0;
     top: 0;
     width: 890px;
     height: 367px;
     padding: 5px;
     opacity: 0;
     transition: 1s;
 }

 .part4-content-list li {
     float: left;
     width: 33.3%;
     padding: 5px;
 }

 .part4-content-list li a {
     display: block;
     overflow: hidden;
 }

 .part4-pic {
     position: relative;
 }

 .part4-pic img {
     width: 100%;
 }

 .part4-pic-layer {
     position: absolute;
     z-index: 1;
     left: 0;
     bottom: -100%;
     width: 100%;
     height: 100%;
     padding-top: 100px;
     text-align: center;
     background: rgba(0, 0, 0, 0.6);
     opacity: 0;
     transition: 0.6s;
 }

 .part4-pic-layer img {
     width: auto;
 }

 .part4-content-list li p {
     position: relative;
     z-index: 2;
     font: 400 18px/54px '微软雅黑';
     color: #fff;
     text-align: center;
     background: #b30000 url('../images/pic_bg_logo.png') no-repeat 0 center;
 }

 .part4-content-list li:hover .part4-pic-layer {
     bottom: 0;
     opacity: 1;
 }
 /* 第五部分 */

 .part5 {
     padding-top: 1rem;
     background: url('../images/part5_bg.jpg') no-repeat 0 bottom;
 }

 .part5-wrap {
     width: 100%;
 }

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

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

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

 .part5-content {
     width: 1200px;
     margin: 0 auto;
 }

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

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

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

 .new-li-kind {
     font: bold 18px/64px '微软雅黑';
     color: #fff;
     text-align: center;
     background: #b30000;
 }
 .new-li-pic {
     overflow: hidden;
 }
 .new-li-pic img {
     width: 100%;
     transition: 0.6s;
 }

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

 .new-li-content {
     height: 96px;
     padding: 0 10px;
     overflow: hidden;
 }

 .new-li-content p {
     font: 400 14px/24px '微软雅黑';
     color: #999999;
 }

 .part5-content li span {
     display: block;
     padding: 15px 0 15px 10px;
     font: 400 14px/24px '微软雅黑';
     color: #b30000;
 }

 .part5-content li:hover  .new-li-pic img {
     transform: scale(1.05);
 }
  .part5-content li:hover .part5-li-bg {
     background:#fff url('../images/new_icon_bg.png') no-repeat right bottom;
  }

 /* 第六部分 */

 .part6 {
     padding-top: 1rem;
     background: url('../images/part6_bg.jpg') no-repeat 0 bottom;
 }

 .part6-wrap {
     width: 100%;
 }

 .part6-title {
     padding: 0.6rem 0 0.3rem;
     text-align: center;
     transition: 0.6s;
 }

 .part6-content {
     width: 1000px;
     margin: 0 auto;
 }

 .part6-information {
     position: relative;
     width: 600px;
     min-height: 300px;
     padding-left: 265px;
     margin: 0 auto;
 }

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

 .part6 .ewm img {
     width: 240px;
     border: 10px solid #c80010;
 }

 .part6-tel {
     padding-bottom: 15px;
     transition: 0.6s;
 }

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

 .part6-loction {
     transition: 0.6s;
 }

 .part6-loction p {
     padding: 5px 0;
     font: bold 30px/36px '微软雅黑';
     color: #000;
 }

 .part6-banner-bg {
     width: 1000px;
     margin-top: 0.8rem;
     padding: 25px 100px;
     background: rgba(255, 255, 255, 0.6);
     transition: 0.6s;
 }

 .part6-banner .swiper-slide a {
     display: block;
     width: 100%;
     text-align: center;
 }

 .part6-banner .swiper-slide a img {}

 .part6-btn {
     position: relative;
     z-index: 2;
     width: 880px;
     margin: 0 auto;
     transition: 0.6s;
 }

 .part6-btn-wrap {
     position: absolute;
     top: 80px;
     left: 0;
     width: 100%;
     height: 100px;
 }

 .part6-left {
     width: 10px;
     height: 24px;
     margin-top: -12px;
     background: url('../images/part6_left.png') no-repeat left 0;
 }

 .part6-right {
     width: 10px;
     height: 24px;
     margin-top: -12px;
     background: url('../images/part6_right.png') no-repeat right 0;
 }

 .part-foot {
     position: absolute;
     z-index: 12;
     left: 0;
     bottom: 0;
     width: 100%;
     padding: 10px 0;
     text-align: center;
 }

 .part-foot a {
     display: inline-block;
     padding: 18px 10px;
     font: 400 14px/24px '微软雅黑';
     color: #fff;
 }

 .part-foot .foot-img {
     padding: 0 10px;
 }




 @media (max-width:1680px) {
     .part2 {
         padding-top: 1.4rem;
     }
     .part2-wrap {
         transform: scale(0.9);
     }
 }

 @media (max-width:1380px) {
     .part2-wrap {
         transform-origin: 50% 10%;
         transform: scale(0.8);
     }
 }


 @media (max-width:1680px) {
     .part3 {
         padding-top: 0.6rem;
     }
     .part3-wrap {
         transform-origin: 50% 30%;
         transform: scale(0.85);
     }
 }

 @media (max-width:1380px) {
     .part3-wrap {
         transform-origin: 50% 10%;
         transform: scale(0.75);
     }
 }

 @media (max-width:1680px) {
     .part4 {
         padding-top: 0.6rem;
     }
     .part4-wrap {
         transform-origin: 50% 30%;
         transform: scale(0.85);
     }
 }

 @media (max-width:1380px) {
     .part4-wrap {
         transform-origin: 50% 10%;
         transform: scale(0.75);
     }
 }


 @media (max-width:1680px) {
     .part5 {
         padding-top: 0.6rem;
     }
     .part5-wrap {
         transform-origin: 50% 30%;
         transform: scale(0.85);
     }
 }

 @media (max-width:1380px) {
     .part5-wrap {
         transform-origin: 50% 10%;
         transform: scale(0.75);
     }
 }


 @media (max-width:1680px) {
     .part6 {
         padding-top: 0.6rem;
     }
     .part6-wrap {
         transform-origin: 50% 30%;
         transform: scale(0.85);
     }
 }

 @media (max-width:1380px) {
     .part6-wrap {
         transform-origin: 50% 10%;
         transform: scale(0.75);
     }
 }