@charset "gb2312";
/* CSS Document */

.research {
	width: 100%;
	height: auto;
	margin: 0 auto;
	min-width: 1200px;
	text-align: center;
	overflow: hidden;
	background-color: #fff;
}

.research-banner {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
}

.rese-banner01 {
	width: 100%;
	height: auto;
}
.rese-banner01 img{
	width: 100%;
	display: block;
}
.brief{
	width: 100%;
	height: 842px;
	background: url(../images/bage01.jpg) center no-repeat;
}
.brief-title{
	width: 100%;
	height: auto;
	padding-top: 56px;
	padding-bottom: 44px;
}
.brief-title h1{
	font-size: 44px;
	color: #000;
	font-weight: bold;
}
.live-top{
	width: 100%;
	height: 94px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items:flex-start;
}
.live-top li{
	font-size: 18px;
	color: #333;
	background: url(../images/list01.png) center no-repeat;
	width: 356px;
	padding-top: 20px;
	padding-bottom: 31px;
	position: relative;
	z-index: 2;
}
.live-top li img{
	display: none;
}
.live-top li.hover{
	color: #fff;
}
.live-top li.hover img{
	position: absolute;
	top: -5px;
	left: -11px;
	z-index: -1;
	display: list-item;
}
.live-down{
	width: 100%;
	height: 520px;
	background-color: #fff;
	border-radius: 10px;
}
.live-note{
	font-size: 16px;
	color: #000;
	display: block;
	margin-left: 50px;
	padding-top: 30px;
	text-align: left;
	margin-bottom: 60px;
}
.live-note i{
	float: left;
	width: 3px;
	height: 13px;
	background-color: #d734f0;
	border-radius: 10px;
	margin-right: 10px;
	margin-top: 5px;
}
.live-img02{
	margin-top: -88px;
}
.live-img03{
	margin-top: -32px;
}
.brief-title h1 i{
	color: #d734f0;
}
.brief-first{
	width: 100%;
	height: auto;
}
.brief-first li{
	float: left;
	width: 586px;
	height: 180px;
	margin-right: 28px;
	margin-bottom: 20px;
	border-radius: 10px;
}
.brief-first li:nth-child(1){
	background: url(../images/bage02.jpg) center no-repeat;
	box-shadow: 0 6px 12px rgba(125,39,239,0.5);
}
.brief-first li:nth-child(2){
	background: url(../images/bage03.jpg) center no-repeat;
	box-shadow: 0 6px 12px rgba(217,84,237,0.5);
}
.brief-first li:nth-child(3){
	background: url(../images/live04.jpg) center no-repeat;
	box-shadow: 0 6px 12px rgba(217,84,237,0.5);
}
.brief-first li:nth-child(4){
	background: url(../images/bage04.jpg) center no-repeat;
	box-shadow: 0 6px 12px rgba(125,39,239,0.5);
}
.brief-first li img{
	float: left;
	margin-top: 46px;
	margin-left: 38px;
	margin-right: 26px;
}
.brief-right{
	float: left;
	text-align: left;
	width: 410px;
	padding-top: 52px;
}
.brief-right span{
	display: block;
	font-size: 30px;
	color: #fff;
	margin-bottom: 8px;
}
.brief-right p{
	font-size: 16px;
	color: #fff;
}
.brief-three{
	width: 100%;
	background: url(../images/bage05.jpg) center no-repeat;
	height: 963px;
	text-align: center;
}
.title-color h1{
	color: #fff;
}
.brief-two{
	width: 100%;
	height: 1477px;
	background: url(../images/bage06.jpg) center no-repeat;
	text-align: center;
}
.bill{
	width: 1200px;
	height: 712px;
	margin: 0 auto;
	background: url(../images/bage07.jpg) center no-repeat;
	border-radius: 20px;
	overflow: hidden;
	margin-top: 552px;
}
.bill-list{
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.bill-list li{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-bottom: 1px #c491ff solid;
}
.bill-list li span{
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	width: 33.3%;
	line-height: 60px;
	background-color: #bc81ff;
}
.bill-list li div{
	width: 33.3%;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.myscroll {
	width: 1199px; 
	height: 648px; 
	margin: 0 auto; 
	overflow: hidden;
}
.three-top{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: end;
	margin-top: 14px;
}
.three-top li{
	width: 354px;
	height: auto;
	background-image: linear-gradient(to bottom, #f5f9ff, #dcdcdc);
	border-radius: 10px 0 0 0;
	font-size: 18px;
	color: #777777;
	margin: 0 7px;
}
.three-top li span{
	font-weight: bold;
	font-size: 22px;
	color: #333;
	display: block;
	margin-bottom: 6px;
}
.three-top li span i{
	font-size: 28px;
}
.three-top li.hover{
	background-image: linear-gradient(to bottom, #ec82ff, #b136f0);
	color: #fff;
}
.three-top li.hover span{
	color: #fff;
}
.three-top li.hover span i{
	color: #fbc936;
}
.three-top li:nth-child(1){
	padding: 14px 0;
}
.three-top li:nth-child(2){
	padding: 24px 0;
}
.three-top li:nth-child(3){
	padding: 33px 0;
}
.three-down{
	width: 1200px;
	height: 592px;
	background-color: #fff;
	border-radius: 10px;
	margin: 0 auto;
}
.three-left{
	float: left;
	width: 512px;
	margin: 0 44px;
	margin-top: 30px;
}
.three-left h2{
	font-size: 20px;
	color: #fff;
	background-image: linear-gradient(to right, #d660f2, #760ce6);
	border-radius: 30px;
	line-height: 60px;
	font-weight: bold;
	position: relative;
	z-index: 10;
}
.three-bage{
	height: 219px;
	background-color: #eef1ff;
	border-radius: 10px;
	margin-top: -25px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 0 34px;
}
.three-b-left{
	float: left;
	margin-top: 48px;
	text-align: left;
}
.three-b-left p{
	font-size: 16px;
	color: #000;
}
.three-b-left p i{
	float: left;
	width: 5px;
	height: 5px;
	background-color: #c34ff0;
	border-radius: 30px;
	margin-right: 8px;
	margin-top: 10px;
}

#con_three_3 .three-left{
	margin-left: 38px;
	margin-right: 38px;
}
/* 滚动条整体样式设置 */
::-webkit-scrollbar {
width: 12px;
border-radius: 30px;
}
/* 滚动条样式 */
::-webkit-scrollbar-thumb {
	background: #fff;
	border-radius: 30px;
	border: 3px #eaedf9 solid;
}
/* 滚动条轨道样式 */
::-webkit-scrollbar-track {
	background: #eaedf9;
	border-radius: 30px;
	padding: 0 20px;

}
.three-scoll{
	height: 544px;
	overflow-y: scroll;
	position: relative;
	top: 30px;
	width: 99%;
}
.three-scoll .three-left{
	margin-top: 0;
	margin-bottom: 30px;
}
.brief-four{
	width: 100%;
	height: 775px;
	background: url(../images/bage08.jpg) center no-repeat;
	text-align: center;
}
.four-list{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	margin-top: 76px;
}
.four-img{
	float: left;
	margin-left: 48px;
	margin-right: 22px;
	text-align: left;
}
.four-right{
	float: left;
	margin-top: 24px;
	text-align: left;
}
.four-right p{
	font-size: 18px;
	color: #000;
	line-height: 30px;
	width: 512px;
	margin-top: 18px;
	margin-left: 20px;
}
.fout-down{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	margin-top: 34px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.fout-down li{
	margin: 0 7px;
}
.fout-down li img{
	width: 208px;
	height: 124px;
	position: relative;
	top: 0;
	-webkit-transition: .4s;
}
.fout-down li.hover img{
	box-shadow: 0 4px 12px rgba(174,173,176,0.7);
	top: -13px;
	-webkit-transition: .4s;
}
.five-top{
	width: 270px;
	float: left;
}
.five-top li{
	font-size: 24px;
	color: #000;
	line-height: 66px;
	text-align: center;
	border: 2px #fff solid;
	border-radius: 10px;
	color: #000;
	-webkit-transition: .4s;
	margin-bottom: 32px;
	text-transform:uppercase;
}
.five-top li.hover{
	background-color: #f0f2f4;
	box-shadow: 0 5px 10px rgba(226,226,226,0.5);
	-webkit-transition: .4s;
	color: #cc58f2;
}
.five-list{
	float: right;
	background: url(../images/bage09.jpg) center no-repeat;
	width: 918px;
	height: 580px;
}
.five-img{
	margin-top: 98px;
}
.five-left{
	float: left;
	margin-top: 30px;
	text-align: left;
	margin-left: 34px;
}
.five-left span{
	font-size: 16px;
	color: #000;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}
.five-left p{
	font-size: 14px;
	color: #999;
	/*text-indent: 2em;*/
	width: 308px;
	text-align: justify;
}
.five-left div{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	width: 525px;
	height: 30px;
	margin-bottom: 14px;
}
.five-left div b{
	font-size: 14px;
	color: #fff;
	font-weight: normal;
	width: 63px;
	line-height: 30px;
	background-color: #cc58f2;
	border-radius: 2px;
	margin-right: 10px;
	text-align: center;
}
.five-left em i{
	font-size: 14px;
	color: #000;
	margin-right: 12px;
	display: inline-block;
}
.five-last{
	width: 96%;
	height: auto;
	display: table;
	margin: 0 auto;
	margin-top: 84px;
}
.five-last li{
	float: left;
	width: 25%;
	height: auto;
	text-align: center;
	font-size: 14px;
	color: #000;
	margin-bottom: 27px;
}
.five-last li img{
	margin: 0 auto;
	margin-bottom: 8px;
	display: block;
}
.brief-six{
	width: 100%;
	background: url(../images/bage10.jpg) center no-repeat;
	height: 1026px;
	text-align: center;
}
.six-list{
	width: 1222px;
	height: auto;
	margin: 0 auto;
	display: table;
}
.six-list li{
	width: 407px;
	height: auto;
	float: left;
	height: 348px;
	text-align: left;
	margin-bottom: 10px;
}
.six-list li:nth-child(1){
	background: url(../images/six01.png) bottom no-repeat;
}
.six-list li:nth-child(2){
	background: url(../images/six02.png) bottom no-repeat;
}
.six-list li:nth-child(3){
	background: url(../images/six03.png) bottom no-repeat;
}
.six-list li:nth-child(4){
	background: url(../images/six04.png) bottom no-repeat;
}
.six-list li:nth-child(5){
	background: url(../images/six05.png) bottom no-repeat;
}
.six-list li:nth-child(6){
	background: url(../images/six06.png) bottom no-repeat;
}
.six-list li b{
	font-size: 30px;
	color: #fff;
	display: block;
	font-weight: bold;
	padding-top: 84px;
	padding-left: 42px;
}
.six-list li span{
	font-size: 18px;
	color: #301046;
	line-height: 37px;
	border-radius: 30px 30px 30px 0px;
	background-image: linear-gradient(to bottom, #fdcdb4, #ffeacf);
	display: inline-block;
	padding: 0 20px;
	margin-top: 17px;
	margin-left: 27px;
	margin-bottom: 24px;
}
.six-list li p{
	font-size: 12px;
	color: #fff;
	display: table;
	width: 344px;
	margin: 0 auto;
	margin-bottom: 12px;
}
.six-list li p img{
	float: left;
	margin-top: 2px;
	margin-right: 8px;
}
.six-list li p em{
	float: left;
	width: 311px;
}
.brief-link{
	background-color: #fff;
	border-radius: 30px;
	font-size: 18px;
	color: #7a58ff;
	display: block;
	width: 430px;
	line-height: 52px;
	margin: 0 auto;
	margin-top: 48px;
}
.brief-seven{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: table;
	margin-bottom: 20px;
}
.brief-seven li{
	float: left;
	width: 395px;
	height: 417px;
	background-color: #fff;
	border-radius: 10px;
	text-align: left;
	-webkit-transition: .4s;
	position: relative;
	top: 0px;
	margin-bottom: 20px;
	margin-right: 7px;
}
.brief-seven li span{
	display: block;
	font-weight: bold;
	font-size: 22px;
	color: #000;
	margin-top: 36px;
	margin-left: 35px;
	margin-bottom: 12px;
	-webkit-transition: .4s;
}
.brief-seven li p{
	color: #000;
	font-size: 16px;
	margin-left: 35px;
	-webkit-transition: .4s;
}
.brief-seven li:hover{
	box-shadow: 0 4px 28px rgba(222,222,222,0.6);
	position: relative;
	top: -16px;
	-webkit-transition: .4s;
}
.brief-seven li:hover span,.brief-seven li:hover p{
	color: #ae67f2;
	-webkit-transition: .4s;
}
.box {
	width: 100%;
	height: 480px;
	position: relative;
	margin-bottom: 48px;
}

.list {
	width: 1200px;
	height: 480px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -600px;
}

.btn-box {
	position: absolute;
	top: 292px;
	margin-top: -90px;
	width: 68px;
	height: 68px;
	cursor: pointer;
	left: -99px;
}

.next {
	right: -99px;
	left: initial;
}

.list li {
	position: absolute;
	top: 0;
	left: 0;
	list-style: none;
	transition: all 0.3s ease-out;
	background-color: #f7faff;
	border-radius: 10px;
	padding-top: 16px;
	padding-left: 14px;
	padding-right: 14px;
	width: 381px;
	height: 464px;
}
.list li img{
	margin-bottom: 27px;
}
.list li span{
	font-size: 16px;
	color: #000;
	display: block;
	text-align: left;
	margin-bottom: 6px;
}
.list li span i{
	display: block;
	width: 12px;
	height: 2px;
	background-color: #ae67f2;
	border-radius: 10px;
}
.list li p{
	font-size: 14px;
	color: #999998;
	text-align: left;
	margin-top: 10px;
}
.p1 {
	transform: translate3d(-666px, 0, 0) scale(0.86);
	opacity: 0;
}

.p2 {
	transform: translate3d(0px, 0, 0) scale(0.86);
	transform-origin: 0 50%;
	opacity: 1;
	z-index: 2;
}

.list li.p3 {
	transform: translate3d(397px, 0, 0) scale(1);
	z-index: 3;
	opacity: 1;
}


.p4 {
	transform: translate3d(798px, 0, 0) scale(0.86);
	transform-origin: 100% 50%;
	opacity: 1;
	z-index: 2;
}

.p5 {
	transform: translate3d(238px, 0, 0) scale(0.86);
	opacity: 0;
}

.p6 {
	transform: translate3d(1146px, 0, 0) scale(0.86);
	opacity: 0;
}
.brief-link02{
	background-color: #7a58ff;
	border-radius: 30px;
	font-size: 18px;
	color: #fff;
	display: block;
	width: 430px;
	line-height: 52px;
	margin: 0 auto;
	margin-top: 48px;
}
.brief-eig{
	width: 100%;
	background: url(../images/bage11.jpg) center no-repeat;
	height: 1003px;
	text-align: center;
}
.research-title {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    padding-top: 56px;
    padding-bottom: 44px;
}
.research-title em {
    font-size: 56px;
    color: rgba(197,81,241,0.2);
    text-transform: uppercase;
	font-weight: bold;
}
.research-title h1 {
    font-size: 44px;
    font-weight: bold;
    color: #000;
    margin-top: -44px;
}
.eig-title{
	width: 1200px;
	margin: 0 auto;
	font-size: 16px;
	color: #000;
	/*text-indent: 2em;*/
	text-align: left;
	margin-bottom: 50px;
}
.eig-about{
	width: 1200px;
	height: auto;
	display: table;
	margin: 0 auto;
}
.eig-about li{
	float: left;
	width: 384px;
	height: 240px;
	border-radius: 10px;
	margin-bottom: 20px;
	box-shadow: 0 8px 20px rgba(203,86,242,0.24);
	background: url(../images/about07.png) center no-repeat;
	font-size: 24px;
	color: #fff;
	text-align: center;
	margin-right: 24px;
}
.eig-about li img{
	margin: 0 auto;
	margin-top: 64px;
	margin-bottom: 16px;
	display: block;
}

.dhkd-right-no {
	margin-right: 0 !important;
}
.yjjb-padd76{
	padding-top: 76px !important;
}
.yjjb-padd86{
	padding-top: 86px !important;
}
.yjjb-padd102{
	padding-top: 102px !important;
}
.yjjb-padd124{
	padding-top: 124px !important;
}
.yjjb-padd10{
	padding-top: 10px !important;
}
.dhyc-padd-no{
	padding-bottom: 0;
}
.yjjb-fz36{
	font-size: 36px !important;
}
.padd50{
	padding-bottom: 50px;
}