@charset "utf-8";

img{max-width:100%;height: auto;width: auto\9;}



@media only screen and (max-width: 1600px)

{

#slider1_container{position: relative; margin: 0 auto; width:1500px; height:400px; left:0px; top:0px;}



#slider1_container2{cursor: move; position: absolute; left: 0px; top: 0px; width: 1500px; height: 400px;overflow: hidden;}





}



@media only screen and (max-width: 1366px)

{

	

	.moveban {

    float: left;

    width: 50%;

    padding-top: 3%;

    padding-left: 0%;

}

	

	

.moveban1 {

    float: left;

    width: 49%;

    padding-top: 30px;

    padding-left: 1%;

}



.serv {

    padding-left: 14%;

    padding-top: 3%;

    color: #FFF;

    font-size: 20px;

    width: 100%;

}



.f2 {

    float: left;

    width: 24%;

    padding-left: 0%;

    padding-right: 0%;

}

	

.f3 {

    float: left;

    width: 29%;

    padding-right: 2%;

}



.f4 {

    width: 18%;

    float: left;

    padding-bottom: 10px;

    font-size: 15px;

    padding-left: 3%;

}



#slider1_container{position: relative; margin: 0 auto; width:1366px; height:400px; left:0px; top:0px;}



#slider1_container2{cursor: move; position: absolute; left: 0px; top: 0px; width: 1366px; height: 400px;overflow: hidden;}





.social {

    width: 16%;

    float: right;

    padding-top: 20px;

}

	

}











@media only screen and (max-width: 1024px)

{

	

	.social {width: 17%;}

	.quick {width: 88%;}

	.serv {

    padding-left: 14%;

    padding-top: 3%;

    color: #FFF;

    font-size: 20px;

    width: 100%;

}

.f2 {

    float: left;

    width: 31%;

    padding-left: 0%;

    padding-right: 0%;

}

.f3 {

    float: left;

    width: 31%;

    padding-right: 0%;

}

.get {

    padding-left: 4%;

    padding-top: 3%;

    color: #FFF;

    font-size: 20px;

    width: 100%;

}



.f4 {

    width: 18%;

    float: left;

    padding-bottom: 10px;

    font-size: 15px;

    padding-left: 0px;

}

.f1 {

    float: left;

    width: 18%;

    padding-left: 0%;

}



.pname {

    width: 47%;

    float: left;

    padding: 1% 1% 1% 2%;

    color: #838383;

}



.cname {

    width: 20%;

    float: right;

    padding: 1% 1% 1% 2%;

    color: #838383;

}

	

	

	#slider1_container{position: relative; margin: 0 auto; width:1024px; height:400px; left:0px; top:0px;}



#slider1_container2{cursor: move; position: absolute; left: 0px; top: 0px; width: 1024px; height: 400px;overflow: hidden;}

	

}





@media only screen and (max-width: 1000px)

{

#slider1_container{position: relative; margin: 0 auto; width:1000px; height:400px; left:0px; top:0px;}



#slider1_container2{cursor: move; position: absolute; left: 0px; top: 0px; width: 1000px; height: 400px;overflow: hidden;}



}



@media only screen and (max-width: 978px)

{

	

		.social {width: 23%;}

	

}







@media only screen and (max-width: 950px)

{

	#conadd {

    width: 70%;

    float: left;padding-left:5%;

	}

	

	.enqr {

    padding: 0px;

    width: 100%;

    float: right;padding-left:5%;

	}

}





@media only screen and (max-width: 900px)

{

#slider1_container{position: relative; margin: 0 auto; width:900px; height:400px; left:0px; top:0px;}



#slider1_container2{cursor: move; position: absolute; left: 0px; top: 0px; width: 900px; height: 400px;overflow: hidden;}



}







@media only screen and (max-width: 800px)

{

#slider1_container{position: relative; margin: 0 auto; width:800px; height:400px; left:0px; top:0px;}



#slider1_container2{cursor: move; position: absolute; left: 0px; top: 0px; width: 800px; height: 400px;overflow: hidden;}



}









@media only screen and (max-width: 768px)

{

	.social {

    width: 28%;

}



.f1 {

    float: left;

    width: 40%;

    padding-left: 5%;

}

.f2 {

    float: left;

    width: 46%;

    padding-left: 0%;

    padding-right: 0%;

}



.f3 {

    float: left;

    width: 51%;

    padding-right: 0%;

    padding-left: 7%;

}





.f4 {

    width: 40%;

    float: left;

    padding-bottom: 10px;

    font-size: 15px;

    padding-left: 0px;

}



.pname {

    width: 66%;

    float: left;

    padding: 1% 1% 1% 2%;

    color: #838383;

}



.cname {

    width: 27%;

    float: right;

    padding: 1% 1% 1% 2%;

    color: #838383;

}

	

		#slider1_container{position: relative; margin: 0 auto; width:768px; height:400px; left:0px; top:0px;}



#slider1_container2{cursor: move; position: absolute; left: 0px; top: 0px; width: 768px; height: 400px;overflow: hidden;}

	

	

	

}



@media only screen and (max-width: 725px)

{

	

	.social {width: 34%;}

	

	

}











@media only screen and (max-width: 500px)

{

#slider1_container{position: relative; margin: 0 auto; width:500px; height:400px; left:0px; top:0px;}



#slider1_container2{cursor: move; position: absolute; left: 0px; top: 0px; width: 500px; height: 400px;overflow: hidden;}



}



@media only screen and (max-width: 480px)

{

	.about {

    float: left;

    width: 100%;

    padding-top: 2%;

    text-align: justify;

}



.why {

    float: left;

    width: 100%;

    padding-top: 2%;

    padding-left: 0%;

}

.testi {

    float: left;

    width: 100%;

    padding-top: 2%;

}

	

	.view {

    width: 100%;

    margin: 0px;

    float: left;

    padding-top: 2%;

    padding-bottom: 2%;

}



.moveban {

    float: left;

    width: 100%;

    padding-top: 3%;

    padding-left: 10%;

}



.moveban1 {

    float: left;

    width: 100%;

    padding-top: 30px;

    padding-left: 4%;

}



.social {

    width: 40%;

}



.f1 {

    float: left;

    width: 58%;

    padding-left: 16%;

}



.f2 {

    float: left;

    width: 100%;

    padding-left: 16%;

    padding-right: 0%;

}



.serv {

    padding-left: 10%;

    padding-top: 3%;

    color: #FFF;

    font-size: 20px;

    width: 100%;

}



.f3 {

    float: left;

    width: 88%;

    padding-right: 0%;

    padding-left: 12%;

}



.f4 {

    width: 54%;

    float: left;

    padding-bottom: 10px;

    font-size: 15px;

    padding-left: 25%;

}

	

	#slider1_container{position: relative; margin: 0 auto; width:480px; height:400px; left:0px; top:0px;}



#slider1_container2{cursor: move; position: absolute; left: 0px; top: 0px; width: 480px; height: 400px;overflow: hidden;}

	

	

	

}



@media only screen and (max-width: 400px)

{



.social {

    width: 53%;

}



}



@media only screen and (max-width: 320px)

{

	

	.moveban1 {

    

    padding-left: 10%;

}

	.social {

    width: 80%;

}



.logo2 {

    width: 100%;

    padding-top: 1%;

    padding-bottom: 1%;

    float: left;

}



.f1 {

    float: left;

    width: 58%;

    padding-left: 0%;

}



.f2 {

    float: left;

    width: 100%;

    padding-left: 0%;

    padding-right: 0%;

}



.f3 {

    float: left;

    width: 88%;

    padding-right: 0%;

    padding-left: 0%;

}



.f4 {

    width: 83%;

    float: left;

    padding-bottom: 10px;

    font-size: 15px;

    padding-left: 0%;

}





.pname {

    width: 100%;

    float: left;

    padding: 1% 1% 1% 2%;

    color: #838383;

}



.cname {

    width: 97%;

    float: right;

    padding: 1% 1% 1% 2%;

    color: #838383;

}

	

	#slider1_container{position: relative; margin: 0 auto; width:320px; height:400px; left:0px; top:0px;}



#slider1_container2{cursor: move; position: absolute; left: 0px; top: 0px; width: 320px; height: 400px;overflow: hidden;}

	

	

}







@media only screen and (max-width: 240px)

{

	

	#slider1_container{position: relative; margin: 0 auto; width:240px; height:400px; left:0px; top:0px;}



#slider1_container2{cursor: move; position: absolute; left: 0px; top: 0px; width: 240px; height: 400px;overflow: hidden;}

	

}