.hide {
    display: none;
}
.footer-bottom .copyright-row[data-v-d023a698] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.copyright-text[data-v-d023a698] {
  margin: 0
}

@media screen and (min-width: 750px) {
  .conac-icon[data-v-d023a698] {
    margin: 16px 0 0 16px
  }
}

@media (max-width: 750px) {
  .footer-bottom[data-v-d023a698] {
    height: 3rem
  }

  .footer-bottom .copyright-row[data-v-d023a698] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .conac-icon[data-v-d023a698] {
    margin-left: 0
  }
}

@media screen and (min-width: 750px) {
  .index-banner {
    background: url(../images/index-banner.8e572516.jpg) no-repeat center 0;
    height: 479px;
    width: 100%;
  }

  .main-first {
    overflow: hidden;
    padding: 40px 0
  }

  .main-first h2 {
    color: #00a1b4;
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 30px
  }

  .main-first h3 {
    font-weight: 700
  }

  .main-first h3, .main-first p {
    color: #3a4045;
    font-size: 18px;
    line-height: 30px
  }

  .main-first-left {
    float: left;
    width: 340px;
    margin-right: 70px
  }

  .main-first-center {
    float: left;
    width: 406px
  }

  .main-first-right {
    float: right
  }

  .main-first-right img {
    width: 364px;
    height: 244px;
    border-radius: 8px
  }

  .icon01 {
    width: 27px;
    height: 27px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQzYxQzIyQjY2MUIxMUVCOUY2NUZERUREMTBCN0ZCQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQzYxQzIyQzY2MUIxMUVCOUY2NUZERUREMTBCN0ZCQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVDNjFDMjI5NjYxQjExRUI5RjY1RkRFREQxMEI3RkJBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVDNjFDMjJBNjYxQjExRUI5RjY1RkRFREQxMEI3RkJBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IZTutwAAAs9JREFUeNqsll2IjFEYx2deY4VGyfrctXuDjUThysfN4GKbCyJSGFzs5orUyqbYD8pu+WjJ1kqxU0q+1sUOifWRRG6ItAmpRclHTXY32+4yfifPq2dO877vzOapX+85z5z3/Oec8zzPe8Kh9s5QgE2DDbAKFsBMGAW/4SO8gLtwKZOIf/KbKOwjVg4NsEUmD7KMEYQDiL4pRGwnHIexocJtEOqgGdGMn5hZQStUWxP0gxl4H95BL0RhDsQgDmOsd8wqtyI46CV2BqpUfwCaoAXSOfcuEQ+Fk6limrWwGyKW4CZ3hY61dVroLSyRc0v7HlYi/g1qaC4DHSQbYZ/bccXK4JgltBReecw/3kP0KY8VlmADK5+txRphnNq6tfDVQ+g69EGXh+B7HutgWFxFcMgVmwqb1fgmnxWVwBppm8CY4bPCk3o7WV2JIwkbUVHX4nM8o61+kc/YI5IGfwMRQUcqg2udQcGQr5mg4XFTuWJGbKFyPAj9X7un2vMdiUQdhYXY5IDfu1W71LFyrS/g5QGr38XBb/cZ/1O1I0bol3JEA8Q+w1Fr/DkEr8KkgHwcMmIflKMij63bK3mkA8n0XyK42Bo7T7V7jNhz5ViZ51l1SGA9Ub7pUGONW63azxyrElRCcZ6CPVKampXv4b8Kn0yVWWK3HKnMQypJ9xcQjcPkU61s1yLareq3evXRNYF1xVSOL3AB3KjaBZfhcQEJ3J31kUymzA7tUK42xqTdsD+owt78m2swayRZjJC5p1xUru9wWFd9E5F7rEvOI1heoFClnNsE5a6S0pWV0GfhlOpPkfJ12qu6K5FyOE/zhiVUj1CH17XAVOcT8nnPCgS4I5H7Wu4gZtK5Ushj1h83VodQYz63q22yyugIjs1sWbVekX0tsK1dqklbjnroZf1y/avIJRR0SXVtIqxXN+JSWfEPCSxTgW6bCEak12+iPwIMAGdqyVPGoKdLAAAAAElFTkSuQmCC) no-repeat
  }

  .icon01, .icon02 {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
  }

  .icon02 {
    width: 29px;
    height: 31px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAfCAYAAAAbW8YEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQUExM0U4MjY2MUIxMUVCQkNGQUY4M0ZFRUFBMjNDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQUExM0U4MzY2MUIxMUVCQkNGQUY4M0ZFRUFBMjNDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZBQTEzRTgwNjYxQjExRUJCQ0ZBRjgzRkVFQUEyM0MxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZBQTEzRTgxNjYxQjExRUJCQ0ZBRjgzRkVFQUEyM0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+G7OXbAAAAmdJREFUeNq8lk1IVUEUx+99PskyMIJCSIhHqYt0ketHgZiILgR50UZCQUTeUkgQNSEhJBA/sFUpKgiKmxYJmvgBoSBYO8HPhRKKoOFnmubT/8Fz4ZEzc2fuQw/8uLwz8+Y/H2fOGdvq/mpp2m1QAopAFkgCEbAExkDH2euCGZ2BbE3REPgI7rv06wdhiP9WdfJpCNaCAQ1Bsldg2u4ZTIlFtAw0WGb2GAxBONGLKM221fJmT8A7L6JV4JakbRd8B7OK/4ex2nsmojZ4KWnrAg/AM5ABsoEocBJAoYloJkgW+H/yOe87DkTqOD7lknFyTUQDEn8fOBX4v4A/Av8jE9GbEv+RyInV0kSOBU3xJqIrEn++MAB6BoP43BE0rZqI/gA7An8eqPxP8CE+nyXjjJqI0lb1StqaeFJt3IeuTbqg3wnHwCXzK+5ZM0elqE8Wo7JOnPW6aXKg6tHiMSNR8qj3mnspla15EK3DKje8iu6BUkNBShbtOlXmKRgGf+naRUFR+Q180BTcAsVYZUTVyc+Ck5KEEMffGg6cHMVYFK0hCLoeB620kQXpTqVxsndwtvYfF4A5xVgVEJzQ2Q4fVwmLr8eiou82eAGWBW3VEOzUPXQfP67c7qxjv3iLF6LrLgQbTSKNHmbDXIKoKFdoXpG74D09S7jCuNkBJnYSLUq1c4qfmFdlZ7wo2pVp5wmawQH1/IrF6UoGbYPHtiWppe5nePEk/cRVasJnXYNhYhSAYf4ZvBZRthv8jfhjGIQmHMDWbWn0TY16Q4/EIkqB98ZDyauKRXSTE8shp0mVHXP1eYvznT8XYADXA5teF4xHAwAAAABJRU5ErkJggg==) no-repeat
  }

  .main-second {
    padding-bottom: 35px
  }

  .main-second ul {
    overflow: hidden;
    margin-right: -50px
  }

  .main-second li {
    float: left;
    width: 390px;
    height: 438px;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 35px;
    position: relative
  }

  .main-second li:hover .img-shade,
  .main-second li:hover .shade-txt {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  .img-shade {
    background-color: #000;
    opacity: .3;
    width: 100%;
    left: 0
  }

  .img-shade, .shade-txt {
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(438px);
    transform: translateY(438px);
    -webkit-transition: all .5s;
    transition: all .5s
  }

  .shade-txt {
    left: 0;
    color: #fff;
    font-weight: 700;
    font-size: 26px;
    width: 80%;
    left: 10%;
    line-height: 100%;
    display: table
  }

  .shade-txt p {
    height: 100%;
    line-height: 35px;
    display: table-cell;
    vertical-align: middle
  }

  .main-second li img {
    width: 390px;
    height: 438px
  }

  .mian-thirdly {
    overflow: hidden
  }

  .index-title {
    padding-top: 25px;
    padding-bottom: 20px;
    color: #333;
    font-size: 26px;
    font-weight: 700
  }

  .index-title a {
    color: #333
  }

  .mian-thirdly ul {
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .mian-thirdly li, .mian-thirdly ul {
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .mian-thirdly li {
    width: 390px;
    height: 300px;
    background-color: #f5f5f5;
    margin-bottom: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .mian-thirdly li:hover {
    border-bottom: 2px solid #00a1b4
  }

  .mian-thirdly-img {
    overflow: hidden;
    width: 367px;
    height: 214px;
    margin: 12px auto 10px
  }

  .mian-thirdly li img {
    width: 367px;
    height: 214px;
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .5s;
    transition: transform .5s
  }

  .mian-thirdly li:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  .mian-thirdly li p {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    text-align: center;
    line-height: 30px
  }
}

@media screen and (max-width: 750px) {
  .index-banner {
    background: url(../images/index-banner.8e572516.jpg) no-repeat center 0;
    background-size: 100% 100%;
    height: 2.506667rem;
    width: 100%
  }

  .main-first {
    overflow: hidden;
    padding-top: 1.5rem
  }

  .main-first h2 {
    color: #00a1b4;
    font-size: .4rem;
    font-weight: 700;
    padding: .4rem 0
  }

  .main-first h3 {
    font-weight: 700
  }

  .main-first h3, .main-first p {
    color: #3a4045;
    font-size: .32rem;
    line-height: .6rem
  }

  .main-first-center, .main-first-left {
    width: 100%
  }

  .main-first-right {
    width: 100%;
    padding: .4rem 0
  }

  .main-first-right img {
    width: 100%;
    border-radius: .106667rem
  }

  .icon01 {
    height: .5rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQzYxQzIyQjY2MUIxMUVCOUY2NUZERUREMTBCN0ZCQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQzYxQzIyQzY2MUIxMUVCOUY2NUZERUREMTBCN0ZCQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVDNjFDMjI5NjYxQjExRUI5RjY1RkRFREQxMEI3RkJBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVDNjFDMjJBNjYxQjExRUI5RjY1RkRFREQxMEI3RkJBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IZTutwAAAs9JREFUeNqsll2IjFEYx2deY4VGyfrctXuDjUThysfN4GKbCyJSGFzs5orUyqbYD8pu+WjJ1kqxU0q+1sUOifWRRG6ItAmpRclHTXY32+4yfifPq2dO877vzOapX+85z5z3/Oec8zzPe8Kh9s5QgE2DDbAKFsBMGAW/4SO8gLtwKZOIf/KbKOwjVg4NsEUmD7KMEYQDiL4pRGwnHIexocJtEOqgGdGMn5hZQStUWxP0gxl4H95BL0RhDsQgDmOsd8wqtyI46CV2BqpUfwCaoAXSOfcuEQ+Fk6limrWwGyKW4CZ3hY61dVroLSyRc0v7HlYi/g1qaC4DHSQbYZ/bccXK4JgltBReecw/3kP0KY8VlmADK5+txRphnNq6tfDVQ+g69EGXh+B7HutgWFxFcMgVmwqb1fgmnxWVwBppm8CY4bPCk3o7WV2JIwkbUVHX4nM8o61+kc/YI5IGfwMRQUcqg2udQcGQr5mg4XFTuWJGbKFyPAj9X7un2vMdiUQdhYXY5IDfu1W71LFyrS/g5QGr38XBb/cZ/1O1I0bol3JEA8Q+w1Fr/DkEr8KkgHwcMmIflKMij63bK3mkA8n0XyK42Bo7T7V7jNhz5ViZ51l1SGA9Ub7pUGONW63azxyrElRCcZ6CPVKampXv4b8Kn0yVWWK3HKnMQypJ9xcQjcPkU61s1yLareq3evXRNYF1xVSOL3AB3KjaBZfhcQEJ3J31kUymzA7tUK42xqTdsD+owt78m2swayRZjJC5p1xUru9wWFd9E5F7rEvOI1heoFClnNsE5a6S0pWV0GfhlOpPkfJ12qu6K5FyOE/zhiVUj1CH17XAVOcT8nnPCgS4I5H7Wu4gZtK5Ushj1h83VodQYz63q22yyugIjs1sWbVekX0tsK1dqklbjnroZf1y/avIJRR0SXVtIqxXN+JSWfEPCSxTgW6bCEak12+iPwIMAGdqyVPGoKdLAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%
  }

  .icon01, .icon02 {
    width: .5rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: .133333rem
  }

  .icon02 {
    height: .55rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAfCAYAAAAbW8YEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQUExM0U4MjY2MUIxMUVCQkNGQUY4M0ZFRUFBMjNDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQUExM0U4MzY2MUIxMUVCQkNGQUY4M0ZFRUFBMjNDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZBQTEzRTgwNjYxQjExRUJCQ0ZBRjgzRkVFQUEyM0MxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZBQTEzRTgxNjYxQjExRUJCQ0ZBRjgzRkVFQUEyM0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+G7OXbAAAAmdJREFUeNq8lk1IVUEUx+99PskyMIJCSIhHqYt0ketHgZiILgR50UZCQUTeUkgQNSEhJBA/sFUpKgiKmxYJmvgBoSBYO8HPhRKKoOFnmubT/8Fz4ZEzc2fuQw/8uLwz8+Y/H2fOGdvq/mpp2m1QAopAFkgCEbAExkDH2euCGZ2BbE3REPgI7rv06wdhiP9WdfJpCNaCAQ1Bsldg2u4ZTIlFtAw0WGb2GAxBONGLKM221fJmT8A7L6JV4JakbRd8B7OK/4ex2nsmojZ4KWnrAg/AM5ABsoEocBJAoYloJkgW+H/yOe87DkTqOD7lknFyTUQDEn8fOBX4v4A/Av8jE9GbEv+RyInV0kSOBU3xJqIrEn++MAB6BoP43BE0rZqI/gA7An8eqPxP8CE+nyXjjJqI0lb1StqaeFJt3IeuTbqg3wnHwCXzK+5ZM0elqE8Wo7JOnPW6aXKg6tHiMSNR8qj3mnspla15EK3DKje8iu6BUkNBShbtOlXmKRgGf+naRUFR+Q180BTcAsVYZUTVyc+Ck5KEEMffGg6cHMVYFK0hCLoeB620kQXpTqVxsndwtvYfF4A5xVgVEJzQ2Q4fVwmLr8eiou82eAGWBW3VEOzUPXQfP67c7qxjv3iLF6LrLgQbTSKNHmbDXIKoKFdoXpG74D09S7jCuNkBJnYSLUq1c4qfmFdlZ7wo2pVp5wmawQH1/IrF6UoGbYPHtiWppe5nePEk/cRVasJnXYNhYhSAYf4ZvBZRthv8jfhjGIQmHMDWbWn0TY16Q4/EIkqB98ZDyauKRXSTE8shp0mVHXP1eYvznT8XYADXA5teF4xHAwAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%
  }

  .main-second {
    padding-bottom: .466667rem
  }

  .main-second ul {
    overflow-x: scroll;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .main-second li {
    width: 7rem;
    overflow: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-right: .2rem
  }

  .shade-txt {
    color: #333;
    font-weight: 700;
    font-size: .32rem;
    line-height: .56rem
  }

  .img-shade {
    display: none
  }

  .main-second li img {
    width: 100%;
    display: block;
    border-radius: .106667rem
  }

  .mian-thirdly {
    overflow: hidden
  }

  .index-title {
    padding-top: .4rem;
    padding-bottom: .4rem;
    color: #333;
    font-size: .5rem;
    font-weight: 700
  }

  .index-title a {
    color: #333
  }

  .mian-thirdly li, .mian-thirdly ul {
    overflow: hidden;
    width: 100%
  }

  .mian-thirdly li {
    background-color: #f5f5f5;
    margin-bottom: .4rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .mian-thirdly-img {
    overflow: hidden;
    width: 100%
  }

  .mian-thirdly li img {
    width: 100%;
    display: block
  }

  .mian-thirdly li p {
    font-size: .32rem;
    color: #333;
    font-weight: 700;
    text-align: center;
    line-height: .5rem;
    padding: .2rem 0
  }
}

@media screen and (min-width: 750px) {
  .about-content {
    width: 870px;
    margin: 40px auto
  }

  .about-content img {
    display: block;
    margin: 30px auto
  }

  .about-content h2 {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    color: #5b6571
  }

  .about-content p {
    font-size: 16px;
    color: #5b6571;
    line-height: 20px;
    padding-bottom: 20px;
    text-indent: 2em
  }

  .virtual-tours {
    background-color: #f2f2f2;
    border-radius: 8px;
    overflow: hidden;
    margin: 30px 0 60px;
    padding: 20px 60px 50px
  }

  .virtual-tours-top {
    height: 60px;
    background-color: #00a1b4;
    overflow: hidden;
    color: #fff;
    border-radius: 8px
  }

  .virtual-tours-top ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px
  }

  .virtual-tours-top li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 18px;
    cursor: pointer;
    position: relative;
    padding: 0 20px
  }

  .virtual-tours-top li:after {
    height: 30px;
    background-color: #fff;
    overflow: hidden;
    width: 1px;
    content: " ";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px
  }

  .virtual-tours-box {
    margin-top: 30px;
    overflow: hidden
  }

  .virtual-tours-left {
    width: 167px;
    float: left;
    padding-top: 20px
  }

  .virtual-tours-left li {
    min-height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 20px;
    font-weight: blod;
    color: #7d7d7d;
    background-color: #fff;
    border: 2px solid #fff;
    border-radius: 8px;
    margin-bottom: 30px;
    cursor: pointer
  }

  .virtual-tours-left li.selected, .virtual-tours-left li:hover {
    background-color: none;
    color: #00a1b4;
    border: 2px solid #00a1b4
  }

  .virtual-tours-video {
    width: 872px;
    height: 480px;
    background-color: #fff;
    float: right;
    border-radius: 8px
  }
}

@media screen and (max-width: 750px) {
  .about-content {
    width: 100%;
    margin: .5rem auto
  }

  .about-content img {
    display: block;
    max-width: 100% !important;
    height: auto !important;
    margin: .4rem auto
  }

  .about-content h2 {
    text-align: center;
    padding-top: .3rem;
    font-size: .5rem;
    font-weight: 700;
    color: #5b6571
  }

  .about-content p {
    font-size: .32rem;
    color: #5b6571;
    line-height: .4rem;
    padding-bottom: .2rem;
    text-indent: 2em
  }

  .virtual-tours {
    border-radius: .106667rem;
    overflow: hidden;
    margin: .4rem 0
  }

  .virtual-tours-top {
    background-color: #00a1b4;
    overflow: hidden;
    color: #fff;
    margin-top: .3rem
  }

  .virtual-tours-top ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .3rem
  }

  .virtual-tours-top li {
    font-size: .4rem;
    cursor: pointer;
    position: relative;
    padding: 0 .266667rem;
    line-height: .6rem;
    border: 1px solid #fff;
    margin: .2rem 0
  }

  .virtual-tours-box {
    margin-top: .4rem;
    overflow: hidden
  }

  .virtual-tours-left {
    width: 100%;
    padding-top: .2rem
  }

  .virtual-tours-left ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .virtual-tours-left li {
    line-height: .6rem;
    text-align: center;
    font-size: .4rem;
    font-weight: blod;
    color: #7d7d7d;
    background-color: #fff;
    border: 2px solid #fff;
    margin-bottom: .4rem;
    cursor: pointer;
    padding: 0 .3rem
  }

  .virtual-tours-left li.selected {
    background-color: none;
    color: #00a1b4;
    border: 2px solid #00a1b4
  }

  .virtual-tours-video {
    width: 100%;
    height: auto;
    background-color: #fff
  }
}

@media screen and (min-width: 750px) {
    .exchanges-box {
        margin-top: 40px
    }
  .exchanges {
    background-color: #f2f2f2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 35px;
  }
  .exchanges img {
    display: block;
    float: left;
    width: 592px;
    height: 408px;
      padding: 20px 0 20px 20px;
  }

  .exchanges-right {
    float: right;
    width: 480px;
    margin-left: 50px;
      padding: 20px 20px 20px 0;
      height: 408px;
      overflow-y: auto;
  }

  .exchanges-right h2 {
    font-size: 26px;
    color: #515151;
    font-weight: 700;
    padding-top: 25px;
    padding-bottom: 30px
  }

  .exchanges-right p {
    color: #515151;
    font-size: 16px;
    line-height: 20px
  }
}

@media screen and (max-width: 750px) {
  .exchanges {
    background-color: #f2f2f2;
    overflow: hidden;
    padding: .4rem;
    margin: .5rem 0
  }

  .exchanges img {
    display: block;
    width: 100%
  }

  .exchanges-right {
    width: 100%
  }

  .exchanges-right h2 {
    font-size: .4rem;
    color: #515151;
    font-weight: 700;
    padding-top: .3rem;
    padding-bottom: .4rem
  }

  .exchanges-right p {
    color: #515151;
    font-size: .32rem;
    line-height: .5rem
  }
}

@media screen and (min-width: 750px) {
  .channel-title {
    border: 2px solid #00a1b4;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    font-size: 24px;
    padding: 0 15px;
    color: #00a1b4;
    font-weight: 700;
    margin-top: 50px;
    margin-bottom: 15px
  }

  .channel-gray {
    background-color: #f2f2f2;
    overflow: hidden
  }

  .channel-box {
    padding-bottom: 50px
  }

  .channel-box, .spaces-box {
    border-radius: 8px;
    margin-bottom: 60px
  }

  .directions-map {
    height: 520px
  }

  .directions-box {
    padding: 0 3px
  }

  .control-box, .directions-box {
    border-radius: 8px;
    margin-bottom: 90px;
    margin-top: 20px
  }

  .control-box {
    padding: 0 20px 30px
  }

  .control-box p {
    padding: 30px 10px;
    font-size: 16px;
    color: #5b6571;
    line-height: 26px
  }

  .instructions-box {
    border-radius: 8px;
    margin-bottom: 90px;
    margin-top: 20px;
    padding: 15px 20px 30px
  }

  .instructions-box p {
    padding: 15px 10px;
    font-size: 16px;
    color: #5b6571;
    line-height: 26px
  }

  .directions-box h2 {
    color: #00a1b4;
    font-size: 16px;
    font-weight: 700;
    height: 20px;
    line-height: 20px;
    padding-left: 20px;
    margin-top: 30px;
    margin-bottom: 10px
  }

  .directions-line {
    background-color: #cdcdcd;
    overflow: hidden;
    height: 1px;
    display: block
  }

  .directions-box p {
    padding: 0 10px;
    font-size: 16px;
    color: #5b6571;
    line-height: 26px;
    text-indent: 2em;
    padding-bottom: 30px
  }

  .visit-txt {
    color: #5b6571;
    font-size: 22px;
    line-height: 28px;
    padding: 30px 10px
  }

  .spaces-list, .visit-list {
    overflow: hidden
  }

  .spaces-list {
    padding-top: 45px;
    padding-bottom: 30px
  }

  .spaces-list li {
    float: left;
    background-color: #fff;
    border-radius: 8px;
    padding: 60px 25px 0;
    width: 150px;
    height: 240px;
    margin-left: 35px;
    position: relative
  }

  .spaces-list li h3 {
    position: absolute;
    width: 52px;
    height: 52px;
    background-color: #00a1b4;
    border-radius: 50%;
    text-align: center;
    line-height: 52px;
    color: #fff;
    font-weight: 700;
    font-size: 30px;
    top: -26px;
    left: 50%;
    margin-left: -26px
  }

  .spaces-list li p {
    color: #5b6571;
    font-size: 16px;
    line-height: 24px
  }

  .visit-list li {
    float: left;
    background-color: #fff;
    border-radius: 8px;
    margin-left: 40px;
    height: 170px;
    text-align: center;
    padding: 0 30px
  }

  .visit-list li h3 {
    border-radius: 3px;
    background-color: #00a1b4;
    height: 27px;
    line-height: 27px;
    padding: 0 12px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    display: inline-block;
    margin-top: 18px;
    margin-bottom: 28px
  }

  .visit-list li p {
    color: #5b6571;
    font-size: 16px;
    line-height: 24px
  }

  .icon03 {
    width: 17px;
    height: 19px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAYAAAB2pebxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4RUJBRTk3RDY2RjIxMUVCQjExNzhEMDVFRTRBMzBCNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4RUJBRTk3RTY2RjIxMUVCQjExNzhEMDVFRTRBMzBCNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhFQkFFOTdCNjZGMjExRUJCMTE3OEQwNUVFNEEzMEI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhFQkFFOTdDNjZGMjExRUJCMTE3OEQwNUVFNEEzMEI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LwQYMQAAAUVJREFUeNqs07tLw1AUx/GbNFrFBzjonyDoLroWdBJBFEcVVwUHERQ33ZwcXBSE2sHJxyBuPsBdZ/8GFx8Fn1Tj98AvEoSkje2BD7m9vTm59+TEc6WzWefcCtrhu9rjG28oeiQJXZ0R4As5LOBA817KPdFDR3Bo91uSd7ShF0OxRdWiT9dPO84zg846TlMO/kycamfVogljKkcYqB4Wi9jOsIMJHCPvK5vFZcZjXOja4ut9OxU3SzRH/WK7qOjHJpbxWkOCPNY0fokXtoDbf7yd0HcNCD/WnTvoxqQ1UEq3zqMH61HXW7NZDVrRjzv98YCuhI8uFyvsh7W9r8ax2MM4thISRDsvad2J5ioN+4qnsKR2L2j+JqUmAxpfq7eKluRIppVkDvspDx7GOa6wEc6M/rZ8h5qtjEEtTIonPGIVu7j/EWAAzeZGH3bYlPYAAAAASUVORK5CYII=) no-repeat
  }

  .icon03, .icon04 {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
  }

  .icon04 {
    width: 19px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQzg0Nzc1NTY2RjIxMUVCQjYyOUIwRUJENDEzRkJCQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQzg0Nzc1NjY2RjIxMUVCQjYyOUIwRUJENDEzRkJCQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJDODQ3NzUzNjZGMjExRUJCNjI5QjBFQkQ0MTNGQkJCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJDODQ3NzU0NjZGMjExRUJCNjI5QjBFQkQ0MTNGQkJCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5A9PPgAAAWtJREFUeNqk1E8oBFEcwPGZtUsRUZyEclEuSsnBTblYBxwkshcpZ2cX5erg5OC0ijhxsG7OLgrJxZ/W36JIrBRG6/trf297TTvbzvrVZ1/75s1v3p/fjOskdx0rljGLSmSd4HDhYTObiE+Zzqg1YB0TWMCLdVOhkAfVYdFdSzWTsD83ODezWrxjBDtO6dGJM3SQ8DyinU3anjjh4kbbNvkxyR61bQiZrF7bJ7Nnc8hYCcPGGwbYuz5JtoR93OM6ZKIHNYhec5rf+MUYLkIka0QMX2aZSZxiGitlLFOqYBVXpjSq8OGruzDRTmmkzWlWa6JbtKJHlx4UcbTgyLo/XxoV2j7jDof4KVL9e3pgae2L+F8nmUk3trWIa4q8l8e4xKh9IWrNzMxyuIQ96lImYvYyM//YfIlXO9kntspMdCAnaSeTSGDD+u9pIft51pgUhgp9z+QAJrU05C2YD/ieyWnOYFwSMav8hT8BBgBN4lddE7s0HAAAAABJRU5ErkJggg==) no-repeat
  }
}

@media screen and (max-width: 750px) {
  .channel-title {
    border: 2px solid #00a1b4;
    height: .666667rem;
    line-height: .666667rem;
    display: inline-block;
    font-size: .4rem;
    padding: 0 .2rem;
    color: #00a1b4;
    font-weight: 700;
    margin-top: .4rem;
    margin-bottom: .2rem
  }

  .channel-gray {
    background-color: #f2f2f2;
    overflow: hidden
  }

  .channel-box, .spaces-box {
    margin-bottom: .8rem
  }

  .directions-map {
    height: 6rem
  }

  .control-box, .directions-box {
    margin-bottom: .5rem;
    margin-top: .3rem
  }

  .control-box {
    padding: 0 .266667rem .4rem
  }

  .control-box p {
    padding: .4rem .2rem;
    font-size: .32rem;
    color: #5b6571;
    line-height: .5rem
  }

  .instructions-box {
    margin-bottom: .5rem;
    margin-top: .2rem;
    padding: .4rem
  }

  .instructions-box p {
    padding: .4rem .2rem;
    font-size: .32rem;
    color: #5b6571;
    line-height: .5rem
  }

  .directions-box h2 {
    color: #00a1b4;
    font-size: .4rem;
    font-weight: 700;
    height: .6rem;
    line-height: .6rem;
    padding-left: .2rem;
    margin-top: .4rem;
    margin-bottom: .133333rem
  }

  .directions-line {
    background-color: #cdcdcd;
    overflow: hidden;
    height: 1px;
    display: block
  }

  .directions-box p {
    text-indent: 2em;
    padding: 0 .4rem .4rem
  }

  .directions-box p, .visit-txt {
    font-size: .32rem;
    color: #5b6571;
    line-height: .5rem
  }

  .visit-txt {
    padding: .4rem .4rem 0
  }

  .spaces-list, .visit-list {
    overflow: hidden
  }

  .spaces-list {
    padding-top: .5rem;
    padding-bottom: .3rem
  }

  .spaces-list li {
    background-color: #fff;
    position: relative;
    margin: .6rem;
    padding: .6rem .3rem .3rem
  }

  .spaces-list li h3 {
    position: absolute;
    width: .693333rem;
    height: .693333rem;
    background-color: #00a1b4;
    border-radius: 50%;
    text-align: center;
    line-height: .693333rem;
    color: #fff;
    font-weight: 700;
    font-size: .4rem;
    top: -.346667rem;
    left: 50%;
    margin-left: -.346667rem
  }

  .spaces-list li p {
    color: #5b6571;
    font-size: .32rem;
    line-height: .5rem
  }

  .visit-list li {
    background-color: #fff;
    text-align: center;
    padding: .4rem;
    margin: .4rem
  }

  .visit-list li h3 {
    background-color: #00a1b4;
    height: .6rem;
    line-height: .6rem;
    padding: 0 .16rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    display: inline-block;
    margin-top: .32rem;
    margin-bottom: .32rem;
    font-size: .4rem
  }

  .visit-list li p {
    color: #5b6571;
    font-size: .32rem;
    line-height: .5rem
  }

  .icon03 {
    width: .453333rem;
    height: .506667rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAATCAYAAAB2pebxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4RUJBRTk3RDY2RjIxMUVCQjExNzhEMDVFRTRBMzBCNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4RUJBRTk3RTY2RjIxMUVCQjExNzhEMDVFRTRBMzBCNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhFQkFFOTdCNjZGMjExRUJCMTE3OEQwNUVFNEEzMEI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhFQkFFOTdDNjZGMjExRUJCMTE3OEQwNUVFNEEzMEI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+LwQYMQAAAUVJREFUeNqs07tLw1AUx/GbNFrFBzjonyDoLroWdBJBFEcVVwUHERQ33ZwcXBSE2sHJxyBuPsBdZ/8GFx8Fn1Tj98AvEoSkje2BD7m9vTm59+TEc6WzWefcCtrhu9rjG28oeiQJXZ0R4As5LOBA817KPdFDR3Bo91uSd7ShF0OxRdWiT9dPO84zg846TlMO/kycamfVogljKkcYqB4Wi9jOsIMJHCPvK5vFZcZjXOja4ut9OxU3SzRH/WK7qOjHJpbxWkOCPNY0fokXtoDbf7yd0HcNCD/WnTvoxqQ1UEq3zqMH61HXW7NZDVrRjzv98YCuhI8uFyvsh7W9r8ax2MM4thISRDsvad2J5ioN+4qnsKR2L2j+JqUmAxpfq7eKluRIppVkDvspDx7GOa6wEc6M/rZ8h5qtjEEtTIonPGIVu7j/EWAAzeZGH3bYlPYAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%
  }

  .icon03, .icon04 {
    display: inline-block;
    margin-right: .066667rem;
    vertical-align: middle
  }

  .icon04 {
    width: .506667rem;
    height: .48rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQzg0Nzc1NTY2RjIxMUVCQjYyOUIwRUJENDEzRkJCQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQzg0Nzc1NjY2RjIxMUVCQjYyOUIwRUJENDEzRkJCQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJDODQ3NzUzNjZGMjExRUJCNjI5QjBFQkQ0MTNGQkJCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJDODQ3NzU0NjZGMjExRUJCNjI5QjBFQkQ0MTNGQkJCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+5A9PPgAAAWtJREFUeNqk1E8oBFEcwPGZtUsRUZyEclEuSsnBTblYBxwkshcpZ2cX5erg5OC0ijhxsG7OLgrJxZ/W36JIrBRG6/trf297TTvbzvrVZ1/75s1v3p/fjOskdx0rljGLSmSd4HDhYTObiE+Zzqg1YB0TWMCLdVOhkAfVYdFdSzWTsD83ODezWrxjBDtO6dGJM3SQ8DyinU3anjjh4kbbNvkxyR61bQiZrF7bJ7Nnc8hYCcPGGwbYuz5JtoR93OM6ZKIHNYhec5rf+MUYLkIka0QMX2aZSZxiGitlLFOqYBVXpjSq8OGruzDRTmmkzWlWa6JbtKJHlx4UcbTgyLo/XxoV2j7jDof4KVL9e3pgae2L+F8nmUk3trWIa4q8l8e4xKh9IWrNzMxyuIQ96lImYvYyM//YfIlXO9kntspMdCAnaSeTSGDD+u9pIft51pgUhgp9z+QAJrU05C2YD/ieyWnOYFwSMav8hT8BBgBN4lddE7s0HAAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%
  }
}

@media screen and (min-width: 750px) {
  .educational-activities {
    padding-top: 40px;
    padding-bottom: 50px
  }

  .educational-activities li {
    overflow: hidden;
    border-radius: 8px;
    background-color: #f2f2f2;
    margin-bottom: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .educational-activities li .img-box {
    overflow: hidden;
    width: 575px;
    height: 280px
  }

  .educational-activities li img {
    width: 575px;
    height: 280px;
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .5s;
    transition: transform .5s
  }

  .educational-activities li:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }

  .educational-activities li .right-text {
    width: 550px;
    overflow-y: auto;
    height: 280px;
    padding-right: 30px
  }

  .educational-activities li .right-text-p {
    padding-bottom: 30px
  }

  .educational-activities li h2 {
    font-size: 24px;
    font-weight: 700;
    padding-top: 30px;
    padding-bottom: 20px;
    color: #5b6571
  }

  .educational-activities li p {
    font-size: 14px;
    color: #5b6571;
    line-height: 18px
  }

    .special-effects-theater-box {
        padding-top: 30px;
    }
    
  .special-effects-theater {
    overflow: hidden;
    padding-bottom: 30px;
  }
  
  .special-effects-theater:last-child {
    padding-bottom: 50px
  }
  
  .special-effects-theater-left {
    width: 697px;
    height: 450px;
    float: left;
    overflow: hidden
  }

  .special-effects-theater-left img {
    width: 697px;
    height: 450px
  }

  .special-effects-theater-right {
    width: 320px;
    height: 450px;
    float: right;
    overflow: hidden;
    background-color: #f8f8fa;
    padding: 0 40px;
      overflow-y: auto;
  }

  .special-effects-theater-right h2 {
    font-size: 24px;
    font-weight: 700;
    color: #5b6571;
    padding-top: 60px;
    padding-bottom: 40px;
    text-align: center
  }

  .special-effects-theater-right p {
    font-size: 18px;
    color: #5b6571;
    line-height: 28px
  }

  .special-exhibitions {
    overflow: hidden
  }

  .special-exhibitions-title {
    margin-top: 50px;
    overflow: hidden
  }

  .special-exhibitions-first {
    padding-top: 20px;
    overflow: hidden
  }

  .special-exhibitions-first-left {
    width: 920px;
    height: 560px;
    overflow: hidden;
    border-radius: 8px;
    float: left;
    position: relative
  }

  .special-exhibitions-first-left img {
    width: 920px;
    height: 560px
  }

  .special-exhibitions-first-left-shade {
    background: rgba(24, 155, 199, .4);
    position: absolute;
    left: 0;
    top: 40px;
    padding: 20px 40px;
    width: 430px;
    color: #fff
  }

  .special-exhibitions-first-left-shade h2 {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 15px
  }

  .special-exhibitions-first-left-shade p {
    font-size: 14px;
    line-height: 22px
  }

  .special-exhibitions-first-right {
    float: right;
    width: 245px
  }

  .special-exhibitions-first-right li {
    width: 245px;
    height: 132px;
    margin-bottom: 10px;
    cursor: pointer;
    position: relative
  }

  .special-exhibitions-first-right li:before {
    border-right: 3px solid #229bc7;
    position: absolute;
    top: 0;
    left: -14px;
    content: " ";
    height: 100%;
    width: 11px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAARCAYAAAAL4VbbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEMUY1MzYwQzY3QzExMUVCQkIzQUYzRDA4NDJFNUYxMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEMUY1MzYwRDY3QzExMUVCQkIzQUYzRDA4NDJFNUYxMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQxRjUzNjBBNjdDMTExRUJCQjNBRjNEMDg0MkU1RjEwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQxRjUzNjBCNjdDMTExRUJCQjNBRjNEMDg0MkU1RjEwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mSxZ6QAAALdJREFUeNpiVJp9nIEIwAHEk1iIUKgIxGuA2IiJgEJvID4HUgji4FLMDMQtQLwZiAVggticIQrEK4DYCV0CXbElEK8GYmls1iE7Ix+ID+JSCDOZB4jnAXEooWABKV4MxAHEBDbIGXFQdxKl+DMQhwFxIRD/JqQYBiYAsQMQPyVGMQgcA2JDIN5PjGIQeA3ErkDcBsT/CSkGgb9AXA3EvkD8gZBiGNgKTUTniFEMAveB2BqI5wAEGAATKxsX+PYDDwAAAABJRU5ErkJggg==) no-repeat 50%;
    display: none
  }

  .special-exhibitions-first-right li.selected:before, .special-exhibitions-first-right li:hover:before {
    display: block
  }

  .special-exhibitions-first-right li.selected img, .special-exhibitions-first-right li:hover img {
    border-radius: 0 8px 8px 0
  }

  .special-exhibitions-first-right li img {
    width: 245px;
    height: 132px;
    border-radius: 8px
  }

  .special-exhibitions-second {
    overflow: hidden;
    margin-top: 20px
  }

  .special-exhibitions-second ul {
    overflow: hidden;
    margin-right: -30px
  }

  .special-exhibitions-second li {
    width: 287px;
    height: 335px;
    margin-right: 17px;
    float: left;
    overflow: hidden;
    border-radius: 8px;
    background-color: #0aa279;
    color: #fff;
    padding-bottom: 20px
  }

  .special-exhibitions-second li:nth-child(2) {
    background-color: #da4664
  }

  .special-exhibitions-second li:nth-child(3) {
    background-color: #04a3a3
  }

  .special-exhibitions-second li:nth-child(4) {
    background-color: #0972c6
  }

  .special-exhibitions-second li img {
    width: 287px;
    height: 176px
  }

  .special-exhibitions-second li h2 {
    font-weight: 700;
    text-align: center;
    font-size: 24px;
    padding-top: 20px;
    padding-bottom: 30px
  }

  .special-exhibitions-second li p {
    padding: 0 20px;
    font-size: 16px;
    line-height: 20px
  }

  .special-exhibitions-fourth {
    border-radius: 8px;
    overflow: hidden;
    height: 386px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 60px
  }

  .special-exhibitions-fourth-shade {
    background-color: #1e9cd0;
    height: 100%;
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg);
    position: absolute;
    top: 0;
    width: 800px;
    left: 95px;
    z-index: 98
  }

  .special-exhibitions-fourth-left {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 475px;
    padding-left: 55px;
    padding-right: 100px;
    color: #fff;
    background-color: #1e9cd0;
    z-index: 99
  }

  .special-exhibitions-fourth-left h2 {
    font-weight: 700;
    padding-top: 75px;
    font-size: 28px;
    padding-bottom: 20px
  }

  .special-exhibitions-fourth-left p {
    font-size: 14px;
    line-height: 20px
  }

  .special-exhibitions-fourth img {
    height: 386px;
    position: absolute;
    right: 0;
    top: 0
  }

  .special-exhibitions-thirdly {
    overflow: hidden;
    margin-top: 20px
  }

  .special-exhibitions-thirdly ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -35px;
    overflow: hidden
  }

  .special-exhibitions-thirdly li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #f2f2f2;
    border-radius: 8px;
    height: 420px;
    width: 380px;
    margin-right: 35px;
    position: relative;
    overflow: hidden
  }

  .special-exhibitions-thirdly li h2 {
    color: #494d4e;
    font-size: 24px;
    font-weight: 700;
    padding: 20px 30px
  }

  .special-exhibitions-thirdly li p {
    color: #494d4e;
    font-size: 16px;
    line-height: 20px;
    padding: 0 30px
  }

  .special-exhibitions-thirdly li span {
    height: 38px;
    overflow: hidden;
    margin-top: 15px
  }

  .special-exhibitions-thirdly li span span {
    color: #ff7a21;
    font-size: 16px;
    line-height: 38px;
    height: 38px;
    display: inline-block
  }

  .special-exhibitions-thirdly li span i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAIAAAAnX375AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5M0IwNzc4MTY4MTYxMUVCQkI1QUI2MDJBMTNCMzYzQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5M0IwNzc4MjY4MTYxMUVCQkI1QUI2MDJBMTNCMzYzQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkzQjA3NzdGNjgxNjExRUJCQjVBQjYwMkExM0IzNjNBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkzQjA3NzgwNjgxNjExRUJCQjVBQjYwMkExM0IzNjNBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1JwmMQAAChRJREFUeNp0V2uMXVUV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) no-repeat;
    width: 38px;
    height: 38px;
    margin-left: 30px;
    display: inline-block;
    margin-right: 10px
  }

  .special-exhibitions-thirdly li img {
    width: 379px;
    height: 210px;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block
  }
}

@media screen and (max-width: 750px) {
  .educational-activities {
    padding: .5rem 0
  }

  .educational-activities li {
    overflow: hidden;
    background-color: #f2f2f2;
    margin-bottom: .4rem
  }

  .educational-activities li .img-box {
    overflow: hidden
  }

  .educational-activities li img {
    width: 100%;
    display: block
  }

  .educational-activities li .right-text {
    width: 100%
  }

  .educational-activities li .right-text-p {
    padding: .2rem .4rem
  }

  .educational-activities li h2 {
    font-size: .4rem;
    font-weight: 700;
    padding-top: .4rem;
    padding-left: .4rem;
    color: #5b6571
  }

  .educational-activities li p {
    font-size: .32rem;
    color: #5b6571;
    line-height: .5rem
  }

  .special-effects-theater {
    overflow: hidden;
    margin: .5rem auto
  }

  .special-effects-theater-left {
    width: 100%;
    overflow: hidden
  }

  .special-effects-theater-left img {
    width: 100%;
    display: block
  }

  .special-effects-theater-right {
    overflow: hidden;
    background-color: #f8f8fa;
    padding: 0 .2rem
  }

  .special-effects-theater-right h2 {
    font-size: .4rem;
    font-weight: 700;
    color: #5b6571;
    padding-top: .3rem;
    padding-bottom: .3rem;
    text-align: center
  }

  .special-effects-theater-right p {
    font-size: .32rem;
    color: #5b6571;
    line-height: .5rem;
    padding: 0 .4rem .4rem
  }

  .special-exhibitions {
    overflow: hidden
  }

  .special-exhibitions-title {
    margin-top: .6rem;
    overflow: hidden
  }

  .special-exhibitions-title img {
    display: block;
    height: .3rem
  }

  .special-exhibitions-first {
    padding-top: .266667rem;
    overflow: hidden
  }

  .special-exhibitions-first-left {
    width: 100%;
    overflow: hidden;
    position: relative
  }

  .special-exhibitions-first-left img {
    width: 100%;
    display: block
  }

  .special-exhibitions-first-left-shade {
    background: rgba(24, 155, 199, .4);
    position: absolute;
    left: 0;
    bottom: 0;
    padding: .266667rem .533333rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 100%;
    overflow-y: auto
  }

  .special-exhibitions-first-left-shade h2 {
    font-size: .4rem;
    font-weight: 700;
    padding-bottom: .2rem
  }

  .special-exhibitions-first-left-shade p {
    font-size: .32rem;
    line-height: .5rem
  }

  .special-exhibitions-first-right {
    width: 100%;
    padding-top: .2rem
  }

  .special-exhibitions-first-right ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .special-exhibitions-first-right li {
    cursor: pointer;
    position: relative;
    border-radius: .15rem;
    overflow: hidden;
    width: 24%;
    height: 1.3846153rem
  }

  .special-exhibitions-first-right li.selected, .special-exhibitions-first-right li:hover {
    border: 1px solid #1e9cd0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .special-exhibitions-first-right li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .special-exhibitions-second {
    overflow: hidden;
    margin-top: .4rem
  }

  .special-exhibitions-second ul {
    overflow: hidden
  }

  .special-exhibitions-second li {
    overflow: hidden;
    background-color: #0aa279;
    color: #fff;
    margin-bottom: .3rem;
    padding-bottom: .3rem
  }

  .special-exhibitions-second li:nth-child(2) {
    background-color: #da4664
  }

  .special-exhibitions-second li:nth-child(3) {
    background-color: #04a3a3
  }

  .special-exhibitions-second li:nth-child(4) {
    background-color: #0972c6
  }

  .special-exhibitions-second li img {
    width: 100%;
    display: block
  }

  .special-exhibitions-second li h2 {
    font-weight: 700;
    text-align: center;
    font-size: .4rem;
    padding-top: .266667rem;
    padding-bottom: .4rem
  }

  .special-exhibitions-second li p {
    padding: 0 .3rem;
    font-size: .32rem;
    line-height: .5rem
  }

  .special-exhibitions-fourth {
    overflow: hidden;
    position: relative;
    margin: .3rem 0 .5rem
  }

  .special-exhibitions-fourth-shade {
    display: none
  }

  .special-exhibitions-fourth-left {
    width: 100%;
    padding: 0 .5rem;
    color: #fff;
    background-color: #1e9cd0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .special-exhibitions-fourth-left h2 {
    font-weight: 700;
    padding-top: .3rem;
    font-size: .4rem;
    padding-bottom: .266667rem
  }

  .special-exhibitions-fourth-left p {
    font-size: .32rem;
    line-height: .5rem
  }

  .special-exhibitions-fourth img {
    width: 100%;
    display: block
  }

  .special-exhibitions-thirdly {
    overflow: hidden;
    margin-top: .3rem
  }

  .special-exhibitions-thirdly ul {
    overflow: hidden
  }

  .special-exhibitions-thirdly li {
    background-color: #f2f2f2;
    position: relative;
    overflow: hidden
  }

  .special-exhibitions-thirdly li h2 {
    color: #494d4e;
    font-size: .4rem;
    font-weight: 700;
    padding: .266667rem .4rem
  }

  .special-exhibitions-thirdly li p {
    color: #494d4e;
    font-size: .32rem;
    line-height: .5rem;
    padding: 0 .4rem
  }

  .special-exhibitions-thirdly li span {
    height: .506667rem;
    overflow: hidden;
    margin-top: .2rem
  }

  .special-exhibitions-thirdly li span span {
    color: #ff7a21;
    font-size: .32rem;
    line-height: .5rem;
    height: .5rem;
    display: inline-block
  }

  .special-exhibitions-thirdly li span i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAIAAAAnX375AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5M0IwNzc4MTY4MTYxMUVCQkI1QUI2MDJBMTNCMzYzQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5M0IwNzc4MjY4MTYxMUVCQkI1QUI2MDJBMTNCMzYzQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkzQjA3NzdGNjgxNjExRUJCQjVBQjYwMkExM0IzNjNBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkzQjA3NzgwNjgxNjExRUJCQjVBQjYwMkExM0IzNjNBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+1JwmMQAAChRJREFUeNp0V2uMXVUV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) no-repeat;
    background-size: 100% 100%;
    width: .506667rem;
    height: .506667rem;
    margin-left: .4rem;
    display: inline-block;
    margin-right: .133333rem
  }

  .special-exhibitions-thirdly li img {
    width: 100%;
    display: block
  }
}

html {
  background: transparent;
  font-family: Microsoft YaHei, Helvetica Neue, Helvetica, STHeiTi, Arial, sans-serif
}

body, html {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 100%
}

body {
  overflow-x: hidden;
}

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

a:hover {
  color: #ec6941
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}

input:focus {
  border: none;
  outline: none
}

body {
  line-height: 1
}

a {
  text-decoration: none
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

.wrapper {
  overflow: hidden;
  width: 100%
}

.clear {
  clear: both;
  overflow: hidden
}

a:hover {
  color: #43ebfd !important
}

@media screen and (min-width: 750px) {
  .main {
    width: 1240px;
    margin: 0 auto
  }

  .channel-main {
    width: 1200px;
    margin: 0 auto
  }

  .top-bar {
    height: 23px;
    line-height: 23px;
    text-align: right;
    font-size: 12px
  }

  .top-bar, .top-bar a {
    color: #333
  }

  .top-bar span {
    color: #333;
    padding: 0 5px
  }

  .nav-bar {
    background-color: #00a1b4;
    height: 70px
  }

  .nav-bar .logo {
    margin-top: 12px;
    float: left
  }

  .nav-bar .logo img {
    width: auto;
    height: 48px
  }

  .nav-box {
    float: right
  }

  .nav-box .first-menu {
    float: left;
    position: relative;
    padding: 0 12px;
    margin-left: 12px
  }

  .nav-box .first-menu:last-child {
    padding-right: 0
  }

  .nav-box .first-menu:hover .second-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
  }

  .nav-line {
    height: 4px;
    width: 100%;
    overflow: hidden;
    border-radius: 2px;
    background-color: #fff;
    position: absolute;
    bottom: -2px;
    left: 0
  }

  .first-menu-a {
    color: #fff;
    font-size: 20px;
    line-height: 70px;
    font-weight: 700;
    display: block
  }

  .nav-box .second-menu {
    position: absolute;
    top: 70px;
    width: auto;
    min-width: auto;
    background-color: #f0f0f0;
    padding-top: 30px;
    display: none;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
  }

  .first-menu:nth-child(2) .second-menu {
    left: -250px;
    width: 600px
  }

  .first-menu:nth-child(3) .second-menu {
    left: -250px;
    width: 800px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .first-menu:nth-child(3) .second-menu li {
    width: 230px
  }

  .first-menu:nth-child(4) .second-menu {
    left: -250px;
    width: 800px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .first-menu:nth-child(5) .second-menu {
    left: -250px;
    width: 500px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .first-menu:nth-child(6) .second-menu {
    left: -120px;
    width: 500px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .first-menu:nth-child(6) .second-menu li {
    width: 100%;
    text-align: center
  }

  .second-menu li {
    margin-bottom: 30px
  }

  .second-menu a {
    font-size: 18px;
    color: #5b6571
  }

  .bg-gray {
    overflow: hidden;
    background-color: #f5f5f5
  }

  .channel-banner {
    width: 1200px;
    height: 320px;
    margin: 12px auto 0
  }

  .breadcrumb {
    margin-top: 20px;
    font-size: 16px;
    color: #515151;
    padding-left: 10px
  }

  .breadcrumb a {
    color: #515151
  }

  .breadcrumb a, .breadcrumb span {
    display: inline-block
  }

  .footer {
    background-color: #00a1b4
  }

  .footer, .footer a {
    color: #fff
  }

  .footer-bottom {
    text-align: center;
    font-size: 14px;
    line-height: 53px;
    border-top: 1px solid #0090a1
  }

  .footer-top {
    border-bottom: 1px solid #07abbf;
    padding: 50px 0;
    overflow: hidden
  }

  .footer-top dl {
    float: left;
    padding-left: 30px;
    padding-right: 20px
  }

  .footer-top dt {
    font-weight: 700;
    border-left: 4px solid #fff;
    height: 22px;
    line-height: 22px;
    margin-bottom: 20px
  }

  .footer-top dd, .footer-top dt {
    font-size: 16px;
    padding-left: 13px
  }

  .footer-top dd {
    line-height: 30px
  }

  .menu_btn {
    display: none
  }
}

@media screen and (max-width: 750px) {
  .channel-main, .main {
    width: 9.2rem;
    margin: 0 auto
  }

  .channel-main {
    padding-top: 1.5rem
  }

  .top-bar {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    background: #fff
  }

  .top-bar .main {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .5rem;
    height: 1.2rem
  }

  .top-bar .main, .top-bar a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .top-bar a {
    width: 3.2rem;
    height: .8rem;
    border-radius: .06rem;
    background: #0090a1;
    font-size: .35rem;
    color: #fff;
    line-height: .8rem;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .top-bar span {
    display: none
  }

  .nav-bar {
    background-color: #00a1b4;
    position: absolute;
    width: 100%;
    left: 0;
    top: 2.506667rem
  }

  .nav-bar .main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.37rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .nav-bar .logo {
    width: 2.5rem;
    display: block
  }

  .nav-bar .logo img {
    width: 100%
  }

  .menu_btn {
    width: 1rem;
    height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAO0AAADICAYAAAAELGYKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDJGNTEzN0I5MjRFMTFFRTg0MjJDNjFEQTJCOEJGRDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDJGNTEzN0E5MjRFMTFFRTg0MjJDNjFEQTJCOEJGRDkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0Q2NDNGRTY3RDMxMTFFRTg4N0VBQkU0RDc1MTU0MjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0Q2NDNGRTc3RDMxMTFFRTg4N0VBQkU0RDc1MTU0MjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4kT3Z+AAAHOElEQVR42uzd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) no-repeat 100%;
    background-size: .8rem auto
  }

  .bar-box {
    position: relative;
  }

  .nav-box {
    display: none;
  }

  .nav-box .first-menu {
    padding: 0 .16rem;
    margin-left: .16rem;
    display: block
  }

  .nav-box {
    position: absolute;
    background-color: #00a1b4;
    top: 1.37rem;
    right: 0;
    z-index: 999;
    overflow: hidden;
    padding-bottom: .2rem
  }

  .nav-line {
    display: none
  }

  .first-menu-a {
    color: #fff;
    font-size: .4rem;
    line-height: .6rem;
    font-weight: 700;
    display: block;
    padding-top: .1rem
  }

  .nav-box .second-menu {
    width: 100%;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    padding-left: .3rem
  }

  .second-menu li {
    margin: 0
  }

  .second-menu a {
    font-size: .32rem;
    color: #fff;
    display: block;
    line-height: .5rem
  }

  .bg-gray {
    overflow: hidden;
    background-color: #f5f5f5
  }

  .channel-banner, .channel-banner img {
    width: 100%
  }

  .breadcrumb {
    margin-top: .2rem;
    font-size: .4rem;
    color: #515151
  }

  .breadcrumb a {
    color: #515151
  }

  .breadcrumb a, .breadcrumb span {
    display: inline-block
  }

  .footer {
    background-color: #00a1b4;
    padding-bottom: 1.2rem
  }

  .footer, .footer a {
    color: #fff
  }

  .footer-bottom {
    text-align: center;
    font-size: .32rem;
    line-height: 1rem;
    height: 1rem;
    border-top: 1px solid #0090a1
  }

  .footer-top {
    border-bottom: 1px solid #07abbf;
    padding: .5rem 0 .3rem;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
  }

  .footer-top dl {
    padding: .2rem 0
  }

  .footer-top dt {
    font-size: .4rem;
    font-weight: 700;
    border-left: .053333rem solid #fff;
    height: .4rem
  }

  .footer-top dd, .footer-top dt {
    padding-left: .4rem;
    line-height: .4rem
  }

  .footer-top dd {
    font-size: .32rem
  }

  #_ideConac a, #_ideConac canvas, #_ideConac iframe, #_ideConac img, #_ideConac span {
    width: 1.2rem !important;
    height: auto !important;
    max-width: 100% !important;
    display: inline-block;
    vertical-align: middle
  }
}