@-ms-viewport {width:device-width;}

@font-face{font-family:"Roboto-Bold";src:url("../fonts/Roboto-Bold.ttf");font-style: normal;font-display: swap;}
@font-face{font-family:"Roboto-Regular";src:url("../fonts/Roboto-Regular.ttf");font-style: normal;font-display: swap;}
html {box-sizing:border-box;-ms-overflow-style:scrollbar}
*,*::before,*::after {box-sizing:inherit;}
.container {margin-left:auto;margin-right:auto;min-width:960px;padding-left:15px;padding-right:15px;width:100%;}
@media only screen and (min-width:1200px) {.container {max-width:1170px}}

.row {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}
.no-gutters {margin-left:0; margin-right:0;}
.align-items-center {align-items:center !important;-ms-flex-align:center !important;}
.justify-content-center {-ms-flex-pack:center !important;justify-content:center !important;}
.no-gutters > .col,.no-gutters > [class*=col-] {padding-left:0;    padding-right:0;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,.col,.col-auto,.col-5ths {min-height:1px;padding-left:15px;    padding-right:15px;position:relative;width:100%;}
.col {flex-basis:0;flex-grow:1;-ms-flex-positive:1;-ms-flex-preferred-size:0;max-width:100%}
.col-auto {-ms-flex:0 0 auto;flex:0 0 auto;max-width:none;    width:auto;}
.col-1 {-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2 {-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3 {-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4 {-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5 {-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6 {-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7 {-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8 {-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9 {-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10 {-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11 {-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12 {-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-5ths {-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
body {background-color:#fff;font-family:Microsoft Yahei,Arial,sans-serif;font-size:14px;line-height:1.5;margin:0;min-width:992px;padding:0;}
h1,h2,h3,h4 {font-weight:400;line-height:1;margin:0;}
h2 {color:#333;font-size:36px;font-weight:700;}
h3 {color:#333;font-size:24px;font-weight:700;}
h4 {color:#333;font-size:18px;}
a {color:#212121;text-decoration:none;}
a:hover,a:active,a.active {color:#ffc107;}
ul {list-style:none;margin:0;padding:0}
p {color:#525a66;}
small {font-size:16px;}
.img-fluid {height:auto; max-width:100%;}
.talk {cursor:pointer;}

.media {display:table;line-height:0;overflow:hidden;position:relative;}
.lazyimg {-moz-transition:all 1s;-webkit-transition:all 1s;transition:all 1s;    transition-duration:.5s;width:100%;}
.lazyimg:hover {-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);    -webkit-transform:scale(1.2);transform:scale(1.2);}
img {border:0;}

.mk-banner{overflow:hidden;max-width: 1920px;margin-left: auto;margin-right: auto;}

.mk-jianjie{background-color: #eaf6fd;padding-bottom:20px;}
.mk-jianjie h2{font-family:Roboto-Bold,Helvetica,Arial;color:#000f24;padding-bottom:10px;font-size:30px;  font-weight: inherit;}
.mk-jianjie p{font-family:Roboto-Regular,Helvetica,Arial;font-size:14px;line-height: 1.78;margin-top:20px;}

.mk-zucheng {padding-top:60px;background-color:#ffffff;padding-bottom:50px;}
.mk-zucheng .title h2 {font-family:Roboto-Bold,Helvetica,Arial;color:#000f24;font-size:30px;  font-weight: inherit;text-align:center;margin-bottom:20px;}
.mk-zucheng .title span {font-family:Roboto-Regular,Helvetica,Arial;max-width:80%;font-size:14px;line-height:1.5;display:block;margin-left:auto;margin-right:auto;text-align:center;}
.mk-zucheng .body{position: relative; overflow: hidden; max-width: 1920px; margin-left: auto; margin-right: auto;margin-top:30px;}
.mk-zucheng .body .swiper-zucheng-list .swiper-slide {text-align: center;padding: 10px 0;cursor: pointer;line-height: 1.2;transition: 300ms;}
.mk-zucheng .body .swiper-zucheng-list .swiper-slide span{font-family:Roboto-Regular,Helvetica,Arial;color: #525a66;font-size: 14px;}
.mk-zucheng .body .swiper-zucheng-list .swiper-slide.swiper-slide-active span{font-family:Roboto-Bold,Helvetica,Arial;color: #000f24;}


.mk-zucheng .body .swiper-zucheng .swiper-slide.swiper-slide-prev,.mk-zucheng .body .swiper-zucheng .swiper-slide.swiper-slide-next {    transition: 500ms;transform: scale(0.5);}
  .mk-zucheng .body .swiper-zucheng .swiper-slide.swiper-slide-active,.mk-zucheng .body .swiper-zucheng .swiper-slide.swiper-slide-duplicate-active{transform: scale(1);transition: 500ms;}




.mk-gongyi{padding-top:60px;padding-bottom:40px;background-color: #eaf6fd;}
.mk-gongyi .title h2 {font-family:Roboto-Bold,Helvetica,Arial;color:#000f24;font-size:30px;  font-weight: inherit;text-align:center;}
.mk-gongyi .mk-gongyi-tabs{border: solid 1px #c4dcf4;margin-top:30px;}
.mk-gongyi .mk-gongyi-tabs_item{text-align: center;color: #525a66;font-size: 18px;cursor: pointer;font-family:Roboto-Regular,Helvetica,Arial;line-height: 1.2;padding:15px;transition: all 0.2s ease;}
.mk-gongyi .mk-gongyi-tabs_item.active{background-color: #3671cf;color:#ffffff;}
.mk-gongyi_content .item {display: none;margin-top:40px;}
.mk-gongyi_content .item:nth-of-type(1) {display: block;}
.mk-gongyi_content .item span{text-align: center;display: block;padding:20px;color: #525a66;font-size: 14px;}

.mk-youshi{background-color: #ffffff;background-image: url(../images/advantage_bg.jpg);background-position: left 60px;background-repeat: no-repeat;padding-top: 60px;padding-bottom: 60px;}
.mk-youshi .title h2 {font-family:Roboto-Bold,Helvetica,Arial;color:#000f24;font-size:30px;  font-weight: inherit;}
.mk-youshi .words{width: 60%;float: right;background-color: #ffffff;}
.mk-youshi .body{margin-top:35px;}
.mk-youshi .body .item{border-bottom: 1px solid #ffffff;}
.mk-youshi .body .item .item-title{cursor: pointer;font-family:Roboto-Regular,Helvetica,Arial;font-size: 18px;padding:20px;background-color: #eaf6fd;color: #000f24;line-height: 1;transition: all 0.2s ease;}
.mk-youshi .body .item .item-title span{line-height:1;display: inline-block;vertical-align: middle;}
.mk-youshi .body .item .item-title i{margin-left:30px;background-image: url(../images/ico_more_default.png);background-size: 100% 100%;width: 20px;height: 20px;display: inline-block;vertical-align: middle;}
.mk-youshi .body .item.show .item-title i{background-image: url(../images/ico_more.png);}
.mk-youshi .body .item.show .item-title{background-color: #3671cf;color: #ffffff;}
.mk-youshi .body .item .item-body{color: #525a66;padding: 0px 20px;height:0;font-family:Roboto-Regular,Helvetica,Arial;    text-align: justify; overflow: hidden;transition: all 0.2s ease;}
.mk-youshi .body .item.show .item-body{height:130px;padding: 25px 20px 20px;}

.mk-box {background-color: #eaf6fd;}
.mk-box.form-x .formBox h3{font-family:Roboto-Bold,Helvetica,Arial;color:#000f24;font-size:30px;  font-weight: inherit;line-height: 1;}
.mk-box.form-x .formBox p{font-family:Roboto-Regular,Helvetica,Arial;letter-spacing:-0.4px;color: #525a66;margin-top:40px;margin-bottom:20px;}

.form-2021 .formBox form input{background-color: #eaf6fd;font-family:Roboto-Regular,Helvetica,Arial;}
.form-mofen .formBox form .textBox textarea{background-color: #eaf6fd;font-family:Roboto-Regular,Helvetica,Arial;}
.form-2021 .formBox form .imBox .imtypeBox span,.form-2021 .formBox form .imBox .imtypeBox select option,.form-mofen .formBox form .btn-submit{font-family:Roboto-Regular,Helvetica,Arial;}

.swiper-button-prev{background-image: url(../images/arrow_left.png);background-size: 100% 100%;}
.swiper-button-next{background-image: url(../images/arrow_right.png);background-size: 100% 100%;}
.swiper-button-prev,.swiper-button-next{width: 24px;height: 38px;top:48%;}
.swiper-button-next::after, .swiper-button-prev::after{display:none;}

#footer h2,.footer-right{margin-top:30px;margin-bottom:30px;}

@media only screen and (min-width:1200px) {

	.mk-jianjie h2{font-size:30px;}
	.mk-jianjie p{font-size:16px;line-height:1.75;}
    .mk-zucheng{padding-top:80px;padding-bottom:60px;}
    .mk-zucheng .title h2 {font-size:36px;margin-bottom:33px;}
	.mk-zucheng .title span {font-size:16px;}
    .mk-zucheng .body{margin-top:40px;}
    .mk-zucheng .body .swiper-zucheng-list .swiper-slide span{font-size:16px;}
    .mk-zucheng .body .swiper-zucheng-list .swiper-slide{padding:20px 0;}

    .mk-gongyi{padding-top:80px;padding-bottom:60px;}
    .mk-gongyi_content .item span{font-size: 16px;}

    .mk-youshi{padding-top:80px;padding-bottom:80px;background-position: left 80px;}
    .mk-youshi .words{width: 50%;}
    .mk-youshi .body .item .item-title{font-size: 20px;}
    .mk-youshi .body .item.show .item-body{height:140px;}
    .mk-youshi .body .item .item-body p{font-size: 16px;}
    
    
.mk-box.form-x .formBox h3{font-size:36px;}
.form-2021{padding-top:80px;padding-bottom:80px;}

.swiper-button-prev,.swiper-button-next{width: 44px;height: 64px;top:38%;}


}

@media only screen and (min-width:1600px) {
	.mk-jianjie h2,
    .mk-zucheng .title h2,
    .mk-youshi .title h2,
    .mk-gongyi .title h2,
    .mk-box.form-x .formBox h3{font-size:40px;}
    .mk-gongyi_content .item span{font-size: 18px;}
    .mk-youshi .body .item .item-title{font-size: 24px;}
    .mk-gongyi .mk-gongyi-tabs_item{font-size:24px;}
}