/* CSS Document */
.con2{width:100%;height:auto;clear:both;background:url(../zimages/con2.jpg) no-repeat center top;background-size:cover !important;padding:0px 0px 50px 0px;}

.con2 .left{width:47%;float:left;height: 100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.con2 .left a{display:block;width:100%;height:100%;}
.con2 .left a img{width:100%;height:100%;transition:all 1s ease-out;}
.con2 .left:hover a img{transform:scale(1.2);}
.con2 .right{width:53%;height:auto;float:right;border:solid #ccc 1px;height:auto;}
.con2 .right ul{width:95%;height:auto;margin:0 auto;}
.con2 .right ul li{width:100%;border-bottom:solid #ccc 1px;height:auto;transition:all 1s;clear: both;float:left;padding: 2rem 5%;}
.con2 .right ul li .l1{width:20%;float:left;overflow:hidden;background:#f0f0f0;}
.con2 .right ul li .l1 img{max-width:100%;width:auto;height:auto;padding:5%;}
.con2 .right ul li .r1{width:75%;float:right;}
.con2 .right ul li .r1 h1{color:#000000;font-size:2.4rem;text-align:left;line-height:45px;transition:all 1s;height:45px;overflow:hidden;}



.con2 .right ul li .r1 span{display:block;width:50px;height:2px;background:#f0f0f0;}
.con2 .right ul li .r1 p{color:#000000;font-size:1.6rem;text-align:left;line-height:35px;height:35px;transition:all 1s;


}
.con2 .right ul li:hover{background:#0b61bf}
.con2 .right ul li:hover .r1 h1{color:#fff;transition:all 1s;}
.con2 .right ul li:hover .r1 p{color:#fff;transition:all 1s;}


.con2 .right ul li:last-child{border:none;}
@media(max-width:468px){



.con2 .left{width:100% !important;height:auto !important;position:relative}
.con2 .right{width:100%;}
.con2 .right ul li .r1 h1 {  font-size: 2rem;}
.con2 .right ul li .r1 p {font-size: 1.4rem; height: auto;line-height:1.6}


}
@media(max-width:767px){

.con2 .left{width:100% !important;height:auto !important;position:relative}
.con2 .right{width:100%;}
.con2 .right ul li .r1 h1 {  font-size: 2rem;}
.con2 .right ul li .r1 p {font-size: 1.4rem; height: auto;line-height:1.6}

}
@media(max-width:990px){
.con2 .left{width:100% !important;height:auto !important;position:relative}
.con2 .right{width:100%;}
}
@media(max-width:1080px){
.con2 .left{width:40%;}

}

@media(max-width:1200px){
.con2 .left{width:40%;}

}

@media(max-width:1320px){
.con2 .left{width:40%;}

}
@media(max-width:1600px){
.con2 .left{width:45%;}

}