.wrapbd {padding-top:0}
/*case study*/
.wrapCasestudy{padding-bottom:30px}
.Casestudy {padding-top:30px}
.Casestudy .item{}
.Casestudy .item .bg{padding:10px; background:#f7f7f7}
.Casestudy .item .img{}
.Casestudy .item .img img{width:100%}
.Casestudy .item .title{font-size:20px; line-height:150%; padding:20px 10px; text-transform:uppercase; color:#f5b819; font-weight:bold}
.Casestudy .item .desc{padding:0 10px; }


.wraptopnews {background:#f6f5f5; padding:30px 0}
.wraptopnews .desc{padding:30px 0 10px; line-height:150%}

.wraplistnews {padding:30px 0 50px}
.cattech {font-size:25px; line-height:150%; text-align:center; padding:10px 0 30px; text-transform:uppercase; color:#f6b801; font-weight:500}
.litstech {}
.litstech .item{}
.litstech .item .img{}
.litstech .item .img img{width:100%}
.litstech .item .title{font-size:16px; color:#f5b819; padding:10px 15px; font-weight:bold; line-height:150%}
.litstech .item .desc{line-height:150%; padding:0 15px}


.techrelation{padding:30px 0; background:url(/images/temps/2017/bgf_cn.jpg) no-repeat top center;}
.techrelation .ullist{list-style:none; padding:20px 0; margin:0px;}
.techrelation .ullist li{    padding: 3px 0 3px 20px;background: url(/images/temps/2017/ico_list.png) no-repeat 0px 10px;}
.techrelation .ullist li a{color:#333; text-transform:uppercase; font-size:14px}

@media screen and (max-width: 767px) 
{
    .litstech .item .desc{padding:0 5px}
    .litstech .item .title{padding:10px 5px;}
}

@media screen and (max-width: 600px)
{
    .menupage {  display: block !important;}
    .menupage a {
        padding: 5px 5px;
        font-size: 15px;
        width: 50%;
        display: inline-block;
    }
}



@media screen and (max-width: 500px) 
{
    .litstech .item, .menupage a{width:100%}
}

.wrapxyz {padding:20px 0}
.divxyz .descz{font-weight:bold; color:#777; padding:10px 0}
.divxyz .content{color:#777; padding:10px 0}