@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;color:#fff}
body{font-family:"Kreon";font-weigh@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;color:#fff}
body{font-family:"Kreon";font-weight:300;color:#333;background:#fff;}

#switcher{height:54px;z-index:99999;position:fixed;width:100%;top:0;background:#000;}
.center{width:100%;padding-top:0}
.center ul li{display:inline;float:left;position:relative}
.logoTop,.top2{margin-left:30px;margin-top:20px;color:#fff;font-weight:bold;font-family:"微软雅黑"}

.top2{position:relative;margin-top:16px;font-size:12px;font-weight:normal;background-image:url(../images/2vm.png);background-repeat:no-repeat;background-position:3px center;height:20px;padding-left:25px;line-height:20px;border:1px solid #414141;padding-right:5px;border-radius:5px;}
.vm{position:absolute;top:20px;left:0px;background-color:#fff;height:170px;width:150px;display:none;padding:30px;}
.top2:hover .vm{display:block}
.logoTop a:hover{text-decoration:underline}

li.remove_frame{margin-left:17px;float:right!important;margin-right:30px}
li.remove_frame a{background:url(../images/cross2.png) no-repeat 0 0;width:20px;height:21px;display:block;margin-top:18px;transition:all .3s ease-out 0s}
li.remove_frame a:hover{background-position:0 -21px}
#iframe{margin-top:0}
.icon-monitor, .icon-tablet, .icon-mobile-1, .icon-mobile-2, .icon-mobile-3{margin-right:7px;margin-top:20px;width:17px;height:16px;background:url(../images/mon-spr.png) no-repeat;}

.icon-monitor{margin-left:10px;background-position:0 0;}
.icon-tablet{background-position:-24px 0}
.icon-mobile-1{background-position:-49px 0}
.icon-monitor:hover, .icon-monitor.active{background-position:0 -16px}
.icon-tablet:hover, .icon-tablet.active{background-position:-24px -16px}
.icon-mobile-1:hover, .icon-mobile-1.active{background-position:-49px -16px}
.icon-mobile-2{background-position:-71px 0}
.icon-mobile-3{background-position:-94px 0}
.icon-mobile-2:hover, .icon-mobile-2.active{background-position:-71px -16px}
.icon-mobile-3:hover, .icon-mobile-3.active{background-position:-94px -16px}

#iframe-wrap{height:100%;overflow:visible;position:relative;top:54px;z-index:50}
.tablet-width{height:960px!important;margin:0 auto;padding:175px 100px 115px 100px;width:785px;margin-top:40px;background:url(../images/bg-mob.png) no-repeat 0 0}
.tablet-width iframe{height:960px!important}
.mobile-width{height:703px!important;margin:0 auto;padding:165px 115px 100px 100px;width:1041px;margin-top:40px;background:url(../images/bg-mob.png) no-repeat 0 -1249px}
.mobile-width iframe{height:704px!important}
.mobile-width-2{height:417px!important;margin:0 auto;padding:125px 25px 159px 25px;width:337px;margin-top:40px;background:url(../images/bg-mob.png) no-repeat 0 -2217px}
.mobile-width-2 iframe{height:416px!important}
.mobile-width-3{height:256px!important;margin:0 auto;padding:45px 115px 69px 105px;width:497px;margin-top:40px;background:url(../images/bg-mob.png) no-repeat -387px -2217px}
.mobile-width-3 iframe{height:256px!important}
#by{overflow-y:hidden}
*{padding: 0;margin: 0;font-family: "微软雅黑";box-sizing: inherit;outline: none;}
:after, :before{box-sizing: inherit;}
a{text-decoration: none;color: inherit;}
ul{list-style: none;}
.pc-bg-container{background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; padding-top: 20px;}
.home-market-section{/* background-image: linear-gradient(-179deg,rgba(255,243,223,0) 0,rgba(255,243,223,.9) 100%); */text-align: center;}
/*标题*/
.home-market-section .section-title{margin-bottom: 30px;font-size: 30px; min-width: 150px; text-align: left; color: #c9a467; display: inline-block; position: relative; border: none; height: 42px; line-height: 42px;padding-left: 10px;}
.home-market-section .section-title a{width: 100%; display: block; position: relative;}
.home-market-section .section-title a:before{position: absolute; content: ''; right: -12px; width: 15px; height: 15px; background: url(../images/marketplace-home-arrow_small.svg); background-repeat: no-repeat; top: 50%; transform: translate(0,-50%); transition: .2s;}
.home-market-section .section-title a:hover:before{right: -16px;}
/*内容盒子*/
.home-market-section .section-inner{position: relative; max-width: 1280px; margin: 0 auto;}
.home-market-section .section-inner .swiper-container{height: 364px; max-width: 1230px;}
.home-market-section .section-inner .swiper-container .swiper-wrapper{align-items: center; height: 279px!important;}
/*内容列表*/
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide{height: 279px!important; background: 0 0; padding: 0 50px; box-sizing: border-box; text-align: center;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a{display: block; float: left; position: relative; background-color: #fff; border: 1px solid rgba(201,164,103,.2); width: calc((100% - 60px)/ 4); padding: 45px 25px 0; height: 100%; margin-right: 20px;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a:hover{box-shadow: 0 10px 40px rgba(201,164,103,.2); border: 1px solid rgba(163,145,114,.2)}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide img{height: 80px; width: auto;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide h3{font-weight: normal; margin-top: 25px; font-size: 18px; color: #252b3a; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide p{margin-top: 10px; font-size: 14px; color: #a0a2a8; text-align: center; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a .time{position: absolute; bottom: 12px; width: calc(100% - 60px); text-align: center; border-top: 1px solid #e7e7e7; color: #666a75; padding-top: 10px; letter-spacing: .44px; line-height: 23px;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a .time span{font-size: 20px; color: #f66f6a; letter-spacing: 0; line-height: 23px; margin-right: 3px;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a:last-of-type{margin-right: 0;}
/*分页*/
.home-market-section .section-inner .swiper-container .swiper-pagination-bullets{bottom: 50px;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet{position: relative; margin: 0 5px; width: 24px; height: 4px; border-radius: 100px; opacity: 1; background: 0 0;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet:before{content: ''; display: inline-block; position: absolute; width: 24px!important; height: 4px; opacity: 1; left: 0; border-radius: 100px; background: #dfe1f1; vertical-align: middle; transition: opacity .8s,background-color .8s;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet-active{opacity: 1;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet-active:before{width: 24px!important; opacity: 1; border-radius: 100px; transform: scale(1.2); background: #3371fc;}
/*左右箭头*/
.home-market-section .section-inner .swiper-button-prev{left: 0; top: 118px; margin-top: 0; background: url(../images/marketplace-home-arrow_big.svg);}
.home-market-section .section-inner .swiper-button-next{right: 0; top: 118px; margin-top: 0; background: url(../images/marketplace-home-arrow_big.svg); transform: rotate(180deg);}
.home-market-section .section-inner .swiper-button-next:hover{background: url(../images/marketplace-home-arrow_big_hover.svg);}
.home-market-section .section-inner .swiper-button-prev:hover{background: url(../images/marketplace-home-arrow_big_hover.svg);}t:300;color:#333;background:#fff;}

#switcher{height:54px;z-index:99999;position:fixed;width:100%;top:0;background:#000;}
.center{width:100%;padding-top:0}
.center ul li{display:inline;float:left;position:relative}
.logoTop,.top2{margin-left:30px;margin-top:20px;color:#fff;font-weight:bold;font-family:"微软雅黑"}

.top2{position:relative;margin-top:16px;font-size:12px;font-weight:normal;background-image:url(../images/2vm.png);background-repeat:no-repeat;background-position:3px center;height:20px;padding-left:25px;line-height:20px;border:1px solid #414141;padding-right:5px;border-radius:5px;}
.vm{position:absolute;top:20px;left:0px;background-color:#fff;height:170px;width:150px;display:none;padding:30px;}
.top2:hover .vm{display:block}
.logoTop a:hover{text-decoration:underline}

li.remove_frame{margin-left:17px;float:right!important;margin-right:30px}
li.remove_frame a{background:url(../images/cross2.png) no-repeat 0 0;width:20px;height:21px;display:block;margin-top:18px;transition:all .3s ease-out 0s}
li.remove_frame a:hover{background-position:0 -21px}
#iframe{margin-top:0}
.icon-monitor, .icon-tablet, .icon-mobile-1, .icon-mobile-2, .icon-mobile-3{margin-right:7px;margin-top:20px;width:17px;height:16px;background:url(../images/mon-spr.png) no-repeat;}

.icon-monitor{margin-left:10px;background-position:0 0;}
.icon-tablet{background-position:-24px 0}
.icon-mobile-1{background-position:-49px 0}
.icon-monitor:hover, .icon-monitor.active{background-position:0 -16px}
.icon-tablet:hover, .icon-tablet.active{background-position:-24px -16px}
.icon-mobile-1:hover, .icon-mobile-1.active{background-position:-49px -16px}
.icon-mobile-2{background-position:-71px 0}
.icon-mobile-3{background-position:-94px 0}
.icon-mobile-2:hover, .icon-mobile-2.active{background-position:-71px -16px}
.icon-mobile-3:hover, .icon-mobile-3.active{background-position:-94px -16px}

#iframe-wrap{height:100%;overflow:visible;position:relative;top:54px;z-index:50}
.tablet-width{height:960px!important;margin:0 auto;padding:175px 100px 115px 100px;width:785px;margin-top:40px;background:url(../images/bg-mob.png) no-repeat 0 0}
.tablet-width iframe{height:960px!important}
.mobile-width{height:703px!important;margin:0 auto;padding:165px 115px 100px 100px;width:1041px;margin-top:40px;background:url(../images/bg-mob.png) no-repeat 0 -1249px}
.mobile-width iframe{height:704px!important}
.mobile-width-2{height:417px!important;margin:0 auto;padding:125px 25px 159px 25px;width:337px;margin-top:40px;background:url(../images/bg-mob.png) no-repeat 0 -2217px}
.mobile-width-2 iframe{height:416px!important}
.mobile-width-3{height:256px!important;margin:0 auto;padding:45px 115px 69px 105px;width:497px;margin-top:40px;background:url(../images/bg-mob.png) no-repeat -387px -2217px}
.mobile-width-3 iframe{height:256px!important}
#by{overflow-y:hidden}
*{padding: 0;margin: 0;font-family: "微软雅黑";box-sizing: inherit;outline: none;}
:after, :before{box-sizing: inherit;}
a{text-decoration: none;color: inherit;}
ul{list-style: none;}
.pc-bg-container{background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; padding-top: 20px;}
.home-market-section{
	background-image: url(../picture/home-market-sectionbg.jpg);
	/*background-image: linear-gradient(-179deg,rgba(255,243,223,0) 0,rgba(255,243,223,.9) 100%);*/ text-align: center;}
/*标题*/
.home-market-section .section-title{margin-bottom: 30px;font-size: 30px; min-width: 150px; text-align: left; color: #c9a467; display: inline-block; position: relative; border: none; height: 42px; line-height: 42px;padding-left: 10px;}
.home-market-section .section-title a{width: 100%; display: block; position: relative;}
.home-market-section .section-title a:before{position: absolute; content: ''; right: -12px; width: 15px; height: 15px; background: url(../images/marketplace-home-arrow_small.svg); background-repeat: no-repeat; top: 50%; transform: translate(0,-50%); transition: .2s;}
.home-market-section .section-title a:hover:before{right: -16px;}
/*内容盒子*/
.home-market-section .section-inner{position: relative; max-width: 1280px; margin: 0 auto;}
.home-market-section .section-inner .swiper-container{height: 364px; max-width: 1230px;}
.home-market-section .section-inner .swiper-container .swiper-wrapper{align-items: center; height: 279px!important;}
/*内容列表*/
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide{height: 279px!important; background: 0 0; padding: 0 50px; box-sizing: border-box; text-align: center;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a{display: block;float: left;position: relative;background: linear-gradient(to right, #85a9f3, #009ce1);/*background-color: #3371fc;*/border: 1px solid rgba(201,164,103,.2);width: calc((100% - 60px)/ 4);padding: 45px 25px 0;height: 100%;margin-right: 20px;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a:hover{box-shadow: 0 10px 40px rgba(201,164,103,.2); border: 1px solid rgba(163,145,114,.2)}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide img{height:38px; width: auto;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide h3{font-weight: normal;margin-top: 25px;font-size: 18px;color: #ffffff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide p{margin-top: 10px;font-size: 14px;color: #ffffff;text-align: center;line-height: 22px;text-overflow: ellipsis;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a .time{position: absolute;bottom: 12px;width: calc(100% - 60px);text-align: center;border-top: 1px solid #e7e7e7;color: #ffffff;padding-top: 10px;letter-spacing: .44px;line-height: 23px;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a .time span{font-size: 20px; color: #f66f6a; letter-spacing: 0; line-height: 23px; margin-right: 3px;}
.home-market-section .section-inner .swiper-container .swiper-wrapper .swiper-slide>a:last-of-type{margin-right: 0;}
/*分页*/
.home-market-section .section-inner .swiper-container .swiper-pagination-bullets{bottom: 50px;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet{position: relative; margin: 0 5px; width: 24px; height: 4px; border-radius: 100px; opacity: 1; background: 0 0;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet:before{content: ''; display: inline-block; position: absolute; width: 24px!important; height: 4px; opacity: 1; left: 0; border-radius: 100px; background: #dfe1f1; vertical-align: middle; transition: opacity .8s,background-color .8s;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet-active{opacity: 1;}
.home-market-section .section-inner .swiper-container .swiper-pagination-bullet-active:before{width: 24px!important; opacity: 1; border-radius: 100px; transform: scale(1.2); background: #3371fc;}
/*左右箭头*/
.home-market-section .section-inner .swiper-button-prev{left: 0; top: 118px; margin-top: 0; background: url(../images/marketplace-home-arrow_big.svg);}
.home-market-section .section-inner .swiper-button-next{right: 0; top: 118px; margin-top: 0; background: url(../images/marketplace-home-arrow_big.svg); transform: rotate(180deg);}
.home-market-section .section-inner .swiper-button-next:hover{background: url(../images/marketplace-home-arrow_big_hover.svg);}
.home-market-section .section-inner .swiper-button-prev:hover{background: url(../images/marketplace-home-arrow_big_hover.svg);}




.picList1{
	height: 279px!important; 
	background: 0 0; 
	padding: 0 50px; 
	box-sizing: border-box;
	 text-align: center;
	}


.picList1 li{
	display: block !important;
	float: left !important;
	position: relative !important;
	background-image:url("../images/bkcp.jpg");
	/*background: linear-gradient(to right, #0c5dffd6, #33cefcb3);*/
	/*border: 1px solid rgba(201,164,103,.2) !important;*/
	/*width: calc((100% - 60px)/ 4) !important;*/
	padding: 45px 30px 0 !important;
	height: 100% !important;
	margin-right: 20px !important;
	/*width:12% !important;*/
}

.picList1 img{
	height: 38px !important;
	width: auto;

}

.picList1 h3{
	font-weight: 600;
	margin-top: 25px;
	font-size: 18px;
	color: #ffffff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.picList1 p{
	margin: 10px 8px !important;
	font-size: 14px !important;
	color: #ffffff !important;
	text-align: center !important;
	line-height: 22px !important;
	text-overflow: ellipsis !important;
}
.picList1 .time{
	position: absolute;
	bottom: 12px;
	width: calc(100% - 60px);
/*	width:5% !important;*/
	text-align: center;
	/*border-top: 1px solid #e7e7e7;*/
	color: #ffffff;
	padding-top: 10px;
	letter-spacing: .44px;
	line-height: 23px;
}