@media screen and (max-width:960px) {
	.xs-w100{ width:100%}
body, html {
	font-family: 'Helvetica', 'Microsoft YaHei';
	background: #fff;
	width: 100%;
	margin: 0;
}
ul, li, dl, dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #666;
	-webkit-tap-highlight-color: transparent;
}
h3 {
	float: left;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
}
.p2{ line-height:2em;}
.ho {
	height: 100% !important;
	overflow: hidden !important;
}
.cl {
	clear: both;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/*topbar*/
.topbarBox {
	width: 100%;
	height: 60px !important;
	text-align: center;
	position: fixed;
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/bg.png");
	left: 0;
	top: 0;
	z-index: 99;
}
.topbarBox_1 {
	background: #333 !important;
}
.logo {
	width: 90px !important;
	height: 35px !important;
	float: none !important; 
}
	.logo img{ width: 90px !important;
	height: 35px !important;
	float: none !important; 
	margin: 12px 10px 0 0 !important;}
.right {
	float: right;
	width: 20px;
	height: 20px;
	margin: 20px;
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/rightBtn.png") no-repeat;
	background-size: 20px;
}
.right1 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/rightBtn2.png") no-repeat;
	background-size: 20px;
}
.left {
	float: left;
	width: 40px;
	height: 20px;
	margin: 20px;
	color: #ddc59e;
}
.yapiskan {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	transition: top .5s;
}
.gizle {
	top: -90px;
}
.sabit {
	top: 0;
	z-index: 99;
}
/*menuBox*/
	.cs {
    float: none;
    width:100%;
    margin: 0 auto;
}
	.cc {
    float: left;
    width:90%;
    padding:5% ;
		clear: both;background: #FFF
}
.menuBox {
	float: left;
	width: 100%;
	overflow: auto;
	background: #333;
	display: none;
}
.menuBox ul {
	float: left!important;
	width: 100% !important;
	overflow: auto!important;
	margin-left: 0 !important;
	margin-top: 10px!important;
	padding-bottom: 130px!important;
	height: auto!important;
}
.menuBox li {
	float: left;
	width: 100%!important;
	border-bottom: 1px #777 solid;
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/menuBtn1.png") no-repeat right 5% top 25px;
	background-size: 15px;
	text-align: left;
	height: auto !important;
	line-height:auto !important;
}
.menuBox li:first-child {
	background: none;
}
.menuBox li span {
	float: left;
	width: 95%;
	padding: 15px 0 15px 5%;
	color: #fff;
	font-size: 18px;
}
.menuBox li a {
	float: left;
	width: 95% !important;
	text-align:  left !important;
	padding: 15px 0 15px 5%!important;
	color: #fff;
	font-size: 18px!important;
	margin-top:0 !important;
}
.menuBox .cur span {
	color: #c6ac81 !important;
}
.menuBox .cur {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/menuBtn2.png") no-repeat right 5% top 25px;
	background-size: 15px;
}
.menuBox li dl {
	float: left!important;
	width: 90% !important;
	height: auto !important;
	display: none;
	padding: 0!important;
	background: none !important;
	position: static !important;
}
	.menuBox ul li dl dd:first-child{ 
	margin-left:auto !important}
	.menuBox ul li dl dd{ float:none!important}
.menuBox li dd a {
	float: left!important;
	width: 100%!important;
	color: #fff!important;
	line-height: 40px!important;
	padding: 0!important;
	font-size: 16px!important;
}
.menuBox li .cur1 {
	color: #c6ac81!important;
}
/*swiper1*/
.swiperBox1 {
	float: left;
	width: 100%;
	/*height: 300px;*/
	position: relative;
	margin-top: 60px;
}
.swiperBox1 .swiper-wrapper {
	width: 100%;
	top: 300px;
	height: 300px;
	opacity: .5;
}
.swiperBox1 .swiper-pagination {
	width: 100% !important;
	text-align: center;
}
.swiperBox1 .swiper-pagination-bullet-active {
	width: 10px;
	height: 10px;
	background: none !important;
	border: 1px #fff solid;
}
.swiperBox1 .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: #fff;
	border: 1px #fff solid;
	opacity: 1;
}
.swiperBox1 .swiper-slide {
	position: relative;
	text-align: center;
	height: 300px;
	overflow: hidden;
	vertical-align: middle;
}
.swiperBox1 .swiper-slide img {
	width: 100%;
	height: 300px !important;
}
.swiperBox1 .swiper-slide span {
	position: absolute;
	left: 0;
	top: 100px !important;
	width: 100%;
	text-align: center;
	color: #fff;
	z-index: 80;
	font-size: 1.5em;
	line-height: 2em;
	font-weight: 400;
	text-transform: uppercase;
}
.swiperBox1 .swiper-slide span p {
	line-height: 1.4em;
}
.swiperBox1 .swiper-slide span b {
	font-size: 1.4em;
}
.swiperBox1 .swiper-slide span a:hover {
	color: #c5ab80;
	background: #fff;
}
/*swiper2*/
.swiperBox2 {
	width: 100%;
	left: 0%;
	top: 0;
	position: relative;
	margin-bottom: 15px;
	background: none;
	padding-top: 10px;
}
.swiperBox2 .name {
	width: 30%
}
.swiperBox2 .swiper-wrapper {
	width: 500% !important;
}
.swiperBox2 .swiper-slide {
	float: left;
	padding: 0!important;
	width: 8.6% !important;
	height: auto!important;
	margin-bottom: 5px !important;
	font-size: 12px!important;
	margin: 1% 0 0 1% !important
}
.swiperBox2 .swiper-slide img {
	width: 100%;
	height: auto;
}
.swiperBox2 .swiper-slide span {
	display: none !important;
}
.swiperBox2 .swiper-pagination {
	position: relative !important;
	bottom: -15px;
	font-size: 12px !important;
}
.swiperBox2 .swiper-pagination-total {
	color: #999;
	font-size: 12px !important;
}
.swiperBox2 .swiper-pagination-current {
	color: #bea274;
}
.swiperBox2 .swiper-container {
	width: 100%;
}
.swiperBox2 .swiper-container-3d .swiper-slide-shadow-left {
	background: rgba(255, 255, 255, .8)
}
.swiperBox2 .swiper-container-3d .swiper-slide-shadow-right {
	background: rgba(255, 255, 255, .8)
}
/*swiper3*/
.swiperBox3 {
	width: 260%;
	left: -80%;
	top: 0;
	position: relative;
	margin-bottom: 15px;
}
.swiperBox3 .swiper-slide {
	float: left;
	margin-right: 10px !important;
	background: #fff;
}
.swiperBox3 .swiper-slide img {
	/* width: 90%;
	margin: 15px 5%; */
	max-width: 90%;
	height: 180px;
	margin: 15px 5%;
}
.swiperBox3 .swiper-slide p {
	color: #999;
	font-style: normal;
	font-size: 12px;
	text-align: left;
	margin: 15px 5%;
}
.swiperBox3 .swiper-slide h4 {
	color: #333;
	text-align: left;
	margin: 0 5%;
}
.swiperBox3 .swiper-pagination {
	position: relative !important;
	bottom: -15px;
	font-size: 14px !important;
}
.swiperBox3 .swiper-pagination-total {
	color: #999;
	font-size: 14px !important;
}
.swiperBox3 .swiper-pagination-current {
	color: #bea274;
}
.swiperBox3 .swiper-container-3d .swiper-slide-shadow-left {
	background: rgba(255, 255, 255, .8)
}
.swiperBox3 .swiper-container-3d .swiper-slide-shadow-right {
	background: rgba(255, 255, 255, .8)
}
	
/*group-detail*/
	.group-detail{ width:94%; margin: 3%; padding-bottom:64px;}
	.group-detail-hd{ margin-top:12px;}
	.group-detail-hd span{ padding-bottom:7px;}
	.group-detail-hd h1{ font-size: 18px;}
	.group-detail-bd p{ text-indent:2em;}
/*sub-brand*/
	.sub-brand-con{ width:94%; margin: 3%; padding-bottom:64px;}
	.sub-brand-con ul,.sub-brand-con ul li,.sub-brand-con ul li .con-infor h3,.sub-brand-con ul li .con-infor p,.sub-brand-con ul li img{ width:100%; height:auto} 
/*group-list*/
	.group-list{ width:94%; margin: 3%; padding-bottom:64px;}
	.group-list ul li{display:flex;justify-content: center;flex-flow: column; align-content: center; height: auto}
	.group-list.media-list ul li .infor,.group-list.media-list ul li .infor-ft{ margin:0; padding: 10px;}
	.group-list ul li img{ width:100%; height:auto} 
/*textBox5*/
	.cc .textBox5 ul{    background: url(https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/events_bg.gif) repeat-y 20px; padding-top: -20px; margin: -5% 0 0 }
	.cc .textBox5 ul li,.cc .textBox5 p{ width: 100%;margin: 0; padding: 0;min-height: auto}
	.cc .textBox5 ul li .text{ width:94%; padding: 3%;}
	.cc .textBox5 ul li{ margin-top:60px !important; }
	.cc .textBox5 ul .fl span,.cc .textBox5 ul .fr span{    width:auto; text-align: left; color: #333;left: 25px;top: -40px;margin-bottom:0px;font-size:2em; background: none; font-weight: 400; }
	.cc .textBox5 ul .fl span b,.cc .textBox5 ul .fr span b{display: none;}
/*textBox*/
.textBox {
	float: left;
	width: 100%;
	overflow: hidden;
	margin: 20px 0 0 0;
	/* padding: 20px 0; */
	background: #fff;
	position: relative;
	color: #d2d2d2;
	text-align: center;
}
.textBox p {
	margin-top: 0;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-style: italic;
}
.textBox .title {
	color: #bea274;
	font-size: 1.5em;
	font-style: normal;
}
/*btnUl*/
.btnUl {
	float: left;
	width: 100%;
}
.btnUl1 li {
	float: left;
	width: 33%;
}
.btnUl1 li a {
	float: left;
	color: #333;
	font-size: 14px;
	padding-top: 60px;
	height: 20px;
	width: 100%;
}
.btnUl1 li .icon1 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/icon1.png") no-repeat top center;
	background-size: 50px;
}
.btnUl1 li .icon2 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/icon2.png") no-repeat top center;
	background-size: 50px;
}
.btnUl1 li .icon3 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/icon3.png") no-repeat top center;
	background-size: 50px;
}
.btnUl2 li {
	float: left;
	width: 49%;
}
.btnUl2 li:first-child {
	border-right: 1px #ccc solid;
}
.btnUl2 a {
	color: #999;
}
/*banner*/
.top-video{
	margin-top: 60px!important;
}
.bannerBox {
	float: left;
	position: relative;
	font-size: 1em;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.bannerBox img {
	height: 300px;
	width: auto;
}
.bannerBox .text {
	float: left;
	position: absolute;
	width: 100%;
	left: 0;
	top: 45%;
	color: #fff;
	text-align: center;
	font-size: 100%;
	text-transform: uppercase;
}
.bannerBox .text h1 {
	margin: 0;
	padding: 0 0 10px 0;
}
.bannerText {

	padding: 15px 10px;
	margin: 0;
	color: #999;
	font-size: 14px;
}
.bannerBox2 {

	position: relative;
	font-size: 1em;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.bannerBox2 img {
	height: 300px;
	width: 100% !important;
	margin: 0 !important;
	object-fit: cover;
}
.bannerBox2 .text {
	float: left;
	position: absolute;
	width: 100%;
	left: 0;
	top: 30%;
	color: #fff;
	text-align: center;
	font-size: 100%;
	text-transform: uppercase;
}
.bannerBox2 .text img {
	width: auto !important;
	height: 60px !important;
}
.bannerBox2 .text a img {
	height: 80px !important;
}
/*newtitle*/
.newtitle {
	float: left;
	width: calc(100% - 55px);
	color: #666;
	padding: 10px 20px 10px 35px;
	text-align: left;
	border-bottom: 1px #e9e9e9 solid;
	line-height: 30px;
}
.newtitle a {
	background: #c4aa7f;
	padding: 5px 10px;
	text-align: center;
	color: #fff;
	line-height: 20px;
}
.newtitle2 {
	float: left;
	width: 100%;
	color: #c6ac81;
	padding: 0;
	margin-bottom: 15px;
	text-align: left;
	border-bottom: 1px #c3c3c3 solid;
	line-height: 30px;
}
.newtitle2 span {
	float: left;
	width: calc(50% - 40px);
	border-bottom: 2px #c6ac81 solid;
	padding: 5px 20px;
	font-size: 18px;
}
.newtitle2 a {
	float: right;
	color: #626262;
	padding-right: 5%;
	line-height: 40px;
}
.newBtn {
	float: left;
	background: #c4aa7f;
	color: #fff;
	width: 90%;
	margin: 20px 5% 0 5%;
	padding: 15px 0;
	text-align: center;
}
.imgBox, .anliBox {
	clear: both;
	padding: 0 5%;
}
.imgBox img {
	float: left;
	width: 33%;
	margin: 20px 0 0 0;
}
.anliBox img {
	width: 100%;
}
.anliBox .anli {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 20px;
}
.anliBox .anli span {
	position: absolute;
	z-index: 99;
	color: #fff;
	width: 100%;
	height: 100%;
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/capital_anli_bg.png");
	top: 0;
	left: 0;
	display: none;
}
.anliBox .anli span img {
	width: auto !important;
	margin-top: 13%;
}
/*newsList*/
.newsTime {
	float: left;
	width: calc(100% - 55px);
	color: #666;
	padding: 10px 20px 10px 35px;
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/time.gif") no-repeat left 10px center;
	background-size: 5%;
	text-align: left;
}
.newsTime .year {
	float: right;
}
.newsList {
	float: left;
	background: #fff;
	padding: 10px 0;
}
.newsList ul {
	float: left;
	padding-top: 10px;
	overflow: hidden;
}
.newsList li {
	float: left;
	padding: 15px;
	border-top: 1px #e3e3e3 solid;
	width: calc(100% - 30px);
}
.newsList li a img {
	float: left;
	width: 120px !important;
	height: 74px;
	margin: 0 !important;
}
.newsList li a h4 {
	float: left;
	color: #333;
	text-align: left;
	width: calc(100% - 140px);
	max-height: 58px;
	overflow: hidden;
	margin: 0;
	font-size: 14px;
	padding: 0 10px;
}
.newsList li a span {
	float: left;
	width: calc(100% - 140px);
	padding: 10px;
	text-align: left;
	color: #999;
}
.newsBox {
	float: left;
	background: #fff;
	padding: 10px 20px;
	margin-top: 80px;
}
.newsBox .time {
	color: #999;
	height: 30px;
	line-height: 30px;
	padding: 5px 30px 20px 30px;
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/time2.gif") no-repeat left top 7px;
	background-size: 16px;
}
.newsBox img {
	width: 100%;
}
.newsBox h3 {
	color: #333;
}
.newsBox p {
	color: #999;
}
.responsibilityList {
	float: left;
	padding: 10px 0;
}
.responsibilityList ul {
	float: left;
	padding-top: 10px;
}
.responsibilityList li {
	float: left;
	/* padding: 15px 10px; */
	background: #fff;/* margin-bottom: 20px; */
}
.responsibilityList li img {
	width: 100%;
}
.responsibilityList li h4 {
	float: left;
	color: #333;
	text-align: left;
	width: 92%;
	margin: 0;
	font-size: 18px;
	padding: 0 4%;
}
.responsibilityList li span {
	float: left;
	width: calc(100% - 20px);
	padding: 10px;
	text-align: left;
	color: #999;
	font-size: 14px;
}
.coreList {
	float: left;
	padding: 10px 0;
}
.coreList ul {
	float: left;
	padding-top: 10px;
	background: #fff;
}
.coreList li {
	float: left;
	padding: 15px 10px;
}
.coreList li img {
	width: 100%;
}
.coreList li h4 {
	float: left;
	color: #333;
	text-align: left;
	width: calc(100% - 20px);
	margin: 0;
	font-size: 18px;
	padding: 10px;
}
.coreList li span {
	float: left;
	width: calc(100% - 20px);
	padding: 10px;
	text-align: left;
	color: #999;
	font-size: 14px;
}
.coreList li .bg1 {
	background-size: auto 44px;
}
.coreList li .bg2 {
	background-size: auto 44px;
	text-align: right;
}
.coreList li .bg3 {
	background-size: auto 44px;
}
.coreList li .bg4 {
	background-size: auto 44px;
	text-align: right;
}
.profileList {
	float: left;
	padding: 10px 0;
}
.profileList ul {
	float: left;
	padding-top: 10px;
}
.profileList li {
	float: left;
	padding: 15px 10px;
	background: #fff;
	margin-bottom: 20px;
}
.profileList li img {
	width: 100%;
}
.profileList li h4 {
	float: left;
	color: #333;
	text-align: left;
	width: calc(100% - 20px);
	margin: 0;
	font-size: 18px;
	padding: 10px;
}
.profileList li span {
	float: left;
	width: calc(100% - 20px);
	padding: 10px;
	text-align: left;
	color: #999;
	font-size: 14px;
}
.profileList li .bg1 {
	background-size: auto 44px;
}
.profileList li .bg2 {
	background-size: auto 44px;
	text-align: right;
}
/*选锟斤拷锟*/
.bbg {
	width: 100%;
	height: calc(100% + 70px);
	background: #000;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	display: none;
}
.pdiv {
	position: absolute;
	z-index: 999;
	display: none;
}
#show {
	margin: auto;
	float: left;
	background: #fff;
	width: 200px;
	max-height: 300px;
	border-radius: 10px;
	overflow: auto;
}
#show li {
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-bottom: 1px #e3e3e3 solid;
	color: #333;
}
/*锟斤拷锟铰硷拷*/
.eventsList li {
	float: left;
	width: calc(100% - 10px);
	text-align: left;
	margin-left: 10px;
	margin-bottom: 10px;
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/events_icon1.gif") no-repeat left 3px top  12px;
	background-size: 20px;
}
.eventsList li span {
	float: right;
	color: #333;
	height: 40px;
	line-height: 40px;
	padding: 0 20px 0 0;
	width: calc(100% - 55px);
	border-bottom: 1px #e3e3e3 solid;
}
.eventsList li .ll {
	color: #bea274;
	border-bottom: 0;
}
.eventsList li p {
	float: left;
	border-left: 1px #e3e3e3 solid;
	text-align: left;
	padding: 0 20px;
	margin-top: 15px;
	font-style: normal;
	font-size: 15px;
	margin-left: 12px;
	display: none;
}
.eventsList li p img {
	width: 100%;
	margin: 10px 0;
}
.eventsList li .btn {
	float: right;
	width: 30px;
	height: 40px;
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/events_icon2.gif") no-repeat center center;
	margin: 0;
	background-size: 15px;
}
.eventsList li .btn1 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/events_icon3.gif") no-repeat center center;
	background-size: 15px;
}
/*锟斤拷系锟斤拷锟斤拷*/
.contactTab {
	height: 52px;
	border-bottom: 1px #e8e8e8 solid;
	margin-bottom: 30px;
}
.contactTab li {
	float: left;
	line-height: 50px;
	text-align: center;
	width: 50%;
	cursor: pointer;
	color: #666;
	font-size: 1em;
}
.contactTab .cur {
	color: #cab28b;
	border-bottom: 2px #cab28b solid;
}
.contactList {
	height: 480px;
}
.tabList .mapBox {
	float: left;
	width: 90%;
	padding: 0 5%;
}
.tabList .mapBox img {
	width: 100%;
}
.tabList .mapBox ul {
	margin-top: 10px;
}
.tabList .mapBox ul li {
	float: left;
	width: calc(98% - 30px);
	margin: 5px 1%;
	color: #666 !important;
	line-height: 30px;
	font-size: 14px;
	text-align: left;
	padding-left: 30px;
}
.tabList .mapBox ul .icon1 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/contact_icon1.gif") no-repeat left center;
}
.tabList .mapBox ul .icon2 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/contact_icon2.gif") no-repeat left center;
}
.tabList .mapBox ul .icon3 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/contact_icon3.gif") no-repeat left center;
}
.hide {
	display: none !important;
}
/*锟斤拷锟斤拷锟狡*/
.recruitBox {
	padding: 20px 5% 0 4%;
}
.recruitBox li {
	text-align: left;
	line-height: 40px;
	padding-left: 30px;
	color: #999;
}
.recruitBox li span {
	float: right;
}
.recruitBox2 {
}
.recruitBox2 li {
	text-align: left;
	color: #999;
	border-bottom: 1px #e3e3e3 solid;
	padding: 15px 10% 15px 5%;
	font-size: 14px;
	overflow: hidden;
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/list_icon.gif") no-repeat right 15px  center;
	background-size: 10px;
}
.recruitBox2 li a {
	color: #999;
}
.recruitBox3 {
}
.recruitBox3 li {
	text-align: left;
	line-height: 45px;
	padding: 0 20px;
	color: #999;
	border-bottom: 1px #e3e3e3 solid;
}
.recruitBox3 li a {
	color: #333;
}
.recruitBox3 li span {
	float: right;
	color: #d0d0d0;
}
.selectBox {
	padding: 10px 5%;
}
.selectBox label {
	float: left;
	width: 100%;
	color: #999;
	margin: 15px 0 5px 0;
	font-size: 14px;
	text-align: left;
}
.selectBox select {
	width: 100%;
	color: #999;
	background-color: transparent;
	padding: 15px 5%;
	border: 1px #dfdfdf solid;
	border-radius: 0;
	font-size: 14px;
}
.selectBox select:focus {
	border: 1px #c4aa7f solid;
	color: #c4aa7f;
}
.selectBox select option {
	padding: 15px 0;
}
.selectBox select option:hover {
	background: #eeeae4;
	color: #c4aa7f;
}
.selectBox input {
	width: 90%;
	height: 18px;
	color: #999;
	background-color: transparent;
	padding: 15px 5%;
	border: 1px #dfdfdf solid;
	border-radius: 0;
	font-size: 14px;
}
.recruitTab {
	height: 52px;
	border-bottom: 1px #e8e8e8 solid;
}
.recruitTab li {
	float: left;
	line-height: 50px;
	text-align: center;
	width: 25%;
	cursor: pointer;
	color: #666;
	font-size: 1em;
}
.recruitTab .cur {
	color: #cab28b;
	border-bottom: 2px #cab28b solid;
}
.tabList2 {
	padding: 0;
}
.tabList2 .mapBox {
	clear: both;
}
.tabList2 .mapBox img {
	width: 92%;
	margin: 20px 4%;
}
.ol {
	list-style-type: none;
	counter-reset: sectioncounter;
	padding: 20px 5% 0 4%;
	margin: 0 !important;
}
.ol li {
	color: #999;
	text-align: left;
	font-size: 15px;
	margin-bottom: 10px;
}
.ol li:before {
	border: 1px #999 solid;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	float: left;
	line-height: 16px;
	font-size: 12px;
	text-align: center;
	margin: 0 10px 0 0;
	content: counter(sectioncounter) "";
	counter-increment: sectioncounter;
}
.flowsBox {
	float: left;
	width: 90%;
	margin: 30px 5% 0 5%;
	height: 500px;
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/flows_bg.gif") no-repeat top center;
	background-size: auto 430px;
}
.flowsBox li {
	float: left;
	width: 50%;
	height: 110px;
	overflow: hidden;
}
.flowsBox span {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 calc(70% - 62px);
	border-radius: 50%;
	background: #fff;
	overflow: hidden;
	border: 1px #dfdfdf solid;
	line-height: 100px;
}
.flowsBox a {
	color: #616161;
	font-size: 14px;
	float: none;
	margin: 0 auto;
}
.flowsBox li:first-child {
	width: 100%;
}
.flowsBox li:first-child span {
	margin: 0 calc(60% - 62px);
}
.flowsBox .img1 {
	background: #fff url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/Campusrecruiting_1_0.png") center  center no-repeat;
	background-size: 80%;
	transition: background 1s;
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	-o-transition: background 1s;
}
.flowsBox .img1:hover {
	background: #c4aa7f url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/Campusrecruiting_1_1.png") center  center no-repeat;
	border: 1px #c4aa7f solid;
	background-size: 80%;
}
.flowsBox .img2 {
	background: #fff url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/Campusrecruiting_2_0.png") center  center no-repeat;
	background-size: 80%;
	transition: background 1s;
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	-o-transition: background 1s;
}
.flowsBox .img2:hover {
	background: #c4aa7f url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/Campusrecruiting_2_1.png") center  center no-repeat;
	border: 1px #c4aa7f solid;
	background-size: 80%;
}
.flowsBox .img3 {
	background: #fff url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/Campusrecruiting_3_0.png") center  center no-repeat;
	background-size: 80%;
	transition: background 1s;
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	-o-transition: background 1s;
}
.flowsBox .img3:hover {
	background: #c4aa7f url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/Campusrecruiting_3_1.png") center  center no-repeat;
	border: 1px #c4aa7f solid;
	background-size: 80%;
}
.flowsBox .img4 {
	background: #fff url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/Campusrecruiting_4_0.png") center  center no-repeat;
	background-size: 80%;
	transition: background 1s;
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	-o-transition: background 1s;
}
.flowsBox .img4:hover {
	background: #c4aa7f url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/Campusrecruiting_4_1.png") center  center no-repeat;
	border: 1px #c4aa7f solid;
	background-size: 80%;
}
.flowsBox .img5 {
	background: #fff url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/Campusrecruiting_5_0.png") center  center no-repeat;
	background-size: 80%;
	transition: background 1s;
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	-o-transition: background 1s;
}
.flowsBox .img5:hover {
	background: #c4aa7f url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/Campusrecruiting_5_1.png") center  center no-repeat;
	border: 1px #c4aa7f solid;
	background-size: 80%;
}
.flowsBox .img6 {
	background: #fff url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/Campusrecruiting_6_0.png") center  center no-repeat;
	background-size: 80%;
	transition: background 1s;
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	-o-transition: background 1s;
}
.flowsBox .img6:hover {
	background: #c4aa7f url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/Campusrecruiting_6_1.png") center  center no-repeat;
	border: 1px #c4aa7f solid;
	background-size: 80%;
}
.flowsBox .img7 {
	background: #fff url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/Campusrecruiting_7_0.png") center  center no-repeat;
	background-size: 80%;
	transition: background 1s;
	-moz-transition: background 1s;
	-webkit-transition: background 1s;
	-o-transition: background 1s;
}
.flowsBox .img7:hover {
	background: #c4aa7f url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/Campusrecruiting_7_1.png") center  center no-repeat;
	border: 1px #c4aa7f solid;
	background-size: 80%;
}
.flowsBox2 {
	float: left;
	width: 90%;
	margin: 30px 5% 0 5%;
	height: 500px;
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/flows_bg2.jpg") no-repeat top center;
	background-size: auto 495px;
}
.flowsBox2 li {
	float: left;
	width: 50%;
	height: 110px;
	overflow: hidden;
}
.flowsBox2 span {
	float: left;
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin: 0 calc(70% - 62px);
	border-radius: 50%;
	background: #fff;
	color: #c4aa7f;
	overflow: hidden;
	border: 1px #dfdfdf solid;
}
.flowsBox2 span:hover {
	background: #c4aa7f;
	color: #fff;
	border: 1px #c4aa7f solid;
}
.flowsBox2 a {
	color: #616161;
	font-size: 14px;
	float: none;
	margin: 0 auto;
}
.flowsBox2 li:first-child {
	width: 100%;
}
.flowsBox2 li:first-child span {
	margin: 0 calc(60% - 62px);
}
.flowsBox2 li:last-child {
	width: 100%;
}
.flowsBox2 li:last-child span {
	margin: 0 calc(60% - 62px);
}
.flowsBox3 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/flows_bg.gif") no-repeat top center;
	background-size: auto 430px;
}
.fuliBox {
}
.fuliBox li {
	float: left;
	width: 33%;
	height: 120px;
	border-right: 1px #e7e7e7 solid;
	border-bottom: 1px #e7e7e7 solid;
	vertical-align: middle;
	color: #666;
}
.fuliBox li img {
	width: 35% !important;
	margin: 30px 0 0 0 !important;
}
/*锟斤拷锟斤拷锟斤拷学*/
.luolaiu {
	width: 90%;
	margin: 20px 5% 0 5%;
}
.recruit_icon1 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/icon_02.gif") no-repeat left 10px center;
	background-size: 20px;
}
.recruit_icon2 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/icon_06.gif") no-repeat left 14px center;
	background-size: 16px;
}
.recruit_icon3 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/icon_01.gif") no-repeat left 14px center;
	background-size: 16px;
}
.recruit_icon4 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/icon_03.gif") no-repeat left 0 top 12px;
	background-size: 16px;
}
.recruit_icon5 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/icon_04.gif") no-repeat left 0 top 12px;
	background-size: 16px;
}
.recruit_icon6 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/icon_05.gif") no-repeat left 0 top 12px;
	background-size: 16px;
}
/*锟斤拷锟斤拷锟斤拷*/
.luolaiTab {
	height: 52px;
	border-bottom: 1px #e8e8e8 solid;
}
.luolaiTab li {
	float: left;
	line-height: 50px;
	text-align: center;
	width: 33%;
	cursor: pointer;
	color: #666;
	font-size: 1em;
}
.luolaiTab .cur {
	color: #cab28b;
	border-bottom: 2px #cab28b solid;
}
/*投锟斤拷锟竭癸拷系*/
.investorBox {
	background: #f5f5f5;
	padding: 20px;
	text-align: left;
	color: #333;
	margin: 0 5%;
}
.investorBox b {
	font-size: 34px;
}
.investorBox .red {
	color: #f33232;
}
.investorBox .green {
	color: #3aa64a;
}
.echartBox {
	float: left;
	width: 100%;
	height: 270px;
	overflow: hidden;
}
.echartBox #data03 {
	float: left;
	width: 140%;
	height: 300px;
	left: -20%;
}
/*投锟斤拷锟竭伙拷锟斤拷*/
.interactionBox {
	float: left;
	border: 1px #e6e6e6 solid;
	padding: 0 5%;
	margin: 20px 5% 0 5%;
	background: #fff;
}
.interactionBox p {
	padding-left: 50px;
	color: #a1a1a1;
	font-style: normal;
	text-align: left;
}
.interactionBox p:first-child {
	color: #666;
}
.interactionBox .icon1 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/interaction_icon1.gif") no-repeat;
	background-size: 30px;
}
.interactionBox .icon2 {
	background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/interaction_icon2.gif") no-repeat;
	background-size: 30px;
}
.form {
	padding: 20px 5% 0 5%;
}
.form li {
	float: left;
	width: 100%;
	border: 1px #e6e6e6 solid;
	background: #fff;
	margin-bottom: 10px;
}
.form li span {
	float: left;
	width: 20%;
	color: #333;
	text-align: right;
	height: 50px;
	line-height: 50px;
}
.form li input {
	float: left;
	width: 73%;
	border: 0;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	padding-left: 2%;
}
.form textarea {
	float: left;
	width: 90%;
	border: 1px #e6e6e6 solid;
	background: #fff;
	font-size: 16px;
	margin-bottom: 10px;
	padding: 15px 5%;
	border-radius: 0;
	box-shadow: none;
}
.interaction {
	padding: 0 5%;
	width: 90%;
}
.interaction h3 {
	color: #333;
	text-align: left;
	margin-bottom: 10px;
}
.interaction p {
	float: left;
	text-align: left;
	font-style: normal;
	width: 100%;
	font-size: 14px;
	color: #666;
}
/*锟斤拷锟教硷拷锟斤拷*/
.joinusBox {
	padding: 0 5%;
	padding-bottom: 15px;
	font-size: 14px;
}
.joinusBox li {
	margin-top: 15px;
}
.joinusBox li div {
	padding: 0 5%;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	color: #666;
	text-align: left;
	background: #f1f1f1 url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/joinus_icon2.gif") no-repeat right  5px center;
	background-size: 15px;
}
.joinusBox li p {
	display: none;
	text-align: left;
	font-style: normal;
	margin-top: 10px;
}
.joinusBox .ll p {
	display: block;
}
.joinusBox .ll div {
	background: #f1f1f1 url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/joinus_icon1.gif") no-repeat right  5px center;
	background-size: 15px;
}
/*锟缴癸拷锟叫憋拷*/
.procurmentTitle {
	margin: 0 5%;
	padding: 0 5%;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	color: #626262;
	text-align: left;
	background: #dcdcdc;
	background-size: 15px;
}
.procurmentTitle a {
	float: right;
	color: #626262;
}
.procurmentList {
	float: left;
	width: 90%;
	display: table-row;
	margin: 0 5%;
	border-bottom: 1px #f1f1f1 solid;
}
.procurmentList li {
	float: left;
	display: table-cell;
	width: 60%;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	font-size: 14px;
}
.procurmentList li:last-child {
	width: 40% !important;
	text-align: right;
}
.procurmentList li:first-child {
	text-align: left;
}
.procurmentList a {
	float: left;
	width: 90%;
	color: #626262;
	padding: 0 5%;
}
.procurmentList a:hover {
	background: #f7f2ec;
	color: #a2814c;
}
.gplist {
}
.gplist ul {
	float: left;
	width: 100%;
	border-bottom: 1px #f7f7f7 solid;
	display: table-row;
}
.gplist ul li {
	float: left;
	display: table-cell;
	width: 18%;
	overflow: hidden;
	font-size: 14px;
	line-height: 50px;
	height: 50px;
	color: #333;
}
.gplist ul li:first-child {
	width: 28%;
}
.gplist ul:first-child {
	background: #d1ba94;
}
.gplist ul:first-child li {
	color: #fff;
}
.gplist ul li .red {
	color: #d62926;
}
.gplist ul li .green {
	color: #3aa64a;
}
.gplist1 ul {
	float: left;
	width: 100%;
	border-bottom: 1px #f7f7f7 solid;
	display: table-row;
}
.gplist1 ul li {
	float: left;
	display: table-cell;
	width: 26%;
	overflow: hidden;
	font-size: 14px;
	line-height: 50px;
	height: 50px;
	color: #333;
}
.gplist1 ul li:last-child {
	width: 22%;
}
.gplist1 ul:first-child {
	background: #d1ba94;
}
.gplist1 ul:first-child li {
	color: #fff;
}
.gplist1 ul li .red {
	color: #d62926;
}
.gplist1 ul li .green {
	color: #3aa64a;
}
/*锟叫憋拷锟斤拷锟斤拷*/
/* .listline .listline-row {
	opacity: 0;
	-moz-transition-property: opacity;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition-duration: 1s;
}

.listline .active {
	opacity: 1;
} */

/* .sharesTab .swiper-slide{ float: left; width: 33%; text-align: center;} */
.sharesTab .swiper-slide img {
	width: 80%;
}
/*锟轿癸拷锟斤拷业*/
.sharesTab {
	float: left;
	/* background: url("https://pic1.luolai.tech/upfiles/activity/luolaigroup/images/bg.png"); */
	background-color: #fff;
	padding: 10px 0;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 95;
}
.sharesTab li {
	float: left;
	width: 33%;
	text-align: center;
}
.sharesTab li img {
	width: 80%;
}
.sharesTab .cur {
	border-bottom: 2px #ddc59e solid;
}
/*footer*/
.footer {
	float: left;
	width: 100%;
	font-size: 13px;
	text-align: center;
	color: #c4c3c3;
	background: #fff;
	padding: 20px 0 20px 0;
}
.opacity {
	-webkit-animation: opacity 0.5s linear;
	animation: opacity 0.5s linear;
}
 @ -webkit-keyframes opacity {
0% {opacity: 0;}
100% {opacity: 1;}
}
@ keyframes opacity {
0% { opacity: 0;}
100% {opacity :1;}
}
/******************锟斤拷锟斤拷锟斤拷锟斤拷*****************/
#shade {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
}
/* css pad */
@ keyframes arow {
0% {
 opacity: 0
}
 50% {
opacity : 1
}
100% {
opacity : 0
}
}
@ -webkit-keyframes arow {
0% {opacity: 0
}
 50% {
opacity : 1
}
100% {opacity :0}
}
@ -moz-keyframes arow {
0% {
 opacity: 0
}
 50% {
opacity : 1
}
100% {
opacity : 0
}
}
@ keyframes padroate {
0% {
 opacity: 0;
 transform: rotate(0deg);
}
 10% {
opacity :1;
transform :rotate(0deg);
}
20%, 80% {
opacity :1;
transform :rotate(90deg);
}
100% {
opacity :0;
transform :rotate(90deg);
}
}
@ -webkit-keyframes padroate {
0% {
 opacity: 0;
 -webkit-transform: rotate(0deg);
}
 10% {
opacity :1;
-webkit-transform :rotate(0deg);
}
20%, 80% {
opacity :1;
-webkit-transform :rotate(90deg);
}
100% {
opacity : 0;
-webkit-transform :rotate(90deg);
}
}
@ -moz-keyframes padroate {
0% {
 opacity: 0;
 -moz-transform: rotate(0deg);
}
 10% {
opacity :1;
-moz-transform :rotate(0deg);
}
20%, 80% {
opacity :1;
-moz-transform :rotate(90deg);
}
100% {
opacity:0;
-moz-transform :rotate(90deg);
}
}
@ -ms-keyframes padroate {
0% {
 opacity: 0;
 -ms-transform: rotate(0deg);
}
 10% {
opacity : 1;
-ms-transform :rotate(0deg);
}
20%, 80% {
opacity : 1;
	-ms-transform :rotate(90deg);
}
100% {
opacity : 0;
-ms-transform :rotate(90deg);
}
}
.padArow {
	top: 50%;
	left: 50%;
	position: absolute;
	width: 50px;
	height: 50px;
	border-left: solid 6px #000;
	border-radius: 0 0 0 49px;
	margin: -15px 0 0 -90px;
	-webkit-animation: arow 2s linear infinite;
	animation: arow 2s linear infinite;
}
.padArow:after {
	position: relative;
	bottom: 12px;
	right: 15px;
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 12px 12px 12px;
	border-color: transparent transparent #000 transparent;
}
.trasfrm {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: #f3f3f3;
	left: 0;
	top: 0;
	display: none;
}
.iconPad_1 {
	position: absolute;
	left: 50%;
	top: 38%;
	margin: -40px 0 0 -60px;
	opacity: 0.4;
	width: 120px;
	height: 80px;
	background: #fff;
	border: solid 2px #000;
	border-radius: 8px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px;
}
.iconpad_2 {
	border-radius: 5px;
	width: 100%;
	height: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 8px solid #000;
	background-image: -moz-linear-gradient(-90deg, rgba(29, 29, 29, 0),  rgba(153, 153, 153, 1) );
	background-image: -webkit-linear-gradient(-90deg, rgba(29, 29, 29, 0),  rgba(153, 153, 153, 1) );
	background-image: -ms-linear-gradient(-90deg, rgba(29, 29, 29, 0),  rgba(153, 153, 153, 1) );
}
.iconpad_2:before {
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 84px 64px 0 0;
	border-color: rgba(255, 255, 255, 0.1) transparent transparent  transparent;
}
.trmoct {
	opacity: 1;
}
.trapf {
	text-align: center;
	width: 100%;
	height: 20px;
	line-height: 20px;
	font-size: 18px;
	color: #333;
	position: fixed;
	bottom: 15%;
}
/* animate */
.trmoct {
	transform-origin: center 60px;
	-webkit-animation: padroate 3s ease-in infinite 0.3s;
	animation: padroate 3s ease-in infinite 0.3s;
	-webkit-transform-origin: center 60px;
}
.innerCircle {
	display: none;
}

/*锟斤拷锟斤拷锟斤拷示*/
@media not screen and (orientation:portrait) {
 .ds768 {
 display: block
}
}

/**/
@media only screen and (max-height: 416px) {
}

/**/
@media only screen and (max-height: 430px) {
}
/**/
@media only screen and (max-height: 500px) {
}
/**/
@media only screen and (max-height: 590px) {
}
/*锟斤拷息锟斤拷露*/
.newsBox1 {
	width: 99%;
}
.newsBox1 ul {
	float: left;
	width: 100%;
}
.newsBox1 ul li {
	float: left;
	width: 99%;
	height: 120px;
	border: 1px #e6e6e6 solid;
	margin-bottom: 20px;
	/* padding-right: 3%; */
	transition: box-shadow 1s;
	-moz-transition: box-shadow 1s; /* Firefox 4 */
	-webkit-transition: box-shadow 1s; /* Safari and Chrome */
	-o-transition: box-shadow 1s; /* Opera */
}
.newsBox1 ul li:hover {
	box-shadow: 5px 5px 5px #f5f5f5;
}
.newsBox1 ul li .time {
	float: left;
	width: 30%;
	background: #f3f3f3;
	text-align: center;
	font-size: 1.5em;
	font-weight: lighter;
	color: #dbd0bc;
	margin: 0px 0 0px 0;
	padding-top: 10px;
	font-family: Verdana;
	height: 110px;/* line-height: 120px; */
}
.newsBox1 ul li .time b {
	font-size: 2em;
	color: #c5a981;
	font-weight: lighter;
	width: 30%;
	margin-top: 20px;
}
.newsBox1 ul li .content {
	float: left;
	width: 67%;
	height: 120px;
	padding-left: 3%;
}
.newsBox1 ul li a {
	float: right;
	width: 100px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	background: #c5aa7f;
	text-align: center;
	transition: background 1s;
	-moz-transition: background 1s; /* Firefox 4 */
	-webkit-transition: background 1s; /* Safari and Chrome */
	-o-transition: background 1s; /* Opera */
	font-size: 14px;
	margin-right: 5px;
}
.newsBox1 ul li a:hover {
	background: #e2d4bf;
}
.newsBox1 ul li p {
	float: left;
	width: 100%;
	height: 60px;
	overflow: hidden;
	color: #969696;
	font-size: 14px;
	line-height: 20px;
}
.newsBox1 ul li h3 {
	float: left;
	font-weight: 400;
	font-size: 16px;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	margin-top: 5px;
	text-align: left;
}
.newsBox1 ul li span {
	float: left;
	color: #c5c5c5;
	font-size: 12px;
}
.newsBox1 ul li span i {
	margin-left: 20px;
}
}
<!--0.00011014938354492-->