@charset "utf-8";
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.marginauto {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.linenowrap {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.center {
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
}

@media screen and (max-width: 1900px) {
	
	 .business{ padding-top: 28vh;}
	
}


@media screen and (max-width: 1770px) {
  .navs > li {
    margin-left: 2vw;
  }
  .navs > li > a {
    padding: 0 15px;
  }


 
}
@media screen and (max-width: 1600px) {
  
  .meval-menu-list li {
    margin-right: 30px;
  }
  .navs > li > a {
    font-size: 15px;
  }
	
	.inner{width: 100%; padding: 0 10%; max-width: initial; box-sizing: border-box;}
	.about-ti img{width: 20vw;}
	
  .incon2{ font-size: 28px;}
	
	
}
@media screen and (max-width: 1450px) {
	
	.inner{width: 100%; padding: 0 8%; box-sizing: border-box;max-width: initial;}
	.business{padding-top: 22vh;}
	.index-title h3{font-size: 40px;}
	.business-box .business-btn{width: 18%;}
	.business-box .business-btn li span{font-size: 26px;}
	.business-box .business-btn li{padding: 3.5vh 0;}
	.business-box .business-btn li::after{width: 20px; height: 20px; margin-right: -10px; margin-top: -10px;}
	.business-box-lunbo{width: 72%;}
	.about-us-box .text .h1{margin-bottom: 0;}
	
	
	.about-ti img{width: 18vw;}
	.about-us-box{padding: 4vw 0;}
	.about-us-box .text .more{margin-top: 4vh;}
	
  .navs-menu {
    top: 80px;
  }

  .header,
  .mtop {
    height: 80px;
  }
 
  .header {
    padding: 0 5%;
  }
  .navs > li {
    margin-left: 1.5vw;
  }
  .navs > li > a {
    line-height: 80px;
  }
  .banner__text img {
    height: 50px;
  }
  .banner__text small {
    margin: 20px 0;
    font-size: 18px;
  }
  .banner__text p {
    font-size: 28px;
  }
  .banner__text {
    left: 5%;
  }
  
  
  
  
  .cooperate-title strong {
    font-size: 30px;
  }
  .cooperate {
    padding: 100px 5% 50px;
  }

  .ptext strong {
    margin-bottom: 20px;
    font-size: 42px;
  }
  .ptext small {
    font-size: 20px;
  }
  
  .leval-menu {
    padding: 0 5%;
  }
  .meval-menu-list li a,
  .posites a {
    font-size: 14px;
  }
  
  .news-boxs {
    padding: 80px 5%;
  }
  .view-prev {
    margin-top: 70px;
  }
  .p60-0{ padding: 50px 0;}
  .indexSection1 ul{ margin: 50px 0;}
  .indexSection1 ul li{    padding: 50px 16px;}
  .indexImg{ width: 400px;}
  .incon2{ font-size: 26px;}
}
@media screen and (max-width: 1350px) {
 .inner{width: 100%; padding: 0 6%; box-sizing: border-box;}
 .index-title h3{font-size: 38px;}
 .index-title p{font-size: 18px;}
  .logo {
    width: 25vw;
  }
  .navs > li {
    margin-left: 2vw;
  }
  .incon2{ font-size: 24px;}
}
@media screen and (max-width: 1240px) {
	.inner{width: 100%; padding: 0 5%; box-sizing: border-box;}
	.advantage-box .item .text h2{font-size: 22px;}
	.advantage-box .item .text .info{padding: 0;}
	.advantage-box .item2 .text{padding: 3% 4%;}
	.advantage{padding-bottom: 20px;}
	
  .footer-navs li a {
    font-size: 14px;
  }
 
  .news-wraps {
    width: 90%;
  }
  .logo {
    width: 22vw;
  }
  .incon2{ font-size: 22px; margin: 15px 0;}
}
@media screen and (max-width: 1200px) {
  .header {
    padding: 0 20px;
  }
 
  .meval-menu-list li {
    margin-right: 20px;
  }
  
  .index-title h3{font-size: 36px; margin-bottom: 0;}
	.index-title p{font-size: 16px;}
	.business-box .business-btn li span{font-size: 24px;}
	.partner_list li{width:calc(100%/5); width: -webkit-calc(100%/5); width: -moz-calc(100%/5);}

  .indexImgd{ width: 40%;}
  .indexTxt{ width: 55%;}

  .indexSection4 li{margin-top: 30px;}
	
}
@media screen and (max-width: 1100px) {
  .navs > li {
    margin-left: 6px;
  }

  
  
}
@media screen and (max-width: 1024px) {
  .header-right {
    display: none;
  }
  .menubtn {
    display: block;
  }
  .header,
  .mtop {
    height: 70px;
  }
  .header {
    padding: 0;
    padding-left: 5%;
  }
  .logo {
    width: 300px;
  }
  .banner-swiper,
  .banner-slide figure {
    height: auto !important;
  }
  .banner-slide figure img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
  }
  .banner-box {
    height: auto;
  }
  .banner__text {
    position: relative;
    top: 0;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 55px 5% 80px;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    background: -webkit-linear-gradient(116deg, #43A2DB, #DC87B3);
    background: -moz-linear-gradient(116deg, #43A2DB, #DC87B3);
    background: -o-linear-gradient(116deg, #43A2DB, #DC87B3);
    background: linear-gradient(-26deg, #43A2DB, #DC87B3);
  }
  .banner .swiper-pagination {
    bottom: 20px;
  }
  .banner__text img {
    height: 40px;
  }
  .banner__text small {
    font-size: 16px;
  }
  .banner__text p {
    font-size: 22px;
  }
  
 
 

  
  .meval-menu-list li {
    margin-right: 40px;
  }
  .ptext strong {
    font-size: 30px;
  }
  .ptext small {
    font-size: 16px;
  }
  
  
 
  .news-boxs {
    padding: 60px 5%;
  }
  .n-slide a {
    display: block;
  }
  
  .views {
    width: 100%;
  }
  .news-view {
    padding: 60px 0 40px;
  }
  .view-top strong {
    margin-bottom: 24px;
    font-size: 22px;
  }
  .view-texts {
    font-size: 14px;
  }
  .view-flex {
    width: 100%;
    margin-top: 30px;
  }
  .view-prev {
    margin-top: 40px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .view-info {
    margin-bottom: 0;
  }
  .view-time {
    display: none;
  }
 
  
  .leval-menu1 {
    display: none;
  }
 
 
 
  .leval-menu {
    overflow-x: auto;
    box-sizing: border-box;
    width: 100%;
  }
  .meval-menu-list {
    display: inline-flex;
    display: inline-flexbox;
  }
  .meval-menu-list li a {
    white-space: nowrap;
  }
  .leval-menu::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #c1d7ed;
  }
  .leval-menu::-webkit-scrollbar-track {
    width: 2px;
    height: 2px;
    background-color: #c1d7ed;
  }
  .leval-menu::-webkit-scrollbar-thumb {
    background-color: #095db7;
  }
  html {
    overflow: auto;
  }
  
  .business-box{flex-direction: column;}
  .business-box .business-btn{width: 100%; display: flex; justify-content: space-around; padding-top: 0; padding-bottom: 2%;}
  .business-box .business-btn li::after{top: 0;margin-top:-10px; right: 50%;}
  .business-box .business-btn li.active::after{border: 2px solid #fff; width: 16px;height: 16px;}
  .business-box .business-btn::after{width: 100%; height: 1px;}
  .business-box-lunbo{width: 100%;}
  
  .advantage{background: #f4f5f9;}
  .advantage-box .item{background: #ffffff;}
  .advantage-box .item .text{padding: 3% 4%;}
  .advantage::after{background: none;} 
  .advantage-box .item .text h3{display: none;}
  
  .news-box li{width: 49%; margin-left: 2%;}
  .news-box li:nth-child(3n+1){margin-left: 2%;}
  .news-box li:nth-child(2n+1){margin-left: 0;}
  
  .pagebusiness-list li .text h3{font-size: 24px;}
  
  .pageNewsD .inner{flex-direction: column;}
  .pageNewsD .contBox{width: 100%; margin-top: 30px; margin-bottom: 20px;}
  .pageNewsD .contBox .title{font-size: 26px;}
  .pageNewsD .newsD{display: none;}
  
  .partner_list li{width:calc(100%/4); width: -webkit-calc(100%/4); width: -moz-calc(100%/4);}
  	.partner{margin-bottom: 60px;}

    .indexSection1 ul{ margin: 35px 0;}
    .indexSection1 ul li{ margin: 0 10px ; font-size: 16px; }
   
    .indexSection4 li{     margin: 0 15px; margin-top: 25px;}
    .indexSection4 li div:first-child{    padding: 0 32px;}
}
@media screen and (max-width: 861px) {
  .news-slide a {
    display: block;
  }
  .news-imgs {
    width: 100%;
  }
  .news-text {
    width: 100%;
    padding-top: 30px;
  }
  
  .about-us-box{flex-direction: column;}
  .about-us-box .text{width: 100%; padding: 0;}
  .about-us-box .left{display: none;}
  .about-us-box .text .h1{font-size: 24px;}
  .about-us-box .text .info{padding: 20px 0;}
  .about-us::after{background: none;}
  .about-us-box .text .more{height: 45px; line-height: 45px; margin-top: 2vh;}
   .pagebusiness-list li{background: #f5f5f5;}
   .pagebusiness-list li .text {padding: .8rem;}
  .pagebusiness-list li .text h3{font-size: 20px;}

  .indexSection2 .inner,.indexSection3 .inner{ flex-direction: column;}
  .indexImg{ width: 100%;}
  .indexTxt{ width: 100%}
  .incon1{    font-size: 18px;    width: 150px;    height: 40px;}
  .incon2{ font-size: 19px;}
  .incon3{ line-height: 1.8;}
  .incon4{    font-size: 14px;width: 140px;    height: 38px;    margin-top: 15px;    float: right;}

 

  
}
@media screen and (max-width: 750px) {
		.inner{width: 100%; padding: 0 3%; box-sizing: border-box;}
	.about-us-box .text .h1{font-size: 20px;}
	.about-us-box{padding: 20px 0 40px;}
	.about-us-box .text .info{padding: 10px 0;}
	 .business{margin-top: 0; padding-top: 0; background: url(../images/mxm-bg1.jpg) no-repeat; padding-bottom: 4vh;}
  .index-title h3{font-size: 24px;}
  /* .index-title{padding: 20px 0 } */
  .business-box .business-btn{margin-top: 20px;}
  .business-box .business-btn li span{font-size: 16px;}
  .advantage-box .item{flex-direction: column;}
  .advantage-box .item .img{width: 100%;}
  .advantage-box .item .text{width: 100%;}
  .advantage-box .item .text h2{font-size: 16px;}
  .advantage-box .item .text .info p{line-height: 2;}
  .advantage-box .item2::after{background: none; width: 100%;}
  .advantage-box .item .text .info{height: 5rem; margin-bottom: 1rem; overflow: hidden;}
  .news-box{flex-direction: column;}
  .news-box li{width: 100%; margin-left: 0; margin-bottom: 15px;}
  .news-box li a{display: flex; display: -webkit-flex;}
  .news-box li .img{width: 40%;}
  .news-box li .text{width: 60%; padding: .5rem;}
  .news-box li .text h3{font-size: 16px;}
  .news-box li .text p{font-size: 12px; margin-top: 5px;}
  .footer .footer-logo{padding: 1rem 0;}
  .footer .footer-logo img{height: 6rem;}
  .footer .footer-text{padding: 1rem 0;}
  .footer .footer-text .ft-erweima{margin-top: 1rem; height: 5rem;}
  .footer .footer-text .ft-erweima img{height: 100%;}
  .footer .footer-nav a{font-size: 14px;}
  
  .banner-box{display: none;}
	.mobilebanner-box{display: block;}
	
	.main-box{padding: 1rem 0;}
	.news-box li:nth-child(3n+1){margin-left: 0;}
	.paging{display: none;}
	.mopaging{display: block; padding: 0;}
	
	.pagebusiness-list li .text h3{font-size: 16px;}
	.pagebusiness-list li .text p{font-size: 12px;}
	.pagebusiness-list li{margin-bottom: .8rem;}
	.pagebusiness-list{padding-bottom: 0;}
	
	.pageNewsD .contBox .title{font-size: 18px;}
	.pageNewsD .contBox .top{padding: 1rem;}
	.pageNewsD .contBox .time .Right{display: none;}
	.pageNewsD .contBox .text{padding: 1rem; line-height: 2;}
	.pageNewsD .contBox .text p{margin-bottom: 10px; color: #666666;}
	.pageNewsD .contBox .time{padding: 5px 0;}
	.pageNewsD .contBox .time .Left span{font-size: 12px; color: #888888;}
	.pageNewsD .contBox .bot{flex-direction: column; padding: 1rem;}
	.pageNewsD .contBox .bot .link{width: 100%;}
	.pageNewsD .contBox .bot .back{margin-top: .5rem;}
	.pageNewsD .contBox .bot .link a{line-height: 35px;}
	
	.partner_list li{width:calc(100%/3); width: -webkit-calc(100%/3); width: -moz-calc(100%/3);}
	
	.partner{margin-bottom: 30px;}
  .indexSection1 ul{ flex-wrap: wrap; margin: 25px 0;}
  .indexSection1 ul li{    flex: 1 33.3%; display: flex; align-items: center; justify-content: center; padding: 5px 15px; margin-bottom: 20px; text-align: center; font-size: 14px;}
  .f16{ font-size: 14px;}
  .p60-0{ padding: 35px 0;}

  .indexSection4 li{    margin-top: 15px;}
  .indexSection4 li div:first-child{font-size: 14px;
    height: 35px;
    line-height: 35px;    padding: 0 20px;}
    .indexSection4 li div:last-child{ font-size: 12px;}
}
@media screen and (max-width: 641px) {
  .banner__text {
    padding: 30px 5% 60px;
  }
  .banner__text img {
    height: 30px;
  }
  .banner__text small {
    margin: 14px 0;
    font-size: 14px;
  }
  .banner__text p {
    font-size: 20px;
  }
  
  .z_index_more i {
    font-size: 14px;
  }
  .banner .swiper-pagination .swiper-pagination-bullet {
    margin: 0 10px;
  }
 
 
  .more {
    margin-top: 30px;
  }
 
  
 
  .meval-menu-list li:last-child {
    margin-right: 0;
  }
 
  .leval-menu {
    -webkit-justify-content: inherit;
    -moz-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
  }
  .meval-menu-list {
    width: 100%;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .meval-menu-list li {
    margin-right: 20px;
  }
  .waves-svg {
    height: 100px;
  }
  .ptext strong {
    font-size: 24px;
  }
  
  .news-boxs {
    padding: 50px 5%;
  }
  
  
  .p60-0{ padding: 22px 0;}
  .indexSection1 ul{    margin: 25px 0 0;}
 
}
@media screen and (max-width: 481px) {
  .logo {
    width: 260px;
  }
  .pabnner figure {
    padding-bottom: 150px;
  }
  .pabnner figure img {
    width: auto;
    left: 50%;
    margin-left: -288px;
  }
 
  
  .banner__text__warp {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
 
  
  .header {
    height: 60px;
  }
  .logo {
    width: 230px;
  }
  .menubtn {
    width: 60px;
    height: 60px;
  }
  .mtop {
    height: 60px;
  }
  .menubtn span {
    margin-left: 17px;
    margin-top: 30px;
  }
  
  .pages a.w1 {
    width: 50px;
  }
  
  .pages a {
    margin-right: 5px;
  }
  
  .row {
    display: block;
  }
  .row .text {
    width: 100%;
  }
}