﻿#carosul_wrapper{clear:both; height:/*146px*/; margin:0px; width:100%; position: relative;}
	
#carosul{width:100% !important; margin:0 auto; padding-bottom:60px;}
#carosul .container{/*width:1200px;*/width:100%; margin:auto !important; padding:0px;  overflow:hidden;}
#carosul ul {margin: 0;  padding:0; position:absolute;}          
#carosul ul li{width:290px; height:226px; padding:0px; margin:0px 30px 0px 0px; list-style:none; float:left; background-color:#FFFFFF;}

#carosul .previous_button{width:26px; height:26px; background:url(../image/button_left.png) no-repeat center center; position:absolute; z-index:100; cursor:pointer; left:50%; margin-left:-31px; bottom:0px;}
#carosul .next_button{width:26px; height:26px; background:url(../image/button_right.png) no-repeat center center; position:absolute; z-index:100; cursor:pointer; right:50%; margin-right:-31px; bottom:0px;}

@media only screen and (max-width:1299px) {
#carosul .container{width:930px;}
}
@media only screen and (max-width:991px) {
#carosul .container{width:610px;}
}
@media only screen and (max-width:767px) {
#carosul .container{width:290px;}
}


#carosul1{width:100% !important; margin:0 auto; padding-bottom:0px;}
#carosul1 .container{width:1130px; margin:auto !important; padding:0px;  overflow:hidden;}
#carosul1 ul {margin: 0;  padding:0; position:absolute;}          
#carosul1 ul li{width:520px; height:170px; padding:0px; margin:0px 90px 0px 0px; list-style:none; float:left;}

#carosul1 .previous_button1{width:26px; height:21px; background:url(../image/button1.png) no-repeat center center; position:absolute; z-index:100; cursor:pointer; left:0%; top:75px;}
#carosul1 .next_button1{width:26px; height:21px; background:url(../image/button2.png) no-repeat center center; position:absolute; z-index:100; cursor:pointer; right:0%; top:75px;}

@media only screen and (max-width:1199px) {
#carosul1{max-width:640px; margin:0 auto; padding-bottom:0px;}	
#carosul1 .container{width:520px;}
}
@media only screen and (max-width:767px) {
#carosul1{width:100% !important; margin:0 auto; padding-bottom:0px;}
#carosul1 .container{width:100% !important; padding-bottom:40px;}
#carosul1 ul li{width:100%; height:auto !important; padding:0px; margin:0px;}
#carosul1 .previous_button1{left:0%; top:auto; bottom:0px;}
#carosul1 .next_button1{right:0%; top:auto; bottom:0px;}
}
@media only screen and (max-width:499px) {
/*#carosul1{width:337px !important;}
#carosul1 ul li{width:337px; padding:0px; margin:0px; list-style:none; float:left;}
#carosul1 .previous_button1{left:0%; top:255px;}
#carosul1 .next_button1{right:0%; top:255px;}*/
}


#carosul2{width:100% !important; margin:0 auto; padding-bottom:35px;}
#carosul2 .container{/*width:1200px;*/width:100%; margin:auto !important; padding:0px;  overflow:hidden;}
#carosul2 ul {margin: 0;  padding:0; position:absolute;}          
#carosul2 ul li{width:396px; height:485px; padding:0px; margin:0px 31px 0px 0px; list-style:none; float:left; background-color:#FFFFFF;}

#carosul2 .previous_button2{width:26px; height:26px; background:url(../image/button_left.png) no-repeat center center; position:absolute; z-index:100; cursor:pointer; left:50%; margin-left:-31px; bottom:0px;}
#carosul2 .next_button2{width:26px; height:26px; background:url(../image/button_right.png) no-repeat center center; position:absolute; z-index:100; cursor:pointer; right:50%; margin-right:-31px; bottom:0px;}

@media only screen and (max-width:1299px) {
#carosul2 .container{width:823px;}
}
@media only screen and (max-width:991px) {
#carosul2 .container{width:396px;}
}
@media only screen and (max-width:449px) {
#carosul2 .container{width:100%;}
#carosul2 ul li{width:100%; height:485px; margin:0px;}
}


/*#carosul3{width:100% !important; margin:0 auto; border:1px solid #054f8f; background-color:#FFFFFF;}
#carosul3 .container{width:512px; margin:auto !important; padding:22px 0px;  overflow:hidden;}
#carosul3 ul {margin: 0;  padding:0; position:absolute;}          
#carosul3 ul li{width:162px; height:164px; padding:0px; margin:0px 13px 0px 0px; list-style:none; float:left; background-color:#FFFFFF;}

#carosul3 .previous_button3{width:22px; height:22px; background:url(button22_2.png) no-repeat center center; position:absolute; z-index:100; cursor:pointer; right:2px; top:95px;}
#carosul3 .next_button3{width:22px; height:22px; background:url(button11_1.png) no-repeat center center; position:absolute; z-index:100; cursor:pointer; left:2px; top:95px;}

@media only screen and (max-width:1199px) {
#carosul3{width:389px !important;}
#carosul3 .container{width:337px;}
}
@media only screen and (max-width:899px) {
#carosul3{width:214px !important;}
#carosul3 .container{width:162px;margin:0px;}	
}
@media only screen and (max-width:767px) {
}*/
