/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

.bg {
    background: url(../bg.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
}
.sub_wrapper {
    width: 1080px;
    margin: 0px auto;
    z-index: 10;
    position: relative;
	padding:20px;
}
* {
	margin:0px;
	padding:0px;
}
.content-box{width:770px;float:right; background:#fff; padding:10px 20px}
.content-box h2  { font-size:20px; font-weight:bold;}

.title_about {
	background:url(../titbg.png) no-repeat;
	width: 299px;
	height: 100px;
	line-height: 90px;
	font-size: 24px;
	color: #FFF;
	text-align: center;
	margin-top:20px;
	margin-bottom:20px;
}
.pinBox-wrapper { width:260px; float:left}
.right-nav {
	padding:20px 10px;
  z-index: 99;
	border:1px dotted #ccc;
	background:#fff;
	width:240px;
	min-height:200px

}
.right-nav .title{
	font-size:16px; 
	background:#d86060;
	line-height: 46px; text-indent: 16px; color:#fff;
	text-align:center;
	font-weight:bold;
}
.right-nav .nav{ padding-top:10px; position:relative}
.right-nav .nav li{ position: relative; width:244px;}
.right-nav .nav a.first{border-top:none;}
.right-nav .nav a.last{border-bottom:none;}
.right-nav .nav a{display: block; line-height: 40px; text-indent: 10px; font-size: 14px;border-top:#fff solid 1px; padding-left:20px}
.right-nav .nav a div{float:left;}
.right-nav .nav a span{margin-left: 10px; color:#aaa; font-style: italic; font-size: 12px;}
.right-nav .nav .traker{ height:35px;background:#eaeaea;position: absolute; width:244px; z-index: 8; top:13px; padding:2px; border-left:2px solid #d86060; }
.right-nav .nav div,.right-nav .nav span,.right-nav .nav i{
	position: relative; z-index: 10;
}
.content_list { border:1px dotted #ccc;}
.content_list  .hd {
    position: relative;
    height: 50px;
    line-height: 58px;
    border-bottom: 2px solid #ddab7f;
    z-index: 99;
}
.content_list  .hd span {font-weight: normal;
font-family: "Times New Roman", Times, serif;
font-size: 22px;
color:#dfad81;
margin: 0;}
.content_list .hd h2 {display: inline-block;
height: 40px;
line-height: 36px;
border-bottom: 2px solid #993333;}
.news-title{margin-top: 50px;}
.news-topic{margin:10px 0px;}
.news-list-content .list-wrapper{margin-bottom: 120px;}

.fl{ float:left}
.fr{ float:right}
.news_list li{background: #f7f7f7;zoom:1;margin-top: 20px;position: relative;}
.news_list .line{display: block;position: absolute;background: #6a8bd2;}
.news_list li:after{content: "";clear: both;display: table;}
.news_time{background: #6a8bd2;width:12%;height: 100%;padding: 18px 20px 0 0;}
.news_time .day{display: block;font-size: 70px;color: #fff;font-family: "Impact";text-align: right;}
.news_time .year{display: block;color: #eee;text-align: right;line-height: 22px;}
.news_time .author{display: block;color: #eee;text-align: right;line-height: 22px;}
.news_time .type{display: block;text-align: right;background: url("../images/n01.jpg") no-repeat right top;padding-top: 6px;margin-top: 4px;}
.news_time .type a{color: #fff;font-family: '宋体', Arial;}
.news_cont{width:80%;margin-right: 20px;}
.news_cont h2{font-size: 20px;font-weight: normal;padding-top: 15px;}
.news_cont h2 a{color: #333;}
.news_cont .demo{line-height: 24px;margin-top: 14px;}
.news_cont .vis{color: #999;line-height: 38px;}
.news_cont .more{float: right;color: #6a8bd2;display: inline-block;border: 1px solid #6a8bd2;line-height: 38px;padding: 0 24px;}

.news-detail .show_title { text-align:center; font-size:24px; padding:30px 0;}
.news-detail .date {
    float: left;
    position: relative;
    top: 10px;
    width: 80px;
    color: #fff;
    font-size: 42px;
    background:RGBA(27, 101, 182, 1);
    margin-right: 10px;
    line-height: 62px;
    text-align: center;
}
.news-detail .date span {
    display: block;
    width: 80px;
    background: RGBA(187, 166, 106, 1);
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
}
.news-detail .main_content{
    padding: 30px;
	padding-top:0px;
    line-height: 32px;
    font-size: 14px;
}
.slidbox {margin: 20px auto; -webkit-border-radius: 5px;
-moz-border-radius: 5px; padding:8px;
border-radius: 5px;}
.slidbox   .h2_title{
color: #a05454;
line-height:40px;
padding-top: 10px;
margin:0px;
font-size:30px;

}
.dtitle {font-weight: normal;}
.dtitle .dleft { width: 55%; float: left; padding-left: 20px}
.dtitle .dright{ width: 38%; float: right; padding-right: 20px; text-align: right; font-size: 14px; line-height: 25px;}
.dline{
  height: 2px;
  border-bottom: 1px dashed #7c7c7c;
  border-right: 10px solid #7c7c7c;
  border-left: 10px solid #7c7c7c;
}
.met_position {
    position: absolute;
    top: 20px;
    right: 10px;
    color: #aaa;
    font-family: '宋体';
}
.cd-gallery {
  margin-top: 20px;
  margin-bottom: 30px;
}
.slidbox   .h2_title  span {
    display: block;
    font-size: 20px;
	color:#a05454;
	text-transform: uppercase;
}
.slidbox .nilk {
	 background:url(../nilk.png) no-repeat center;
	 height:102px;
}

.forIe{
	padding:20px;
	background: #fdf9ed;
	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 6px rgba(0,0,0,0.5);
}


.overflow-hidden {
  overflow: hidden;
}
.cd-main {
  overflow-x: hidden;
  position: relative;
  
}
.cd-main::before {
  /* never visible - this is used in jQuery to check the current MQ */
  display: none;
  content: 'mobile';
}
.cd-main > * {
  -webkit-transition: -webkit-transform 0.5s 0.4s;
  -moz-transition: -moz-transform 0.5s 0.4s;
  transition: transform 0.5s 0.4s;
}
.cd-main.fold-is-open > * {
  /* on mobile - translate .cd-main content to the right when the .cd-folding-panel is open */
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s 0s;
  -moz-transition: -moz-transform 0.5s 0s;
  transition: transform 0.5s 0s;
}
@media only screen and (min-width: 600px) {
  .cd-main.fold-is-open > * {
    -webkit-transform: translateX(600px);
    -moz-transform: translateX(600px);
    -ms-transform: translateX(600px);
    -o-transform: translateX(600px);
    transform: translateX(600px);
  }
}
@media only screen and (min-width: 1100px) {
  .cd-main::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
  .cd-main.fold-is-open > * {
    /* reset style - on bigger devices we translate the gallery items */
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

.cd-gallery::after {
  clear: both;
  content: "";
  display: table;
}
.cd-gallery::before {
  /* this is the dark layer covering the .cd-gallery when the .cd-folding-panel is open */
  display: block;
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(28, 23, 38, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s 0.4s, visibility 0s 0.9s;
  -moz-transition: opacity 0.5s 0.4s, visibility 0s 0.9s;
  transition: opacity 0.5s 0.4s, visibility 0s 0.9s;
}
.fold-is-open .cd-gallery::before {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.5s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.5s 0s, visibility 0s 0s;
  transition: opacity 0.5s 0s, visibility 0s 0s;
}

.cd-item {
  width: 100%;
  height: 300px;
  text-align: center;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s 0.4s;
  -moz-transition: -moz-transform 0.5s 0.4s;
  transition: transform 0.5s 0.4s;
  background-size: 100% 100%;
  margin-bottom:20px;
  overflow:hidden;
  
}
.cd-item > span {
  display: table;
  height: 100%;
  width: 100%;
  overflow: hidden;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-item > span.dark-text {

  color: #363558;
}
.cd-item > span.dark-text b {
  border-color: #363558;
}
.cd-item div {
  display: table-cell;
  vertical-align: middle;
  
}
.cd-item:nth-of-type(2n) {
  float:right
}
.cd-item:nth-of-type(1) {
  background: url(../daguanyuan.jpg) no-repeat center top;
}
.cd-item:nth-of-type(2) {
  background:url(../jianzhi.jpg) no-repeat center top;
}
.cd-item:nth-of-type(3) {
  background:url(../yangge.jpg) no-repeat center top;
}
.cd-item:nth-of-type(4) {
  background:url(../xinghuatan.jpg) no-repeat center top;
}
.cd-item h2 {
  font-size: 2.2rem;
}
.cd-item p {
  line-height: 1.2;
  font-size: 1.4rem;
  opacity: 0.8;
  padding: 1em 0;
}
.cd-item b {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0.8em 1em;
  border-radius: 10px;
  border: 1px solid #ffffff;
  background:url(../icon.png) no-repeat;
  height:28px;
  width:18px;
  margin-right:20px;
  margin-top:30px;
}
.cd-item a:nth-of-type(1) b {
  background-position:-8px -2px;
}
.cd-item a:nth-of-type(2) b {
  background-position:-72px -2px;
}
.cd-item a:nth-of-type(3) b {
  background-position:-150px -2px;
}
.cd-item a:nth-of-type(4) b {
  background-position:-198px -1px;
}
.cd-item a:nth-of-type(5) b {
  background-position:-261px -2px;
}
  .cd-item {
    width: 49%;
    float: left;
    height: 520px;
    -webkit-transition: -webkit-transform 0.5s 0.4s;
    -moz-transition: -moz-transform 0.5s 0.4s;
    transition: transform 0.5s 0.4s;
	box-shadow: 0 8px 6px -6px #565656;
  }
  .cd-item h2 {
    font-size: 3rem;
  }
  .cd-item p {
    font-size: 14px;
	position:absolute;
	bottom:0px;
	left:0px;
	background: rgba(0,0,0,0.6);
	color: #fff;
	padding: 10px 20px;
	overflow: hidden;
	display:block;
	opacity:0;
	width:500px;
	line-height:22px;
	height:90px;
	text-align:justify;
	
  }
   .cd-item p {
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: -webkit-transform 0.3s 0.1s;
    -moz-transition: -moz-transform 0.3s 0.1s;
    transition: transform 0.3s 0.1s;
  }
  .cd-item h2 {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-transition: -webkit-transform 0.3s 0.1s;
    -moz-transition: -moz-transform 0.3s 0.1s;
    transition: transform 0.3s 0.1s;
  }
  .cd-item b {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 0.3s 0s, -webkit-transform 0.3s 0s;
    -moz-transition: opacity 0.3s 0s, -moz-transform 0.3s 0s;
    transition: opacity 0.3s 0s, transform 0.3s 0s;
  }
  .cd-item span:hover h2{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.3s 0s;
    -moz-transition: -moz-transform 0.3s 0s;
    transition: transform 0.3s 0s;
  }
  .cd-item span:hover p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform 0.3s 0s;
    -moz-transition: -moz-transform 0.3s 0s;
    transition: transform 0.3s 0s;
	opacity:1;
  }
  .cd-item span:hover b {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.3s 0.1s, -webkit-transform 0.3s 0.1s;
    -moz-transition: opacity 0.3s 0.1s, -moz-transform 0.3s 0.1s;
    transition: opacity 0.3s 0.1s, transform 0.3s 0.1s;
  }
  .fold-is-open .cd-item {
    -webkit-transition: -webkit-transform 0.5s 0s;
    -moz-transition: -moz-transform 0.5s 0s;
    transition: transform 0.5s 0s;
    -webkit-transform: translateX(-400px);
    -moz-transform: translateX(-400px);
    -ms-transform: translateX(-400px);
    -o-transform: translateX(-400px);
    transform: translateX(-400px);
  }
  .fold-is-open .cd-item:nth-of-type(2n) {
    -webkit-transform: translateX(400px);
    -moz-transform: translateX(400px);
    -ms-transform: translateX(400px);
    -o-transform: translateX(400px);
    transform: translateX(400px);
  }

/* -------------------------------- 

folding panel

-------------------------------- */
.cd-folding-panel {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: visibility 0s 0.9s;
  -moz-transition: visibility 0s 0.9s;
  transition: visibility 0s 0.9s;
}
.cd-folding-panel .fold-left,
.cd-folding-panel .fold-right {
  /* the :after elements of .fold-left and .fold-right are the 2 fold sides */
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  /* enable a 3D-space for children elements */
  -webkit-perspective: 2000px;
  -moz-perspective: 2000px;
  perspective: 2000px;
}
.cd-folding-panel .fold-left::after,
.cd-folding-panel .fold-right::after {
  /* 2 fold sides */
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s 0.4s, background-color 0.5s 0.4s;
  -moz-transition: -moz-transform 0.5s 0.4s, background-color 0.5s 0.4s;
  transition: transform 0.5s 0.4s, background-color 0.5s 0.4s;
}
.cd-folding-panel .fold-right {
  -webkit-perspective-origin: 0% 50%;
  -moz-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%;
}
.cd-folding-panel .fold-right::after {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: translateX(-100%) rotateY(-90deg);
  -moz-transform: translateX(-100%) rotateY(-90deg);
  -ms-transform: translateX(-100%) rotateY(-90deg);
  -o-transform: translateX(-100%) rotateY(-90deg);
  transform: translateX(-100%) rotateY(-90deg);
  background-color: #c0c3c3;
}
.cd-folding-panel .fold-left {
  /* on mobile only the right fold side is visible */
  display: none;
}
.cd-folding-panel .fold-left::after {
  background-color: #f9fafa;
}
.cd-folding-panel .cd-close {
  /* 'X' close icon */
  position: absolute;
  z-index: 1;
  display: inline-block;
  top: 10px;
  right: 10px;
  height: 44px;
  width: 44px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: opacity 0.2s 0s;
  -moz-transition: opacity 0.2s 0s;
  transition: opacity 0.2s 0s;
}
.cd-folding-panel .cd-close::after, .cd-folding-panel .cd-close::before {
  /* lines of 'X' icon */
  content: '';
  position: absolute;
  height: 3px;
  width: 32px;
  left: 50%;
  top: 50%;
  background-color: #544173;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-folding-panel .cd-close::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-folding-panel .cd-close::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.cd-folding-panel.is-open {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.cd-folding-panel.is-open .fold-right::after,
.cd-folding-panel.is-open .fold-left::after {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s 0s, background-color 0.5s 0s;
  -moz-transition: -moz-transform 0.5s 0s, background-color 0.5s 0s;
  transition: transform 0.5s 0s, background-color 0.5s 0s;
}
.cd-folding-panel.is-open .fold-right::after {
  background-color: #f9fafa;
}
.cd-folding-panel.is-open .cd-close {
  opacity: 1;
  -webkit-transition: opacity 0.2s 0.5s;
  -moz-transition: opacity 0.2s 0.5s;
  transition: opacity 0.2s 0.5s;
}
  .cd-folding-panel {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
  }
  .cd-folding-panel .fold-left,
  .cd-folding-panel .fold-right {
    width: 50%;
    float: left;
    height: 100%;
  }
  .cd-folding-panel .fold-right {
    /* change perspective-origin so that the 2 fold sides have the same vanishing point */
    -webkit-perspective-origin: 0% 50%;
    -moz-perspective-origin: 0% 50%;
    perspective-origin: 0% 50%;
  }
  .cd-folding-panel .fold-right::after {
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: translateX(-100%) rotateY(-90deg);
    -moz-transform: translateX(-100%) rotateY(-90deg);
    -ms-transform: translateX(-100%) rotateY(-90deg);
    -o-transform: translateX(-100%) rotateY(-90deg);
    transform: translateX(-100%) rotateY(-90deg);
  }
  .cd-folding-panel .fold-left {
    display: block;
    /* change perspective-origin so that the 2 fold sides have the same vanishing point */
    -webkit-perspective-origin: 100% 50%;
    -moz-perspective-origin: 100% 50%;
    perspective-origin: 100% 50%;
  }
  .cd-folding-panel .fold-left::after {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: translateX(100%) rotateY(90deg);
    -moz-transform: translateX(100%) rotateY(90deg);
    -ms-transform: translateX(100%) rotateY(90deg);
    -o-transform: translateX(100%) rotateY(90deg);
    transform: translateX(100%) rotateY(90deg);
  }

.cd-fold-content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 4em 2em;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.4s;
  -moz-transition: visibility 0s 0.4s;
  transition: visibility 0s 0.4s;
}
.cd-fold-content > * {
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
}
.cd-fold-content h2 {
  font-size: 2.4rem;
  -webkit-transition: -webkit-transform 0.2s 0.2s, opacity 0.2s 0.2s;
  -moz-transition: -moz-transform 0.2s 0.2s, opacity 0.2s 0.2s;
  transition: transform 0.2s 0.2s, opacity 0.2s 0.2s;
}
.cd-fold-content p, .cd-fold-content em {
  line-height: 1.6;
}
.cd-fold-content em {
  display: inline-block;
  margin: 1em 0;
  font-family: "Vollkorn", serif;
  font-size: 1.8rem;
  color: #7a78ae;
  -webkit-transition: -webkit-transform 0.2s 0.1s, opacity 0.2s 0.1s;
  -moz-transition: -moz-transform 0.2s 0.1s, opacity 0.2s 0.1s;
  transition: transform 0.2s 0.1s, opacity 0.2s 0.1s;
}
.cd-fold-content p {
  margin-bottom: 1em;
  font-size: 1.4rem;
  -webkit-transition: -webkit-transform 0.2s 0s, opacity 0.2s 0s;
  -moz-transition: -moz-transform 0.2s 0s, opacity 0.2s 0s;
  transition: transform 0.2s 0s, opacity 0.2s 0s;
}
.is-open .cd-fold-content {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  visibility: visible;
  -webkit-transition: visibility 0s 0.5s;
  -moz-transition: visibility 0s 0.5s;
  transition: visibility 0s 0.5s;
}
.is-open .cd-fold-content > * {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.is-open .cd-fold-content h2 {
  -webkit-transition: -webkit-transform 0.2s 0.5s, opacity 0.2s 0.5s;
  -moz-transition: -moz-transform 0.2s 0.5s, opacity 0.2s 0.5s;
  transition: transform 0.2s 0.5s, opacity 0.2s 0.5s;
}
.is-open .cd-fold-content em {
  -webkit-transition: -webkit-transform 0.2s 0.6s, opacity 0.2s 0.6s;
  -moz-transition: -moz-transform 0.2s 0.6s, opacity 0.2s 0.6s;
  transition: transform 0.2s 0.6s, opacity 0.2s 0.6s;
}
.is-open .cd-fold-content p {
  -webkit-transition: -webkit-transform 0.2s 0.7s, opacity 0.2s 0.7s;
  -moz-transition: -moz-transform 0.2s 0.7s, opacity 0.2s 0.7s;
  transition: transform 0.2s 0.7s, opacity 0.2s 0.7s;
}

/* -------------------------------- 

Javascript disabled

-------------------------------- */
.no-js .cd-fold-content.single-page {
  position: static;
  visibility: visible;
  height: auto;
  background-color: #dadcdc;
}
.no-js .cd-fold-content.single-page > * {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}


.tabs{position:relative;width:960px;margin:20px auto;padding-top:90px;}
.tabs a{text-decoration:none;}

.anli{margin-bottom:25px;font-size:0; width:1900px; }
.anli li{position:relative;display:inline-block;width:38px;font-size:12px;*display:inline;*zoom:1; }
.anli a{text-decoration:none; }
.anli strong{display:none;position:absolute;left:-80px;top:-73px;width:200px;height:38px;font:16px/38px "Microsoft Yahei";color:#fff;background-color:#059e3f; text-align:center}
.anli strong em{font-style:normal;color:#fffc1f;}
.anli b{display:none;position:absolute;left:19px;top:-35px;height:35px;border-left:1px solid #059e3f;}
.anli i{display:none;position:absolute;left:14px;top:0;width:11px;height:11px;border-radius:11px;background-color:#059e3f;overflow:hidden;}
.anli .year{display:block;height:20px;padding-top:18px;font:11px/20px arial;text-align:center;color:#888;background:url(../graduate_bg2.png) 0 0 no-repeat;cursor:pointer;}
.anli .first .year{background-image:url(../graduate_bg1.png);}
.anli .active strong, .anli .active b, .anli .active i{display:block;}
#scrollbar {
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
display:block !important;
margin-bottom:40px;
top:-70px;
}
#scrollbar .rollbar-content { float: left; z-index:999 ;padding-top:70px;}

.tabPane{width:960px;height:508px;}
.tabPane .info{float:left;width:221px;height:508px;background-color:#059e3f;}
.tabPane .info h3{padding:35px 25px 0;font:22px "Microsoft Yahei";color:#fff;}
.tabPane .info p{margin:12px 25px 0;line-height:22px;font-size:12px;color:#fff;text-indent:2em;}

.tabPane .img{float:right;width:737px;}
.tabPane{margin:-2px -2px 0 0;}
.tabPane ul{margin-top:-2px;}
.tabPane li{position:relative;float:left;height:253px;overflow:hidden;}
.tabPane img{display:block;border:0 none;}
.tabPane .odd{width:245px;height:253px;margin:2px 2px 0 0;}
.tabPane .odd h4{position:absolute;left:0;bottom:0;_bottom:-1px;width:215px;padding:0 15px;font:22px/53px "Microsoft Yahei";color:#fff;background:#4a4a4a;}
.tabPane .odd img{width:245px;height:200px;}
.tabPane .txtOut{position:absolute;left:0;top:0;display:table;width:100%;height:200px;visibility:hidden;}
.tabPane .txt{display:table-cell;width:221px;height:176px;padding:12px;line-height:18px;font-size:12px;color:#fff;background:url(../bg_01.png) 0 0 repeat;vertical-align:middle;}

.tabPane .even{width:490px;height:253px;margin-top:2px;overflow:hidden;}
.tabPane .even h4{position:absolute;right:0;top:0;width:34px;height:221px;padding:16px 10px;font:22px/24px "Microsoft Yahei";text-align:center;color:#fff;background-color:#4a4a4a;}
.tabPane .even img{width:436px;height:253px;}
.tabPane .even .txtOut{width:436px;height:100%;}
.tabPane .even .txt{width:412px;height:229px;}

.tabPane h5{margin-bottom:4px;font-size:14px;}
.tabPane a:hover .txtOut{visibility:visible;}

.tabs .prev, .tabs .next{position:absolute;top:370px;width:58px;height:58px;border-radius:58px;font:30px/58px SimSun,sans-serif;color:#c57e40;text-align:center;background-color:#fff;}
.tabs .prev{left:-80px;}
.tabs .next{right:-80px;}
.slidbox legend{
	font-size:30px;
	color:#9d4040;
}
fieldset {
	color:#333; 
	border:#fff solid 1px;
	display:block;
} 
.slidbox legend {
	color:#fff;
	font-weight:800; 
	background:#ddab7f;
	border:#fff solid 1px;
	padding:3px 6px;
}

/*工具栏*/
.met_hits{ padding:0px 5px; height:35px; line-height:35px; margin-top:10px; border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;}
.met_hits a{ color:#666;}
.met_hits .metjiathis{ position:absolute; left:5px; top:8px;}
.met_page{ text-align:center; padding:10px; color:#b75353}
.met_page a{ margin-right:50px; color:#262626; text-decoration:none; font-size:14px;}
.news_tab{ margin-bottom:20px; margin-top:20px;}
.news_tab ul{margin-right: -40px;}
.news_tab li{float:left;width:180px;height:80px;overflow:hidden;padding-left:20px;margin-right:20px;margin-bottom:20px;}
.news_tab h2{font-size:20px;color:#fff;font-weight:normal;padding-top:12px;}
.news_tab .eg{font-size:14px;color:#fff;text-transform: uppercase;padding-bottom:12px;font-family:Arial;}
.news_tab li:hover{opacity:1;filter:alpha(opacity=100)}
.news_tab li.sel{opacity:0.8;filter:alpha(opacity=80)}
.news_tab .color0{background: #43bcc7;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .color1{background: #de6764;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .color2{background: #31a0e1;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .color3{background: #6a8bd2;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .color4{background: #9ac047;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .color5{background: #000000;opacity:0.8;filter:alpha(opacity=80)}
.news_tab .color6{background: #43bcc7;opacity:1;filter:alpha(opacity=100)}
.news_tab .color7{background: #de6764;opacity:1;filter:alpha(opacity=100)}
.news_tab .color8{background: #31a0e1;opacity:1;filter:alpha(opacity=100)}
.news_tab .color9{background: #6a8bd2;opacity:1;filter:alpha(opacity=100)}
.news_tab .color10{background: #9ac047;opacity:1;filter:alpha(opacity=100)}
.case_t{background: url("../case_t_line.jpg") repeat-x 0 79px;  font-size:30px; color:#b75353}
.case_t_title {
    color: #000000;
    font-size: 20px;
    height: 56px;
    line-height: 56px;
    width:100%;
	display:inline;
	padding-right:10px;
    background-color: #fff;
}
.case-i-r {
    padding: 30px 5px 30px 15px;
	margin-top:20px;
	border:1px dotted #ccc; 
}
.ul-case-i{
	margin: 0 -5px;
}
.ul-case-i li{
	float: left;
	width: 23%;
	padding: 0 10px;
	margin-bottom: 20px;
	overflow: hidden;
}
.ul-case-i li a{
	display: block;
	position: relative;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-case-i li .pic img{
	width: 100%;
	display: block;
}
.ul-case-i li a .hover{
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	text-align: center;
	background: url(../alpha_red_80.png) repeat;
	color: #fff;
	/*display: none;*/
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.ul-case-i li .hover b,.ul-case-i li .hover .txt,.case-img .hover b,.case-img .hover .txt{
	margin:25% 0px;
}
.ul-case-i li .hover b,.case-img .hover b{
	width: 0;
	height: 100%;
}
.ul-case-i li a:hover .hover{
	/*display: block;*/
	top: 0;
}
.ul-case-i-1 li{
	width: 25%;
}

.connect_column{margin-top: 20px;}
.connect_column li{float: left;text-align: center;width: 254px;height: 218px;margin-left: 20px;position: relative;padding-top: 42px;font-size: 16px;color: #333;line-height: 32px;}
.connect_column li:first-child{margin-left: 0;}
.connect_column h2{font-size: 18px;color: #333;font-weight: normal;margin-top: 10px;margin-bottom: 10px;}
.connect_column .info{position: relative;z-index: 2;}
.connect_column .text{margin: 0 20px;}
.connect_column .s1{position:absolute;top:0;left:0;width:100%;height:100%;background: #de6764;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s2{position:absolute;top:0;left:0;width:100%;height:100%;background: #58bec8;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s3{position:absolute;top:0;left:0;width:100%;height:100%;background: #9ac047;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .s4{position:absolute;top:0;left:0;width:100%;height:100%;background: #31a0e1;opacity: 0.2;filter:alpha(opacity=20);}
.connect_column .i1{display: inline-block;width: 36px;height: 46px; background: url("../sprite2.png") no-repeat 0 0;}
.connect_column .i2{display: inline-block;width: 42px;height: 46px; background: url("../sprite2.png") no-repeat -38px 0;}
.connect_column .i3{display: inline-block;width: 40px;height: 46px; background: url("../sprite2.png") no-repeat -83px 0;}
.connect_column .i4{display: inline-block;width: 40px;height: 46px; background: url("../sprite2.png") no-repeat -125px 0;}
.connect_column .i5{display: inline-block;width: 40px;height: 46px; background: url("../wechat.png") no-repeat; background-size: 40px 40px;}
.connect_column .i6{display: inline-block;width: 40px;height: 46px; background: url("../message.png") no-repeat; background-size: 40px 40px;}
.connect_column .wl_qr{display:none; width:200px; height:200px; position:relative; top:-100px; left:20px; background:url("../wl_qr.png") no-repeat;}
.connect_column a{ color: #333;}
.connect_share{border-top: 2px solid #43bcc7;width: 120px;margin: 46px auto 0;text-align: center;padding-top: 46px;}
.connect_share .sh1{display: inline-block;width: 40px;height: 40px;background: url("../sprite2.png") 0 -48px;margin-right: 9px;}
.connect_share .sh2{display: inline-block;width: 40px;height: 40px;background: url("../sprite2.png") -41px -48px;}
.cd-main .rollbar-content img{
  margin-right: 10px;
}
/*文旅大事件*/
#about-4 #history {height:640px; background-color:#fdf9ed; overflow:hidden;}
#about-4 #history .viewport {position:relative;  margin:0 auto; width:1132px; height:100%; background:url(../p_4_11.jpg) no-repeat 2px 20px; overflow:visible;}
#about-4 #history .viewport .btn {display:none; position:absolute; top:50%; z-index:2; margin-top:-22px; width:44px; height:44px; background:no-repeat 0 0;}
#about-4 #history .viewport .prev {left:0px; background-image:url(../btn_prev.png);}
#about-4 #history .viewport .next {right:10px;background-image:url(../btn_next.png);}
#about-4 #history .viewport .wrap {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
#about-4 #history .viewport .wrap .item {position:absolute; bottom:-100%; width:273px; margin-right:10px; background:url(../p_4_31.jpg) repeat-y 6px 0; -webkit-transition:bottom 500ms; transition:bottom 300ms; border-left: 1px solid #b75353;}
#about-4 #history .viewport .wrap .on {bottom:0;}
#about-4 #history .viewport .wrap .item div {padding:5px 16px 5px 29px ;background:url(../p_4_21.png) no-repeat 0 0;}
#about-4 #history .viewport .wrap .item div p {margin-bottom:20px; line-height:18px; color:#ab7e7e;}
#about-4 #history .viewport .wrap .item div .year {display:block; margin:-10px 0 30px 0; font:lighter 48px "myriadsetpro" !important; color:#ab7e7e;}
#about-4 .link {position:relative; z-index:2; padding:15px 0 20px 0; height:165px; background-color:#fff;}
/*返回顶部*/
#back-to-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 9999;
  font-size:8px;
  width: 40px;
  height: 40px;
  line-height:20px;
  margin-top: 5px;
  text-align: center;
  background: #b75353;
  color: #fff;
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0;
}
#back-to-top:hover {
  background: #e9ebec;
  color:#444;
}
#back-to-top.show {
  opacity: 1;
}