@charset "utf-8";
/* CSS Document */
body{ font-size:12px; font-family: 'Hiragino Sans GB', "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial,\5b8b\4f53, sans-serif; color:#333; text-shadow: none; font-weight: normal;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, section, article, aside, header, footer, nav, dialog, figure{ margin: 0; padding: 0;}
fieldset,img,input,button{ border:0px;}
ul,ol,dl,li{ list-style:none;}
img,input,label,button { vertical-align:inherit; outline:none;}
img { vertical-align:top; outline:none;}
table {	border-collapse:collapse; border-spacing:0;}
a{ color:#333; text-decoration:none; text-shadow: none; font-weight: normal;}
a,img,button,input,textarea{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input{-webkit-appearance:none; border-radius:0;}
.clear{ clear:both;}
.clearfix{ zoom: 1;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.wbox { display:-webkit-flex!important; display:-webkit-box;}
.wbox-flex { -webkit-flex:1!important; -moz-flex:1!important; -webkit-box-flex:1; -moz-box-flex:1; word-wrap:break-word; word-break:break-all;}
.pr{ position:relative;}
.tr{ text-align:right;}
.fl{ float:left;}
.fr{ float:right;}
.bbox,p,div { box-sizing:border-box;}
.pt20{ padding-top:20px;}
.pb30{ padding-bottom:30px;}
.mt30{ margin-top:30px;}
.mb30{ margin-bottom:30px;}
.thxx-wrapper{ width:1100px; margin:0 auto;}

/* ÏìӦʽÈÝÆ÷ */
@media screen and (max-width: 1200px) {
  .thxx-wrapper {
    width: 95%;
  }
}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .thxx-wrapper {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
}

.header{ height:70px; border-bottom:1px solid #ddd;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .header {
    height: auto;
    padding: 10px 0;
  }
}

.topLogo{ float:left; margin:8px 50px 0 0; height:54px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .topLogo {
    float: none;
    display: block;
    text-align: center;
    margin: 0 auto 10px;
    height: auto;
  }
}

.topNav{ float:left;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .topNav {
    float: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.topNav li{ float:left; display: inline-block;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .topNav li {
    float: none;
  }
}

.topNav li a{ position: relative; display:inline-block; padding:0 20px; height:70px; font-size:16px; line-height:66px; font-family: 'Hiragino Sans GB', "Microsoft YaHei"; color:#000; box-sizing:border-box; transition:all .3s ease;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .topNav li a {
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}

.topNav li a:after { display: block; content: ''; position: absolute; width: 100%; height: 4px; bottom: 0px; left: 0; background: #2ad2c9; -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transition: -webkit-transform .3s cubic-bezier(.6,0,.3,1), opacity .2s; transition: transform .3s cubic-bezier(.6,0,.3,1), opacity .2s;}
.topNav li a:hover { color: #2ad2c9;}
.topNav li a.active:after,.topNav li a:hover:after { -webkit-transform: scale(1); transform: scale(1);}
.topNav li a.active { color: #2ad2c9 !important;}
.social-link{ float:right; margin:16px 0px 0px 0px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .social-link {
    float: none;
    text-align: center;
    margin: 10px 0 0 0;
  }
}

.social-link li{ float:left; margin:0 20px 0 0; position:relative;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .social-link li {
    float: none;
    display: inline-block;
  }
}

.social-link a{ display:inline-block;}
.social-link .link-ico{ display:inline-block; width:28px; height:28px; cursor:pointer;}
.social-link .link-ico.wechat{ background:url(../images/links-ico.png) 0px 0px no-repeat;}
.social-link .link-ico.wechat:hover{ background:url(../images/links-ico.png) -28px 0px no-repeat;}
.social-link .link-ico.weibo{ background:url(../images/links-ico.png) 0px -28px no-repeat;}
.social-link .link-ico.weibo:hover{ background:url(../images/links-ico.png) -28px -28px no-repeat;}
.wx-box{ position:absolute; width:160px; height:160px; border:1px solid #ddd; font-family:Arial,\5b8b\4f53, sans-serif; color:#2ad2c9; text-align:center; background:#fff; top:53px; left:-61px; z-index:999;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .wx-box {
    left: 50%;
    transform: translateX(-50%);
  }
}

.wx-box .arrow{ position:absolute; width:12px; height:12px; background:url(../images/box-arrow.png) 0px 0px no-repeat; top:-12px; left:74px;}
.wx-box .pic{ margin:10px 0px 5px 0px;}

.bg-color{ background:#fafafa;}
.bg-wrap{ width:100%; background:#fafafa;}
.fullpageApp{ width:100%; height:520px; background:url(../images/banner-bg.jpg) center center no-repeat #fafafa; }

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .fullpageApp {
    height: auto;
    padding: 20px 0;
    background-size: cover;
  }
}

.mockup-wrap{}
.download-guide{ float:right; width:660px; margin-top:50px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .download-guide {
    float: none;
    width: 100%;
    margin-top: 20px;
    text-align: center;
  }
}

.download-guide .title{}
.download-guide .description{ margin-top:60px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .download-guide .description {
    margin-top: 20px;
  }
}

.download-guide .buttons{ float:left; width:180px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .download-guide .buttons {
    float: none;
    width: 100%;
    margin: 20px 0;
  }
}

.download-guide .buttons .downapp{ display:inline-block; margin-bottom:20px; padding:0px 0px 0px 30px; width:150px; height:50px; font-size:18px; line-height:50px; color:#2ad2c9; border:1px solid #2ad2c9; border-radius:25px; transition:.3s all ease;}
.download-guide .buttons .downapp:hover{ color:#fff; background:#2ad2c9;}
.download-guide .buttons .downapp .ico{ display:inline-block; margin-right:15px; width:30px; height:30px; vertical-align:top; top:10px; position:relative;}
.download-guide .buttons .downapp .ico.ios{ background:url(../images/download-ico.png) 0px 0px no-repeat;}
.download-guide .buttons .downapp:hover .ico.ios{ background:url(../images/download-ico.png) -30px 0px no-repeat;}
.download-guide .buttons .downapp .ico.android{ background:url(../images/download-ico.png) 0px -30px no-repeat;}
.download-guide .buttons .downapp:hover .ico.android{ background:url(../images/download-ico.png) -30px -30px no-repeat;}
.download-guide .pin{ float:left; margin:0px 0px 0px 40px; width:145px; font-family:Arial,\5b8b\4f53, sans-serif; text-align:center;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .download-guide .pin {
    float: none;
    width: 100%;
    margin: 20px 0;
  }
}

.download-guide .pin .qr-pic{ margin-bottom:10px; width:130px; height:130px;}
.iphone{ position:absolute; top:50px; left:52px; width:268px; height:548px; background:url(../images/phone.png) 0px 0px no-repeat; transition:.5s all linear;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .iphone {
    position: relative;
    top: 0 !important;
    left: 50%;
    transform: translateX(-50%);
    margin: 20px 0;
    width: 180px;
    height: 368px;
    background-size: contain;
  }
}

.iphone:hover{ top:35px;}
.introwrap{ margin:0 auto; margin-top:170px; width:755px; position:relative;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .introwrap {
    margin-top: 50px;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
}

.introwrap .introtext{ margin:0 auto; width:455px; background:#fff; text-align:center; font-size:16px; line-height:26px; font-family: 'Hiragino Sans GB', "Microsoft YaHei"; position:relative; z-index:1000;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .introwrap .introtext {
    width: 100%;
  }
}

.introwrap .line{ position:absolute; width:100%; height:1px; background:#ddd; top:50%; left:0; z-index:1;}
.footer{ width:100%; margin:100px 0px 10px 0px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .footer {
    margin: 50px 0px 10px 0px;
  }
}

.footer.inner{ margin-top:50px;}
.copyright-txt{ float:left; height:30px; color:#999; font-family:Arial,\5b8b\4f53, sans-serif;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .copyright-txt {
    float: none;
    text-align: center;
    height: auto;
    margin-bottom: 10px;
  }
}

.hot-line{ float:right; height:30px; font-size:14px; color:#999; line-height:30px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .hot-line {
    float: none;
    text-align: center;
    height: auto;
  }
}

.hot-line .phone{ padding:0px 0px 0px 20px; font-size:28px; color:#2ad2c9;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .hot-line .phone {
    font-size: 20px;
    padding: 0;
  }
}

.big-page{ padding:10px 0 30px 0; text-align:right;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .big-page {
    text-align: center;
    padding: 10px 0 20px 0;
  }
}

.big-page a{ display:inline-block; margin:0 10px; width:40px; height:40px; font-size:20px; font-family: 'Hiragino Sans GB', "Microsoft YaHei"; border:1px solid #888; color:#888; text-align:center; line-height:40px; border-radius:20px 20px; transition:all .3s ease;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .big-page a,
  .big-page span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin: 0 5px;
  }
  
  .big-page a.prev,
  .big-page a.next {
    width: 80px;
  }
}

.big-page a:hover{ color:#2ad2c9; border-color:#2ad2c9;}
.big-page a:active{ color:#fff; border-color:#2ad2c9; background:#2ad2c9;}
.big-page a.current{ color:#2ad2c9; border-color:#2ad2c9;}
.big-page span{ display:inline-block; margin:0 10px; width:40px; height:40px; font-size:20px; border:1px solid #888; color:#888; text-align:center; line-height:40px; border-radius:50%; transition:all .3s ease;}
.big-page a.prev{ margin-left:0; width:100px; color:#2ad2c9; border-color:#2ad2c9;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .big-page a.prev {
    width: 80px;
  }
}

.big-page a.prev:hover{ color:#fff; border-color:#2ad2c9; background:#2ad2c9;}
.big-page a.prev.disabled{ color:#ccc; border-color:#ccc; background:none; cursor:default;}
.big-page a.next{ margin-right:0; width:100px; color:#2ad2c9; border-color:#2ad2c9;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .big-page a.next {
    width: 80px;
  }
}

.big-page a.next:hover{ color:#fff; border-color:#2ad2c9; background:#2ad2c9;}
.big-page a.next.disabled{ color:#ccc; border-color:#ccc; background:none; cursor:default;}

.news-header{ margin:0 auto; width:1100px; height:200px; border-radius:10px; overflow:hidden; background:#fff; background-image:url(../images/news-header-bg.jpg); background-repeat:no-repeat; background-position:right;}

@media screen and (max-width: 1200px) {
  .news-header {
    width: 95%;
  }
}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .news-header {
    width: 100%;
    height: 150px;
    background-size: cover;
    border-radius: 0;
  }
  
  .news-header h3 {
    margin: 30px 0 0 20px;
    font-size: 24px;
  }
}

.news-header h3{ margin:70px 0px 0px 50px; font-size:30px; line-height:66px; font-family: 'Hiragino Sans GB', "Microsoft YaHei";}
.news-header .short-info{ position:absolute; right:10px; top:10px;}
.news-pannels{ margin-top:40px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .news-pannels {
    margin-top: 20px;
  }
}

.news-pannels .pannel{ float:left; position:relative; width:350px; margin-bottom:30px; margin-right:25px; border-bottom:1px solid rgba(237,237,237,1);}

@media screen and (max-width: 1200px) {
  .news-pannels .pannel {
    width: calc(33.333% - 17px);
    margin-right: 25px;
  }
  
  .news-pannels .pannel:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .news-pannels .pannel {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.news-pannels .pannel:nth-child(3n){ margin-right:0px; }
.news-pannels .pannel:hover{ border-bottom:1px solid rgba(237,237,237,0);}
.news-pannels .shade { opacity: 0; filter: alpha(opacity=0); position: absolute; z-index: 1; top: -16px; right: -14px; bottom: 0; left: -14px; background-color: #fff; box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); transition:transform .5s;}
.news-pannels .shade:after { content:""; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border: 1px solid rgba(0, 0, 0, 0.05); transition:transform .5s;}
.news-pannels .pannel:hover .shade { opacity: 1; filter: alpha(opacity=100); transition:transform .5s;}
.news-pannels .pannel-content{ padding-bottom:40px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .news-pannels .pannel-content {
    padding-bottom: 20px;
  }
}

.news-pannels .pannel-img{ margin-bottom:30px; overflow:hidden;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .news-pannels .pannel-img {
    margin-bottom: 15px;
  }
}

.news-pannels .pannel-img img{ width:100%; height:auto; transform:scale(1); transition:transform .5s;}
.news-pannels .news-title{ margin-bottom:20px; font-size:18px; line-height:1.4em; font-family: 'Hiragino Sans GB', "Microsoft YaHei"; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-pannels .summary{ height:100px; font-size:14px; line-height:24px; color:#888; overflow:hidden; transition: color .5s; -webklt-transition: color .5s;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .news-pannels .summary {
    height: auto;
    margin-bottom: 15px;
  }
}

.news-pannels .news-date{ font-family: Arial,\5b8b\4f53, sans-serif; font-size:14px; color:#888; z-index: 2;}
.news-pannels a{ position:relative; display:block; width:100%; height:100%; z-index: 2;}
.news-pannels a:hover .pannel-img img{ transform:scale(1.05); transition:transform .5s;}
.news-pannels a:hover .summary{ color: #2ad2c9; transition:transform .5s;}

.enent_header_wrap{ height:600px; background:url(/Images/act/event_banner_01.jpg) center top no-repeat;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .enent_header_wrap {
    height: 300px;
    background-size: cover;
  }
}

.enent_nav{ height:60px; border-bottom:1px solid #ececec; background:#fff;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .enent_nav {
    height: auto;
    overflow-x: auto;
  }
}

.enent_nav .nav{ width:1100px; margin:0 auto;}

@media screen and (max-width: 1200px) {
  .enent_nav .nav {
    width: 95%;
  }
}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .enent_nav .nav {
    width: 100%;
    display: flex;
  }
}

.enent_nav .nav a{ margin:0px 10px; display:inline-block; height:58px; line-height:60px; font-size:16px; font-family: 'Hiragino Sans GB', "Microsoft YaHei"; color:#333;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .enent_nav .nav a {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    white-space: nowrap;
  }
}

.enent_nav .nav a:hover{ border-bottom:2px solid #2ad2c9;}
.enent_nav .nav a.active{ border-bottom:2px solid #2ad2c9;}
.enent_nav .nav .nav_right{ position:absolute; right:0; top:0;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .enent_nav .nav .nav_right {
    position: static;
  }
}

.enent_nav .nav .nav_right a{ display:inline-block; width:150px; height:60px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .enent_nav .nav .nav_right a {
    width: 100px;
    height: 40px;
  }
}

.enent_nav .nav .nav_right a:hover{ border:0;}
.enent_nav .nav .nav_right a.up{ background:url(/Images/act/event_upload.jpg) center top no-repeat;}
.event_title{ position:relative; font-size:22px; font-family: 'Hiragino Sans GB', "Microsoft YaHei"; color:#567a6c;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .event_title {
    font-size: 18px;
  }
}

.e_introduction{ padding:0 10px; font-size:16px; line-height:30px; font-family: 'Hiragino Sans GB', "Microsoft YaHei"; color:#567a6c;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .e_introduction {
    font-size: 14px;
    line-height: 24px;
  }
}

.e_introduction .emp{ color:#ea693f;}
.split_line{ height:1px; background:#ececec;}
.scan{ width:349px; height:250px; border-left:1px solid #567a6c; font-size:14px; color:#567a6c; text-align:center;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .scan {
    width: 100%;
    border-left: none;
    border-top: 1px solid #567a6c;
    padding-top: 20px;
    margin-top: 20px;
    height: auto;
  }
}

.e_organization{ font-size:16px; font-family: 'Hiragino Sans GB', "Microsoft YaHei"; color:#567a6c;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .e_organization {
    font-size: 14px;
  }
}

.e_organization span{ display:inline-block; vertical-align:middle;}
.e_organization .or_logo{ margin-left:30px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .e_organization .or_logo {
    margin-left: 10px;
  }
}

.e_works_list{ display:block; margin-right:-20px; color:#567a6c;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .e_works_list {
    margin-right: 0;
  }
}

.e_works_list li{ float:left; width:260px; margin-right:20px; margin-bottom:20px;}

@media screen and (max-width: 1200px) {
  .e_works_list li {
    width: calc(33.333% - 14px);
  }
}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .e_works_list li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.e_works_list .pics{ height:156px; width:260px; overflow:hidden; background:#ececec;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .e_works_list .pics {
    width: 100%;
    height: auto;
  }
}

.e_works_list .pics img{ width:100%; height:auto;}
.e_works_list h5{ padding-top:10px; color:#ea693f; font-size:14px; font-family: 'Hiragino Sans GB', "Microsoft YaHei"; font-weight:normal; white-space:nowrap; overflow:hidden;  text-overflow:ellipsis;}
.e_works_list .desc{ padding-top:5px;}
.e_works_list .user{}
.dosx{ position:absolute; bottom:0; right:0; font-size:14px; color:#567a6c; text-align:right;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .dosx {
    position: static;
    text-align: center;
    margin-top: 10px;
  }
}

.dosx a{ color:#567a6c;}
.dosx a:hover{ text-decoration:underline;}
.dosx a.active{ text-decoration:underline;}
.dosx span{ padding:0 5px;}
.dosx .total{ padding:0; font-size:20px; font-family: 'Hiragino Sans GB', "Microsoft YaHei";}

.event_list_wrap{ width:1100px; margin:0 auto; background:#fff;}

@media screen and (max-width: 1200px) {
  .event_list_wrap {
    width: 95%;
  }
}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .event_list_wrap {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
}

.event_top{ padding:30px; border-bottom:1px solid #ededed;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .event_top {
    padding: 20px 15px;
  }
}

.event_nav{ float:left;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .event_nav {
    float: left;
  }
}

.event_nav a{ display:inline-block; padding:0 12px; margin-right:10px; height:34px; line-height:34px; text-align:center; color:#5e5e5e; border:1px solid #ededed; border-radius:3px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .event_nav a {
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    margin-right: 5px;
  }
}

.event_nav a:hover{ color:#fff; background:#2ad2c9; border-color:#2ad2c9; transition:all .3s ease;}
.event_nav a.current{ color:#fff; background:#2ad2c9; border-color:#2ad2c9;}
.event_nav .grade-down{ display:inline-block; width:18px; height:12px; background:url(../images/grade_down_ico.png) 0 0 no-repeat; vertical-align:middle;}
.event_nav a:hover .grade-down{ background:url(../images/grade_down_ico_active.png) 0 0 no-repeat;}
.event_nav a.current .grade-down{ background:url(../images/grade_down_ico_active.png) 0 0 no-repeat;}
.event_nav .grade-up{ display:inline-block; width:18px; height:12px; background:url(../images/grade_up_ico.png) 0 0 no-repeat; vertical-align:middle;}
.event_nav a:hover .grade-up{ background:url(../images/grade_up_ico_active.png) 0 0 no-repeat;}
.event_nav a.current .grade-up{ background:url(../images/grade_up_ico_active.png) 0 0 no-repeat;}
.event_nav h3{ display:inline-block; margin-left:20px; height:34px; font-size:12px; font-weight:normal; line-height:34px; color:#5e5e5e;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .event_nav h3 {
    margin-left: 10px;
    height: 28px;
    line-height: 28px;
  }
}

.event_top .new_event{ float:right; display:inline-block; height:34px; font-size:14px; line-height:34px; color:#5e5e5e;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .event_top .new_event {
    float: right;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    display: block;
    text-align: center;
    margin-top: 10px;
  }
}

.event_top .new_event i{ display:inline-block; margin-right:10px; width:16px; height:16px; background:url(/Images/act/start_new_event.png) center top no-repeat; vertical-align:middle;}
.event_top .new_event:hover{ text-decoration:underline;}
.event_list{}
.event_list .emp{ color:#2ad2c9;}
.event_list li{ padding:30px 100px; border-bottom:1px solid #ededed;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .event_list li {
    padding: 20px 15px;
  }
}

.event_list li h2{ padding:0 0 5px 0; font-size:20px; font-weight:normal;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .event_list li h2 {
    font-size: 16px;
  }
}

.event_list li h2 .status{ padding:0 0 0 20px;}
.event_list li h2 a:hover{ color:#888;}
.event_list li .txt{ margin-bottom:10px; font-size:14px; color:#888;}
.event_list li .event_cover{ position:relative; width:900px; height:500px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .event_list li .event_cover {
    width: 100%;
    height: 200px;
  }
}

.event_list li .event_cover img{ width:100%; height:100%;}
.event_list li .event_cover .countdown{ position:absolute; top:20px; right:20px; padding:0 15px; height:30px; font-size:14px; line-height:30px; color:#fff; background:rgba(0,0,0,.8); border-radius:15px 15px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .event_list li .event_cover .countdown {
    top: 10px;
    right: 10px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    padding: 0 10px;
  }
}

.event_list_wrap .big-page{ padding-left:100px; padding-right:100px; padding-top:30px; border-bottom:1px solid #ededed;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .event_list_wrap .big-page {
    padding: 20px 15px;
  }
}

.event_list_wrap .event_footer_info{ margin:0 100px; padding:30px 0px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .event_list_wrap .event_footer_info {
    margin: 0 15px;
    padding: 20px 0;
  }
}

.event_list_wrap .event_footer_info h3{ margin:0 0 10px 0; font-size:20px; font-weight:normal;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .event_list_wrap .event_footer_info h3 {
    font-size: 16px;
  }
}

.event_list_wrap .event_footer_info .contact-list{}
.event_list_wrap .event_footer_info .contact-list li{ float:left; margin:0 30px 0 0; height:40px; line-height:40px; font-size:16px; color:#888;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .event_list_wrap .event_footer_info .contact-list li {
    float: none;
    display: block;
    height: auto;
    line-height: normal;
    margin: 0 0 15px 0;
    font-size: 14px;
  }
}

.event_list_wrap .event_footer_info .contact-list i{ margin-right:10px; display:inline-block; width:40px; height:40px; vertical-align:middle;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .event_list_wrap .event_footer_info .contact-list i {
    width: 30px;
    height: 30px;
    margin-right: 5px;
  }
}

.event_list_wrap .event_footer_info .contact-list i.phone{ background:url(/Images/act/event_ico_phone.png) center top no-repeat;}
.event_list_wrap .event_footer_info .contact-list i.wechat{ background:url(/Images/act/event_ico_wechat.png) center top no-repeat;}
.event_list_wrap .event_footer_info .contact-list i.email{ background:url(/Images/act/event_ico_email.png) center top no-repeat;}

.menu_nav{ border-bottom:1px solid #ededed;}
.menu_nav li{ float:left;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .menu_nav li {
    float: none;
    display: inline-block;
  }
}

.menu_nav a{ display:block; padding:0 20px; font-size:14px; line-height:50px; font-family: 'Hiragino Sans GB', "Microsoft YaHei"; text-align:center; border-top:4px solid transparent; transition:all .3s ease;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .menu_nav a {
    padding: 0 10px;
    font-size: 12px;
    line-height: 40px;
  }
}

.menu_nav a:hover{ background:#fff; box-shadow:0 0 2px rgba(0,0,0,.1); border-top:4px solid #2ad2c9;}
.menu_nav a.current{ background:#fff; box-shadow:0 0 2px rgba(0,0,0,.1); border-top:4px solid #2ad2c9;}

.exhibition_list_wrap{ width:1100px; margin:0 auto; background:#fff;}

@media screen and (max-width: 1200px) {
  .exhibition_list_wrap {
    width: 95%;
  }
}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .exhibition_list_wrap {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
}

.exhibition_list{ margin:30px 0px 0 0px; padding:0 10px; border-bottom:1px solid #ededed;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .exhibition_list {
    margin: 20px 0 0 0;
    padding: 0;
  }
}

.exhibition_list li{ float:left; margin:0 10px 20px; width:520px; height:181px; position:relative; overflow:hidden; transition:all .3s ease;}

@media screen and (max-width: 1200px) {
  .exhibition_list li {
    width: calc(50% - 15px);
    height: auto;
  }
  
  .exhibition_list li img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .exhibition_list li {
    float: none;
    width: 100%;
    margin: 0 0 15px 0;
    height: auto;
  }
  
  .exhibition_list li img {
    width: 100%;
    height: auto;
  }
}

.exhibition_list li:hover{ box-shadow:0 0 14px rgba(0,0,0,.4);}
.exhibition_list li img{ width:520px; height:181px; transition:all .5s ease;}
.exhibition_list .cover_title{ font-size:16px; font-family: 'Hiragino Sans GB', "Microsoft YaHei"; color:#fff; position:absolute; left:10px; bottom:10px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .exhibition_list .cover_title {
    font-size: 14px;
  }
}

.exhibition_list_wrap .big-page{ padding-right:20px; padding-top:30px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .exhibition_list_wrap .big-page {
    padding: 20px 0;
  }
}

.leftTab{ position:fixed; width:115px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .leftTab {
    position: static;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
  }
  
  .leftTab a {
    margin: 0 5px 10px;
  }
}

.leftTab{}
.leftTab a{ color: #333; font-size: 16px; line-height: 28px; width: 89px; text-align: center; height: 30px; display: block; margin-bottom: 15px;}
.leftTab a:hover{ color:#2ad2c9;}
.leftTab a.active{ color:#2ad2c9;}
.leftTab a:before { display: inline-block; margin-right: .8em; width: 4px; height: 4px; border-radius: 4px; vertical-align: 3px; background-color: #333; content: '';}
.leftTab a.active:before{ background-color: #2ad2c9;}
.rightContent { float: right; height: auto; min-height: 700px; padding-bottom: 50px; width: 860px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .rightContent {
    float: none;
    width: 100%;
    min-height: auto;
    padding-bottom: 20px;
  }
}

.about_header_pic{ height:260px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .about_header_pic {
    height: 150px;
  }
}

.chapter{ margin:20px 0 40px 0; padding:20px 0 0 0; height:30px; font-size:26px; font-weight:normal; line-height:30px; font-family: 'Hiragino Sans GB', "Microsoft YaHei";}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .chapter {
    margin: 10px 0 20px 0;
    font-size: 20px;
    height: auto;
    line-height: normal;
    padding: 10px 0 0 0;
  }
}

.chapter:before{ display:inline-block; margin-right: 30px; width: 4px; height: 30px; vertical-align: top; background-color: #2ad2c9; content: '';}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .chapter:before {
    margin-right: 15px;
    height: 24px;
  }
}

.thxx-slogan{ margin-bottom:30px; padding-left:34px; font-size:26px; font-weight:normal;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .thxx-slogan {
    margin-bottom: 20px;
    padding-left: 20px;
    font-size: 20px;
  }
}

.thxx-slogan .highlight{ color:#2ad2c9;}
.about_content{}
.about_content p{ position:relative; margin-bottom:10px; padding-left:32px; font-size:16px; line-height:34px; font-family: 'Hiragino Sans GB', "Microsoft YaHei"; color:#5e5e5e;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .about_content p {
    font-size: 14px;
    line-height: 24px;
    padding-left: 20px;
    margin-bottom: 5px;
  }
}

.about_content p:before{ position:absolute; left:0; top:14px; display:inline-block; width:4px; height:4px; background:#2ad2c9; border-radius:2px; content: '';}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .about_content p:before {
    top: 10px;
  }
}

.contact_title{ margin-bottom:10px; font-size:26px; font-weight:normal; font-family: 'Hiragino Sans GB', "Microsoft YaHei";}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .contact_title {
    font-size: 20px;
    margin-bottom: 5px;
  }
}

.contact_content{}
.contact_content h3{ margin-top:1em; font-size:20px; font-weight:normal; font-family: 'Hiragino Sans GB', "Microsoft YaHei"; color:#5e5e5e;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .contact_content h3 {
    font-size: 16px;
  }
}

.contact_text{ font-size:20px; font-family: 'Hiragino Sans GB', "Microsoft YaHei"; color:#2ad2c9;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .contact_text {
    font-size: 16px;
  }
}

.partner_wrap{ background:#fff;}
.partner_wrap .event_top{ padding:15px 30px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .partner_wrap .event_top {
    padding: 15px;
  }
}

.mid-tittle{ font-size:16px; font-weight:normal; line-height:34px; vertical-align:middle;}
.partner_list{ padding:20px 30px 20px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .partner_list {
    padding: 20px 15px;
  }
}

.partner_list li{ margin:20px 0px 0px 0px; font-size:0;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .partner_list li {
    margin: 10px 0 0 0;
  }
  
  .partner_list li:nth-child(2n) {
    display: block;
  }
}

.partner_list li:nth-child(2n){ display:none;}
.partner_list .brand-content{ display:inline-block; margin:0 22px 0 0; width:190px; height:120px; line-height:120px; text-align:center; border:1px solid #ededed; box-sizing:border-box; position:relative;}

@media screen and (max-width: 1200px) {
  .partner_list .brand-content {
    width: calc(20% - 18px);
    margin: 0 15px 0 0;
  }
  
  .partner_list .brand-content:nth-child(5n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .partner_list .brand-content {
    width: calc(50% - 10px);
    margin: 0 10px 10px 0;
    height: 80px;
    line-height: 80px;
  }
  
  .partner_list .brand-content:nth-child(5n) {
    margin-right: 10px;
  }
  
  .partner_list .brand-content:nth-child(2n) {
    margin-right: 0;
  }
}

.partner_list .brand-content:nth-child(5n){ margin-right:0;}
.partner_list .brand-content img{ display:inline-block; vertical-align:middle; zoom:1;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .partner_list .brand-content img {
    max-width: 80%;
    max-height: 80%;
  }
}

.brand-link{ width: 100%; height: 100%; display:block; font-size:16px; color:#fff; text-align:center; background:rgba(0,0,0,.5); transition: transform .3s , opacity .5s; position:absolute; opacity: 0; filter: alpha(opacity=0);}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .brand-link {
    font-size: 14px;
  }
}

.brand-link:hover{ opacity: 1; filter: alpha(opacity=100);}
.partner_list .brand-content.active{ border:1px solid #ccc;}
.partner_list .brand-content:after{ position:absolute; left:50%; margin-left:-10px; bottom:-20px; content:""; height: 20px;	width: 24px; background:url(/Images/brand-activity-box-arrow.png) 0 0 no-repeat; opacity: 0; filter: alpha(opacity=0); z-index:1;}
.partner_list .brand-content.active:after{ opacity: 1; filter: alpha(opacity=100);}

.brand-activity-box{ margin-top:-2px; padding:10px 30px 10px 30px; font-size:0px; background:#f7f7f7; border-top:1px solid #ededed; border-bottom:1px solid #ededed; z-index:2;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .brand-activity-box {
    padding: 10px 15px;
  }
}

.brand-activity-box .activity li{ float:left; display:inline-block; margin:10px 30px 10px 0px; width:475px; height:266px; overflow:hidden; background:#3FF;}

@media screen and (max-width: 1200px) {
  .brand-activity-box .activity li {
    width: calc(50% - 15px);
    margin: 10px 15px 10px 0;
  }
  
  .brand-activity-box .activity li:nth-child(2n) {
    margin: 10px 0 10px 15px;
  }
}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .brand-activity-box .activity li {
    float: none;
    width: 100%;
    height: auto;
    margin: 10px 0;
  }
  
  .brand-activity-box .activity li:nth-child(2n) {
    margin: 10px 0;
  }
}

.brand-activity-box .activity li:nth-child(2n){ margin:10px 0px 0px 0px;}
.brand-activity-box .activity img{ height:266px; width:auto; vertical-align:top;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .brand-activity-box .activity img {
    width: 100%;
    height: auto;
  }
}

.brand-activity-box .icon-close{ display:inline-block; width:44px; height:44px; font-size:14px; background:url(/Images/close_black.png) 0 0 no-repeat; background-color:#f2f2f2; transition:ease .2s;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .brand-activity-box .icon-close {
    width: 30px;
    height: 30px;
  }
}

.brand-activity-box .icon-close:hover{ background-color:#eaeaea;}

.partner_wrap .contact{ padding:40px 0 40px 0; font-size:16px; text-align:center; border-bottom:1px solid #ededed;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .partner_wrap .contact {
    padding: 20px 0;
    font-size: 14px;
  }
}

.partner_wrap .contact .txt{ margin:0 0 20px 0;}
.partner_wrap .contact .sent-btn{ display:inline-block; width:170px; height:50px; line-height:50px; color:#fff; background:#2ad2c9;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .partner_wrap .contact .sent-btn {
    width: 140px;
    height: 40px;
    line-height: 40px;
  }
}

.partner_wrap .contact .sent-btn:hover{ background:#30e3d9;}

.search_wrap{ width:auto; font-size:0;}
.search_wrap .input-group,.button-group{ display:inline-block; vertical-align:middle;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .search_wrap .input-group,
  .search_wrap .button-group {
    /*display: block;
    width: 100%;*/
  }
}

.search_wrap .input-group .search-text{ width:308px; height:32px; padding:0 0 0 10px; font-size:14px; line-height:32px; color:#333; border:1px solid #e2e2e2; border-top-left-radius:3px; border-bottom-left-radius:3px;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .search_wrap .input-group .search-text {
    /* width: calc(100% - 40px);*/
    height: 32px;
    line-height: 32px;
    border-radius: 3px 0 0 3px;
  }
}

.search_wrap .input-group .search-text:hover{ border-color:#b6d889; box-shadow: inset 0 1px 1px rgba(0,0,0,.09); transition:all .3s ease;}
.search_wrap .button-group .btn{ width:40px; height:34px; font-size:0; line-height:34px; text-align:center; background:#2ad2c9; border-top-right-radius:3px; border-bottom-right-radius:3px; cursor:pointer;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .search_wrap .button-group .btn {
    width: 40px;
    height: 32px;
    line-height: 32px;
  }
}

.search_wrap .button-group .btn:active{ background:#1ac3ba;}
.search_wrap .button-group .search-ico{ display:inline-block; width:16px; height:16px; background:url(/Images/search-ico.png) 0 0 no-repeat; vertical-align:-20%;}

@media screen and (max-width: 768px),
       screen and (max-device-width: 768px),
       screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 2),
       screen and (max-width: 1024px) and (min-resolution: 192dpi),
       screen and (max-width: 1024px) and (orientation: portrait) {
  .search_wrap .button-group .search-ico {
    vertical-align: -6px;
  }
}