@charset "utf-8";
@import url("/theme/basic/css/basic.css");

.row {display:block; content:""; clear:both; z-index:1}
.row01,
.row02 ul {width:100%; max-width:960px; margin:0 auto; }

.row01 {height:121px; padding-top:13px}

.row02:after {display:block; content:""; clear:both; z-index:1}
.row02 {background:url('/img/intro/intro_bg_new.jpg'); background-size:cover}
.row02 img {border:0px; width:100%}
/* .row02 > ul > li {float:left; width:33.133%; margin-left:0.3%} */
/*.row02 > ul > li:first-child {margin-left:0} */

.row02 > ul > li {float:left; width:33.333%; outline:2px solid #fff}

.row03 {padding-top:100px }



/* footer */
.footer								{color:#fff; background-color: #333333; color:#909090; font-size:.79em}
.footer-content					{position:relative; margin:0 auto !important; width:100%; max-width:680px; padding:35px 0 35px 280px; background:url(/img/footer_logo.png) no-repeat left 21px}
.footer-content a					{ color:#fff}
.footer-content address			{clear:both; font-style:normal; line-height:22px}
.footer-content address span { display:inline-block; margin:0}
.footer-content address em	{ display:inline-block; width:1px; height:12px; background-color:#ccc; margin:0 9px; margin-bottom:3px;  font-size:0; line-height:0; vertical-align:middle}
.footer-content p.copyright		{ margin-top:0px; text-transform:capitalize}
.footer-content	span.br{display:block; font-size:0; line-height:0; height:0}


@media screen and (max-width:1010px) {	
	.row01 {width:89.9%}
	.row02 {width:90%; padding:0 5%}	
	.row03 .footer {width:90%; padding:0 5%}	
}


@media screen and (max-width:960px) {
	.footer {padding:0 3%}
}

@media screen and (max-width:900px) {
	/* footer */
	.footer-content  {padding-top:60px; padding:30px 0 30px 0; ; background:none; }
}

@media screen and (max-width:767px) {	
	.footer-content .copyright { :block; clear:both; margin:0}	
}

@media screen and (max-width:700px) {		
	.row01 {width:89.7%}
	.row01 {height:120px; padding-top:39px}

	.row02 {width:100%; padding:0}
	.row02 img {border:0px; width:100%}
	.row02 > ul > li {float:none; width:90%; clear:both; padding:0 5%; margin-left:0}
	.row02 > ul > li h2 {font-size:19px;}

	.row02 > ul > li.li_01,
	.row02 > ul > li.li_02,
	.row02 > ul > li.li_03 {padding-bottom:20px}

	.row02 {background:none}
}


@media screen and (max-width:450px) {

	.row01 {width:93.7%}
	.row01  {height:90px; padding-top:30px}
	.row01 .intro_logo img  {width:90px}
	.row02 img {border:0px; width:100%}
	.row02 > ul > li {width:94%; padding:0 3%}
	.row03 {padding-top:0 }



	.footer-content br {padding:0; margin:0}
	.footer-content address span {display:block}
	.footer-content address em {display:none}
	.footer-content address,
	.footer-content p.copyright {font-size:12px; line-height:17px}
	.footer-content  {padding:20px 0 20px 0;}

}