@charset "utf-8";
/*
PC
*/
@media(min-width:769px){

	.banner{ height:450px; overflow:hidden; background-repeat:no-repeat; background-position:center; background-position:top; background-attachment: scroll; background-size: auto;background-size: cover;background-attachment: fixed; background-color:#222;}

	.banner_video{ height:450px; overflow:hidden; }
	.banner_video video{ width:100%; display:none;}

	.banner_bottom{ height:450px; overflow:hidden; position:relative; top:-450px;}
	
	
	.banner .banner_box{ height:390px; overflow:hidden;}
	
	.banner .banner_box .title{  font-size: 24px; color:#fff;}
	.banner .banner_box .title_sub{ margin-top:150px;font-size: 58px; color:#fff; font-weight:bold; font-family: Cambria; padding-bottom:10px;}
	
	
	

	.category .category_bg{ height:60px; background:#c70c1f;height:60px; -moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}
	.category_nav{ position:relative; height:60px; top:-60px;}
	.category ul li { float:left;  width:25%;}
	.category ul li a{ display:block; height:60px; line-height:60px; font-size:16px; color:#fff; text-align:center;}
	.category ul li a:hover,
	.category #chk{color:#c70c1f; background:#222;
	-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease;}
	
	
	.page .title{ text-align: center;  padding-bottom:30px;}
	.page .title .en{font-size: 48px; color:#222; font-weight:bold; font-family: Cambria; padding-bottom:10px;}
	.page .title .cn{font-size: 24px; color:#555;}
	
	
	.scroll_bg{ background-repeat:no-repeat; background-position:center; background-position:top; background-attachment: scroll; background-size: auto;background-size: cover;background-attachment: fixed; background-color:#222;}

}

/*
PHONE
*/
@media (max-width:769px){	

	.banner_video{  display:none;}

	.banner .banner_box .title{ font-size:20px;color:#fff; background:#c70c1f; padding:10px 0px; text-align:center;}
	.banner .banner_box .title_sub{ display:none;}
	
	.category_nav{ background:#fff; padding:20px 0px;}
	.category_nav li{ float:left; width:25%;}
	.category_nav li a{ width:90%; height:30px; line-height:30px; margin:0 auto; border-radius:15px; display:block; overflow:hidden; text-align:center; color:#222; font-size:14px;}
	.category_nav li #chk{ background:#222; color:#fff;}
	
}