body,section,div,p,h1,h2,h3,h4,h5,h6 {
    margin:0;
    padding:0;
}
body{
    font-size: 100%;
    line-height: 1.6;
    font-family: Arial, Helvetica, sans-serif;
    font-smoothing:antialiased;
    -webkit-font-smoothing: antialiased;
    color:#333;
}
#wrapper{
    position: relative;
    width:100vm;
    min-height: 50vw;
    overflow:hidden;
}
.layer{
    position: absolute;
    width:100vw;
    min-height: 50vw;
    overflow: hidden;
}
.layer .content_wrapper{
    width:100vw;
    min-height:50vw;
    position:absolute;
}
.layer .content_body{
    width:25%;
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    text-align: center;
}
.layer .content_body p{

    text-align: left;
}
.layer img{
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.bottom{
    background: #222;
    z-index: 1;
}
.bottom .content_body{
    right:10%;

}
.bottom h2{
    color:#ffffff;

}
.bottom p{
    color:#eee;
}
.top{
    background: #eee;
    color:#222;
    width:50vw;
    z-index: 2;
}

.top .content_body{
    left:10%;
}
.handle{
    position:absolute;
    left:50%;
    width:5px;
    top:0;
    background: #8c8c8c;
    height: 100%;
    z-index: 3;
}
.skewed .handle{
    top:50%;
    transform:rotate(30deg) translateY(-50%);
    height:200%;
    transform-origin: top;
}
.skewed .top{
    transform:skew(-30deg);
    margin-left:-1000px;
    width:calc(50vw + 1000px)
}
.skewed .top .content_wrapper{
    transform:skew(30deg);
    margin-left:1000px;
}
.content_body h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
.content_body p {
    font-size: 14px;
    margin-bottom: 18px;
}


/* 主要样式 */
/*.load-animate{visibility:hidden;}  默认可有*/
.container {
	width: 1200px;
	margin: 0 auto;
}
.industry {
	/* background: #f5f5f5; */
}
.industry .page-register-btn {
	padding: 10px 0 50px;
}
.page-register-btn {
	text-align: center;
}
.page-register-btn a {
	display: inline-block;
	width: 190px;
	height: 55px;
	background-color: #00a2ff;
	border-radius: 8px;
	color: #fff;
	font: 400 16px/ 55px '微软雅黑';
	box-shadow: 0px 5px 15px rgba(4, 195, 255, .5);
}
.page-register-btn a:hover {
	background-color: #39b7ff;
}
.industry_tit {
	font-size: 32px;
	color: #333;
	text-align: center;
	padding-top: 110px;
	padding-bottom: 40px;
	height: 38px;
	line-height: 38px;
}
.industry_con {
	/* height: 265px;
	background: #FFF; */
	overflow: hidden;
}
.industry_list {
	width: 16.66%;
	float: left;
	padding: 40px;
}
.industry_list span {
	display: block;
	width: 90px;
	height: 90px;
	overflow: hidden;
	margin: 0 auto;
	-webkit-transition: all .5s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.industry_list span:hover {
	-webkit-transform: translateY(-4px);
	-moz-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	-o-transform: translateY(-4px);
	transform: translateY(-4px);
}
.industry_list p {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #555;
	margin-top: 12px;
}
.industry_list:hover span img {
	margin-top: -90px;
}


body{
	margin: 0;
	font-family: 'microsoft yahei'; 
}
.roate-container{
	position: relative;
	margin: 0 auto;
	/* width: 559px; */
	height: 623px;
	background: url(../images/roate-bg.png) no-repeat;
}
.screen-bg{
	position: absolute;
	left: 70px;
	top:220px;
	width: 462px;
	height: 374px;
	background-repeat: no-repeat;
	/*background-image: url(../images/screen-bg.png);*/
	z-index: 99;
}

.roate-item{
	position: absolute;
	left: 0;
	top:0;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	font-size: 0;
	background: url(../images/icon-item.png) no-repeat;
	z-index: 9;
}
.icon-roate-1,.icon-roate-2,.icon-roate-3,.icon-roate-4{
	width: 56px;
	height: 56px;
	background-repeat: no-repeat;
}
/*.icon-roate-1{
	background-image: url(../images/icon-roate-1.png);
}
.icon-roate-2{
	background-image: url(../images/icon-roate-2.png);
}
.icon-roate-3{
	background-image: url(../images/icon-roate-3.png);
}
.icon-roate-4{
	background-image: url(../images/icon-roate-4.png);
}*/
.icon-sq-1{
	width: 54px;
	height: 43px;
	background: url(../images/icon-sq-1.png) no-repeat;
}
.icon-sq-2{
	width: 28px;
	height: 22px;
	background: url(../images/icon-sq-2.png) no-repeat;
}
#roate1{
	height: 70%;
}
#roate2{
	height: 30%;
}

.type9901 .screen-bg{
	background-image: url(../images/9901/bg3.png);
}
.type9901 .icon-roate-1{
	background-image: url(../images/9901/ic_1.png);
}
.type9901 .icon-roate-2{
	background-image: url(../images/9901/ic_2.png);
}
.type9901 .icon-roate-3{
	background-image: url(../images/9901/ic_3.png);
}
.type9901 .icon-roate-4{
	background-image: url(../images/9901/ic_4.png);
}

.type9902 .screen-bg{
	background-image: url(../images/9902/bg3.png);
}
.type9902 .icon-roate-1{
	background-image: url(../images/9902/ic_1.png);
}
.type9902 .icon-roate-2{
	background-image: url(../images/9902/ic_2.png);
}
.type9902 .icon-roate-3{
	background-image: url(../images/9902/ic_3.png);
}
.type9902 .icon-roate-4{
	background-image: url(../images/9902/ic_4.png);
}

.type9903 .screen-bg{
	background-image: url(../images/9903/bg3.png);
}
.type9903 .icon-roate-1{
	background-image: url(../images/9903/ic_1.png);
}
.type9903 .icon-roate-2{
	background-image: url(../images/9903/ic_2.png);
}
.type9903 .icon-roate-3{
	background-image: url(../images/9903/ic_3.png);
}
.type9903 .icon-roate-4{
	background-image: url(../images/9903/ic_4.png);
}

.type9904 .screen-bg{
	background-image: url(../images/9904/bg3.png);
}
.type9904 .icon-roate-1{
	background-image: url(../images/9904/ic_1.png);
}
.type9904 .icon-roate-2{
	background-image: url(../images/9904/ic_2.png);
}
.type9904 .icon-roate-3{
	background-image: url(../images/9904/ic_3.png);
}
.type9904 .icon-roate-4{
	background-image: url(../images/9904/ic_4.png);
}

.type9905 .screen-bg{
	background-image: url(../images/9905/bg3.png);
}
.type9905 .icon-roate-1{
	background-image: url(../images/9905/ic_1.png);
}
.type9905 .icon-roate-2{
	background-image: url(../images/9905/ic_2.png);
}
.type9905 .icon-roate-3{
	background-image: url(../images/9905/ic_3.png);
}
.type9905 .icon-roate-4{
	background-image: url(../images/9905/ic_4.png);
}

.type9906 .screen-bg{
	background-image: url(../images/9906/bg3.png);
}
.type9906 .icon-roate-1{
	background-image: url(../images/9906/ic_1.png);
}
.type9906 .icon-roate-2{
	background-image: url(../images/9906/ic_2.png);
}
.type9906 .icon-roate-3{
	background-image: url(../images/9906/ic_3.png);
}
.type9906 .icon-roate-4{
	background-image: url(../images/9906/ic_4.png);
}

.adv-app {
	padding-top: 100px;
}
.adv-text {
	background-size: cover;
	padding: 50PX 20px 30px 20px;
	font-size: 14px;
}
.adv-text h4 {
	font-size: 18px;
	font-weight: 700;
}
.adv-text p {
	margin-bottom: 20px;
	color: #666;
}

.bg3 {
	background: #f7f7f7;
}