body {
	font-family:PingFangSC,arial,'黑体';
}
#guideprimary{
	height: 100vh;
}
/*引导页样式*/
.nav-center ul li a.active, .nav-center ul li a:hover, .nav-center ul li a:focus {
    color: #acb1be !important;
    cursor: pointer;
}
/*背景图*/
.guide-primary {
    position: relative;
    width: 100%;
    height: 100%;
} 
.guide-banner{
	position:absolute !important;
	top:0; 
	margin:0;
	padding:0;
	width:100%;
	height: 100%;
	list-style:none;
}
.guide-banner .item{
	width:100%;
	height: 100%;
}
#slideshow{
  width: 100%;  
  height: 100%;
  margin: 0 auto; /*设置在页面水平居中*/
  overflow: hidden;
  position: relative; 
  z-index:3; 
}
#slideshow .slide-item{
  width: 100%;
  position: absolute; /*图片采取绝对定位，均位于左上角，重叠在一起*/
  top: 0;
  left: 0;
  opacity: 0; /*初始不透明度为0，图片都看不见*/
  transition: opacity 1s linear; /*--重点--定义一个关于透明度的transition*/
}

#scene {
	top: 200px;
	z-index: 6;
	pointer-events: none;
	width: 1170px;
	margin: 0 auto;
}




.img-box,
.layer{
	display:none !important;
}


.img-box.active {
	padding-top: 250px;
}

#firGuideImg img{
	right: -5px;
    top: -58px;
}
#secGuideImg img{
	right: -24px;
    top: -14px;
}
#thirGuideImg img {
	right: 50px;
    top: -74px;
}
.img-box.active,
.layer.active {
	display: block !important;
}

#scene li:first-child img {
	width: 555px !important;
	height: 461px !important;
}
#scene li:nth-child(2) img {
	width: 712px !important;
	height: 371px !important;
}
#scene li:last-child img {
	width: 501px !important;
	height: 505px !important;
}
#slideshow .slide-item.active{
  opacity: 1; /*有active类的图片不透明度为1，即显示图片*/
}
#slideshow .img-box {
	position: relative;
}
#slideshow .slidizle-img {
	position: absolute;
	left: initial;
	right:0;
}
/*-- 设置页码的样式 --*/

.guide-idot{
  width: 100%;
  height: 30px;
  text-align: center;
  position: absolute;
  bottom: 190px;
  z-index: 100;
}


.guide-idot span {
	display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #fff;
    cursor: pointer;
    margin: 0px 5px;
    border:1px solid #D4D4D4;
}
.guide-idot span.active{
   background-color: #D4D4D4;
}

.banner1{
	background: url("/assets/home/images/guide/guide1.png") 50% 50% / cover no-repeat;
	background-attachment:fixed !important;
}
.banner2{
	//background: url("/assets/home/images/guide/guide2.png") 50% 50% / cover no-repeat;
}
.banner3{
	//background: url("/assets/home/images/guide/guide4.png") 50% 50% / cover no-repeat;
}
.banner-yh{
	//background: url("/assets/home/images/guide/guide-yh.jpg") 50% 50% / cover no-repeat;
}
.banner-en1{
	background: url("/assets/home/images/guide/guide-en.jpg") 50% 50% / cover no-repeat;
}
.banner-en2{
	background: url("/assets/home/images/guide/guide-en2.jpg") 50% 50% / cover no-repeat;
}
.carousel-indicators li{
	border-color:#ccc;
	background-color: #ccc;
}
.guide-content{
	position: absolute;
    top: 50%;
    left: 50%;
    width: 750px;
    height: 500px;
    margin-top: -250px;
    margin-left: -340px;
    z-index: 2;
}
.guide-mid{
	position:absolute;
	width:100%;
	top:50%;
	transform:translate(0%, -50%);
	-webkit-transform:translate(0%, -50%);
	-moz-transform:translate(0%, -50%);
	-ms-transform:translate(0%, -50%);
	-o-transform:translate(0%, -50%); 
	text-align:center;
}
.guide-mid-en{
	position:absolute; 
	top:50%; 
	left:50%; 
}
.img4{
	position:absolute;
	top:50%;
	left:55%;
	transform:translate(0%, -50%);
	-webkit-transform:translate(0%, -50%);
	-moz-transform:translate(0%, -50%);
	-ms-transform:translate(0%, -50%);
	-o-transform:translate(0%, -50%); 
}
@media screen and (max-width:1150px) {
	.img4{
		left:50%;
		transform:translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
		-o-transform:translate(-50%, -50%); 
	}
}
.mid-box1{
	margin-top: -249px;
	margin-left: -455px;
	width:789px;
	height:393px; 
}
.mid-box2{
	width:685px;
	height:360px;
	margin-left: -445px;
	margin-top: -260px;
	text-align:left;
}
.guide-mid-en a{
	display:block;
}
.en_btn1,.en_btn2{
	position:absolute; 
	right:-40px; 
}
.en_btn1{
	bottom:140px;
}
.en_btn2{
	bottom:70px;
}
.en_btn3{
	margin-top: 50px;
}
.guide-bottom{    
	position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
}
.guide_btn{
	position:absolute;
	top:50%;
	left:50%;
}
/*发布需求、查看作品展示容器*/
.guide-button{
	
}
.go-agent,
.go-agent:hover,
.go-agent:focus{
	display:inline-block;
	text-align: center;
	padding-top: 13px; 
	width: 162px;
	height: 54px;
	font-size: 16px;
	border-radius: 3px;
	text-shadow: none;
	color: #fff;
	border: 1px solid #238cf6;
	background-color: #238cf6;
	cursor: pointer;
}
.go-agent:hover{
	background-color: #207cdf;
}
.go-publish,
.go-publish:hover,
.go-publish:focus{
	display:inline-block;
	text-align: center;
	padding-top: 13px;
	margin-right: 145px;
	width: 162px;
	height: 54px;
	font-size: 16px;
	border-radius: 3px;
	text-shadow: none;
	color: #fff;
	border: 1px solid #238cf6;
	background-color: #238cf6;
	cursor: pointer;
}
.go-publish:hover{
    background-color: #207cdf;
}
.go-oversea,
.go-oversea:hover,
.go-oversea:focus{
	position:absolute;
	bottom:-74px;
	left:50%;
	margin-left: -81px;
	display:inline-block;
	text-align: center; 
	width: 162px;
	height: 54px;
	line-height:54px;
	font-size: 16px;
	border-radius: 3px;
	text-shadow: none;
	color: #fff;
	border: 1px solid #933b50;
	background-color: #933b50;
	cursor: pointer;
}

.btn-tasks,
.btn-tasks:hover,
.btn-tasks:focus,
.btn-tasks:visited,
.btn-know-more,
.btn-know-more:hover,
.btn-know-more:focus,
.btn-know-more:visited {
	display:inline-block;
	text-align: center; 
	width: 141px;
	height: 45px;
	padding: 0;
	line-height:45px;
	font-size: 16px;
	border-radius: 3px;
	background-color: #238cf6;
	color:#fff;
	border: none;
	cursor: pointer;
}
.btn-go-publish,
.btn-go-publish:hover,
.btn-go-publish:focus,
.btn-go-publish:active,
.btn-go-publish:visited {
	color:#238cf6;
	font-size: 16px;
	cursor: pointer;
}
.btn-tasks:hover,
.btn-know-more:hover{
	background-color: #207cdf;
}
.check-works{
	display: inline-block;
	text-align: center;
	padding-top: 13px;
	width: 162px;
	height: 54px;
	font-size: 16px;
	border-radius: 3px;
	text-shadow: none;
	color: #238cf6;
	border: 1px solid #238cf6;
	cursor: pointer;
}
.check-works:hover{
	color: #238cf6;
	background-color: #fff;
}
/*网站交易信息*/
.wedsite-information{
	position: absolute; 
	bottom:0; 
	padding:40px 0;
	width:100%;
	z-index:9; 
	background-color: #ECF7FE;
}
.details-information{
	font-size: 44px;
	color: #79808e;
}
.details-information-en{
	font-size: 44px;
	color: #1e2533;
}
.wedsite-information p{
	color:#79808e;
}
/*关于美术盒子*/
.art-box{
	padding-top: 57px;
}
.art-box-title{
	font-size: 20px;
	color: #1e2533;
	font-weight: bold;
}
.art-box-title-en{
	font-size: 22px;
	color: #1e2533;
	font-weight: bold;
}
.art-box-point{
	margin-top: 28px;
	text-align:left;
}
.art-box-point-en{
	margin-top: 45px;
	text-align:left;
}
.art-box-img img{
	width: 52px;
	height: 52px;
}
.box-points{
	margin-bottom: 14px;
	font-size: 16px;
	color: #79808e;
}
.box-points-content{
	font-size: 14px;
	color: #acb1be;
}
/*美术盒子合作案例*/
.successful-case{
	margin-top: 57px;
}
.successful-case-content{
	margin: 14px 0px 92px;
}
.successful-case-content-en{
	margin: 10px 0px 30px;
}
.successful-case-title{
	display: inline-block;
	letter-spacing: 1px;
	font-size: 14px;
	color: #acb1be;
}
.successful-case-title ul {
	display: inline-block;
}
.successful-case-title ul li {
	display: inline-block;
}
.successful-case-link,
.agence-service-link,
.successful-case-link:hover,
.agence-service-link:hover{
	font-size: 16px;
	color: #238cf6;
	cursor: pointer;
}
.cases-cover img, 
.case-box-drop{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.cases-cover-box, 
.case-box-drop {
	padding: 50% 0px;
}

.successful-case-box,
.case-box-drop{
	display: none;
}
.case-box-drop{
	background-color: rgba(30,37,51,0.9);
}
.del-gap {
	padding: 0px;
}
.del-gap:hover .case-box-drop{
	display: block;
	cursor: pointer;
}
.del-gap:hover .successful-case-box{
	display: block;
	cursor: pointer;
}

.case-type-blue {   
	position: absolute;
    top: 40%;
    left: 50%;
    padding: 5px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
    background-color: #238cf6;
    color: #fff;
    text-align: center;
    z-index: 1;
}
.case-type-content{
	position: absolute;
	width:100%;
    top: 60%;
    padding: 0px 30px;
    color: #fff;
    font-size: 18px;
    z-index: 1;
}
.case-type-sum{
	margin-top: 10px;
    color: #fff;
    line-height: 25px;
    font-size: 25px;
    z-index: 1;
}
.case-box4{
	top:-60px;
}
.case-content2{
	padding:20px 50px;
	width:100%; 
	background-color: #f6f8f8; 
} 

.caseimg4_wbg {
	position: absolute;
	right: -51px;
	top: -8px;
	z-index:1;
}
.caseimg2_wbg {
	position: absolute;
	right: -51px;
	top: 138px;
	z-index:1;
}
.caseimgcj_wbg {
	position: absolute;
    left: -5px;
    top: -142px;
    z-index: 6;
}
.case-content1 {
	padding: 0;
	width:100%; 
}
.case-content1{
	height:300px;
	position: absolute;
	top:45px;
	right:55px;
	z-index:3;
}
.case-content3{ 
	height:360px; 
	width:100%; 
}

.case-content4{
	padding-top:80px;
	height:360px;
}
.case-type{
	display:inline-block;
	margin-bottom: 37px;
	padding-top:3px;
	width:50px;
	height:50px; 
	border:1px solid #238cf6;
	background-color: #e6f3fd;
	color:#238cf6;
	font-size:16px;
	text-align:center;
	vertical-align: top;
}
.p15{
	padding-top:13px;
}
.case-price{
	font-size:24px;
	font-weight: bold;
	color:#238cf6;
}
.case-detail {
	font-size: 16px;
	line-height: 1.94;
	letter-spacing: 1px;
	text-align: right;
	color: #acb1be;
}
.case-price-en{
	font-size:30px;
	font-weight: bold;
	color:#238cf6;
}
.case-name{
	margin-bottom: 25px; 
	color:#1e2533;
	font-size: 24px;
  	font-weight: bold;
}
.case-name-en{
	margin-bottom: 4px; 
	font-size:22px;
	color:#1e2533;
}
.case-bottom{
	position:absolute;
	bottom: -185px;
	left:150px;
	padding:20px 0px;
	text-align:left;
	background-color: inherit;
	font-size:14px;
	font-weight: bold;
	color:#1e2533;
	z-index:2;
}
.case-bottom2 {
	position:absolute;
	bottom: -145px;
	left:150px;
	padding:20px 0px;
	text-align:left;
	background-color: inherit;
	font-size:14px;
	font-weight: bold;
	color:#1e2533;
	z-index:2;
}
.case-bottom a,
.case-bottom2 a{
	color:#238cf6;
	font-weight: normal;
}
.case-participator{
	font-weight: normal;
	margin-right: 40px;
	font-size: 18px;
  text-align: left;
  color: #1e2533;
}
/*.case-participator:first-of-type{
	margin-left: 40px;
}*/
.new-case-price {
	position: absolute;
	bottom: -238px;
	right:13px;
	display: inline-block;
	width:331px;
	height:132px;
	background-color:#182030;
	font-family: PingFangSC,arial,'黑体';
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 1.6px;
  text-align: left;
  color: #ffffff;
  z-index:2;
  text-align: center;
  line-height: 132px;
}

.new-case-price2 {
	position: absolute;
	bottom: -575px;
	right:8px;
	display: inline-block;
	width:331px;
	height:132px;
	background-color:#182030;
	font-family: PingFangSC,arial,'黑体';
  font-weight: bold;
  letter-spacing: 1.6px;
  text-align: left;
  color: #ffffff;
  z-index:2;
  padding: 30px 0px 0px 28px;
}
.new-case-price2 a,
.new-case-price3 a,
.new-case-price4 a{
	font-size: 14px;
	text-align: left;
	color: #238cf6;
}
.new-case-price2 span,
.new-case-price3 span,
.new-case-price4 span{
	font-family: PingFangSC,arial,'黑体';
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 1.4px;
  text-align: left;
  color: #ffffff;
}
.new-case-price3 {
	position: absolute;
	bottom: 13px;
    left: 70px;
	display: inline-block;
	width:331px;
	height:132px;
	background-color:#182030;
	font-family: PingFangSC,arial,'黑体';
  font-weight: bold;
  letter-spacing: 1.6px;
  text-align: left;
  color: #ffffff;
  z-index:2;
  padding: 30px 0px 0px 28px;
}
.new-case-price4 {
	position: absolute;
	bottom: -400px;
    right: -31px;
	display: inline-block;
	width:331px;
	height:132px;
	background-color:#182030;
	font-family: PingFangSC,arial,'黑体';
  font-weight: bold;
  letter-spacing: 1.6px;
  text-align: left;
  color: #ffffff;
  z-index:6;
  padding: 30px 0px 0px 28px;
}
.case-participator img{
	margin-right: 5px;
	width:27px;
	height:27px;
	border-radius:50%;
}
.guide-participator-box{
	position: relative;
	height: 300px;
	margin-bottom: 300px;
}
.participator-intro{
	position: absolute;
	right: 60px;
	bottom:-40px;
	z-index: 10;
}
.participator-intro a,
.participator-intro a:active,
.participator-intro a:hover,
.participator-intro a:focus
{
	color:#238cf6;
}
.caseimg1{
	position: absolute;
	top:-42px;
	right:7px;
	z-index:3;
}
.caseimg2{
	position:absolute;
	top: -35px;
    left: 28px;
	z-index:2;
}
.caseimgcj {
	position:absolute;
	top: -56px;
    left: 88px;
	z-index:2;
}
.caseimg3{
	position:absolute;
	top: 6px;
    right: 0;
    z-index: 2;
}
.caseimg4{
	position: absolute;
	top:-87px;
	left:-53px;
	z-index:1;
}
.caseimg5{
	margin-top: 50px;
}
@media screen and (max-width: 1000px) {
	.caseimg1,.caseimg2,.caseimg4{
		display:none;
	}
}
.morecase{
	position:absolute;
	right: 15px;
	bottom:0; 
	padding:70px 28px 0;
	width:180px;
	height:464px;
	font-size:20px;
	font-weight: bold;
	color:#1e2533;
	background-color: #fff;
	text-align:left;
	z-index:3;
	box-shadow: 0 -2px 5px 1px #dcf3ff;
}
.morecase p{
	margin-bottom: 70px;
}
.morecase a{
	position: absolute;
	left:0;
	bottom:0;
	display:inline-block;
	width:180px;
	height:62px;
	line-height:62px;
	background-color: #238cf6;
	color:#fff;
	font-size:14px;
	font-weight: normal;
	text-align:center;
}
/*美术盒子官方代理服务*/
.agence-service{
	margin-top: 90px;
}
.agence-service-content{
	margin: 25px 0px 0px;
}
.agence-service-step{
	margin-top: 43px;
}
.agence-service-box{
	position: relative;
	height: 380px;
	padding: 50px 45px 30px;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,.1);
}
.agence-service-box:hover{
	box-shadow: 0px 10px 20px rgba(0,0,0,.1);
	cursor: pointer;
	border: none;
}
.agence-service-title{
	letter-spacing: 1px;
	font-size: 14px;
	color: #acb1be;
}
.agence-type-title{
	font-size: 20px;
	color: #1e2533;
	margin-bottom: 37px;
}
.agence-type-content{
	font-size: 16px;
	color: #acb1be;
	line-height: 30px;
}
.agence-type-footer{
	position: absolute;
	bottom: 30px;
	font-size: 16px;
	color: #79808e;
}

.agence-type-icon,
.agence-type-name{
	display: inline-block;
}
.agence-type-icon{
	width: 30px;
	height: 30px;
	text-align: center;
	padding-top: 3px;
	margin-right: 15px;
	color: #fff;
	background-color: #238cf6;
	border-radius: 50%;
}
.agence-row {
	position: absolute;
    bottom: 35px;
    right: -20px;
}
/*合作伙伴*/
.partner-page{
	position: relative; 
	margin-top: 50px;
}
.partner-bg{
	padding: 40px 0px 20px;
	background-color: #f5f7f8;
}
.bottom-border{
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.corperation-partners{
	position:relative;
	font-size:24px;
	font-weight: 700;
	margin:10px 0px 50px 0px;
	padding:0 15px;
}
.rich-capital-img{
	padding:0 30px;
	margin-bottom: 10px;
} 
.rich-capital-img img:last-child{
	margin-left: 55px;
	width:170px;
}
/*我的需求*/
.needs-content{
	padding: 40px 0px;
	background-color: #f5f7f8;
}
.needs-info{
	font-size: 16px;
	color: #79808e;
	margin-bottom: 40px;
}
.publish-needs,
.publish-needs:hover{
	display: inline-block;
	text-align: center;
	padding-top: 13px;
	width: 162px;
	height: 54px;
	font-size: 16px;
	border-radius: 3px;
	text-shadow: none;
	color: #fff;
	border: 1px solid #238cf6;
	background-color: #238cf6;
	cursor: pointer;
}
.publish-needs:hover{
 	background-color: #207cdf;
}
.conplay{
	margin-top: 0px;
}
.company-box{
	margin: 10px;
	padding: 5px;
}
.company-box-shadow{
    transform:translate3d(0,-2px,0);
    box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
}
.font-fjalla{ 
	font-family: 'Fjalla One',PingFangSC,arial,'黑体';
	letter-spacing:0.1em;
}
.font-oswald{ 
	font-family: 'Oswald',PingFangSC,arial,'黑体';
	font-weight: normal;
	letter-spacing:1px;
}
.font-oswald-light{ 
	font-family: 'Oswald',PingFangSC,arial,'黑体';
	font-weight: 300;
	letter-spacing:1px;
}
.modal-contact{
	padding:70px 80px;
	background-color: #f9f9fb;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.modal-contact p{
	color:#acb1be;
}
.modal-contact h3{
	margin-bottom: 36px;
}
.contact-close,.contact-view{
	margin-top: 40px;
	display:inline-block;
	width:150px;
	height:44px;
	line-height:44px;
	text-align:center;
	border:1px solid #238cf6;
	border-radius:3px;
	cursor: pointer;
}
.contact-close{
	color:#238cf6; 
}
.contact-close:hover{
	background-color: #fff;
	border-color:#207cdf;
	color:#207cdf;
}
.modal-warn{
	padding:57px 60px;
	background-color: #f9f9fb;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.modal-warn img{
	margin-bottom: 47px;
}
.modal-warn p{
	font-size: 24px;
}
.modal-warn .contact-close{
	margin-right: 78px;
}
.contact-view{
	color:#fff;
	background-color: #238cf6;
}
.contact-view:hover{
	background-color: #207cdf;
	border-color:#207cdf;
}
.mb30{
	margin-bottom: 30px;
}
.guide-new-lb {
	text-align: left;
}
.detail-tip1 {
	position: relative;
	padding-top: 50px; 
	margin-bottom: 92px;
}
.bg-abox .detail-tip1 {
	margin-bottom: 92px;
}
.bg-onsitesupport .detail-tip1 {
	margin-bottom: 49px;
}
.bg-master .detail-tip1 {
	margin-bottom: 54px;
}
.first-line {
	font-family: PingFangSC,arial,'黑体';
	font-size: 46px;
	line-height: 1.2;
	text-align: left;
	color: #1e2533;
	margin-bottom: 13px;
}
.second-line {
	font-family: PingFangSC,arial,'黑体';
	font-size: 33px;
	line-height: 1.27;
	text-align: left;
	color: #1e2533;
	margin-bottom: 17px;
}

.third-line {
	font-family: PingFangSC,arial,'黑体';
	font-size: 16px;
	line-height: 1.25;
	letter-spacing: 1.3px;
	text-align: left;
	color: #79808e;
}

.bg-abox {
	background-image: url("/assets/default/ABOX.png");
	background-repeat:no-repeat;
	width: 864px;
}
.bg-master {
	background-image: url("/assets/default/MASTER.png");
	background-repeat:no-repeat;
	width: 1059px;
}
.bg-onsitesupport {
	background-image:url("/assets/default/ONSITESUPPORT.png");
	background-repeat:no-repeat;
	width: 370px;
}
.btn-tasks {
	margin-right: 43px;
}
.new-guide-case1 {
	background-color: #ECF7FE;
	margin-top: 126px;
}
.new-guide-case2{
	background-color: #fff;
	height: 446px;
}
.new-guide-case3 {
	background-color: #ECF7FE;
	height: 824px;
	padding-top: 160px;
}
.cyzz-title {
	font-size: 20px;
	  font-weight: bold;
	  text-align: left;
	  color: #1e2533;
	  margin-bottom: 15px;
}
.guide-case2-box {
	position: relative;
}
.case-content3  {
	position: absolute;
	top:260px;
	right: 40px;
	z-index:2;
}
.case-content3d {
	position: absolute;
	top:100px;
	left: 108px;
	z-index:2;
}
.case-content4 {
	position: absolute;
	top:-27px;
	right: 26px;
	z-index:3;
}

.new-case2-title,
.new-case3-title,
.new-case4-title {
	margin-bottom: 23px;
}
.new-case2-detail {
  font-family: PingFangSC,arial,'黑体';
  font-size: 16px;
  line-height: 1.81;
  letter-spacing: 1px;
  text-align: left;
  color: #acb1be;
  font-weight: 400;
}

.new-case3-detail {
	font-family: PingFangSC,arial,'黑体';
	  font-size: 16px;
	  line-height: 1.81;
	  letter-spacing: 1px;
	  text-align: left;
	  color: #acb1be;
	  font-weight: 400;
}
.new-guide-case4 {
	background-color: #fff;
	height: 500px;
}
.new-case4-detail {
	font-family: PingFangSC,arial,'黑体';
	  font-size: 16px;
	  line-height: 1.81;
	  letter-spacing: 1px;
	  text-align: left;
	  color: #acb1be;
	  font-weight: 400;
}

.contanier .new-publish-button:hover {
	background-color: #207cdf !important;
}