@media (max-width: 960px) {
	@media screen and (min-width: 320px) {
		html {
			font-size: 50px
		}
	}
	@media screen and (min-width:360px) {
		html {
			font-size: 56.25px
		}
	}
	@media screen and (min-width:375px) {
		html {
			font-size: 58.59375px;
		}
	}
	@media screen and (min-width:384px) {
		html {
			font-size: 60px
		}
	}
	@media screen and (min-width:400px) {
		html {
			font-size: 62.5px
		}
	}
	@media screen and (min-width:414px) {
		html {
			font-size: 64.6875px;
		}
	}
	@media screen and (min-width:424px) {
		html {
			font-size: 66.25px
		}
	}
	@media screen and (min-width:480px) {
		html {
			font-size: 75px
		}
	}
	@media screen and (min-width:540px) {
		html {
			font-size: 84.375px
		}
	}
	@media screen and (min-width:600px) {
		html {
			font-size: 93.75px
		}
	}
	@media screen and (min-width:640px) {
		html {
			font-size: 100px
		}
	}
	@media screen and (min-width:750px) {
		html {
			font-size: 117px
		}
	}
	@media screen and (min-width:768px) {
		html {
			font-size: 120px
		}
	}
	@media screen and (min-width:960px) {
		html {
			font-size: 150px
		}
	}
	body{width: 100%;overflow-x: hidden;}
	.wrap{width: 100%;}
	.index-banner{min-width: auto; height: 5rem;}
	.swiper-slide{width: 100%; height: auto;}
	
	.mob-menu{display: block;}
	.mob-menu a{display: block;}
	.header{display: none;}
	.mob-header{position: relative;  width: 100%; display: block; height: 56px; z-index: 40;}
	.mob-logo{display: inline-block; width: 104px; height: 21px; background: url(../images/mb_logo.png); background-size: 100% 100%;margin: 18px 0 0 16px;}
	.m-icon{display: inline-block;width: 18px;height: 16px; background: url(../images/menu_icon.png);background-size:100% 100%; float: right; margin: 20px 16px 0 0;}
	.close{background: url(../images/close.png);background-size:100% 100%;}
	.mask{height: 100%; display: none; width: 100%; background: rgba(0,0,0,.3);}
	.mob-menu{width: 100%; margin-top: 10px;  background: #fff;}
	.mob-menu li.current a{color: #cc162e;}
	.mob-menu li{height: 56px; line-height: 56px; border-bottom: 1px solid #f2f5fa; padding-left: 18px; font-size: 18px;}
	.mob-menu li.more{height: auto;}
	.mob-menu li a{color: #111;}
	.second li{border: 0; font-size: 16px; line-height: 45px; height: 45px;}
	.second{margin-bottom: 15px;}
	.fixed{position:fixed; top: 0; left: 0; box-shadow: 0 2px 24px 0 rgb(19 46 81 /  10%); background: #fff;}
	
	.index01 h1{font-size: 32px;padding: 1.7rem 0 0.01rem;}
	.index01 p{font-size: 16px;}
	.index-data{background: #f5f5f5;height: 205px; background: url(../images/mb_data.png); background-size:100% 100%;}
	.index-data ul{width: 90%; margin: 0 auto;}
	.index-data li{width: 50%; text-align: left; margin-top: 20px;}
	.index-data span{font-size: 36px; font-weight: bold;}
	.index-data div{font-size: 14px;}
	.index-data i{font-size: 14px;}
	.index-data i.pl10{right: -27px;}
	
	.index-con h2{font-size: 18px;}
	.index-con {width:94%; margin:30px auto;}
	.index-con li{width: 100%;  height: 175px; float: none;margin-bottom: 10px;  box-sizing: border-box;  padding: 20px 15px 5px; background-size: 100% 100%;}
	.index-con li.con2,.index-con li.con4{margin-left: 0;background-size: 100% 100%;}
	.index-con a{margin-top: 20px;}
	.index-con p{display: none;}
	.index-con p.mob-p {display: block; font-size: 14px; width: 300px;}
	
	
	.partners{margin-bottom: 50px;}
	.bigTitle{font-size: 20px;margin: 40px 0 10px;}
	.partners .wrap{width: 90%; margin: 0 auto;}
	.partners img{width: 90%;height: auto; margin-top: 25px;}
	.gray_8{width: 90%; margin: 0 auto;}
	
	.abo-box,.abo-con{display: none;}
	.about-bg{height: 180px;background-size: 100% 100%;}
	.history img{display: none;}
	.history ul{width: 90%; margin: 0 auto;}
	.history li{width: 100%; margin-left: 0;float: none;}
	.h-line{margin-bottom: 30px;}
	
	.trea-bg{height:210px;font-size: 16px;background: url(../images/mob_treas.png);background-size: 100% 100%;}
	.trea-bg p{margin: 0 20px;}
	.mb-about{color: #fff; text-align: center;}
	.trea-bg h2,.mb-about h2{font-size:24px; padding-top: 60px; margin-bottom: 0.1rem;}
	.mb-about h2{padding-top: 50px;}
	.mb-about,.mob-des{display: block;}
	.mob-des{margin: 30px; line-height: 1.75;}
	.int-bg{background: url(../images/mob_int.png);background-size: 100% 100%;}
	.ment{background: url(../images/mob_ment.png);background-size: 100% 100%;}
	.supply{background: url(../images/mob_supply.png);background-size: 100% 100%;}
	
	
	.abolist {margin: 20px auto 50px;}
	.abolist ul{float: none; display: flex; flex: 1; justify-content:space-between; margin: 20px 16px;}
	.abolist li{margin: 0; display: inline-block; width: 33.33%;}
	.abolist h3{font-size: 16px;}
	.abolist p{font-size: 14px;}
	
	.prsolve{margin: 30px 0;}
	.ps-title{font-size: 20px;margin:0 0 15px 20px;}
	.ps-title span{font-size: 16px;}
	.prsolve .fl{float: none;}
	.p-des{width: 90%; margin: 0 auto;}
	.use-title{margin: 20px 0 0 20px; font-size: 16px;}
	.use p{font-size: 12px;}
	.use{width: 90%; margin: 0 auto;}
	.use li{margin: 15px 20px 0 10px;}
	.use li.ml30{margin-left: 30px;}
	.use li.ml25{margin-left: 27px;}
	.p-img{display: block; float: none; margin:30px auto 30px;width: 4.4rem; height: auto;}
	.left{width: 100%;}
	.use img{display: none;}
	.use img.muse{display: inline-block; width: 32px; height: 32px;}
	
	.chara{padding: 30px 0 20px;margin-bottom: 40px;min-height: 390px; height: auto;}
	.chara .wrap{height: auto;}
	.char-con li{margin-bottom: 15px;}
	.chara .wrap{width: 90%; margin: 0 auto;}
	.chara .ps-title{margin-left: 0;}
	.char-con i{display: none;}
	.char-con img{display: inline-block; float: left; width: 24px; height: auto;margin: 8px 15px 0 0;}
	.char-con img.mt0 ,.cment img{margin-top: 2px;}
	.char-con img.mt8{margin-top: 8px;}
	.c-img{display: none;}
	.chara .char-con{position: static; width: 100%; margin: 0 auto;}
	.char-con p{width: 86%; font-size: 14px;}
	.sup li{margin-bottom: 15px;}
	.char .sup-con{margin-top: 10px;}
	.char-con li{margin-bottom: 15px;}
	
	.case{margin-bottom: 45px; }
	.case ul{width: 94%; margin: 0 auto;}
	.case li{float: left; width: 50%;}
	.case img{width: 100%; height: 100%;}
	.history{margin-bottom: 60px;}
	
	.contact{background: url(../images/mob_contact.png); background-size:100% 100%;}
	.contact p{margin: 0 25px;}
	.map .wrap{width: 100%; background: #fff;height: auto; padding-left: 0;}
	.map img{display: block; width: 100%; height: auto;}
	.cont{width: 90%; margin: 0 auto 20px; padding-top: 0;}
	.cont h2{font-size: 16px; line-height: 1.75;}
	
	.foot{min-width: 3.2rem;}
	.foot .wrap{padding: 30px 20px 0; box-sizing: border-box;}
	.ftmenu{float: none;}
	.int{float: none;}
	.int li{display: inline-block; margin: 30px 0 20px;}
	.int {display: flex;justify-content: space-around;}
	.int img{width: 100px; height: 100px;}
	.ftlogo { display: none; }
	.foot .copyRight{font-size:12px;line-height: 45px; color: #85868a;}
	.foot a{color: #85868a;}
	.t-time span{font-size: 0.32rem;  margin-top: 5px;}
	.t-time{margin-bottom: 15px;}
	}