@font-face {
font-family: 'HuXiaoBoNanShen';
src: url("../fonts/HuXiaoBoNanShen.woff") format("woff");
font-display: swap;
}
@font-face {
font-family: 'Poppins';
src: url("../fonts/Poppins.ttf") format("truetype");
font-display: swap;
}
.designer-ban .auto,
.designer-index .auto{position:relative;margin:0 auto; width:1280px;}

.light-txt{font-family:"Microsoft YaHei";font-weight:100;}

.designer-ban{background:url(../images/ycwzsj/bg1.jpg) no-repeat center top;}
.designer-ban .auto{height:824px;}
.designer-ban .txt{position:absolute;right:0;color:#fff;top:336px; width:375px;}
.designer-ban .inner-2 .txt{top:322px;}
.designer-ban .inner-3 .txt{top:313px;}
.designer-ban .txt .tit{font-weight:600; font-size:36px;}
.designer-ban .txt .tit:after{display:block; content:''; width:32px; height:2px; background:#fff; margin:15px 0;}
.designer-ban .txt  p{ line-height:26px;}
.designer-ban .img{position:absolute;}
.designer-ban .img img{max-width:none;}
.designer-ban .inner-1 .img{left: -248px;top: 44px;}
.designer-ban .inner-2 .img{top:109px; left:-250px;}
.designer-ban .inner-2 .tit{position:relative; display:table;}
.designer-ban .inner-2 .tit img{position:absolute;right: -40px;bottom: 19px;}
.designer-ban .inner-3 .img{top:138px; left:-30px; }
.designer-ban .inner-4 .img{ left:-310px; top:100px;}
.designer-ban .slick-dots{position:absolute; bottom:auto; width:1280px; left:50%;margin-left:-640px; top:110px;overflow:hidden; z-index:20; text-align:right;}
.designer-ban .slick-dots li{display:inline-block; width:26px;height:6px;background:#fff;margin-left:4px; opacity:0.4;}
.designer-ban .slick-dots li.slick-active{opacity:1;}
.designer-ban .slick-dots li button{display:none;}

.designer-ban .txt,
.designer-ban .img{opacity:0;transition: 1.5s 0.3s;}

.designer-ban .inner-1 .img{transform: translateX(50%);}

.designer-ban .inner-2 .txt{transform: translateY(100%);}
.designer-ban .inner-2 .img{transform: translateY(-100%);}

.designer-ban .inner-3 .txt{transform: translateX(100%);}
.designer-ban .inner-3 .img{transform: translateX(-100%);}

.designer-ban .slick-current .txt,
.designer-ban .slick-current .img{ opacity:1;}

.designer-ban .slick-current .inner-1 .img{transform: translateX(0);}

.designer-ban .slick-current .inner-2 .txt,
.designer-ban .slick-current .inner-2 .img{transform: translateY(0);}

.designer-ban .slick-current .inner-3 .txt,
.designer-ban .slick-current .inner-3 .img{transform: translateX(0);}

.designer-index .box{height:824px;background-position:center top;background-repeat:no-repeat;overflow:hidden;}
.designer-index .box-alibaba{background-image:url(../images/ycwzsj/bg2.jpg);}
.designer-index .box-case{background-image:url(../images/ycwzsj/bg3.jpg);}
.designer-index .box-video{background-image:url(../images/ycwzsj/bg4.jpg);}
.designer-index .box-custom{background-image:url(../images/ycwzsj/bg5.jpg);}
.designer-index .box-team{background-image:url(../images/ycwzsj/bg6.jpg);}

.designer-index .title-main h3{font-family: 'HuXiaoBoNanShen';font-weight:normal;font-size:46px;margin:0 0 23px 0;color:#333;}
.designer-index .title-main p{line-height:28px;margin:0;color:#333;}

.box-alibaba{position:relative; z-index:1;}
.box-alibaba .img{float:left;margin-left:-345px;}
.box-alibaba .txt{float:right;width:447px;padding-top:137px;}
.box-alibaba .title-main h3{margin-top:30px;}
.box-alibaba .auto{ z-index:10;padding-top:189px;}
.box-alibaba .yun,
.box-alibaba .qiqiu{position:absolute;background-position:center center;background-repeat:no-repeat; z-index:2;}
.box-alibaba .yun{background-image:url(../images/ycwzsj/yun.png);left:0; top:0; width:100%;height:100%;animation:yun 20s linear infinite;}
.box-alibaba .qiqiu{background-image:url(../images/ycwzsj/qiqiu.png);width:229px; height:265px; top:60px;right:-200px;}
@keyframes yun{
	0%{transform:translateX(0);}
	33%{transform:translateX(-50px);}
	66%{transform:translateX(0);}
	100%{transform:translateX(50px);}
}

.box-case{position:relative; z-index:1;}
.box-case .ye{background:url(../images/ycwzsj/ye.png) right -10% top 40px no-repeat;position:absolute;left:0; top:0; width:100%;height:100%;}
.box-case .auto{ z-index:10; width:1200px;}
.box-case .title-main{text-align:center;padding-top:110px; padding-bottom:55px;}
.box-case .title-main h3{margin-bottom:11px;}
.box-case .slick-slide{overflow:hidden;}
.box-case .slick-slide > div{float:left;width:33.333%;padding:5px;}
.box-case .slick-slide .item{box-shadow: 1px 0 10px rgba(0,0,0,0.05);padding:5px;background:#fff;border-radius:5px;}
.box-case .slick-slide > div .item{display:block !important;}
.box-case .slick-slide .Ispic{height:209px; border-radius:3px;border:1px solid #eeeff3;}
.box-case .slick-arrow{position:absolute; top:50%;margin-top:-24px; width:48px;height:48px; border-radius:50%;background:url(../images/ycwzsj/prev.png) no-repeat center center #ff6c00;}
.box-case .slick-disabled{background-color:#d4d8d9; cursor:default;}
.box-case .slick-prev{left:-88px;}
.box-case .slick-next{background-image:url(../images/ycwzsj/next.png);right:-88px;}


.box-video .auto{overflow:hidden;}
.box-video .title-main{text-align:center;padding-top:153px; padding-bottom:55px;}
.box-video .title-main h3{margin-bottom:11px;}
.box-video .slider-for{float:left;margin-left:177px;width:780px;}
.box-video .slider-for .item{position:relative;}
.box-video .slider-for .item .open,
.box-video .slider-for .files{position:absolute;left:0; top:0; width:100%;height:100%;}
.box-video .slider-for .item .open{z-index:5;background:url(../images/ycwzsj/play.png) no-repeat center center; cursor:pointer;}
.box-video .slider-for .item  .Ispic{height:440px;border-radius:8px;}
.box-video .slider-for .files{ z-index:10;background:#f9f5ea;}
.box-video .slider-for .files video{width:100%;height:100%;}
.box-video .slider-for .files .close{position:absolute;right:10px;top:10px;background:#fff;border-radius:50%; width:24px;height:24px; z-index:20; cursor:pointer;text-align:center;line-height:24px;}
.box-video .slider-for .files .close:before{content:'x';color:#ff6c00;}
.box-video .slider-nav{float:right;width:270px;display:table;height:440px;}
.box-video .slider-nav .inner{display:table-cell;vertical-align:middle;}
.box-video .slider-nav li{font-size:40px;color:#666;cursor:pointer;font-family: 'Poppins';padding:10px 0;}
.box-video .slider-nav li:before{display:inline-block; content:''; width:24px; height:4px;background:#666; margin-right:16px;vertical-align:middle;}
.box-video .slider-nav li.slick-current{color:#ff6c00;font-size:60px;}
.box-video .slider-nav li.slick-current:before{background:#ff6c00;}

.box-custom{position:relative;z-index:1;}
.box-custom .auto{ width:1200px;padding-top:157px;}
.box-custom .dl-group{margin-top:70px;}
.box-custom .dl-group dl{display:table;padding:15px 0;/*transform:translateY(50px); opacity:0; transition:0.5s;*/}
.box-custom .dl-group dl > *{display:table-cell; vertical-align:middle;}
.box-custom .dl-group dt{width:72px;}
.box-custom .dl-group dd{font-size:14px;color:#666;}
.box-custom .dl-group h5{font-weight:normal;font-size:18px;color:#000;margin:0 0 5px 0;}
/*.box-custom .dl-group.animated dl{transform:translateY(0); opacity:1;}
.box-custom .dl-group dl:nth-child(2){transition-delay:0.2s;}
.box-custom .dl-group dl:nth-child(3){transition-delay:0.4s;}
.box-custom .dl-group dl:nth-child(4){transition-delay:0.6s;}*/

.box-custom .phone{position:absolute;height:100%;width:50%;overflow:hidden;right:0;top:0;}
.box-custom .phone dd img,
.box-custom .phone dd{position:absolute;}
.box-custom .phone dd{width:483px;height:604px;background:url(../images/ycwzsj/phone.png) no-repeat center center;transform:translateY(50px); opacity:0; transition:1s linear;}
.box-custom .phone.animated dd{transform:translateY(0); opacity:1;}
.box-custom .phone dd img{left: 34px;top: 48px;}
.box-custom .phone dd:nth-child(1){left:140px;top:-94px;}
.box-custom .phone dd:nth-child(2){left:721px;top:-310px;}
.box-custom .phone dd:nth-child(3){left:-10px;top:269px;transition-delay:0.5s;}
.box-custom .phone dd:nth-child(4){left:575px;top:55px;transition-delay:0.5s;}
.box-custom .phone dd:nth-child(5){left:403px;top:358px;transition-delay:0.8s;}
.box-custom .phone dd:nth-child(6){left:843px;top:525px;transition-delay:0.8s;}

.box-team{position:relative; z-index:1;overflow:hidden;}
.box-team .img{position: absolute;width: 100%;height: 679px;background: url(../images/ycwzsj/suipian.png) no-repeat center top 136px;left: 0;top: 95px;}
.box-team .auto{width:1200px; z-index:10;}
.box-team .title-main{padding-top:136px;padding-left:816px;}
.box-team .title-main h3{margin-bottom:11px;}
.box-team .title-main p{white-space: nowrap;}
.box-team .team-list{width:952px;height:567px;background: url(../images/ycwzsj/team.png) no-repeat;position:relative;margin-left:164px;margin-top:-37px;}
.box-team .team-list dd{position:absolute; cursor:pointer;overflow:hidden;}
.box-team .team-list dd img{border-radius:50%;opacity:0.3;width:122px;height:122px;}
.box-team .team-list dd.d-1{left:9px; top:73px;}
.box-team .team-list dd.d-1 img{width:125px;height:125px;}
.box-team .team-list dd.d-2{left: 415px;top: 9px;}
.box-team .team-list dd.d-3{left: 820px;top: 167px;}
.box-team .team-list dd.d-4{left: 120px;top: 339px;}
.box-team .team-list dd.d-5{left: 583px;top: 437px;}
.box-team .team-list dd.d-5 img{width:118px; height:118px;}
.box-team .team-list dd span{position:absolute; left:0;top:-100%; opacity:0;transition:0.3s; width:100%; height:100%; z-index:10;background: url(../images/ycwzsj/wizoom.png) no-repeat center center;}
.box-team .team-list dd:hover span{opacity:1;top:0;}
.box-team .team-list dd.open-more{left: 707px;top: 321px;width:36px;height:36px;border-radius:50%;background:#d8ccb1; transition:0.3s;}
.box-team .team-list dd.open-more i{position:absolute; left:50%;top:50%;background:#fff;}
.box-team .team-list dd.open-more i:nth-child(1){ width:2px; height:10px; margin:-5px 0 0 -1px;}
.box-team .team-list dd.open-more i:nth-child(2){height:2px; width:10px; margin:-1px 0 0 -5px;}
.box-team .team-list dd.open-more:hover{background:#ff6c00;}
.box-team .team-info{overflow:hidden;transition:height 0.3s;top:50%;transform:translateY(-50%); height:0; position:absolute;left:0; width:100%; z-index:20;background: url(../images/ycwzsj/team_bg.jpg) repeat;}
.box-team .team-info.show{height:384px;padding-top:41px;}
.box-team .team-info .auto{width:1003px;}
.box-team .tab-con {min-height:281px;background:#f2f5f6;padding:34px 56px 0 44px;position:relative;}
.box-team .tab-con .close{position:absolute;right:4px;top:4px;width:27px;height:27px;background:#ff6c00;display:block !important; overflow:hidden; cursor:pointer;}
.box-team .tab-con .close:before,
.box-team .tab-con .close:after{position:absolute; content:'';left:-50%; margin-top:-0.5px; top:50%; width:200%; height:1px;background:rgba(255,255,255,0.4); transform:rotate(45deg);}
.box-team .tab-con .close:after{transform:rotate(-45deg);}
.box-team .tab-con .con{overflow:hidden;font-size:12px;}
.box-team .team-info .left,
.box-team .team-info .mid{float:left;}
.box-team .team-info .right{float:right; width:508px;}
.box-team .team-info .right img{display:block; height:230px;width:100%;}
.box-team .team-info .left{width:108px;}
.box-team .team-info .left img{width:105px;}
.box-team .team-info .left p{color:#514944;opacity:0.5; margin:10px 0 0 0;line-height:18px;}
.box-team .team-info .mid{margin-left:23px;width:240px;}
.box-team .team-info .mid .tit{display:inline-block;color:#fff;background:#ff6c00;font-size:14px;line-height:24px;padding:0 10px;}
.box-team .team-info .mid pre{color:#6a6460;line-height:2em;margin-top:7px;}
.box-team .team-info .tab_a{text-align:center;padding-top:10px;}
.box-team .team-info .tab_a a{display:inline-block; cursor:pointer; width:10px;height:10px; border-radius:50%;background:#fff;opacity:0.2;margin:0 5px;}
.box-team .team-info .tab_a a.on{opacity:0.5;}