@import (once) "default.less";

/* article ///////////////////////*/
.news{
.article{
max-width:1040px;
.center;
}
}

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

.article{
width:85%;
.center;
}

}
}


/* news ///////////////////////*/
.news{
padding:30px 0 100px 0;
}

@media (max-width:800px) {
.news{
padding:15px 0 50px 0;

article{
width:auto;
}

}
}

/* ///////////////////////*/
.news .sec1{
.oa;

ul{
.dt;
.center;
width:90%;
}
li{
.dtc;
padding:0 3px;
}

a{
.db;
lin-eheight:100%;
border:2px @c1 solid;
.r(30px;);
padding:5px 0;
background:#FFF;
color:@text;
.tdn;
.tac;
.nw;
}

.c00 a:hover,
.c00 .active{
border:2px @c1 solid;
background:@c1;
color:#FFF;
}
.c01 a:hover,
.c01 .active{
border:2px @c01 solid;
background:@c01;
color:#FFF;
}
.c02 a:hover,
.c02 .active{
border:2px @c02 solid;
background:@c02;
color:#FFF;
}
.c03 a:hover,
.c03 .active{
border:2px @c03 solid;
background:@c03;
color:#FFF;
}
.c04 a:hover,
.c04 .active{
border:2px @c04 solid;
background:@c04;
color:#FFF;
}
.c05 a:hover,
.c05 .active{
border:2px @c05 solid;
background:@c05;
color:#FFF;
}


}

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

ul{
.db;
.fn;
width:90%;
padding: 0;
.center;
}
li{
.dib;
padding:3px 3px;
/*width:50%;*/
width:49%;
}

a{
.tac;
padding:5px 0;
width:100%;
font-size:9pt;
}

}
}


/* ///////////////////////*/
.news .sec2{
padding:40px 0 0 0;

dl{
.db;
}
dd{
.dib;
/*width:33.3%;*/
width:33%;
height:380px;
.vat;
margin:0;
padding:10px;
}
a{
.db;
color:@text;
background:#FFF;
height:100%;
.tdn;
}
.image{
.oh;
width:100%;
height:200px;
img{
.of;
width:100%;
height:100%;
transition:.4s;
}
}

p{
margin:0;
line-height:160%;
}
.text{
padding:10px 20px;
background:#FFF;
}
.date{
.left;
}
.type{
.right;
}
.title{
.cr;
.bold;
padding:10px 0 0 0;
}

.c01 .text{
border-top:5px @c01 solid;
}
.c02 .text{
border-top:5px @c02 solid;
}
.c03 .text{
border-top:5px @c03 solid;
}
.c04 .text{
border-top:5px @c04 solid;
}
.c05 .text{
border-top:5px @c05 solid;
}
.c01 .type{
color:@c01;
}
.c02 .type{
color:@c02;
}
.c03 .type{
color:@c03;
}
.c04 .type{
color:@c04;
}
.c05 .type{
color:@c05;
}

a:hover > .image img{
width:120%;
height:120%;
margin-top:-6%;
opacity:.5;
}
a:hover > .text .title{
.tdu;
}

}


@media (max-width:800px) {
.news .sec2{
padding:20px;

dl{
.db;
}
dd{
.db;
width:100%;
height:auto;
.vat;
margin:0;
padding:10px 0;
}

.image{
height:400px;
}

.text{
padding:10px;
}
.date{
font-size:8pt;
}
.type{
font-size:8pt;
}
.title{
font-size:10pt;
}

}
}


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

.image{
height:300px;
}

}
}


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

.image{
height:180px;
}

}
}


/* ///////////////////////*/
.news .sec3{
padding:40px 0 0 0;

}

@media (max-width:800px) {
.news .sec3{
padding:0 0 0 0;

}
}

/* ///////////////////////*/
.news .sec4{
padding:40px 0 0 0;
.tac;

ul{
.dt;
.center;
}
li{
.dtc;
padding:20px;
}
}

@media (max-width:800px) {
.news .sec4{
padding:20px 0 0 0;

li{
padding:10px;
}

}
}