body,html{font-size: 15px;overflow-x: hidden;}
.mkjt-header{height: 3.333rem;width: 100%;background: #1D3154; position: fixed;top: 0; z-index: 990;}
.mkjt-header .mkjt-header-con{padding: 0.6rem 1.066rem;text-align: right;position: relative;}
.mkjt-header .mkjt-header-logo{width: 5.666rem;float: left;}
.mkjt-header .mkjt-header-phone{display: inline-block;color: #FFF;font-size: 1rem;}
.mkjt-header .mkjt-header-phone i{font-size: 1.3rem;margin-right: 0.3rem;}
.mkjt-header .mkjt-header-menu i{color: #FFF;font-size: 1.6rem;margin-left: 0.8rem;}
.mkjt-header .mkjt-header-nav{display: block;position: fixed;right: 0;top: 3.333rem;width: 15rem;background: rgba(29,49,84,0.96);text-align: center;border-radius: 0 0 0 20px;display: none;padding-bottom: 2rem;max-height: 80%;overflow-y: auto;z-index: 10;}
.mkjt-header .mkjt-header-nav li{line-height: 2.933rem;color: #FFF; font-size: 1rem;}
.mkjt-header .mkjt-header-nav li a{color: #FFF;font-size: 1rem;width: 100%;display: inline-block;}
.mkjt-header .mkjt-header-nav li a i{position: absolute;transition: transform 200ms;}
.mkjt-header .mkjt-header-nav li.is-active{background: #244173;}
.mkjt-header .mkjt-header-nav li.is-active a{}
.mkjt-header .mkjt-header-nav .mkjt-header-child{background: #182846;display: none;}
.mkjt-header .mkjt-header-nav .mkjt-header-child li{padding-left: 2.5rem;}
.mkjt-header .mkjt-header-nav .mkjt-header-child li a{}
.mkjt-header .mkjt-header-shade{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 9;top: 3.333rem;display: none;}

.mkjt-banner{background: url(../../img/m/index/banner.jpg) no-repeat;background-size: 100% 100%;height: 29.666rem;position: relative;}
.mkjt-banner img{width: 20.166rem;display: block;margin: 0 auto;padding-top: 4.666rem;}
.mkjt-banner .mkjt-banner-btn{width: 18.666rem;height: 2.266rem;border-radius: 1.133rem;background: #FFDD3C;color: #4D3C11;font-size: 1.133rem;line-height: 2.266rem;text-align: center;position: absolute;bottom: 0.6rem;left: 50%;transform: translate(-50%, 0);}

.mkjt-page-title{text-align: center;padding-top: 2.5rem;}
.mkjt-page-title h4{color: #33333C;font-size: 1.1rem;display: inline-block;}
.mkjt-page-title p{color: #66666C;font-size: 0.9rem;margin-top: 0.3rem;}

.mkjt-wave{width: 100%;display: block;}
.mkjt-page1{text-align: center;padding-bottom: 2rem;}
.mkjt-page1 .mkjt-page-con{padding: 1rem;}
.mkjt-page1 .mkjt-page-con img{width: 100%;}



.mkjt-page2{background: #FFDD3C;padding-bottom: 2rem;}
.mkjt-page2 .mkjt-page-title h4{color: #FFF;border-color: #FFF;}
.mkjt-page2 .mkjt-page-title p{color: #FFF;}
.mkjt-page2 .van-swipe-item{padding: 1.2rem 1.2rem 1.8rem;}
.mkjt-page2 .mkjt-page2-info{padding: 1.2rem;background: #FFF8D8;border-radius: 0.6rem;}
.mkjt-page2 .mkjt-page2-img{width: 100%;}
.mkjt-page2 .mkjt-page2-con{}
.mkjt-page2 .mkjt-page2-tite{color: #009FE8;font-size: 1.1rem;display: inline-block;border-bottom: 2px solid #009FE8;font-weight: bold;}
.mkjt-page2 .mkjt-page2-people{font-size: 0.9rem;color: #33333C;margin: 0.3rem 0 0.6rem;}
.mkjt-page2 .mkjt-page2-people span{margin-right: 0.8rem;}
.mkjt-page2 .mkjt-page2-explain{font-size: 0.9rem;color: #33333C;line-height: 1.5rem;text-align: justify}


.mkjt-page3{padding-bottom: 2rem;}
.mkjt-page3 .mkjt-page-con{padding: 1.2rem;position: relative;}
.mkjt-page3 .mkjt-page3-wrap{width: 100%;overflow-x: auto;}
.mkjt-page3 .mkjt-page3-tab{background: #E1E5E6;font-size: 0.9rem;border-radius: 0.333rem 0.333rem 0 0;display: inline-block;width: 50%;text-align: center;line-height: 2.6rem;color: #66666C;}
.mkjt-page3 .mkjt-page3-tab.is-active{color: #FFF;background: #009FE8;}
.mkjt-page3 .mkjt-page3-content{padding: 1.5rem;border-radius: 0 0 0.6rem 0.6rem;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2)}
.mkjt-page3 .mkjt-page3-pane{display: none;}
.mkjt-page3 .mkjt-page3-pane.is-active{display: block;}
.mkjt-page3 .mkjt-page3-pane img{width: 100%;}
.mkjt-page3 .mkjt-page3-pane h4{color: #009FE8;font-size: 1.1rem;font-weight: bold;border-bottom: 2px solid #009FE8;display: inline-block;margin-top: 1rem;text-align: justify}
.mkjt-page3 .mkjt-page3-pane p{color: #33333C;font-size: 0.9rem;margin-top: 0.5rem;line-height: 1.4rem;}

.mkjt-page3 .mkjt-page4-tab{background: #E1E5E6;font-size: 0.9rem;border-radius: 0.333rem 0.333rem 0 0;display: inline-block;width: 50%;text-align: center;line-height: 2.6rem;color: #66666C;}
.mkjt-page3 .mkjt-page4-tab.is-active{color: #FFF;background: #009FE8;}
.mkjt-page3 .mkjt-page4-content{padding: 1.5rem;border-radius: 0 0 0.6rem 0.6rem;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.2)}
.mkjt-page3 .mkjt-page4-pane{display: none;}
.mkjt-page3 .mkjt-page4-pane.is-active{display: block;}
.mkjt-page3 .mkjt-page4-pane img{width: 100%;}
.mkjt-page3 .mkjt-page4-pane h4{color: #009FE8;font-size: 1.1rem;font-weight: bold;border-bottom: 2px solid #009FE8;display: inline-block;margin-top: 1rem;text-align: justify}
.mkjt-page3 .mkjt-page4-pane p{color: #33333C;font-size: 0.9rem;margin-top: 0.5rem;line-height: 1.4rem;}


.mkjt-page4 {background: #009FE8;}
.mkjt-page4 .mkjt-page-title h4{color: #FFF;border-color: #FFF;}
.mkjt-page4 .mkjt-page-con{height: 5rem;}


.mkjt-page5 {}
.mkjt-page5 .mkjt-page-con{margin-bottom: 5rem;}
.mkjt-page5 .mkjt-page-con li{width: 50%;float: left;height: 5rem;text-align: center;margin-bottom: 2rem;padding: 0.8rem;}
.mkjt-page5 .mkjt-page-con img{width: 45% !important;}
.mkjt-page5 .mkjt-page-con h4{font-size: 0.9rem;margin: 0.4rem 0;}
.mkjt-page5 .mkjt-page-con p{font-size: 0.8rem;}


.mkjt-footer{}
.mkjt-footer .mkjt-footer-wave{width: 100%;display: block;}
.mkjt-footer .mkjt-footer-content{padding: 2.5rem 1.5rem;background: #054275;}
.mkjt-footer .mkjt-footer-menu{display: flex;align-items: unset;justify-content: space-between;}
.mkjt-footer .mkjt-footer-menu>div{border-right: 1px solid #1D5482;float: left;width: 33%;text-align: center;}
.mkjt-footer .mkjt-footer-menu>div:last-child{border-right: none;display: flex; flex-direction: column;justify-content: space-between;}
.mkjt-footer .mkjt-footer-menu p{font-size: 0.9rem;color: #FFF;display: inline-block;}
.mkjt-footer .mkjt-footer-menu ul{display: inline-block;}
.mkjt-footer .mkjt-footer-menu ul li{line-height: 1.7rem;}
.mkjt-footer .mkjt-footer-menu ul li a{color: #B9B9B9;font-size: 0.9rem;}
.mkjt-footer .mkjt-footer-QRCode{margin: 1.5rem 0;}
.mkjt-footer .mkjt-footer-QRCode div{display: inline-block;text-align: center;width: 50%;float: left;}
.mkjt-footer .mkjt-footer-QRCode div img{width: 5rem;height: 5rem;}
.mkjt-footer .mkjt-footer-QRCode div p{font-size: 0.6rem;transform: scale(0.75);color: #FFF;}
.mkjt-footer .mkjt-footer-contact{}
.mkjt-footer .mkjt-footer-contact p{display: inline-block;text-align: center;width: 50%;font-size: 0.9rem;color: #FFF;float: left;}
.mkjt-footer .mkjt-footer-contact p span{display: inline-block;width: 1.8rem;height: 1.8rem;text-align: center;line-height: 1.8rem;margin-right: 0.4rem;background: #009FE8;border-radius: 50%;transform: scale(0.75);}
.mkjt-footer .mkjt-footer-contact p span i{font-size: 0.8rem;}
.mkjt-footer .mkjt-footer-copyright{color: #B9B9B9;font-size: 0.666rem;margin-top: 1.5rem;word-break: break-all;text-align: center;}
.mkjt-footer .mkjt-footer-copyright img{position: relative;width: 0.9rem;margin-right: 0.6rem;}