@font-face {
/* font-properties */
/*font-family: pictos;
src:url('http://www.youth-brand.com/assets/fonts/FZLTCXHJW.ttf');	*/		    
}

body{
/*font-family: pictos;*/

}

.main_contain{

margin: 0 auto;
min-height: 500px;
color:#fff;
}

#zs .title{
width: 100%;
text-align: center;
margin-bottom: 20px;
margin-top:20px;
}
#zs .title p{
color: #fff;
/*margin-bottom: 20px;*/
}

.zs_banner{
width: 50%;
margin: 0 auto;
min-height: 300px;
background: url(http://www.youth-brand.com/assets/images/lap.png) no-repeat;
background-size: 100%;
position: relative;

}
.zs_wrap{
padding-left: 12%;
padding-top: 3.5%;
}
.zs_wrap ul{
display: block;
width: 86.5%;
overflow: hidden;
background: rgba(255,255,255,.08);
}
.zs_wrap li,.zs_wrap li a{
padding: 0;
margin: 0;
display: block;

}

.zs_wrap li img{
display: block;
width: 100%;
height: 100%;
}

.nextCell,.prevCell{
background:url(http://www.youth-brand.com/assets/images/arrow.png) no-repeat;			
right: auto;
width: 5%;
height: 25px;
position: absolute;
z-index: 9999;
top:240px;
background-size:100%;		
cursor: pointer;
}
.prevCell{
left:20px;
}
.nextCell{
transform:rotate(180deg);
right:20px;
}


.zt_list_item{
width: 60%;
margin: 0 auto;
box-sizing: border-box;
margin-top:2%;
}
.zt_list_item .list_item{
display: inline-flex;
width: 47%;
height: 100px;
color: #fff;
background: #1c1e22;
margin-left:2%;
margin-bottom: 1%;
box-sizing: border-box;
padding-left: 30px;
padding-top: 20px;
}
.list_item .right-words,.list_item .left-img{
display: inline-block;

}

.list_item .right-words{
width: 70%;
margin-left: 7%;
}
.list_item .right-words p{
color:#fff;
word-break: break-word;
}


.more{
width: 210px;
height: 50px;
text-align: center;
line-height: 50px;
border: 1px solid #fff;
margin: 0 auto;
border-radius: 30px;
box-sizing: border-box;
margin-top: 30px;

}
.more a{ color:#fff;}
.more a:hover{ color:#db0000;}
#show_num{
box-sizing: border-box;
margin-top: 100px;
width: 100%;
height: 270px;
background: url(http://www.youth-brand.com/assets/images/z.png) no-repeat 100%;
padding: 2% 0;
}
#show_num .main_contain{
max-width: 1160px;
}
#show_num .show_item{
width: 33%;
display: inline-block;
text-align: center;
position:relative;
}
#show_num .top_words{
font-size: 20px;
}
#show_num .top_words:after{
content: ' ';
position: relative;
border-bottom: 4px solid #fff;
display: block;
width: 20px;
left: 47%;
}
#show_num .count{
font-size:98px;
}

#service .main_contain{
width: 100%;
max-width: 1160px;
margin: 0 auto;
position:relative;
box-sizing: border-box;
margin-top: 50px;
}

#service .deep_layer{
width: 10%;
height: 620px;
background: #1d1e22;
position: absolute;
top:0;
z-index: -1;
}

#service .top_wrap{
padding-left: 30px;
padding-top: 10px;
}	

#service .service_con_wrap{
width: 100%;
height: 530px;
text-align:center;
}
#service .service_con {
padding-left: 30px;
position: relative;
}
#service .service_con .item{
display: inline-block;
width: 30%;
height: 100%;
margin-right: 20px;
}
#service .service_con .item p{background: #fff;height: 80px; line-height:80px;}

#service .service_con_btn{
width: 280px;
height: 250px;
background: #d5a84d;
position: absolute;
top:-100px;
right: 0;
}

#service .btn_wrap{
position:relative;
top:20px;
left:40%;
}
#service .service_con_btn span{
cursor: pointer;
margin-right: 10px;

}
@media only screen and (max-width:767px) {
.zs_banner{
width: 84%;
min-height: 260px;
}
.nextCell{
height: 13px;
top: 30%;
right: 0;
}
.prevCell{
height: 13px;
top: 30%;
left: 0;
}
#service .service_con_wrap{
height: 300px;
}
.main_contain{
min-height: 300px;
}
}