@charset "utf-8";


.clear{clear:both;width:0;height:0;}

a{text-decoration: none;}

.zjh_mk{width:100%;min-width: 1200px;}

.zjh_xmk{width:1200px;margin: 0 auto;}

/*白色*/

.color_white{color:#ffffff;}

/*黑色*/

.color_block{color:#000000;}

/*文字加粗*/

.fize_weight{font-weight: bold;}

/*flex*/

.flex{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}



.gg_title1{

    text-align: center;

    color:#171717;

    font-weight: bold;

    font-size: 40px;

}

.gg_title1::before{

    content: '';

    display: inline-block;

    width:22px;

    height:40px;

    margin-right: 15px;

    position: relative;

    top:5px;

    background:url("../img/img05.png") no-repeat center center;

    background-size: 100% 100%;

}

.gg_title1::after{

    content: '';

    display: inline-block;

    width:22px;

    height:40px;

    margin-left: 15px;

    position: relative;

    top:5px;

    background:url("../img/img05.png") no-repeat center center;

    background-size: 100% 100%;

}

.gg_title2{

    color:#fff;

}

.gg_title2::before{

    background:url("../img/img09.png") no-repeat center center;

    background-size: 100% 100%;

}

.gg_title2::after{

    background:url("../img/img09.png") no-repeat center center;

    background-size: 100% 100%;

}



#dszt .mk1{

    height:560px;

}

#dszt .mk1 .swiper-wrapper{

    height:560px;

}

#dszt .mk1 .slide1{

    background:url("../img/img01.jpg") no-repeat center center;

    background-size: cover;

}

#dszt .mk1 .slide2{

    height:560px;

    background:url("../img/img02.jpg") no-repeat center center;

    background-size: cover;

}

#dszt .mk2{

    padding: 70px 0;

}

#dszt .mk2 .gg_title1{

    margin-bottom: 80px;

}

#dszt .mk2 ul{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    padding: 0 102px;

}

#dszt .mk2 ul li{

    width:450px;

    height:338px;

    border-radius: 20px;

    position: relative;

    background: #fcfaff;

    box-shadow:5px 5px 10px 0 rgba(55,7,125,0.3) ;

}

#dszt .mk2 ul li img{

    display: block;

    margin: 10px auto 10px;

}

#dszt .mk2 ul li div:nth-child(2){

    width:100%;

    height:86px;

    text-align: center;

    color:#fff;

    line-height: 86px;

    font-size: 20px;

    background: #6d0cff;

    position: absolute;

    bottom:0;

    left:0;

    border-bottom-left-radius: 20px;

    border-bottom-right-radius: 20px;

}

#dszt .mk2 ul li div:nth-child(3){

    width:132px;

    height:90px;

    position: absolute;

    top:50px;

    background: #ff0c3f;

    color:#fff;

    text-align: center;

    line-height: 90px;

    font-size: 24px;

    overflow: hidden;

}

#dszt .mk2 ul li:nth-child(1) div:nth-child(3){

    left:-92px;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

    padding-right: 10px;

}

#dszt .mk2 ul li:nth-child(2) div:nth-child(3){

    right:-92px;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    padding-left: 10px;

}

#dszt .mk2 ul li div:nth-child(3) span{

    position: absolute;

    width:150px;

    height:150px;

    background: #fff;

    border-radius: 50%;

    top:-27px;

}

#dszt .mk2 ul li:nth-child(1) div:nth-child(3) span{

    right:-129px;

}

#dszt .mk2 ul li:nth-child(2) div:nth-child(3) span{

    left:-129px;

}

#dszt .mk3{

    background: #6d0cff;

    padding: 60px 0 200px 0;

    position: relative;

}

#dszt .mk3 .gg_title2{

    margin-bottom: 70px;

}

#dszt .mk3 .lunbo{

    position: relative;

    width:1060px;

    height:474px;

    background:#fff;

    border-radius: 10px;

    margin-left: 140px;

    margin-bottom: 70px;

}

#dszt .mk3 .lunbo>ul{

    position: absolute;

    left:-145px;

    width:282px;

    padding: 50px 0 0 0;

    z-index: 10;

}

#dszt .mk3 .lunbo>ul li{

    width:100%;

    height:104px;

    line-height: 104px;

    background: #fff;

    border:1px solid #6d0cff;

    color:#6d0cff;

    font-size: 24px;

    border-radius: 10px;

    margin-bottom: 33px;

    padding-left: 70px;

    cursor: pointer;

    transition: all 0.3s;

}

#dszt .mk3 .lunbo>ul li::before{

    content: '';

    display: inline-block;

    width:44px;

    height:45px;

    background-size: 100% 100%;

    vertical-align: middle;

    margin-right: 10px;

    transition: all 0.3s;

}

#dszt .mk3 .lunbo>ul li:nth-child(1)::before{

    background:url("../img/img10.png") no-repeat center center;

}

#dszt .mk3 .lunbo>ul li:nth-child(2)::before{

    background:url("../img/img11.png") no-repeat center center;

}

#dszt .mk3 .lunbo>ul li:nth-child(3)::before{

    background:url("../img/img12.png") no-repeat center center;

}

#dszt .mk3 .lunbo>ul li.active{

    color:#fff;

    border:1px solid #ff0c3f;

    background: #ff0c3f;

}

#dszt .mk3 .lunbo>ul li:nth-child(1).active::before{

    background:url("../img/img10-1.png") no-repeat center center;

}

#dszt .mk3 .lunbo>ul li:nth-child(2).active::before{

    background:url("../img/img11-1.png") no-repeat center center;

}

#dszt .mk3 .lunbo>ul li:nth-child(3).active::before{

    background:url("../img/img12-1.png") no-repeat center center;

}

#dszt .mk3 .lunbo .swiper-container2{

    width:100%;

    height:100%;

    border-radius: 10px;

    overflow: hidden;

}

#dszt .mk3 .lunbo .swiper-container2 .swiper-slide{

    display: block;

    width:100%;

    height:100%;

    border-radius: 10px;

}

#dszt .mk3 .lunbo .swiper-container2 .swiper-slide img{

    border-radius: 10px;

}

#dszt .mk3 form{

    width:1200px;

    position: absolute;

    height:260px;

    background: #fff;

    border-radius: 5px;

    left:50%;

    margin-left: -600px;

    bottom:-130px;

    padding: 40px  0 0 0;

    box-shadow: 5px 10px 15px 0 rgba(59,1,147,0.75);

}

#dszt .mk3 form .title{

    text-align: center;

    font-weight: bold;

    font-size: 30px;

    color:#242424;

    margin-bottom: 30px;

}

#dszt .mk3 form .input{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    padding: 0 26px;

}

#dszt .mk3 form .input .inp{

    width:430px;

    height:77px;

    border-radius: 5px;

    border:1px solid #7d7d7d;

    padding-left: 88px;

    position: relative;

    overflow: hidden;

}

#dszt .mk3 form .input .inp input{

    display: block;

    width:100%;

    height:100%;

    border:none;

    outline: none;

    font-size: 18px;

}

#dszt .mk3 form .input .inp:nth-child(1)::before{

    content: '姓名';

    display: block;

    width:88px;

    height:100%;

    line-height: 77px;

    font-size: 18px;

    position: absolute;

    left:0;

    top:0;

    text-align: center;

}

#dszt .mk3 form .input .inp:nth-child(2)::before{

    content: '电话';

    display: block;

    width:88px;

    height:100%;

    line-height: 77px;

    font-size: 18px;

    position: absolute;

    left:0;

    text-align: center;

    top:0;

}

#dszt .mk3 form button{

    width:230px;

    height:77px;

    border-radius: 10px;

    background: #6d0cff;

    color:#fff;

    border:none;

    font-size: 24px;

    cursor: pointer;

    outline: none;

    transition: all 0.3s;

}

#dszt .mk3 form button:hover{

    box-shadow: 0 5px 5px 0 rgba(109,12,255,0.5);

}

#dszt .mk4{

    padding: 210px 0 50px;

}

#dszt .mk4 .gg_title1{

    margin-bottom: 60px;

}

#dszt .mk4 ul{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

}

#dszt .mk4 ul li{

    width:271px;

    border-radius: 10px;

    overflow: hidden;

    position: relative;

    border:1px solid #6d0cff;

}

#dszt .mk4 ul li div:nth-child(1){

    height:35px;

    display: inline-block;

    position: absolute;

    top:0;

    line-height: 35px;

    color:#fff;

    font-size: 18px;

    font-weight: bold;

    padding: 0 33px;

    background:url("../img/img17.png") no-repeat center center;

    background-size: 100% 100%;

}

#dszt .mk4 ul li:nth-child(1) div:nth-child(1){

    left:65px;

}

#dszt .mk4 ul li:nth-child(2) div:nth-child(1){

    left:57px;

}

#dszt .mk4 ul li:nth-child(3) div:nth-child(1){

    left:30px;

}

#dszt .mk4 ul li:nth-child(4) div:nth-child(1){

    left:30px;

}

#dszt .mk4 ul li img{

    display: block;

    width:100%;

}

#dszt .mk4 ul li div:nth-child(3){

    padding:20px 10px;

    font-size:14px;

    color:#171717;

    line-height: 24px;

}

#dszt .mk4 ul li div:nth-child(1){

    transition: all 0.3s;

}

#dszt .mk4 ul li:hover div:nth-child(1){

    transform: translateY(-5px);

}

#dszt .mk5{

    padding-bottom: 250px;

    background: #6d0cff;

    position: relative;

}

#dszt .mk5>.imgbg{

    width:100%;

    height:121px;

    background:url("../img/img18.jpg") no-repeat center center;

    background-size: cover;

}

#dszt .mk5 .gg_title1{

    margin-bottom: 20px;

}

#dszt .mk5 ul{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

}

#dszt .mk5 ul li{

    width:280px;

}



#dszt .mk5 ul li img{

    display: block;

    width:238px;

    height:225px;

    margin: 0 auto 40px;

    transition: all 0.4s;

}

#dszt .mk5 ul li:hover img{

    transform: rotateY(180deg);

}

#dszt .mk5 ul li div{

    text-align: center;

    color:#fff;

    font-size: 20px;

    font-weight: bold;

}

#dszt .mk5 form{

    width:1200px;

    position: absolute;

    height:260px;

    background: #fff;

    border-radius: 5px;

    left:50%;

    margin-left: -600px;

    bottom:-130px;

    padding: 40px  0 0 0;

    box-shadow: 5px 10px 15px 0 rgba(59,1,147,0.75);

}

#dszt .mk5 form .title{

    text-align: center;

    font-weight: bold;

    font-size: 30px;

    color:#242424;

    margin-bottom: 30px;

}

#dszt .mk5 form .input{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    padding: 0 26px;

}

#dszt .mk5 form .input .inp{

    width:430px;

    height:77px;

    border-radius: 5px;

    border:1px solid #7d7d7d;

    padding-left: 88px;

    position: relative;

    overflow: hidden;

}

#dszt .mk5 form .input .inp input{

    display: block;

    width:100%;

    height:100%;

    border:none;

    outline: none;

    font-size: 18px;

}

#dszt .mk5 form .input .inp:nth-child(1)::before{

    content: '姓名';

    display: block;

    width:88px;

    height:100%;

    line-height: 77px;

    font-size: 18px;

    position: absolute;

    left:0;

    top:0;

    text-align: center;

}

#dszt .mk5 form .input .inp:nth-child(2)::before{

    content: '电话';

    display: block;

    width:88px;

    height:100%;

    line-height: 77px;

    font-size: 18px;

    position: absolute;

    left:0;

    text-align: center;

    top:0;

}

#dszt .mk5 form button{

    width:230px;

    height:77px;

    border-radius: 10px;

    background: #6d0cff;

    color:#fff;

    border:none;

    font-size: 24px;

    cursor: pointer;

    transition: all 0.3s;

}

#dszt .mk5 form button:hover{

    box-shadow: 0 5px 5px 0 rgba(109,12,255,0.5);

}

#dszt .mk6{

    padding: 208px 0 80px;

}

#dszt .mk6>ul{

    padding: 85px 0 0 ;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

}

#dszt .mk6>ul li{

    width:254px;

    height:310px;

    position: relative;

    border:5px solid #6d0cff;

}

#dszt .mk6>ul li>.img{

    width:194px;

    height:308px;

    margin: 0 auto;

    position: relative;

    top:-45px;

    border:6px #fff solid;

    overflow: hidden;

}

#dszt .mk6>ul li>.img img{

    display: block;

    width:100%;

    height:100%;

    position: relative;

    z-index: 10;

}

#dszt .mk6>ul li:hover>.img img{

    animation: img_txt1 0.5s linear forwards;

    animation-direction:alternate;

}

@keyframes img_txt1 {

    0%{transform: rotateY(0deg); z-index: 10}

    50%{transform: rotateY(90deg); z-index: 10;}

    50.1%{transform: rotateY(90deg); z-index: 0;}

    100%{transform: rotateY(180deg);z-index: 0}

}

#dszt .mk6>ul li>.img div{

    width:100%;

    height:100%;

    background: url("../img/img26.png") no-repeat center center;

    background-size: 100% 100%;

    position: absolute;

    top:0;

    left:0;

    display: flex;

    align-items: center;

    padding:0 10px;

    color:#ffffff;

    font-size: 14px;

    line-height: 24px;

    transform: rotateY(180deg);

}

#dszt .mk6>ul li:hover>.img div{

    animation: img_txt 0.5s linear forwards;

    animation-direction:alternate;

}

@keyframes img_txt {

    0%{transform: rotateY(180deg);}

    50%{transform: rotateY(270deg); z-index: 0;}

    50.1%{transform: rotateY(270deg); z-index: 10;}

    100%{transform: rotateY(360deg);z-index: 10}

}

#dszt .mk6>ul li>div:nth-child(2){

    width:193px;

    height:34px;

    line-height: 34px;

    text-align: center;

    background: #fff;

    position: absolute;

    bottom:-16px;

    left:20px;

    font-weight: bold;

    font-size: 24px;

    color:#171717;

}

#dszt .mk7{

    width:100%;

    height:781px;

    background:url("../img/img30.jpg") no-repeat center center;

    background-size: cover;

    padding: 58px 0 0 0;

}

#dszt .mk7 .gg_title2{

    margin-bottom: 45px;

}

#dszt .mk7 ul{

    height:55px;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

}

#dszt .mk7 ul li{

    width:400px;

    height:100%;

    color:#fff;

    font-size: 20px;

    background: #bc94f7;

    text-align: center;

    line-height: 55px;

    cursor: pointer;

    transition: all 0.3s;

}

#dszt .mk7 ul li.active{

    background: #6d0cff;

}

#dszt .mk7 .swiper-container{

    height:493px;

    background: #fff;

}

#dszt .mk7 .swiper-container .swiper-slide{

    display: block;

    width:100%;

    height:493px;

    background-size: 100% 100%;

}



#dszt .mk7 .swiper-container .swiper-slide.slide1{

    background:url("../img/img27.jpg") no-repeat center center;

}

#dszt .mk7 .swiper-container .swiper-slide.slide2{

    background:url("../img/img28.jpg") no-repeat center center;

}

#dszt .mk7 .swiper-container .swiper-slide.slide3{

    background:url("../img/img29.jpg") no-repeat center center;

}

#dszt .mk8{

    background: #6d0cff;

}

#dszt .mk8 form{

    width:1200px;

    height:260px;

    border-radius: 5px;

    padding: 40px  0 0 0;

}

#dszt .mk8 form .title{

    text-align: center;

    font-weight: bold;

    font-size: 30px;

    color:#fff;

    margin-bottom: 30px;

}

#dszt .mk8 form .input{

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    padding: 0 26px;

}

#dszt .mk8 form .input .inp{

    width:430px;

    height:77px;

    border-radius: 5px;

    background: #fff;

    padding-left: 88px;

    position: relative;

    overflow: hidden;

}

#dszt .mk8 form .input .inp input{

    display: block;

    width:100%;

    height:100%;

    border:none;

    outline: none;

    font-size: 18px;

}

#dszt .mk8 form .input .inp:nth-child(1)::before{

    content: '姓名';

    display: block;

    width:88px;

    height:100%;

    line-height: 77px;

    font-size: 18px;

    position: absolute;

    left:0;

    top:0;

    text-align: center;

}

#dszt .mk8 form .input .inp:nth-child(2)::before{

    content: '电话';

    display: block;

    width:88px;

    height:100%;

    line-height: 77px;

    font-size: 18px;

    position: absolute;

    left:0;

    text-align: center;

    top:0;

}

#dszt .mk8 form button{

    width:230px;

    height:77px;

    border-radius: 10px;

    background: #ffd800;

    color:#6d0cff;

    border:none;

    font-size: 24px;

    cursor: pointer;

    transition: all 0.3s;

}

#dszt .mk8 form button:hover{

    box-shadow: 0 5px 5px 0 rgba(255,216,0,0.5);

}

#dszt .mk9{

    padding: 64px 0 75px;

}

#dszt .mk9 .gg_title1{

    text-align: center;

    color:#171717;

    font-size: 40px;

    font-weight: bold;

    margin-bottom: 75px;

}

#dszt .mk9>div:nth-child(2){

    display: flex;

    flex-direction: row;

    justify-content: space-between;

}

#dszt .mk9>div a{

    width:165px;

    height:78px;

    border-radius: 15px;

    position: relative;

    border:1px solid #6d0cff;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    padding-top: 5px;

}

#dszt .mk9>div a:nth-child(2n){

    border:1px solid #ff3288;

}

#dszt .mk9>div a img{

    position: absolute;

    width:88px;

    height:57px;

    display: block;

    top:-34px;

    left:37px;

    transition: all 0.3s;

}

#dszt .mk9>div a:hover img{

    transform: rotateY(180deg);

}

#dszt .mk9>div a div{

    color:#171717;

    font-size: 16px;

}

#dszt .mk10{

    background:#f8f8f8;

    padding: 57px 0;

}

#dszt .mk10 ul{

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    padding: 66px 0 0 0;

    justify-content: space-between;

}

#dszt .mk10 ul li{

    width:141px;

    margin-bottom: 50px;

    margin-right: 154px;

}

#dszt .mk10 ul li:nth-child(4n){

    margin-right: 0;

}

#dszt .mk10 ul li img{

    display: block;

    width:141px;

    height:106px;

    margin-bottom: 20px;

}

#dszt .mk10 ul li div{

    text-align: center;

    color:#171717;

    font-size: 16px;

}

#dszt .mk10>div>a{

    width:466px;

    height:78px;

    border-radius: 10px;

    background: #6d0cff;

    text-align: center;

    color:#fff;

    line-height: 78px;

    font-size: 24px;

    display: block;

    margin: 0 auto;

    transition: all 0.3s;

}

#dszt .mk10>div>a:hover{

    box-shadow: 0 5px 5px 0 rgba(109,12,255,0.5);

}