@charset "utf-8";
/* CSS Document */

body{}

.main-layout{margin: 100px auto; width: 96%; max-width: 1000px; min-height: auto; max-height: 550px; border: #333 solid 3px; color: #fff; border-radius: 10px;position: inherit;
top: 0;bottom: 0;left: 0;right: 0;background-color: #000; }
/*.bg1{background-image: url("../images/bg.png");}
.bg2{background-image: url("../images/bg1.png");}*/

.main-cover{margin: 0; clear: both;padding: 50px 20px; display: inline-block;}

.left-logo{margin: 15px; float: left; width: 30%;}
.left-logo img{width: 100%;}

.right-data{margin: 15px; float: right;  width: 58%;padding: 150px 0 0 0;}
.right-data h3 {color: #797a7b; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size: 26px; line-height: 35px; margin: 0 0 30px 0;  }
.white-bg{background-color: #fff;}
.black-bg{background-color: #000;}
.gery-bg{background-color: #2f2f2f;}


@media only screen and (max-width: 500px) {
	.left-logo{width: 100%;max-width: 300px;margin: 0 auto;float: none;}
	.right-data{width: 100%; text-align: center; padding: 15px 0 0 0;margin: 0 auto;}
	.right-data h3{font-size: 18px; line-height: 30px;}
}
@media only screen and (max-width: 750px) and (min-width: 501px)  {
	.left-logo{margin: 15px; float: left; width: 30%;}
	.right-data{margin: 15px; float: right;  width: 55%;padding: 70px 0 0 0;}
	 .right-data h3{font-size: 24px; line-height: 30px;}
}


.left-logo1{margin: 15px auto; float: left; width: 100%; text-align: center;}
.left-logo1 img{width: 30%;}

.right-data1{margin: 15px auto; float: right;  width: 100%;padding: 0 0 0 0; text-align: center;}
.right-data1 h3 {color: #686868; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size: 26px; line-height: 35px; margin: 0 0 30px 0;   }

.main-cover1{margin: 0; clear: both;padding: 150px 20px; display: inline-block;}