@import (once) "default.less";
@import (once) "common.less";

/* top ///////////////////////*/
.top{
.pr;
.oh;
z-index:1;
width:100%;

.slider li{
width:100%;
height:80vh;
}

}


@media (max-width:1024px){
.top{

}
}


@media (max-width:600px){
.top{

.slider li{
height:240px;
}

}
}


/* news ///////////////////////*/
.news{
.pr;
width:100%;
margin:-90px 0 0 0;
z-index:2;

.wrap{
.bg_white;
.border1;
padding:40px;
}

dl{
.dt;
width:100%;
.center;
}
dd{
.dtc;
.vat;
}
dd:first-child{
width:1%;
padding:10px 40px 0 0;
border-right:1px @g3 solid;
}
dd:last-child{
padding:0 0 0 20px;
}

h3{
font-size:17pt;
.nw;
.ls2;
}


li{

a, b{
.db;
.tdn;
}
a:hover > p{
.tdu;
}

p{
.tdn;
.dib;
.vam;
line-height:120%;
padding:0 10px 0 0;
.te;
}

}

.more{
padding:10px 0 0 0;
.tar;

.point{
width:10px;
height:10px;
margin: 0 10px 0 0;
}
}

}


@media (max-width:1024px){
.news{

.wrap{
padding:20px;
}

dl{
.dt;
width:100%;
.center;
}
dd{
.db;
.vat;
}
dd:first-child{
width:auto;
padding:0 0 10px 0;
border-right:0;
border-bottom:1px @g3 solid;
}
dd:last-child{
padding:10px 0 0 15px;
}
.point2{
margin-left:-15px;
}

li{
a{
padding:3px 0;
}
p{
width:80vw;
}
}

.more{
padding:20px 0 0 0;
}

}
}


@media (max-width:600px){
.news{

margin:-20px 0 0 0;

.wrap{
padding:20px 10px;
}

h3{
font-size:13pt;
}

}
}



/* about ///////////////////////*/
.about{
margin:80px 0 0 0;
padding:80px 0 150px 0;
background:url(../image/image1.jpg) no-repeat 50% 100%;
background-size: cover;

dl{
.dt;
width:100%;
border-right:1px @g3 solid;
}
dd{
.dtc;
width:33.3%;
.vat;
border-left:1px @g3 solid;
padding:0 20px;
}

.text{
padding:10px 0 30px 0;
}

}

@media (max-width:1024px){
.about{
margin:50px 0 0 0;
padding:30px 0 150px 0;

dl{
.db;
border-right:0;
}
dd{
.db;
width:100%;
border-left:0;
border-bottom:1px @g3 solid;
padding:20px 0;
}

.text{
padding:5px 0 20px 0;
}

ul{
padding:0 0 10px 20px;
}

}
}


@media (max-width:600px){
.about{
margin:30px 0 0 0;
padding:15px 0 150px 0;

.text{
padding:5px 0 10px 0;
}

ul{
padding:0 0 0 10px;
}

}
}


/* recruit ///////////////////////*/
.recruit{
padding:80px 0;

.wrap{
.pr;
.db;
height:300px;
background:url(../image/image2.png) no-repeat -50px -100px;
background-size: 640px;
background-color:#e8e7e3;
.border1;
}

p{
.pa;
top:50%;
right:40px;
margin-top:-20px;
font-size:30pt;
.ls1;
}
.point{
width:40px;
height:40px;
margin:0 0 0 40px;
}

}


@media (max-width:1024px){
.recruit{
padding:50px 0;

.wrap{
height:200px;
background:url(../image/image2.png) no-repeat -50px -60px;
background-size: 440px;
background-color:#e8e7e3;
}

p{
font-size:24pt;
margin-top:-15px;
}
.point{
width:30px;
height:30px;
margin:0 0 0 10px;
}

}
}

@media (max-width:600px){
.recruit{
padding:30px 0;


.wrap{
height:300px;
background:url(../image/image2.png) no-repeat 50% -60px;
background-size: 440px;
background-color:#e8e7e3;
}

p{
top:auto;
bottom:20px;
font-size:19pt;
margin-top:0;
right:0;
width:100%;
.tac;
}
.point{
width:20px;
height:20px;
margin:0 0 0 10px;
}



}
}