/* 公共部分开始 */
a {
    transition: all .3s;
}

a:hover {
    transform: translateY(-3px);
}

.title {
    font-size: 48px;
    font-weight: 700;
}

.title:before,.title:after {
    content: "";
    display: inline-block;
    width: 44px;
    height: 39px;
    background: url('../images/tit2.png') no-repeat;
    margin: 0 26px;
}

.dtit:before,.dtit:after {
    content: "";
    display: inline-block;
    width: 168px;
    height: 38px;
    background: url('../images/tit1.png') no-repeat;
    margin: 0 28px;
}

.title:after {
    /* CSS图片镜像翻转通常需要设置为180度 */
    /* 水平镜像翻转（左右翻转） */
    -moz-transform: scaleX(-1); /* Firefox浏览器 */
    -webkit-transform: scaleX(-1); /* Chrome, Safari */
    -o-transform: scaleX(-1); /* Opera专用 */
    transform: scaleX(-1); /* 现代浏览器使用标准定义即可 */
    /* 三维旋转实现镜像翻转--水平镜像翻转 */
    transform: rotateY(180deg);
}

.tit-line {
    background-color: #fff;
    width: 528px;
    height: 2px;
    margin: 4px auto;
}

.tit-line:after{
    content: "";
    display: block;
    width: 140px;
    height: 14px;
    background: url('../images/tit1jt.png') no-repeat;
    margin: 0 auto;
}

a img {
    margin-left: 12px;
}

a.btn {
    display: inline-block;
    width: 220px;
    height: 50px;
    background: #ff5112;
    border: 2px solid #ffc90e;
    border-radius: 27px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    line-height: 46px;
    margin-top: 30px;
}

a.xh {
    display: inline-block;
    width: 120px;
    height: 36px;
    line-height: 32px;
    background: #ff5112;
    border: 2px solid #ffc90e;
    border-radius: 20px;
    font-size: 20px;
    margin-top: 0;
    font-weight: 700;
    color: #fff;
}

.swiper-button-next {
    width: 28px;
    height: 90px;
    background: #ffab26;
    border-radius: 6px;
    position: absolute;
    top: 50%; /* 将元素顶部对齐到父容器顶部的50%位置（即垂直居中点） */
    transform: translateY(-50%); /* 再将元素自身高度的50%向上移动，使元素中心与父容器中心对齐 */
    right: 0;
}

.swiper-button-next:after {
    content: '';
    background: url(../images/jt_r.png) no-repeat;
    background-size: 14px 20px;
    width: 14px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.swiper-button-next.swiper-button-disabled {
    width: 28px;
    height: 90px;
    background: url('../images/jt_left.png') no-repeat center;
    background-size: 28px 90px;
    transform: translateY(-50%) scaleX(-1); /* 居中并水平翻转 */
    /* transform: scaleX(-1) translateY(-50%); */ /* 水平翻转并居中 这两种方式都可以的*/
}

.swiper-button-next.swiper-button-disabled:after {
    background: none;
}

.swiper-button-prev {
    width: 28px;
    height: 90px;
    /* background: #ffab26 url(../images/jt_l.png) center no-repeat;
    background-size: 14px 20px; */
    background: #ffab26;
    border-radius: 6px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.swiper-button-prev:after {
    content: '';
    background: url(../images/jt_l.png) no-repeat;
    background-size: 14px 20px;
    width: 14px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.swiper-button-prev.swiper-button-disabled {
    width: 28px;
    height: 90px;
    background: url('../images/jt_left.png') no-repeat center;
    background-size: 28px 90px;
}

.title2 span{
    color: #fffc26;
}
/* 公共部分结束 */

/* banner开始 */
/* banner 翻页修改 */
.swiper_banner {
  	position: relative;
}

.swiper_banner img {
  	width: 100%;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
	width: 160px;
	height: 20px;
	line-height: 20px;
	background: #fff;
	border-radius: 10px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 38px;
	box-sizing: border-box;
}

.swiper_banner .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #e9a1d8;
    margin-right: 12px;
    opacity: 1;
}

.swiper_banner .swiper-pagination-bullet:last-child {
    margin-right: 0;
}

.swiper_banner .swiper-pagination-bullet-active {
    width: 40px;
    height: 10px;
    background: #aa0082;
    border-radius: 5px;
}
/* banner结束 */

/* 第一部分开始 */
.part1 {
    background: url(../images/p1_bg.png) top center no-repeat;
    background-size: 1920px 526px;
    height: 526px;
    position: relative;
    top: -83px;
    padding-top: 113px;
    z-index: 1;
}

.part1 .title1 {
    background: url(../images/p1_tit.png) top center no-repeat;
    background-size: 457px 101px;
    height: 101px;
    font-size: 46px;
    font-weight: 700;
    color: #fff;
    line-height: 127px;
    padding-left: 10px;
    margin-bottom: 32px;
}

.part1 ul li {
    background: url(../images/p1_img.png) top center no-repeat;
    background-size: 284px 220px;
    width: 284px;
    height: 220px;
}

.part1 ul li p:first-child {
    width: 262px;
    height: 60px;
    line-height: 60px;
    background: #f94302;
    border-radius: 10px;
    margin: 26px auto 15px;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
}

.part1 ul li p:last-child {
    font-size: 20px;
    padding: 0 20px;
    text-align: left;
    line-height: 30px;
}
/* 第一部分结束 */

/* 第二部分开始 */
.part2 {
    background: url(../images/p2_bg.jpg) top center no-repeat;
    background-size: 1920px 1600px;
    height: 1600px;
    margin-top: -83px;
}

.part2 .top {
    padding-top: 57px;
}

.part2 .p2_title {
    background: url(../images/p2_title.png) top center no-repeat;
    background-size: 909px 69px;
    height: 69px;
}

.part2 .p2_tit1 {
    background: url(../images/p2_xtit1.png) top center no-repeat;
    background-size: 928px 92px;
    height: 92px;
    position: relative;
}

.part2 .p2_tit2 {
    background: url(../images/p2_xtit2.png) top center no-repeat;
    background-size: 548px 92px;
    height: 92px;
    position: relative;
}

.part2 .p2_tit3 {
    background: url(../images/p2_xtit3.png) top center no-repeat;
    background-size: 628px 92px;
    height: 92px;
    position: relative;
}

.part2 .p2-tit {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0px 3px 3px rgba(56, 1, 181, 0.7);
    padding-top: 35px;
}

.part2 .p2_con {
    background: url(../images/p2_kj.png) top center no-repeat;
    background-size: 1164px 566px;
    height: 566px;
    margin-top: -41px;
}

.part2 .p2_con1 .zxbg {
    position: relative;
    top: 64px;
}

.part2 .p2_con1 .zxcon {
    margin-top: -182px; 
    position: relative;
    z-index: 1;
    padding: 0 73px;
}

.part2 .p2_con1 .zxcon p:first-child,.part2 .p2_con1 .zxcon p:last-child {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-top: -170px;
    margin-bottom: 18px;
    margin-left: 56px;
}

.part2 .p2_con1 .zxcon p:last-child {
    margin-top: 17.5px;
    margin-left: 153px;
}

.part2 .p2_con1 .p2_right p:first-child {
    margin-left: -56px;
}

.part2 .p2_con1 .p2_right p:last-child {
    margin-left: -158px;
}

.part2 .p2_con1 .p2_right {
    margin-left: 30px;
}

.part2 .p2_con1 .left_main {
    background: url(../images/p2_libg.png) top center no-repeat;
    background-size: 512px 40px;
    width: 512px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 12px;
    text-align: right;
    font-size: 18px;
    position: relative;
    padding-right: 60px;
    white-space: nowrap;
}

.part2 .p2_con1 .left_main em {
    font-weight: 700;
    color: #a039ff;
}

.part2 .p2_con1 .p2_right .left_main {
    background: url(../images/p2_libg1.png) top center no-repeat;
    background-size: 512px 40px;
    text-align: left;
    padding-left: 60px;
}

.part2 .p2_con1 .left_main img {
    position: absolute;
    right: 10px;
    top: 9px;
}

.part2 .p2_con1 .p2_right .left_main img {
    position: absolute;
    left: 10px;
    top: 9px;
}

.part2 .p2_con2 .zxcon {
    padding: 115px 78px;
}

.part2 .p2_con2 .bt {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding-left: 32px;
    padding-top: 5px;
    /* text-shadow: 0px 2px 2px rgba(196, 69, 0, 0.6); */
}

.part2 .p2_con2 .left {
    background: url(../images/p2_img1.jpg) top center no-repeat;
    background-size: 418px 388px;
    width: 418px;
    height: 388px;
    font-size: 17px;
}

.part2 .p2_con2 .left .zjs {
    padding: 27px 20px 18px 22px;
}

.part2 .p2_con2 .left span {
    color: rgb(252, 108, 9);
    font-weight: bold;
}

.part2 .p2_con2 .left .dluo {
    margin-left: 18px;
    margin-bottom: 15px;
}

.part2 .p2_con2 .left .dluo.dh {
    line-height: 1.647;
    width: 378px;
}

.part2 .p2_con2 .left .dluo img {
    margin-right: 10px;
}

.part2 .p2_con2 .left a {
    background-color: rgb(255, 81, 18);
    width: 196px;
    height: 32px;
    line-height: 28px;
    border: 2px solid rgb(255, 201, 14);
    border-radius: 18px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 2px 6px rgba(193, 59, 0, 0.6);
    margin-top: 4px;
}

.part2 .p2_con2 .right {
    background: url(../images/p2_img2.jpg) top center no-repeat;
    background-size: 614px 388px;
    width: 614px;
    height: 388px;
    
}

.part2 .p2_con2 .right .zxcon {
    padding: 24px 0 30px 29px;
}

.part2 .p2_con2 .right li {
    font-size: 17px;
    width: 180px;
    height: 100px;
    text-align: left;
    margin-right: 20px;
    margin-bottom: 7px;
}

.part2 .p2_con2 .right li img {
    margin-right: 12px;
}

.part2 .p2_con3 ul {
    flex-wrap: wrap;
    padding: 120px 82px;
}

.part2 .p2_con3 li{
    background: url(../images/p2_img4.jpg) top center no-repeat;
    background-size: 326px 83px;
    width: 326px;
    height: 83px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 17px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 2px 2px rgba(117, 58, 175, 0.6);
    position: relative;
    z-index: 1;
}

.part2 .p2_con3 li.cbg{
    background: url(../images/p2_img3.jpg) top center no-repeat;
    background-size: 350px 83px;
    width: 350px;
    height: 83px;
}

.part2 .p2_con3 li.nright {
    margin-right: 0;
}

.part2 .p2_con3 li p:first-child {
    font-size: 28px;
    color: rgb(255, 220, 24);
    font-weight: bold;
    margin-left: 16px;
    margin-right: 10px;
}

.part2 .p2_con3 li img {
    position: absolute;
    right: 8px;
    bottom: 21px;
    z-index: -1;
    clip-path: rect(0, 0, 3px, 0);
    clip-path: rect(0, 100%, 3px, 0);
}

.part2 .bottom {
    margin-top: 100px;
}

.part2 .title {
    color: #7423fc;
    margin-bottom: 22px;
}

.part2 .title:before,.part2 .title:after {
    background: url('../images/tit2.png') no-repeat;
}

.part2 .bottom li {
    display: inline-block;
    background: url('../images/p2_img10.png') no-repeat center;
    background-size: 284px 232px;
    width: 284px;
    height: 232px;
    margin-right: 16px;
    margin-bottom: 24px;
    text-align: left;
}

.part2 .bottom li:first-child,.part2 .bottom li:nth-child(5) {
    background: url('../images/p2_img8.png') no-repeat center;
    background-size: 284px 232px;
}

.part2 .bottom li:nth-child(4) {
    background: url('../images/p2_img9.png') no-repeat center;
    background-size: 284px 232px;
}

.part2 .bottom li:nth-child(4),.part2 .bottom li:last-child {
    margin-right: 0;
}

.part2 .bottom li p:first-child {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    position: relative;
    left: 22px;
    top: 4px;
}

.part2 .bottom li p:nth-child(2) {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    position: relative;
    left: 42px;
    top: 21px;
}

.part2 .bottom li p:nth-child(3),.part2 .bottom li p:nth-child(4) {
    font-size: 18px;
    line-height: 28px;
    position: relative;
    left: 107px;
    top: 34px;
}

.part2 .bottom li:first-child p:nth-child(3),
.part2 .bottom li:first-child p:nth-child(4),
.part2 .bottom li:nth-child(5) p:nth-child(3),
.part2 .bottom li:nth-child(5) p:nth-child(4) {
    left: 91px;
}

.part2 .bottom li a {
    width: 150px;
    text-align: center;
    margin-left: 67px;
    margin-top: 52px;
}

.part2 .kkbx {
    height: 98px;
    background: #843efd;
    border-radius: 20px;
    padding: 22px 0 20px 13px;
}

.part2 .kkbx p:first-child {
    margin-right: 13px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 32px;
}

.part2 .kkbx p:last-child {
    width: 1124px;
    height: 94px;
    background: #fff;
    border-radius: 20px;
    padding: 18px 9px 24px 23px;
    font-size: 18px;
    text-align: left;
    line-height: 28px;
    margin-bottom: 2px;
    white-space: nowrap;
}

/* 第二部分结束 */

/* 第三部分开始 */
/* .part3 {
    background: url(../images/p3_bg.jpg) top center no-repeat;
    background-size: 1920px 1704px;
    height: 1704px;
} */

.part3 .top_con{
    background: url(../images/p3_topbg.jpg) top center no-repeat;
    background-size: 1920px 1082px;
    /* height: 1704px; */
}

.part3 .top {
    padding-top: 52px;
}

.part3 .swiper {
    margin-top: 11px;
}

.part3 .p3_con1 {
    background: url(../images/p3_swiper1.png) top center no-repeat;
    background-size: 1146px 790px;
    height: 790px;
    padding-top: 33px;
}

.part3 .p3_con2 {
    background: url(../images/p3_swiper2.png) top center no-repeat;
    background-size: 1146px 870px;
    height: 870px;
    padding-top: 33px;
}

.part3 .p3-tit {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0px 3px 3px rgba(1, 61, 181, 0.7);
    margin-bottom: 35px;
}

.part3 .p3_con1 .zxcon {
    padding-left: 93px;
    padding-top: 78px;
}

.part3 .p3_con1 .topcon .right {
    width: 755px;
    font-size: 18px;
    color: rgb(57, 57, 57);
    line-height: 1.444;
}

.part3 .p3_con1 .topcon .right .dluo {
    margin-bottom: 5px;
}

.part3 .p3_con1 .topcon .right img {
    margin-left: 25px;
    margin-right: 9px;
    margin-top: -24px;
}

.part3 .p3_con1 .bmcon {
    margin-top: 26px;
}

.part3 .p3_con1 .bmcon li {
    background: url('../images/p3_libg1.png') no-repeat center;
    background-size: 492px 40px;
    width: 492px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin-left: 31px;
    margin-bottom: 12px;
    padding-right: 60px;
    position: relative;
}

.part3 .p3_con1 .bmcon li:not(.right) {
    background: url('../images/p3_libg.png') no-repeat center;
    background-size: 492px 40px;
    text-align: right;
    margin-left: 0;
}

.part3 .p3_con1 .bmcon li.right{
    padding-left: 60px;
}

.part3 .p3_con1 .bmcon li span {
    font-weight: 700;
    color: #0e7aff;
}

.part3 .p3_con1 .bmcon li img {
    position: absolute;
    top: 9px;
    right: 10px;
}

.part3 .p3_con1 .bmcon li.right img {
    left: 10px;
}

.part3 .p3_con2 .zxcon {
    padding: 20px;
}

.part3 .p3_con2 .zxcon li {
    display: inline-block;
    background: url('../images/p3_img2.png') no-repeat center;
    background-size: 254px 60px;
    width: 254px;
    height: 60px;
    position: relative;
    z-index: 1;
    margin-right: 10px;
    margin-bottom: 13px;
}

.part3 .p3_con2 .zxcon li.dbg {
    background: url('../images/p3_img3.png') no-repeat center;
    background-size: 200px 60px;
    width: 200px;
    height: 60px;
}

.part3 .p3_con2 .zxcon li.nright {
    margin-right: 0;
}

/* .part3 .p3_con2 .zxcon li:not(.dh) {
    top: 20px;
} */

/* .part3 .p3_con2 .zxcon .dh {
    top: -20px;
} */

.part3 .p3_con2 .zxcon li p:first-child {
    font-size: 16px;
    color: #fff;
    text-align: left;
    line-height: 60px;
    margin-left: 18px;
}

.part3 .p3_con2 .zxcon li:not(.dh) p:first-child {
    position: relative;
    top: 10px;
    line-height: 1.25;
}

.part3 .p3_con2 .zxcon li p:last-child {
    font-size: 24px;
    color: rgb(123, 167, 255);
    font-weight: bold;
    position: absolute;
    right: 10px;
    bottom: 2px;
    z-index: -1;
}

.part3 .zjyh {
    display: block;
    margin: 0 auto;
}

.part3 .db_con {
    height: 796px;
    margin-top: -35px;
    background: #e1ebff;
    padding-top: 60px;
}

.part3 .bottom {
    /* margin-top: 854px; */
}

.part3 .bottom .title {
    color: #1d63f1;
    margin-bottom: 31px;
}

.part3 .bottom .title:before,.part3 .bottom .title:after {
    background: url('../images/tit3.png') no-repeat;
}

.part3 .bottom li {
    display: inline-block;
    background: url('../images/p3_img4.png') no-repeat center;
    background-size: 384px 341px;
    width: 384px;
    height: 341px;
    margin-bottom: 30px;
    text-align: left;
}

.part3 .bottom li .bt {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 28px;
    margin-top: 13px;
    margin-left: 67px;
}

.part3 .bottom .qkzsk p:nth-child(2) {
    padding: 24px 20px 0 20px;
}

.part3 .bottom .qkzsk p:nth-child(2):after {
    content: "";
    display: inline-block;
    width: 346px;
    height: 1px;
    border-bottom: 1px dashed #7bd2ff;
}

.part3 .bottom .qkzsk p span {
    display: inline-block;
    width: 70px;
    height: 36px;
    text-align: center;
    font-size: 18px;
    line-height: 38px;
    margin-right: 6px;
}

.part3 .bottom .qkzsk p span.jg {
    margin-left: 3px;
}

.part3 .bottom .sbsx {
    font-size: 24px;
    font-weight: 700;
    color: #008ff4;
    line-height: 28px;
    padding-left: 29px;
    padding-top: 6px;
    margin-bottom: 6px;
}

.part3 .bottom .sbsx:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 28px;
    background: #008ff4;
    border-radius: 3px;
    position: relative;
    top: 6px;
    margin-right: 11px;
}

.part3 .qkjs  {
    font-size: 18px;
    line-height: 28px;
    margin-left: 49px;
    margin-bottom: 2px;
}

.part3 .qkjs img {
    margin-right: 7px;
}

.part3 .ggkzsk p:nth-child(2) {
    margin-top: 31px;
}

.part3 .ggkzsk .ggkcon {
    height: 47px;
    margin-bottom: 11px;
}

.part3 .ggkzsk .con_line:after {
    content: "";
    display: inline-block;
    width: 346px;
    height: 1px;
    border-bottom: 1px dashed #bbbbbb;
    margin-left: 17px;
    position: relative;
    top: -2px;
}

.part3 .ggkcon span:first-child{
    display: inline-block;
    width: 174px;
    height: 36px;
    font-size: 18px;
    line-height: 36px;
    text-align: center;
    margin-left: 28px;
    margin-right: 53px;
}

.part3 .ggkzsk p:last-child {
    margin-top: 17px;
}

.part3 .ggkzsk p:last-child span:first-child{
    margin-left: 40px;
}

.part3 .ggkzsk p:last-child:before {
    content: "";
    display: inline-block;
    width: 346px;
    height: 1px;
    border-top: 1px dashed #7bd2ff;
    margin-left: 17px;
    position: relative;
    top: -17px;
}

.part3 .ggkzsk p:last-child span {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-right: 31px;
}

.part3 .ggkzsk p:last-child span img {
    margin-top: -3px;
    margin-right: 12px;
}

.part3 .zykzsk .zjbf {
    margin-top: 11px;
    padding: 20px;
}

.part3 .zykzsk .zjbf p {
    display: inline-block;
    width: 164px;
    height: 76px;
    font-size: 18px;
    line-height: 76px;
    text-align: center;
    margin-right: 11px;
    margin-bottom: 16px;
    position: relative;
    z-index: 1;
}

.part3 .zykzsk .zjbf .rwjl {
    margin-right: 0;
}

.part3 .zykzsk .zjbf .pink {
    line-height: 28px;
    padding-top: 9px;
}

.part3 .zykzsk .zjbf .green {
    top: -12px;
}

.part3 .zykzsk .zjbf p img {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: -1;
}

.part3 .zykzsk .zjbf:after {
    content: "";
    display: inline-block;
    width: 346px;
    height: 1px;
    border-top: 1px dashed #7bd2ff;
    position: relative;
    top: -21px;
    left: -3px;
}

.part3 .zykzsk .sbsx {
    padding-left: 30px;
    position: relative;
    top: -43px;
}

.part3 .zykzsk .sbsx .jg {
    margin-left: 108px;
}

.part3 .bottom li .yellow {
    background: #fdf5b4;
    border-radius: 8px;
}

.part3 .bottom li .lblue {
    background: #b4f5fd;
    border-radius: 8px;
}

.part3 .bottom li .pink {
    background: #ffcffc;
    border-radius: 8px;
}

.part3 .bottom li .green {
    background: #dbffdd;
    border-radius: 8px;
}

.part3 .bottom li p span.jg {
    width: 100px;
    font-size: 22px;
    font-weight: 700;
    color: #ff2b2b;
    line-height: 28px;
}

.part3 .dxzy {
    height: 128px;
    background: #0079f0;
    border-radius: 20px;
    padding: 36px 0 36px 13px;
}

.part3 .dxzy p:first-child {
    margin-right: 13px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 32px;
}

.part3 .dxzy p:last-child {
    width: 1124px;
    height: 124px;
    background: #fff;
    border-radius: 20px;
    padding: 20px 31px;
    font-size: 18px;
    text-align: left;
    line-height: 28px;
}

/* 第三部分结束 */

/* 第四部分开始 */

/* 第四部分结束 */
.part4 {
    margin-top: 50px;
}

.part4 .title {
    color: #ff1552;
    margin-bottom: 25px;
}

.part4 .title:before,.part4 .title:after {
    background: url('../images/tit4.png') no-repeat;
}

.part4 .p4_top {
    background: url(../images/p4_top.png) no-repeat center;
    background-size: 1200px 296px;
    width: 1200px;
    height: 296px;
    margin-bottom: 30px;
    position: relative;
}

.part4 .bt {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
}

.part4 .left .bt {
    position: absolute;
    left: 25px;
    top: 9px;
}

.part4 .right .bt {
    position: absolute;
    right: 24px;
    top: 9px;
}

.part4 .left ul {
    margin-top: 65px;
}

.part4 .left li {
    text-align: left;
    font-size: 18px;
    line-height: 27px;
    width: 477px;
    margin-left: 31px;
    margin-bottom: 9px;
    display: flex;
    flex-direction: row;
}

.part4 .left li img {
    margin-right: 8px;
    width:6px;
    height: 12px;
    margin-top: 8px;
}

.part4 .right li {
    text-align: right;
    position: absolute;
    font-size: 18px;
    line-height: 26px;
    right: 53px;
    top: 96px;
}

.part4 .right li:nth-child(2) {
    top: 161px;
}

.part4 .right li:last-child {
    top: 228px;
}

.part4 .txy li {
    background: url(../images/p4_txy.png) no-repeat center;
    background-size: 284px 214px;
    width: 284px;
    height: 214px;
    padding-top: 10px;
}

.part4 .txy li p:first-child {
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 30px;
    margin-bottom: 28px;
}

.part4 .txy li p:nth-child(2),.part4 .txy li p:nth-child(3) {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 1px;
}

.part4 .txy li p:nth-child(2) span,.part4 .txy li p:nth-child(3) span {
    font-weight: 700;
    color: #ff2860;
}

.part4 a {
    width: 170px;
    margin-top: 18px;
}

.part4 a img {
    margin-left: -4px;
    margin-right: 5px;
}
/* 第五部分开始 */
.part5 {
    margin-top: 50px;
    height: 1013px;
    background: #c9f6e8;
    padding-top: 50px;
}

.part5 .title {
    color: #00a483;
    margin-bottom: 25px;
}

.part5 .title:before,.part5 .title:after {
    background: url('../images/tit5.png') no-repeat;
}

.part5 .top {
    height: 200px;
    background: #ffffff;
    border: 2px solid #50d1a8;
    border-radius: 20px;
    padding: 28px 2px 28px 36px;
    margin-bottom: 26px;
}

.part5 .top li {
    background: url(../images/p5_libg.jpg) no-repeat center;
    background-size: 290px 140px;
    width: 290px;
    height: 140px;
    padding-left: 73px;
    padding-top: 23px;
}

.part5 .top li p:first-child {
    font-size: 26px;
    font-weight: 700;
    text-align: left;
    color: #009678;
    line-height: 26px;
    margin-bottom: 38px;
}

.part5 .top li p:first-child span {
    font-size: 24px;
    color: #fff;
    margin-left: 42px;
}

.part5 .top li p:last-child {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    position: relative;
    left: -38px;
}

.part5 .top li p:last-child em {
    font-weight: 700;
    color: #ff154c;
    margin-left: 9px;
    margin-right: 5px;
}

.part5 .top li p:last-child span {
    font-size: 30px;
    font-weight: 700;
    color: #ff154c;
}

.part5 .top img {
    position: relative;
    bottom: -9px;
}

.part5 table {
    width: 1200px;
    height: 450px;
    background: #ffffff;
    border: 2px solid #00b28e;
    border-radius: 20px;
    border-collapse: separate;
    border-spacing: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.part5 table caption {
    height: 60px;
    background: #00b28e;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    line-height: 60px;
    letter-spacing: 1.2px;
}

.part5 table tr th {
    height: 52px; 
    text-align: center;
    border-right: 1px solid #00b28e;
    border-bottom: 1px solid #00b28e;
    font-size: 22px;
    font-weight: 500;
    color: #00b28e;
}

.part5 table tr th:last-child {
    border-right: none;
}

.part5 table tr td {
    height: 43px;
    border-right: 1px solid #00b28e;
    border-bottom: 1px solid #00b28e;
}

.part5 table tr td:last-child {
    border-right: none;
}

.part5 table tr:last-child td,.part5 table .kg {
    border-bottom: none;
}

.part5 table tr td.jg {
    font-size: 18px;
    font-weight: 700;
    color: #ff154c;
}

.part5 table .km li {
    font-size: 18px;
    line-height: 32px;
}

.part5 table .fwsm li {
    font-size: 20px;
    font-weight: 700;
    color: #f86b01;
    line-height: 36px;
}

.part5 a {
    margin-top: 30px;
}
/* 第五部分结束 */

/* 第六部分开始 */
.part6 {
    margin-top: 50px;
}

.part6 .title {
    color: #ff5112;
    margin-bottom: 25px;
}

.part6 .title:before,.part6 .title:after {
    background: url('../images/tit6.png') no-repeat;
}

.part6 .bmlb {
    height: 100px;
    background: #ffe7de;
    border-radius: 20px;
    padding: 22px 10px 21px 24px;
}

.part6 .bt {
    font-size: 26px;
    font-weight: 700;
    color: #ff5112;
    line-height: 32px;
    margin-right: 22px;
}

.part6 .vip {
    width: 575px;
    height: 80px;
    background: #ff921e;
    border-radius: 16px;
    padding: 16px 16px 15px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 28px;
    margin-right: 12px;
}

.part6 .vip div{
    margin-left: 16px;
    width: 505px;
    height: 80px;
    background: #fff;
    border-radius: 16px;
    padding: 22px 24px 22px 16px;
}

.part6 .vip div p:first-child {
    font-size: 20px;
    color: #333;
    font-weight: 400;
    line-height: 28px;
    margin-right: 15px;
    width: 202px;
}

.part6 .vip div p.jg,.part6 .bs .bsbzb div p.jg {
    font-size: 22px;
    color: #ff154c;
    line-height: 28px;
    margin-right: 14px;
    width: 114px;
    font-weight:700;
}

.part6 .bzb {
    width: 504px;
    padding: 0;
    margin-right: 0;
    padding-left: 15px;
}

.part6 .bzb div {
    width: 429px;
    margin-left: 11px;
    position: relative;
    left: 1px;
}

.part6 .bzb div p:first-child {
    width: 129px;
    margin-right: 11px;
}

.part6 .ms {
    height: 80px;
    background: #ffe7de;
    border-radius: 20px;
    padding: 22px 10px 21px 24px;
    margin-top: 16px;
}

.part6 .ms .vip {
    height: 60px;
    padding: 19px 0 19px 40px;
}

.part6 .ms .vip div {
    height: 60px;
    width: 360px;
    position: relative;
    left: 25px;
}

.part6 .ms .vip div p {
    margin-left: 31px;
    margin-right: 55px;
}

.part6 .ms .bzb div {
    width: 352px;
    position: relative;
    left: 29px;
}

.part6 .ms .bzb div p {
    margin-right: 31px;
}

.part6 .bs .bsbzb {
    width: 1091px;
    height: 60px;
    background: #ff921e;
    border-radius: 16px;
    padding: 16px 16px 15px;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    line-height: 28px;
    padding: 19px 0 19px 40px;
}

.part6 .bs .bsbzb div {
    width: 844px;
    height: 60px;
    background: #fff;
    border-radius: 16px;
    position: relative;
    left: 39px;
    padding: 20px 0 21px 53px;
}

.part6 .bs .bsbzb div p {
    font-size: 20px;
    color: #333;
    font-weight: 400;
    line-height: 28px;
}

.part6 .bs .bsbzb div p span {
    width: 1px;
    height: 20px;
    background: #bbb;
    margin-left: 23px;
    margin-right: 23px;
}

.part6 .bs .bsbzb div p.jg {
    margin-left: 95px;
    margin-right: 43px;
}
/* 第六部分结束 */

/* 第七部分开始 */
.part7 {
    margin-top: 50px;
    height: 741px;
    background: #ffe5f9;
    padding-top: 50px;
}

.part7 .title {
    color: #e300af;
    margin-bottom: 25px;
}

.part7 .title:before,.part7 .title:after {
    background: url('../images/tit7.png') no-repeat;
}

.part7 .nav {
    width: 850px;
    height: 60px;
    background: #ffc6f2;
    border-radius: 30px;
    margin: 0 auto;
    padding: 10px 43px 10px 36px;
    margin-bottom: 24px;
}

.part7 .nav li {
    width: 150px;
    height: 40px;
    line-height: 40px;
    background: #fff6f6;
    border-radius: 20px;
    font-size: 20px;
    color: #e300af;
}

.part7 .nav li.cur {
    background: #e300af;
    color: #fff;
    font-weight: 700;
}

.part7 .nav li img:first-child {
    display: none;
}

.part7 .nav li img:last-child {
    /*display: block;*/
    display: inline; /*block 会让img变成块，inline是行内*/
}

.part7 .nav li.cur img:first-child {
    display: inline; 
}

.part7 .nav li.cur img:last-child {
    display: none;
}

.part7 .nav li img {
    margin-right: 8px;
    margin-top: -3px;
}

.part7 .nav span {
    width: 1px;
    height: 36px;
    background: #f188d9;
}

.part7 .box {
    height: 380px;
    background: #fff6f6;
    border: 2px solid #ff3bcb;
    border-radius: 20px;
    padding: 22px 0 30px 32px;
}

.part7 .swiper {
    height: 328px;
    padding-top: 8px;
}

.part7 .swiper-slide {
    background: url('../images/p7_tcbg.png') no-repeat center;
    background-size: 420px 320px;
    width: 420px;
    height: 320px;
    padding: 11px 0 0 25px;
}

.part7 .swiper-slide .name {
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    color: #fff113;
    margin-bottom: 6px;
}

.part7 .swiper-slide .zj {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    color: #fff;
    margin-bottom: 28px;
}

.part7 .swiper-slide .jianjie li {
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    line-height: 24px;
    margin-bottom: 2px;
    text-align: left;
}

.part7 .swiper-slide .jianjie li img {
    margin-right: 10px;
}

.part7 .swiper-slide .jianjie+.tczp {
    position: absolute;
    bottom: 158px;
    right: 15px;
    z-index: -1;
}
/* 第七部分结束 */

/* 第八部分开始 */
.part8 {
    margin-top: 50px;
}

.part8 .title {
    color: #6a4dff;
    margin-bottom: 25px;
}

.part8 .title:before,.part8 .title:after {
    background: url('../images/tit8.png') no-repeat;
}

.part8 .content{
    width: 1200px;
    height: 536px;
    background: #e8e4ff;
    border-radius: 20px;
    margin: 0 auto;
    padding-top: 30px;
}

.part8 .swiper {
    width: 1152px;
}
.part8 .swiper .swiper-slide {
    background: url(../images/p8_img1.png) top no-repeat;
    background-size: 1152px 450px;
    width: 1152px;
    height: 450px;
    text-align: left;
    padding: 13px 0 0 18px;
}

.part8 .swiper .swiper-slide:nth-child(2) {
    background: url(../images/p8_img2.png) top no-repeat;
    background-size: 1152px 450px;
}

.part8 .swiper .swiper-slide:nth-child(3) {
    background: url(../images/p8_img3.png) top no-repeat;
    background-size: 1152px 450px;
}

.part8 .swiper .swiper-slide:nth-child(4) {
    background: url(../images/p8_img4.png) top no-repeat;
    background-size: 1152px 450px;
}

.part8 .swiper .swiper-slide:last-child {
    background: url(../images/p8_img5.png) top no-repeat;
    background-size: 1152px 450px;
}

.part8 .swiper .swiper-slide p img {
    margin-right: 6px;
    margin-top: -3px;
}

.part8 .swiper .swiper-slide p {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    line-height: 28px;
    text-shadow: -2px 0px 3px 2px rgba(105,77,255,0.40); 
    display: flex;
    flex-direction: row;
}

.part8 .swiper .swiper-slide p span:first-child {
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin-right: 52px;
}

.part8 .swiper .swiper-slide p span:last-child {
    opacity: 0.3;
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    position: absolute;
    right: 289px;
    bottom: 406px;
}

.part8 .swiper-pagination {
    width: 140px;
    height: 20px;
    background: #fff;
    border-radius: 10px;
    padding: 0 10px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 18px;
}

.part8 .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #bfbcff;
    border-radius: 50%;
    opacity: 1;
}

.part8 .swiper-pagination .swiper-pagination-bullet-active{
    width: 40px;
    height: 10px;
    background: #7e6eff;
    border-radius: 5px;
}

.part8 a {
    width: 268px;
}
/* 第八部分结束 */

/* 第九部分开始 */
.part9 {
    height: 398px;
    background: #ffdcdc;
    padding-top: 60px;
}

.part9 .title {
    color: #ed1111;
    margin-bottom: 12px;
}

.part9 .title:before,.part9 .title:after {
    background: url('../images/tit9.png') no-repeat;
}

.part9 .swiper {
    height: 230px;
    padding-top: 10px;
}

.part9 .swiper-slide {
    background: url('../images/p9_img.png') center no-repeat;
    background-size: 300px 220px;
    width: 300px;
    height: 220px;
    cursor: pointer;
    transition: all .3s;
}

.part9 .swiper-slide:hover {
    transform: translateY(-10px);
}

.part9 .swiper-slide p:first-child {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-top: 10px;
}

.part9 .swiper-slide p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
    width: 240px;
    margin: 24px auto;
    text-align: left;
    position: relative;
    z-index: 1;
}

.part9 .swiper-slide .num {
  position: absolute;
  right: 32px;
  bottom: 31px;
}
/* 第九部分结束 */