.main_work		{width:100%; max-width:1400px; margin:0 auto; }
.main_work ul	{
	display: block; 
	position:relative; width:100%;

}
.main_work ul li						{position:relative; float:left; border:0px solid blue;}
.main_work ul li a{color:#fff; }
.main_work ul li .imgbox		{position:relative; overflow:hidden; height:568px; }
.main_work ul li .imgbox img				{display:block; max-width:100%; transition:transform 2s; border:0px solid red;}
/* .main_work ul li:hover .imgbox img	{transform:scale(1.2);} */
.main_work ul li:nth-child(1) .imgbox {display:block; height:270px; background-size:contain;}
.main_work ul li:nth-child(2) .imgbox {display:block; height:270px; background-size:contain;}

.main_work ul li:nth-child(4) .imgbox {display:block; height:270px; background-size:contain;}

.main_work ul li:nth-child(3) .imgbox {display:block; height:270px; background-size:contain;}


.main_work ul li:nth-child(1){width:27%; height:270px; }
.main_work ul li:nth-child(2){width:27%;  height:270px; margin-left:46%;}
.main_work ul li:nth-child(3){width:27%; margin-top:2%;  height:270px;}
.main_work ul li:nth-child(4){width:27%; margin-top:2%; height:270px; margin-left:46%;}
.main_work ul li:nth-child(5){ float:none; position:absolute; top:0; left:29.3%;}

p.img_title{ position:absolute; padding:20px; font-size:27px; font-weight:bold; color:#fff;}

.main_work ul li .details	{
	position:absolute;
	width:100%;
	top:0px;
	bottom:0px;
	background:rgba(0,159,232,0.9);
	color:#fff !important;
	text-align:left;
	word-break:keep-all;
	opacity:0;
	transition: 1s;
}

.main_work ul li:hover .details	{opacity:1; transition:1s;}
.main_work ul li .details p			{position:absolute; top:30%; left:37%; transform:translate(-50%, -50%);}
.maw_contxt1	{display:block; font-size:30px; font-weight:600; padding:0 0 8px; /* border-bottom:3px solid #08b1ab; */}
.maw_contxt2	{display:block; margin-top:10px; line-height:130%; font-size:16px;}
.main_work ul li .details p.more{top:90%; left:13%;}


.main_work ul li:nth-child(5) .details p.context{top:14%;}


@media(max-width:1600px){

	.main_work ul{display: flex;
    position: relative;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;}
	.main_work ul li{float:none;}
	.main_work ul li:nth-child(1) {
    width: 30%;
    height: 270px;  margin:1%;}
	.main_work ul li:nth-child(2) {
    width: 30%;
    height: 270px;  margin:1%;}
	.main_work ul li:nth-child(3){
		width:30%;  margin:1%;
	}
	.main_work ul li:nth-child(4){
		width:35%;  margin:1%;}
	.main_work ul li:nth-child(5){ width:35%; position:relative; left:0; top:0; margin:1%;}
	.main_work ul li .imgbox{height:270px; }
	.main_work ul li:nth-child(5) .details p.context{top:25%;}
}

@media(max-width:1480px){

}

@media(max-width:1216px){
	.main_work{max-width:1000px;}
	.main_work ul li:nth-child(1){width:45%;}
	.main_work ul li:nth-child(2){width:45%;}
	.main_work ul li:nth-child(3){width:45%;}
	.main_work ul li:nth-child(4){width:45%;}
	.main_work ul li:nth-child(5){width:92%; background-size:cover; }
	.main_work ul li:nth-child(5) .imgbox{width:100%; height:300px; background-size:cover; display:block; }
	.main_work ul li:nth-child(5) .imgbox img{width:100%; }
	.main_work ul li:nth-child(5) .details p.context{top:25%; left:33%;}
	.main_work ul li:nth-child(5) .details p.more{left:7%;}
}

@media(max-width:1080px){

	.maw_contxt1	{display:block; font-size:17px; padding:0 0 8px; }
}

@media(max-width:980px){
	.main_work ul li:nth-child(5) .details p.context{left:35%;}
}

@media(max-width:880px){
		p.img_title{font-size:20px;}
	.main_work ul li					{position:relative; width:50%;}
/* 	.main_work ul li .details{width:86.6%;} */
	.main_work ul li:nth-child(1){width:43%;}
	.main_work ul li:nth-child(2){width:43%;}
	.main_work ul li:nth-child(3){width:43%;}
	.main_work ul li:nth-child(4){width:43%;}
	.main_work ul li:nth-child(5){width:88%;}
	.main_work ul li:nth-child(5) .details p.context{top:34%; left:37%;}
}
@media(max-width:768px){
	.main_work ul li:nth-child(1){ height:220px;}
	.main_work ul li:nth-child(2){  height:220px;}
	.main_work ul li:nth-child(3){  height:220px;}
	.main_work ul li:nth-child(4){ height:220px;}
	.main_work ul li:nth-child(5){   height:220px; }
	.main_work ul li:nth-child(5) .details p.context{top:24%;}
	.main_work ul li .imgbox{height:220px !important;}
	.maw_contxt2{font-size:13px;}
	.main_work ul li:nth-child(5) .details p.more{ left:12%;}
	.main_work ul li .details p.more{left:17%;}

}

@media(max-width:640px){
	
	.maw_contxt1	{display:block; font-size:1.4em; padding:0 0 8px; }


}

@media(max-width:500px){
	p.img_title{font-size:20px;}
	.main01 .m_pro{margin-top:50px;}
	.main_work ul li .details{opacity:1; padding:7%;}
	.main_work ul li:nth-child(1){ }
	.main_work ul li:nth-child(2){ }
	.main_work ul li:nth-child(3){ }
	.main_work ul li:nth-child(4){ }
	.main_work ul li:nth-child(5){}
		.main_work ul li:nth-child(5) .details p.more{left:0px;}
.main_work ul li:nth-child(5) .details p.context{top:0px; width:90%; left:0px;}
	.main_work ul li .details p{position:relative; transform:translate(0,0); top:0px; left:0px; width:70%;}
	.main_work ul li .details p.more{top:0px; left:0px; }
	.main_work ul li:nth-child(5) .details{padding:4%;}
}


@media(max-width:414px){

	.main_work ul li:nth-child(1){height:196px; width:46%; }
	.main_work ul li:nth-child(2){  height:196px; width:46%;}
	.main_work ul li:nth-child(3){  height:196px; width:46%;}
	.main_work ul li:nth-child(4){  height:196px; width:46%; }
	.main_work ul li:nth-child(5){  width:93%;}
	.maw_contxt2{font-size:14px; line-height:18px;}
	
}


@media(max-width:375px){
	
	.main_work ul li:nth-child(1){ height:177px;}
	.main_work ul li:nth-child(2){ height:177px;}
	.main_work ul li:nth-child(3){  height:177px;}
	.main_work ul li:nth-child(4){  height:177px;}
	.main_work ul li:nth-child(5){ height:220px;}
	
	.main_work ul li .details p{top:0px; left:0px; padding:7px;}
	.main_work ul li .details p.more{top:0px; left:0px; }
	.maw_contxt2{font-size:13px;}
	.maw_contxt1{padding:0;}
	.main_work ul li .details p{width:100%;}

}