@charset "utf-8";
body,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul,
video {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

body {
	margin: 0 auto;
	font: 12px/1 "微软雅黑", PingFangSC-Semibold, PingFangSC-Regular;
	-webkit-text-size-adjust: none;
	background: url(../images/pc/bg.jpg) center top no-repeat;
	background-size: cover;
	height: 100vh;
}

img {
	max-width: 100%;
	border: 0;
	vertical-align: top;
}

a,
img {
	-webkit-touch-callout: none;
}

li,
ol,
ul {
	list-style: none;
}

.w1200 {
	width: 1200px;
	margin: 0 auto;
}

.clearfix:after {
	clear: both;
	display: block;
	overflow: hidden;
	height: 0;
	content: " ";
}

.clearfix {
	zoom: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.header {
	height: 100px;
}

.logo {
	padding-left: 30px;
	height: 100px;
	line-height: 100px;
}

.logo img {
	vertical-align: middle;
}

.index{
	padding-top: 53px;
}
.side{
	width: 480px;
}
.side h3{
	padding-top: 10px;
	padding-bottom: 40px;
}
.side li{
	margin-bottom: 30px;
	overflow: hidden;
	height: 54px;
	transition: all .3s ease;
}
.side li.cur{
	height: 102px;
	transition: all .3s ease;
}
.side li.cur .top p{
	color: #72b3f9;
}
.side .top{
	height: 44px;
	padding-left: 55px;
	cursor: pointer;
	background: url(../images/pc/icon1.png) 6px bottom no-repeat;
}
.side .top p{
	line-height: 43px;
	height: 44px;
	font-size: 18px;
	color: #fff;
	background: url(../images/pc/line.png) left bottom no-repeat;
}
.side .top:hover p{
	color: #72b3f9;
}
.side .bot{
	padding: 10px 0 0 55px;
	line-height: 24px;
	color: #72b3f9;
}

.side .ico1 .top{
	background-image: url(../images/pc/icon2.png);
}
.side .ico2 .top{
	background-image: url(../images/pc/icon3.png);
}
.side .ico3 .top{
	background-image: url(../images/pc/icon4.png);
}
.side .ico4 .top{
	background-image: url(../images/pc/icon5.png);
}
.main{
	width: 340px;
	height: 602px;
	padding-right: 190px;
}
.main .ls{
	position: relative;
	display: none;
	/*border: 10px solid rgba(255,255,255,.2);
	border-radius: 10px;*/
	height: 602px;
	/*box-sizing: border-box;*/
}
.main .ls.on{
	display: flex;
	align-items: center;
	justify-content: center;
}
.main .ls video,.main .ls iframe{
	max-width: 100%;
	border: 10px solid rgba(255,255,255,.2);
	box-sizing: border-box;
	border-radius: 10px;
	height: auto;
	max-height: 100%;
}