@media screen and (max-width: 800px) {
	* {
		font-size: 12px;
	}
	#bloc #header #nav .item {
		display: none;
	}
	#bloc #header #nav .mobItem {
		display: block;
		box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.12);
	}
	#bloc #header #nav .mobItem::before {
		content: "";
		position: absolute;
		background: url(../images/company-logo.png) no-repeat center;
		background-size: contain;
		z-index: 0;
		width: 48px;
		height: 48px;
		left: 10px;
	}

	#bloc #header #logo {
		margin-top: 56px;
	}
	#bloc #header #logo > img {
		margin: 0 10px;
		margin-top: 24px;
	}
	#bloc #header #nav {
		height: auto;
	}
	#index {
		height: 1400px;
	}
	#index .row {
		height: 1440px;
		width: 100%;
		left: 0;
	}
	#index .row .leftCol {
		width: 100%;
		height: 680px;
		padding: 0 5%;
		margin-left: 0;
	}
	#index .row .leftCol .msg {
		width: 100%;
	}
	#index .row .rightCol {
		width: 100%;
		height: 720px;
	}
	#index .row .rightCol .box1 {
		width: 100%;
		max-width: 547px;
		position: relative;
		margin: auto;
		margin-top: 75px;
	}
	#index .row .rightCol .box1:after {
		display: none;
	}
	#index .row .rightCol .box1 .box2 .c_top {
		top: -20px;
	}
	#index .row .rightCol .box1 .box2 .c_bottom {
		bottom: -20px;
	}
	#intro .box .part .row1 .leftCol {
		height: 370px;
	}
	#intro .box .part .row1 .leftCol,
	#intro .box .part .row1 .rightCol {
		width: 100%;
	}
	#intro .box .part .row1 .leftCol .picBox {
		left: 5%;
	}
	#intro .box .part .row1 .rightCol .msg,
	#intro .box .part .row2 .msg,
	#contact .row .rowMain .topTitle {
		padding: 0 5%;
		width: 100%;
	}
	#intro .box .part .row2 p {
		line-height: 24px;
	}
	#intro .box .part .row3 .leftCol p,
	#intro .box .part .row3 .rightCol p {
		text-align: center;
	}
	#intro .box .part .row1 .rightCol p {
		line-height: 30px;
	}
	#intro .box .part .row3 .leftCol,
	#intro .box .part .row3 .RightCol {
		width: 100%;
	}
	#intro .box .part .row4 p,
	#business .box .part .row4 p {
		line-height: 28px;
		max-height: 240px;
		overflow: hidden;
	}
	#business .box .part .row2,
	#business .box .part .row3,
	#business .box .part3 .row .rowMain .contact {
		height: auto;
	}
	#business .box .part .row2 .list {
		width: 100%;
		height: 520px;
	}
	#business .box .part .row2 .list .msg {
		padding: 0 4%;
	}
	#business .box .part .row2 .list .msgContent .circleBg {
		background-size: 100%;
	}
	#business .box .part .row3 .list {
		width: 100%;
		height: 300px;
	}
	#business .box .part3 .row .rowMain .contact .con_list {
		width: 50%;
		height: 250px;
	}
	#business .box .part3 .row .rowMain .contact:before,
	#business .box .part3 .row .rowMain .contact:after {
		display: none;
	}
	#business .box .part3 .row .rowMain .contact .con_list:last-child {
		margin-left: 25%;
	}
	#contact .row .rowMain .topTitle {
		text-align: center;
	}
	#contact .row .rowMain .con_main {
		padding: 0 5%;
	}
	#contact .row .rowMain .con_main .con_msg {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #ccc;
		padding: 1.6rem 20px;
	}
	#contact .row .rowMain .con_main .con_msg .ma {
		right: 0;
	}
	#contact .row .rowMain .con_main .Tmsg {
		display: block;
		float: none;
		min-height: 3.4rem;
		height: auto;
		margin-right: 0;
		font-size: 1.28rem;
	}
	#contact .row .rowMain .con_main .Tmsg > a {
		font-size: 1.28rem;
		height: auto;
	}
	#contact .row .rowMain .con_main .Tmsg > a > i {
		height: auto;
	}
	#contact .row .rowMain .con_main .Tmsg > i {
		height: auto;
	}
	#business .box .part .row2 .list .msg {
		max-width: 400px;
		margin: auto;
	}
	#business .box .part3 .row .rowMain .list h5 {
		min-height: 50px;
		line-height: 25px;
	}
	#business .box .part .row3 .list .iconBox {
		transform: translateY(-50%) scale(0.7);
		-webkit-transform: translateY(-50%) scale(0.7);
		-moz-transform: translateY(-50%) scale(0.7);
		-o-transform: translateY(-50%) scale(0.7);
	}
	#business .box .part .row3 .list .msg p {
		line-height: 24px;
	}
	.app {
		display: inline-block;
	}
	.pc {
		display: none;
	}
}
@media screen and (max-width: 375px) {
	#bloc #header #logo > img {
		margin: 0 3px;
		margin-top: 24px;
	}
}