﻿@media only screen and (max-width:480px){
	.tx-big,.tx-big2,.tx-big3,.tx-big4,.tx-30{font-size:22px;}
.icon-top{display:none;}
#menu{display:none;}
#mainpage{width:100%;padding:0 5%;float:left;box-sizing: border-box;background:#fff;}
.top-box1{width:100%;float:left;margin:0 auto;padding:0;position:relative;box-sizing: border-box;min-height: 110px;}
#top-box1-date{width:100%;max-width:480px;margin-top:20px;float:right;text-align:right;}
#top-box1-menu{display:none;}
.section1{display:none;}
.section2{background:url("../images/bg-sec2.jpg")no-repeat right center;padding-top:20px;}
#sec2-box1{position:relative;display:block;width:100%;float:left;padding:1%;box-sizing: border-box;background:none;}
#sec2-box2{display:none;}
.sec4-box-in{position:relative;display:table-cell;width:90%;float:left;padding:80px 0 20px;box-sizing: border-box;margin:10px 5%;overflow:hidden;border:1px solid #000;height:360px;background:rgba(255,255,255,0.8);webkit-transition:all 0.3s;transition:all 0.3s;}
#sec6-left{position:relative;display:block;width:100%;float:left;padding:20px;box-sizing: border-box;}
#sec6-right{position:relative;display:block;width:100%;float:right;padding:20px;box-sizing: border-box;}
#footer-col1{width:100%;float:left;padding:40px 2% 0;box-sizing: border-box;margin:0 auto;display:block;border-right:0px solid #202020;min-height:100px;}
#footer-col2{width:100%;float:left;padding:10px 2%;box-sizing: border-box;margin:0 auto;display:block;}	
	.sec3-col1{position:relative;width:100%;float:left;}
	.sec3-col2{position:relative;width:100%;float:left;}
	.sec3-col3{position:relative;width:100%;float:left;}
	#sec3-box1{width:100%;height:300px;float:left;background:#000 url("../images/work/09.jpg")no-repeat center center;background-size:140%;}
	#sec3-box2{width:50%;height:150px;float:left;background:#000 url("../images/work/01.jpg")no-repeat center center;background-size:140%;}
	#sec3-box3{width:50%;height:150px;float:right;background:#000 url("../images/work/02.jpg")no-repeat center center;background-size:140%;}
	#sec3-box4{width:50%;height:150px;float:right;background:#000 url("../images/work/03.jpg")no-repeat center center;background-size:140%;}
	#sec3-box5{width:50%;height:150px;float:right;background:#000 url("../images/work/04.jpg")no-repeat center center;background-size:140%;}
	#sec3-box6{width:100%;height:150px;float:right;}
	#sec3-box7{width:50%;height:150px;float:right;background:#000 url("../images/work/05.jpg")no-repeat center center;background-size:140%;}
	#sec3-box8{width:50%;height:150px;float:right;background:#000 url("../images/work/06.jpg")no-repeat center center;background-size:140%;}
	#sec3-box9{width:50%;height:160px;float:right;background:#000 url("../images/work/07.jpg")no-repeat center center;background-size:140%;}
	#sec3-box10{width:50%;height:160px;float:right;background:#475a95 url("../images/work/08.jpg")no-repeat center center;background-size:60%;}
	#sec3-box11{width:100%;height:300px;float:left;background:#000 url("../images/work/10.jpg")no-repeat center center;background-size:140%;}
.sidebar-page{position:relative;width:100%;float:left;padding:10px;box-sizing: border-box;margin:0 auto;display:table-cell;}
.content-page{position:relative;width:100%;float:right;padding:5%;box-sizing: border-box;margin:0 auto;display:table-cell;background:#0098e7;}
.bottom-page{position:relative;width:100%;float:right;padding:2%;box-sizing: border-box;margin:20px auto;display:table-cell;background:#0098e7;}
.content-page2{position:relative;width:100%;float:right;padding:5%;box-sizing: border-box;border:2px solid #0098e7;margin:0 auto;display:table-cell;background:#fff;}
.box-ourwork{position:relative;width:100%;float:left;padding:0;box-sizing: border-box;margin:10px auto;display:table-cell;background:#fff;box-shadow:2px 2px 15px rgba(0,0,0,0.05);}
	
}
@media only screen and (max-width:768px)and (min-width:480.1px){
.tx-20{font-size:16px;}.tx-big,.tx-big2,.tx-big3,.tx-big4,.tx-30{font-size:24px;}
#mainpage{width:100%;padding-left:60px;float:left;box-sizing: border-box;background:#fff;}
#menu{display:none;}
.top-box1{width:100%;float:left;margin:0 auto;padding:0 20% 15px;position:relative;box-sizing: border-box;}
#top-box1-date{width:100%;max-width:768px;margin-top:20px;float:left;text-align:left;}
#top-box1-menu{display:none;}	
.sec1-box1{position:relative;display:block;z-index:20;width:100%;float:left;padding:0;box-sizing: border-box;margin:-40px auto 0;overflow:hidden;}
	#sec1-box1-left{width:50%;float:left;padding:20px;box-sizing: border-box;margin:0 auto;overflow:hidden;}
	#sec1-box1-right{width:50%;float:right;padding:20px;box-sizing: border-box;margin:0 auto;overflow:hidden;text-align:center;}
.section2{background:url("../images/bg-sec2.jpg")no-repeat right center;padding-top:30px;}
	#sec2-box1{position:relative;display:block;width:100%;float:left;padding:5% 5% 10% 5%;box-sizing: border-box;background:none;}
	#sec2-box2{display:none;}
.sec4-box-in{position:relative;display:table-cell;width:80%;float:left;padding:80px 0 20px;box-sizing: border-box;margin:20px 10%;overflow:hidden;border:1px solid #000;height:260px;background:rgba(255,255,255,0.8);webkit-transition:all 0.3s;transition:all 0.3s;}
#sec6-left{position:relative;display:block;width:100%;float:left;padding:20px;box-sizing: border-box;}
#sec6-right{position:relative;display:block;width:100%;float:right;padding:20px;box-sizing: border-box;}
#footer-col1{width:100%;float:left;padding:40px 2% 0;box-sizing: border-box;margin:0 auto;display:block;border-right:0px solid #202020;min-height:100px;}
#footer-col2{width:100%;float:left;padding:10px 2%;box-sizing: border-box;margin:0 auto;display:block;}		
	.sec3-col1{position:relative;width:100%;float:left;}
	.sec3-col2{position:relative;width:100%;float:left;}
	.sec3-col3{position:relative;width:100%;float:left;}
	#sec3-box1{width:100%;height:300px;float:left;background:#000 url("../images/work/09.jpg")no-repeat center center;background-size:140%;}
	#sec3-box2{width:50%;height:150px;float:left;background:#000 url("../images/work/01.jpg")no-repeat center center;background-size:140%;}
	#sec3-box3{width:50%;height:150px;float:right;background:#000 url("../images/work/02.jpg")no-repeat center center;background-size:140%;}
	#sec3-box4{width:50%;height:150px;float:right;background:#000 url("../images/work/03.jpg")no-repeat center center;background-size:140%;}
	#sec3-box5{width:50%;height:150px;float:right;background:#000 url("../images/work/04.jpg")no-repeat center center;background-size:140%;}
	#sec3-box6{width:100%;height:150px;float:right;}
	#sec3-box7{width:50%;height:150px;float:right;background:#000 url("../images/work/05.jpg")no-repeat center center;background-size:140%;}
	#sec3-box8{width:50%;height:150px;float:right;background:#000 url("../images/work/06.jpg")no-repeat center center;background-size:140%;}
	#sec3-box9{width:50%;height:160px;float:right;background:#000 url("../images/work/07.jpg")no-repeat center center;background-size:140%;}
	#sec3-box10{width:50%;height:160px;float:right;background:#475a95 url("../images/work/08.jpg")no-repeat center center;background-size:50%;}
	#sec3-box11{width:100%;height:300px;float:left;background:#000 url("../images/work/10.jpg")no-repeat center center;background-size:140%;}
.sidebar-page{position:relative;width:100%;float:left;padding:10px;box-sizing: border-box;margin:0 auto;display:table-cell;}
.content-page{position:relative;width:100%;float:right;padding:5%;box-sizing: border-box;margin:0 auto;display:table-cell;background:#0098e7;}
.bottom-page{position:relative;width:100%;float:right;padding:2%;box-sizing: border-box;margin:20px auto;display:table-cell;background:#0098e7;}
.content-page2{position:relative;width:100%;float:right;padding:5%;box-sizing: border-box;border:2px solid #0098e7;margin:0 auto;display:table-cell;background:#fff;}
.box-ourwork{position:relative;width:48%;float:left;padding:0;box-sizing: border-box;margin:10px 1%;display:table-cell;background:#fff;box-shadow:2px 2px 15px rgba(0,0,0,0.05);}

}
@media only screen and (max-width:1024px)and (min-width:768.1px){
.sec1-box1{position:relative;display:block;z-index:20;width:100%;float:left;padding:0;box-sizing: border-box;margin:-40px auto 0;overflow:hidden;}
	.sec3-col1{position:relative;width:50%;float:left;}
	.sec3-col2{position:relative;width:50%;float:right;}
	.sec3-col3{position:relative;width:100%;float:left;}
	#sec3-box1{width:100%;height:300px;float:left;background:#000 url("../images/work/09.jpg")no-repeat center center;background-size:150%;}
	#sec3-box2{width:50%;height:150px;float:left;background:#000 url("../images/work/01.jpg")no-repeat center center;background-size:150%;}
	#sec3-box3{width:50%;height:150px;float:right;background:#000 url("../images/work/02.jpg")no-repeat center center;background-size:150%;}
	#sec3-box4{width:50%;height:150px;float:right;background:#000 url("../images/work/03.jpg")no-repeat center center;background-size:150%;}
	#sec3-box5{width:50%;height:150px;float:right;background:#000 url("../images/work/04.jpg")no-repeat center center;background-size:150%;}
	#sec3-box6{width:100%;height:150px;float:right;}
	#sec3-box7{width:50%;height:150px;float:right;background:#000 url("../images/work/05.jpg")no-repeat center center;background-size:150%;}
	#sec3-box8{width:50%;height:150px;float:right;background:#000 url("../images/work/06.jpg")no-repeat center center;background-size:150%;}
	#sec3-box9{width:50%;height:240px;float:right;background:#000 url("../images/work/07.jpg")no-repeat center center;background-size:150%;}
	#sec3-box10{width:50%;height:240px;float:right;background:#475a95 url("../images/work/08.jpg")no-repeat center center;background-size:50%;}
	#sec3-box11{width:100%;height:300px;float:left;background:#000 url("../images/work/10.jpg")no-repeat center center;background-size:150%;}
}
@media only screen and (max-width:1280px)and (min-width:1024.1px){
	#sec3-box1{width:100%;height:300px;float:left;background:#000 url("../images/work/09.jpg")no-repeat center center;background-size:160%;}
	#sec3-box2{width:50%;height:150px;float:left;background:#000 url("../images/work/01.jpg")no-repeat center center;background-size:160%;}
	#sec3-box3{width:50%;height:150px;float:right;background:#000 url("../images/work/02.jpg")no-repeat center center;background-size:160%;}
	#sec3-box4{width:50%;height:150px;float:right;background:#000 url("../images/work/03.jpg")no-repeat center center;background-size:160%;}
	#sec3-box5{width:50%;height:150px;float:right;background:#000 url("../images/work/04.jpg")no-repeat center center;background-size:160%;}
	#sec3-box6{width:100%;height:150px;float:right;}
	#sec3-box7{width:50%;height:150px;float:right;background:#000 url("../images/work/05.jpg")no-repeat center center;background-size:160%;}
	#sec3-box8{width:50%;height:150px;float:right;background:#000 url("../images/work/06.jpg")no-repeat center center;background-size:160%;}
	#sec3-box9{width:50%;height:150px;float:right;background:#000 url("../images/work/07.jpg")no-repeat center center;background-size:160%;}
	#sec3-box10{width:50%;height:150px;float:right;background:#475a95 url("../images/work/08.jpg")no-repeat center center;background-size:100%;}
	#sec3-box11{width:100%;height:300px;float:left;background:#000 url("../images/work/10.jpg")no-repeat center center;background-size:160%;}
}
@media only screen and (max-width:1600px)and (min-width:1280.1px){
	#sec3-box1{width:100%;height:360px;float:left;background:#000 url("../images/work/09.jpg")no-repeat center center;background-size:160%;}
	#sec3-box2{width:50%;height:180px;float:left;background:#000 url("../images/work/01.jpg")no-repeat center center;background-size:160%;}
	#sec3-box3{width:50%;height:180px;float:right;background:#000 url("../images/work/02.jpg")no-repeat center center;background-size:160%;}
	#sec3-box4{width:50%;height:180px;float:right;background:#000 url("../images/work/03.jpg")no-repeat center center;background-size:160%;}
	#sec3-box5{width:50%;height:180px;float:right;background:#000 url("../images/work/04.jpg")no-repeat center center;background-size:160%;}
	#sec3-box6{width:100%;height:180px;float:right;}
	#sec3-box7{width:50%;height:180px;float:right;background:#000 url("../images/work/05.jpg")no-repeat center center;background-size:160%;}
	#sec3-box8{width:50%;height:180px;float:right;background:#000 url("../images/work/06.jpg")no-repeat center center;background-size:160%;}
	#sec3-box9{width:50%;height:180px;float:right;background:#000 url("../images/work/07.jpg")no-repeat center center;background-size:160%;}
	#sec3-box10{width:50%;height:180px;float:right;background:#475a95 url("../images/work/08.jpg")no-repeat center center;background-size:100%;}
	#sec3-box11{width:100%;height:360px;float:left;background:#000 url("../images/work/10.jpg")no-repeat center center;background-size:160%;}
}


