/* -------------------------------- 

* 初级、主要样式
* Primary style

-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  /* you need to set this to assign to the main element a min height of 100% */
  height: 100%;
}

body {
	height: 100vh;
	font-size: 100%;
	font-family: "Titillium Web", sans-serif;
	color: #4e6361;
	background-color: #ffffff;
	line-height: 1;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*图片响应式*/
img
{
	max-width:100%;
	height:auto;
}

a {
  color: #6cac70;
  text-decoration: none;
}

/* -------------------------------- 

* 布局
* Layout

-------------------------------- */
/*通用*/
.layout_left{
	float:left;
	overflow:hidden;
}

.layout_right{
	float:right;
	overflow:hidden;
}

/*两列布局*/
.layout_er_left{
	float:left;
}

.layout_er_right{
	float:right;
}

/*列表布局*/
.layout_ul{
	width:90%;
	margin:0 auto;
	padding:1% 0%;
	overflow:hidden;
}

.layout_ul_one{
	float:left;
	padding:0%;
	width:24%;
	margin:0.5%;
	background:#ffffff;
	
}

/*圆角*/
.layout_ul_one {
	-webkit-border-radius: 0.5rem;
	-moz-border-radius: 0.5rem;
	border-radius: 0.5rem;
	-webkit-box-shadow: 2px 2px 5px #888888;
	-moz-box-shadow: 2px 2px 5px #888888;
	box-shadow: 2px 2px 5px #888888;
}
.layout_ul_one img{
	-webkit-border-radius: 0.5rem 0.5rem 0.5rem;
	-moz-border-radius: 0.5rem 0.5rem 0.5rem;
	border-radius: 0.5rem 0.5rem 0rem 0rem;
}

/*滚动到一定的高度浮动*/
.float_nav_css{
	bottom:30px;right:8px;z-index:999;position:fixed;_position:absolute;_top:expression(documentElement.scrollTop + 0 + "px");_margin-top:250px;
}

.display_none{
	display:none;
}

/* -------------------------------- 

* 模块 - 我们设计的可重用部分
* Modules - reusable parts of our design

-------------------------------- */
.cd-img-replace {
  /* replace text with a background-image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.overflow-hidden {
  overflow: hidden;
}

/*清除浮动*/
.clear{
	clear:both;
}

/*水平线*/
hr
{
	border:none;border-top:0px double #545454;
}

.hr_g
{
	border:1px;
	border-top:1px double #B8B8B8;
}

/*居中*/
.center {
	text-align:center;
}

/* -------------------------------- 

* 主要部分
* Main components 


-------------------------------- */
.cd-main-content {
  /* 设置最小高度，可以确保完全覆盖的主要元件的横向菜单 */
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  min-height: 100%;
  position: relative;
  background-color: #f4f4f4;
  z-index: 2;
  padding-top: 55px;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.cd-main-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}


/* -------------------------------- 

* 顶部部分
* header components 

-------------------------------- */
header {
	position: absolute;
	top: 0;
	left: 0;
	height: 60px;
	width: 100%;
	background: #F4F4F4;
	/* background: #4e6361; */
	/* background: #393A3F; */
	z-index: 3;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
	/* filter: alpha(opacity=90); */
	/* -moz-opacity:0.9; */
	/* opacity:0.9; */
}

header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}

header.is-fixed {
  position: fixed;
}

/*顶部菜单、LOGO、返回，默认模式下不显示，窄屏显示*/
#cd-back,#cd-logo-o
{
	display:none;
}
/*宽屏LOGO*/
#cd-logo {
  display: block;
  float: left;
  margin: 0.2% 0 0 0px;
}

#cd-logo img {
  display: block;
}
/*窄屏LOGO*/
#cd-logo-o
{
	display:none;
}
/*顶部菜单列表*/
#cd-top-nav {
  position: absolute;
  top: 0;
  right: 120px;
  height: 100%;
  display: block;
}
#cd-top-nav ul {
  height: 100%;
  padding-top: 10px;
}
#cd-top-nav li {
  display: inline-block;
  margin-right: 1em;
}
#cd-top-nav a {
  display: inline-block;
  padding: .5em;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
}
#cd-top-nav a.current {
  background-color: #242e30;
}
.no-touch #cd-top-nav a:hover {
  color: rgba(255, 255, 255, 0.7);
}
/*顶部菜单滑动样式*/
#cd-menu-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  background-color: #F4F4F4;
  /* background-color: #64807d; */
}
#cd-menu-trigger .cd-menu-text {
  height: 100%;
  text-transform: uppercase;
  color: #000;
  font-weight: 600;
  display: none;
}
#cd-menu-trigger .cd-menu-icon {
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 20px;
  height: 2px;
  background-color: #000;
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
#cd-menu-trigger .cd-menu-icon::before {
  bottom: 5px;
}
#cd-menu-trigger .cd-menu-icon::after {
  top: 5px;
}
#cd-menu-trigger.is-clicked .cd-menu-icon {
  background-color: rgba(255, 255, 255, 0);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
  background-color: black;
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*侧边栏菜单*/
#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right: 0px;
  top: 0;
  /* the secondary navigation is covered by the main element */
  z-index: 1;
  width: 260px;
  background-color: #c9c9c9;
  /* background-color: #242e30; */
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(265px);
  -moz-transform: translateX(265px);
  -ms-transform: translateX(265px);
  -o-transform: translateX(265px);
  transform: translateX(265px);
}
#cd-lateral-nav .cd-navigation {
  margin: 10px 0 16px;
}
#cd-lateral-nav .sub-menu {
  padding: 0 10px 20px 15px;
  display: none;
}
#cd-lateral-nav a {
  display: block;
  line-height: 2em;
  padding: 0 16px 0 32px;
  color: #000;
  /* color: #aab5b7; */
}
#cd-lateral-nav a.current {
  background-color: #3a4a4d;
  color: #FFF;
}
.no-touch #cd-lateral-nav a:hover {
  color: #FFF;
}

#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
  /* this is the right arrow to show that the item has a submenu  */
}
#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  background: url("../images/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

#cd-lateral-nav .socials {
  padding: 0 32px;
}
#cd-lateral-nav .socials:after {
  content: "";
  display: table;
  clear: both;
}
#cd-lateral-nav .socials a {
  height: 32px;
  width: 32px;
  float: left;
  padding: 0;
  background-image: url("../images/cd-socials.svg");
  background-repeat: no-repeat;
  background-size: 128px 64px;
  background-color: #FFF;
  margin-right: .5em;
  border-radius: 0.25em;
}
#cd-lateral-nav .socials a.cd-twitter {
  background-position: 0 0;
}
#cd-lateral-nav .socials a.cd-github {
  background-position: -32px 0;
}
#cd-lateral-nav .socials a.cd-facebook {
  background-position: -64px 0;
}
#cd-lateral-nav .socials a.cd-google {
  background-position: -96px 0;
}
.no-touch #cd-lateral-nav .socials a:hover {
  background-color: #4e6361;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
  background-position: 0 -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-github {
  background-position: -32px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
  background-position: -64px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-google {
  background-position: -96px -32px;
}

/*侧边栏样式*/
.modal {
  will-change: visibility, opacity;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-delay: $modal-delay;
          transition-delay: $modal-delay;
}
.modal--active {
  visibility: visible;
  opacity: 1;
}
.modal--align-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.modal__bg {
  background: transparent;
}
.modal__dialog {
  max-width: 600px;
  padding: 1.2rem;
}
.modal__content {
  will-change: transform, opacity;
  position: relative;
  padding: 2.4rem;
  background: #ffebee;
  background-clip: padding-box;
  box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);
  opacity: 0;
  -webkit-transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.modal__content h1
{
	font-size:1.5rem;
	font-weight:bold;
	line-height:60px;
}
.modal__content h3
{
	font-size:1rem;
	line-height:60px;
}
.modal__content p
{
	line-height:26px;
	margin-bottom:20px;
}
.modal__content--active {
  opacity: 1;
}
.modal__close {
  z-index: 1100;
  cursor: pointer;
}
.modal__trigger {
  position: relative;
  display: inline-block;
  padding: 1.2rem 2.4rem;
  color: rgba(0,0,0,0.7);
  line-height: 1;
  cursor: pointer;
  background: none;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.modal__trigger--active {
  z-index: 10;
}
.modal__trigger:hover {
  background: #0ABA07;
}
#modal__temp {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffebee;
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.1s ease-out, -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

/*侧边栏按钮*/
.demo-btns header {
  padding: 7vh 10vw;
  background: #ffebee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.demo-btns header h1 {
  margin: 0;
  color: rgba(0,0,0,0.54);
  font-weight: 300;
}
.demo-btns .info {
  background: #f44336;
  padding: 3vh 10vw;
  height: 70vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-flow: column wrap;
      flex-flow: column wrap;
}
.demo-btns p {
  text-align: center;
  color: #fff;
}
.demo-btns .link {
  font-size: 20px;
}
.demo-btns .modal__trigger {
  margin-right: 3px;
}

.demo-close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 1.2rem;
  padding: 0.6rem;
  background: rgba(0,0,0,0.3);
  border-radius: 50%;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.demo-close svg {
  width: 24px;
  fill: #fff;
  pointer-events: none;
  vertical-align: top;
}
.demo-close:hover {
  background: rgba(0,0,0,0.6);
}

/* -------------------------------- 

* 内容部分
* Content components 

-------------------------------- */
/*内容框架*/
section{
	background-color:#f4f4f4;
	color:#000;
	margin:0px 0px;
	padding:0px 0px;
}

/*定义独立的自包含文章*/
article{
	margin:5px 0px;
}

/*主体内容背景颜色*/
.zt-content{
	background:#F4F4F4;
}

/*定义内容之外的内容（比如侧栏）*/
aside
{
	
}
/*定义额外的细节*/
details
{
	
}
/*定义 details 元素的标题*/
summary
{
	
}

/*内容大标题*/
.list_title{
	margin-left:6%;
}

.list_title h1{
	font-weight:bold;
	font-size:1rem;
	letter-spacing:0.1rem;
	padding-top:1.9%;
}

.list_title h1 span{
	color:#373E41;
}

/*内容图片*/
.price{
	float:left;
	position:relative;
	display:block;
	background:#333;
	color:#FFF;
	font-weight:bold;
	padding:2% 3%;
	margin:-58px 0px;
	z-index:1;
}

/*内容标题*/
.title{
	font-size:1rem;
	text-align:center;
	color:#394043;
	padding:1rem 0;
}

/*内容详细*/
.desc{
	text-align:center;
	color:#999999;
	padding:1rem 0;
}
.watch {
	position:relative;
	left:43%;
	top:20%;
}
/* -------------------------------- 

* 底部
* footer components 

-------------------------------- */
footer
{
	background:#f4f4f4 url() no-repeat 0px -180px;
	/* background:#22222 url(../images/footer-bg.jpg) no-repeat 0px -180px; */
	height:230px;
	/* height:230px; */
	color:#545454;
	margin:5px 0 0 0px;
	padding:5px;
	font-weight:lighter;
}

footer .footer_l
{
	color:#545454;
	text-decoration:none;
	margin:0px 0px;
}

footer a
{
	font-weight:bold;
	color:#545454;
	text-decoration:none;
	margin-left:10px;
}

footer .lj
{
	padding:20px 0px;
}

footer .ba a
{
	font-weight:lighter;
	color:#545454;
	text-decoration:none;
	margin-left:10px;
}

/* -------------------------------- 

* 其他部分
* other components

-------------------------------- */
/*返回顶部*/
.goto_top{
	width:30px;
	height:30px;
	position:fixed;
	right:10px;
	bottom:50px;
	z-index:999;
	display:none;
	background:url(../images/to-top2.png) no-repeat center center;
}

/* -------------------------------- 

* 响应式
* Responsive

-------------------------------- */
/* 横屏 */ 
@media screen and (orientation:landscape){

} 
/* 竖屏 */ 
@media screen and (orientation:portrait){

}
/*窗口宽度<1200,设计宽度=960*/
@media (max-width: 1199px){
	/*内容详细*/
	.desc{
		font-size:0.8rem;
		padding:1rem 0rem;
	}
}
/*窗口宽度<960,设计宽度=768*/
@media (max-width: 959px){
	/*列表布局*/
	.layout_ul
	{
		width:100%;
		margin:0 auto;
		padding:1% 0%;
		overflow:hidden;
	}

	.layout_ul_one
	{
		float:left;
		padding:0%;
		width:47%;
		margin:1.5%;
	}
	
	/*两列布局*/
	.layout_er_left
	{
		float:none;
		font-size:0.8rem;
		padding-top:1%;
		text-align:center;
	}

	.layout_er_right
	{
		float:none;
		padding:0 auto;
		margin:0 auto;
		text-align:center;
	}
	
	.layout_right
	{
		float:none;
	}
	/*内容详细*/
	.desc{
		font-size:0.8rem;
		padding:1rem 0rem;
	}
}

/*窗口宽度<768,设计宽度=640*/
@media (max-width:767px){
	/*头部*/
	header
	{
		height:60px;
	}
	/*顶部菜单*/
	#cd-back
	{
		display:block;
		float:left;
		padding:5px;
		margin:2% 0 0 1%;
		color:#000;
		font-weight:bold;
		/* background:#0ABA07; */
	}
	#cd-logo
	{
		display:none;
	}
	#cd-logo-o {
	  display: block;
	  float: left;
	  margin: 1.5% 0 0 30%;
	}
	#cd-logo-o img {
	  display: block;
	}
	#cd-top-nav
	{
		display:none;
	}
	/*列表布局*/
	.layout_ul
	{
		width:100%;
		margin:0 auto;
		padding:1% 0%;
		overflow:hidden;
	}

	.layout_ul_one
	{
		float:left;
		padding:0%;
		width:47%;
		margin:1.5%;
	}
	
	/*两列布局*/
	.layout_er_left
	{
		float:none;
		font-size:0.8rem;
		padding-top:1%;
		text-align:center;
	}

	.layout_er_right
	{
		float:none;
		padding:0 auto;
		margin:0 auto;
		text-align:center;
	}
	
	.layout_right
	{
		float:none;
	}
	/*内容详细*/
	.desc{
		font-size:0.8rem;
		padding:1rem 0rem;
	}
}

/*窗口宽度<640,设计宽度=480*/
@media (max-width:639px){
	/*顶部菜单*/
	#cd-back
	{
		margin:4% 0 0 1%;
	}
	/*侧边栏按钮*/
	.demo-btns .modal__trigger {
    	margin-bottom: 0.8rem;
	}
	/*列表布局*/
	.layout_ul_one
	{
		float:left;
		padding:0%;
		width:47%;
		margin:1.5%;
	}
	
	/*内容详细*/
	.desc{
		font-size:0.9rem;
		padding:1rem 0rem;
	}
}

/*窗口宽度<480,设计宽度=320*/
@media (max-width: 479px){
	/*列表布局*/
	.layout_ul
	{
		width:90%;
		margin:0 auto;
		padding:1% 0%;
		overflow:hidden;
	}

	.layout_ul_one
	{
		float:left;
		padding:0% 0;
		width:100%;
		margin:2% 0;
	}
	
	.layout_ul_one img
	{
		width:100%;
		height:220px;
	}
	/**/
	/*内容详细*/
	.desc{
		font-size:1rem;
		padding:1rem 0rem;
	}
}

/*最小768*/
@media(min-width: 768px)
{
	/*顶部菜单*/
	#cd-menu-trigger {
	/* display:none; */
	width: 110px;
    padding-left: 1.25em;
	}
	#cd-menu-trigger .cd-menu-text {
	display: inline-block; /*inline-block*/
    line-height: 60px;
	}
	#cd-menu-trigger .cd-menu-icon {
    left: auto;
    right: 1.25em;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
	}
	/*侧边栏菜单*/
	#cd-lateral-nav .cd-navigation {
	margin: 20px 0;
	}
	/*内容主题框架*/
	.cd-main-content
	{
		padding-top:70px;
	}
}