.blue {
  color: #005daa;
}

.red {
  color: #eb000b;
}

.exhibit4,
.exhibition-summarize2 {
  background-color: #005daa;
}

.exhibition-overview3,
.conference1,
.cooperation1,
.guests-detail,
.topic-exhibition2,
.about1 {
  background-color: #f4f6f7;
}

.btn {
  border: none;
  background: none;
  text-align: center;
  display: inline-block;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 0.14rem;
  border-radius: 0.06rem;
  padding: 1em 2em;
  text-indent: 0;
  line-height: 1;
}

input.btn {
  border-radius: 0.06rem;
}

.btn-blue {
  background-color: #005daa;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.btn-blue:hover {
  color: #fff;
  opacity: 0.9;
}

.btn-line-white {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
  border: 1px solid #fff;
}

.btn-line-white:hover {
  background-color: #fff;
  color: #000;
  border-color: #fff;
}

.btn-more {
  background-color: #fff;
}

.btn-more i {
  margin-left: 0.1rem;
}

.btn-more:hover {
  background-color: #005daa;
  color: #fff;
}

.ban-con .btn {
  margin-right: 0.15rem;
}

.btn-organge {
  background-color: #f78f1e;
  color: #fff;
  border: 1px solid #f78f1e;
}

.btn-organge:hover {
  background-color: #fff;
  color: #000;
  border-color: #fff;
}

.btn-white {
  color: #000;
  border-radius: 0.3rem;
  border-color: #fff;
  background-color: #fff;
  padding-left: 3.2em;
  padding-right: 3.2em;
}

.btn-white:hover {
  background-color: #f78f1e;
  color: #fff;
}

.btn-line-gray {
  border: 1px solid #ccc;
  color: #787878;
}

.btn-line-gray:hover {
  background-color: #005daa;
  color: #fff;
  border-color: #005daa;
}

.btn-line-blue {
  border: 1px solid #005daa;
  padding-top: 0.93em;
  padding-bottom: 0.93em;
  color: #005daa;
}

.btn-line-blue i {
  font-size: 0.22rem;
}

.btn-line-blue * {
  vertical-align: middle;
}

.btn-line-blue:hover {
  background-color: #005daa;
  color: #fff;
}

.btn-ico {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.btn-link {
  padding-top: 0.65em;
  padding-bottom: 0.65em;
  border-color: rgba(255, 255, 255, 0.53);
  margin-top: 2em;
}

.btn-link i {
  font-size: 0.22rem;
  margin-right: 0.2em;
}

.btn-link * {
  vertical-align: middle;
}

.btn-big {
  width: 100%;
  max-width: 2.4rem;
}

.btn-normal {
  width: 100%;
  max-width: 1.7rem;
}

.btn-big {
  width: 100%;
  max-width: 1.8rem;
}

.btn-small {
  width: 100%;
  max-width: 1.06rem;
}

.btn-tc {
  clear: both;
  text-align: center;
}

.btn-fat {
  background-color: #fff;
  padding: 1.4em 2.3em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #005daa;
}

.btn-fat:hover {
  background-color: #005daa;
  color: #fff;
}

.btn-nanocity {
  display: inline-block;
  border-radius: 0.08rem;
  background-color: #00a8cb;
  color: #fff;
  text-align: center;
  padding: 1.4em 1.3em;
  position: absolute;
  right: 0;
  margin-bottom: 5%;
  bottom: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 20;
}

.btn-nanocity i {
  font-size: 0.3rem;
}

.btn-nanocity:hover {
  background-color: #005daa;
  color: #fff;
}

.btn-dl {
  display: inline-block;
  border-radius: 0.08rem;
  background-color: #00a8cb;
  color: #fff;
  text-align: center;
  padding: 1.4em 1.4em;
  position: fixed;
  right: 0;
  margin-bottom: 5%;
  bottom: 10%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 50;
}

.btn-dl i {
  font-size: 0.5rem;
}

.btn-dl:hover {
  background-color: #005daa;
  color: #fff;
}

.btn-dl p {
  font-size: 0.24rem;
}

.btn-select {
  width: 100%;
  background-color: #488ad2;
  display: block;
  color: #fff;
  margin-bottom: 0.15rem;
  margin-top: 0.1rem;
}

.btn-select:hover {
  background-color: #005daa;
}

.btn-select-gray {
  background-color: #b8b8b8;
}

.btn-dl-app {
  color: #005daa;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-bottom: 1px solid #fff;
}

.btn-dl-app:hover {
  border-bottom: 1px solid #005daa;
}

.btn-dl-app i {
  font-size: 0.28rem;
  margin-right: 0.05rem;
}

.t1 {
  margin-bottom: 4%;
}

.t1 h3 {
  font-size: 0.36rem;
  font-weight: bold;
  letter-spacing: 0.02rem;
}

.t1 .r {
  float: right;
}

.t1 .con {
  color: #575757;
  line-height: 2;
  vertical-align: middle;
  display: inline-block;
}

.t1 h4 {
  font-size: 0.48rem;
  text-transform: capitalize;
  color: #bfc0c2;
  line-height: 1.2;
}

.t1 .t1-l {
  display: inline-block;
  vertical-align: middle;
  margin-right: -0.4em;
}

.t1 .t1-r {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

.t1-center {
  text-align: center;
}

.t1-center h3 {
  margin-bottom: 0.7em;
}

.t1-center .con {
  width: 100%;
  max-width: 10rem;
  margin: 0 auto;
  line-height: 2;
}

.t1-right {
  position: relative;
}

.t1-right h3 {
  line-height: 1;
}

.t1-right .t1-l {
  width: 50%;
}

.t1-right .con {
  text-align: right;
  width: 69%;
}

.t1-right .btn-box {
  width: 15%;
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
}

.t1-white h3,
.t1-white .con,
.t1-white h4 {
  color: #fff;
}

.t2-l {
  display: inline-block;
  vertical-align: middle;
  margin-right: -0.4em;
  width: 50%;
  text-align: left;
}

.t2-r {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}

.t2 {
  text-align: center;
  margin-bottom: 0.4rem;
}

.t2 h4 {
  color: #bfc0c2;
  line-height: 1;
  font-size: 0.24rem;
}

.t2 h3 {
  font-size: 0.36rem;
  font-weight: bold;
  margin-bottom: 0.3em;
}

.t2 h2 {
  font-size: 0.48rem;
  text-transform: capitalize;
  color: #bfc0c2;
  line-height: 1.2;
}

.tit-ban .t2 h4 {
  font-size: 0.28rem;
}

.tit-ban .t2 h3 {
  font-size: 0.48rem;
}

.t2-white h4,
.t2-white h3 {
  color: #fff;
}

.t2-left {
  text-align: left;
}

.t3 {
  margin-bottom: 2%;
  margin-bottom: 0.24rem;
}

.t3 h3 {
  font-size: 0.48rem;
  font-weight: bold;
  line-height: 1.2;
}

.t3 h4 {
  font-size: 0.36rem;
  color: #005daa;
}

.t4 {
  position: relative;
}

.t4 h3 {
  font-size: 0.36rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}

.t4 .btn-blue {
  position: absolute;
  right: 0;
  top: 0.08rem;
}

.t4-form {
  zoom: 1;
}

.t4-form:after,
.t4-form:before {
  content: '';
  display: table;
}

.t4-form:after {
  clear: both;
}

.t4-form h3 {
  float: left;
}

.t4-form form {
  float: right;
}

.t4-center {
  text-align: center;
}

.t4-white {
  color: #fff;
}

.t5 {
  font-size: 0.36rem;
  margin-bottom: 0.5em;
  line-height: 1.4;
}

.t5 span {
  font-size: 0.16rem;
  margin-left: 1em;
}

.blue {
  color: #005daa;
}

.red {
  color: #eb000b;
}

.exhibit4,
.exhibition-summarize2 {
  background-color: #005daa;
}

.exhibition-overview3,
.conference1,
.cooperation1,
.guests-detail,
.topic-exhibition2,
.about1 {
  background-color: #f4f6f7;
}

.slider {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.slider.slick-initialized {
  visibility: visible;
  opacity: 1;
}

.slider .slick-arrow {
  top: 50%;
  border: none;
  background: none;
  padding: 0.4em 0.1em;
  background-color: rgba(255, 255, 255, 0.4);
  font-size: 0.4rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 50;
  display: block;
  position: absolute;
  text-align: center;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slider .slick-arrow:hover {
  background-color: #005daa;
}

.slider .slick-prev {
  left: 0;
}

.slider .slick-next {
  right: 0;
}

.slick-dots {
  width: 100%;
  font-size: 0;
  z-index: 20;
  bottom: 0;
  text-align: center;
  margin-top: 0.2rem;
}

.slick-dots li {
  display: inline-block;
  line-height: 1;
  margin: 0 0.1rem;
}

.slick-dots li a {
  width: 0.16rem;
  height: 0.16rem;
  display: inline-block;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  font-size: 0;
  border: 1px solid #005daa;
  background: none;
}

.slick-dots li.slick-active a {
  opacity: 1;
  background-color: #005daa;
}

.slider .slick-arrow-nobg {
  background: none;
  font-size: 0.6rem;
}

.slider .slick-arrow-nobg.slick-prev:hover,
.slider .slick-arrow-nobg.slick-next:hover {
  background: none;
  color: #005daa;
}

.slider .slick-arrow-nobg.slick-prev {
  -webkit-transform: translateX(-130%) translateY(-50%);
  -ms-transform: translateX(-130%) translateY(-50%);
  transform: translateX(-130%) translateY(-50%);
  left: 0;
}

.slider .slick-arrow-nobg.slick-next {
  -webkit-transform: translateX(130%) translateY(-50%);
  -ms-transform: translateX(130%) translateY(-50%);
  transform: translateX(130%) translateY(-50%);
}

.slider .slick-arrow.slick-gray {
  color: #bfc0c2;
}

.slider-picture .slick-dots li a {
  border-color: #fff;
}

.slider-picture .slick-dots li.slick-active a {
  background-color: #fff;
}

.form-ele {
  border: none;
  font-size: 0.16rem;
  vertical-align: bottom;
  width: 100%;
  border-radius: 0.08rem;
  background-color: #fff;
  border: 1px solid #dbdbdb;
  height: 0.46rem;
  padding: 0 0.1rem;
  vertical-align: bottom;
  display: inline-block;
}

appearance none,
select.form-ele {
  line-height: inherit !important;
}

textarea.form-ele {
  padding: 0.1rem;
  font-family: "微软雅黑", "Microsoft Yahei";
  line-height: 1.8;
}

.right-search {
  position: relative;
  border-radius: 0.08rem;
  overflow: hidden;
  padding-right: 0.5rem;
  padding-left: 0.12rem;
  border: 1px solid #e8e8e9;
  float: right;
  width: 3.8rem;
}

.right-search input {
  height: 0.5rem;
  border: none;
  width: 100%;
}

.right-search .sub {
  position: absolute;
  right: 0;
  border: none;
  background: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.right-search .sub i:hover {
  color: #005daa;
}

.right-search i {
  line-height: 0.5rem;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: right;
  padding-right: 0.12rem;
  padding-left: 0.12rem;
  color: #babcbe;
}

.form-ul li {
  margin-bottom: 3%;
  zoom: 1;
}

.form-ul li:after,
.form-ul li:before {
  content: '';
  display: table;
}

.form-ul li:after {
  clear: both;
}

.form-ul li:last-child {
  margin-bottom: 0;
}

.form-ul li p {
  color: rgba(255, 255, 255, 0.5);
  padding-bottom: 0.04rem;
}

.form-ul li textarea {
  height: 1rem;
}

.form-ul .form-row {
  margin-left: -1.5%;
  margin-right: -1.5%;
}

.form-ul .form12 {
  float: left;
  width: 50%;
  padding: 0 1.5%;
}

.form-contact .form-ele {
  height: 0.64rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
}

.form-contact textarea.form-ele {
  height: 1.7rem;
}

.form-exhibitor .form-ele {
  border-radius: 0;
  color: #787878;
}

.form-exhibitor span {
  float: left;
  font-weight: bold;
}

.form-exhibitor li {
  margin-bottom: 0.1rem;
}

.form-card {
  padding: 0.16rem 0;
}

.form-card .form-ele {
  height: 0.7rem;
  border: none;
}

.form-card span {
  width: 1.2rem;
  line-height: 0.7rem;
}

.form-card .inp-box {
  margin-left: 1.2rem;
}

.form-company span {
  width: 1.4rem;
  line-height: 0.5rem;
}

.form-company .inp-box {
  margin-left: 1.4rem;
}

.form-company .form-ele {
  background-color: #f6f9fb;
  border-radius: 0.06rem;
}

.form-company li {
  margin-bottom: 0.2rem;
  margin-right: 42%;
}

.label-input {
  display: block;
  position: relative;
}

.label-input input {
  position: absolute;
  width: 0;
  height: 0;
}

* {
  -webkit-overflow-scrolling: touch;
}

input::-webkit-input-placeholder {
  line-height: normal !important;
}

input::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder {
  line-height: normal !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

a {
  color: #000;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

a:hover {
  color: #005daa;
}

img {
  max-width: 100%;
}

body,
html {
  overflow-x: hidden !important;
}

body {
  font-size: 16px;
  background-color: #fff;
  color: #000;
  line-height: 1.5;
}

textarea {
  resize: none;
}

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

.l {
  float: left;
}

.r {
  float: right;
}

.img-ovh {
  overflow: hidden;
}

.img {
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
  border-radius: 0.1rem;
  overflow: hidden;
}

.img-hover {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
}

.img-hover:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.img-hover-contain {
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
}

.img-hover-contain:hover {
  -webkit-transform: scale(1.04);
  -ms-transform: scale(1.04);
  transform: scale(1.04);
}

.img {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.video-ovh {
  overflow: hidden;
  position: relative;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.video-ovh video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  left: 0;
  top: 0;
}

#hd {
  width: 100%;
  z-index: 50000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  background-color: #fff;
  padding: 0.2rem 0 0 0;
  zoom: 1;
}

#hd:after,
#hd:before {
  content: '';
  display: table;
}

#hd:after {
  clear: both;
}

#hd .hd-l {
  display: inline-block;
  width: 30%;
  margin-right: -0.5em;
  vertical-align: bottom;
  padding-bottom: 0.25rem;
}

#hd .hd-r {
  display: inline-block;
  width: 70%;
  vertical-align: bottom;
}

.logo {
  -webkit-transition: none;
  transition: none;
}

.logo img {
  vertical-align: bottom;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.top-info {
  text-align: right;
}

.nav {
  position: relative;
  z-index: 2;
  display: block;
  text-align: right;
  margin-right: -0.2rem;
}

.nav .active a {
  color: #fff;
}

.nav li {
  display: inline-block;
  position: relative;
}

.nav li.on a {
  color: #005daa;
}

.nav li.on a:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.nav li:hover a {
  color: #005daa;
}

.nav li:hover a:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.nav li a {
  display: inline-block;
  margin: 0 0.2rem;
  position: relative;
  z-index: 50;
  font-size: 0.17rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding-bottom: 0.3rem;
}

.nav li a.on,
.nav li a:hover {
  color: #005daa;
}

.nav li a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #005daa;
  height: 0.03rem;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.nav li .v1:after {
  content: '';
  position: absolute;
  background-color: r;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.nav li .sub-nav {
  position: absolute;
  left: 0;
  background-color: #fff;
  text-align: center;
  white-space: nowrap;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 0.1rem 0.2rem;
}

.nav li .sub-nav a {
  padding-bottom: 0;
  height: 100%;
  line-height: 0.4rem;
  color: #000;
  font-size: 0.16rem;
  display: block;
}

.nav li .sub-nav a:hover {
  color: #005daa;
}

.nav li .sub-nav a:after {
  display: none;
}

.nav li.current .sub-nav {
  opacity: 1;
  visibility: visible;
}

.change-lan,
.spon-link {
  color: #797979;
}

.change-lan a,
.spon-link a {
  color: #797979;
}

.change-lan a:hover,
.spon-link a:hover {
  color: #005daa;
}

.top-info {
  margin-bottom: 0.25rem;
}

.top-info .btn-blue {
  margin-left: 0.1rem;
}

.change-lan {
  margin: 0 0.05rem;
}

.change-lan.on {
  opacity: 0.8;
}

.change-lan:hover {
  opacity: 1;
}

.spon-link {
  margin: 0 0.15rem;
}

#fd {
  background: #005daa url("/Public/Images/home/ja-jp/bg4.gif") no-repeat right top;
  color: #fff;
  position: relative;
  z-index: 60;
}

#fd .wp {
  zoom: 1;
}

#fd .wp:after,
#fd .wp:before {
  content: '';
  display: table;
}

#fd .wp:after {
  clear: both;
}

.fd-logo {
  float: left;
  width: 30%;
}

.fd-logo img {
  width: 1.86rem;
}

.fd-link {
  float: left;
  width: 23.33333%;
  line-height: 2;
}

.fd-link dt {
  font-size: 0.22rem;
  margin-bottom: 0.1rem;
  color: #b9e0f7;
}

.fd-link dd {
  font-size: 0.15rem;
}

.fd-info {
  padding: 4% 0;
}

.fd-cp {
  color: #b9e0f7;
}

.fd-cp .wp {
  padding-top: 1.5%;
  padding-bottom: 1.5%;
  border-top: 1px solid #025193;
}

.fd-cp .right,
.fd-cp .left {
  display: inline-block;
  margin-right: -0.04rem;
  vertical-align: middle;
}

.fd-cp em {
  font-size: 0.2rem;
  margin-right: 0.02rem;
  vertical-align: middle;
}

.fd-cp .right {
  width: 30%;
}

.fd-cp .left {
  width: 70%;
}

.fd-cp .left p {
  display: inline-block;
  vertical-align: middle;
}

.fd-cp a {
  color: #b9e0f7;
}

.fd-cp .left a img {
  width: 0.74rem;
}

.social-link {
  text-align: right;
}

.social-link a {
  display: inline-block;
  margin: 0 0.15rem;
  font-size: 0.3rem;
  text-align: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #b9e0f7;
}

.social-link a:hover {
  color: #fff;
}

.go-top {
  position: fixed;
  right: 3%;
  bottom: 5%;
  z-index: 50000;
  display: none;
}

.go-top .on {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.go-top img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 0.61rem;
}

.go-top:hover img {
  opacity: 0;
}

.go-top:hover .on {
  opacity: 1;
}

.change-lan {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.change-lan i,
.change-lan em {
  vertical-align: middle;
}

.change-lan:hover .sub-lan {
  opacity: 1;
  visibility: visible;
}

.change-lan .v1 {
  color: #575757;
  padding-bottom: 0.2rem;
  display: inline;
}

.change-lan .v1:hover {
  color: #005daa;
}

.change-lan .sub-lan {
  position: absolute;
  z-index: 20;
  right: 0;
  box-shadow: inset 0 0.01rem 0 0 #e8e8e9, inset -0.01rem 0 0 #e8e8e9, inset 0 -0.01rem 0 0 #e8e8e9, inset 0.01rem 0 0 #e8e8e9;
  padding: 0.1rem 0;
  border-radius: 0.08rem;
  text-align: center;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 0.35rem;
  width: 1.3rem;
  background-color: #fff;
  line-height: 0.34rem;
  opacity: 0;
  visibility: hidden;
}

.change-lan .sub-lan a {
  font-size: 0.14rem;
  color: #575757;
  display: block;
  text-transform: uppercase;
  position: relative;
}

.change-lan .sub-lan a em {
  position: relative;
  z-index: 10;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.change-lan .sub-lan a:after {
  content: '';
  position: absolute;
  background: -webkit-linear-gradient(left, #0469b1 0%, #26c8ed 100%);
  background: linear-gradient(to right, #0469b1 0%, #26c8ed 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  z-index: 0;
  top: 0;
  height: 100%;
  left: -0.02rem;
  right: -0.02rem;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.change-lan .sub-lan a:hover:after {
  opacity: 1;
}

.change-lan .sub-lan a:hover em {
  color: #fff;
}

.icon-close,
.icon-search {
  font-size: 0.2rem;
}

.search-ico {
  cursor: pointer;
  margin-right: 0.2rem;
  position: relative;
  z-index: 10;
}

.search-ico i {
  color: #a7a9ac;
}

.search-ico:hover i {
  color: #005daa;
}

.top-info * {
  vertical-align: middle;
}

.top-search {
  display: inline-block;
  margin-right: -0.3rem;
}

.top-search {
  border-bottom: 1px solid #575757;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translateX(0.4rem);
  -ms-transform: translateX(0.4rem);
  transform: translateX(0.4rem);
}

.top-search button {
  border: none;
  background: none;
  cursor: pointer;
}

.top-search button i {
  color: #575757;
}

.top-search input {
  border: none;
  height: 0.3rem;
  width: 2.8rem;
}

.top-search.show-me {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.support {
  color: #fff;
}

.support span {
  margin-right: 0.1rem;
  margin-left: 0.04rem;
}

.support img {
  position: relative;
  top: 0.01rem;
}

.support:hover {
  color: #fff;
}

.inner-row {
  padding: 0.7rem 0;
}

.text {
  color: #787878;
  font-size: 0.16rem;
  line-height: 1.8;
}

.text p {
  text-indent: 2em;
}

.news-detail .bd p {
  text-indent: 2em;
}

.list-dot p {
  text-indent: 0;
}

.list-fee .text p {
  text-indent: 0;
}

.list-mod3 .text p {
  text-indent: 0;
}

.text-white {
  color: #fff;
}

.exhibition-summarize1 .text p {
  margin-bottom: 1.5em;
}

.conference-highlight .text p {
  margin-bottom: 1.5em;
}

.inner-ban {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 5.93rem;
  position: relative;
}

.inner-ban .tit-ban {
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 20;
  padding-left: 5%;
  padding-right: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-bottom: 0;
}

.inner-ban .tit-ban .t2 {
  margin-bottom: 0;
}

.inner-ban:after {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 50%;
  content: '';
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.list-mod2 {
  margin: 0 -1%;
  zoom: 1;
}

.list-mod2:after,
.list-mod2:before {
  content: '';
  display: table;
}

.list-mod2:after {
  clear: both;
}

.list-mod2 li {
  float: left;
  padding: 1%;
}

.list-mod2 .pad {
  border: 1px solid #e8e8e9;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.list-mod2 .pad:hover {
  box-shadow: 0 0 0.3rem 0.1rem rgba(0, 0, 0, 0.1);
  border-color: #fff;
}

.list-mod2 h5 {
  padding: 5% 10%;
  font-size: 0;
  position: relative;
}

.list-mod2 h5:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid #e8e8e9;
  left: 0;
  bottom: 0;
  width: 90%;
}

.list-mod2 h5 span {
  font-size: 0.3rem;
  vertical-align: bottom;
  width: 63%;
  display: inline-block;
}

.list-mod2 h5 img {
  vertical-align: bottom;
  width: 37%;
  max-width: 1.45rem;
}

.list-mod2 .bd {
  padding: 6% 10%;
}

.mod-img-txt4 {
  position: relative;
  zoom: 1;
}

.mod-img-txt4:after,
.mod-img-txt4:before {
  content: '';
  display: table;
}

.mod-img-txt4:after {
  clear: both;
}

.mod-img-txt4 .img {
  padding-top: 34%;
  width: 50%;
}

.mod-img-txt4 .txt {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

.mod-img-txt4-tr .txt {
  right: 0;
}

.mod-img-txt4-tr .img {
  float: left;
}

.mod-img-txt4-tl .txt {
  left: 0;
}

.mod-img-txt4-tl .img {
  float: right;
}

.v-center * {
  vertical-align: middle;
}

.inner-bd {
  padding-top: 1.3rem;
}

.inner-bd #fd {
  margin-left: 2.3rem;
}

.inner-bd .shrot-cut {
  margin-left: 2.3rem;
}

.inner-bd #hd {
  border-bottom: 1px solid #dadada;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
}

.sub-login {
  position: absolute;
  left: 0;
  left: 0;
  right: 0;
  right: 0;
  background-color: #fff;
  z-index: 50;
  box-shadow: 0 0.06rem 0.1rem -0.02rem rgba(0, 0, 0, 0.4);
  top: 0.42rem;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  visibility: hidden;
  overflow: hidden;
}

.sub-login a {
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  line-height: 0.4rem;
  font-size: 0.14rem;
}

.sub-login a:hover {
  background-color: #005daa;
  color: #fff;
}

.login-entry {
  margin-left: 0.1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  display: inline-block;
}

.login-entry .btn {
  margin-left: 0;
}

.login-entry:hover .sub-login {
  opacity: 1;
  visibility: visible;
}

.wp {
  width: 100%;
  max-width: 15.6rem;
  margin: 0 auto;
}

.wrap800 {
  width: 100%;
  margin: 0 auto;
  max-width: 8rem;
}

.wrap1000 {
  width: 100%;
  margin: 0 auto;
  max-width: 10rem;
}

.wrap1200 {
  width: 100%;
  margin: 0 auto;
  max-width: 12rem;
}

.wrap1300 {
  width: 100%;
  margin: 0 auto;
  max-width: 13rem;
}

.wrap1400 {
  width: 100%;
  margin: 0 auto;
  max-width: 14rem;
}

.wrap1500 {
  margin: 0 auto;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  width: 100%;
}

.wrap900 {
  margin: 0 auto;
  width: 100%;
  max-width: 9rem;
}

.wrap1670 {
  width: 100%;
  margin: 0 auto;
  max-width: 16.7rem;
}

.wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 12rem;
}

.tc {
  text-align: center !important;
}

#banner,
#banner .item,
#banner .slick-track,
#banner .slick-list,
#banner .img {
  height: 100%;
  background-color: #005daa;
}

#banner .img {
  padding-top: 43%;
}

#banner .ban-con {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 0.22rem;
}

#banner .wp {
  padding-top: 3.2%;
}

#banner h2 {
  margin-bottom: 0.4em;
}

#banner h1 {
  font-size: 0.6rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
}

#banner h4 {
  font-size: 0.24rem;
  margin: 1em 0;
}

#banner p {
  font-size: 0.16rem;
  line-height: 1.8;
}

#banner p span {
  color: #c6c6c6;
}

#banner p em {
  color: #fff;
}

#banner h5 {
  font-size: 0.28rem;
  font-family: 'Roboto-Regular';
}

#banner .s1 {
  margin-bottom: 0.3rem;
  margin-top: 0.15rem;
}

#banner .item1 h2 img {
  width: 3.8rem;
}

#banner .item2 {
  text-align: center;
}

#banner .item2 .ban-con {
  width: 4rem;
  right: 5%;
  text-align: left;
  left: auto;
  top: 20%;
}

#banner .item2 .s1 {
  margin-top: 0.3rem;
}

#banner .item2 img {
  display: inline-block;
}

#banner .item2 h1 {
  font-size: 0.48rem;
  margin-bottom: 0.15em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 0.15rem;
  margin-bottom: 0.15rem;
}

#banner .item2 h2 img {
  width: 9.01rem;
}

#banner .date-v {
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  padding-bottom: 6%;
}

#banner .date-v img {
  width: 100%;
}

#banner .item3 .ban-con {
  left: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: auto;
}

#banner .item3 .ban-con h1 {
  font-weight: normal;
}

#banner .item3 .ban-con .s1 {
  margin-top: 0.5rem;
}

.banner-box {
  position: relative;
  background-color: #005ab2;
  margin-top:1.6rem;
}

#ban-dot {
  position: absolute;
  right: 0.3rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#ban-dot a {
  display: block;
  position: relative;
  padding: 0.13rem 0;
}

#ban-dot a:after {
  content: '';
  left: 50%;
  height: 50%;
  border-left: 1px dashed rgba(255, 255, 255, 0.3);
  position: absolute;
  margin-left: -0.01rem;
}

#ban-dot a:last-child:after {
  display: none;
}

#ban-dot em {
  display: block;
  position: relative;
  z-index: 10;
  width: 32PX;
  height: 32PX;
  border-radius: 50%;
}

#ban-dot em:after {
  border-radius: 50%;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#ban-dot b {
  position: absolute;
  width: 0.07rem;
  height: 0.07rem;
  background-color: #fff;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

#ban-dot .active em:after {
  border: 2px solid rgba(255, 255, 255, 0.2);
}

.art-l {
  float: left;
  width: 49%;
  padding-top: 49%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: relative;
}

.slider-art-l {
  float: left;
  width: 49%;
  border-radius: 0.1rem;
  overflow: hidden;
}

.slider-art-l .slick-dots {
  position: absolute;
  bottom: 0.2rem;
}

.slider-art-l .slick-dots li a {
  border-color: #fff;
}

.slider-art-l .slick-dots li.slick-active a {
  background-color: #fff;
}

.slider-art-l .bg {
  position: relative;
  padding-top: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.slider-art-l .bg:after {
  content: '';
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 50%;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  z-index: 0;
}

.slider-art-l .bg span {
  position: absolute;
}

.slider-art-l .bg .pad {
  top: 0.3rem;
  right: 0.3rem;
  bottom: 0.3rem;
  left: 0.3rem;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
}

.slider-art-l .bg .tit {
  left: 0;
  top: 0;
  background-color: #c2c9cb;
  border-radius: 1rem;
  padding: 0.02rem 0.15rem;
  font-size: 0.28rem;
  color: #3d3d3d;
}

.slider-art-l .bg .date {
  right: 0;
  top: 0;
  color: #3d3d3d;
}

.slider-art-l .bg .date:after {
  content: '';
  position: absolute;
  bottom: -0.09rem;
  width: 0.16rem;
  background-color: #005daa;
  height: 0.02rem;
  right: 0;
}

.slider-art-l .bg .con {
  position: absolute;
  color: #fff;
  width: 100%;
  bottom: 0;
  z-index: 10;
}

.slider-art-l .bg .con h5 {
  font-size: 0.19rem;
  color: #fff;
}

.slider-art-l .bg .con h3 {
  font-size: 0.32rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 0.3em;
}

.slider-art-l .bg .con p {
  line-height: 2;
}

.slider-art-l .bg .con .btn {
  margin-top: 0.3rem;
}

.art-r {
  float: right;
  width: 49%;
}

.act-item {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 50%;
  padding-top: 50%;
  position: relative;
}

.act-item.s1 {
  background-image: url("/Public/Images/home/ja-jp/f1.jpg");
  margin-left: 50%;
}

.act-item.s2 {
  background-image: url("/Public/Images/home/ja-jp/f2.jpg");
}

.act-item h4 {
  color: #fff;
  font-size: 0.26rem;
  margin-bottom: 0.4rem;
}

.act-item .con {
  padding: 0.3rem;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.list-news {
  margin: 0 -1%;
}

.list-news li {
  float: left;
  width: 33.333333%;
  padding: 1%;
}

.list-news .img {
  padding-top: 77%;
}

.list-news .con {
  background-color: #fff;
  padding: 4%;
  border: 1px solid #e8e8e9;
  position: relative;
  z-index: 10;
  border-top: none;
}

.list-news .con h6 {
  font-size: 0.12rem;
  color: #a7a9ac;
}

.list-news .con h3 {
  font-weight: bold;
  font-size: 0.26rem;
  margin-top: 0.2em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.list-news .txt {
  color: #575757;
  line-height: 1.9;
  overflow: hidden;
  font-size: 0.14rem;
}

.list-news .txt p {
  margin-top: 0.15rem;
}

.list-news a {
  display: block;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  overflow: hidden;
}

.list-news a:hover {
  box-shadow: 0 0 0.4rem 0.08rem rgba(0, 0, 0, 0.2);
}

.list-news2 {
  margin: 0 -1.5%;
}

.list-news2 li {
  padding: 1.5%;
}

.list-news2 a:hover .con {
  background: #fff;
}

.list-news2 .con {
  background: #f7f7f7;
  padding: 8%;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

.list-news2 .con h3 {
  line-height: 1.2;
  white-space: initial;
  font-size: 0.3rem;
  margin-bottom: 0.7em;
}

.list-news2 .con h5 {
  font-size: 0.16rem;
  color: #787878;
}

.list-news2 .con span {
  line-height: 1.5;
  margin-top: 0.32rem;
}

.list-news2 a {
  background: #f7f7f7;
  border: 1px solid #e8e8e9;
  border-radius: 0.1rem;
  overflow: hidden;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.list-news2 a .con {
  border: none;
  background: none;
}

.list-news2 a:hover {
  background-color: #fff;
}

.list-video .img {
  position: relative;
}

.list-video .iconfont {
  position: absolute;
  left: 0.5em;
  bottom: 0.2em;
  font-size: 0.5rem;
  color: #fff;
}

.row {
  padding: 0.8rem 0;
}

.row6 {
  background-color: #f4f6f7;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

.list-org {
  width: 100%;
  display: table;
  border-bottom: 1px solid #e4e6e7;
  padding: 0.1rem 0;
}

.list-org:last-child {
  border-bottom: none;
}

.list-org dt {
  display: inline-block;
  display: table-cell;
  width: 14%;
  vertical-align: middle;
  font-size: 0.24rem;
  font-weight: bold;
}

.list-org dd {
  display: inline-block;
  display: table-cell;
  width: 43%;
  vertical-align: middle;
}

.list-org .cell {
  display: table;
  width: 100%;
}

.list-org .cell .img {
  vertical-align: middle;
  display: table-cell;
  width: 1.17rem;
  height: 1.1rem;
  text-align: right;
}

.list-org .cell .img img {
  vertical-align: middle;
}

.list-org .cell span {
  vertical-align: middle;
  font-size: 0.19rem;
  color: #575757;
  display: table-cell;
  padding-right: 12%;
  padding-left: 5%;
}

.row8 .t2 {
  float: left;
  width: 30%;
}

.row8 .t2 h3 {
  margin-bottom: 0.4rem;
}

.row8 .t2 .con {
  line-height: 2;
  color: #575757;
}

.shrot-cut {
  zoom: 1;
  overflow: hidden;
  clear: both;
  position: relative;
  z-index: 30;
}

.shrot-cut:after,
.shrot-cut:before {
  content: '';
  display: table;
}

.shrot-cut:after {
  clear: both;
}

.shrot-cut li {
  float: left;
  width: 20%;
}

.shrot-cut li a {
  background-color: #052138;
  display: block;
  text-align: center;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  padding: 25% 0;
}

.shrot-cut li a:hover {
  background-color: #092a46;
}

.shrot-cut li a:hover p {
  color: #00a8cb;
}

.shrot-cut li a:hover .cell {
  opacity: 1;
}

.shrot-cut li a:hover h3 {
  color: #fff;
}

.shrot-cut li a:hover img {
  opacity: 1;
}

.shrot-cut li p {
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  color: #53738a;
  text-transform: uppercase;
}

.shrot-cut li h3 {
  font-size: 0.24rem;
  color: #53738a;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.shrot-cut li .cell {
  width: 100%;
  display: inline-block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.shrot-cut li .ico {
  display: inline-block;
  vertical-align: middle;
}

.shrot-cut li .txt {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  padding-left: 6%;
}

.shrot-cut li img {
  width: 0.97rem;
  opacity: 0.43;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.row3 {
  background: url("/Public/Images/home/ja-jp/bg1.gif") no-repeat 50%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.row3 .t2 h3 {
  padding-bottom: 0.1rem;
}

.wp-right {
  position: relative;
  z-index: 50;
}

.wp-right .t2-right {
  margin-bottom: 2%;
}

.wp-right .t2-right .r {
  width: 80%;
}

.wp-right .wp {
  position: relative;
  z-index: 10;
}

.wp-right .line {
  border-top: 1px solid #e8e8e9;
  font-size: 0;
  margin-top: 8%;
  clear: both;
}

.row5 {
  background: url("/Public/Images/home/ja-jp/bg6.gif") no-repeat right bottom;
  background-size: 100%;
}

.row5 .btn-more {
  background-color: #f4f4f4;
}

.row5 .btn-more:hover {
  background-color: #005daa;
  color: #fff;
}

.slider-guest-small .item {
  padding: 0 0.1rem 0 0.1rem;
}

.slider-guest-small .avt {
  width: 70%;
  padding-top: 70%;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin-bottom: 0.3rem;
}

.slider-guest-small h4 {
  font-size: 0.18rem;
  line-height: 1.3;
  margin-bottom: 1em;
  word-wrap: break-word;
  font-weight: bold;
}

.slider-guest-small p {
  color: #575757;
}

.slider-guest-small .pad {
  border: 1px solid #e8e8e9;
  border-radius: 0.1rem;
  background-color: #fff;
  padding: 0.5rem 0.3rem;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slider-guest-small .slick-current .pad {
  border-color: #005daa;
}

.slider-r {
  overflow: hidden;
  padding-left: 0.3rem;
  position: relative;
  z-index: 10;
}

.slider-guest-small {
  margin-right: -1rem;
}

.slider-guest-small .slick-track {
  padding-top: 0.5rem;
}

.slider-guest-big {
  float: left;
  width: 55%;
  border-radius: 0.1rem;
  overflow: hidden;
  position: relative;
  z-index: 10;
}

.slider-guest-big .slick-track {
  padding: 0;
}

.slider-guest-big .bg {
  position: relative;
  background: #005daa url("/Public/Images/home/ja-jp/bg7.jpg") no-repeat right top;
  border-radius: 0.1rem;
  overflow: hidden;
  padding: 0.4rem 0 0.4rem 0.4rem;
}

.slider-guest-big .item {
  position: relative;
  color: #fff;
  padding-top: 0.5rem;
}

.slider-guest-big .item:after {
  content: '';
  position: absolute;
  width: 0.7rem;
  height: 0.66rem;
  background: url("/Public/Images/home/ja-jp/dt.png") no-repeat left top;
  background-size: 100%;
  top: 0.28rem;
  left: 5%;
}

.slider-guest-big .pad {
  overflow: hidden;
}

.slider-guest-big h3 {
  color: #fff;
  font-size: 0.33rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 1.4em;
  line-height: 1;
}

.slider-guest-big h3:after {
  content: '';
  position: absolute;
  bottom: -0.5em;
  width: 1.5em;
  border-top: 3px solid #f78f1e;
  left: 0;
}

.slider-guest-big h4 {
  font-size: 0.3rem;
  color: #fff;
  margin-bottom: 0.2rem;
  line-height: 1.4;
}

.slider-guest-big .img {
  width: 30%;
  float: left;
  text-align: center;
  vertical-align: bottom;
  padding-top: 43%;
  background-size: cover;
  background-position: 50% bottom;
  background-repeat: no-repeat;
  left: 0;
}

.slider-guest-big .img img {
  display: inline-block;
  vertical-align: bottom;
}

.slider-guest-big .txt {
  padding: 0.4rem;
  padding-top: 0.5rem;
  width: 70%;
  float: right;
}

.slider-guest-big span {
  display: inline-block;
  font-weight: bold;
  vertical-align: middle;
}

.slider-guest-big p {
  display: inline-block;
  vertical-align: middle;
}

.slider-guest-big .btn {
  padding: 0.5em 2em;
}

.slider-guest-big .btn:hover {
  background-color: #fff;
  border-color: #fff;
  color: #005daa;
}

.slider-guest-big .con {
  padding-top: 0.24rem;
  line-height: 1.8;
}

.meta-guest {
  vertical-align: top;
  margin: 0 0;
}

.meta-guest li {
  padding: 0.08rem 0;
  line-height: 1.7;
  position: relative;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  margin-bottom: -1PX;
}

.slider-range {
  width: 50%;
  margin: 0 auto;
  margin-bottom: 6%;
}

.row2 {
  padding-top: 0;
}

.row2 .btn-tc {
  padding-top: 0.4rem;
}

.count-down {
  width: 4.99rem;
  background: url("/Public/Images/home/ja-jp/cd.png") no-repeat left top;
  background-size: 100% 100%;
  text-align: center;
  padding: 0.28rem 0 0.1rem 0;
  display: inline-block;
  box-shadow: 0 0 0.6rem 0.1rem rgba(1, 122, 186, 0.6);
  border-radius: 0.35rem;
}

.count-down span {
  display: inline-block;
  width: 0.99rem;
  height: 1.28rem;
  background: url("/Public/Images/home/ja-jp/dbg.png") no-repeat 50%;
  background-size: 100% 100%;
  font-size: 0.4rem;
  color: #f78f1e;
  position: relative;
  margin: 0 0.05rem;
  line-height: 1rem;
}

.count-down span em {
  position: absolute;
  right: 0.1rem;
  bottom: -0.05rem;
  color: #00a8cb;
  font-size: 0.12rem;
}

.list-partner .item:hover .bg:before {
  opacity: 0;
}

.list-partner .item:hover .bg:after {
  opacity: 1;
}

.list-partner .item:hover .bg img {
  opacity: 1;
}

.list-partner .item {
  text-align: center;
  padding: 0.1rem;
  float: left;
}

.list-partner .bg {
  width: 1.6rem;
  height: 1.76rem;
  line-height: 1.76rem;
  text-align: center;
  position: relative;
  display: inline-block;
}

.list-partner .bg:after,
.list-partner .bg:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.list-partner .bg:before {
  background-image: url("/Public/Images/home/ja-jp/v1.png");
}

.list-partner .bg:after {
  background-image: url("/Public/Images/home/ja-jp/v2.png");
  opacity: 0;
}

.list-partner .bg img {
  vertical-align: middle;
  position: relative;
  z-index: 10;
  display: inline-block;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  top: 50%;
  max-width: 80%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  left: 50%;
  position: absolute;
  opacity: 0.5;
}

.list-partner .sec-row {
  -webkit-transform: translateX(-0.9rem) translateY(-0.5rem);
  -ms-transform: translateX(-0.9rem) translateY(-0.5rem);
  transform: translateX(-0.9rem) translateY(-0.5rem);
}

.arrow-slider a {
  display: inline-block;
  margin: 0 0.2rem;
  width: 1.42rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  background-size: 100% 100%;
}

#arrow-partner {
  margin-top: 9%;
}

#arrow-partner .slick-perv {
  background: url("/Public/Images/home/ja-jp/ar_l.png") no-repeat 50%;
  background-size: 50%;
}

#arrow-partner .slick-next {
  background: url("/Public/Images/home/ja-jp/ar_r.png") no-repeat 50%;
  background-size: 50%;
}

#arrow-partner a {
  border: 1px solid #eeefef;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 0.3rem;
  margin: 0;
  margin-right: 0.2rem;
}

#arrow-partner a:hover {
  border-color: #005daa;
}

#arrow-partner .slick-perv:hover {
  background-color: #005daa;
  background-image: url("/Public/Images/home/ja-jp/ar_l_b2.png");
}

#arrow-partner .slick-next:hover {
  background-color: #005daa;
  background-image: url("/Public/Images/home/ja-jp/ar_r_b2.png");
}

#arrow-guest {
  text-align: right;
  margin-top: 9%;
  margin-right: 20%;
  clear: both;
}

#arrow-guest a {
  position: relative;
}

#arrow-guest a:after,
#arrow-guest a:before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

#arrow-guest a:before {
  opacity: 0;
}

#arrow-guest .slick-perv:before {
  background-image: url("/Public/Images/home/ja-jp/ar_l_b.png");
}

#arrow-guest .slick-perv:after {
  background-image: url("/Public/Images/home/ja-jp/ar_l_g.png");
}

#arrow-guest .slick-next:before {
  background-image: url("/Public/Images/home/ja-jp/ar_r_b.png");
}

#arrow-guest .slick-next:after {
  background-image: url("/Public/Images/home/ja-jp/ar_r_g.png");
}

#arrow-guest a:hover:before {
  opacity: 1;
}

#arrow-guest a:hover:after {
  opacity: 0;
}

#arrow-guest i {
  font-size: 0;
  display: block;
  height: 100%;
  display: none;
}

.list-partner-box {
  float: right;
  width: 60%;
}

.list-partner-box {
  position: relative;
}

.list-partner-box:before {
  content: '';
  position: absolute;
  width: 1.6rem;
  height: 1.76rem;
  top: 1.66rem;
  left: 0.12rem;
  background: url("/Public/Images/home/ja-jp/v3.png") no-repeat left top;
  z-index: 80;
  background-size: 100%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.list-partner {
  white-space: nowrap;
  overflow-x: auto;
  text-align: right;
  position: relative;
}

.list-partner .item {
  display: inline-block;
  float: none;
}

.list-exhibition li {
  float: left;
  width: 25%;
  text-align: center;
  border: 3px solid transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 3.3% 0;
  border-radius: 0.16rem;
}

.list-exhibition li:first-child p {
  font-weight: bold;
}

.list-exhibition li:hover {
  border: 3px solid #0978c1;
  background: rgba(9, 42, 70, 0.04);
}

.list-exhibition li .img {
  position: relative;
}

.list-exhibition li .img .ico {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.list-exhibition li .img .ico img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.list-exhibition li .txt {
  color: #fff;
  font-size: 0.18rem;
  width: 60%;
  margin: 0 auto;
}

.list-exhibition li .bg {
  margin: 0 auto;
  position: relative;
}

.list-exhibition li .bg img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.list-exhibition li .bg .on {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.row4 .con p {
  color: #fff;
}

.art-r {
  position: relative;
}

.art-r:after {
  content: '';
  right: 26%;
  top: 0;
  position: absolute;
  width: 20%;
  padding-top: 20%;
  background: url("/Public/Images/home/ja-jp/dt2.png") no-repeat 50%;
  background-size: 100%;
  -webkit-transform: translateY(-70%);
  -ms-transform: translateY(-70%);
  transform: translateY(-70%);
  display: none;
}

.act-item {
  z-index: 20;
}

.art-r .blob {
  position: absolute;
  z-index: 0;
}

.art-r canvas {
  position: absolute;
}

.art-r .blob-a {
  left: 0;
  top: 0;
}

.art-r .blob-a canvas {
  top: 0;
  left: 0;
}

.art-r .blob-b {
  right: 0;
  bottom: 0;
}

.art-r .blob-b canvas {
  bottom: 0;
  right: 0;
  -webkit-transform: translateX(40%) translateY(35%);
  -ms-transform: translateX(40%) translateY(35%);
  transform: translateX(40%) translateY(35%);
}

.art-r .blob-c {
  left: 50%;
  -webkit-filter: blur(0.02rem);
  filter: blur(0.02rem);
  z-index: 50;
  top: 0;
}

.art-r .blob-c canvas {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.lang-m a {
  display: inline-block;
}

.conference-l {
  float: left;
  width: 50%;
}

.conference-l .img {
  display: block;
  position: relative;
}

.conference-l .img:after {
  content: '';
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 50%;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  z-index: 0;
}

.conference-l .txt {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  color: #fff;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 0.4rem;
}

.conference-l .txt h4 {
  font-size: 0.28rem;
  margin-bottom: 0.1rem;
}

.conference-l .txt p {
  font-size: 0.14rem;
  line-height: 2;
}

.conference-r {
  float: right;
  width: 44%;
}

.list-conference a {
  display: block;
  position: relative;
}

.list-conference li {
  zoom: 1;
  border-top: 1px solid #e8e8e9;
  padding: 5% 0;
}

.list-conference li:after,
.list-conference li:before {
  content: '';
  display: table;
}

.list-conference li:after {
  clear: both;
}

.list-conference li:first-child {
  border: none;
  padding-top: 0;
}

.list-conference h4 {
  color: #a7a9ac;
  font-size: 0.14rem;
  line-height: 2;
}

.list-conference h3 {
  font-size: 0.28rem;
  font-weight: bold;
  height: 2.6em;
  overflow: hidden;
  line-height: 1.3;
  margin-bottom: 0.4em;
}

.list-conference .img {
  width: 35%;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
}

.list-conference .txt {
  margin-right: 35%;
  padding-right: 3%;
}

.hd-sq {
  position: relative;
}

.hd-sq:before,
.hd-sq:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0.31rem;
  height: 0.36rem;
  margin-left: -0.15rem;
  margin-top: -0.1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 0;
}

.hd-sq:after {
  background: url("/Public/Images/home/ja-jp/sq1.png") no-repeat left top;
  background-size: 100%;
  opacity: 0;
}

.hd-sq:before {
  background: url("/Public/Images/home/ja-jp/sq2.png") no-repeat left top;
  background-size: 100%;
}

.hd-sq h4 {
  position: relative;
  z-index: 10;
  color: #a7a9ac;
  font-size: 0.14rem;
  line-height: 1.9;
}

.hd-sq p {
  position: relative;
  z-index: 10;
}

.list-organization {
  margin: 0 -3%;
}

.list-organization .pad {
  border-bottom: 1px solid #e6e6e7;
  padding: 1% 0;
}

.list-organization li {
  float: left;
  width: 50%;
  padding: 0.5% 3%;
}

.list-organization h4 {
  font-size: 0.3rem;
  font-weight: bold;
  margin-bottom: 0.4em;
}

.list-organization .img img {
  width: 49%;
  max-width: 3.27rem;
  vertical-align: middle;
}

.exhibition-summarize1 .btn {
  margin-top: 0.3rem;
}

.exhibition-summarize2 {
  background-image: url("/Public/Images/home/ja-jp/bg-dt.png");
  background-position: 50% bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-bottom: 2.4rem;
}

.exhibition-summarize2 .img {
  padding-top: 22%;
}

.exhibition-summarize2 .wp {
  padding-top: 0.7rem;
}

.exhibition-process {
  zoom: 1;
  padding: 2% 0;
}

.exhibition-process:after,
.exhibition-process:before {
  content: '';
  display: table;
}

.exhibition-process:after {
  clear: both;
}

.exhibition-process li {
  float: left;
  width: 20%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  position: relative;
  color: #fff;
  cursor: pointer;
}

.exhibition-process li h5,
.exhibition-process li h6 {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.exhibition-process li h6 {
  font-size: 0.3rem;
}

.exhibition-process li h5 {
  font-size: 0.24rem;
}

.exhibition-process li:first-child b {
  display: none;
}

.exhibition-process li:last-child:before {
  display: none;
}

.exhibition-process li b {
  position: absolute;
  border-top: 2px solid #75a8d1;
  left: -1PX;
  width: 50%;
  bottom: -50%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

.exhibition-process li:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
  border: 2px solid #fff;
  bottom: -50%;
  background-color: #005daa;
  -webkit-transform: translateX(-50%) translateY(50%);
  -ms-transform: translateX(-50%) translateY(50%);
  transform: translateX(-50%) translateY(50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.exhibition-process li:before {
  content: '';
  position: absolute;
  left: 50%;
  border-top: 2px solid #75a8d1;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  width: 50%;
  bottom: -50%;
}

.exhibition-process li .con {
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  opacity: 0;
  top: 100%;
}

.exhibition-process li.hover .con,
.exhibition-process li:hover .con {
  opacity: 1;
}

.exhibition-summarize2 .exhibition-process li .con {
  margin-top: 1rem;
}

.exhibition-txt {
  margin-top: 4%;
  zoom: 1;
}

.exhibition-txt:after,
.exhibition-txt:before {
  content: '';
  display: table;
}

.exhibition-txt:after {
  clear: both;
}

.exhibition-txt li {
  float: left;
  width: 20%;
  padding: 0 2%;
  text-align: center;
  color: #fff;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(0.05rem);
  -ms-transform: translateY(0.05rem);
  transform: translateY(0.05rem);
}

.exhibition-process li.hover h6,
.exhibition-process li.hover h5 {
  opacity: 1;
}

.exhibition-process li.hover:after {
  background-color: #fff;
}

.exhibition-txt .hover {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.list-fee {
  margin: 0 -1.5%;
}

.list-fee li {
  float: left;
  width: 50%;
  padding: 0 1.5%;
}

.list-fee h4 {
  font-size: 0.36rem;
  margin: 1em 0 0.4em;
}

.list-fee .img {
  padding-top: 60%;
  border: 1px solid #e8e8e9;
  border-radius: 0.1rem;
}

.list-fee li:last-child .img {
  border: none;
}

.list-fee .meta {
  margin: 0 -0.2rem;
}

.list-fee .meta dd {
  display: inline-block;
  padding: 0 0.2rem;
  color: #005daa;
  line-height: 2;
  margin-bottom: 0.1rem;
  position: relative;
}

.list-fee .meta dd:after {
  content: '';
  position: absolute;
  top: 0.5em;
  bottom: 0.5em;
  right: 0;
  width: 0.01rem;
  background-color: #e8e8e9;
}

.list-fee .meta dd:last-child:after {
  display: none;
}

.list-fee .text {
  padding-top: 0.1rem;
}

.exhibition-summarize4 {
  background: url("/Public/Images/home/ja-jp/bg8.png") no-repeat 50%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #f4f8fb;
}

.exhibition-summarize4 h5 {
  color: #005daa;
  font-size: 0.36rem;
  padding-top: 0.4em;
}

.exhibition-summarize4 h6 {
  font-size: 0.24rem;
}

.exhibition-summarize4 .text {
  padding-bottom: 2em;
}

.exhibition-summarize4 .bd {
  float: left;
  width: 64%;
}

.exhibition-summarize4 .hd {
  float: right;
  width: 24%;
}

.exhibition-summarize5 .btn-tc {
  margin-top: 0.5rem;
}

.slider-service-hd {
  margin-right: -0.1rem;
  margin-top: -0.72rem;
}

.slider-service-hd .item {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  padding: 0.1rem 0.1rem;
  cursor: pointer;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  margin: -0.1rem 0;
}

.slider-service-hd .img {
  padding-top: 52%;
  margin: 0 0 0 0.5rem;
  position: relative;
}

.slider-service-hd .img:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 4px solid #005daa;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 20;
}

.slider-service-hd .img:after {
  background-color: rgba(0, 0, 0, 0.5);
  content: '';
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.slider-service-hd span {
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  color: #fff;
  text-align: center;
  width: 100%;
  font-size: 0.24rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.slider-service-hd .slick-current {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.slider-service-hd .slick-current .img {
  box-shadow: 0 0 0.09rem 0.03rem rgba(0, 0, 0, 0.2);
}

.slider-service-hd .slick-current .img:before {
  opacity: 1;
}

.slider-service-hd .slick-current .img:after {
  opacity: 0;
}

.slider-service-hd .slick-current span {
  opacity: 0;
}

.slider-service-hd .slick-track {
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}

.list-addr {
  margin: 0 -3%;
}

.list-addr li {
  float: left;
  width: 44%;
  margin: 0 3%;
  padding: 0.1rem 0;
  color: #005daa;
  border-top: 1px solid #cbdeed;
  border-bottom: 1px solid #cbdeed;
  margin-top: -1PX;
}

.exhibition-summarize6 {
  background-image: url("/Public/Images/home/ja-jp/bg9.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.exhibition-summarize6 .hd {
  color: #fff;
  line-height: 1.9;
  width: 60%;
  margin: 0 auto;
}

.schedule-hd {
  zoom: 1;
  margin-top: 6%;
}

.schedule-hd:after,
.schedule-hd:before {
  content: '';
  display: table;
}

.schedule-hd:after {
  clear: both;
}

.schedule-hd li {
  text-align: center;
  position: relative;
  float: left;
  width: 20%;
}

.schedule-hd li:first-child b {
  display: none;
}

.schedule-hd li:last-child:before {
  width: 20rem;
}

.schedule-hd li b {
  position: absolute;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  left: 0;
  width: 50%;
  bottom: -50%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

.schedule-hd li:after {
  content: '';
  position: absolute;
  left: 50%;
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
  border: 2px solid #fff;
  bottom: -50%;
  background-color: #005daa;
  -webkit-transform: translateX(-50%) translateY(50%);
  -ms-transform: translateX(-50%) translateY(50%);
  transform: translateX(-50%) translateY(50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.schedule-hd li:before {
  content: '';
  position: absolute;
  left: 50%;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  width: 50%;
  bottom: -50%;
}

.schedule-hd h4 {
  color: #fff;
  font-size: 0.3rem;
}

.schedule-bd {
  zoom: 1;
  text-align: center;
  margin-top: 0.5rem;
  margin-bottom: 2%;
}

.schedule-bd:after,
.schedule-bd:before {
  content: '';
  display: table;
}

.schedule-bd:after {
  clear: both;
}

.schedule-bd li {
  float: left;
  width: 20%;
}

.schedule-bd p {
  color: #fff;
}

.exhibition-summarize7 {
  background-color: #f4f6f7;
}

.exhibition-summarize7 .hd {
  float: left;
  width: 40%;
}

.exhibition-summarize7 .bd {
  float: right;
  width: 60%;
}

.list-download li {
  overflow: hidden;
  border-top: 1px solid #e8e8e9;
  padding: 2% 0;
}

.list-download li a {
  display: block;
  position: relative;
  line-height: 3em;
  padding-right: 1rem;
}

.list-download li:last-child {
  border-bottom: 1px solid #e8e8e9;
}

.list-download li .tit {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.list-download li .tit i {
  color: #005daa;
  font-size: 0.3rem;
  margin-right: 0.4em;
}

.list-download li .dl-btn {
  position: absolute;
  right: 0;
  top: 0;
  color: #005daa;
}

.list-download li .dl-btn i {
  font-size: 0.2rem;
  margin-right: 0.2em;
}

.list-download li s {
  text-decoration: none;
}

.list-download li span * {
  vertical-align: middle;
}

.exhibition-summarize8 .hd {
  line-height: 1.9;
  width: 44%;
  margin: 0 auto;
}

.exhibition-summarize8 .hd h5 {
  font-size: 0.24rem;
  margin-bottom: 0.2em;
  text-align: center;
}

.list-overriding {
  margin: 0 -1%;
  margin-top: 3%;
}

.list-overriding li {
  float: left;
  width: 20%;
  padding: 0 1%;
}

.list-overriding .pad {
  border: 1px solid #e8e8e9;
  padding: 10% 10% 5% 10%;
}

.list-overriding img {
  width: 0.74rem;
}

.list-overriding h4 {
  margin-bottom: 0.4em;
  margin-right: -14%;
}

.list-overriding h4 span {
  display: inline-block;
  width: 60%;
  margin-right: -0.5em;
  font-size: 0.24rem;
  color: #005daa;
}

.list-overriding h4 i {
  width: 40%;
  display: inline-block;
  text-align: right;
}

.list-overriding p {
  color: #787878;
}

.exhibition-summarize9 {
  background-image: url("/Public/Images/home/ja-jp/bg10.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding: 7% 0;
}

.list-mod1 .item {
  margin: 4% 0;
  zoom: 1;
}

.list-mod1 .item:after,
.list-mod1 .item:before {
  content: '';
  display: table;
}

.list-mod1 .item:after {
  clear: both;
}

.list-mod1 .img {
  width: 62%;
  position: relative;
  padding-top: 40%;
}

.list-mod1 .txt {
  width: 32%;
}

.slider-hotel,
.slider-hotel .slide,
.slider-hotel .slick-track,
.slider-hotel .slick-list,
.slider-hotel .pic {
  height: 100%;
  background-color: #005daa;
}

.slider-hotel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.slider-hotel .pic {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.list-qa .hd {
  font-size: 0.24rem;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  line-height: 1.4;
  background-color: #c3c3c3;
  color: #fff;
  padding: 1.3em 1.5em;
  padding-right: 3.5em;
}

.list-qa .hd i {
  position: absolute;
  right: 1.2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0.3rem;
  line-height: 1;
}

.list-qa .bd {
  display: none;
}

.list-qa li {
  padding: 0.8em 0;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
  position: relative;
}

.list-qa li.show .hd {
  background-color: #005daa;
}

.list-qa .con {
  padding: 1em 0;
}

.list-qa .blue {
  color: #005daa;
}

.list-qa .text {
  padding: 1em 0;
}

.list-qa .btn {
  margin-bottom: 1em;
}

.list-mod1 .line {
  border-top: 1px solid #e5e5e5;
  margin: 0.6em 0;
}

.list-mod1 h5 {
  font-size: 0.24rem;
  color: #323232;
}

.list-mod1 .txt.r .btn {
  margin-top: 2.5em;
}

.overview-info {
  overflow: hidden;
  text-align: center;
  margin-top: 10%;
}

.overview-info i {
  font-size: 0.4rem;
  color: #005daa;
}

.overview-info .con {
  color: #787878;
  line-height: 1.6;
  text-align: left;
  text-align: center;
}

.overview-info li {
  display: inline-block;
  vertical-align: top;
  border-left: 1px solid #e8e8e9;
  border-right: 1px solid #e8e8e9;
  margin-right: -0.01rem;
  padding-bottom: 10rem;
  margin-bottom: -9.9rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

.overview-info h5 {
  color: #005daa;
  font-size: 0.3rem;
  margin-bottom: 0.1em;
}

.topic-exhibition1 li {
  padding-left: 0;
  padding-right: 0;
}

.conference-det2,
.exhibition-overview2 {
  background-image: url("/Public/Images/home/ja-jp/bg-dt.png");
  background-color: #005daa;
  background-position: 50% 120%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.theme-exhibition {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin: 8% 0 6% 0;
}

.theme-exhibition .tit img {
  width: 0.4rem;
  vertical-align: middle;
}

.theme-exhibition .tit em {
  margin-left: 1em;
  color: #fff;
  vertical-align: middle;
}

.theme-exhibition i {
  float: right;
  font-size: 0.3rem;
  color: #fff;
}

.theme-exhibition a {
  display: block;
  line-height: 3em;
}

.theme-exhibition li {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  padding: 1.5% 0.1rem;
}

.exhibition-overview3 .t2 {
  display: inline-block;
  width: 30%;
  vertical-align: middle;
  margin-right: -0.5em;
  margin-bottom: 0;
}

.exhibition-overview3 .download2-box {
  width: 70%;
  display: inline-block;
  vertical-align: middle;
}

.list-download2 {
  margin: 0 -0.1rem;
}

.list-download2 li {
  float: left;
  width: 33.3333%;
  padding: 0 0.1rem;
  text-align: center;
}

.list-download2 .pad {
  background-color: #00a8cb;
  padding: 19% 0.1rem;
}

.list-download2 s {
  text-decoration: none;
  vertical-align: middle;
}

.list-download2 i {
  font-size: 0.26rem;
  vertical-align: middle;
}

.list-download2 a {
  display: block;
  color: #fff;
}

.list-scope li {
  width: 33.3333%;
}

.list-scope .pad {
  padding-bottom: 7%;
}

.list-scope h5 img {
  max-width: 1.45rem;
}

.cooperation1 .img,
.cooperation1 .txt {
  display: inline-block;
  vertical-align: middle;
  margin-right: -0.5em;
}

.cooperation1 .img {
  width: 38%;
}

.cooperation1 .txt {
  width: 62%;
  padding-left: 4%;
}

.cooperation1 .txt h5 {
  font-size: 0.36rem;
}

.cooperation1 .txt sup {
  font-size: 0.12rem;
  vertical-align: text-top;
}

.cooperation2 h3 {
  font-size: 0.36rem;
  margin-bottom: 0.5em;
}

.cooperation-plan li {
  border-top: 1px solid #e8e8e9;
}

.cooperation-plan .hd {
  font-size: 0.24rem;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  line-height: 1.4;
  padding: 1.5em 0;
  padding-right: 3.5em;
}

.cooperation-plan .hd s {
  position: absolute;
  right: 1.2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1;
  width: 2em;
  height: 2em;
  background-color: #e7e7e7;
  border-radius: 50%;
  line-height: 2em;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #fff;
}

.cooperation-plan .hd s i {
  font-size: 0.2rem;
}

.cooperation-plan .tit {
  font-size: 0.2rem;
}

.cooperation-plan em {
  color: #787878;
}

.cooperation-plan .bd {
  display: none;
}

.cooperation-plan .show s {
  background-color: #005daa;
}

.cooperation-plan .con {
  padding-bottom: 4%;
  zoom: 1;
}

.cooperation-plan .con:after,
.cooperation-plan .con:before {
  content: '';
  display: table;
}

.cooperation-plan .con:after {
  clear: both;
}

.coo-tit {
  font-size: 0.24rem;
}

.coo-tit h5 {
  line-height: 1.4;
}

.coo-tit img {
  margin-bottom: 0.5em;
  width: 1.05rem;
}

.cooperation-plan .l {
  width: 35%;
}

.cooperation-plan .l .text {
  margin-top: 3%;
  margin-bottom: 6%;
}

.cooperation-plan .r {
  width: 65%;
  padding-left: 5%;
}

.cooperation-plan .r h5 {
  font-size: 0.24rem;
  margin-bottom: 0.5em;
}

.summrize {
  line-height: 1.8;
}

.summrize h4 {
  font-size: 0.36rem;
  text-align: center;
  margin-bottom: 0.2em;
}

.summrize .text {
  padding-left: 2%;
  padding-right: 2%;
}

.summrize-blue {
  background-color: #005daa;
  color: #fff;
}

.summrize-blue .text {
  color: #fff;
}

.list-traffic {
  zoom: 1;
  margin: 0 -0.16rem;
}

.list-traffic:after,
.list-traffic:before {
  content: '';
  display: table;
}

.list-traffic:after {
  clear: both;
}

.list-traffic li {
  float: left;
  width: 50%;
  padding: 0 0.16rem;
  position: relative;
}

.list-traffic li .col {
  height: 50%;
  position: relative;
  padding: 0.16rem 0;
}

.list-traffic li .col .pad {
  height: 100%;
}

.list-traffic li .row {
  position: absolute;
  top: -0.16rem;
  bottom: -0.16rem;
  left: 0;
  right: 0;
  padding: 0 0.16rem;
}

.list-traffic .pad {
  border: 1px solid #e8e8e9;
  padding: 8%;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 100%;
}

.list-traffic .pad:hover {
  box-shadow: 0 0 0.2rem 0.06rem rgba(0, 0, 0, 0.1);
}

.list-traffic h4 {
  font-size: 0.3rem;
  margin-bottom: 0.5em;
}

.list-traffic .bg {
  position: absolute;
  right: 0;
  bottom: 0;
}

.list-traffic .s1 {
  background: url("/Public/Images/home/ja-jp/tr1.png") no-repeat 8% 92%;
  background-size: 1.9rem auto;
}

.list-traffic .s2 {
  background: url("/Public/Images/home/ja-jp/tr2.png") no-repeat 92% 50%;
  background-size: 1.9rem auto;
}

.list-traffic .s3 {
  background: url("/Public/Images/home/ja-jp/tr3.png") no-repeat 92% 50%;
  background-size: 1.9rem auto;
}

.traffic3,
.traffic2 {
  padding-top: 0.2rem;
}

.list-traffic2 li {
  float: left;
  width: 33.333%;
}

.list-traffic2 h5 {
  color: #005daa;
}

.list-traffic2 h5 span {
  width: 70%;
}

.list-traffic2 h5 img {
  max-width: 1rem;
  width: 30%;
}

.list-traffic2 .bd {
  padding-top: 5%;
  padding-bottom: 5%;
}

.traffic3 .btn {
  margin-left: 1em;
}

.list-hotel {
  margin: 0 -1%;
  zoom: 1;
}

.list-hotel:after,
.list-hotel:before {
  content: '';
  display: table;
}

.list-hotel:after {
  clear: both;
}

.list-hotel li {
  display: inline-block;
  margin-right: -0.3em;
  width: 33.3333%;
  vertical-align: top;
  padding: 0 1%;
  margin-bottom: 5%;
}

.list-hotel .img {
  padding-top: 65%;
}

.list-hotel h4 {
  font-weight: bold;
  font-size: 0.3rem;
  margin-bottom: 0.2em;
}

.list-hotel .hd {
  padding: 2.4em 0 2em 0;
}

.list-hotel .bd {
  width: 55%;
}

.list-hotel .bd h5 {
  font-size: 0.24rem;
  color: #005daa;
}

.list-hotel .bd p {
  color: #787878;
}

.list-hotel .bd dd {
  border-top: 1px solid #e8e8e9;
  border-bottom: 1px solid #e8e8e9;
  padding: 0.1rem 0;
  margin-top: -1PX;
  line-height: 1.6;
}

.list-hotel .text {
  height: 3.5em;
  overflow: hidden;
  width: 80%;
}

.list-guests {
  margin: 0 -0.12rem;
}

.list-guests .item {
  padding: 0.12rem;
  width: 20%;
  float: left;
  text-align: center;
}

.list-guests h5 {
  font-size: 0.2rem;
}

.list-guests p {
  font-size: 0.14rem;
  color: #787878;
}

.list-guests .txt {
  border: 1px solid #e8e8e9;
  padding: 1.5em 1em;
  border-top: none;
}

.list-guests .img {
  padding-top: 100%;
}

.guests-box {
  padding-bottom: 6%;
}

.list-report {
  margin: 0 -1%;
}

.list-report li {
  padding: 1%;
  width: 33.3333%;
  float: left;
}

.list-report h5 {
  font-size: 0.24rem;
  font-weight: bold;
}

.list-report p {
  font-size: 0.14rem;
  color: #787878;
}

.list-report .txt {
  border: 1px solid #e8e8e9;
  padding: 1.5em;
  border-top: none;
}

.list-report .img {
  padding-top: 77%;
}

.report-box,
.video-box {
  background: url("/Public/Images/home/ja-jp/bg6.gif") no-repeat right 117%;
  padding-bottom: 8%;
}

.picture-box,
.picture-detail {
  background-color: #052138;
}

.list-picture {
  zoom: 1;
  padding-left: 0.7%;
  padding-right: 0.7%;
}

.list-picture:after,
.list-picture:before {
  content: '';
  display: table;
}

.list-picture:after {
  clear: both;
}

.list-picture li {
  float: left;
  width: 14.285%;
  padding: 0.7%;
}

.list-picture .img {
  display: block;
  overflow: hidden;
  padding-top: 74%;
  position: relative;
}

.list-picture .back {
  position: absolute;
  top: -0.02rem;
  left: 0;
  right: 0;
  bottom: -0.02rem;
  opacity: 0;
  -webkit-transform: translateZ(0) scale(1.3, 1.3);
  transform: translateZ(0) scale(1.3, 1.3);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-color: rgba(0, 0, 0, 0.6);
}

.list-picture .back i {
  position: absolute;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  background-color: #005daa;
  text-align: center;
  color: #fff;
  font-size: 0.19rem;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 50%;
}

.list-picture a:hover .back {
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
  opacity: 1;
}

.picture-box {
  border-bottom: 1px solid #fff;
}

.slider-picture {
  margin: 2em 0;
}

.slider-picture .img {
  padding-top: 76%;
}

.picture-detail {
  border-bottom: 1px solid #fff;
}

.picture-detail .list-picture {
  margin-top: 2em;
}

.guests-detail .hd {
  text-align: center;
}

.guests-detail .hd .text span {
  margin: 0 1em;
}

.guests-detail .img {
  width: 2.95rem;
  height: 2.95rem;
  display: inline-block;
}

.guests-detail h4 {
  font-size: 0.3rem;
  margin-top: 0.8em;
  margin-bottom: 0.2em;
}

.guests-detail .bd {
  padding-top: 0.32rem;
}

.news-detail {
  overflow-x: hidden;
}

.news-detail .hd {
  background-color: #005daa;
  text-align: center;
  padding: 5% 0;
  position: relative;
}

.news-detail .hd h1 {
  font-size: 0.36rem;
  line-height: 1.4;
  margin: 0 auto;
  margin-bottom: 0.5em;
  width: 100%;
  max-width: 7rem;
  color: #fff;
}

.news-detail .hd .meta span {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.1rem;
}

.news-detail .hd .meta em {
  color: #fff;
}

.news-detail .hd .share-news {
  display: inline-block;
  vertical-align: middle;
}

.news-detail .hd .wrap1200 {
  z-index: 10;
  position: relative;
}

.news-detail .bd {
  padding: 2% 0;
}

.news-detail .bd p {
  font-size: 0.16rem;
  line-height: 1.8;
  margin: 3% 0;
}

.news-detail .bd img {
  margin: 1.5% 0;
}

.share-ico {
  display: inline-block;
}

.share-ico a {
  margin-right: 0.3em;
  background-color: #fff;
  color: #2b2927;
  display: inline-block;
  width: 1.6em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 1.6em;
  border-radius: 50%;
  line-height: 1.6;
  font-size: 0.19rem;
  color: #005daa;
}

.share-ico .icon-weibo:hover {
  background-color: #e6162d;
  color: #fff;
}

.share-ico .icon-weixin:hover {
  background-color: #06c462;
  color: #fff;
}

.about-ban {
  background-color: #005daa;
  position: relative;
  overflow: hidden;
}

.about-ban .txt {
  color: #fff;
  width: 50%;
  padding-right: 13%;
  padding-left: 5%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.about-ban .txt h4 {
  font-size: 0.3rem;
}

.about-ban .txt .line {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  margin: 0.8em 0;
}

.about-ban .txt:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.5em;
}

.about-ban .pad {
  vertical-align: middle;
  display: inline-block;
}

.about-ban .img {
  width: 50%;
  float: right;
  padding-top: 46%;
}

.about-ban .btn {
  margin-top: 0.7rem;
}

.about-ban .hd {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 3.5rem;
  height: 3.8rem;
  background: url("/Public/Images/home/ja-jp/t-bg.png") no-repeat 50%;
  background-size: 100%;
}

.about-ban .hd .t2 {
  top: 50%;
  width: 100%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  margin-bottom: 0;
}

.slider-history {
  margin: 6% -0.48rem;
}

.slider-history .hd {
  border-bottom: 1px solid #e8e8e9;
  padding-bottom: 0.32rem;
  margin-bottom: 0.32rem;
}

.slider-history .hd span {
  color: #005daa;
  font-size: 0.72rem;
  display: inline-block;
  width: 60%;
  margin-right: -0.5em;
  vertical-align: bottom;
  line-height: 1;
}

.slider-history .hd .btn-r {
  vertical-align: bottom;
  text-align: right;
  width: 40%;
  display: inline-block;
}

.slider-history .hd .btn {
  text-align: center;
  background-color: #fff;
}

.slider-history .hd .btn:hover {
  background-color: #005daa;
}

.slider-history .item {
  padding: 0 0.48rem;
}

.about1 .hd .text {
  width: 100%;
  max-width: 5.8rem;
  text-align: center;
  margin: 0 auto;
}

.mod-img-txt {
  position: relative;
  zoom: 1;
}

.mod-img-txt:after,
.mod-img-txt:before {
  content: '';
  display: table;
}

.mod-img-txt:after {
  clear: both;
}

.mod-img-txt .img {
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
}

.about2 {
  position: relative;
  overflow: hidden;
}

.about2 .txt {
  padding-left: 7%;
  padding-right: 7%;
}

.about2 .btn {
  margin-top: 10%;
}

.about3 {
  background: url("/Public/Images/home/ja-jp/bg11.jpg") no-repeat 50%;
}

.overview1 h4 {
  font-size: 0.24rem;
  line-height: 1.6;
  margin-bottom: 0.9em;
  font-weight: bold;
}

.overview1 .mod-img-txt4 {
  background-color: #f4f8fb;
}

.overview1 .mod-img-txt4 .img {
  width: 40%;
}

.overview1 .mod-img-txt4 .txt {
  width: 60%;
  padding: 0 4%;
}

.list-mod3 {
  margin: 0 -2%;
  zoom: 1;
}

.list-mod3:after,
.list-mod3:before {
  content: '';
  display: table;
}

.list-mod3:after {
  clear: both;
}

.list-mod3 li {
  float: left;
  width: 50%;
  padding: 2%;
}

.list-mod3 li h4 {
  font-size: 0.36rem;
  font-size: 0.3rem;
  color: #005daa;
  line-height: 1.4;
}

.list-mod3 li h4 .line {
  border-top: 1px solid #e8e8e9;
  margin: 0.8em 0 0.9em 0;
}

.nanocity1 .list-mod3 {
  padding-top: 1%;
}

.nanocity2 {
  background-color: #f4f8fb;
}

.nanocity2 .mod-img-txt4 .txt {
  width: 48%;
  padding: 0 7%;
}

.nanocity2 .mod-img-txt4 .img {
  width: 52%;
}

.nanocity2 .mod-img-txt4 .text p {
  margin-bottom: 2em;
}

.nanocity2 .mod-img-txt4 .text p:last-child {
  margin-bottom: 0;
}

.mod-img-txt2 {
  zoom: 1;
  position: relative;
}

.mod-img-txt2:after,
.mod-img-txt2:before {
  content: '';
  display: table;
}

.mod-img-txt2:after {
  clear: both;
}

.nanocity3 .img {
  width: 61%;
  padding-top: 40%;
}

.nanocity3 .txt {
  width: 34%;
  padding-top: 9%;
}

.nanocity3 .mod-img-txt2 {
  margin: 0.5rem 0;
}

.nanocity3 .text {
  line-height: 2;
}

.contact1 .list-mod3 li {
  width: 33.3333%;
}

.contact1 .list-mod3 h4 {
  height: 5em;
}

.contact1 .list-mod3 h4 .con {
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
}

.contact1 .list-mod3 h4:before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: bottom;
  content: '';
}

.contact2 {
  background: url("/Public/Images/home/ja-jp/contact-bg.jpg") no-repeat 50%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding: 6% 0;
}

.contact2 .hd {
  color: #fff;
  margin-bottom: 5%;
  padding-bottom: 0.32rem;
}

.contact2 .hd .t5 {
  margin-bottom: 0.2em;
}

.ban-square {
  position: relative;
  margin-bottom: 1.35rem;
}

.ban-square:after {
  display: none;
}

.ban-square .hd {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(35%);
  -ms-transform: translateX(-50%) translateY(35%);
  transform: translateX(-50%) translateY(35%);
  width: 4.54rem;
  height: 4.94rem;
  background: url("/Public/Images/home/ja-jp/t-bg2.png") no-repeat 50%;
  background-size: 100%;
  bottom: 0;
  color: #fff;
  padding: 1.38rem 0.52rem 0 0.52rem;
}

.ban-square .hd h3 {
  font-size: 0.3rem;
  margin-top: 0.32rem;
  font-weight: bold;
  margin-bottom: 0.8em;
  text-align: center;
}

.ban-square .hd p {
  font-size: 0.18rem;
  padding-left: 0.48rem;
}

.ban-square-conference .hd {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}

.ban-square-conference .hd p {
  padding-left: 0;
  padding-left: 0.5rem;
}

.topic-exhibition1 li {
  float: left;
  width: 25%;
}

.list-scope2 {
  margin-top: 4%;
}

.list-scope2 li {
  width: 33.333%;
  margin-bottom: 0.5rem;
}

.list-scope2 li h5 span {
  padding-top: 2em;
  display: block;
  width: auto;
}

.list-scope2 li h5 em {
  position: absolute;
  text-align: center;
  color: #fff;
  width: 0.88rem;
  height: 0.96rem;
  background: url("/Public/Images/home/ja-jp/t-bg3.png") no-repeat 50%;
  background-size: 100%;
  top: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0.3rem;
  line-height: 0.96rem;
}

.conference-det3 .list-scope2 li {
  width: 25%;
}

.conference-det3 .list-scope2 li span {
  font-size: 0.22rem;
}

.audience-box {
  position: relative;
}

.audience-box .hd {
  position: absolute;
  left: 0;
  right: 0;
  padding-top: 0.75rem;
}

.list-audience {
  zoom: 1;
}

.list-audience:after,
.list-audience:before {
  content: '';
  display: table;
}

.list-audience:after {
  clear: both;
}

.list-audience li {
  width: 33.3333%;
  color: #fff;
  text-align: center;
  padding: 13.5% 4% 13.5% 4%;
  float: left;
  display: block;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
}

.list-audience li:after {
  content: '';
  background: url("/Public/Images/home/ja-jp/mask-blue.png") no-repeat 50%;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.02rem;
  height: 60%;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 0;
}

.list-audience li:hover:after {
  opacity: 1;
}

.list-audience li:last-child {
  border: none;
}

.list-audience li:hover .num {
  background-color: #005daa;
  border-color: #005daa;
}

.list-audience li h4 {
  font-size: 0.3rem;
  margin: 0.5em 0 0.8em 0;
}

.list-audience li .num {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  line-height: 0.8rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.5);
  text-align: center;
  font-size: 0.26rem;
}

.list-audience li .text {
  text-align: left;
}

.list-audience li .text p {
  color: #fff;
}

.list-audience li * {
  position: relative;
  z-index: 1;
}

.topic-exhibition4 {
  background-image: url("/Public/Images/home/ja-jp/bg-aud.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.list-mod4 {
  padding: 1.5% 0;
}

.list-mod4 li {
  margin: 5% -4%;
  zoom: 1;
}

.list-mod4 li:after,
.list-mod4 li:before {
  content: '';
  display: table;
}

.list-mod4 li:after {
  clear: both;
}

.list-mod4 li .img {
  padding-top: 37.5%;
  width: 57%;
  position: relative;
}

.list-mod4 li .img.r {
  margin-right: 4%;
}

.list-mod4 li .img.l {
  margin-left: 4%;
}

.list-mod4 li .txt {
  width: 39%;
  padding: 0 4%;
}

.list-mod4 li h3 {
  font-size: 0.36rem;
  margin: 0.2em 0 0.5em 0;
  font-weight: bold;
}

.list-mod4 li .line {
  margin-top: 0.22rem;
  margin-bottom: 0.22rem;
  border-top: 1px solid #e8e8e9;
}

.list-mod4 li .btn {
  margin-top: 0.9rem;
}

.mod-img-txt3 {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding-top: 13%;
}

.mod-img-txt3 .btn {
  margin-top: 10%;
}

.mod-img-txt3 .txt {
  float: right;
  width: 45%;
  background-color: #fff;
  padding: 4%;
  position: relative;
}

.mod-img-txt3 .txt * {
  position: relative;
  z-index: 20;
}

.mod-img-txt3 .txt:after {
  content: '';
  position: absolute;
  border: 1px solid rgba(255, 255, 255, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-left: -0.16rem;
  margin-top: -0.16rem;
  z-index: 0;
}

.exhibit2,
.conference1 {
  background-color: #f4f6f7;
  background-image: url("/Public/Images/home/ja-jp/bg-dt2.png");
  background-position: 50% 110%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.exhibit2 p,
.conference1 p {
  margin-bottom: 2em;
}

.exhibit2 .btn-tc,
.conference1 .btn-tc {
  padding-top: 5%;
}

.arrow-down {
  width: 0.7rem;
  height: 0.7rem;
  line-height: 0.7rem;
  border: 2px solid #005daa;
  color: #005daa;
  display: inline-block;
  border-radius: 50%;
}

.arrow-down i {
  font-size: 0.28rem;
}

.conference2 {
  background-image: url("/Public/Images/home/ja-jp/conference-bg1.jpg");
}

.conference2 .con {
  margin-top: 5%;
}

.conference2 .con p {
  line-height: 2;
  color: #adadad;
}

.conference2 .btn {
  margin-top: 0;
}

.list-dot {
  line-height: 1.8;
}

.list-dot li {
  padding-left: 1em;
  position: relative;
}

.list-dot li:after {
  content: '';
  position: absolute;
  width: 0.35em;
  height: 0.35em;
  border-radius: 50%;
  background-color: #005daa;
  left: 0;
  top: 0.65em;
}

.conference-det2 {
  zoom: 1;
  color: #fff;
}

.conference-det2:after,
.conference-det2:before {
  content: '';
  display: table;
}

.conference-det2:after {
  clear: both;
}

.conference-det2 .t2 {
  float: left;
}

.list-org3 {
  float: right;
  width: 68%;
}

.list-org3 dd {
  overflow: hidden;
  margin-bottom: 0.15rem;
}

.list-org3 h3 {
  font-size: 0.3rem;
}

.list-org3 .line {
  background-color: rgba(255, 255, 255, 0.3);
  height: 0.01rem;
  margin: 0.1rem 0;
}

.list-org3 .list-dot-white li {
  float: left;
  margin-right: 0.3rem;
  opacity: 0.8;
}

.list-dot-white {
  line-height: 2;
}

.list-dot-white li {
  color: #fff;
}

.list-dot-white li:after {
  background-color: #fff;
  top: 0.9em;
}

.conference-det3 {
  padding-bottom: 0;
}

.conference-det3 .t2 p {
  color: #787878;
}

.list-main-topics {
  margin-bottom: -4%;
}

.list-main-topics h5:after {
  display: none;
}

.conference-det4 {
  position: relative;
  zoom: 1;
}

.conference-det4:after,
.conference-det4:before {
  content: '';
  display: table;
}

.conference-det4:after {
  clear: both;
}

.conference-det4 .wp {
  position: relative;
  z-index: 20;
}

.conference-det4 .bg-gray {
  content: '';
  position: absolute;
  width: 100%;
  padding-top: 26%;
  background-color: #f4f6f7;
  z-index: 0;
  top: 0;
  left: 0;
}

.conference-det4 .t2-l {
  width: 30%;
}

.conference-det4 .t2-r {
  width: 70%;
  color: #575757;
  line-height: 2;
}

.conference-det4 .t2-l.t2-l-new {
  width: 40%;
}

.timeline-topics {
  margin: 1.5rem 0;
  display: inline-block;
  position: relative;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
}

.timeline-topics:after {
  background-color: #005daa;
  height: 0.03rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  content: '';
}

.timeline-topics li {
  position: relative;
  float: left;
  width: 14.285%;
}

.timeline-topics li:after {
  content: '';
  position: absolute;
  width: 0.46rem;
  height: 0.46rem;
  border-radius: 50%;
  border: 3px solid #005daa;
  background-color: #fff;
  left: 50%;
  top: 50%;
  z-index: 2;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.timeline-topics li .con {
  margin-left: -20%;
  margin-right: -20%;
}

.timeline-topics li .con h6 {
  font-size: 0.24rem;
  text-align: center;
  color: #005daa;
}

.timeline-topics .even .con {
  -webkit-transform: translateY(80%);
  -ms-transform: translateY(80%);
  transform: translateY(80%);
}

.timeline-topics .odd .con {
  -webkit-transform: translateY(-80%);
  -ms-transform: translateY(-80%);
  transform: translateY(-80%);
}

.conference-det6 {
  background-image: url("/Public/Images/home/ja-jp/conference-det3.jpg");
}

.conference-det6 p {
  line-height: 2;
}

.conference-det5 .t2 p {
  font-size: 0.24rem;
  color: #787878;
}

.conference-det5 .t2 p span {
  margin: 0 1em;
}

.exhibit1 {
  background-image: url("/Public/Images/home/ja-jp/ban-ext5.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.exhibit1 .overview-info {
  margin-top: 6%;
}

.exhibit1 .overview-info i {
  color: #fff;
}

.exhibit1 .overview-info h5 {
  color: #fff;
}

.exhibit1 .overview-info li {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.exhibit1 .overview-info li:last-child {
  border-left: none;
}

.exhibit1 .con {
  color: #fff;
}

.exhibit1 .btn-tc {
  margin-top: 4%;
}

.exhibit1 .btn-line-white {
  border-color: rgba(255, 255, 255, 0.5);
  margin: 0 0.6em;
}

.exhibit2 {
  background-image: url("/Public/Images/home/ja-jp/bg-dt3.png");
  padding-bottom: 8%;
}

.exhibit2 .btn-tc {
  padding-top: 4%;
}

.exhibit2 .img {
  padding: 5% 0;
  background-image: url("/Public/Images/home/ja-jp/bg-ext2.jpg");
  overflow: hidden;
}

.exhibit2 .img .con {
  float: right;
  width: 50%;
  background-color: #fff;
  padding: 4% 4%;
  margin-right: 5%;
}

.exhibit2 .img .con h4 {
  font-size: 0.3rem;
  margin-bottom: 0.5em;
}

.exhibit2 .img .con p {
  margin-bottom: 0;
}

.exhibit2 .img .con p em {
  color: #005daa;
}

.exhibit3 {
  background-image: url("/Public/Images/home/ja-jp/bg-ext3.jpg");
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.list-audience2 {
  width: 100%;
}

.list-audience2 li {
  width: 50%;
  vertical-align: middle;
  padding-top: 24%;
  padding-bottom: 24%;
}

.list-audience2 li .text {
  width: 68%;
  text-align: center;
  margin: 0 auto;
  display: none;
}

.list-audience2 li .text p {
  margin-bottom: 2em;
}

.list-audience2 li .ico {
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.6);
  display: inline-block;
  width: 1.9em;
  height: 1.9em;
  line-height: 1.9em;
  font-size: 0.8rem;
}

.list-audience2 li .ico i {
  font-size: inherit;
}

.list-audience2 li .cell {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.exhibition-process2 {
  margin-top: 5%;
  margin-bottom: 12%;
}

.exhibition-process2 li.hover:after {
  background: #005daa;
}

.exhibition-process2 li.hover .con {
  opacity: 1;
}

.exhibition-process2 li .con {
  opacity: 1;
  padding-left: 1em;
  padding-right: 1em;
}

.exhibition-process2 li h6 {
  opacity: 1;
}

.exhibition-process-blue {
  text-align: center;
  font-size: 0;
}

.exhibition-process-blue li {
  float: none;
  display: inline-block;
  font-size: 0.16rem;
}

.exhibition-process-blue li:last-child:before {
  width: 20rem;
}

.exhibition-process-blue li b {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.exhibition-process-blue li:before {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.exhibition-process-blue li .con {
  -webkit-transform: translateY(0%) !important;
  -ms-transform: translateY(0%) !important;
  transform: translateY(0%) !important;
  margin-top: 1rem;
}

.exhibit5 .img {
  width: 60%;
}

.exhibit5 .txt {
  width: 40%;
  padding-right: 5%;
}

.exhibit5 .text {
  margin-bottom: 10%;
}

.btn-tc {
  margin-top: 0.3rem;
}

.table-box table {
  width: 100%;
}

.table-p1 {
  background-color: #f2fbfc;
}

.table-p1 td {
  vertical-align: top;
  padding: 0.32rem 0.22rem;
  border-bottom: 1px solid #00335d;
}

.table-p1 h4 {
  font-weight: normal;
  text-align: center;
  color: #fff;
  font-size: 0.3rem;
  padding: 0.7em 0;
}

.table-p1 .th1 {
  background-color: #005daa;
}

.table-p1 .th2 {
  background-color: #00a8cb;
}

.table-p1 .blug-bg {
  background-color: #00335d;
  color: #fff;
  border-bottom: 1px solid #fff;
}

.table-p1 tr:last-child td:first-child {
  border-bottom: 2px solid #00335d;
}

.side {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 0;
  width: 2.3rem;
  background: #fff;
  box-shadow: 0.1rem 0 0.16rem -0.02rem rgba(0, 0, 0, 0.15);
  padding-top: 2.72rem;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  z-index: 200;
}

.side li {
  padding: 0.11rem 0;
}

.side li .cell {
  display: inline-block;
  position: relative;
  padding-left: 0.36rem;
}

.side li a {
  display: block;
  border-radius: 0.3em;
  font-size: 0.24rem;
  line-height: 1.2;
  padding-left: 1.5em;
  padding-top: 0.12rem;
  padding-bottom: 0.12rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding-left: 0.05rem;
  padding-right: 0.05rem;
}

.side li a:hover {
  background-color: #005daa;
  color: #fff;
}

.side li a * {
  vertical-align: middle;
}

.side li a i {
  font-size: 0.3rem;
  margin-right: 0.2em;
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.side li.on {
  text-align: center;
}

.side li.on a {
  background-color: #005daa;
  color: #fff;
}

.side li.on a i {
  display: inline-block;
}

.main {
  margin-left: 2.3rem;
  background-color: #f7f7f7;
}

.invitation-box {
  width: 84%;
  margin: 0 auto;
  max-width: 12.5rem;
  padding-top: 6%;
}

.card-hd img {
  vertical-align: bottom;
}

.card-bd {
  background-color: #fff;
  width: 94%;
  margin: 0 auto;
  padding: 1% 6% 5% 6%;
  margin-bottom: 0.3rem;
}

.card-bd p {
  color: #787878;
  font-size: 0.26rem;
  margin-bottom: 0.5em;
}

.card-bd h6 {
  font-size: 0.38rem;
  line-height: 1.3;
}

.card-bd .info {
  display: table;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #eee;
  font-size: 0.3rem;
  margin-top: 5%;
}

.card-bd .info .num,
.card-bd .info .name {
  display: table-cell;
  vertical-align: middle;
  padding: 1em;
}

.card-bd .info .num {
  background-color: #1f469a;
  color: #fff;
  text-align: center;
  width: 40%;
}

.card-bd .info .name {
  width: 60%;
  margin-right: -0.5em;
}

.card-bd .tr {
  font-size: 0.24rem;
  color: #787878;
  text-align: right;
  margin-top: 5%;
}

.invitation-notice {
  width: 94%;
  margin: 0 auto;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  margin-top: -1PX;
  padding: 0.56rem 0;
}

.invitation-notice.s1 dt {
  vertical-align: top;
  margin-top: -0.08em;
}

.invitation-notice dt {
  display: inline-block;
  font-size: 0.26rem;
  width: 35%;
  margin-right: -0.5em;
  vertical-align: middle;
  line-height: 1;
}

.invitation-notice dt * {
  vertical-align: middle;
}

.invitation-notice dt img {
  width: 0.4rem;
  margin-right: 0.6em;
}

.invitation-notice dd {
  font-size: 0.2rem;
  color: #787878;
  width: 65%;
  display: inline-block;
  vertical-align: middle;
}

.qr-invitation {
  text-align: center;
  padding: 0.6rem 0;
}

.qr-invitation * {
  vertical-align: middle;
}

.qr-invitation em {
  font-size: 0.26rem;
  padding-left: 0.2em;
  display: inline-block;
  text-align: left;
  line-height: 1.3;
}

.qr-invitation img {
  width: 1.9rem;
}

.card-detail {
  padding-top: 10%;
  max-width: 8.8rem;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 10%;
}

.card-detail .t5 {
  text-align: center;
}

.card-detail .btn-tc {
  padding-top: 0.16rem;
}

.card-detail .btn {
  margin-bottom: 0.1rem;
}

.wrap-exhibitor {
  padding: 6% 5%;
}

.list-card {
  zoom: 1;
  padding: 0.24rem 0;
  margin: 0 -0.12rem;
}

.list-card:after,
.list-card:before {
  content: '';
  display: table;
}

.list-card:after {
  clear: both;
}

.list-card li {
  float: left;
  width: 33.3333%;
  padding: 0.12rem;
  position: relative;
}

.list-card .box {
  background-color: #fff;
  border: 1px solid #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  padding: 12%;
}

.list-card .box:before {
  content: '';
  position: absolute;
  width: 12%;
  padding-top: 12%;
  right: 7%;
  top: 7%;
  background: url("/Public/Images/home/ja-jp/ic1.png") no-repeat 50%;
  background-size: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.list-card .box.check {
  border-color: #005daa;
}

.list-card .box.check:before {
  background-image: url("/Public/Images/home/ja-jp/ic2.png");
}

.list-card h3 {
  font-size: 0.36rem;
  display: inline-block;
  vertical-align: middle;
}

.list-card em {
  background-color: #005daa;
  color: #fff;
  vertical-align: middle;
  font-size: 0.18rem;
  display: inline-block;
  padding: 0.02rem 0.1rem;
  border-radius: 0.06rem;
  margin-left: 0.5em;
}

.list-card .name {
  padding-bottom: 1em;
  border-bottom: 1px solid #e8e8e9;
}

.list-card dl {
  padding: 0.28rem 0;
  line-height: 2.2;
  color: #787878;
}

.list-card dl b {
  display: inline-block;
  width: 1.2rem;
  color: #323232;
}

.list-card .btn {
  padding-left: 2.8em;
  padding-right: 2.8em;
}

.list-card .more {
  padding-top: 0.16rem;
}

.wrap-exhibitor .list.del li .box:before {
  opacity: 1;
}

.company-box {
  background-color: #fff;
  padding: 0.5rem 0.4rem 0.4rem 0.8rem;
  position: relative;
  margin-bottom: 0.2rem;
}

.company-box h4 {
  font-size: 0.3rem;
  padding-bottom: 0.1rem;
  margin-bottom: 0.4rem;
  border-bottom: 1px solid #e2e2e2;
  margin-right: 42%;
}

.company-box textarea {
  height: 2rem;
}

.company-box .full-width {
  margin-right: 0;
}

.company-box select {
  width: 100%;
  background: url("/Public/Images/home/ja-jp/select.png") no-repeat right 50%;
}

.logo-box {
  position: absolute;
  right: 0.4rem;
  border: 1px solid #e2e2e2;
  padding: 0.35rem;
  width: 30%;
  top: 0.3rem;
  box-shadow: 0 0 0.35rem rgba(0, 0, 0, 0.1);
  color: #646464;
  background-color: #fff;
}

.logo-box p {
  margin: 0.1rem 0;
}

.preview {
  position: relative;
  display: inline-block;
  border: 1px solid #e2e2e2;
}

.preview i {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(50%) translateY(-50%);
  -ms-transform: translateX(50%) translateY(-50%);
  transform: translateX(50%) translateY(-50%);
  cursor: pointer;
}

.form-company2 li {
  margin-right: 20%;
}

.form-company2 .small {
  margin-right: 42%;
}

.login-bg {
  padding: 1rem 0;
  background: url("/Public/Images/home/ja-jp/bg-login.jpg") no-repeat 50%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.login {
  width: 6.06rem;
  background: rgba(0, 0, 0, 0.32);
  color: #fff;
  text-align: center;
  box-shadow: 0 0 0.43rem rgba(0, 0, 0, 0.25);
  padding: 0.7rem 0.3rem;
  margin: 0 auto;
}

.login .title {
  font-size: 0.3rem;
}

.login .msg {
  font-size: 0.14rem;
  padding: 0.12rem 0 0.6rem 0;
}

.login .form {
  width: 4.37rem;
  margin: 0 auto;
}

.login .form li {
  padding-bottom: 0.13rem;
  position: relative;
}

.login .form .ico {
  width: 0.24rem;
  position: absolute;
  z-index: 10;
  left: 0.24rem;
  right: auto;
  top: 0.25rem;
  bottom: auto;
}

.login .form .input {
  background: #fff;
  border-radius: 0.06rem;
}

.login .form .input input {
  height: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.16rem;
  padding-left: 0.58rem;
  width: 100%;
}

.login .submit {
  padding-top: 0.35rem;
}

.login .submit div {
  background: #337dbb;
  border-radius: 0.06rem;
  width: 1.06rem;
  height: 0.42rem;
  margin: 0 auto;
}

.login2-bg {
  background: url("/Public/Images/home/ja-jp/login2-bg.jpg") center no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding: 1.45rem 0;
}

.wal {
  margin: 0 auto;
}

.login2 {
  max-width: 6.06rem;
  min-height: 6.1rem;
  background: #fff;
  position: relative;
  padding: 0 0.84rem;
  font-size: 0.16rem;
}

.login2 a:hover {
  text-decoration: underline;
}

.login2 .title {
  text-align: center;
  font-size: 0.3rem;
  padding: 1rem 0 0.33rem 0;
}

.login2 .btn-login {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0.16rem;
  top: 0.16rem;
  bottom: auto;
  width: 1.12rem;
  cursor: pointer;
}

.login2 .btn-login p {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 1.17rem;
  top: 0;
  bottom: auto;
  white-space: nowrap;
  color: #337dbb;
  font-size: 0.16rem;
  line-height: 0.5rem;
  background-size: 0.19rem;
}

.login2 .btn-login p i {
  margin-left: 0.5em;
}

.login2 .form {
  max-width: 4.37rem;
  margin: 0 auto;
}

.login2 .form li {
  padding-bottom: 0.13rem;
  position: relative;
}

.login2 .form li.lzm {
  padding-right: 1.25rem;
}

.login2 .form li.lzm .img {
  position: absolute;
  z-index: 10;
  left: auto;
  right: 0;
  top: 0;
  bottom: auto;
  height: 0.75rem;
}

.login2 .form .ico {
  width: 0.24rem;
  position: absolute;
  z-index: 10;
  left: 0.24rem;
  right: auto;
  top: 0.255rem;
  bottom: auto;
}

.login2 .form .input {
  background: #f0f2f5;
  border-radius: 0.06rem;
}

.login2 .form .input input {
  height: 0.75rem;
  line-height: 0.75rem;
  font-size: 0.16rem;
  padding-left: 0.58rem;
  width: 100%;
  background: none;
  outline: none;
  border: none;
}

.login2 .form p {
  text-align: right;
  line-height: 0.36rem;
}

.login2 .form p a {
  color: #337dbb;
}

.login2 .submit {
  padding-top: 0.1rem;
}

.login2 .ewm {
  text-align: center;
  width: 2.36rem;
  margin: 0 auto;
  min-height: 3.2rem;
}

.login2 .ewm p {
  color: #a7a7a7;
  padding: 0.1rem 0;
}

.login2 .ewm p img {
  width: 0.23rem;
  margin-right: 0.1rem;
}

.login2 .msg {
  text-align: center;
  color: #a7a7a7;
  padding: 0.15rem 0 0.4rem 0;
}

.login2 .msg a {
  color: #337dbb;
}

.login2 .msg em {
  color: #337dbb;
  padding: 0 0.16rem;
}

.white-bg {
  background-color: #fff;
}

.member-index .title {
  font-size: 0.18rem;
  padding-bottom: 0.15rem;
}

.member-index .container {
  border: #ededed solid 1px;
}

.member-index .container .bd {
  background: #f7f7f7;
  padding: 0.8rem;
  color: #787878;
  display: inline-block;
  width: 70%;
  margin-right: -0.5em;
  vertical-align: middle;
}

.member-index .container .bd b {
  color: #333;
}

.member-index .container .bd b.red {
  color: #f00;
}

.member-index .container .ewm {
  width: 30%;
  padding-left: 3%;
  display: inline-block;
  vertical-align: middle;
}

.member-index .container .ewm div {
  width: 34%;
  display: inline-block;
  vertical-align: middle;
  margin-right: -0.5em;
}

.member-index .container .ewm p {
  line-height: 1.8;
  width: 66%;
  color: #787878;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.16rem;
  padding-left: 0.1rem;
}

.summrize .t2 {
  line-height: 1.5;
}

.summrize .t2 h4 {
  font-size: 0.24rem;
  margin-bottom: 0;
}

.summrize .small {
  margin: 0 auto;
  width: 3.8rem;
}

.list-report2 {
  zoom: 1;
  margin: 0 -0.25rem;
}

.list-report2:after,
.list-report2:before {
  content: '';
  display: table;
}

.list-report2:after {
  clear: both;
}

.list-report2 li {
  float: left;
  padding: 0.25rem;
  width: 33.3333%;
}

.list-report2 li .pad {
  background-color: #f7f7f7;
  padding: 0.38rem;
}

.list-report2 li h4 {
  font-size: 0.3rem;
  margin-bottom: 0.15rem;
  line-height: 1.3;
}

.ban-fr {
  padding-top: 21%;
}

.row-fr1 {
  padding: 0.4rem 0;
}

.row-fr2 {
  padding: 0.4rem 0;
}

.ban-fr2:after {
  display: none;
}

.ban-fr2 .tit-ban {
  padding: 3% 5%;
  background-color: rgba(0, 0, 0, 0.24);
}

.ban-fr2 .tit-ban .t2 {
  margin-bottom: 0;
}

.row-fr3 {
  background-color: #00a8cb;
}

.row-fr3 .list-download2 .pad {
  border: 1px solid #fff;
}

.g-time {
  background: url("/Public/Images/home/ja-jp/ctd.png") center no-repeat;
  background-size: cover;
  width: 2.3rem;
  height: 0.56rem;
  line-height: 0.56rem;
  text-align: center;
  position: absolute;
  z-index: 30;
  top: 0.3rem;
  right: 0.22rem;
  font-size: 0.14rem;
  color: #fff;
}

.g-time b {
  font-size: 0.22rem;
  padding: 0 0.02rem;
}

.cur-pos {
  margin-left: -0.1rem;
  margin-bottom: 0.3rem;
}

.cur-pos a {
  margin: 0 0.1rem;
}

.bd-agenda {
  background-color: #f7f7f7;
}

.table-p2 {
  background-color: #fff;
}

.table-p2 th {
  background-color: #005daa;
  font-size: 0.16rem;
  color: #fff;
  text-align: center;
  font-weight: normal;
  height: 0.58rem;
}

.table-p2 .bg {
  background-color: #00a8cb;
  color: #fff;
}

.table-p2 td {
  border: 1px solid #e8e8e9;
  text-align: center;
  padding: 0 0.2rem;
  height: 0.8rem;
  font-size: 0.15rem;
}

.table-p2 .tl {
  text-align: left;
  font-size: 0.18rem;
}

.swiper-export {
  text-align: center;
}

.swiper-export .img {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  display: inline-block;
}

.swiper-export .prev {
  margin: 0 -0.04rem;
}

.swiper-export .next {
  margin: 0 -0.1rem;
}

.swiper-export .swiper-slide-active {
  width: 3rem !important;
}

.sky-carousel-box {
  width: 10.1rem;
  margin: 0 auto;
  position: relative;
}

.sky-carousel-box .sky-button {
  font-size: 0.4rem;
  position: absolute;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  top: 50%;
  color: #fff;
}

.sky-carousel-box .sky-button:hover {
  color: #005daa;
}

.sky-carousel-box .sky-prev {
  left: 0;
  -webkit-transform: translateX(-130%) translateY(-50%);
  -ms-transform: translateX(-130%) translateY(-50%);
  transform: translateX(-130%) translateY(-50%);
}

.sky-carousel-box .sky-next {
  right: 0;
  -webkit-transform: translateX(130%) translateY(-50%);
  -ms-transform: translateX(130%) translateY(-50%);
  transform: translateX(130%) translateY(-50%);
}

.sky-carousel-bg {
  background-color: #25b4d2;
}

.sky-carousel {
  height: 2.6rem;
  border-top-left-radius: 1.6rem 1rem;
  border-top-right-radius: 1.6rem 1rem;
  padding-top: 0.3rem;
}

.sky-carousel .sc-nav-button {
  display: none;
}

.sky-carousel li {
  -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
  transition-timing-function: cubic-bezier(0.17, 0.67, 0.83, 0.67);
}

.sky-carousel .sc-content-wrapper {
  top: 68%;
}

.sky-carousel .sc-content-wrapper h2 {
  color: #fff;
  font-weight: bold;
  font-size: 0.24rem;
}

.sky-carousel .sc-content-wrapper p {
  color: #fff;
  font-size: 0.16rem;
}

.sky-carousel h4 {
  color: #fff;
  text-align: center;
  margin-top: 0.1rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.sky-carousel img {
  border-radius: 50%;
  box-shadow: 0 0 0 0 #fff, 0 0 0 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 1.2rem;
}

.sky-carousel .sc-selected h4 {
  opacity: 0;
}

.sky-carousel .sc-selected .img,
.sky-carousel .sc-selected img {
  margin-top: -0.3rem;
  box-shadow: 0 0 0 0.02rem #fff, 0 0 0.05rem 0.08rem rgba(0, 0, 0, 0.1);
}

.sky-carousel .img {
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  box-shadow: 0 0 0 0 #fff, 0 0 0 0 rgba(0, 0, 0, 0.1);
}

.sky-carousel img {
  position: absolute;
  bottom: -99.99rem;
}

.table-scroll {
  position: relative;
  margin: auto;
  overflow: hidden;
}

.table-scroll table {
  width: 100%;
  margin: auto;
  white-space: nowrap;
}

.table-box {
  width: 100%;
  overflow: auto;
}

.clone {
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  pointer-events: none;
}

.clone tbody th {
  visibility: hidden;
}

.clone .blug-bg {
  visibility: visible;
}

.clone th,
.clone td {
  visibility: hidden;
}

table.clone td,
table.clone .gray-bg {
  border-color: transparent;
  background: transparent;
}

.clone thead,
.clone tfoot {
  background: transparent;
}

.side-bar {
  position: fixed;
  left: 0;
  width: 2.1rem;
  top: 30%;
  background-color: #fff;
  box-shadow: 0 0 0.4rem 0.08rem rgba(0, 0, 0, 0.2);
  z-index: 88;
}

.side-bar h3 {
  background-color: #005daa;
  font-size: 0.24rem;
  color: #fff;
  padding: 0.25rem 0;
  cursor: pointer;
  padding-left: 0.6rem;
}

.side-list {
  padding: 0.3rem 0;
}

.side-list li {
  color: #787878;
  padding: 0.1rem 0;
}

.side-list li a {
  display: block;
  font-size: 0.16rem;
  margin-left: 0.6rem;
  position: relative;
}

.side-list li a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateX(-160%) translateY(-50%);
  -ms-transform: translateX(-160%) translateY(-50%);
  transform: translateX(-160%) translateY(-50%);
  width: 0.15rem;
  height: 0.15rem;
  background: url("/Public/Images/home/ja-jp/dt4.png") no-repeat 50%;
  background-size: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.side-list li a.on {
  color: #005daa;
}

.side-list li a.on:after {
  opacity: 1;
}

.row4 {
  padding-top: 0;
}

.expert-box {
  background: url("/Public/Images/home/ja-jp/map-bg.gif") no-repeat 50%;
  background-size: auto 100%;
  position: relative;
  padding-top: 1.8rem;
}

.expert-box .t2 {
  position: absolute;
  left: 0;
  width: 100%;
  top: 1rem;
}

.map-expert {
  width: 10.2rem;
  margin: 0 auto;
  position: relative;
}

.map-expert .con {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.map-expert .con img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  display: none;
}

.overview-map .expert-box {
  padding-top: 1rem;
}

.overview-map .text {
  margin-bottom: 0.3rem;
}

.guide-pages .hd {
  position: absolute;
  left: 0.3rem;
  top: 0.5rem;
  z-index: 50;
}

.guide-pages .bd {
  top: 0;
  bottom: 1.3rem;
  position: absolute;
  width: 100%;
  background: url("/Public/Images/home/ja-jp/guid-bg.jpg") no-repeat 50%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.guide-pages .fd {
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: right;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
}

.guide-pages .fd img {
  height: 1.3rem;
  vertical-align: bottom;
  width: auto;
  max-width: 999.99rem;
}

.history-list {
  position: absolute;
  text-align: center;
  bottom: 0.5rem;
  width: 100%;
}

.history-list li {
  display: inline-block;
  color: #fff;
  background: url("/Public/Images/home/ja-jp/sbg1.png") no-repeat 50%;
  background-size: 100%;
  line-height: 1.1;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0.9rem;
  width: 1.3rem;
  height: 1.41rem;
}

.history-list li a {
  color: #fff;
  display: block;
  -webkit-transform: translateY(-46%);
  -ms-transform: translateY(-46%);
  transform: translateY(-46%);
  top: 50%;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
}

.history-list li h4 {
  font-weight: bold;
  font-family: Arial;
  margin-bottom: 0.1rem;
}

.history-list li p {
  font-size: 0.12rem;
}

.history-list li h4 {
  font-size: 0.2rem;
}

.history-list li img {
  width: 0.25rem;
}

.history-list .big {
  width: 2.57rem;
  height: 2.79rem;
}

.history-list .big p {
  font-size: 0.3rem;
}

.history-list .big h4 {
  font-size: 0.54rem;
}

.history-list .middle {
  width: 1.6rem;
  height: 1.74rem;
}

.history-list .middle p {
  font-size: 0.14rem;
}

.history-list .middle h4 {
  font-size: 0.26rem;
}

.history-list .middle img {
  width: 0.36rem;
}

.history-list .small {
  width: 1.3rem;
  height: 1.41rem;
}

.history-list .small p {
  font-size: 0.12rem;
}

.history-list .small h4 {
  font-size: 0.2rem;
}

.history-list .small img {
  width: 0.25rem;
}

.history-list .s1 {
  margin-left: -7.3rem;
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
}

.history-list .s2 {
  margin-left: -6.2rem;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}

.history-list .s3 {
  margin-left: -5.2rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.history-list .s4 {
  margin-left: -4rem;
  -webkit-transform: translateY(40%);
  -ms-transform: translateY(40%);
  transform: translateY(40%);
}

.history-list .s5 {
  margin-left: -3.4rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.history-list .s7 {
  margin-left: 1.8rem;
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
}

.history-list .s8 {
  margin-left: 3.6rem;
  -webkit-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
}

.history-list .s9 {
  margin-left: 3.9rem;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.history-list .s10 {
  margin-left: 5.3rem;
  -webkit-transform: translateY(10%);
  -ms-transform: translateY(10%);
  transform: translateY(10%);
}

.tit-guide {
  position: absolute;
  left: 0;
  top: 0.5rem;
  color: #fff;
  text-align: center;
  z-index: 50;
  width: 100%;
}

.tit-guide p,
.tit-guide h3 {
  font-size: 0.36rem;
  font-family: Arial;
}

.tit-guide h3 {
  font-weight: bold;
}

.logo-guid img {
  width: 4.91rem;
}

.timeline-topics-big li {
  width: 25%;
}

.timeline-topics-big li .text {
  max-width: 4.7rem;
  margin: 0 auto;
}

.act-list {
  background-color: #f4f6f7;
  margin-top: 0.3rem;
}

.act-list .txt {
  padding-left: 7%;
  padding-right: 7%;
}

.act-list b {
  color: #000;
}

.conference-highlight .img {
  font-size: 0;
  margin-bottom: 0.4rem;
}

.pre-registration {
  margin-left: 0;
}

.pre-registration .full-width {
  max-width: 9.6rem;
}

.form-company li {
  clear: both;
  display: inline-block;
  width: 100%;
}

.form-company .muti-line {
  line-height: 1.4;
}

.form-company em {
  font-weight: normal;
  display: block;
}

.p-check dd,
.p-radio dd {
  width: 50%;
  margin-bottom: 0.25rem;
  font-size: 0.16rem;
  color: #646464;
  padding: 0.14rem 0;
  padding-left: 0.55rem;
  background: url("/Public/Images/home/ja-jp/img42.png") no-repeat left 50%;
  background-size: 0.42rem;
  float: left;
  width: 50%;
  cursor: pointer;
}

.p-check .on,
.p-radio .on {
  background-image: url("/Public/Images/home/ja-jp/img42on.png");
}

.pre-registration-status {
  text-align: center;
  height: 6rem;
  display: table;
  width: 100%;
}

.pre-registration-status .con {
  vertical-align: middle;
  display: table-cell;
}

.pre-registration-status p {
  font-size: 0.36rem;
}

.pre-registration-status img {
  width: 0.65rem;
}

#map-bg {
  height: auto;
  max-width: 100%;
  width: auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 50;
}

.animate-logo img {
  width: 5.21rem;
}

#verifyImg {
  position: absolute;
  right: 0.13rem;
  height: 0.5rem;
  top: 0.13rem;
  width: 1.7rem;
}

.form-row.select-area {
  margin-left: 1.4rem;
}

.form-row.select-area .form-ele {
  width: 100%;
  border: 1px solid #dbdbdb;
  vertical-align: bottom;
  display: inline-block;
  height: 0.48rem;
  line-height: 0.48rem;
  padding: 0 0.2rem;
  font-size: 0.16rem;
  background: #f6f9fb;
  margin-top: 0.2rem;
}

.select-area .form-8 {
  width: 33.33%;
  float: left;
}

#logo1,
#logo2 {
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: 0;
  bottom: auto;
  width: 100%;
  height: 100%;
  opacity: 0;
}

#card_content {
  background-color: #f7f7f7;
}

.conference-info {
  background-color: #f4f6f7;
}

.list-ci {
  color: #575757;
  border-bottom: 1px solid #cacbcc;
  margin: 0.25rem 0;
}

.list-ci li {
  padding: 0.2rem 0;
  border-top: 1px solid #cacbcc;
}

.list-ci li .hd {
  display: inline-block;
  width: 15%;
  margin-right: -0.5em;
  font-weight: bold;
}

.list-ci li .bd {
  display: inline-block;
  width: 85%;
}

.conference1 .btn-tc {
  display: none;
}

.table-topics {
  background-color: #fafafa;
  width: 100%;
  font-size: 0.2rem;
}

.table-topics th {
  background-color: #005daa;
  color: #fff;
  font-weight: normal;
  height: 0.76rem;
  padding-left: 3%;
  padding-right: 3%;
}

.table-topics td {
  padding: 0.25rem 3%;
  vertical-align: top;
  color: #787878;
}

.table-topics tr {
  border-bottom: 1px solid #e8e8e9;
}

.table-topics tr:last-child {
  border: none;
}

.table-topics .s1 {
  padding-left: 0.5rem;
  width: 30%;
}

.table-schedule {
  font-size: 0.2rem;
}

.table-schedule th {
  background: #005daa;
  color: #fff;
  font-weight: normal;
  padding: 0.2rem 0.2rem;
  border: 1px solid #e8e8e9;
  text-align: center;
}

.table-schedule td {
  padding: 0.25rem 0.2rem;
  border: 1px solid #e8e8e9;
  vertical-align: top;
  color: #787878;
  font-size: 0.18rem;
}

.table-schedule h3 {
  font-size: 0.29rem;
  text-align: center;
  padding: 0.5rem 0 0.2rem 0;
  font-weight: bold;
}

.table-schedule .tc {
  font-weight: bold;
}

.table-schedule .red {
  color: #eb000b;
}

#banner .img {
  border-radius: 0;
}

#banner .slick-dots {
  position: absolute;
  bottom: 0.2rem;
}

#banner .slick-dots li a {
  border-color: #fff;
}

#banner .slick-dots li.slick-active a {
  background-color: #fff;
}

#banner .slick-arrow {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.list-nscope li {
  padding: 0.5rem;
  margin-bottom: 0.15rem;
  border: 1px solid #e8e8e9;
}

.list-nscope li h5 {
  font-size: 0.3rem;
  margin-bottom: 0.05rem;
}

.overview-info-n {
  border-top: 1px solid #e8e8e9;
  margin-top: 0.3rem;
  padding-top: 0.3rem;
}

.overview-info-n li {
  line-height: 1.8;
}

.overview-info-n li i {
  color: #005daa;
  margin-right: 0.1rem;
  font-size: 0.2rem;
}

.overview-info-n li span {
  margin-right: 0.3rema;
}

#map-contact {
  height: 7.3rem;
}

#map-contact img {
  max-width: 99.99rem;
}

.lang-m-whtie {
  text-align: center;
}

.lang-m-whtie a {
  background-color: #fff;
  color: #000;
  display: inline-block;
  padding: 0.07rem 0.15rem;
  line-height: 1.8;
  border-radius: 0.06rem;
}

.search-result h1 {
  font-size: 0.6rem;
}

.search-result h1 em {
  font-size: 0.16rem;
  color: #787878;
}

.res-box h3 {
  font-size: 0.48rem;
}

.exhibit2 {
  background-image: url("/Public/Images/home/ja-jp/bg9.jpg");
}

.res-box {
  clear: both;
  padding-bottom: 0.4rem;
  zoom: 1;
}

.res-box:after,
.res-box:before {
  content: '';
  display: table;
}

.res-box:after {
  clear: both;
}

.res-box h3 {
  margin-bottom: 0.3rem;
}

.list-mod4-search li {
  margin-top: 0;
  margin-bottom: 0;
}

.list-mod4-search li .img {
  width: 40%;
  padding-top: 24%;
}

.list-mod4-search li .txt {
  width: 50%;
}

.list-guests-result .img {
  float: left;
  padding-top: 30%;
  width: 20%;
}

.list-guests-result .txt {
  overflow: hidden;
  padding-left: 0.4rem;
}

.list-guests-result .txt h6 {
  font-size: 0.3rem;
  margin-bottom: 0.2rem;
}

.list-guests-result .text {
  margin-bottom: 0.3rem;
}

.list-guests-result li {
  margin-bottom: 0.4rem;
  zoom: 1;
}

.list-guests-result li:after,
.list-guests-result li:before {
  content: '';
  display: table;
}

.list-guests-result li:after {
  clear: both;
}

.res-box .list-news li {
  padding-top: 0;
}

.pop {
  position: fixed;
  background: #fff;
  zoom: 1;
  z-index: 9999;
  overflow: hidden;
  zoom: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 666666;
  text-align: center;
  display: none;
  overflow: auto;
}

.pop:before {
  content: '';
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.pop .close-pop {
  position: absolute;
  right: 0;
  top: -0.6rem;
  cursor: pointer;
  font-size: 0.5rem;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.pop .close-pop:hover {
  color: #f00;
}

.pop-con {
  width: 70%;
  max-width: 10rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.pop-open {
  overflow: hidden;
}

.blue-bg {
  background-color: #005daa;
  background-image: url("/Public/Images/home/ja-jp/bg-dt.png");
  background-position: 50% bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

.act-item,
.art-l {
  border-radius: 0.1rem;
  overflow: hidden;
}

.BMapLabel {
  font-size: 16PX !important;
  padding: 4PX 6PX !important;
}

.error-page {
  height: 100%;
  background-image: url("/Public/Images/home/ja-jp/4041.jpg");
  width: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  color: #fff;
}

.error-page .con {
  width: 100%;
  text-align: center;
  -webkit-transform: translateY(-70%);
  -ms-transform: translateY(-70%);
  transform: translateY(-70%);
  top: 50%;
  position: absolute;
  padding: 0;
  width: 100%;
}

.error-page span {
  font-size: 4.6rem;
  font-weight: bold;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #fff;
}

.error-page .act-item {
  border-radius: 0;
  padding-top: 0;
  width: 5rem;
  height: 5rem;
}

.error-page .blob {
  top: 0;
  display: inline-block;
  vertical-align: middle;
}

.error-page span {
  margin: 0 -0.7rem;
  vertical-align: middle;
}

.error-page .error-tip {
  font-size: 0.3rem;
  margin-top: -0.6rem;
}

.error-page .error-tip p {
  margin-bottom: 0.2rem;
}

.slider-review .img {
  padding-top: 61%;
}

.slider-review .item {
  padding: 0.15rem;
}

.slider-review .slick-arrow {
  color: #bfc0c2;
}

.slider-review .slick-arrow-nobg.slick-prev {
  -webkit-transform: translateX(-100%) translateY(-50%);
  -ms-transform: translateX(-100%) translateY(-50%);
  transform: translateX(-100%) translateY(-50%);
}

.slider-review .slick-arrow-nobg.slick-next {
  -webkit-transform: translateX(100%) translateY(-50%);
  -ms-transform: translateX(100%) translateY(-50%);
  transform: translateX(100%) translateY(-50%);
}

.list-news li a {
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
}

.list-application-dl li {
  border: 1px solid #e8e8e9;
  padding: 0.7rem 0.8rem;
  margin-bottom: 0.2rem;
}

.list-application-dl li .hd {
  font-size: 0.3rem;
  float: left;
  width: 30%;
}

.list-application-dl li .bd {
  overflow: hidden;
  padding-left: 4%;
}

.list-application-dl li .bd .text p {
  text-indent: 0;
}

.list-application-dl li .text {
  margin-bottom: 0.3rem;
}

.table-topics {
  text-align: justify;
}

.table-topics p:first-child {
  font-size: 0.23rem;
  font-weight: bold;
  margin-bottom: 0.3em;
  color: #000;
}

.up-btn {
  display: inline-block;
  background-color: #005daa;
  font-size: 0.16rem;
  padding: 0.05rem 0.3rem;
  color: #fff;
  border-radius: 0.3rem;
}

.up-btn:hover {
  opacity: 0.9;
  color: #fff;
}

.hd-v {
  padding-bottom: 0.3rem;
  margin-bottom: 0.3rem;
  border-bottom: 1px solid #e5e5e5;
}

.list-ev {
  zoom: 1;
}

.list-ev:after,
.list-ev:before {
  content: '';
  display: table;
}

.list-ev:after {
  clear: both;
}

.list-ev li {
  float: left;
  width: 25%;
  padding: 0 0.12rem;
  margin-bottom: 0.2rem;
}

.list-ev li .img {
  border-radius: 0.1rem;
  overflow: hidden;
  padding-top: 62%;
  position: relative;
  border: 1px solid #e5e5e5;
}

.list-ev li .img:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 0;
}

.list-ev li .img i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  font-size: 0.5rem;
  color: #fff;
  z-index: 60;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.list-ev li a:hover .img:after {
  opacity: 1;
}

.list-ev li a:hover .img i {
  opacity: 1;
}

.list-ev li h3 {
  font-size: 0.16rem;
  color: #444;
  padding: 0.15rem 0;
  padding-right: 0.3rem;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.list-ev li h3 i {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #c5c5c5;
  font-size: 0.3rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.list-ev li h3 i:hover {
  color: #f00;
}

.wrap-video {
  background-color: #fff;
}

.up-link {
  position: absolute;
  left: 0.2rem;
  top: 0.2rem;
  z-index: 10;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.up-link img {
  width: 1rem;
}

.up-link:hover {
  -webkit-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}

.upload-video {
  width: 100%;
  max-width: 7.5rem;
}

.upload-video li {
  margin-bottom: 0.25rem;
}

.upload-video li p {
  margin-bottom: 0.15rem;
}

.upload-video .col-2 {
  margin: 0 -5%;
  overflow: hidden;
}

.upload-video .col-2 .col {
  float: left;
  width: 50%;
  padding: 0 5%;
}

.upload-video .btn-blue {
  margin-top: 0.5rem;
}

.avatar-uploader .el-upload {
  border: 1px solid #dbdbdb;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 0.06rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.avatar-uploader .el-upload:hover {
  border-color: #005daa;
}

.avatar-uploader-icon {
  font-size: 0.3rem;
  color: #8c939d;
  width: 100%;
  height: 2.3rem;
  line-height: 2.3rem !important;
  text-align: center;
}

.avatar {
  width: 100%;
  height: 2.3rem;
  display: block;
}

i.el-icon-delete-solid.avatar-uploader-icon {
  height: auto;
  line-height: unset !important;
  position: absolute;
  z-index: 999;
  color: #005daa;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

i.el-icon-delete-solid.avatar-uploader-icon:hover {
  color: #cb2c3f;
  background-color: #005dff;
}

.full-width .tr {
  text-align: right;
}

.textarea-tip {
  text-decoration: none;
  margin-top: 0.05rem;
  display: inline-block;
}

.tip-schedule {
  font-size: 0.16rem;
  margin-top: 0.1rem;
}

.nav li a {
  margin: 0 0.1rem;
}