@charset "gb2312";
/* CSS Document */
@font-face{
	font-family: 'mb';
	src: url('../font/MiSans-Bold.ttf');
}
@font-face{
	font-family: 'md';
	src: url('../font/MiSans-Demibold.ttf');
}
@font-face{
	font-family: 'mm';
	src: url('../font/MiSans-Medium.ttf');
}
.research {
	width: 100%;
	height: auto;
	margin: 0 auto;
	min-width: 1200px;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.research-banner {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.research-banner img{
	width: 100%;
	display: block;
}
.bage-color{
	width: 100%;
	height: auto;
	background: url(../images/bage07.jpg) top no-repeat;
	background-size: 100% 100%;
	padding-bottom: 268px;
	position: relative;
}
.title-fir{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 44px;
	margin-bottom: 47px;
	position: relative;
	z-index: 1;
}
.title-fir i{
	font-style: normal;
	font-family: 'mm';
	font-weight: bold;
	font-size: 170px;
	color: rgba(255,255,255,0.05);
	position: absolute;
	z-index: -1;
	width: 100%;
	text-align: center;
	left: 0;
	top: 0;
}
.title-fir span{
	color: #fff;
	background: url(../images/title01.png) center no-repeat;
	height: 175px;
	line-height: 175px;
	font-size: 76px;
	font-family: 'mb';
	display: inline-block;
	width: 510px;
}

.web-gather {
	position: relative;
	height: 648px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	width: 1155px;
	background: url(../images/bage01.png) center no-repeat;
	margin-bottom: 40px;
}

.web-gather li {
	position: relative;
	height: 541px;
	float: left;
	margin-right: 0;
	margin-top: 60px;
}
.web-gather li:nth-child(1){
	width: 238px;
	border-radius: 20px 0 0 20px;
	margin-left: 46px;
}
.web-gather li:nth-child(2){
	width: 253px;
}
.web-gather li.on{
	width: 830px;
	height: 573px;
	margin-left: 30px;
}
.web-gather li:nth-child(1).on{
	background: url(../images/bage011_1.png) center no-repeat;
	margin-top: 30px;
}
.rese-g-hold{
	width: 100%;
	height: 100%;
	position: relative;
}
.web-note{
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 48px;
	left: 0;
	z-index: 2;
}
.web-note span{
	color: #fff;
	display: block;
	font-size: 24px;
	font-family: 'mm';
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.web-note em{
	color: #fff;
	display: block;
	font-family: 'md';
	font-size: 18px;
}

.web-gather li.on .rese-g-hold{
	display: none;
}

.rese-g-tem{
	width: 100%;
	height: auto;
	text-align: left;
	margin-left: 56px;
}
.web-gather li .rese-g-tem{
	display: none;
}
.web-gather li.on .rese-g-tem{
	display: list-item;
}
.rese-g-tem h1{
	font-size: 48px;
	color: #261305;
	font-family: 'mm';
	font-weight: bold;
	margin-top: 48px;
}
.rese-g-tem span{
	font-size: 23px;
	color: #474747;
	display: block;
}
.rese-g-tem span img{
	margin-left: 10px;
	position: relative;
	top: 8px;
}
.rese-left{
	float: left;
	margin-top: 34px;
}
.rese-left p{
	font-size: 22px;
	color: #474747;
	font-family: 'mm';
	line-height: 40px;
}
.rese-left p img{
	margin-right: 5px;
}
.rese-left em{
	color: #fff;
	background: linear-gradient(to right, #ff5332,#ff843d);
	border-radius: 30px 0 0 0;
	font-size: 34px;
	font-family: 'mm';
	font-weight: bold;
	width: 250px;
	line-height: 65px;
	display: block;
	margin-top: 30px;
	text-align: center;
	cursor: pointer;
}
.rese-right{
	float: right;
	width: 318px;
	text-align: center;
	margin-top: 150px;
	margin-right: 90px;
}
.rese-right em{
	display: inline-block;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	font-family: 'mb';
	-webkit-text-stroke: 1px #ff5232; 
	margin: 0 30px;
}
.rese-right i{
	display: block;
	background: url(../images/kuang.png) center no-repeat;
	width: 318px;
	line-height: 42px;
	color: #fff;
	font-family: 'mm';
	font-size: 24px;
	text-align: center;
	margin-top: 6px;
}
.web-gather li .rese-date{
	color: #fff;
	width: 35px;
	background-color: #404040;
	border-radius: 20px 0 0 20px;
	display: block;
	font-size: 18px;
	font-family: 'mm';
	position: absolute;
	left: -34px;
	top: 23px;
	z-index: 2;
	line-height: 20px;
	padding: 6px 0;
}
.rese-date em{
	font-family: 'mm';
	font-weight: bold;
	display: block;
}
.web-gather li.on .rese-date{
	background-color: #ff5231;
	border-radius: 0 20px 20px 0;
	left: initial;
	right: -34px;
	top: 54px;
}
.web-gather li.on .rese-date em,.web-gather li:nth-child(2) .rese-date em{
	transform: rotate(180deg);
}
.web-gather li:nth-child(2) .rese-date{
	left: initial;
	right: -34px;
	border-radius: 0 20px 20px 0;
}
.web-gather li:nth-child(2).on{
	background: url(../images/bage012_1.png) center no-repeat;
	margin-top: 30px;
	margin-left: 0;
}
.introduction_figure{
    width: 1162px;
	margin: 0 auto;
    height: 814px;
	margin-top: 50px;
	background: url(../images/bage05.png) center no-repeat;
	position: relative;
	margin-bottom: 24px;
}
.introduction_choose{
    width: 425px;
    height: 716px;
	float: left;
	margin-left: 38px;
	background: url(../images/bage06.png) center no-repeat;
	margin-top: 46px;
}
.introduction_thumbnail{
	float: left;
	width: 670px;
	margin-top: 612px;
	position: relative;
}
.mySwiper2{
	width: 100%;
	height: auto;
}
.intro-top{
	width: 100%;
	height: 345px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 76px;
}
.intro-top span{
	font-family: 'mm';
	display: block;
	font-size: 20px;
	color: #303030;
	margin-top: 24px;
}
.intro-bottom{
	text-align: left;
	margin-left: 60px;
	margin-top: 62px;
}
.intro-bottom span{
	font-family: 'mm';
	display: block;
	font-size: 24px;
	color: #1c1d1e;
	margin-bottom: 4px;
}
.intro-bottom p{
	font-family: 'mm';
	font-weight: bold;
	font-size: 30px;
	color: #1c1d1e;
	line-height: 48px;
}
.mySwiper {
	box-sizing: border-box;
	width: 652px;
	margin-left: 16px;
	text-align: left;
}
.mySwiper .swiper-slide {
    width: 22% !important;
    height: 100%;
    margin-left: 0;
}
.introduction_thumbnail .swiper-button-next {
    width: 79px;
    height: 161px;
    right: 0px;
    top: 22px;
	background: url(../images/img05.png) center no-repeat;
}

.introduction_thumbnail .swiper-button-next:after, .introduction_thumbnail .swiper-rtl .swiper-button-prev:after{
	display: none;
}
.libao{
	width: 1158px;
	height: 780px;
	background: url(../images/bage08.png) center no-repeat;
	margin: 0 auto;
	padding-top: 36px;
	margin-bottom: 20px;
}
.libao-img{
	position: relative;
	float: left;
	margin-left: 26px;
	margin-bottom: 18px;
}
.libao-img span{
	font-family: 'md';
	font-size: 24px;
	color: #161515;
	position: absolute;
	width: 100%;
	bottom: 16px;
	left: 0;
	z-index: 1;
}
.title02 span{
	background: url(../images/title02.png) center no-repeat;
	width: 861px;
}
.baiyuan-img{
	margin-bottom: 20px;
}
.intro-center{
	margin-top: 99px;
	margin-left: 0;
	text-align: center;
}
/*寮瑰嚭瑙嗛*/
.mask {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.6);
	z-index: 1000;
	text-align: center;
}

.mask:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.video-wrap {
	width: 1130px;
	height: 637px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.mask-video-close {
	position: absolute;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #fff;
	right: -14px;
	top: -14px;
	z-index: 2;
	text-align: center;
	cursor: pointer;
}

.mask-video-close i {
	font-size: 16px;
	color: #000;
	line-height: 28px;
}

.bage-again{
	width: 100%;
	height: 2895px;
	margin: 0 auto;
	background: url(../images/bage04.jpg) center no-repeat;
}
.title-sea{
	width: 53%;
}
.rese-colck{
	position: relative;
	width: 1000px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 129px;
}
.rese-colck span{
	position: absolute;
	right: 122px;
	bottom: 44px;
	z-index: 2;
	width: 280px;
	line-height: 64px;
	border-radius: 30px;
	font-weight: bold;
	color: #fff;
	font-size: 40px;
	cursor: pointer;
}
.a-up05,.a-up06,.a-up07,.a-up08{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background: rgba(4,4,56,0.5);
	visibility: hidden;
}
.a-up05.is-expanded,.a-up06.is-expanded,.a-up07.is-expanded,.a-up08.is-expanded{
	visibility: initial;
}
.a-up03{
	width: 100%;
	height: 100%;
	display: table;
}
.a-up04{
	width: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.invi-up{
	width: 591px;
	height: 717px;
	position: relative;
	margin: 0 auto;
	background: url(../images/tanchuang.png) center no-repeat;
}
.invi-img{
	margin-top: 188px;
}
.invi-close{
	position: absolute;
	top: -42px;
	right: -86px;
	z-index: 2;
	cursor: pointer;
}
.rese-time{
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 124px;
}

.rese-p-note span{
	display: block;
	color: #fff;
	font-size: 24px;
	padding-top: 30px;
	margin-bottom: 10px;
}
.rese-p-note em{
	display: block;
	font-size: 18px;
	color: #d158ef;
	font-weight: bold;
	margin-bottom: 12px;
}
.rese-p-note p{
	font-size: 16px;
	color: #fff;
	line-height: 36px;
}
.rese-p-note p i{
	float: left;
	border-radius: 100%;
	width: 6px;
	height: 6px;
	background-color: #dc73f7;
	margin-right: 8px;
	margin-top: 16px;
}
.rese-mysterious{
	float: right;
	border: 2px rgba(209,88,239,0.46) solid;
	border-radius: 10px;
	margin-top: 4px;
	width: 293px;
	height: 296px;
	margin-right: 100px;
	position: relative;
}
.rese-mysterious .rese-people span{
	bottom: 9px;
}
.list-bage{
	width: 1036px;
	height: 382px;
	margin: 0 auto;
	background: url(../images/bage02.png) center no-repeat;
	margin-top: 50px;
	margin-bottom: 30px;
}
.rese-list{
	width: 960px;
	height: 320px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.rese-list li{
	font-size: 20px;
	color: #fff;
	width: 25%;
	height: auto;
}
.rese-list li img{
	display: block;
	margin: 0 auto;
	margin-bottom: 26px;
}
.rese-link{
	font-size: 18px;
	color: #fff;
	border-radius: 30px;
	line-height: 52px;
	width: 430px;
	display: block;
	margin: 0 auto;
	background: linear-gradient(to bottom, #ed4b60, #ec143d);
	cursor: pointer;
	margin-bottom: 80px;
}
.teen-list{
	width: 1160px;
	height: 769px;
	margin: 0 auto;
	display: table;
	background: url(../images/bage09.png) center no-repeat;
	padding-top: 45px;
}
.teen-list li{
	float: left;
	width: 355px;
	height: 342px;
	background: url(../images/bage10.png) center no-repeat;
	margin-bottom: 30px;
	margin-left: 22px;
	color: #2b2a2a;
	font-size: 18px;
	font-family: 'md';
	line-height: 32px;
}
.list-top{
	height: 148px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.list-down{
	height: 92px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}



.h5-fb-no{
	margin-right: 0 !important;
}