@charset "UTF-8";
/*banner[start]*/
a{ text-decoration:none;}
.minW1190{ min-width:1190px;}
.intro_box,.intro_box .bg{ width:100%; height:600px; background:#f5f5f5;}
.intro_box .bg.bg1{ background:url(/images/cysj/banner3.jpg) center top/cover no-repeat #f5f5f5;}
.intro_box .bg.bg2{  background:url(/images/cysj/banner1.jpg) center top/cover no-repeat #f5f5f5;}
.intro_box .bg.bg3{ height:660px;background:url(/images/cysj/banner2.jpg) center top/cover no-repeat #f5f5f5;}
.anim_scale{ animation: scale 3s linear;}
.anim_move{ animation: move 4s linear;}
.anim_scale1{ animation: scale1 3s ease-in-out;}
@keyframes scale {
  0% { transform:scale(1.1); opacity:0.6;}
  80%,100% { opacity:1;}
  100% { transform:scale(1);}
}
@keyframes scale1 {
  0% { transform: translateY(-30px); transform:scale(1); opacity:0.7;}
  80%,100% { opacity:1;}
  100% { transform: translateY(30px); transform:scale(1.1);}
}
@keyframes move {
  0% { transform: translateY(0);}
  100% { transform: translateY(-60px);}
}
.intro_box .logo{ top:22px; left:26px; width:196px; height:40px; background:url(/images/cysj/icons.png) no-repeat 0 0; z-index:2;}
.intro_box .loginBox{ top:34px; right:40px; width:400px; z-index:2;}
.intro_box .loginBox a{ width:100px; height:36px; line-height:36px; border-radius:4px;color:#fff;}
.intro_box .loginBox a:hover{ text-decoration:underline;}
.intro_box .loginBox a.signIn{border: 1px solid #fff;}
.intro_box .loginBox a.signIn:hover{ background:#fff; color:#f55354;}
.banCon{ top:100px; left:50%; margin-left:-256px; width:512px; padding-top:286px; color:rgba(0,0,0,0.6); background:url(/images/cysj/banCon.png) no-repeat center center; z-index:2;}
/*持续收益*/
.susInc,.proShow,.desBox{ background:#f5f5f5;}
.susInc div,.desBox div{ width:1140px; height:1px; line-height:0px; color:#b0b0b0; background:#dcdcdc;}
.susInc div span,.desBox div span{ padding:0 10px; background:#f5f5f5;}
.susInc ul{ width:802px; padding:50px 0 90px;}
.susInc li{ width:228px; height:250px; padding-top:80px; margin-left:38px; color:#f55353; background:#fff; border:1px solid #e5e5e5; border-radius:2px;}
.susInc li.hei302{ width:208px; height:222px; margin-top:14px;}
.susInc li i{bottom:-26px; left:0; width:100%; height:6px;  background:rgba(200,200,200,0.4); box-shadow:0 0 10px rgba(204,204,204,0.8); border-radius:50%;}
.susInc li:hover i{ background:rgba(100,100,100,0.2); box-shadow:0 0 10px rgba(100,100,100,0.4);}
/*实力合作品牌*/
.workTog{ width:100%; padding:60px 0 68px; background:#339dff;}
.workTog div,.proShow ul{ width:1152px; margin:58px auto 0;}
.workTog div a{ float:left; width:185px; height:90px; margin-left:6px; margin-bottom:6px; color:#d8e9f9;perspective: 1000px; overflow:hidden;}
.workTog div span,.workTog div a img{ top:0; left:0; transition: all 0.50s ease-in-out 0s; cursor: default;}
.workTog div span{ width:185px; height:90px; line-height:90px; transform: rotateY(0); background:rgba(72,167,255,1);}
.workTog div a:hover span{ background:rgba(72,167,255,0.7); transform: rotateY(90deg); background:rgba(72,167,255,1)\9;display:none \9;}
.workTog div a img{ transform: rotateY(90deg);}
.workTog div a:hover img{ transform: rotateY(0deg);}
/*高收益模版*/
.proShow ul{ width:1168px;}
.proShow ul li{ float:left; width:260px; margin:16px; background:#fff;}
.proShow ul img{ box-shadow:2px 4px 6px #d9d9d9;}
.proShow ul li p{ margin:4px 8px 16px}
.proShow ul li p.r{ margin-top:10px}
.cor{ color:#ff6666;}
.proShow ul li:hover img{ animation:opaImg 0.8s ease-in-out; box-shadow:2px 4px 6px #c3c3c3;}
@keyframes opaImg{
	0%{ opacity:0.8; filter:alpha(opacity=80);}
	100%{ opacity:1; filter:alpha(opacity=100);}		
}
/*加入我们*/
.joinUs{ padding:44px 0 144px; background:#fcb10b;}
.joinUs .joinUsBtn{ width:180px; height:50px; margin:50px 0 90px; line-height:50px; color:#fcb10b; background:#fff; border-radius:26px; box-shadow:0 2px 0 rgba(0,0,0,0.15);}
.joinUs dl{ width:1112px; margin:0 auto; padding:0 14px;}
.joinUs dd{ width:112px; margin-left:0; height:90px; padding-top:22px; background:#f79d24; border-radius:50%;}
.joinUs dd span{ width:58px; height:58px; background:url(/images/cysj/icons.png) no-repeat 0 0; transition:1.6s;}
.joinUs dd span.regIcon{ background-position:-235px 0;}
.joinUs dd span.shopIcon{ background-position:-322px 0;}
.joinUs dd span.temIcon{ background-position:-414px 0;}
.joinUs dd span.proIcon{ background-position:-500px 0;}
.joinUs dd a{ width:100px; height:32px; line-height:32px; margin:6px auto; color:#fefefe; border-radius:16px; transition:1.6s;}
.blueBg1{ background:#4368b3;}
.magBg2{ background:#e83cb9;}
.blueBg3{ background:#608fff;}
.redBg4{ background:#f55353;}
.joinUs dt{ width:24px; height:42px; margin:35px 98px; background:url(/images/cysj/icons.png) no-repeat 0 -110px;}
.joinUs dd:hover span{ transform:rotateY(180deg);}
.joinUs .joinUsBtn:hover{ box-shadow:0 4px 2px rgba(0,0,0,0.4); transform-origin:center center; animation:rat 0.6s ease-in-out infinite;}
@keyframes rat{
	0%{ transform:rotate(0);}
	25%{ transform:rotate(-2deg);}
	50%{ transform:rotate(0);}
	75%{ transform:rotate(2deg);}
	0%{ transform:rotate(0);}
}
/*优秀设计师*/
.desBox ul{ width:1140px; margin:60px auto 0;}
.desBox ul li{ float:left; width:100px; margin-left:56px; margin-bottom:28px; transition:0.8s;}
.desBox ul li .hoverCon{ top:0; left:0; width:100px; height:100px; line-height:100px; color:transparent; border-radius:50%;}
.desBox ul li span,.desBox ul li p{ transition:0.6s;}
.desBox ul li:hover p{ color:#333;}
.desBox ul li:hover .hoverCon{ color:#fff; background:rgba(0,0,0,0.4);}

.no-more{ display:none;}
@media all and (max-width: 768px) {
.susInc, .proShow, .desBox{ background:#fff}
.head-mini,.foot,.pro-back-top{ display:none}
.minW1190{min-width: initial;}
.intro_box, .intro_box .bg{ height:300px}
.susInc h1{ font-weight:bold; border-bottom:1px solid #dcdcdc;display: inline-block;}
.susInc div, .desBox div,.susInc li i{display:none}
.susInc ul{ padding:60px 30px 70px; width:100%; }
.susInc li{ background:none; border:none; text-align:left; height:inherit; width:28%; margin-left:0; padding:0; }
.susInc li span{background:url(../images/point.png) no-repeat 0px center; padding-left:30px; font-weight:normal}
.susInc li span .f18,.susInc li span.f30{ font-size:24px}
.susInc li:nth-child(2){ border:1px solid #d1d1d1; border-bottom:none; border-top:none; padding:0 30px}
.susInc li:nth-child(3){ padding-left:30px;}
.susInc li p{ padding-left:30px;}
.susInc li .mt40,.susInc li.hei302{ margin-top:0}
.susInc li.hei302{ height:inherit; width:30%;}
.workTog{ padding:0; background:none;}
.workTog h2,.proShow h3,.joinUs h3,.desBox h3{ color:#333; font-weight:bold;border-bottom:1px solid #dcdcdc;display: inline-block;}
.workTog div span{ display:none}
.workTog div a img{transform: rotateY(0deg);}
.workTog div, .proShow ul{ width:inherit}
.workTog div a{ margin-bottom:20px}
.proShow ul{ padding:0 40px}
.proShow ul li{margin: 16px 40px;}
.joinUs { background:#f5f5f5; padding:50px 0;}
.joinUs p,.joinUs .joinUsBtn{ display:none}
.joinUs p.tit{ display:block; color:#727272; font-size:22px; margin-top:10px;}
.joinUs dl{ display:none; }
.joinUs ul{ width:100%; height:90px; margin-top:50px; display:block}.joinUs ul li{ width:25%; text-align:center; float:left; }
.joinUs ul span{ width:90px; height:90px; background:url(../images/icons-1.png) no-repeat 0 0; background-size:750px 132px;display:inline-block}
.joinUs ul span.regIcon{ background-position:-49px 0px;}
.joinUs ul span.shopIcon{ background-position:-231px 0px;}
.joinUs ul span.temIcon{ background-position:-417px 0px;}
.joinUs ul span.proIcon{ background-position:-610px 0px;}
.joinUs ul h4{ font-size:24px; font-weight:normal; color:#727272}
.desBox ul{ width:100%}
.desBox ul li{ margin-left:24px; width:80px;}
.no-more{width: 260px; height: 1px; line-height: 0px; color: #b0b0b0; background: #b0b0b0; margin:0 auto 50px; text-align:center}
.no-more span {padding: 0 10px; background: #fff; font-size:22px;}
.pb100{ padding:50px 0;}.desBox ul li .hoverCon{ display:none}
.no-more{ display:block;}
}

@media all and (max-width: 600px) {
.intro_box, .intro_box .bg { width:100%;height:3rem;}
.pt50{ padding-top:.5rem;}
.pt40{ padding-top:.2rem;}
.susInc h1,.workTog h2, .proShow h3, .joinUs h3, .desBox h3{ font-size:.3rem;}
.susInc li span .f18, .susInc li span.f30,.susInc li p{ font-size:.24rem;}
.susInc ul { padding: .3rem 0 .5rem;  width: 100%;}
.susInc li{ padding-left:.2rem}
.susInc li span,.susInc li p{ padding-left:.35rem;}
.susInc li:nth-child(1){ width:28%}
.susInc li:nth-child(2){ padding:0 .25rem; width:34%}
.susInc li:nth-child(3) { padding-left: .25rem; width:23%}
.workTog div a{ width:25%; text-align:center; margin:0 ; height:1.1rem;}
.workTog div a img{ width:98%;}
.workTog div, .proShow ul{margin: .28rem auto 0;padding:0 .24rem; box-sizing:border-box}
.proShow p{ font-size:.24rem;}
.proShow p .f20,.cor{ font-size:.28rem}
.proShow ul{ padding:0 .1rem; box-sizing:border-box}
.proShow ul li{margin: 0 ;width: 50%; text-align:center; }
.proShow ul li img{ width:93%;}
.proShow ul li p{  text-align:left; line-height:1.3}
.proShow ul li p.l,.proShow ul li p.r{ float:none;margin:0; padding:0; padding-left:.1rem;}
.proShow ul li p.l{ color:#333;}
.cor{ color:#e40011}
.proShow ul li p.r,.proShow ul li p.r .cor{ color:#727272}
.proShow ul li{ margin-bottom:.3rem;}
.joinUs p.tit{ font-size:.14rem;}
.joinUs ul h4{ font-size:.16rem;}
.joinUs{ padding:.3rem 0;}
.joinUs ul{margin-top:.3rem;}
.desBox ul{ margin-top:.3rem; padding:0 .24rem; box-sizing:border-box}
.desBox ul li{ width:14.28%; margin:0; margin-bottom:.1rem; height:1.8rem}
.desBox ul li p{ font-size:.1rem}
.desBox ul li img { width:100%}
.joinUs ul span{ width:.9rem; height:.9rem; background-size:7.5rem 1.32rem;}
.joinUs ul span.regIcon{ background-position:-.49rem 0;}
.joinUs ul span.shopIcon{ background-position:-2.32rem 0;}
.joinUs ul span.temIcon{ background-position:-4.16rem 0;}
.joinUs ul span.proIcon{ background-position:-6.1rem 0;}
.joinUs ul h4,.no-more span{ font-size:.14rem;}
.no-more {width: 2.6rem;}
.pb100 { padding: .3rem 0;}
.no-more{ display:block;}
}