@charset "utf-8";

/* CSS Document */
@media screen and (min-width: 768px) {
.top {
	display: block;
}
.top_m {
	display: none;
}
.casen {
	width: 1200px;
	height: auto;
	overflow: hidden;
}
.c_left {
	width: 470px;
	padding-left: 110px;
	float: left;
	margin-right: 20px;
}
.c_right {
	width: 600px;
	float: right;
	padding-top: 100px;
}
.c_left2 {
	width: 470px;
	padding-right: 110px;
	float: left;
	margin-right: 20px;
}
.c_right2 {
	width: 600px;
	float: left;
	padding-top: 100px;
}
.c_h1 {
	font-size: 30px;
	line-height: 70px;
	margin-bottom: 30px;
	padding-top: 130px;
	font-weight: normal;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.casen p {
	font-size: 16px;
	line-height: 26px;
	display: block;
	height: 170px;
	position: relative;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.but1 {
	width: 150px;
	height: 42px;
	float: left;
	margin-right: 25px;
	border-radius: 21px;
	line-height: 42px;
	background-color: #ddd;
	cursor: pointer;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.but2 {
	width: 150px;
	height: 42px;
	float: left;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border-radius: 21px;
	line-height: 42px;
	background-color: #ddd;
	cursor: pointer;
}
.fa-apple {
	font-size: 24px;
	margin-right: 5px;
	display: inline-block;
	float: left;
	margin-left: 33px;
	margin-top: 7px;
}
.fa-android {
	font-size: 24px;
	margin-right: 5px;
	display: inline-block;
	float: left;
	margin-left: 33px;
	margin-top: 7px;
}
.casen i {
	-moz-transition: all 0s ease-in-out;
	-webkit-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}
.case1 {
	width: 100%;
	height: 670px;
	overflow: hidden;
	background-color: #eef2f5;
	color: #028dee;
	margin-top: 80px;
}
.case1 .but1 a, .case1 .but2 a {
	color: #fff;
	text-decoration: none;
}
.case1 .but1:hover, .case1 .but2:hover {
	background-color: transparent;
	border: solid 1px #028dee;
	box-shadow: 0px 0px 15px rgba(101,192,255,0.3);
}
.case1 .but1:hover a, .case1 .but2:hover a {
	color: #028dee;
	text-decoration: none;
}
.case1 .but1, .case1 .but2 {
	color: #fff;
	background-color: #028dee;
	border: solid 1px #028dee;
}
.case1 img {
}
.case1 h1 {
}
.case1 p {
}
.case1 .but1, .case1 .but2 {
}
.case2 {
	width: 100%;
	height: 670px;
	overflow: hidden;
	background-color: #fafafa;
	color: #ff8100;
}
.case2 .but1, .case2 .but2 {
	color: #fff;
	background-color: #ff8100;
	border: solid 1px #ff8100;
}
.case2 .but1 a, .case2 .but2 a {
	color: #fff;
	text-decoration: none;
}
.case2 .but1:hover, .case2 .but2:hover {
	background-color: transparent;
	border: solid 1px #ff8100;
	box-shadow: 0px 0px 15px rgba(101,192,255,0.3);
}
.case2 .but1:hover a, .case2 .but2:hover a {
	color: #ff8100;
	text-decoration: none;
}
.case2 img {
}
.case2 h1 {
}
.case2 p {
}
.case2 .but1, .case2 .but2 {
}
.case3 {
	width: 100%;
	height: 670px;
	overflow: hidden;
	background-color: #eef2f5;
	color: #028dee;
}
.case3 .but1, .case3 .but2 {
	color: #fff;
	background-color: #028dee;
	border: solid 1px #028dee;
}
.case3 .but1 a, .case3 .but2 a {
	color: #fff;
	text-decoration: none;
}
.case3 .but1:hover, .case3 .but2:hover {
	background-color: transparent;
	border: solid 1px #028dee;
	box-shadow: 0px 0px 15px rgba(101,192,255,0.3);
}
.case3 .but1:hover a, .case3 .but2:hover a {
	color: #028dee;
	text-decoration: none;
}
.case3 img {
}
.case3 h1 {
}
.case3 p {
}
.case3 .but1, .case3 .but2 {
}
.case4 {
	width: 100%;
	height: 670px;
	overflow: hidden;
	background-color: #fafafa;
	color: #ff5555;
}
.case4 .but1, .case4 .but2 {
	color: #fff;
	background-color: #ff5555;
	border: solid 1px #ff5555;
}
.case4 .but1 a, .case4 .but2 a {
	color: #fff;
	text-decoration: none;
}
.case4 .but1:hover, .case4 .but2:hover {
	background-color: transparent;
	border: solid 1px #ff5555;
	box-shadow: 0px 0px 15px rgba(101,192,255,0.3);
}
.case4 .but1:hover a, .case4 .but2:hover a {
	color: #ff5555;
	text-decoration: none;
}
.case4 img {
}
.case4 h1 {
}
.case4 p {
}
.case4 .but1, .case4 .but2 {
}
.case5 {
	width: 100%;
	height: 670px;
	overflow: hidden;
	background-color: #eef2f5;
	color: #3b3b3b;
}
.case5 .but1, .case5 .but2 {
	color: #fff;
	background-color: #3b3b3b;
	border: solid 1px #3b3b3b;
}
.case5 .but1 a, .case5 .but2 a {
	color: #fff;
	text-decoration: none;
}
.case5 .but1:hover, .case5 .but2:hover {
	background-color: transparent;
	border: solid 1px #3b3b3b;
	box-shadow: 0px 0px 15px rgba(101,192,255,0.3);
}
.case5 .but1:hover a, .case5 .but2:hover a {
	color: #3b3b3b;
	text-decoration: none;
}
.case5 img {
}
.case5 h1 {
}
.case5 p {
}
.case5 .but1, .case5 .but2 {
}
	
.case6 {
	width: 100%;
	height: 670px;
	overflow: hidden;
	background-color: #fafafa;
	color: #ff5555;
}
.case6 .but1, .case6 .but2 {
	color: #fff;
	background-color: #ff5555;
	border: solid 1px #ff5555;
}
.case6 .but1 a, .case6 .but2 a {
	color: #fff;
	text-decoration: none;
}
.case6 .but1:hover, .case6 .but2:hover {
	background-color: transparent;
	border: solid 1px #ff5555;
	box-shadow: 0px 0px 15px rgba(101,192,255,0.3);
}
.case6 .but1:hover a, .case6 .but2:hover a {
	color: #ff5555;
	text-decoration: none;
}

.case7 {
	width: 100%;
	height: 670px;
	overflow: hidden;
	background-color: #eef2f5;
	color: #3b3b3b;
}
.case7 .but1, .case7 .but2 {
	color: #fff;
	background-color: #3b3b3b;
	border: solid 1px #3b3b3b;
}
.case7 .but1 a, .case7 .but2 a {
	color: #fff;
	text-decoration: none;
}
.case7 .but1:hover, .case7 .but2:hover {
	background-color: transparent;
	border: solid 1px #3b3b3b;
	box-shadow: 0px 0px 15px rgba(101,192,255,0.3);
}
.case7 .but1:hover a, .case7 .but2:hover a {
	color: #3b3b3b;
	text-decoration: none;
}
.cur img {
	opacity: 1;
	margin-left: 0px;
	margin-right: 0px;
}
.cur h1 {
	letter-spacing: 0px;
	opacity: 1;
}
.cur p {
	margin-left: 0px;
	opacity: 1;
}
.cur .but1, .cur .but2 {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
}
}

@media screen and (max-width: 768px) {
.top {
	display: none;
}
.top_m {
	width: 100%;
	height: 12vw;
	background-color: #fff;
	overflow: hidden;
}
.nav_mm {
	float: right;
	width: 7vw;
	height: 7vw;
	margin-top: 2.5vw;
	margin-right: 3vw;
}
.nav_mm img{
		width: 100%;
		opacity: 0.5;
}
	.nav_bg{
		background-color: rgba(0,0,0,0.3);
		width: 100vw;
		height: 100vh;
		overflow: hidden;
		position: fixed;
		top:0;
		left:0;
		z-index: 99	;
		display: none;
	}
.nav_m {
	display:none;
	width: 30vw;
	height: 100vh;
	overflow: hidden;
	background-color: #fff;
	box-shadow:3px 3px 6px rgba(0,0,0,0.2);
	position: fixed;
	right: 0;
	top:0;
	z-index: 100;
}
	.nav_m li{
		text-align: center;
		line-height: 12vw;
		background-color: #f9f9f9;
		margin-bottom: 2px;
	}
	.nav_m li a{
		color: #444;text-decoration: none;
	}
.logo_m {
	float: left;
	padding-left: 3vw;
	width: 15vw;
	overflow: hidden;
	margin-right: 7vw	;
}
.logo_m img {
	height: 14vw;
	margin-top: -1vw;
}
.tel{
	float: left;
	margin-top: 2.7vw;
	font-size: 4vw;
	margin-right: 0;
}
.casen {
	width: 100vw;
	padding-top: 5vw;
	height: auto;
	overflow: hidden;
	box-sizing: border-box;
}
.c_left {
	width: 95vw;
	box-sizing: border-box;
}
.c_right {
	width: 95vw;
	box-sizing: border-box;
}
.c_left2 {
	width: 95vw;
	box-sizing: border-box;
}
.c_right2 {
	width: 95vw;
	box-sizing: border-box;
}
.c_h1 {
	font-size: 5vw;
	line-height: 8vw;
	margin-bottom: 5vw;
	padding-top: 5vw;
	font-weight: normal;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	padding-left: 5vw;
	padding-right: 5vw;
}
.casen p {
	font-size: 3vw;
	line-height: 6vw;
	display: block;
	height: auto;
	margin-bottom: 5vw;
	padding-left: 5vw;
	padding-right: 5vw;
	position: relative;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.casen img {
	width: 80%;
	display: block;
	margin-top: 10vw;
	overflow: hidden;
}
.but1 {
	width: 36vw;
	height: 10vw;
	float: left;
	margin-right: 10vw;
	margin-left: 6vw;
	border-radius: 5vw;
	line-height: 10vw;
	cursor: pointer;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.but2 {
	width: 36vw;
	height: 10vw;
	float: left;
	margin-right: 0vw;
	border-radius: 5vw;
	line-height: 10vw;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	cursor: pointer;
}
.fa-apple {
	font-size: 5.5vw;
	margin-right: 1vw;
	display: inline-block;
	float: left;
	margin-left: 8vw;
	margin-top: 2.5vw;
}
.fa-android {
	font-size: 5.5vw;
	margin-right: 1vw;
	display: inline-block;
	float: left;
	margin-left: 8vw;
	margin-top: 2.5vw;
}
.casen i {
	-moz-transition: all 0s ease-in-out;
	-webkit-transition: all 0s ease-in-out;
	-o-transition: all 0s ease-in-out;
	-ms-transition: all 0s ease-in-out;
	transition: all 0s ease-in-out;
}
.case1 {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #eef2f5;
	color: #028dee;
	padding-top: 0;\padding-bottom: 25vw;
}
.case1 .but1 a, .case1 .but2 a {
	color: #fff;
	text-decoration: none;
}
.case1 .but1:hover, .case1 .but2:hover {
	background-color: transparent;
	border: solid 1px #028dee;
	box-shadow: 0px 0px 15px rgba(101,192,255,0.3);
}
.case1 .but1:hover a, .case1 .but2:hover a {
	color: #028dee;
	text-decoration: none;
}
.case1 .but1, .case1 .but2 {
	color: #fff;
	background-color: #028dee;
	border: solid 1px #028dee;
}
.case1 img {
}
.case1 h1 {
}
.case1 p {
}
.case1 .but1, .case1 .but2 {
}
.case2 {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #fafafa;
	color: #ff8100;
	padding-bottom: 25vw;
}
.case2 .but1, .case2 .but2 {
	color: #fff;
	background-color: #ff8100;
	border: solid 1px #ff8100;
}
.case2 .but1 a, .case2 .but2 a {
	color: #fff;
	text-decoration: none;
}
.case2 .but1:hover, .case2 .but2:hover {
	background-color: transparent;
	border: solid 1px #ff8100;
	box-shadow: 0px 0px 15px rgba(101,192,255,0.3);
}
.case2 .but1:hover a, .case2 .but2:hover a {
	color: #ff8100;
	text-decoration: none;
}
.case2 img {
}
.case2 h1 {
}
.case2 p {
}
.case2 .but1, .case2 .but2 {
}
.case3 {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #eef2f5;
	color: #028dee;
	padding-bottom: 25vw;
}
.case3 .but1, .case3 .but2 {
	color: #fff;
	background-color: #028dee;
	border: solid 1px #028dee;
}
.case3 .but1 a, .case3 .but2 a {
	color: #fff;
	text-decoration: none;
}
.case3 .but1:hover, .case3 .but2:hover {
	background-color: transparent;
	border: solid 1px #028dee;
	box-shadow: 0px 0px 15px rgba(101,192,255,0.3);
}
.case3 .but1:hover a, .case3 .but2:hover a {
	color: #028dee;
	text-decoration: none;
}
.case3 img {
}
.case3 h1 {
}
.case3 p {
}
.case3 .but1, .case3 .but2 {
}
.case4 {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #fafafa;
	color: #ff5555;
	padding-bottom: 25vw;
}
.case4 .but1, .case4 .but2 {
	color: #fff;
	background-color: #ff5555;
	border: solid 1px #ff5555;
}
.case4 .but1 a, .case4 .but2 a {
	color: #fff;
	text-decoration: none;
}
.case4 .but1:hover, .case4 .but2:hover {
	background-color: transparent;
	border: solid 1px #ff5555;
	box-shadow: 0px 0px 15px rgba(101,192,255,0.3);
}
.case4 .but1:hover a, .case4 .but2:hover a {
	color: #ff5555;
	text-decoration: none;
}
.case4 img {
}
.case4 h1 {
}
.case4 p {
}
.case4 .but1, .case4 .but2 {
}
.case5 {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #eef2f5;
	color: #3b3b3b;
	padding-bottom: 25vw;
}
.case5 .but1, .case5 .but2 {
	color: #fff;
	background-color: #3b3b3b;
	border: solid 1px #3b3b3b;
}
.case5 .but1 a, .case5 .but2 a {
	color: #fff;
	text-decoration: none;
}
.case5 .but1:hover, .case5 .but2:hover {
	background-color: transparent;
	border: solid 1px #3b3b3b;
	box-shadow: 0px 0px 15px rgba(101,192,255,0.3);
}
.case5 .but1:hover a, .case5 .but2:hover a {
	color: #3b3b3b;
	text-decoration: none;
}
.case5 img {
}
.case5 h1 {
}
.case5 p {
}
.case5 .but1, .case5 .but2 {
}
.case6 {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #fafafa;
	color: #ff5555;
	padding-bottom: 25vw;
}
.case6 .but1, .case6 .but2 {
	color: #fff;
	background-color: #ff5555;
	border: solid 1px #ff5555;
}
.case6 .but1 a, .case6 .but2 a {
	color: #fff;
	text-decoration: none;
}
.case6 .but1:hover, .case6 .but2:hover {
	background-color: transparent;
	border: solid 1px #ff5555;
	box-shadow: 0px 0px 15px rgba(101,192,255,0.3);
}
.case6 .but1:hover a, .case6 .but2:hover a {
	color: #ff5555;
	text-decoration: none;
}

.case7 {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	overflow: hidden;
	background-color: #eef2f5;
	color: #3b3b3b;
	padding-bottom: 25vw;
}
.case7 .but1, .case7 .but2 {
	color: #fff;
	background-color: #c4a205;
	border: solid 1px #c4a205;
}
.case7 .but1 a, .case7 .but2 a {
	color: #fff;
	text-decoration: none;
}
.case7 .but1:hover, .case7 .but2:hover {
	background-color: transparent;
	border: solid 1px #3b3b3b;
	box-shadow: 0px 0px 15px rgba(101,192,255,0.3);
}
.case7 .but1:hover a, .case7 .but2:hover a {
	color: #3b3b3b;
	text-decoration: none;
}

.cur img {
	opacity: 1;
	margin-left: 10vw;
	margin-right: 10vw;
}
.cur h1 {
	letter-spacing: 0px;
	opacity: 1;
}
.cur p {
	margin-left: 0px;
	opacity: 1;
}
.cur .but1, .cur .but2 {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1;
}
	.foot{
		font-size: 2.5vw;
	}
}