.main-banner{position: relative;display:inline-block;    width: 100%;height: 300px;   text-align:center;}.coffee{	background:#888888 url('http://cuiqu-coffee.com/images/banner_coffee.jpg') no-repeat;background-size: cover;}.life{ background:#888888 url('http://cuiqu-coffee.com/images/banner_life.jpg') no-repeat;background-size: cover;}.banner-content{display:inherit;		margin:110px auto 0 auto;	border:4px solid #ffffff; text-align:left; vertical-align:top; }.banner-content h3{margin:0;padding:0;font-size:22px;font-family:Arial, Helvetica, sans-serif;color:#ffffff;letter-spacing:3px;font-weight:600;}.banner-content p{font-size:13px;font-family:Arial, Helvetica, sans-serif;color:#fff;margin:5px 0 0 2px;letter-spacing:8.1px;padding:0;}	.category-more{			display:table-cell;		margin:0 auto;padding: 16px 65px;font-family:microsoft yahei,sans-serif;color:#ffffff; font-size:15px;	letter-spacing:4px;text-decoration:none;text-align:center;	-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}.category-more.active{ background-color:#ffffff;color:#666666;}.category-more.active:hover{ background-color:#ffffff;color:#666666;}.category-more.active label{ cursor:default;}.category-more label{ font-family: "Open Sans",Helvetica,Arial,sans-serif;font-size:15px;cursor:pointer;}.category-more:hover{ color:#666666;background: rgba(255,255,255,.6);}.max {padding: 16px 46.5px;}  @media screen and (max-width: 540px) {.main-banner{height: 220px;}.banner-content{		margin:55px auto 0 auto;}.category-more{ display:block;		padding: 16px 45px;font-size:14px;	letter-spacing:2px;}.category-more label{  font-size:13px;  }}  @media screen and (max-width: 480px) {		.main-banner{height: 140px;}.coffee{	background:#888888 url('http://cuiqu-coffee.com/images/banner_coffee_phone.jpg') no-repeat; }.life{ background:#888888 url('http://cuiqu-coffee.com/images/banner_life_phone.jpg') no-repeat; }.banner-content{ margin:15px auto 0 auto; padding:0;}.banner-content h3{letter-spacing:2px;			}.banner-content p{letter-spacing:7px;}}	.news-left{ display:inline-block;width:auto;	margin:0 auto;text-align: left;vertical-align:top;}.news-right{display:inline-block;width:100px;vertical-align:top;margin:0 0 0 20px;text-align:right;}.News {display: block;width: 92%;padding:90px 0 50px 0;margin:0 0 0 8%;text-align: center;}.News_detail {display: block;width: 100%;padding:90px 0 30px 0;margin:0;text-align: center;}ul.year{display:block;margin:0;padding:0;list-style-type:none;font-family: "Open Sans",Helvetica,Arial,sans-serif;font-size:14px;}ul.year li{display:block;margin:0 0 15px 0;}ul.year li a,ul.year li strong{color:#666666;}ul.year li a:hover,ul.year li a:active{color:#7abad1;}.odd-none{ color:#a9a9a9;}.NewsItem{display:block;width:inherit;max-width:700px;height:auto;margin:0 auto 50px auto;padding: 0 0 50px 0;border-bottom:1px dashed #d8d8d8;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;	}.NewsItem:only-child{ border:0;	}	.NewsItem:last-child{ border:0; padding:0;	}	.date{width:100%;height:auto;float:left;font-family: "Open Sans",Helvetica,Arial,sans-serif;font-size:13px;color:#999999;letter-spacing: 1px;margin:0 0 10px 0;}.NewsTitle{float:left;	width:100%;height:auto;margin:10px 0;padding:10px 0;		border-top:1px solid #C5C5C5;border-bottom:1px solid #C5C5C5;text-align:center;	color:#444444;	font-family:microsoft yahei,sans-serif;font-size:16px;letter-spacing: 1px;font-weight:normal;line-height:120%;font-weight:bold;}.EnTitle{width:100%;height:auto;float:left;font-family: "Open Sans";font-size:24px;text-transform:uppercase;color:#000;margin:0 0 5px 0;line-height:100%;font-weight:200;}.NewsContent{display: inline-block;width:100%;height:auto;font-family:microsoft yahei,sans-serif;font-size:14px;color:#777777;letter-spacing:1px;line-height:190%;padding:30px 0 0 0;margin:0 0 40px 0;vertical-align:top;}.NewsContent a,.NewsContent a:active,.NewsContent a:visited{ color:#7abad1; margin:0 2px; }.NewsContent a:hover { color:#222222; }.detail-no-border{	border:0; padding:0 0 30px 0;}.Read-more{ display:table;		margin:0 auto;padding: 16px 30px;font-family: 'HYQiHei-45S', 'Microsoft YaHei',Verdana,sans-serif;color:#4d4d4d;		border: solid 1px #acacac;font-size:12px;	letter-spacing:2px;text-decoration:none;text-align:center;	border:1px solid #acacac;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-ms-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out;}.Read-more:hover{ color:#7abad1;background-color:#ffffff;border:1px solid #ffffff;}.note-line{display:block;width:100%;border-top:double;border-color:#DBDBDB;margin:0 0 40px 0;}.note{display:table;width:auto;color:#666; font-size:12px;font-family:microsoft yahei,sans-serif;letter-spacing:2px;background-color:#ededed;margin:-10px auto 0 auto;padding:0 15px;}.LBpic{width:auto;height:auto;margin:0 0 20px 0;}.upload-pic{display:block;width:100%;text-align:center;}  @media screen and (max-width: 960px) { .news-left{ width:auto;  }.news-right{display:none; }.News_detail,.News {	width: 100%;margin:0;padding: 13% 0 8% 0;}	.NewsItem {	margin:0 auto 30px auto;padding: 0 0 30px 0;}}  @media screen and (max-width: 865px) { .LBpic{width:100%;}  }   @media screen and (max-width: 700px) { .news-left{ width:92%; } .NewsContent{padding:0 0 25px 0;margin:10px 0 0 0;line-height:160%;}.NewsContent:last-child{ padding:0;	}		}  @media screen and (max-width: 480px) { .news-left{ width:88%; } .NewsTitle{ font-size:18px; text-align:left;margin:0 0 20px 0;padding:0;	border:0;}.EnTitle{ font-size:18px;}  .NewsContent{ display:none;	}}