body {background: #fff;width: 100%;height: 100%;margin: 0px;padding: 0px;box-sizing: border-box;}
   .container{padding-left: 0px;}
	canvas {position: fixed;opacity: 0.8;}
	.title-margin{margin-top:100px ;}
	.lxwm{ width: 100%;}
	.title-margin h1{  text-align: center; margin-top: 50px;margin-bottom: 40px; color: #516caf;font-size: 1.7em;padding-bottom: 15px;}
	.color-white{ font-size: 1.8em; }
	.color-white .ewm{width: 250px; height: 250px; margin:1em auto; box-shadow: 0px 0px 25px #828ecd; border-radius:2%; }
    .color-white p{color: #000; font-size: 0.8em; text-align: center; } 
	.title{width:300px;height:60px;line-height: 25px;background: url(../images/title.png) no-repeat center;
		background-size: 100% 100%;margin-top: 150px;color: white;font-size: 17px;left: 50%;
		position: relative;margin-left: -150px;}
		@media only screen  and (min-width: 800px) and (max-width: 1024px) {
			.color-white .ewm{margin: 0 auto !important;}
		}
		@media only screen  and (min-width: 1000px) and (max-width: 1284px) {
			.line{display: inline-block;width: 70px;}
			.color-white .ewm{width: 100px;height: 100px; margin: 0 !important; }
			.icon-title{font-size: 1.5rem !important;}
			.footerBg{font-size: 1rem !important;}
			.logo{width: 150px !important;}
			.col-md-6{font-size: 1.5rem !important;}
			.bgi img{width: 12% !important;}
		}
		@media only screen  and (min-width: 1284px) and (max-width: 1584px) {
			.color-white .ewm{width: 150px;height: 150px;}
			.icon-title{font-size: 1.5rem ; margin-top: 2em !important;}
			.footerBg{font-size: 1rem !important;}
			.logo{width: 150px !important;}
			.col-md-6{font-size: 2rem !important;}
			.bgi img{width: 12% !important;}
		}
		@media only screen and (min-width: 1000px) and (max-width: 1099px) {
			.icon-title{display: none !important;}
		 }
	@media only screen and (min-width: 100px) and (max-width: 1000px) {
        .footerBg p{ text-align: center;font-size: 1.2em; }
		.font-size-16{font-size: 12px;}
		.font-size-20{font-size: 16px;}
		.cont-img{width: 50px;height: 50px;}
		.title-margin{margin-top: 100px; line-height: 20px;}
		.title-margin h1{ color: #fff; margin-top: 15px; color: #516caf;text-align: center; font-size: 1.8em;}
		.font-size-20{font-size:22px;}
		.hi-icon {width: 50px;height: 50px;margin: 0px 12px;padding: 0px;}
		.color-white .ewm{ box-shadow: 0px 0px 25px #828ecd; border-radius:2%; margin:0 auto;width: 200px;height: 200px; }
		.color-white p{ font-size: 1.0em; }
        .lxwm{ width: 100%; }
		.menu-btn{bottom: 0px;}
		.menu-title{bottom: 35%;}
		.cir-btn{width: 114px;height: 114px;border-radius: 50%;padding:25px 5px 5px 5px;cursor: pointer;margin: 0 auto;margin-top: 5px;}
		.cir-btn-none{float: none;}
		.hi-icon-effect-9 .hi-icon{	width: 60px;height: 60px;line-height: 60px;font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
		.jishao{padding: 80px 70px;position: absolute;top: 0px;}
		.jishao-img{width: 100%;height: 550px;}
		.title{width:300px;height:60px;line-height: 25px;background: url(../images/title.png) no-repeat center;
		background-size: 100% 100%;margin-top: 80px;color: white;font-size: 17px;left: 50%;
		position: relative;margin-left: -150px;}
		.icon-title{margin-top: 3em;}
		.line{display: inline-block;width: 25px;}
		.icon-title{margin-top: 3em;letter-spacing:0.2em;}
	}