/*实现图片翻转*/
/* @import url(https://fonts.googleapis.com/css?family=Sahitya); */

.-center li {
  margin: 5px;
  position: relative;
  width: 180px;
  height: 180px;
  display: inline-block;
  vertical-align: top;
  -webkit-perspective: 300px;
  perspective: 300px;
  -webkit-transform-origin: 50% 50% 90px;
  transform-origin: 50% 50% 90px;
}

.w {
  font-size: medium;
  font-size: initial;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-origin: 50% 50% -90px;
  transform-origin: 50% 50% -90px;
  will-change: transform;
  -webkit-animation: 200ms ease-out 0ms 1 normal forwards paused;
  animation: 200ms ease-out 0ms 1 normal forwards paused;
}

.f,
.b {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: white;
  -webkit-transition: none;
  transition: none;
}

.f {

  background-color: rgb(29,210,175);

  border-top-left-radius: 20px;

  border-top-right-radius: 20px;

  border-bottom-left-radius: 20px;

  border-bottom-right-radius: 20px;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.f > svg{
  mix-blend-mode: luminosity;
}

.b {
  padding: 16px;
  padding: 1rem;

  -webkit-transform: translate3d(0,0,-1px);
  transform: translate3d(0,0,-1px);

  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;
  text-shadow: 0 20px 20px black;
  text-align: center;
  position:absolute;
  top:0px;

}


.b h3{
  font-size: 18pt;
  color:white;


}
.in-top .b,
.out-top .b {
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: translate3d(0, -100%, 0) rotate3d(1,0,0,90deg);
  transform: translate3d(0, -100%, 0) rotate3d(1,0,0,90deg);
}

.in-right .b,
.out-right .b {
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: translate3d(100%, 0, 0) rotate3d(0,1,0,90deg);
  transform: translate3d(100%, 0, 0) rotate3d(0,1,0,90deg);
}

.in-bottom .b,
.out-bottom .b {
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: translate3d(0, 100%, 0) rotate3d(-1,0,0,90deg);
  transform: translate3d(0, 100%, 0) rotate3d(-1,0,0,90deg);
}

.in-left .b,
.out-left .b {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: translate3d(-100%,0,0) rotate3d(0,-1,0,90deg);
  transform: translate3d(-100%,0,0) rotate3d(0,-1,0,90deg);
}

.in {
}

.in-top .w{
  -webkit-animation-name: in-top;
  animation-name: in-top;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.in-right .w{
  -webkit-animation-name: in-right;
  animation-name: in-right;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.in-bottom .w{
  -webkit-animation-name: in-bottom;
  animation-name: in-bottom;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.in-left .w{
  -webkit-animation-name: in-left;
  animation-name: in-left;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.out {
}

.out-top .w{
  -webkit-animation-name: out-top;
  animation-name: out-top;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.out-right .w{
  -webkit-animation-name: out-right;
  animation-name: out-right;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.out-bottom .w{
  -webkit-animation-name: out-bottom;
  animation-name: out-bottom;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.out-left .w{
  -webkit-animation-name: out-left;
  animation-name: out-left;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes in-top {
  from  {-webkit-transform: rotate3d(0,0,0,0deg);transform: rotate3d(0,0,0,0deg)}
  to    {-webkit-transform: rotate3d(-1,0,0,90deg);transform: rotate3d(-1,0,0,90deg)}
}

@keyframes in-top {
  from  {-webkit-transform: rotate3d(0,0,0,0deg);transform: rotate3d(0,0,0,0deg)}
  to    {-webkit-transform: rotate3d(-1,0,0,90deg);transform: rotate3d(-1,0,0,90deg)}
}
@-webkit-keyframes out-top {
  from {-webkit-transform: rotate3d(-1,0,0,90deg);transform: rotate3d(-1,0,0,90deg)}
  to   {-webkit-transform: rotate3d(0,0,0,0deg);transform: rotate3d(0,0,0,0deg)}
}
@keyframes out-top {
  from {-webkit-transform: rotate3d(-1,0,0,90deg);transform: rotate3d(-1,0,0,90deg)}
  to   {-webkit-transform: rotate3d(0,0,0,0deg);transform: rotate3d(0,0,0,0deg)}
}

@-webkit-keyframes in-right {
  from  {-webkit-transform: rotate3d(0,0,0,0deg);transform: rotate3d(0,0,0,0deg)}
  to    {-webkit-transform: rotate3d(0,-1,0,90deg);transform: rotate3d(0,-1,0,90deg)}
}

@keyframes in-right {
  from  {-webkit-transform: rotate3d(0,0,0,0deg);transform: rotate3d(0,0,0,0deg)}
  to    {-webkit-transform: rotate3d(0,-1,0,90deg);transform: rotate3d(0,-1,0,90deg)}
}
@-webkit-keyframes out-right {
  from  {-webkit-transform: rotate3d(0,-1,0,90deg);transform: rotate3d(0,-1,0,90deg)}
  to    {-webkit-transform: rotate3d(0,0,0,0deg);transform: rotate3d(0,0,0,0deg)}
}
@keyframes out-right {
  from  {-webkit-transform: rotate3d(0,-1,0,90deg);transform: rotate3d(0,-1,0,90deg)}
  to    {-webkit-transform: rotate3d(0,0,0,0deg);transform: rotate3d(0,0,0,0deg)}
}

@-webkit-keyframes in-bottom {
  from  {-webkit-transform: rotate3d(0,0,0,0deg);transform: rotate3d(0,0,0,0deg)}
  to    {-webkit-transform: rotate3d(1,0,0,90deg);transform: rotate3d(1,0,0,90deg)}
}

@keyframes in-bottom {
  from  {-webkit-transform: rotate3d(0,0,0,0deg);transform: rotate3d(0,0,0,0deg)}
  to    {-webkit-transform: rotate3d(1,0,0,90deg);transform: rotate3d(1,0,0,90deg)}
}
@-webkit-keyframes out-bottom {
  from  {-webkit-transform: rotate3d(1,0,0,90deg);transform: rotate3d(1,0,0,90deg)}
  to    {-webkit-transform: rotate3d(0,0,0,0deg);transform: rotate3d(0,0,0,0deg)}
}
@keyframes out-bottom {
  from  {-webkit-transform: rotate3d(1,0,0,90deg);transform: rotate3d(1,0,0,90deg)}
  to    {-webkit-transform: rotate3d(0,0,0,0deg);transform: rotate3d(0,0,0,0deg)}
}

@-webkit-keyframes in-left {
  from  {-webkit-transform: rotate3d(0,0,0,0deg);transform: rotate3d(0,0,0,0deg)}
  to    {-webkit-transform: rotate3d(0,1,0,90deg);transform: rotate3d(0,1,0,90deg)}
}

@keyframes in-left {
  from  {-webkit-transform: rotate3d(0,0,0,0deg);transform: rotate3d(0,0,0,0deg)}
  to    {-webkit-transform: rotate3d(0,1,0,90deg);transform: rotate3d(0,1,0,90deg)}
}
@-webkit-keyframes out-left {
  from  {-webkit-transform: rotate3d(0,1,0,90deg);transform: rotate3d(0,1,0,90deg)}
  to    {-webkit-transform: rotate3d(0,0,0,0deg);transform: rotate3d(0,0,0,0deg)}
}
@keyframes out-left {
  from  {-webkit-transform: rotate3d(0,1,0,90deg);transform: rotate3d(0,1,0,90deg)}
  to    {-webkit-transform: rotate3d(0,0,0,0deg);transform: rotate3d(0,0,0,0deg)}
}

/* ======= aesthetics ======= */

/** {*/
  /*margin: 0;*/
  /*box-sizing: border-box;*/
/*}*/


/*ul {*/
  /*font-size: 0;*/
  /*padding: 0;*/
  /*max-width: 1180px;*/
  /*margin: 0 auto;*/
  /*list-style: none*/
/*}*/


/*ul::after{*/
  /*content: '';*/
  /*display: table;*/
  /*clear: both;*/
/*}*/


.-center {
  position: absolute;
  top:3250px;
  left:400px;
  z-index: 4;
  width:1180;
}

.-center li{

  margin-right: 50px;
}


.-neutral-mid {
  color: rgb(153, 153, 153);
}





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

ol {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}



/* display */
.dn{display:none;}
.di{display:inline;}
.db{display:block;}
.dib{display:inline-block;}
div.dib{*display:inline; *zoom:1;}/* other block level tag(eg. p, li, h1~h6), using 'inline_any' instead */
/* height */
.h0{height:0;}
.h16{height:14px;}
.h16{height:16px;}
.h18{height:18px;}
.h20{height:20px;}
.h22{height:22px;}
.h24{height:24px;}
.h30{height:30px;}
/* width */

/* percent width value */
.pct10{width:10%;}
.pct15{width:15%;}
.pct20{width:20%;}
.pct25{width:25%;}
.pct30{width:30%;}
.pct33{width:33.3%;}
.pct40{width:40%;}
.pct50{width:50%;}
.pct60{width:60%;}
.pct66{width:66.6%;}
.pct70{width:70%;}
.pct75{width:75%;}
.pct80{width:80%;}
.pct90{width:90%;}
.pct100{width:100%;}
/* line-height */
.lh0{line-height:0;}
.lh16{line-height:14px;}
.lh16{line-height:16px;}
.lh18{line-height:18px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh24{line-height:24px;}
.lh30{line-height:30px;}
/* margin */
.m0{margin:0;}
.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.mr1{margin-right:1px;}
.mr2{margin-right:2px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
/* margin negative */
.ml-1{margin-left:-1px;}
.mr-1{margin-right:-1px;}
.mt-1{margin-top:-1px;}
.mb-1{margin-bottom:-1px;}
.ml-3{margin-left:-3px;}
.mr-3{margin-right:-3px;}
.mt-3{margin-top:-3px;}
.mb-3{margin-bottom:-3px;}
.ml-20{margin-left:-20px;}
.mr-20{margin-right:-20px;}
.mt-20{margin-top:-20px;}
.mb-20{margin-bottom:-20px;}
/* padding */
.p0{padding:0;}
.p1{padding:1px;}
.pl1{padding-left:1px;}
.pt1{padding-top:1px;}
.pr1{padding-right:1px;}
.pb1{padding-bottom:1px;}
.p2{padding:2px;}
.pl2{padding-left:2px;}
.pt2{padding-top:2px;}
.pr2{padding-right:2px;}
.pb2{padding-bottom:2px;}
.pl5{padding-left:5px;}
.p5{padding:5px;}
.pt5{padding-top:5px;}
.pr5{padding-right:5px;}
.pb5{padding-bottom:5px;}
.p10{padding:10px;}
.pl10{padding-left:10px;}
.pt10{padding-top:10px;}
.pr10{padding-right:10px;}
.pb10{padding-bottom:10px;}
.p15{padding:15px;}
.pl15{padding-left:15px;}
.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.p20{padding:20px;}
.pl20{padding-left:20px;}
.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.p30{padding:30px;}
.pl30{padding-left:30px;}
.pt30{padding-top:30px;}
.pr30{padding-right:30px;}
.pb30{padding-bottom:30px;}
/* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bdc{border:1px solid #ccc;}
.blc{border-left:1px solid #ccc;}
.brc{border-right:1px solid #ccc;}
.btc{border-top:1px solid #ccc;}
.bbc{border-bottom:1px solid #ccc;}
.bdd{border:1px solid #ddd;}
.bld{border-left:1px solid #ddd;}
.brd{border-right:1px solid #ddd;}
.btd{border-top:1px solid #ddd;}
.bbd{border-bottom:1px solid #ddd;}
.bde{border:1px solid #eee;}
.ble{border-left:1px solid #eee;}
.bre{border-right:1px solid #eee;}
.bte{border-top:1px solid #eee;}
.bbe{border-bottom:1px solid #eee;}
/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh{background-color:#fff;}

/* safe color */
.g0{color:#000;}
.g3{color:#333;}
.g6{color:#666;}
.g9{color:#999;}
.gc{color:#ccc;}
.wh{color:white;}
/* font-size */
.f0{font-size:0;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
/* font-family */
.fa{font-family:Arial;}
.ft{font-family:Tahoma;}
.fv{font-family:Verdana;}
.fs{font-family:Simsun;}
.fl{font-family:'Lucida Console';}
.fw{font-family:'Microsoft Yahei';}
/* font-style */
.n{font-weight:normal; font-style:normal; white-space: normal;}
.b{font-weight:bold;}
.i{font-style:italic;}
/* text-align */
.tc{text-align:center;}
.tr{text-align:right;}
.tl{text-align:left;}
.tj{text-align:justify;}
/* text-decoration */
.tdl{text-decoration:underline;}
.tdn,.tdn:hover,.tdn a:hover,a.tdl:hover{text-decoration:none;}
/* letter-spacing */
.lt-1{letter-spacing:-1px;}
.lt0{letter-spacing:0;}
.lt1{letter-spacing:1px;}
/* white-space */
.nowrap{white-space:nowrap;}
/* word-wrap */
.bk{word-wrap:break-word;}
/* vertical-align */
.vm{vertical-align:middle;}
.vtb{vertical-align:text-bottom;}
.vb{vertical-align:bottom;}
.vt{vertical-align:top;}
.v-1{vertical-align:-1px;}
.v-2{vertical-align:-2px;}
.v-3{vertical-align:-3px;}
.v-4{vertical-align:-4px;}
.v-5{vertical-align:-5px;}
/* float */
.l{float:left;}
.r{float:right;}
/* clear */
.cl{clear:both;}
/* position */
.rel{position:relative;}
.abs{position:absolute;}
/*z-index*/
.zx1{z-index:1;}
.zx2{z-index:2;}
/* cursor */
.poi{cursor:pointer;}
.def{cursor:default;}
/* overflow */
.ovh{overflow:hidden;}
.ova{overflow:auto;}
/* visibility */
.vh{visibility:hidden;}
.vv{visibility:visible;}
/* opacity */
.opa0{opacity:0; filer:alpha(opacity=0);}
/* zoom */
.z{*zoom:1;}

/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/* 清除浮动*/
.fix{*zoom:1;}
.fix:after{display:table; content:''; clear:both;}
/*清除浮动*/
.clearfix:after{
  display:block;height:0;content:'.';clear:both;overflow:hidden;
}
/* 基于display:table-cell的自适应布局 */
.cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}
/* 双栏自适应cell部分连续英文字符换行 */
.cell2{overflow:hidden; _display:inline-block;}
/* 单行文字溢出虚点显 示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/* css3过渡动画效果 */
.trans{
  -webkit-transition:all .15s;
  transition:all .15s;
}
/* 大小不定元素垂直居中 */
.dib_vm{display:inline-block; width:0; height:100%; vertical-align:middle;}
/* 加载中背景图片 - 如果您使用该CSS小库，务必修改此图片地址 */
.loading{background:url() no-repeat center;}
/* 无框文本框文本域 */
.bd_none{border:0; outline:none;}
/* 绝对定位隐藏 */
.abs_out{position:absolute; left:-999em; top:-999em;}
.abs_clip{position:absolute; clip:rect(0 0 0 0);}
/* 按钮禁用 */
.disabled{outline:0 none; cursor:default!important; opacity:.4; filer:alpha(opacity=40); -ms-pointer-events:none; pointer-events:none;}
/*inline-block与float等宽列表*/
.inline_box{font-size:1em; letter-spacing:-.25em; font-family:Arial;}
.inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any{display:inline-block; *display:inline; letter-spacing:0; vertical-align:top; *zoom:1;}
.float_two, .float_three, .float_four, .float_five, .float_six{float:left;}
.inline_two, .float_two{width:50%; *width:49.9%;}
.inline_three, .float_three{width:33.33333%; *width:33.3%;}
.inline_four, .float_four{width:25%; *width:24.9%;}
.inline_five, .float_five{width:20%; *width:19.9%;}
.inline_six, .float_six{width:16.66666%; *width:16.6%;}
.inline_fix{display:inline-block; width:100%; height:0; overflow:hidden;}



.w1000{width:100%;margin:0 auto;}
.header.contrainer{background-color: #1bba82;height:60px;line-height: 60px;}
.header a{display:block;color:#000;text-decoration: none}
.body{line-height: 40px;}
.body .header{font-size: 20px;margin: 50px 0 100px;}
.event_wrap{position:relative;}
.event_wrap .middle_line{position:absolute;left:50%;top:0;width:8px;margin-left: 0px;border-left: 1px solid #000;height:100%;}
.event_wrap .middle_line i{display:block;height:3.31%;border-bottom: 1px solid #000;width:60%;}
.event_wrap .middle_line i.first{padding-top: 75px;}
.event_wrap .middle_line i.last{margin-bottom: 25px;}
.big_squre{margin-left:-30px;left:50%;display:block;position:absolute;top:8px;width:60px;height:60px;background-color: #6e6e6e;border-radius: 10px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.big_squre i{transform:rotate(-45deg);-webkit-transform: rotate(-45deg);display: block;position: absolute;left: 11px;color: #fff;top: 11px;font-size: 18px}
.small_squire{position:absolute;top:11px;display:block;height:12px;width:12px;padding:3px;border-radius: 3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);background-color: #6e6e6e;}
.small_squire i{display:block;width:12px;height:12px;background-color: #fff;border-radius: 3px;}
.event_wrap .list{height:300px;position:relative;padding-top: 75px;}
.aActiveWid{width:50% !important;filter:alpha(opacity=100) !important;opacity:1 !important;}
.event_wrap .list:last-child{height:275px;}
.event_wrap .list .ev_text{position:absolute;opacity:0.1;filter:alpha(opacity=10);width:0px;overflow: hidden;
  -o-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -ms-transition: all 3s ease;
  -webkit-transition: all 3s ease;
  transition: all 3s ease;}
.event_wrap .list_right .ev_text_odd,.event_wrap .list_left .ev_text_event{text-align: left;left:50%;}
.event_wrap .list_right .ev_text_event,.event_wrap .list_left .ev_text_odd{text-align: right;left:initial;right:50%;}
.event_wrap .list .ev_t1{top: 55px;}
.event_wrap .list .ev_t2{top: 80px;}
.event_wrap .list .ev_t3{top: 105px;}
.event_wrap .list .ev_t4{top: 130px;}
.event_wrap .list .ev_t5{top: 155px;}
.event_wrap .list .ev_t6{top: 180px;}
.event_wrap .list .ev_t7{top: 205px;}
.event_wrap .list .ev_t8{top: 230px;}
.event_wrap .list .ev_t9{top: 255px;}
.event_wrap .list .ev_t10{top: 280px;}
.event_wrap .list .ev_t11{top: 305px;}
.event_wrap .list .ev_t12{top: 330px;}

.event_wrap .list_right .small_squire,.event_wrap .list_left .ev_text_event .small_squire{left:4px;}
.event_wrap .list_left .small_squire,.event_wrap .list_right .ev_text_event .small_squire{right:3px;left:inherit;}
.event_wrap .list .small_line,.event_wrap .list_left .ev_text_event .samll_line{display: inline-block;position: absolute;height: 1px;overflow: hidden;border-top: 1px solid #000;top: 19px;left: 24px;width: 13%;}
.event_wrap .list_left .ev_text_odd .small_line,.event_wrap .list_right .ev_text_event .small_line{right:23px;left:initial;}
.ev_text h3{font-size: 18px;padding-left: 20%;width:80%}
.ev_text p{line-height: 20px;padding-left:20%;width:80%;height:40px;overflow: hidden;}
.list_right .ev_text_event p,.list_left .ev_text_odd h3,.list_left .ev_text_odd p{padding-right: 10px;padding-left: inherit}

.list_right .ev_text_event h3{padding-right: 10px;padding-left: inherit}





/*选项卡切换*/
/*div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input{margin:0; padding:0; border:0; background-repeat:no-repeat;}*/
/*h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}*/

img{border:0px;}
/*ul,li{ list-style:none;}*/
em,i{ font-style:normal;}
/*a{ text-decoration:none; color:#333; outline:none;}*/
/*a:hover{ background-repeat:no-repeat; color:white;}*/
.clear{ clear:both; line-height:0; height:0; font-size:0;}
a,area{blr:expression(this.onFocus=this.blur())}

.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
.o-m
{
  /*background:#f8f8f8;*/
  /*width:1200px;*/
  /*margin:20px auto;*/
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
  }
.o-m .ul-o{float:left;width:320px;position:relative;background:#bfbdb9;margin-top: 60px;}
.o-m .ul-o li{width:100%;cursor:pointer;position:relative;z-index:2;list-style-type: none;}
.o-m .ul-o span{width:62px;height:68px;float:left;display:block;border-bottom:1px solid #bfbdb9;background:url(../img/n-qyjz-1.png) no-repeat;background-position:-272px 20px;}
.o-m .ul-o .li-t span{background-position:-272px -50px;}
.o-m .ul-o .li-s span{background-position:-272px -120px;}
.o-m .ul-o .li-f span{background-position:-272px -190px;}
.o-m .ul-o .li-w span{background-position:-272px -257px;}
.o-m .ul-o .li-l span{background-position:-272px -323px;}
.o-m .ul-o li p{text-align:center;float:left;line-height:68px;color:#fff;font-size:20px;font-style:italic;width:258px;border-bottom:1px solid #cccbc8;}
.o-m .ul-o li b{position:absolute;display:block;width:15px;height:32px;top:50%;margin-top:-16px;right:-15px;display:none}
.o-m .ul-o .li-mask{background:#ff6800;position:absolute;left:0;top:0;width:335px;height:68px;background:url(../images/n-qyjz-52.png) no-repeat;}
.o-m .ul-o li.on b{display:block;}
.o-m .ul-t{
  /*background:#f8f8f8;*/
  /*width:500px;*/
  float:left;height:414px;}
.o-m .ul-t li{list-style-type:none;position:relative;height:100%;display:none;}
/*.o-m .ul-t .li-top{padding:25px 0 0 200px;}*/
.o-m .ul-t h5{color:#666;font-size:16px;line-height:38px;}
.o-m .ul-t p{color:#999;font-size:14px;line-height:22px;margin-bottom:5px}
.o-m .ul-t .li-a a{color:#2b91b8;font-size:14px;margin-right:30px;cursor:default;line-height:22px;}
.o-m .ul-t .li-a span{color:#999;font-size:14px}
.o-m .ul-t .li-img{width:62%;text-align:right;position:absolute;left:0;bottom:0;}


/*旋转的圆形*/
.case-content{overflow:hidden;
  /*margin:80px auto 0 auto;*/
  margin-left:397px;
  /*width:1200px*/
}
.case-item{float:left;margin:30px 40px;margin-bottom:20px}
.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle,.ih-item.circle .img{position:relative;width:210px;height:210px;border-radius:50%}
.ih-item.circle .img:before{position:absolute;display:block;content:'';width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle .img img{border-radius:50%}
.ih-item.circle .info{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.square{position:relative;width:316px;height:216px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.ih-item.square .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.circle.effect1 .spinner{width:174px;height:174px;border:10px solid #ecab18;border-right-color:#1ad280;border-bottom-color:#1ad280;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .img{position:absolute;top:10px;bottom:0;left:10px;right:0;width:155px;height:155px;}
.ih-item.circle.effect1 .img:before{display:none}
.ih-item.circle.effect1.colored .info{background:#1a4a72;background:rgba(26,74,114,.6)}
.ih-item.circle.effect1 .info{top:10px;bottom:0;left:10px;right:0;width:155px;height:155px;background:#333;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .info h3{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:24px;margin:0 30px;padding:43px 0 0;height:110px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3)}
.ih-item.circle.effect1 .info p{color:#bbb;font-style:italic;margin:-24px 30px;font-size:12px;border-top:1px solid rgba(255,255,255,.5)}
.ih-item.circle.effect1 a .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.ih-item.circle.effect1 a .info{opacity:1}




/*整体框架*/
.unifiedW4{
  width: 1180px;
  height: 350px;
  margin: 0 auto;

}


.unifiedW5{
  width: 1180px;
  height: 500px;
  margin: 0 auto;

}

.unifiedW6{
  width: 1180px;
  height: 700px;
  margin: 0 auto;

}

/*.title3 {*/
  /*justify-content: center;*/
  /*text-align: center;*/
  /*font-size: 28px;*/
  /*font-weight: bold;*/
/*}*/
/*.title3 span {*/
  /*color: #1bba82;*/
/*}*/
/*.title3 p {*/
  /*font-size: 17px;*/
  /*color: #5B5B5B;*/
/*}*/

#carrousel{position: relative; width:1903px; height:1700px; position:relative;overflow:hidden; margin:0 auto;}
#carrousel1{position: relative; width:1903px; height:1700px; position:relative;overflow:hidden; margin:0 auto;}
.carrousel2{margin-top: 30px;}

.slider-nav{
  /*width:800px;*/
  height:70px;
  overflow:hidden;
  margin:0 auto;}

/*.slider-nav li{*/

  /*float:left;*/
  /*margin:0 20px 0 20px;*/
  /*display:inline-block;*/
  /*width:150px;*/
  /*text-align:center;*/
  /*font-size:20px;*/
  /*color:#333;*/
  /*height:55px;*/
  /*line-height:34px;*/
  /*overflow:hidden;*/
  /*padding:10px 0 0 0;*/

  /*text-decoration:none;*/
  /*border-top-left-radius: 10px;*/

  /*border-top-right-radius: 10px;*/

  /*border-bottom-left-radius: 10px;*/

  /*border-bottom-right-radius: 10px;*/
/*}*/

/*#demo01{position:relative;margin-top:148px;width:1180px;}*/

/*.ul_list{*/
  /*display: flex;*/
  /*justify-content: center;*/
  /*align-content: center;*/
  /*height: auto;*/

/*}*/
/*.ul_list li:hover{*/
  /*background-color:rgba(28,186,133,0.6);*/

/*}*/


.touming{

  position:absolute;
  top:250px;
  left:400px;
  width:200px;
  height:200px;
  z-index: 0
}


.introduce{

  margin-top: 60px;
  margin-left: 100px;
  margin-bottom: 30px;
  text-align: left;
  font-size: 13pt;
  width:1000px;
  line-height: 50px;


}


.development{

  position:absolute;
  top:1570px;
  left:520px;
  text-align: center;
  font-size: 20pt;
  width:850px;
  height: 300px;
  background-color: rgba(255,255,255,0.3);
  border-top-left-radius: 15px;

  border-top-right-radius: 15px;

  border-bottom-left-radius: 15px;

  border-bottom-right-radius: 15px;


}

.team{
    display: flex;
    justify-content: center;
  /*padding: 50px 0 20px 0;*/
  /*background-image: url(../images/unitbg.jpg);*/
  background:#eee;
  background-repeat: repeat-y;


}

.culture{
  background: #eee;
  padding: 2px 0 20px 0;
  /*background-image: url(../img/unitbg.jpg);*/
  background-repeat: repeat-y;

}

.connectus{

  padding: 50px 0 20px 0;
  background-image: url(../img/unitbg.jpg);
  background-repeat: repeat-y;

}

#mymap{
  height:400px;
}
/*改变地图上marker的颜色，要引入  <link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>*/
.amap-marker-label{
  background-color: red;
  font-size: 14px;
  border-color: red;
  font-family:'微软雅黑';
  color: white
}
@media only screen and (max-width:480px) {
	.ih-item.circle.effect1 .info {
    top: 10px;
    bottom: 0;
    left: 10px;
    right: 0;
    width: 155px;
    height: 155px;
    background: #333;
    background: rgba(0,0,0,.6);
     opacity: 5; 
   -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}
.o-m .ul-t p {
    color: #999;
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 5px;
}
.o-m .ul-t h5 {
    color: #666;
    font-size: 15px;
    line-height: 38px;
}
.o-m .ul-t{
  /*background:#f8f8f8;*/
  width:inherit;
  /*float:left;height:414px;*/
  }
.row {
    margin-right: -15px;
    margin-left: 40px;
}

/*.ih-item.circle.effect1 .info {
    top: 10px;
    bottom: 0;
    left: 10px;
    right: 0;
    width: 155px;
    height: 155px;
    background: #333;
    background: rgba(0,0,0,.6);
     opacity: 0; 
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}*/
.title5 {
    justify-content: center;
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    padding-top: 2.5em;
}
	.o-m .ul-o {
    float: left;
    width: 320px;
    position: relative;
    background: #bfbdb9;
    margin-top: 60px;
    margin-left: 0;
}
  /*.o-m .ul-t .li-top {
    padding: 28em 0 0 21em;
    margin: 5em 0 0 -49em;
}*/
  .o-m .ul-t .li-img {
    /*width: 44%;*/
    /*text-align: right;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*margin: 0 0 -26em -30em;*/
  }
  .team {
    /*padding: 50px 0 31em 0;*/
   display: flex;
   justify-content: center;
    /* background-image: url(../images/unitbg.jpg); */
    background: #eee;
    background-repeat: repeat-y;
  }
}
@media only screen and (min-width:648px) {
.o-m .ul-t .li-top {
  padding: 25px 0 0 37px;
}
  .o-m .ul-t .li-img {
    width: 44%;
    text-align: right;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
@media only screen and (min-width:768px) {
  .o-m .ul-t .li-top {
    /*padding: 25px 0 0 0px;*/
    margin-left:-2em;
  }
  .o-m .ul-t .li-top h5{
    font-size:2rem;
    margin-left:0em;
  }
  .o-m .ul-t .li-top p{
    margin-left:0em;
  }
  .o-m .ul-t .li-img {
    width: 52%;
    text-align: right;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
@media only screen and (min-width:1024px) {
	
  .o-m .ul-t .li-img {
    width: 74%;
    text-align: right;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  /*.o-m .ul-o {
    float: left;
    width: 320px;
    position: relative;
    background: #bfbdb9;
    margin-top: 62px;
    /*margin-left: 17em;
}*/
  .o-m .ul-t {
  	/*margin-left:21em;*/
    /* background: #f8f8f8; */
    /* width: 880px; */
    /* float: left; */
    height: 414px;
}
}
@media only screen and (min-width:1200px) {
	/*.o-m .ul-o {
    float: left;
    width: 320px;
    position: relative;
    background: #bfbdb9;
    margin-top: 62px;
    /*margin-left: 17em;
}*/
  .o-m .ul-t .li-top {
    padding: 25px 0 0 14em;
  }
  .o-m .ul-t .li-img {
    width: 88%;
    text-align: right;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
@media only screen and (min-width:1440px) {
  .o-m .ul-t .li-top {
		margin-left: -5em;
  }
  .o-m .ul-t .li-img {
    width: 88%;
    text-align: right;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .o-m .ul-o {
    /*margin-left: 31em;*/
}
}

.connect_img{
	margin-bottom: 1 em;
	text-align: center;
	}

.hezuo_img{
	margin-bottom: 2 em;
	text-align: center;
	}
	
.left_ban{
/*	margin-right: 15px;*/
	}
	
.right_ban{
/*		margin-left: 15px;*/
	}