body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

ol,
ul {
  list-style: none;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}

fieldset,
img {
  border: none;
}

/*img{vertical-align:top;}*/

input,
button {
  vertical-align: middle;
  color: #6b5f53;
  outline: none;
}

caption,
th {
  text-align: left;
}

a {
  text-decoration: none;
  color: #222;
}

a:hover {
  color: #009452;
}

@font-face {
  font-family: 'iconfont';
  src: url('../iconfont/iconfont.eot?t=1480407183855');
  /* IE9*/
  src: url('../iconfont/iconfont.eot?t=1480407183855#iefix')
      format('embedded-opentype'),
    /* IE6-IE8 */ url('../iconfont/iconfont.woff?t=1480407183855')
      format('woff'),
    /* chrome, firefox */ url('../iconfont/iconfont.ttf?t=1480407183855')
      format('truetype'),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
      url('../iconfont/iconfont.svg?t=1480407183855#iconfont') format('svg');
  /* iOS 4.1- */
}

.iconfont {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-gengduo:before {
  content: '\e606';
}

.icon-demo18:before {
  content: '\e612';
}

.icon-dianhua:before {
  content: '\e603';
}

.icon-kaiguan:before {
  content: '\e61e';
}

.icon-shu:before {
  content: '\e662';
}

.icon-jishiben:before {
  content: '\e633';
}

.icon-weibiaoti-1-03:before {
  content: '\e604';
}

html {
  text-align: center;
}

body {
  font: 14px Arial, Helvetica, sans-serif;
  color: #333;
  margin: 0 auto;
  text-align: left;
  -webkit-text-size-adjust: none;
  line-height: 24px;
  background: #fff;
  background-attachment: fixed;
  background-size: cover;
  overflow-x: hidden;
}

body.body-tiny {
  font-size: 14px;
}

body.body-middle {
  font-size: 16px;
}

body.body-big {
  font-size: 18px;
}

/*Common Style*/

.hidden {
  display: none !important;
}

.clear:after,
.clearfix:after {
  content: '';
  display: block;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}

.clear,
.clearfix {
  *zoom: 1;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.btn {
  border: 0;
  cursor: pointer;
}

.mb20 {
  margin-bottom: 20px;
}


.fcgray {
  color: #666;
}
.txt-indent {
  text-indent: 2em;
}

ul.disc-list li{
  padding-left: 15px;
  position: relative;
}
ul.disc-list li:before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #1d8a3e;
}
/*版心*/

.w1200 {
  max-width: 1200px;
  margin: 0 auto;
}

ul.list-disc,
ol.list-disc {
  list-style: disc;
  padding-left: 20px;
}

/* 颜色 */

/* .header-time-text .violet-text{
    color: #9135d8;
}
.violet-text{
    color: #591c87;
} */

.header-time-text .violet-text {
  color: #009452;
}

.violet-text {
  color: #009452;
  font-size: 18px;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.green-text {
  color: #2e0845;
}

.violet-btn {
  background-color: #009452;
}

.violet-btn:hover {
  background-color: #29ae73;
  color: #fff;
}

/* 大小 */

.fs12 {
  font-size: 12px;
}

.fs16 {
  font-size: 16px;
}

.fs18 {
  font-size: 18px;
}

/* 中 */

.middle-body {
  font-size: 15px;
  zoom: 1;
}

.middle-body .fs16 {
  font-size: 17px;
}

.middle-body .fs18 {
  font-size: 18px;
}

.big-body {
  font-size: 16px;
  zoom: 1.1;
}

.big-body .fs16 {
  font-size: 18px;
}

.big-body .fs18 {
  font-size: 20px;
}

/* 头部 */

header {
  background: #282828;
  height: 52px;
  width: 100%;
}

.standard-row {
  display: table;
  height: 52px;
}

.standard {
  display: table-cell;
  vertical-align: middle;
  height: 52px;
}

.standard span {
  color: #fff;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
}

.standard span.cur {
  color: #009452;
}

.fs-tiny {
  font-size: 14px;
}

.fs-middle {
  font-size: 16px;
}

.fs-big {
  font-size: 18px;
}

.header-r {
  line-height: 52px;
  height: 52px;
}

.alarm-icon {
  font-size: 16px;
  margin: 0 5px;
}

.header-time-text {
  color: #fff;
}

.search-input-top{
  margin-top: 9px;
  background: #3c3c3c;
  border-radius: 35px;
  border: none;
  height: 33px;
  padding: 0 10%;
  color: #fff;
  transition: 400ms;
  position: relative;
  display: -webkit-box;
  width: 100%;
  box-sizing: border-box;
  margin: 10px 0;
}


.header-time {
  font-size: 30px;
  font-weight: normal;
  margin: 0 5px;
}

.app-language-row {
  display: none;
}
.language-row {
  margin-left: 20px;
  position: relative;
}
.language-row .p {
    color: #fff;
    cursor: pointer;
}
.language-row .p a {
    color: #fff;
}
.language-row .p a:not(:last-child):after {
    content: "|";
    color: #fff;
    display: inline-block;
    margin-left: 6px;
    margin-right: 4px;
}
.language-row .p a.curr,
.language-row .p a:hover {
    color: #007d3d;
}
.language-row:hover .lang {
    display: block;
}
.language-row .lang {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    z-index: 99999;
    border-radius: 0 0 5px 5px;
}
.language-row .lang a {
    display: block;
    padding: 10px;
    color: #333;
    line-height: 1.5;
    height: auto;

}
.language-row .lang a:hover,
.language-row .lang a.curr {
    color: #007d3d;
}

.language-row > a {
  width: 22px;
  height: 14px;
  margin: 0 2px;
  display: inline-block;
  background-image: url(../images/language.png);
  background-repeat: no-repeat;
}

.language-EN {
  background-position: 0 0;
}

.language-CN {
  background-position: right 0;
}

.language-row > a.language-JP {
  background-image: url(../images/japen.jpg);
}


.search-row {
  position: absolute;
  width: 100%;
  background: #eee;
  top: 40px;
  left: 0;
  padding: 20px 0;
  display: none;
}

.search-top {
  width: 100%;
  position: relative;
}

.search-top .search-input {
  display: block;
  height: 3em;
  background: #fff !important;
  width: 100%;
  border: 0;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  color: #333;
}

.txt-input-error {
  border: 1px solid red;
}

.search-button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 0 10px;
  color: #fff;
  border: 0;
  background: #009452;
  font-size: 24px;
  /*font-weight: bold;*/
  cursor: pointer;
  border-radius: 0 3px 3px 0;
}

.search-button img {
  vertical-align: middle;
  width: 26px;
}

.classhen {
  width: 100%;
  padding: 0 20px;
  line-height: 30px;
}

.classhen img {
  margin-right: 15px;
  vertical-align: bottom;
}

.newsList-row {
  width: 100%;
  margin-right: 4%;
  float: left;
  overflow: hidden;
  margin-bottom: 60px;
}

.newsList {
  overflow: hidden;
  padding: 30px 0;
  border-bottom: 1px solid #e5e5e5;
}

.newsList-img {
  float: left;
  margin-right: 25px;
  width: 210px;
  overflow: hidden;
  display: table;
  text-align: center;
}

.newsList-img a {
  display: table-cell;
  width: 210px;
  height: 146px;
  line-height: 0;
  vertical-align: middle;
}

.newsList-img a img {
  max-width: 100%;
  height: auto;
  width: auto;
}

.newsList-text-row {
  margin-left: 240px;
  position: relative;
}

.newsList-name {
  font-size: 18px;
  color: #000;
  font-weight: bold;
  line-height: 26px;
  margin-bottom: 10px;
}

.newsList-text {
  color: #666;
  line-height: 24px;
}

.newsList-detail {
  /* float: right; */
  border-radius: 15px;
  display: inline-block;
  padding: 6px 20px;
  color: #FFF;
  font-size: 14px;
  background: #191e44;
  margin-top: 10px;
  transition: 0.3s;
}
/* 导航 */

.nav-row-box {
  background: #fff;
  width: 100%;
  height: 90px;
  /*transition:400ms;*/
}

.headerink a {
  width: 224px;
  height: 42px;
  display: block;
  text-align: center;
  line-height: 42px;
  background-color: #009452;
  float: right;
  margin-left: 10px;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  margin-top: 22px;
  transition: 0.6s;
}
.headerink a:nth-child(2) {
  background-color: #422063;
}

.headerink a:hover {
  opacity: 0.7;
}
.suspend-row {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  height: 70px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  transition: 400ms;
}
.suspend-row .headerink a {
  margin-top: 14px;
}

.suspend-row .logo-row {
}

.suspend-row .logo-row img {
  height: 46px;
  transition: 400ms;
}

.suspend-row .logo-row .txt-logo h3 {
  margin-top: 0;
  font-size: 20px;
}

.suspend-row .top-row,
.suspend-row .nav,
.suspend-row .nav-li,
.suspend-row .nav-li > a {
  height: 70px;
}

.suspend-row .nav-li > a {
  line-height: 70px;
}

.top-row {
  height: 90px;
  background-color: #fff;
  position: relative;
  z-index: 10;
  transition: 400ms;
}

.logo-row {
  margin-top: 12px;

  width: 46%;
}

.baolilogo{
    display:block;
    height: 100px;
    width: 140px;
    background-image: url('../images/footerlogo.png?v=20231');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.suspend-row .baolilogo{
    height: 70px;
}
.logo-row a {
  display: block;
}

.logo-row img {
  float: left;
  transition: 400ms;
  vertical-align: middle;
  max-height: 64px;
}
.logo-row .txt-logo {
  overflow: hidden;
  padding-left: 30px;
}
.logo-row .txt-logo h3 {
  font-size: 24px;
  color: #009452;
  margin-top: 10px;
}

.logo-row .txt-logo p {
  font-size: 16px;
  font-weight: normal;
}

.nav-right {
  width: 50%;
  float: left;
}

.nav {
  height: 100px;
}

.nav-li {
  float: left;
  height: 100px;

  border-right: 1px solid #f6f6f6;
}

.nav-li > a {
  line-height: 100px;
  text-align: center;
  display: block;
  color: #222;
  height: 100px;
  width: calc(100% - 20px);
  position: relative;
}

.nav-li .iconfont {
  font-size: 30px;
}

.nav-li:hover .sub-nav-row {
  display: block;
}

.nav-li.current > a {
  color: #fff;
  font-weight: bold;
  background: #009452;
  border-bottom: 5px solid #009452;
  margin-bottom: -5px;
}

.nav-li.current {
  background: #009452;
}

.nav-li.current > a .iconfont {
  font-weight: normal;
}

/* .nav-li:hover:after{
   content: '';
    width: calc(100%/7);
    height: 4px;
    background-color: #008b4b;
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
} */

/* 
.nav-li:hover{
   border-top: 3px #008b4b solid;
}
 */
.nav-li:hover > a .iconfont {
  font-weight: normal;
  color: #fff;
}

.sub-nav-row {
  position: absolute;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-color: #fff;
  padding: 60px;

  border-top: 1px solid #e6e6e6;
  display: none;
  box-shadow: 0 2px 3px #e6e6e6;
  z-index: 111;
  margin-top: -3px;
}

.sub-nav {
  width: 50%;
}

.sub-nav-li {
  float: left;
  width: 50%;
  height: 30px;
  line-height: 30px;
  position: relative;
  margin-bottom: 10px;
}

.sub-nav-li:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 30px;
  background: #333;
  left: 0;
  top: 0;
}

.sub-nav-li > a {
  display: block;
  line-height: 30px;
  padding-left: 30px;
  color: #333;
}

.sub-nav-li > a:hover {
  color: #009452;
}

.sub-nav-li:first-of-type:after,
.sub-nav-li:nth-of-type(2):after {
  height: 100%;
  top: auto;
  bottom: 0;
}

.sub-nav-li:last-of-type:after,
.sub-nav-li:nth-last-child(2):after {
  height: 100%;
}

.sub-nav-title {
  font-size: 32px;
  font-weight: normal;
}

.banner-row {
  position: relative;
  width: 100%;
  height: 480px;
  overflow: hidden;
}

.banner-ul {
  position: absolute;
  left: 0;
  top: 0;
  width: 1000%;
}

.banner-li {
  width: 10%;
  position: relative;
  float: left;
  overflow: hidden;
  height: 480px;
}

.banner-li img {
  width: 1920px;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -960px;
}

.banner-control {
  position: absolute;
  top: 50%;
  height: 62px;
  line-height: 0;
  margin-top: -31px;
  cursor: pointer;
}

.banner-control:hover {
  opacity: 0.7;
}

.banner-l {
  left: 5%;
}

.banner-r {
  right: 5%;
}

.index-row {
  margin: 50px 0;
}

.index-company-Info {
  color: #666;
  font-size: 20px;
  margin-top: 10px;
}

.index-btn-row {
  margin-top: 15px;
}

.index-btn {
  margin-right: 20px;
  width: 246px;
  height: 63px;
  line-height: 63px;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  border-radius: 60px;
  font-size: 22px;
  color: #fff;
}

.border3 {
  border: 3px #fff solid;
  box-sizing: border-box;
  box-shadow: 0 0 5px #e4e4e4;
}

/* .index-btn-booth{
    background: url(../images/index-btn-booth.png) center center no-repeat;
} */

.index-btn-booth {
  background: #009452;
  color: #fff;
  font-weight: bold;
}

.index-btn-booth:hover {
  opacity: 0.8;
  color: #fff;
}

.index-btn-audience,
.index-btn-audience2 {
  border: 2px solid #009452;
  color: #009452;
  line-height: 59px;
  font-weight: bold;
}

.index-btn-audience:hover,
.index-btn-audience2:hover {
  background: #009452;
  color: #fff;
}

.hr {
  margin: 0;
  height: 1px;
  width: 100%;
  border: 0;
  background: #ddd;
}

.index-company-icon-row {
  text-align: center;
}

.company-icon-row {
  display: inline-block;
  margin: 0 30px;
}

.company-icon-num {
  font-size: 30px;
  margin-left: 15px;
  margin-right: 5px;
}

.index-company-text {
  padding: 0 10%;
  margin: 25px 0 30px 0;
  text-align: center;

  line-height: 30px;
}

.title {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 10px;
}

.index-activity {
  height: 350px;
}

.index-activity-l {
  width: 380px;
  margin-right: 15px;
}

.index-activity-img-row {
  position: relative;
  width: 380px;
  height: 168px;
  overflow: hidden;
  margin-bottom: 15px;
}

.index-activity-img-row > a {
  line-height: 0;
}

.index-activity-name {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 1.2;
  font-size: 14px !important;
  text-align: center;
  display: none;
}

.index-activity-img-row:last-of-type {
  margin-bottom: 0;
}

.index-activity-r .index-activity-img-row {
  height: 350px;
  width: 386px;
}

.index-activity-img-row > a:hover .index-activity-name {
  display: block;
}

.index-Exhibitor-roll {
  width: 390px;
}

.Exhibitor-roll-li {
  display: table;
  padding: 6px;
  border: 1px solid #e5e5e5;
  line-height: 0;
  margin-bottom: 6px;
  width: 100%;
  box-sizing: border-box;
}

.Exhibitor-roll-logo {
  display: table-cell;
  width: 60px;
  height: 51px;
  line-height: 0;
  vertical-align: middle;
}

.Exhibitor-roll-logo img {
  max-width: 51px;
  max-height: 51px;
}

.Exhibitor-roll-text {
  display: table-cell;
  width: 300px;
  vertical-align: middle;
  height: 51px;
  padding-left: 10px;
  line-height: 24px;
}

.Exhibitor-roll-row {
  position: relative;
  height: 633px;
  overflow: hidden;
}

.widget-row {
  position: absolute;
  right: 0;
  top: -45px;
}

.widget-row > span {
  font-family: '宋体';
  width: 25px;
  height: 25px;
  line-height: 26px;
  margin: 0 3px;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  background: #e8e8e8;
  display: inline-block;
  font-weight: bold;
  color: #aba9a9;
}

.widget-row > span:hover {
  background: #009452;
  color: #fff;
}

.index-new-row {
  width: 30%;
  margin-right: 5%;
  float: left;
}

.index-new-row:last-of-type {
  margin-right: 0;
}

.index-new-img {
  position: relative;
  height: 175px;
  overflow: hidden;
}

.index-new-title {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -15px;
  text-align: center;
  font-size: 22px;
}

.index-new-box {
  padding: 20px 5px;
}

.index-new {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  height: 66px;
}

.index-new:last-of-type {
  border-bottom: 0;
}

.index-new-name {
  max-height: 46px;
  overflow: hidden;
  padding-right: 30px;
}

.index-new-name > a {
  position: relative;
}

.index-new-name > a:after {
  position: absolute;
  right: -35px;
  top: -5px;
  line-height: 24px;
  content: '→';
}

.index-new-time {
  color: #999;
  line-height: 20px;
}

.index-new-more {
  display: inline-block;
  min-width: 110px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

.index-partner-hr {
  margin-bottom: 20px;
}

.index-partner-ul {
  padding: 10px 0;
}

.index-partner-li {
  width: 12.5%;
  float: left;
  line-height: 0;
  display: table;
  height: 60px;
  text-align: center;
}

.index-partner-li a {
  display: table-cell;
  height: 60px;
  vertical-align: middle;
  width: 140px;
}

.index-partner-li a img {
  max-width: 100%;
  max-height: 100%;
}

.index-partner-row {
  position: relative;
}

/* 首页展区 */

.index-Showcase-ul {
  /*text-align: center;*/
  /*height: 300px;*/
}

.index-Showcase-li {
  /*display: inline-block;*/
  float: left;
  width: calc(33.2% - 2px);
  height: 210px;
  margin: 0 2px 4px;
  overflow: hidden;
  /*-webkit-transform: skewX(30deg);*/
  /*-ms-transform: skewX(30deg);*/
  /*-o-transform: skewX(30deg);*/
  /*transform: skewX(30deg);*/
  position: relative;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.index-Showcase-li:first-of-type {
  margin-left: 0;
  height: 424px;
}

.index-Showcase-li:first-of-type .index-Showcase-li-row img {
  position: absolute;
  right: -31%;
}

.index-Showcase-li:nth-of-type(3) {
  margin-right: 0;
}

.index-Showcase-li:nth-of-type(4) .index-Showcase-li-row img {
  height: 148%;
}

.index-Showcase-li:last-of-type {
  margin-right: 0;
}

.index-Showcase-li:hover {
  /*-webkit-transform: scale(1.1) skewX(30deg);*/
  /*-ms-transform: scale(1.1) skewX(30deg);*/
  /*-o-transform: scale(1.1) skewX(30deg);*/
  /*transform: scale(1.1) skewX(30deg);*/
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.index-Showcase-li-row {
  /*position: absolute;*/
  display: block;
  /*-webkit-transform: skewX(-30deg);*/
  /*-ms-transform: skewX(-30deg);*/
  /*-o-transform: skewX(-30deg);*/
  /*transform: skewX(-30deg);*/
  width: 150%;
  height: 100%;
  /*left: -25%;*/
  /*top: 0;*/
}

.index-Showcase-li:hover {
  /* -webkit-transform: skewX(30deg),scaleX(1.3);
    -ms-transform: skewX(30deg),scaleX(1.3);
    -o-transform: skewX(30deg),scaleX(1.3);
    transform: skewX(30deg),scaleX(1.3); */
  /* -webkit-transform: matrix(1.3,0,0,0,30,0);
    -ms-transform: matrix(1.3,0,0,0,30,0);
    -o-transform: matrix(1.3,0,0,0,30,0);
    transform: matrix(1.3,0,0,0,30,0); */
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

/* .index-Showcase-li:hover:after{
    content:"";
    height: 3px;
    width: 100%;
    background: #009452;
    left: 0;
    bottom: 0;
    position: absolute;
} */

.index-Showcase-li-row img {
  /*min-width: 100%;*/
  height: 115%;
}

.index-Showcase-btn-row {
  /*-webkit-transform: skewX(-30deg);*/
  /*-ms-transform: skewX(-30deg);*/
  /*-o-transform: skewX(-30deg);*/
  /*transform: skewX(-30deg);*/
  height: 55px;
  width: 70%;
  position: absolute;
  top: 50%;
  left: 15%;
  margin-top: -22px;
  text-align: center;
  display: table;
}

.index-Showcase-btn {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 0;
  line-height: 30px;
  font-size: 14px;
  color: #333;
  font-weight: normal;
  background: rgba(255, 255, 255, 0.7);
  height: 48px;
}

.index-Showcase-btn:hover {
  background: #009452;
  color: #fff;
}

/* 底部 */

footer {
  background: #333;
  padding: 46px 0 40px;
}

.footer-nav a {
  color: #fff;
  margin-right: 30px;
}

.footer-nav a:hover {
  text-decoration: underline;
}

.subscription-row {
  width: 100%;
  height: 46px;
  padding: 1px;
  padding-left: 50px;
  box-sizing: border-box;
  border-radius: 40px;
  background-color: rgba(221, 221, 221, 0.1);
  background-image: url(../images/subscription-icon.png);
  background-repeat: no-repeat;
  background-position: 20px center;
  overflow: hidden;
  margin-bottom: 10px;
}

.subscription-input {
  background: none;
  height: 44px;
  border: 0;
  width: 54.6%;
  color: #fff;
  font-weight: bold;
}

.subscription-btn {
  height: 44px;
  width: 75px;
  font-weight: bold;
  color: #fff;
  border-radius: 40px;
  background-color: #009452;
}

.footer-copyright {
  color: #929292;
  margin-top: 5px;
}

/* 内页banners */

.banners {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
}

.banner-bread{
  position: absolute;
  top: 0;
  left: 10%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.banner-bread a{
  color: white;
  font-weight: 600;
  font-size: 46px;
  line-height: 58px;
}

.banner-bread a:hover{
  color: #009551;
  transition: all 0.4s ease-out;
}

.banner-bread p{
  color: white;
  font-size: 28px;
  width: 72%;
  line-height: 36px;
}

.banners img {
  object-fit: contain;
  max-width: 1920px;
  width: 100%;
}

.breadcrumb-row {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #f1f2f2;
}

.home-icon {
  font-size: 22px;
  margin-bottom: -3px;
  float: left;
}

.breadcrumb-next {
  font-family: '宋体';
}

.title2-row {
  padding: 30px 0;
}

.title2 {
  font-size: 28px;
  color: #333;
  line-height: 50px;
  font-weight: normal;
}

.content-btn-row a {
  display: inline-block;
  width: 216px;
  height: 50px;
  line-height: 48px;
  box-sizing: border-box;
  border-radius: 50px;
  text-align: center;
  margin-left: 15px;
  font-weight: bold;
}

.btn-booth {
    border: 2px solid #009551;
    color: #fff;
    background-color: #009551;
}

.btn-booth:hover {
    background: #fff;
    color: #009551;
     border: 2px solid #009551;
}

.btn-audience {
    border: 2px solid #009551;
    color: #fff;
    background-color: #009551;
}

.btn-audience:hover {
    background: #018843;
    color: #fff;
}

.btn-audience2 {
    border: 2px solid #472768;
    color: #fff;
    background-color: #472768;
}

.btn-audience2:hover {
    background: #fff;
    color: #472768;
     border: 2px solid #472768;
}

/* .about-row{
    margin: 10px 0;
} */

.content-row {
  margin-bottom: 40px;
}

.about-li {
  /*border: 1px solid #edeff1;*/
  width: 30.333%;
  height: 320px;
  /* border-bottom: 5px solid #591c87; */
  box-shadow: 0 0 5px #edeff1;
  margin-right: 4.5%;
  margin-bottom: 3%;
  /*padding: 2%;*/
  padding-top: 2%;
  float: left;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  transition: 400ms;
  overflow: hidden;
}

.about-li:hover {
  box-shadow: 0 5px 20px #999;
}

.about-li:hover .about-li-more {
  background-color: #009452;
  color: #fff;
}

.about-li:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 5px;
  left: 0;
  bottom: 0;
  background: #009452;
}

.about-li:nth-of-type(3n) {
  margin-right: 0;
}

.about-li-img {
  width: 130px;
  height: 130px;
  overflow: hidden;
  margin: 0 auto;
  line-height: 0;
  text-align: center;
}

.about-li-img img {
  max-width: 130px;
  height: 130px;
  transition: 400ms;
}

.about-li:hover .about-li-img img {
  /*background: inherit; 
    -webkit-filter: blur(5px);
     -moz-filter: blur(5px);
      filter: blur(5px); */
}

.about-li-title {
  margin: 56px 0 0 20px;
  font-weight: normal;
  float: left;
  font-size: 24px;
  width: 78%;
  text-align: left;
}

.about-li-title a {
  display: block;
}

.about-con-li-text {
  color: #999;
  height: 120px;
  max-height: initial;
  overflow: hidden;
  padding: 0 12%;
  width: 76%;
  position: absolute;
  top: -100px;
  left: 0;
  transition: 400ms;
}

.about-con-li-text a {
  color: #fff;
  display: block;
}

.about-li:hover .about-con-li-text {
  background: rgba(25, 30, 68, 0.3);
  top: 0;
  padding-top: 50px;
  color: #fff;
}

.about-li-more {
  float: right;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 33px;
  font-family: '宋体';
  border: 1px solid #009452;
  font-size: 18px;
  color: #009452;
  font-weight: bold;
  border-radius: 50%;
  margin: 40px 20px 0 0;
  transition: 400ms;
}

.about-li-more:hover {
  background: #009452;
  color: #fff;
}

.download-name {
  font-size: 15px;
  float: left;
  font-weight: normal;
  display: block;
  margin: 10px 0;
  max-height: 48px;
  overflow: hidden;
}

.download-li {
  float: left;
  width: 100%;
  margin-right: 2%;
  margin-bottom: 2%;
  text-align: center;
}

.download-a {
  display: block;
  /*height: 200px;*/
  overflow: hidden;
  box-sizing: border-box;
  padding: 1% 2%;
  border: 1px solid #eee;
  position: relative;
  border-bottom: 3px solid #eee;
}

.download-icon {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  text-align: center;
  /*margin: 10px auto;*/
  margin-right: 10px;
  background-image: url(../images/download-icon.png);
  background-position: -417px 0;
  background-color: #676767;
  background-size: 250px;
  margin-top: 2px;
}

.cla .pdf {
  background-image: url(../images/download-icon.png);
  background-position: -0px 0;
}

.cla .jpg {
  background-image: url(../images/download-icon.png);
  background-position: -104px 0;
}

.cla .gif {
  background-image: url(../images/download-icon.png);
  background-position: -214px 0;
}

.cla .exl {
  background-image: url(../images/download-icon.png);
  background-position: -319px 0;
}

.cla .doc {
  background-image: url(../images/download-icon.png);
  background-position: -426px 0;
}

.cla .rar {
  background-image: url(../images/download-icon.png);
  background-position: -532px 0;
}

.download-li:nth-of-type(4n) {
  margin-right: 0;
}

.download-a:hover {
  color: #fff;
  background-color: #676767;
  border-color: #676767;
}

.download-a:hover .download-text {
  color: #fff;
  text-decoration: none;
}

.download-text {
  font-weight: bold;
  float: right;
  text-decoration: underline;
  margin: 10px 0;
}

.ppt-a .download-icon {
  background-position: left 0;
  background-color: #e25c4a;
}

.ppt-a:hover {
  background-color: #e25c4a;
  border-color: #e25c4a;
}

.jpg-a .download-icon {
  background-position: -214px 0;
  background-color: #65aac4;
}

.jpg-a:hover {
  background-color: #65aac4;
  border-color: #65aac4;
}

.exl-a .download-icon {
  background-position: -107px 0;
  background-color: #4ead7f;
}

.exl-a:hover {
  background-color: #4ead7f;
  border-color: #4ead7f;
}

.png-a .download-icon {
  background-position: -321px 0;
  background-color: #eea84d;
}

.png-a:hover {
  background-color: #eea84d;
  border-color: #eea84d;
}

.ara-a .download-icon {
  background-position: -535px 0;
  background-color: #6584c4;
}

.ara-a:hover {
  background-color: #6584c4;
  border-color: #6584c4;
}

.mirror-row {
  position: relative;
  padding: 0 17px;
  text-align: center;
  line-height: 0;
}

.mirror-row > img {
  max-width: 100%;
}

.mirror-title {
  position: absolute;
  height: 80px;
  width: 100%;
  text-align: center;
  left: 0;
  top: 50%;
  margin-top: -40px;
}

.mirror-title span {
  color: #fff;
  font-weight: normal;
  display: inline-block;
  height: 80px;
  line-height: 80px;
  padding: 0 40px;
  background: #4a1176;
  font-size: 24px;
}

.cut-title {
  border-bottom: 1px solid #eee;
  margin-top: 20px;
  text-align: center;
}

.cut-a {
  display: inline-block;
  margin: 0 20px;
  font-size: 26px;
  padding: 25px 0;
  font-weight: bold;
  border-bottom: 3px solid #fff;
}

.cut-a .iconfont {
  font-size: 36px;
  margin-right: 10px;
  float: left;
  margin-bottom: -20px;
  font-weight: normal;
}

.cut-a.current,
.cut-a:hover {
  border-bottom-color: #333;
  color: #333;
}

.photo-ul {
  margin-top: 40px;
}

.photo-li {
  float: left;
  width: 15%;
  height: 155px;
  margin-right: 2%;
  margin-bottom: 2%;
  overflow: hidden;
  line-height: 0;
  text-align: center;
}

.photo-li img {
  height: 155px;
}

.photo-li:nth-of-type(6n) {
  margin-right: 0;
}

.content2-row {
  margin: 40px auto;
}

.introduction-title {
  font-size: 36px;
  font-weight: normal;
  line-height: 42px;
  margin: 20px 0;
}

.introduction-subtitle {
  margin: 20px 0;
}

.introduction-text {
  margin: 25px 0;
}

.introduction-hr {
  margin: 40px 0;
  clear: both;
}

.array-introduction-text:before {
  content: ' ';
  color: #009452;
  background: #009452;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 2px;
  margin-right: 10px;
}

.content2-row {
  border: 1px solid #eee;
  padding: 3% 5% 0;
  margin-top: 0;
  padding-bottom: 40px;
}

.introduction-information-row {
  width: 33.33%;
  float: left;
  box-sizing: border-box;
  padding: 2%;
  text-align: center;
}

.introduction-information-icon {
  height: 45px;
  text-align: center;
}

.introduction-information-title {
  font-size: 20px;
  font-weight: normal;
  margin: 10px 0;
}

.introduction-information-text {
  padding: 0 5%;
  color: #999;
  min-height: 48px;
  margin: 20px 0;
}

.introduction-information-btn {
  display: block;
  height: 48px;
  line-height: 48px;
  font-weight: bold;
  color: #009452;
  border: 1px solid #009452;
  margin: 5% 8% 8%;
}

.introduction-information-btn:hover {
  background: #009452;
  color: #fff;
}

.new-row {
  width: 32%;
  margin-right: 2%;
  float: left;
}

.new-row:nth-of-type(3n) {
  margin-right: 0;
}

.new-img-row {
  line-height: 0;
  height: 196px;
  overflow: hidden;
  border-bottom: 3px solid #009452;
}

.new-img-row img {
  height: 100%;
  min-width: 100%;
  display: inline-block;
}

.new-information {
  color: #999;
  margin: 5px 0;
}

.new-sort {
  padding-right: 15px;
  margin-right: 15px;
  border-right: 2px solid #ccc;
}

.new-title {
  font-size: 24px;
  margin: 12px 0;
  font-weight: normal;
  overflow: hidden;
  /*自动隐藏文字*/
  text-overflow: ellipsis;
  /*文字隐藏后添加省略号*/
  white-space: nowrap;
  /*强制不换行*/
}

.new-text {
  color: #999;
  height: 60px;
  margin-bottom: 20px;
}

.new-more {
  display: inline-block;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #009452;
  padding: 0 30px;
  border: 1px solid #009452;
}

.new-more:hover {
  color: #fff;
  background: #009452;
}

.new-list-select-row {
}

.new-list-select {
  width: 360px;
  height: 48px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../images/new-list-select.png) right center no-repeat;
  border: 0;
  background-color: #f2f2f2;
  color: #591c87;
  padding-left: 10px;
  font-weight: bold;
}

.Search-ComboBox {
  width: 360px;
  height: 48px;
}

.Search-ComboBox-text {
  height: 48px;
  line-height: 48px;
  padding-left: 10px;
  color: #333;
  font-weight: bold;
  background: url(../images/new-list-select.png) right center no-repeat;
  background-color: #f2f2f2;
}

.Search-ComboBox-ul {
  width: 357px;
  background: #fff;
  border: 1px solid #d4d4d4;
  position: absolute;
  display: none;
  z-index: 100;
}

.Search-ComboBox-li {
  height: 34px;
  line-height: 34px;
  text-indent: 10px;
}

.Search-ComboBox-li a {
  display: block;
  height: 34px;
  color: #6b5f53;
  text-decoration: none;
}

.Search-ComboBox-li a:hover {
  background: #009452;
  color: #fff;
}

.new-list-li {
  padding: 40px 0;
  border-bottom: 1px solid #eee;
}

.new-list-content {
  padding-left: 57px;
  width: 80%;
}

.new-list-content .new-text {
  margin-bottom: 0;
  height: auto;
}

.new-list-name {
  position: relative;
  font-size: 26px;
  line-height: 30px;
  margin: 10px 0;
  font-weight: normal;
}

.new-list-name:before {
  content: '>';
  color: #009452;
  border: 1px solid #009452;
  font-family: '宋体';
  text-align: center;
  position: absolute;
  left: -60px;
  top: 0;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
}

.new-list-btn-row {
  text-align: center;
  padding-top: 50px;
}

.new-list-btn {
  height: 44px;
  border-radius: 40px;
  background: #f4f4f4;
  padding: 0 30px;
}

.new-list-btn span {
  float: left;
  font-size: 22px;
  line-height: 20px;
  margin-right: 5px;
  margin-bottom: -5px;
}

.new-list-btn:hover {
  color: #fff;
  background: #009452;
}

.new-list-btn:hover span {
  color: #fff;
}

.new-details-img {
  border-bottom: 5px solid #591c87;
  line-height: 0;
  margin: 50px 0;
}

.new-details-img img {
  width: 100%;
  display: block;
}

.new-details-name {
  font-size: 26px;
  font-weight: normal;
  line-height: 30px;
  margin: 15px 0;
}

.new-details-text {
  margin: 20px 0;
  color: #666;
}

.new-details-text-row {
  margin: 30px 0;
}

.new-return:hover {
  text-decoration: underline;
}

.new-return span {
  font-family: '宋体';
}

.new-return-row {
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  padding: 20px 0;
}

.new-recommend-ul {
  margin: 30px 0;
}

.new-recommend-li {
  float: left;
  width: 46%;
  margin-right: 8%;
  border-bottom: 1px solid #eee;
  position: relative;
  margin-bottom: 5px;
}

.new-recommend-li:nth-of-type(2n) {
  margin-right: 0;
}

.new-recommend-li a {
  position: relative;
  display: block;
  padding-right: 30px;
  color: #999;
  margin: 10px 0;
  overflow: hidden;
  /*自动隐藏文字*/
  text-overflow: ellipsis;
  /*文字隐藏后添加省略号*/
  white-space: nowrap;
  /*强制不换行*/
}

.new-recommend-li:after {
  content: '→';
  line-height: 24px;
  position: absolute;
  top: 8px;
  right: 0;
  color: #333;
}

.new-recommend-li a:hover {
  color: #591c87;
}

.sitemap > ul > li {
  width: 15%;
  float: left;
}

.sitemap > ul > li > a {
  font-weight: bold;
  font-size: 20px;
  padding-bottom: 10px;
}

.sitemap > ul > li > ul {
  margin-left: 10px;
}

.sitemap > ul > li > ul li {
  font-size: 18px;
  margin: 10px 0;
}

/* 联系人 */

.contact_card {
  float: left;
  width: 32%;
  margin-right: 2%;
  text-align: center;
}

.contact_card:nth-of-type(3n) {
  margin-right: 0;
}

.contactImage {
  margin-right: 20px;
}

.contactDiv {
  margin-top: 10px;
}

.fontBold {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 10px;
}

.liDescription {
  margin-right: 10px;
}

/* 分页 */

.PagingList {
  margin: 20px 0;
  overflow: hidden;
  height: 32px;
}

.PagingList div {
  width: fit-content;
  position: absolute;
  left: 50%;

  transform: translate(-50%, 0);
}

.PagingList span,
.PagingList a {
  font-size: 16px;
  border: 1px solid #ccc;
  padding: 3px 5px;
  margin: 0 2px;
  display: inline-block;
  margin-bottom: 10px;
}

/* 合作伙伴 */

.partners {
  float: left;
  width: 18%;
  height: 80px;
  display: table;
  text-align: center;
  line-height: 0;
  border: 1px solid #ccc;
  margin-bottom: 2%;
  margin-right: 2.5%;
  box-sizing: border-box;
}

.partners:nth-of-type(5n) {
  margin-right: 0;
}

.partners a {
  display: table-cell;
  vertical-align: middle;
  width: 150px;
  height: 80px;
}

.partners a img {
  max-width: 90%;
  max-height: 80%;
}

/* 广告位 */

.playPages {
  width: 680px;
  height: 370px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.playPages .page {
  width: 680px;
  height: 370px;
  display: none;
  position: absolute;
  left: 0px;
  top: 0px;
}

.playPages .page .img_01 {
  width: 680px;
  height: 226px;
  overflow: hidden;
}

.playPages .page .img_01 img {
  width: 680px;
  height: 226px;
}

.playPages .page ul {
  height: 143px;
  padding-top: 2px;
}

.playPages .page ul li {
  width: 226px;
  height: 143px;
  float: left;
}

.playPages .page ul li img {
  width: 226px;
  height: 143px;
}

/* 响应导航 */

.body-fixed {
  position: relative;
  width: 100%;
  -webkit-transform: translate3d(70%, 0px, 0px);
  transform: translate3d(70%, 0px, 0px);
}

.app-icon {
  font-size: 60px;
  line-height: 100px;
  display: none;
}

.app-nav-row .top-row {
  border-bottom: 1px solid #eee;
}

.app-nav-row {
  position: absolute;
  width: 70%;
  height: 100%;
  top: 0;
  min-height: 100%;
  overflow: hidden;
  -webkit-transform: translate3d(-100%, 0px, 0px);
  transform: translate3d(-100%, 0px, 0px);
  background: #f9f9f9;
  z-index: 900;
  transition: all 0.2s;
  box-shadow: inset -3px -10px 9px 0 rgba(187, 187, 187, 0.5);
}

.app-nav {
  padding: 5% 12%;
  height: 100%;
  padding-bottom: 150px;
  box-sizing: border-box;
  overflow: auto;
  text-align: center;
}

.app-nav-p {
  border-bottom: 1px solid #eee;
  font-size: 18px;
  padding: 15px 0;
  display: block;
}

.app-sub-nav {
  border-bottom: 1px solid #eee;
  background: #f7f7f7;
  padding: 2%;
  display: none;
}

.app-sub-nav-li a {
  padding: 1%;
  display: block;
  color: #666;
  font-size: 16px;
}

.content-row img {
  max-width: 100%;
}

.app-icons {
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
}

.app-return {
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  display: none;
}

.left-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-family: '宋体';
  font-style: normal;
  font-weight: bolder;
  margin-right: 5px;
}

/* 移动端轮播图 */

/* .app-banner{
    position: relative;
} */

/*.swiper-container {
    width: 100%;
    height: 100%;
    display: none;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
    width: 100%;
}*/

.index-row > .fl {
  text-align: center;
}

.company-icon-row img {
  margin-bottom: -3px;
}

.index-company-title {
  text-align: center;
  font-size: 28px;
  /*font-weight: normal;*/
  margin: 80px 0 15px 0;
  line-height: 30px;
  color: #181e44;
}

.index-company-title-h4 {
  font-size: 18px;
  color: #009452;
  width: 100%;
  text-align: center;
}

.index-Showcase-control {
  position: absolute;
  display: none;
  top: 50%;
  margin-top: -30px;
}

.index-Showcase-l {
  left: 5%;
}

.index-Showcase-r {
  right: 5%;
}

/*  */

/* 媒体登记 */

.media_reg table {
  width: 100%;
}

.media_reg table th {
  text-align: right;
  padding: 10px;
}

.media_reg table td {
  padding: 8px 0;
}

.media_reg table input.text {
  height: 44px;
  width: 95%;
  padding: 0 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #f8f8f8;
  box-sizing: border-box;
}

.media_reg table .select {
  width: 30%;
  margin-right: 5%;
  height: 44px;
  padding: 0 10px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  float: left;
  background-color: #f8f8f8;
}

.media_reg table .select + .text {
  width: 45%;
}

.media_reg table input.with_def {
  width: 18.2%;
}

.media_reg table .line {
  border: 0;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  width: 40%;
  padding: 0 5px;
}

.red {
  color: #c81010;
}

.btn_submit {
  background-color: #018843;
  color: #fff;
  width: 210px;
  height: 48px;
  cursor: pointer;
  border: 0;
  font-size: 18px;
  display: block;
  margin: 0 auto;
}

.media_reg table .textarea {
  height: 120px;
  width: 95%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #f8f8f8;
  box-sizing: border-box;
  min-width: 95%;
  max-width: 95%;
}

.media_reg table input.mistake {
  border-color: #c81010;
}

/* 分页 */

.count,
.prev-disabled,
.last-disabled,
.direct {
  display: none !important;
}

.prev-page,
.next-page,
.next,
.prev {
  display: inline-block !important;
  text-indent: 1000px;
  width: 30px;
  height: 32px;
  overflow: hidden;
  border: 0 !important;
  position: relative;
  cursor: pointer;
  background: none !important;
}

.prev-page:after,
.prev:after {
  content: '<';
  position: absolute;
  width: 30px;
  height: 32px;
  text-indent: 0;
  line-height: 32px;
  left: 0;
  top: 0;
  font-family: '宋体';
  font-size: 22px;
  font-weight: bold;
  color: #009551;
}

.next-page:after,
.next:after {
  content: '>';
  position: absolute;
  width: 30px;
  height: 32px;
  text-indent: 0;
  line-height: 32px;
  left: 0;
  top: 0;
  font-family: '宋体';
  font-size: 22px;
  font-weight: bold;
  color: #009551;
}

.PagingList span,
.PagingList a {
  width: 30px;
  height: 32px;
  padding: 0;
  line-height: 32px;
  text-align: center;
  float: left;
  border: 0;
  background-color: #f8f8f8;
  border-radius: 2px;
  margin: 0 5px;
}

.PagingList a.curr {
  background-color: #009551;
  color: #fff;
}

.new-list-name .violet-text {
  color: #333;
}

/* ********************************************************* */

.introduction-text-title {
  display: inline-block;
  float: left;
}

.introduction-text-p {
  margin-left: 70px;
}

.introduction-tab {
  margin: 20px 0;
  text-align: center;
  border-collapse: collapse;
}

.introduction-tab th {
  background-color: #e4e4e4;
  text-align: center;
  font-weight: bold;
  padding: 5px;
  border: 1px solid #ccc;
}

.introduction-tab td {
  padding: 5px;
  border: 1px solid #ccc;
}


.introduction-table {
  border-collapse: collapse;
  width: 100%;
}

.introduction-table td, .introduction-table th{
  padding: 10px;
  border-bottom: 1px solid #009452;
  text-align: center;
}

.introduction-table th{
   font-weight: bold;
   border-bottom: 2px solid #009452;
}

.introduction-scope-title {
  border-bottom: 1px solid #ccc;
}

.genre-ul {
  list-style: inherit;
  margin-top: 10px;
}

.genre-li {
  float: left;
  width: 30%;
  margin: 5px 0;
  margin-left: 15px;
  min-width: 180px;
}

.introduction-data {
  font-size: 28px;
  color: #6b2e99;
  line-height: 30px;
  margin: 5px 0;
}

.tissue-row {
  float: left;
  width: 30%;
  margin-right: 2%;
  min-width: 250px;
}

.tissue-contact-row {
  background-color: #f0f0f0;
  padding: 3%;
  margin: 20px 0;
}

.tissue-contact {
  float: left;
  width: 33%;
  border-right: 1px solid #ccc;
  text-align: center;
}

.tissue-contact:last-of-type {
  border-right: 0;
}

.tissue-contact img {
  margin-right: 10px;
  margin-bottom: -3px;
}

.link-row > a:hover {
  text-decoration: underline;
}

.link-a {
  display: block;
  text-align: center;
  width: 250px;
  height: 34px;
  line-height: 34px;
  margin: 0 auto;
  background-color: #ccc;
  font-weight: bold;
}

.smart-item .gallery-list .img-src {
  height: auto !important;
}

.smart-item .gallery-list li {
  width: 25%;
  box-sizing: border-box;
}

/* 弹窗 */

.audience-popup-txt {
  margin: 30px 0;
  text-align: center;
  font-size: 20px;
  color: #333;
  line-height: 36px;
}

.search-popup-box {
  z-index: 1001;
}

.search-popup-box {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  display: none;
}

.search-popup {
  background-color: #f6f6f8;
  border: 8px solid #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  box-sizing: border-box;
  left: 50%;
  margin-left: -332px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  position: absolute;
  top: 30%;
  width: 665px;
}

.search-popup-close {
  background-color: #009551;
  color: #fff;
  cursor: pointer;
  font-size: 24px;
  font-weight: normal;
  height: 60px;
  line-height: 60px;
  position: absolute;
  right: -68px;
  text-align: center;
  top: -8px;
  width: 60px;
}

/*  */

.unfold-content-text-row {
  margin: 15px 0;
}

.unfold-top {
  line-height: 24px;
  background-color: #f0f0f0;
  padding: 10px 20px;
  padding-left: 30px;
  position: relative;
  cursor: pointer;
}

.unfold-top:after {
  content: '';
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
}

.unfold-content {
  padding: 20px;
  background-color: #f0f0f0;
  display: none;
}

.unfold-content-text-row {
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding-top: 10px;
}

.unfold-content-text:before {
  content: '';
  float: left;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-top: 10px;
  background-color: #000;
  margin-right: 15px;
}

.open .unfold-top {
  background-color: #009452;
  color: #fff;
}

.open .unfold-top:after {
  border-left: 5px solid #fff;
}

.open .unfold-content {
  display: block;
}

/* 2016.12.13 */

/* .index-Showcase-li:hover img{
    -webkit-transform: scaleY(1.2);
    -ms-transform: scaleY(1.2);
    -o-transform: scaleY(1.2);
    transform: scaleY(1.2);
}
.index-Showcase-li img{
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
} */

.index-new-time {
  position: absolute;
  bottom: 5px;
}

.index-new {
  position: relative;
}

.index-new-box .index-new-more {
  margin-top: 10px;
}

.unfold-row {
  margin: 15px 0;
}

.unfold-top:hover {
  color: #009452;
}

.open .unfold-top:hover {
  color: #fff;
}

/* 主题展区 */

.content-no-padding .content2-row {
  padding: 0;
  border: 0;
}

.exhibition-li {
  width: 48%;
  margin-right: 4%;
  background-color: #f4f4f4;
  overflow: hidden;
  float: left;
  margin-bottom: 30px;
}

.exhibition-li:nth-of-type(2n) {
  margin-right: 0;
}

.exhibition-img {
  width: 60%;
  line-height: 0;
  overflow: hidden;
  height: 300px;
  float: left;
}

.exhibition-img img {
  max-width: inherit;
  height: 100%;
}

.exhibition-text-row {
  float: left;
  width: 40%;
  padding: 5%;
  box-sizing: border-box;
}

.exhibition-title {
  font-size: 20px;
  line-height: 26px;
  margin: 10% 0;
}

.applyFor-text {
  text-align: center;
  margin: 10px 0;
}

.applyFor-box-row {
  border-spacing: 40px;
  margin-left: -40px;
  margin-right: -40px;
}

/* .applyFor-box-tabel-row{
    display: table-row;
} */

.applyFor-box {
  display: table-cell;
  width: 50%;
  border-top: 3px solid #009452;
  background-color: #f7f7f7;
  box-sizing: border-box;
  padding: 5%;
}

.applyFor-box:nth-of-type(2n) {
  margin-right: 0;
}

.applyFor-title {
  font-size: 30px;
  font-weight: normal;
  line-height: 46px;
  margin: 10px 0;
}

.applyFor-box-text {
  margin: 20px 0;
  line-height: 28px;
}

.applyFor-btn a {
  width: 210px;
  height: 45px;
  line-height: 45px;
  font-weight: bold;
  border-radius: 50px;
  border: 2px solid #009452;
  display: block;
  text-align: center;
}

.applyFor-row {
  margin-top: 50px;
}

/* 同期活动 */

.conferences-box-ul {
}

.conferences-box-ul li {
  float: left;
  width: 31%;
  margin-right: 3.5%;
  margin-bottom: 4%;
}

.conferences-box-ul li:nth-of-type(3n) {
  margin-right: 0;
}

.conferences-img {
  height: 305px;
  overflow: hidden;
}

.conferences-img img {
  min-height: 100%;
  width: auto;
  max-width: inherit;
  min-width: 100%;
}

.conferences-name {
  height: 85px;
  width: 100%;
  display: table;
  text-align: center;
  background-color: #f7f7f7;
}

.conferences-name a {
  display: table-cell;
  height: 85px;
  vertical-align: middle;
  font-weight: normal;
}

.new-details-box {
  padding: 50px 0;
}

.new-details-title {
  font-size: 26px;
  color: #333;
  line-height: 30px;
  font-weight: normal;
  margin-bottom: 20px;
}

.index-News-li {
  width: 48%;
  margin-right: 4%;
  float: left;
}

.addthis_sharing_toolbox {
  display: none !important;
}

.index-company-Info {
  font-size: 21px;
}

.exhibition-img {
  float: none;
  width: 100%;
  height: auto;
}

.exhibition-img img {
  width: 100%;
}

.exhibition-li {
  display: table-cell;
  float: none;
  width: 580px;
}

.exhibition-ul {
  display: table;
  border-spacing: 20px;
  width: 100%;
}

.exhibition-ul:before {
  display: none !important;
}

.exhibition-ul:after {
  display: none !important;
}

.exhibition-li:before {
  display: none !important;
}

.exhibition-text-row {
  width: 100%;
  float: none;
}

.exhibition-title {
  margin: 2% 0;
}

.index-new-time {
  width: 100%;
}

.index-Showcase-li-row {
  left: auto;
  right: -32%;
}

.index-Showcase-li-row img {
  /*position: absolute;*/
  /*right: 0;*/
}

/* 2016.12.27 */

.index-app-new {
  display: none;
}

.header-margin {
  margin-bottom: 100px;
}

.company-icon-row sup {
  line-height: 0;
}

.row-error-style {
  background-color: #ccc;
}

.succeed-row {
  display: none;
  padding: 50px;
  box-sizing: border-box;
  background-color: #fff;
}

.succeed-top {
  padding: 30px;
  text-align: center;
  border-bottom: 1px solid #edeff1;
  padding-bottom: 60px;
}

.succeed-top img {
  margin: 30px;
}

.succeed-top-text {
  color: #018845;
  font-size: 20px;
}

.succeed-ft {
  padding-top: 50px;
}

/* 2017.2.26 */

.nav-li.nav-silverindustry {
  text-align: center;
  /*padding-top: 25px;*/
}

.nav-li.nav-silverindustry > a {
  vertical-align: middle;
  line-height: 24px;
  display: table-cell;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #2b59a6;
  color: #fff;
  width: 100%;
}

.nav-li.nav-silverindustry:hover > a {
  border-bottom: 0;
}

.suspend-row .nav-li.nav-silverindustry {
  /*height: 76px;*/
  /*padding-top: 15px;*/
}

.suspend-row .nav-li.nav-silverindustry > a {
  /*height: 76px;*/
}

.Partners-row {
  width: 100%;
  overflow: hidden;
}

.Partners-row .index-row {
  width: 48%;
  float: left;
  margin-right: 4%;
}

.Partners-row .index-row:last-of-type {
  margin-right: 0;
}

.advisory-row {
  width: 100%;
}

.advisory-input {
  height: 44px;
  border: 1px solid #e5e5e5;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 14px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  position: relative;
}

textarea {
  outline: none;
}

/*input.advisory-input:after{
    content: "";
    position: absolute;
    z-index: 1;
    left:20%;
    top:20%;
    width:100%;
    height:100%;
    background:#eee;
}*/

.advisory-input.curr {
  /*  -webkit-transform: scale(1.5);
  -moz-transform:scale(1.5)
  transform: scale(1.5);*/
  /*background:#eee;*/
  border: 1px solid #009452;
  box-shadow: 0 0 3px #a0c6b5;
}

.advisory-name-row {
  width: 30%;
  margin-right: 5%;
}

.advisory-li {
  margin-bottom: 10px;
}

.radio-label {
  line-height: 44px;
  margin-right: 10%;
}

.advisory-radio {
  margin-right: 5px;
  margin-top: -3px;
}

.advisory-half {
  width: 48%;
  margin-right: 4%;
}

.advisory-half:last-of-type {
  margin-right: 0;
}

.advisory-radio-row {
  width: 100%;
}

.advisory-textarea {
  padding: 8px 10px;
  height: 74px;
  resize: inherit;
  line-height: 18px;
  margin: 0;
  display: block;
}

.advisory-form {
  position: relative;
}

.advisory-btn {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  border: 0;
  background: #009452;
  width: 100%;
  height: 46px;
  cursor: pointer;
}

.Partners-row .index-partner-li {
  width: 25%;
}

.new-recommend-li:after {
  content: 'Previous';
}

.new-recommend-li:nth-of-type(2):after {
  content: 'Next';
}

.new-recommend-li a {
  margin-right: 55px;
}

/* 增加展商推荐 */

.recommend-row {
  margin: 20px 0;
  width: 100%;
}

.recommend-li {
  float: left;
  width: calc(100% / 5 - 20px);
  margin: 0 10px;
}

.recommend-li a {
  display: block;
  position: relative;
}

.recommend-img {
  width: 100%;
  display: block;
}

.recommend-box {
  position: absolute;
  width: 100%;
  height: 40px;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.recommend-box span {
  padding: 0 10px;
  color: #fff;
  line-height: 40px;
}

/*媒体简报*/

div.holder {
  text-align: center;
  margin: 10px 0;
}

div.holder a {
  padding: 5px 10px;
  font-size: 16px;
  cursor: pointer;
}

div.holder a.jp-current {
  color: #009452;
}

/*e-new*/

.enews-bottom {
  padding: 120px 0;
}

.enews-bottom-l {
  width: 70%;
}

.enews-bottom-r {
  width: 30%;
  margin-top: -10px;
}

.enews-email-box {
  width: 126px;
  height: 134px;
  margin-right: 20px;
}

.email-text {
  width: 360px;
}

.enews-email-title {
  font-size: 24px;
  color: #155aaa;
  margin-bottom: 20px;
}

.email-text-p {
  font-size: 16px;
  color: #666666;
  line-height: 24px;
}

.enew-ewm {
  width: 152px;
  height: 152px;
  overflow: hidden;
}

.enew-ewm img {
  width: 100%;
}

.enew-ewm-p {
  width: 152px;
  height: 50px;
  line-height: 50px;
  color: #666;
  text-align: center;
}

@media (max-width: 640px) {
  .enews-bottom-l {
    float: none;
    width: 100%;
    text-align: center;
  }

  .enews-bottom-r {
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }

  .enews-email-box {
    float: none;
    margin: 0 auto;
  }

  .email-text {
    float: none;
    padding: 10px 0;
    width: 100%;
    margin: 0 auto;
  }

  .enew-ewm {
    margin: 0 auto;
  }

  .enew-ewm-p {
    margin: 0 auto;
  }
}

/* 20170504新底部样式 */

.footer-itembox {
  width: 100%；;
}

.footer-itembox ul li {
  float: left;

  border-right: 1px rgba(255, 255, 255, 0.1) solid;
}

.footer-itembox ul li:last-child {
  border: none;
}

.li-a {
  width: 27.3%;
}

.li-b {
  width: 25.8%;
}

.li-c {
  width: 18.6%;
}

.li-d {
  width: 27.4%;
}

.footer-itembox ul li .tit {
  font-size: 18px;
  color: #fff;
  padding-bottom: 26px;
  font-style: normal;
}

.footer-itembox ul li p {
  color: #999999;
  font-size: 12px;
  line-height: 20px;
}
.footer-itembox ul li .gz {
  color: #999999;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}

.footer-itembox ul li a {
  width: 96px;
  margin: auto;
  color: #999999;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
}

.box-zh {
  width: 210px;
  margin: auto;
}

.box-zh a {
  display: inline-block;
  padding-right: 19px;
}

.box-zh .box-link {
  color: #fff;
  font-size: 18px;
  padding-top: 60px;
  padding-bottom: 15px;
}

.ewmbox {
  width: 135px;
  margin: auto;
}

.in-box {
  padding-left: 50px;
}

.in-box p {
  line-height: 30px;
  height: 30px;
}

.in-box .ebox {
  padding-top: 28px;
  padding-bottom: 26px;
  font-size: 18px;
  color: #fff;
}

.pbox {
  width: 88%;
  padding-bottom: 30px;
}

.pt16 {
  padding-top: 10px;
  padding-bottom: 10px;
}

@media screen and (min-width: 1200px) {
  .footer-itembox ul li {
    min-height: 278px;
  }
}

@media screen and (max-width: 992px) {
  .footer-itembox ul li {
    border: none;
    height: auto;
  }

  .li-a,
  .li-c,
  .li-d {
    width: 100%;
    text-align: center;
    border: none;
  }

  .li-a .tit,
  .pbox {
    display: none;
  }

  .li-b {
    display: none;
  }

  .li-c .tit,
  .gz {
    display: none;
  }

  .li-d .in-box .tit,
  .dis {
    display: none;
  }

  .li-d .in-box {
    padding-left: 0;
  }

  .li-d .in-box .subscription-row {
    width: 278px;
    margin: auto;
    float: none;
  }
}

::-moz-placeholder {
  color: #949494;
}

::-webkit-input-placeholder {
  color: #949494;
}

:-ms-input-placeholder {
  color: #949494;
}

/*20170524*/

.index-partner-li {
  margin: 10px 0;
}

/*20170601*/

.expnew-box {
  width: 57.5%;
  height: 180px;
  display: block;
  float: left;
}

.expnew-box.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100px;
}

.expnew-box .swiper-wrapper .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
}

.expnew-box .swiper-wrapper .swiper-slide a img {
  display: block;
  width: 100%;
  height: 100%;
}

.swipeping .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #fff;
  opacity: 0.8;
}

.swipeping .swiper-pagination-bullet-active {
  opacity: 1;
  background: #009452;
}

.thenew-box {
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(../images/greadbg.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 47.5%;
  height: 100%;
  z-index: 10;
  color: #fff;
}

.thenew-box h3 {
  font-size: 24px;
  padding-top: 20px;
  padding-left: 15.789%;
}

.thenew-box ul {
  padding-top: 10px;
  padding-left: 15.789%;
}

.thenew-box ul li {
  line-height: 28px;
  list-style-type: disc;
  list-style-position: inside;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 90%;
}

.thenew-box ul li a {
  color: #fff;
  text-decoration: underline;
}

@media screen and (max-width: 1200px) {
  .expnew-box {
    width: 100%;
    overflow: hidden;
  }

  .thenew-box {
    margin-top: 20px;
    position: relative;
    overflow: hidden;
    width: 100%;
    background-image: none;
  }

  .thenew-box ul {
    color: #000;
    padding-left: 1%;
  }

  .thenew-box ul li a {
    color: #000;
  }

  .thenew-box h3 {
    color: #000;
    padding-left: 1%;
  }
}

/*电子期刊*/

.dianzi-news {
  padding-bottom: 30px;
  border-bottom: 1px solid #f6f6f6;
  margin-bottom: 50px;
}

.dianzi-news:last-of-type {
  border-bottom: none;
}

.dianzi-item {
  float: left;
  width: 30%;
  margin-right: 5%;
}

.dianzi-item:nth-of-type(3n) {
  margin-right: 0;
}

.dianzi-title {
  position: relative;
  height: 90px;
  overflow: hidden;
  font-size: 20px;
  line-height: 30px;
  font-weight: normal;
  margin-bottom: 10px;
  padding-left: 20px;
}

.dianzi-title::before {
  position: absolute;
  left: 0;
  top: 5px;
  display: block;
  content: '';
  width: 3px;
  height: 20px;
  background: #009551;
}

.dianzi-time {
  display: block;
  color: #999;
  height: 24px;
  line-height: 24px;
  margin-bottom: 10px;
  padding-left: 20px;
}

.dianzi-img {
  max-height: 494px;
  overflow: hidden;
}

.dianzi-img img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .dianzi-item {
    width: 100%;
    margin-right: 0;
  }

  .dianzi-img {
    max-height: 100%;
  }

  .exhibition-ul {
    display: block;
  }
}

/*酒店list的 css*/

.hotel_class {
  position: relative;
}

.hotel_class h3 {
  text-indent: 40px;
}

.hotel_class h3 span {
  display: block;
  width: 34px;
  height: 34px;
  position: absolute;
  top: -6px;
  background: url('../../images/xingxing.png') no-repeat;
}

.hotel_class h3 span.five {
  background-position: 0px -33px;
}

.hotel_class h3 span.four {
  background-position: 0px -66px;
}

.thumbnail.case .caption h4 {
  line-height: 24px;
  padding: 5px 0;
  color: #333;
}

.thumbnail.case .caption p,
.thumbnail.case .caption a {
  color: #666;
}

.address {
  text-indent: 30px;
  padding: 5px 0;
}

.thumbnail.case .caption .address em {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  background: url('../images/address.png') no-repeat;
  background-size: 20px 20px;
}

.thumbnail.case .caption p b {
  color: rgb(0, 149, 81);
}

.thumbnail.case {
  box-shadow: 3px 4px 8px 0 rgba(7, 17, 27, 0.1);
}

.thumbnail a > img,
.thumbnail > img {
  width: 100%;
}

.hotel_box .hotel_download {
  width: 250px;
  height: 70px;
  margin: 0 auto;
}

.hotel_box .hotel_download a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  line-height: 70px;
  font-size: 18px;
  background: rgb(0, 149, 81);
  border-radius: 35px;
  text-align: center;
}

.hotel_remarks,
.hotel_reservation {
  width: 45%;
  background: #fafafa;
  /*height: 280px;*/
  border: 2px solid #eee;
  margin-bottom: 50px;
  padding-left: 10px;
  padding-right: 10px;
}

.hotel_remarks {
  float: left;
}

.hotel_reservation {
  padding-bottom: 28px;
  float: right;
}

.hotel_remarks h5,
.hotel_reservation h5 {
  color: rgb(0, 149, 81);
  font-size: 18px;
  font-weight: 900;
}

.hotel_remarks strong {
  color: rgb(0, 149, 81);
}

.hotel_box .thumbnail{
    min-height: 500px;
    height: 100%;
    box-sizing: border-box;
}



/*20170801同期活动*/

.event-title {
  font-size: 28px;
  line-height: 40px;
  padding: 40px 0;
  font-weight: bolder;
}

.event-time {
  font-size: 18px;
  font-weight: normal;
  margin: 10px 0;
}

.event-box {
  margin-bottom: 20px;
}

.event-tab {
  width: 100%;
  border-collapse: collapse;
}

.event-tab thead tr td {
  background-color: #009551;
  padding: 5px 20px;
  color: #fff;
  font-weight: bolder;
}

/*.event-box:nth-child(even) .event-tab thead tr td{
    color:#535353;
    background-color: #e9f5e9;
}*/

.event-tab thead tr .event-mid-td,
.event-tab tbody tr .event-mid-td {
  background-color: #fff;
  padding: 0;
}

.event-box:nth-child(even) .event-tab thead tr .event-mid-td,
.event-box:nth-child(even) .event-tab tbody tr .event-mid-td {
  background-color: #fff;
  padding: 0;
}

.event-tab tbody tr td {
  vertical-align: top;
  padding: 10px 20px 20px;
}

.event-tab tbody tr td:first-of-type {
  /*color: #009551;*/
}

.event-tab tbody tr td:last-of-type {
  /*color: #009551;
    font-size: 16px;*/
}

.event-sub h3 {
  position: relative;
  padding: 20px 0 10px;
  font-size: 14px;
  text-indent: 15px;
}

.event-sub h3:before {
  position: absolute;
  left: 0;
  top: 50%;
  content: '';
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #009551;
}

.event-sub p {
  font-size: 14px;
  color: #222;
}

.event-sub a {
  font-size: 14px;
  color: #222;
}

/*bootsrtap 需要到的css*/

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-left: -15px;
}

.btn-group-vertical > .btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
  clear: both;
}

.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
  display: table;
  content: ' ';
}

.thumbnail a > img,
.thumbnail > img {
  width: 100%;
}

.thumbnail a > img,
.thumbnail > img {
  margin-right: auto;
  margin-left: auto;
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  float: none;
  display: inline-block;
  margin-left: -3px;
  vertical-align: top;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .col-sm-6 {
    width: 45%;
  }

  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    float: none;
  }
}

@media (min-width: 992px) {
  .col-md-4 {
    width: 30%;
  }

  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: none;
  }
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}

.hotel_class {
  margin: 15px 0;
  font-size: 20px;
}

/*如何参观*/

.how-to-visit {
  padding: 60px;
}

.how-to-visit .visit-title {
  font-size: 28px;
  color: #0d8e4c;
  padding: 20px 0;
  line-height: 40px;
}

.visit-title-bg {
  position: relative;
  width: 100%;
  height: 50px;
  background: url(../images/visitor-bg.png) left center repeat-x;
  margin: 50px 0;
}

.how-to-visit .visit-item-title {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 25px;
  color: #333333;
  height: 50px;
  line-height: 50px;
  background-color: #fff;
  padding-right: 20px;
}

.visit-item-title span {
  color: #0d8e4c;
  font-weight: normal;
}

.visit-list-item {
  width: 50%;
}

.num-sort {
  width: 94px;
  height: 111px;
  background: url(../images/num-bg.png) no-repeat;
  text-align: center;
  color: #fff;
  font-size: 38px;
  line-height: 100px;
  margin-right: 34px;
}

.num-right {
  overflow: hidden;
}

.num-right-title {
  font-size: 25px;
  color: #333;
  padding: 10px 0;
  font-weight: bolder;
  line-height: 30px;
}

.num-right-text a {
  color: #0c8d4c;
}

.num-right-link {
  font-size: 25px;
  text-decoration: underline;
  font-weight: bolder;
}

.num-right-text {
  font-size: 16px;
  color: #333;
  font-weight: normal;
}

.visit-list-bottom {
  padding: 50px;
}

.visit-list-bottom img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

@media (max-width: 997px) {
  .num-sort {
    margin-right: 10px;
  }

  .visit-list-item {
    float: none;
    width: 100%;
  }

  .how-to-visit {
    padding: 60px 3%;
  }

  .visit-list-bottom {
    padding: 50px 0;
  }
}

/*20170904*/

.content3-row {
  margin: 40px auto;
}

.content3-row {
  border: 1px solid #eee;
  padding: 0 5%;
  margin-top: 0;
  padding-bottom: 40px;
}

.tissue-row {
  min-width: 0;
  width: 23%;
}

.Overview-btn-row {
  text-align: center;
  margin-bottom: 30px;
}

.Overview-btn {
  font-size: 18px;
  color: #181e44;
  margin: 0 20px;
  display: inline-block;
  position: relative;
  transition: 400ms;
}

.Overview-btn::after {
  content: '>';
  float: right;
  /*margin-top: 3px;*/
  width: 22px;
  height: 22px;
  color: #fff;
  text-align: center;
  line-height: 22px;
  font-family: 宋体;
  font-size: 14px;
  margin-left: 10px;
  border-radius: 50%;
  background: #10784a;
  font-weight: bold;
  transition: 400ms;
}

.Overview-btn:hover {
  color: #009452;
}

.Overview-btn:hover:after {
  background: #009452;
  color: #fff;
}

.search-input {
  background: #3c3c3c;
  border-radius: 35px;
  border: none;
  height: 33px;
  padding: 0 10%;
  color: #fff;
  transition: 400ms;
  position: relative;
}

.search-input.curr {
  background: #595959;
}

.news-ind {
  position: absolute;
  height: 60px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 148, 82, 0.8);
}

#news-ind-ul {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  color: #fff;
  background: url(../images/laba.png) no-repeat 0 20px;
}

#news-ind-ul li {
  height: 60px;
  line-height: 62px;
  text-indent: 35px;
}

#news-ind-ul li a {
  color: #fff;
}

.news-ind-time {
  margin-left: 35px;
}

::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  font-family: Arial;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-family: Arial;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-family: Arial;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-family: Arial;
}

.content-ind-top-bg {
  background: url(../images/con-top-bg.png) no-repeat center bottom;
  padding-bottom: 85px;
  background-size: contain;
}

.Display-area {
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.Display-area2 {
  overflow: initial;
}

.Display-area-h2 {
  font-size: 28px;
  line-height: 30px;
}

.Display-area-wrap {
  width: 100%;
  overflow: hidden;
  background: #f8f9ff;
  padding-bottom: 60px;
}

.Display-area-ul {
  width: 100%;
  height: auto;
  margin-top: 25px;
}

.Display-area-ul li {
  width: 19.6%;
  float: left;
  margin-right: 3%;
  background: #fff;
  text-align: center;
  padding: 2.5% 1.5% 0;
  transition: 500ms;
  height: 350px;
}

.Display-area-ul li:hover {
  box-shadow: 0 0 20px #181e44;
}

.Display-area-ul li:last-of-type {
  margin-right: 0;
}

.Display-area-ul li a {
  display: block;
}

.Display-area-img {
  width: 77px;
  height: 77px;
  overflow: hidden;
  margin: 0 auto 15px;
  transition: 500ms;
}

.Display-area-img1 {
  background: url(../images/Display-img1.png) no-repeat center;
}

.Display-area-img2 {
  background: url(../images/Display-img2.png) no-repeat center;
}

.Display-area-img3 {
  background: url(../images/Display-img3.png) no-repeat center;
}

.Display-area-img4 {
  background: url(../images/Display-img4.png) no-repeat center;
}

.Display-area-img5 {
  background: url(../images/Display-img5.png) no-repeat center;
}

.Display-area-con-h2 {
  font-size: 18px;
  color: #353a58;
  font-weight: normal;
  transition: 500ms;
}

.Display-area-line {
  width: 26px;
  height: 3px;
  background: #009452;
  margin: 19px auto 16px;
  transition: 500ms;
}

.Display-area-tit {
  color: #666;
  font-size: 14px;
  transition: 500ms;
}

.Display-area-ul li:hover {
  background: #009452;
}

.Display-area-ul li:hover .Display-area-tit {
  color: #fff;
}

.Display-area-ul li:hover .Display-area-con-h2 {
  color: #fff;
  margin-top: 55px;
  transition: 500ms;
}

.Display-area-ul li:hover .Display-area-line {
  background: #fff;
}

.Display-area-ul li:hover .Display-area-img {
  height: 0;
}

.Brand-exhibitors-h2 {
  border-bottom: 2px solid #ebecf2;
  margin-top: 68px;
  padding-bottom: 10px;
  font-weight: bold;
}

.Brand-exhibitors-logo {
  width: 100%;
  overflow: hidden;
  margin-top: 40px;
}

.Brand-exhibitors-logo li {
  float: left;
  width: 10%;
  margin: 0.5% 1.2% 0.5% 0;
  height: 85px;
  line-height: 85px;
  text-align: center;
  background: #fff;
  box-shadow: 0 0 3px #eee;
}

.Brand-exhibitors-logo li img {
  vertical-align: middle;
  max-width: 90%;
  margin: 0 5%;
  max-height: 85px;
}

.Brand-exhibitors-logo li:nth-of-type(9n) {
  margin-right: 0%;
}

.Brand-exhibitors-con {
  width: 100%;
  /*overflow:hidden;*/
  position: relative;
}

.Brand-exhibitors-next {
  background: url(../images/hright-white-arrow.png) no-repeat;
  right: 0%;
  top: -18px;
  opacity: 1;
  transition: 400ms;
}

.Brand-exhibitors-next:hover {
  opacity: 0.5;
}

.Brand-exhibitors-prev {
  background: url(../images/hleft-white-arrow.png) no-repeat;
  right: 32px;
  left: initial;
  top: -18px;
  opacity: 1;
  transition: 400ms;
}

.Brand-exhibitors-prev:hover {
  opacity: 0.5;
}

.comments-bg {
  width: 100%;
  background: url(../images/comments-bg.jpg) center no-repeat fixed;
  height: 480px;
  overflow: hidden;
}

.comments-l {
  width: 100%;
  /*float: left;*/
}

.comments-l-h3 {
  font-size: 28px !important;
  color: #fff;
  margin: 50px 0 25px 0 !important;
}

.comments-l-p {
  color: #fff;
  font-size: 14px;
}

.comments-li {
  width: 100%;
  overflow: hidden;
  padding: 5px 0;
  /*margin-right:170px;*/
  background: none;
}

.comments-li-l {
  width: 160px;
  float: left;
  height: 320px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 5px #7d7d7d;
  font-size: 14px;
  box-sizing: border-box;
}

.comments-li-l-img {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 100%;
  margin: 25px auto 10px;

  text-align: center;
}

.comments-li-l-img img {
  max-width: 100%;
  max-height: 100%;
}

.comments-li-l-p {
  text-align: center;
  padding: 0 5%;
  line-height: 22px;
  font-size: 12px;
}

.comments-li-l-p strong {
  font-size: 14px;
}

.comments-li-r {
  width: calc(100% - 260px);
  float: left;
  height: 320px;
  margin-left: 20px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 0px 5px #7d7d7d;
  padding: 30px;
  position: relative;
  text-align: left;
  /*margin-right: 70px;*/
  background-image: url('/static/home/cn/images/yinghao.png');
  background-repeat: no-repeat;
  background-position: 93% 90%;
  background-size: 40px;
  box-sizing: border-box;
}

.comments-r-con {
  width: 100%;
  overflow: hidden;
  position: relative;
  /*margin-right:20%;*/
}

.comments-li-r-jian {
  position: absolute;
  left: -17px;
  top: 140px;
}

.comments-li-r-h3 {
  font-size: 22px;
  color: #009452;
  margin-bottom: 8px;
}

.comments-li-r-p {
  line-height: 1.5;
  font-size: 14px;
  width: 100%;
  /*height:120px;*/
  overflow: hidden;
}

.comments-li-r-p-img {
  width: 100%;
  text-align: right;
}

.comments-r {
  width: 100%;
  /*float: right;*/
  margin-top: 40px;
  position: relative;
}

.comments-button-next {
  position: absolute;
  z-index: 10;
  top: 44%;
  cursor: pointer;
  right: -85px;
  width: 51px;
  height: 51px;
  background: url(../images/jiantou-r.png) no-repeat;
  opacity: 0.6;
  transition: 400ms;
}

.comments-button-next:hover {
  opacity: 1;
}

.comments-button-prev {
  position: absolute;
  z-index: 10;
  top: 44%;
  cursor: pointer;
  left: -85px;
  width: 51px;
  height: 51px;
  background: url(../images/jiantou-l.png) no-repeat;
  opacity: 0.6;
  transition: 400ms;
}

.comments-button-prev:hover {
  opacity: 1;
}

.news-ind-h2 {
  text-align: center;
}

.news-ind-p {
  width: 100%;
  text-align: center;
  font-size: 14px;
  margin-top: 12px;
  color: #666;
}

.news-ind-con {
  width: 100%;
  overflow: hidden;
  margin: 30px 0 60px 0;
}

.news-ind-con-l {
  width: 47.5%;
  float: left;
  overflow: hidden;
}

.news-ind-con-r {
  width: 49%;
  float: right;
}

.news-ind-con-r li {
  width: 100%;
  border-top: 1px solid #e5e5e5;
  overflow: hidden;
  height: 78px;
}

.news-ind-con-r li:last-of-type {
  border-bottom: 1px solid #e5e5e5;
}

.news-ind-con-r-time {
  float: left;
  width: 25%;
  font-size: 18px;
  font-weight: bold;
  line-height: 83px;
  height: 83px;
}

.news-ind-con-r-time a {
  color: #666;
  display: block;
}

.news-ind-con-r-time a:hover {
  color: #009452;
}

.news-ind-con-r-tit {
  float: right;
  width: 70%;
  line-height: 28px;
  padding: 15px 0;
  font-size: 16px;
  height: 26px;
  line-height: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.news-ind-con-r-tit a {
  color: #333;
  display: block;
}

.news-ind-con-r-tit a:hover {
  color: #009452;
}

.news-ind-con-l-img {
  width: 100%;
  overflow: hidden;
  height: 217px;
  line-height: 217px;
  position: relative;
  text-align: center;
}

.news-ind-con-l-img img {
  width: 100%;
  /*position: absolute;
    top: 108.5px;
    margin-top: -28%;*/
  /*max-width:100%;
    max-height:217px;
    vertical-align: middle;*/
}

.news-ind-con-l-h3 {
  font-size: 16px;
  margin: 15px 0 10px 0;
}

.news-ind-con-l-time {
  margin-bottom: 13px;
}

.news-ind-con-l-time a {
  color: #999;
}

.news-ind-con-l-com {
  width: 100%;
  font-size: 14px;
  height: 72px;
  overflow: hidden;
}

.news-ind-con-l-com a {
  color: #666;
}

.news-ind-con-l-a {
  color: #009452;
  font-size: 14px;
  line-height: 45px;
}

.activity-wrap {
  width: 100%;
  overflow: hidden;
  background: #f8f9ff;
}

.news-ind-con-ul {
  width: 100%;
  margin: 30px 0;
  border-bottom: 1px solid #dfe0e5;
  padding-bottom: 35px;
  position: relative;
}

.news-ind-li {
  width: 33.33%;
  /*margin-right:2%;*/
  float: left;
}

.news-ind-li:hover img {
  transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transition: 1s;
}

.news-ind-li img {
  width: 100%;
  transition: 400ms;
}

.news-ind-li-img {
  width: 100%;
  height: 290px;
  overflow: hidden;
}

.news-ind-li-tit {
  font-size: 16px;
  margin-top: 10px;
  width: 100%;
  height: 48px;
  overflow: hidden;
}

.news-ind-li-tit a {
  color: #333;
}

.news-ind-con-ul-c {
  width: 100%;
  overflow: hidden;
}

.news-button-next {
  position: absolute;
  z-index: 10;
  top: 32%;
  cursor: pointer;
  right: -75px;
  width: 51px;
  height: 51px;
  background: url(../images/jiantou-r1.png) no-repeat;
  opacity: 0.5;
  transition: 400ms;
}

.news-button-next:hover {
  opacity: 1;
}

.news-button-prev {
  position: absolute;
  z-index: 10;
  top: 32%;
  cursor: pointer;
  left: -75px;
  width: 51px;
  height: 51px;
  background: url(../images/jiantou-l1.png) no-repeat;
  opacity: 0.5;
  transition: 400ms;
}

.news-button-prev:hover {
  opacity: 1;
}

.introduced-ind-con-ul {
  width: 100%;
  margin: 30px 0;
  padding-bottom: 35px;
  position: relative;
}

.introduced-ind-li {
  width: 25%;
  float: left;
  position: relative;
}

.introduced-ind-li img {
  /*width:100%;*/
}

.introduced-ind-li-img {
  width: 100%;
}

.introduced-ind-con-ul-c {
  width: 1130px;
  margin: 0 auto;
  overflow: hidden;
  padding: 20px;
}

.introduced-button-next {
  position: absolute;
  z-index: 10;
  top: 37%;
  cursor: pointer;
  right: 0;
  width: 51px;
  height: 51px;
  background: url(../images/jia-right.png) no-repeat;
  transition: 400ms;
  opacity: 1;
}

.introduced-button-next:hover {
  opacity: 0.8;
}

.introduced-button-prev {
  position: absolute;
  z-index: 10;
  top: 37%;
  cursor: pointer;
  left: 0;
  width: 51px;
  height: 51px;
  background: url(../images/jiab-left.png) no-repeat;
  transition: 400ms;
  opacity: 1;
}

.introduced-button-prev:hover {
  opacity: 0.8;
}

.partners-ing-c {
  width: 59%;
  float: left;
  overflow: hidden;
}

.Online-consulting-c {
  width: 37%;
  float: right;
  height: auto;
}

.partners-logo {
  overflow: hidden;
  margin-top: 10px;
  height: 343px;
  width: 100%;
}

.partners-logo li {
  float: left;
  width: 23.5%;
  margin-right: 2%;
  height: 85px;
  line-height: 85px;
  text-align: center;
}

.partners-logo li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 85px;
}

.partners-logo li:nth-of-type(4n) {
  margin-right: 0%;
}

.partners-ind-h2 {
  margin-top: 0;
}

.separate-line {
  height: 1px;
  width: 100%;
  border: none;
  background: #cccccc;
  margin: 30px 0;
}

.intro-title-h2 {
  font-size: 20px;
  margin-bottom: 10px;
}

input[type='radio'],
input[type='checkbox'] {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  -webkit-appearance: none;
  background-color: transparent;
  border: 0;
  outline: 0 !important;
  line-height: 20px;
  color: #d8d8d8;
}

input[type='radio']:after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 14px;
  font-size: 16px;
  color: #fff;
  border: 2px solid #ddd;
  background-color: #fff;
  box-sizing: border-box;
}

input[type='checkbox']:after {
  content: '';
  display: block;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 14px;
  font-size: 16px;
  color: #fff;
  border: 2px solid #ddd;
  box-sizing: border-box;
}

input[type='checkbox']:checked:after {
  border: 4px solid #ddd;
  background-color: #8d0b2b;
}

input[type='radio']:checked:after {
  content: 'L';
  transform: matrix(-0.766044, -0.642788, -0.642788, 0.766044, 0, 0);
  -webkit-transform: matrix(-0.766044, -0.642788, -0.642788, 0.766044, 0, 0);
  border-color: #009452;
  background-color: #009452;
}

.guest-ind-img {
  width: 100%;
}

.guest-ind-tit {
  width: 90%;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 8% 5%;
}

.guest-ind-tit-h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.guest-ind-tit-p {
  font-size: 13px;
}

.ebox-email {
  width: 100%;
  text-align: center;
  font-size: 28px;
  color: #009452;
}

.layui-layer-btn .layui-layer-btn0 {
  border-color: #009452;
  background-color: #009452;
}

.profile-wrap {
  width: 100%;
  overflow: hidden;
}

.Right-suspension-x {
  position: absolute;
  z-index: 998;
    right: calc((100% - 1200px)/2 - 180px);
  top: 370px;
  width: 160px;
}

.Right-suspension-wrap {
  width: 100%;
  position: relative;
}



.Right-suspension-con {
  width: 160px;
  top: 80px;
}

.Right-suspension-con span {
  width: 100%;
  display: block;
  border-radius: 4px;
  text-align: center;
  height: auto;
  font-size: 16px;
  color: #fff;
  margin-top: 6px;
  text-align: center;
}

.Right-suspension-con span img {
  display: block;
}

.Right-suspension-con span:last-child {
}

.Right-suspension-con span a {
  color: #fff;
  display: block;
}

.Right-suspension-con-img {
  width: 100%;
  height: 54px;
  background: url(../images/gundong-img.png) no-repeat;
  margin-bottom: 11px;
  color: #fff;
  line-height: 54px;
  text-align: center;
}

.Right-suspension-con-a1 {
  text-align: center;
  line-height: 45px;
  height: 45px;
  border-radius: 4px;
  font-size: 16px;

  transition: 200ms;
  background: #422063;
}

.Right-suspension-con-a1 a {
  display: block;
  color: #fff;
}

.Right-suspension-con-a1:hover {
  background-color: #009452;
}

.Right-suspension-con-a1:hover a {
  color: #fff;
}

.Right-suspension-con-a2 {
  margin-top: 7px;
  background: #009452;
  text-align: center;
  line-height: 45px;
  height: 45px;
  border-radius: 4px;
  font-size: 16px;

  transition: 200ms;
}

.Right-suspension-con-a2 a {
  display: block;
  color: #fff;
}

.Right-suspension-con-a2:hover {
  background: #fff;
}

.Right-suspension-con-a2:hover a {
  color: #009452;
}
.posset {
  position: fixed;
  width: 160px;
  bottom: 10px;
  left: calc((100% - 1200px) / 2 + 1200px + 35px);
  transition: 0.6s;
  /* position: relative; */
  overflow: hidden;
  height: 60px;
}

.Right-suspension-con-a3 {
  width: 100%;
  background-image: url(../images/quetionbg.png);
  background-repeat: no-repeat;
  background-position: 12px center;
  background-color: #008b4b;
  border-radius: 4px;
  color: #fff;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.2;
  margin-top: 7px;
  padding: 10px 0 10px 46px;
  cursor: pointer;
  transition: 0.6s;
  position: absolute;
  top: 60px;
  left: 0;
  transition: 0.6s;
}

.Right-suspension-con-a3:hover {
  background-color: #422063;
}

body .consult-class {
  width: 640px !important;
}

body .consult-class .layui-layer-content {
  padding: 24px 30px !important;
}

body .consult-class .layui-layer-content .centertxt {
  text-align: center;
  line-height: 1.5;
  margin: 10px auto;
  color: #666;
}
.Right-suspension-con-tit {
  color: #fff;
  font-size: 17px;
  font-style: initial;
  vertical-align: middle;
}

.Right-suspension-con-s {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  background: #009452;
  cursor: pointer;
  transform: 200ms;
}

.Right-suspension-shrinkage {
  width: 100%;
  overflow: hidden;
}

.footer-bot-r-img {
  text-align: center;
  padding-top: 10px;
}

.footer-bot-r-img img {
  width: 91px;
}

@media (max-width: 767px) {
  .Partners-row .index-row {
    width: 96%;
    margin: 30px 2%;
  }

  .footer-itembox {
    display: block !important;
  }
}

.After-the-report-h2 {
  font-size: 26px;
  color: #451761;
  margin-bottom: 20px;
}

.After-the-report-time {
  width: 100%;
  overflow: hidden;
  margin: 35px 0 35px 0;
}

.After-the-report-p {
  font-size: 14px;
}

.After-the-report-time {
  width: 100%;
  overflow: hidden;
  margin: 35px 0 35px 0;
}

.After-the-report-time li {
  width: 25%;
  font-size: 16px;
  float: left;
}

.After-the-report-time li span {
  color: #451761;
  font-weight: bold;
  font-size: 42px;
  line-height: 50px;
}

.After-the-report-img {
  width: 100%;
  overflow: hidden;
}

.report-secondary-wrap {
  width: 100%;
  overflow: hidden;
}

.report-secondary-h2 {
  font-size: 24px;
  font-weight: normal;
  color: #451761;
  line-height: 30px;
  margin: 50px 0 30px 0;
  border-bottom: 3px solid #009452;
  padding-bottom: 15px;
}

.report-secondary-con-img {
  float: left;
}

.report-secondary-con {
  width: 100%;
  overflow: hidden;
  margin-bottom: 25px;
}

.report-secondary-con-tit {
  float: left;
  margin-left: 65px;
  margin-top: 65px;
  width: 40%;
  font-size: 14px;
}

.report-secondary-h3 {
  width: 100%;
  margin: 25px 0 40px 0;
  color: #666;
  font-size: 22px;
  overflow: hidden;
  line-height: 25px;
  font-weight: normal;
}

.report-secondary-h3.secondary-h3 {
  margin: 25px 0 20px 0;
}

.proportion-wrap {
  width: 100%;
  overflow: hidden;
  margin-top: 50px;
}

.proportion-wrap li {
  width: 26.33%;
  border-left: 3px solid #969494;
  float: left;
  padding-left: 1.5%;
}

.proportion-top {
  font-size: 48px;
  color: #007d3d;
  line-height: 50px;
}

.proportion-tit {
  font-size: 20px;
  line-height: 35px;
}

.audience-composition-l {
  float: left;
}

.audience-composition-r {
  float: left;
  margin-left: 72px;
}

.Download-complete {
  width: 240px;
  height: 50px;
  margin: 50px auto 60px;
  text-align: center;
  line-height: 50px;
  background: #009452;
  font-size: 16px;
}

.Download-complete a {
  display: block;
  color: #fff;
}

.Download-complete img {
  vertical-align: middle;
  margin-left: 10px;
}

.same-time-activities-h2 {
  font-size: 32px;
  font-weight: normal;
  line-height: 36px;
  color: #009452;
}

.same-time-activities-bg {
  width: 100%;
  overflow: hidden;
  background: #fafafa;
  padding: 50px 0 0;
}

.wonderful-wrap {
  width: 100%;
  overflow: hidden;
  margin: 35px 0;
}

.wonderful-wrap li {
  width: 50%;
  float: left;
  margin: 15px 0;
}

.wonderful-wrap li img {
  vertical-align: middle;
  margin-right: 10px;
}

.exhibition-video-wrap {
  width: 100%;
  overflow: hidden;
  margin: 50px 0;
}

.exhibition-video-l {
  float: left;
  overflow: hidden;
  width: 48.4%;
}

.exhibition-video-r {
  width: 48.4%;
  float: right;
  overflow: hidden;
}

.exhibition-video-r-img li {
  float: left;
  margin: 0 20px 20px 0;
}

.exhibition-video-r-img li:nth-of-type(2n) {
  margin-right: 0;
}

.exhibition-video-r-img li img {
  display: block;
}

.exhibition-video-img {
  margin-top: 25px;
  position: relative;
}

.exhibition-video-r-img {
  margin-top: 25px;
}

.exhibition-video-tit {
  width: 60%;
  padding: 3%;
  background: #fff;
  position: absolute;
  right: 3%;
  z-index: 9;
  bottom: 7%;
}

.exhibition-video-tit-img {
  float: left;
  width: 20%;
  padding-top: 15px;
  text-align: center;
}

.exhibition-video-tit-con {
  width: 78%;
  float: right;
}

.exhibition-video-tit-con-t {
  font-size: 14px;
  color: #666;
}

.exhibition-video-tit-con-p {
  font-size: 18px;
}

.Media-reports-h2 {
  margin: 40px 0;
}

.tableRow-title {
  font-weight: bold;
  color: #333;
  font-size: 16px;
}

.tableRow th {
  font-weight: bold;
  color: #333;
  font-size: 14px;
  padding: 10px;
  border-bottom: 1px dashed #ccc;
}

.tableRow td {
  padding: 10px;
  border-bottom: 1px dashed #ccc;
}

.tableRow th img {
  max-width: 100%;
  border: 1px solid #ccc;
}

.tableTitle {
  font-size: 18px;
  color: #009452;
  font-weight: bold;
  margin: 20px 0;
}

.tableRow a {
  color: #333;
}

.txt:hover {
  color: #009452;
}

.borderbox .tableRow {
  padding: 20px 15% !important;

  border: 1px solid #eee;
}

.fcred {
  color: #f00000;
}

/* 预登记集合 */

.tubereg-box {
  width: 100%;
  /*margin-top: 45px;*/
  overflow: hidden;
}

.tubereg-box .btnbox {
  /*width: calc( 48% - 97px);*/
  width: calc(50% - 60px);
  border: 1px #e6e6e6 solid;
  border-top: 5px #009551 solid;
  padding: 30px 20px;
  clear: both;
  min-height: 76px;
  margin-right: 0;
  display: inline-block;
  margin-right: 29px;
  vertical-align: top;
}

.tubereg-box .btnbox:nth-child(2n) {
  margin-right: 0;
}

.tubereg-box .btnbox .leftbox {
  width: 72px;
  height: 70px;
  /* border: 1px #ddd solid; */
  background-image: url('../images/regbg.png');
  background-repeat: no-repeat;

  float: left;
}

.tubereg-box .btnbox .bgperson {
  background-position: 8px center;
}

.tubereg-box .btnbox .bggroub {
  background-position: -64px center;
}

.tubereg-box .btnbox .rightbox {
  float: left;
  margin-left: 6%;
  width: calc(100% - 110px);
}

.tubereg-box .btnbox .rightbox h3 {
  font-size: 22px;
  padding-top: 8px;
}

.tubereg-box .btnbox .rightbox a {
  text-decoration: none;
  margin-left: 0;
}

.tubereg-box .btnbox .rightbox p {
  padding-top: 10px;
}

.Overview-btn1 {
  font-size: 16px;
  color: #181e44;
  margin: 0px;
  display: inline-block;
  position: relative;
  transition: 400ms;
  vertical-align: text-top;
}

.Overview-btn1::after {
  content: '>';
  float: right;
  width: 18px;
  height: 18px;
  color: rgb(255, 255, 255);
  text-align: center;
  line-height: 18px;
  font-family: 宋体;
  font-size: 14px;
  margin-left: 10px;
  font-weight: bold;
  border-radius: 50%;
  background: rgb(16, 120, 74);
  transition: 400ms;
}

/*往届回顾*/

.overview-list {
  padding-top: 40px;
}

.overview-list .overview-item {
  position: relative;
  display: block;
  padding: 20px;
  margin-bottom: 2%;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0 0 5px 5px rgba(233, 233, 233, 0.3);
}

.overview-list .overview-item:hover {
  box-shadow: 0 0 8px 8px rgba(233, 233, 233, 0.5);
}

.overview-list .overview-item .overview-img {
  float: left;
  width: 350px;
  margin-right: 20px;
}

.overview-list .overview-item .overview-img img {
  display: block;
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.overview-list .overview-item .overview-img:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.overview-list .overview-item .overview-text {
  overflow: hidden;
}

.overview-list .overview-item .overview-title {
  font-size: 16px;
  font-weight: 700;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overview-list .overview-item .overview-content {
  font-size: 14px;
  line-height: 24px;
  /*  height: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;*/
}

.overview-list .overview-item .overview-text .overview-more {
  float: right;
  border-radius: 15px;
  display: inline-block;
  padding: 2px 20px;
  color: #fff;
  font-size: 12px;
  background: #009551;
  margin-top: 20px;
}

.overview-list .overview-item .overview-text .overview-more:hover {
  background: #018843;
}

/* 为何参展 */

.whyjam-box .aumotit {
  font-size: 24px;
  color: #009551;
  font-weight: bold;
}

.Quick-box {
  width: 100%;
  max-width: 1098px;
  margin: 30px auto 0;
  overflow: hidden;
  border-bottom: 1px #ddd solid;
  background: #fff;
  z-index: 1000;
  transition: 0.3s;
}

.Quick-box .item {
  float: left;
  width: calc(100% / 7);
  text-align: center;
  padding: 20px 0 30px;
}

.Quick-box .item span {
  padding-top: 10px;
  font-size: 14px;
  font-weight: bold;
  display: block;
}

.Quick-box .item a i {
  font-size: 30px;
}

.Quick-box .item a em {
  font-size: 30px;
}

.whyjam-box .aumotit {
  font-size: 24px;
  color: #009551;
  font-weight: bold;
}

.Quick-box .item a {
  color: #6d6a6a;
  transition: 0.3s;
}

.Quick-box .item a:hover {
  color: #009551;
}

.Quick-box .current a {
  color: #009551;
}

.whyjam-box {
  width: calc(100% - 2px);
  /*border: 1px #ddd solid;*/
  text-align: justify;
}

.whyjam-box .box-a {
  /*width: calc(100% - 100px);*/
  width: 100%;
  margin: auto;
}

.whyjam-box .box-a .tit {
  font-size: 30px;
  color: #009551;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 20px;
  font-weight: bold;
}

.whyjam-box .box-bg {
  /*width: calc(100% - 100px);*/
  width: 100%;
  margin: 30px auto;
  background-image: url('../images/whybg.png');
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
}

.whyjam-box .box-bg .tit {
  font-size: 30px;
  line-height: 30px;
  padding: 40px 0;
  font-weight: bold;
}

.whyjam-box .box-bg .main-box {
  width: 90%;

  overflow: hidden;
  padding-bottom: 60px;
  margin-left: 80px;
}

.bor-r {
  border-right: 1px rgba(255, 255, 255, 0.5) solid;
}

.whyjam-box .box-bg .main-box ul li {
  text-align: left;
  width: calc(100% / 3 - 81px);
  float: left;
  height: 80px;
  padding-left: 80px;
}

.whyjam-box .box-bg .main-box .bigfont {
  font-size: 48px;
  line-height: 48px;
  font-weight: bold;
}

.whyjam-box .box-bg .main-box .fontsom {
  font-size: 24px;
  font-weight: bold;
  padding-top: 10px;
}

.whyjam-box .box-c {
  /*width: calc(100% - 100px);*/
  width: 100%;
  margin: 30px auto;
}

.whyjam-box .box-c .ullist {
  margin-top: 30px;
}

.whyjam-box .box-c .ullist li {
  border-bottom: 1px #d0caca dotted;
  margin-bottom: 20px;
}

.whyjam-box .box-c .ullist .tit {
  font-weight: bold;
  font-size: 18px;
  color: #333;
}

.whyjam-box .box-c .ullist .p-txt {
  padding: 20px 0;
}

.whyjam-box .box-d {
  /*width: calc(100% - 100px);*/
  width: 100%;
  margin: 50px auto;
}

.whyjam-box .box-d .media-box {
}

.whyjam-box .bgs {
  margin-top: 30px;

  background-repeat: no-repeat;
  color: #fff;
  padding: 40px;
  line-height: 30px;
  background-size: cover;
}

.whyjam-box .box-d .box-bga {
  background-image: url('../images/whybg_a.png');
}

.whyjam-box .box-d .box-bgb {
  background-image: url('../images/whybg_b.png');
}

.whyjam-box .box-d .bgs .dotal-box {
  float: left;
  width: 20px;
  display: inline-block;
}

.whyjam-box .box-d .bgs .tex-box {
  display: inline-block;
  width: calc(100% - 20px);
}

.whyjam-box .box-d .box-bga .tit {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}

.whyjam-box .downbtn {
  width: auto;
  height: 40px;
  display: block;
  line-height: 40px;
  background: #fff;
  color: #009551;
  text-align: center;
  font-weight: bold;
  border-radius: 40px;
  font-size: 16px;
  margin-top: 10px;
  transition: 0.3s;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
}

.whyjam-box .downbtn:hover {
  background: #009551;
  color: #fff;
}

.whyjam-box .box-e {
  /*width: calc(100% - 100px);*/
  width: 100%;
  margin: auto;
}

.whyjam-box .box-e .comment-box {
  margin-top: 30px;
  overflow: hidden;
  padding-bottom: 30px;
  border-bottom: 1px #cabcbc dotted;
}

.whyjam-box .box-e .comment-box .box-l {
  width: 105px;
  text-align: center;
  float: left;
}

.whyjam-box .box-e .comment-box .bix-r {
  position: relative;
  width: calc(100% - 205px);
  margin-left: 40px;
  float: left;
  background: #f6f5f5;
  padding: 30px;
}

.whyjam-box .box-e .comment-box .bix-r:before {
  content: '';
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 20px solid #f6f5f5;
  position: absolute;
  left: -20px;
}

.whyjam-box .box-e .comment-box .bix-r .tex-right {
  text-align: right;
  margin-top: 20px;
}

.whyjam-box .mintit {
  font-weight: bold;
  font-size: 16px;
  color: #333;
  padding-top: 20px;
}

.whyjam-box table {
  border-collapse: collapse;
  margin-top: 20px;
}

.whyjam-box table tr td {
  padding: 10px;
  background: #f6f5f5;
  border: 1px #ddd solid;
  width: calc(100% / 3);
}

.whyjam-box .btnbox {
  text-align: center;
}

.whyjam-box .btnbox a {
  display: inline-block;
  width: 220px;
  height: 40px;
  border-radius: 40px;
  line-height: 40px;
  margin: 0px 20px 0 20px;
  border: 2px #009551 solid;
  font-weight: bold;
  color: #009551;
  font-size: 16px;
  transition: 0.3s;
}

.whyjam-box .btnbox a:hover {
  background: #009551;
  color: #fff;
}

.whyjam-box .btnbox .bggread {
  background: #009551;
  color: #fff;
}

.whyjam-box .btnbox .bggread:hover {
  background: #05693b;
  border-color: #05693b;
}

.viditorbox .item {
  margin-bottom: 30px;
}

.viditorbox .item .onlien {
  padding: 0px 20px;
}

.viditorbox .item .titp {
  background-color: #f7f7f7;
  padding: 10px 20px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #009551;
  font-size: 16px;
}

.viditorbox .item ul {
  overflow: hidden;
  padding: 0 20px;
  margin-left: 20px;
}

.viditorbox .item ul li {
  width: 50%;
  float: left;
  list-style: disc;
  list-style-position: outside;
}

@media (max-width: 768px) {
  .overview-list .overview-item .overview-img {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }

  .hotel_remarks,
  .hotel_reservation {
    float: none;
    width: 80%;
    margin: 20px auto 50px auto;
  }

  .tubereg-box .btnbox {
    width: calc(100% - 42px);
    margin-right: 0;
    margin-bottom: 40px;
  }

  .tubereg-box .btnbox .leftbox {
    display: none;
  }

  .tubereg-box .btnbox .rightbox {
    width: 100%;
    margin-left: 0;
  }

  .tubereg-box .btnbox .rightbox div {
    width: 100% !important;
  }

  .tubereg-box .btnbox .rightbox div a {
    width: 100% !important;
  }

  .whyjam-box .box-d .box-bgb {
    background-repeat: repeat;
  }

  /*.whyjam-box {
        text-align: left;
    }*/
  .whyjam-box {
    width: 100%;
    border: 0;
    font-size: 14px;
  }

  .whyjam-box .box-a .tit {
    font-size: 18px;
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .whyjam-box .box-d .box-bga .tit {
    font-size: 14px;
  }

  .whyjam-box .box-a,
  .whyjam-box .box-bg,
  .whyjam-box .box-c,
  .whyjam-box .box-d,
  .whyjam-box .box-e {
    /*width: calc(100% - 30px);*/
    width: 100%;
  }

  .whyjam-box .bgs {
    padding: 20px;
    line-height: 24px;
    background-repeat: repeat;
  }

  .whyjam-box .box-bg .tit {
    font-size: 16px;
    padding: 20px;
  }

  .whyjam-box .box-bg .main-box ul li {
    width: calc(100% / 3 - 31px);
    padding-left: 30px;
    height: 50px;
  }

  .whyjam-box .box-bg .main-box ul li:first-child {
    padding-left: 0;

    padding-right: 0px;
    width: 33%;
  }

  .whyjam-box .box-bg .main-box ul li:nth-child(2) {
    padding-left: 20px;

    padding-right: 10px;
  }

  .whyjam-box .box-c .ullist .tit {
    font-size: 16px;
  }

  .whyjam-box .box-c .ullist .p-txt {
    padding: 10px 0;
  }

  .whyjam-box .box-bg .main-box .fontsom {
    font-size: 14px;
  }

  .whyjam-box .downbtn {
    margin-top: 10px;
  }

  .whyjam-box .box-bg .main-box {
    margin: auto;
  }

  .whyjam-box .box-bg .main-box .bigfont {
    font-size: 18px;
    line-height: 20px;
  }

  .whyjam-box .box-e .comment-box .bix-r {
    width: calc(100% - 140px);
    margin-left: 20px;
  }

  .whyjam-box .box-e .comment-box .box-l {
    width: 60px;
  }

  .whyjam-box .btnbox a {
    margin: 20px 20px 0 20px;
  }

  .whyjam-box .aumotit {
    font-size: 18px;
  }
}

.friendship-w {
  width: 100%;
  margin-bottom: 40px;
}

.fri-t {
  width: 98%;
  padding-left: 2%;
  background: #333;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
}

.fir-tit {
  color: #cfcfcf;
  font-weight: bold;
  float: left;
}

.fir-but {
  width: 20%;
  text-align: center;
  background: #008843;
  float: right;
  color: #fff;
  cursor: pointer;
}

.fir-bot {
  width: 98%;
  padding-left: 2%;
  height: 50px;
  line-height: 50px;
  background: #e6e6e6;
}

.fir-bot a {
  font-size: 14px;
}

.fir-bot span {
  font-size: 14px;
  color: #b2b2b2;
  padding: 0 8px;
}

.fri-con {
  padding: 20px;
}

.Right-suspension-shrinkage .ewmbox {
  width: 160px;
  background: #fff;
  border: 2px #1d8a3e solid;
  padding: 8px;
  box-sizing: border-box;
  margin-bottom: 8px;
  border-radius: 4px;
}

.Right-suspension-shrinkage .ewmbox img {
  max-width: 100%;
  display: block;
}

.linkbox {
  width: calc(100% - 40px);
  overflow: hidden;
  background-color: #fff;
  padding: 10px 20px;
}

.linkbox ul li {
  float: left;
  padding-right: 10px;
  position: relative;
}

.linkbox ul li a {
  color: #333;
}

.linkbox ul li a:hover {
  color: #cc0066;
}

.linkbox ul li:after {
  content: '|';
  padding-left: 10px;
}

body .popbox {
  width: 960px;
}

body .popbox .popcontent .bigtiti {
  background-color: #008843;
  margin: 60px auto 20px;
  text-align: center;
  width: 80%;
  height: 64px;
  font-size: 1.8rem;
  border-radius: 4px;
  line-height: 64px;
  color: #fff;
}

body .popbox .popcontent .contentbox {
  width: 90%;
  margin: auto;
}

body .popbox .popcontent .contentbox .ptit {
  font-size: 16px;
  background: url('../images/pen.png');
  background-repeat: no-repeat;
  padding-left: 50px;
  height: 31px;
  line-height: 31px;
  margin-bottom: 20px;
}

body .popbox .popcontent .contentbox .codebox {
  font-size: 14px;
  color: #008843;
}

body .popbox .popcontent .contentbox .itembox {
  margin-bottom: 20px;
}

body .popbox .popcontent .contentbox .ptit span {
  color: #008843;
}

body .popbox .popcontent .contentbox .bottombox {
  border-top: 1px #ddd solid;
  margin-top: 30px;
  padding-top: 30px;
}

body .popbox .popcontent .contentbox .bottombox .tit {
  font-size: 18px;
  font-weight: bold;
}

body .popbox .popcontent .contentbox .bottombox .p1 {
  padding-top: 14px;
}

body .popbox .popcontent .contentbox .bottombox .coantactbox {
  background: #efefef;
  padding: 10px;
  border-radius: 5px;
  color: #008843;
  margin: 10px auto;
}

body .popbox .popcontent .contentbox .bottombox .coantactbox span {
  margin-right: 40px;
}

.linkindexnew {
  display: block;
  text-align: right;
}

.insightsbox {
  line-height: 1.8;
  text-align: justify;
}

.insightsbox .box-l {
  width: 100%;
  float: left;

  box-sizing: border-box;
}

.insightsbox .box-r {
  width: 100%;
  float: left;
}

.insightsbox .floimg {
  display: block;
  margin: 40px auto;
}

.insightsbox .fololeft {
  display: block;
  margin: auto;
}

.insightsbox .tit {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 16px;
  color: #009551;
}

.insightsbox .bigfont {
  font-size: 16px;
  font-style: italic;
  color: #009551;
}

.insightsbox .smolltetx {
  font-style: italic;
  font-size: 13px;
  color: #807d7d;
  margin: 14px 0;
}

.insightsbox .p1,
.insightsbox .p2 {
  margin-bottom: 10px;
}

/* 新增的首页顶部 */
.wrap-index {
  margin-top: 50px;
}

.wrap-index .tit {
  font-size: 30px;
  color: #009452;
  font-weight: bold;
  text-align: center;
  text-align: center;
  line-height: 1;
  margin-bottom: 40px;
}

.wrap-index .bottpmbox .box-l {
  width: calc(65% - 30px);
  float: left;
}

.wrap-index .bottpmbox .box-l .box-up {
  overflow: hidden;
  padding-bottom: 20px;
}

.wrap-index .bottpmbox .box-l .box-up .item {
  width: calc(100% / 4);
  text-align: center;
  font-weight: bold;
  float: left;
  padding-bottom: 20px;
  border-bottom: 6px #eeeeee solid;
  transition: 0.6s;
  cursor: pointer;
  position: relative;
}

.wrap-index .bottpmbox .box-l .box-up .current:after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #00a05d;
  content: '';
  position: absolute;
  width: 0;
  bottom: -18px;
  left: calc(50% - 5px);
}

.wrap-index .bottpmbox .box-l .box-up .item .icontbox {
  width: 80px;
  height: 80px;
  border: 2px #00a05d solid;
  border-radius: 50%;
  background-image: url('../images/Sprite.png');
  background-repeat: no-repeat;
  margin: 0 auto 20px;
  transition: 0.6s;
}

.wrap-index .bottpmbox .box-l .box-up .item:nth-child(1) .icontbox {
  background-position: -2px 9px;
}

.wrap-index .bottpmbox .box-l .box-up .item:nth-child(2) .icontbox {
  background-position: -86px 9px;
}

.wrap-index .bottpmbox .box-l .box-up .item:nth-child(3) .icontbox {
  background-position: -176px 9px;
}

.wrap-index .bottpmbox .box-l .box-up .item:nth-child(4) .icontbox {
  background-position: -262px 9px;
}

.wrap-index .bottpmbox .box-l .box-up .current {
  color: #00a05d;
  border-bottom: 6px #00a05d solid;
}

.wrap-index .bottpmbox .box-l .box-up .current:nth-child(1) .icontbox {
  background-position: -2px -61px;
  background-color: #00a05d;
}

.wrap-index .bottpmbox .box-l .box-up .current:nth-child(2) .icontbox {
  background-position: -86px -61px;
  background-color: #00a05d;
}

.wrap-index .bottpmbox .box-l .box-up .current:nth-child(3) .icontbox {
  background-position: -176px -71px;
  background-color: #00a05d;
}

.wrap-index .bottpmbox .box-l .box-up .current:nth-child(4) .icontbox {
  background-position: -262px -62px;
  background-color: #00a05d;
}

.wrap-index .bottpmbox .box-l .box-bottom .inside {
  width: 90%;
  margin: 0px auto 0;
  text-align: justify;
  color: #666666;
  min-height: 72px;
}

.wrap-index .bottpmbox .box-r {
  width: 35%;
  float: right;
}

.banner-link {
  width: 340px;
  height: 460px;
  border-radius: 4px;
  position: absolute;
  right: calc((100% - 1200px) / 2);
  background-color: rgba(255, 255, 255, 0.5);
  top: 10px;
  padding: 20px;
  box-sizing: border-box;
}

.banner-link .item {
  width: 100%;
  background-color: #008b4b;
  height: 130px;
  color: #fff;
  margin-bottom: 14px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center 20px;
  display: block;
  opacity: 1;
  transition: 0.6s;
  background-size: 26%;
}
.banner-link .item:hover {
  opacity: 0.7;
}
.banner-link .item {
  position: relative;
}
.banner-link .item p {
  width: 100%;
  position: absolute;
  bottom: 8%;
  text-align: center;
  font-size: 18px;
}

.banner-link .item:last-child {
  margin-bottom: 0;
}

.banner-link .item:nth-child(1) {
  background-image: url('../images/banner_con_1.png');
}

.banner-link .item:nth-child(2) {
  background-color: #206cac;
  background-image: url('../images/banner_con_2.png');
}

.banner-link .item:nth-child(3) {
  background-color: #3e93b6;
  background-image: url('../images/banner_con_3.png');
}

/* 新的头部 */
.navnew {
  border-top: 1px #e6e6e6 solid;
}

.navnew .w1200 {
  position: relative;
}

.navnew .nav-row .nav-li {
  height: 60px;
  line-height: 60px;
 
  box-sizing: border-box;
  /* border-top: 3px #fff solid; */
}

.navnew .nav-row .nav-li:nth-child(1) {
  border-left: 1px solid #f6f6f6;
}

.navnew .nav-row .nav-li > a {
  display: block;
  line-height: 60px;
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  font-weight: bold;
  font-size: 15px;
  /* position: relative; */
}

.navnew .nav-row .nav-li:hover {
  border-top: 3px #00a05d solid;
  /*  content: '';
    width: calc(100%/7);
    height: 4px;
    background-color: #008b4b;  
    position: absolute;
    top: 0px;
    left: 0; */
}

/* 同期活动 */
.bgcolor {
  background-color: #f8f8f8;
  margin-top: 60px;
  padding: 40px 0;
  overflow: hidden;
}

.bgcolor .box-l {
  width: 64.16%;
  float: left;
}

.bgcolor .box-l .tit {
  font-size: 30px;
  color: #009452;
  font-weight: bold;
  text-align: center;
  text-align: center;
  line-height: 1;
  margin-bottom: 26px;
}

.bgcolor .box-l .swiper-button-white {
  background-size: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  transition: 0.6s;
}

.bgcolor .box-l .swiper-button-white:hover {
  background-color: #0a8f4b;
}

.bgcolor .box-l .swiper-slide {
  position: relative;
}

.bgcolor .box-l .swiper-slide img {
  display: block;
  width: 100%;
}

.bgcolor .box-l .fonttxt {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 80px;

  background: linear-gradient(#ffffff14, black);
}

.bgcolor .box-l .fonttxt p {
  padding-top: 40px;
  font-size: 16px;
  padding-left: 20px;
}

.bgcolor .box-l .fonttxt p a {
  color: #fff;
}

.bgcolor .box-l .box-toom {
  overflow: hidden;
  margin-top: 20px;
}

.bgcolor .box-l .box-toom .box-l1 {
  width: 250px;
  float: left;
}

.bgcolor .box-l .box-toom .box-l1 .p1 {
  background-image: url('../images/icont_1.jpg');
  background-position: 20px center;
  background-repeat: no-repeat;
  background-color: #e8f6ea;
}

.bgcolor .box-l .box-toom .box-l1 .p2 {
  background-image: url('../images/icont_2.jpg');
  background-position: 20px center;
  background-repeat: no-repeat;
  background-color: #d8f0d8;
}

.bgcolor .box-l .box-toom .box-l1 .p3 {
  background-image: url('../images/icont_3.jpg');
  background-position: 20px center;
  background-repeat: no-repeat;
  background-color: #cceccc;
}

.bgcolor .box-l .box-toom .box-l1 div {
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  line-height: 48px;
  margin-bottom: 5px;
  font-size: 16px;
  padding-left: 60px;
}

.bgcolor .box-l .box-toom .box-l1 div span {
  font-weight: bold;
  color: #0a8f4b;
}

.bgcolor .box-l .box-toom .box-r1 {
  width: calc(100% - 290px);
  margin-left: 40px;
  float: left;
  font-size: 16px;
  line-height: 30px;
}

.bgcolor .box-r {
  width: 32.5%;
  float: right;
  overflow: hidden;
  height: 689px;
}

.bgcolor .box-r .tit {
  font-size: 30px;
  color: #009452;
  font-weight: bold;
  text-align: center;
  text-align: center;
  line-height: 1;
  margin-bottom: 26px;
}

.bgcolor .box-r .Exhibitor-roll-li {
  background-color: #fff;
}

/* 相册 */
.Instagram {
  margin: 60px auto;
}

.Instagram .box-la {
  width: 754px;
  float: left;
}

.Instagram .box-la .tit {
  font-size: 30px;
  color: #009452;
  font-weight: bold;
  text-align: center;
  text-align: center;
  line-height: 1;
  margin-bottom: 26px;
}

.Instagram .box-la .imglist {
  overflow: hidden;
}

.Instagram .box-la .imglist .img-item {
  float: left;
  margin-right: 16px;
  width: 240px;
  /* height: 240px; */
  overflow: hidden;
  margin-bottom: 8px;
}

.Instagram .box-la .imglist .img-item img {
  max-width: 100%;
  transition: 0.6s;
  transform: scale(1);
}
.Instagram .box-la .imglist .img-item:hover img {
  transform: scale(1.1);
}
.Instagram .box-la .imglist .img-item:nth-child(3n) {
  margin-right: 0;
}

.Instagram .box-ra {
  width: 420px;
  float: right;
}

.Instagram .box-ra .tit {
  font-size: 30px;
  color: #009452;
  font-weight: bold;
  text-align: center;
  text-align: center;
  line-height: 1;
  margin-bottom: 26px;
}

.Instagram .box-ra .vidio1 {
  margin-bottom: 7px;
  overflow: hidden;
  height: 164px;
}
.Instagram .box-ra .vidio1 .plyr {
  height: 100%;
}
.Instagram .box-ra .vidio1 .plyr__video-wrapper {
  height: 100%;
}
.Instagram .box-ra .vidio1 video {
  width: 100%;
  height: 100%;
}
.Instagram .box-ra .vidio1 .plyr--video .plyr__controls {
  padding-top: 0;
}

.Instagram .linkmore {
  width: 146px;
  height: 46px;
  display: block;
  border-radius: 4px;
  text-align: center;
  line-height: 46px;
  color: #fff;
  font-size: 16px;
  background-color: #00a05d;
  margin: 20px auto;
  transition: 0.6s;
}

.Instagram .linkmore:hover {
  background-color: #422063;
}

/* 新增的五大展区 */
.zhanqu-wrap {
  margin-top: 60px;
}

.zhanqu-wrap img {
  display: block;
}

.zhanqu-wrap .tit {
  font-size: 30px;
  color: #009452;
  font-weight: bold;
  text-align: center;
  text-align: center;
  line-height: 1;
  margin-bottom: 26px;
}

.zhanqu-wrap .box-bottom {
  overflow: hidden;
}

.zhanqu-wrap .box-bottom .box-l {
  position: relative;
  float: left;
  width: 33%;
  overflow: hidden;
  border-radius: 4px;
}

.zhanqu-wrap .box-bottom .box-l img {
  transform: scale(1);
  transition: 0.6s;
  width: 100%;
}

.zhanqu-wrap .box-bottom .box-l .linkbox {
  position: absolute;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #333333;
  text-align: center;
  display: block;
  bottom: 0;
  left: 0;
  font-weight: bold;
  font-size: 16px;
  padding: 0;
  transition: 0.6s;
}

.zhanqu-wrap .box-bottom .box-l:hover img {
  transform: scale(1.1);
}

.zhanqu-wrap .box-bottom .box-l:hover .linkbox {
  background-color: #00a05d;
  color: #fff;
  font-size: 18px;
}

.zhanqu-wrap .box-bottom .box-r {
  position: relative;
  float: right;
  width: calc(67% - 6px);
  margin-left: 6px;
}

.zhanqu-wrap .box-bottom .box-r .item {
  float: left;
  position: relative;
  margin-right: 6px;
  overflow: hidden;
  border-radius: 4px;
  width: 49%;
}

.zhanqu-wrap .box-bottom .box-r .item img {
  transform: scale(1);
  transition: 0.6s;
  max-width: 100%;
}

.zhanqu-wrap .box-bottom .box-r .item:hover img {
  transform: scale(1.1);
}

.zhanqu-wrap .box-bottom .box-r .item:nth-child(2n) {
  margin-right: 0;
}

.zhanqu-wrap .box-bottom .box-r .item:nth-child(3) {
  margin-top: 6px;
}

.zhanqu-wrap .box-bottom .box-r .item:nth-child(4) {
  margin-top: 6px;
}

.zhanqu-wrap .box-bottom .box-r .item .linkbox {
  position: absolute;
  width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #333333;
  text-align: center;
  display: block;
  bottom: 0;
  left: 0;
  font-weight: bold;
  font-size: 16px;
  padding: 0;
  transition: 0.6s;
}

.zhanqu-wrap .box-bottom .box-r .item:hover .linkbox {
  background-color: #00a05d;
  color: #fff;
  font-size: 18px;
}

.mt50 {
  margin-top: 50px;
}

/* 新增的新闻 */
.news-wrap {
  margin: 50px auto;
}

.news-wrap .titbox {
  font-size: 30px;
  color: #009452;
  font-weight: bold;
  text-align: center;
  text-align: center;
  line-height: 1;
  margin-bottom: 20px;
}

.news-wrap .wrap-item .item {
  width: calc(100% / 3 - 20px);
  margin-right: 30px;
  float: left;
}

.news-wrap .wrap-item .item:nth-child(3n) {
  margin-right: 0;
}

.news-wrap .wrap-item .item .coverbox {
  position: relative;
  overflow: hidden;
}

.news-wrap .wrap-item .item .coverbox img {
  max-width: 100%;
}

.news-wrap .wrap-item .item .coverbox span {
  display: block;
  width: 150px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  background-color: #009452;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
}

.news-wrap .wrap-item .item:nth-child(2) .coverbox span {
  background-color: #422063;
}

.news-wrap .wrap-item .item:nth-child(3) .coverbox span {
  background-color: #2b59a6;
}

.news-wrap .wrap-item .item ul {
  margin-bottom: 10px;
}

.news-wrap .wrap-item .item ul li {
  height: 48px;
  box-sizing: border-box;
  line-height: 48px;
  border-bottom: 1px #daeddf solid;
}

.news-wrap .wrap-item .item ul li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.news-wrap .wrap-item .item ul li a .news-tit {
  float: left;
  display: inline-block;
  width: calc(100% - 80px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #009452;
  transform: translateX(0);
  transition: 0.6s;
}
.news-wrap .wrap-item .item ul li a .news-tit:hover {
  transform: translateX(10px);
}
.news-wrap .wrap-item .item .link-more {
  color: #009452;
  font-weight: bold;
}

.news-wrap .wrap-item .item ul li a .data-span {
  float: right;
  display: inline-block;
  width: 76px;
  font-style: italic;
  font-size: 14px;
  color: #999999;
}
.error-row {
  border: 1px #f00 solid !important;
}
/* 供求信息表单start */
.supply_and_demand_box{
    border: 1px #ddd solid;
    padding: 50px 10%;
    box-sizing: border-box;
    margin-bottom: 40px;
    /* background: #f7f7f7; */
}
 .supply_and_demand_box input[type="radio"]{
    /* opacity: 0; */
    position: relative;
    width: 16px;
    height: 16px;
    margin-right: 5px;
 }

.supply_and_demand_box input[type="radio"]:after{
    content: '';
    width: 18px;
    height: 18px;
    border: 1px #e0f1e9   solid;
    box-sizing: border-box;
    display: block;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: -1px;
    left: -1px;
  }

.supply_and_demand_box input[type="radio"]:checked:after{
     border: 1px #c0d0c8  solid;
}
.supply_and_demand_box input[type="radio"]:checked:before{
    content: '';
    width: 8px;
    height: 8px;
    background-color: #aab3ad;
    display:block;
    position: absolute;
    left: 4px;
    top: 4px;
    z-index: 2;
    border-radius: 50%;
}

.supply_and_demand_box .title{
    text-align: center;
    color: #009551;
}
.supply_and_demand_box .formbox .item{
    overflow: hidden;
    font-size: 16px;
    margin-bottom: 20px;
    /* background-color: #ff0; */
}
.supply_and_demand_box .formbox .tiptxt{
    /* border: 1px #e0f1e9  solid; */
    padding: 20px;
    border-radius: 4px;
    font-weight: 600;
    color: #009551;
    font-style: oblique;
    background-color: #faf7fd;
}

.supply_and_demand_box .formbox{
    border-top: 1px #e0f1e9  solid;
    padding-top: 20px;
    margin-top: 40px;
}
.supply_and_demand_box .formbox .item .box-l{
    width: 100px;
    float: left;
    line-height: 48px;

}

.supply_and_demand_box .formbox .item .box-l span{
    color: #f00;
}

.supply_and_demand_box .formbox .item .box-r{
    width: calc(100% - 120px);
    float: left;
    margin-left: 20px;
}
.supply_and_demand_box .formbox .item .box-r .labelbox{
    margin-top: 10px;
}
.supply_and_demand_box .formbox .item .box-r label{
    display: inline-block;
    width: 33%;
    float: left;
    margin-bottom: 10px;
}

.supply_and_demand_box .formbox .item .box-r .inps{
    width: calc(100% - 4px);
    border: 1px #e0f1e9  solid;
    padding: 14px 10px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 16px;

}

.supply_and_demand_box .formbox .item .box-r .areasty{
    width: calc(100% - 4px);
    border: 1px #e0f1e9  solid;
    padding: 14px 10px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 16px;
    resize: none;
    outline: none;
    height: 150px;
    font: 16px Arial, Helvetica, sans-serif;

}

.supply_and_demand_box .formbox  .btnstyle{
    display: block;
    width: 240px;
    height: 50px;
    margin: 40px auto 0;
    background-color: #009551;
    border: none;
    color: #fff;
    font-size: 18px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.6s;
    font-weight: bold;
    letter-spacing: 3px;

}

.supply_and_demand_box .formbox  .btnstyle:hover{
   background: #fff;
    color: #009551;
    border: 2px solid #009551;
}
.supply_and_demand_box .formbox .item .box-r .err-row1{
    border: 1px #f00 solid;
}
/* 供求信息表单stop */


.pchidebox {
    display: none;
}

.table-style {
  width: 100%;
  border-collapse: collapse;
}
.table-style th{
  background-color: #009966;
  font-weight: bold;
  color: #fff;
  border: 1px solid #009966;
}
.table-style td,
.table-style th {
  padding: 5px 10px;
}
.table-style td {
  border: 1px solid #ccc;

}
.table-inner {
  width: 100%;
  border-collapse: collapse;
}

.img-list {
  display: flex;
  flex-wrap: wrap;
}
.img-list .item {
  width: calc(100%/3 - 13.4px);
  margin-right: 20px;
  margin-bottom: 20px;
  position: relative;
  background-color: #000;
}
.img-list .item:nth-child(3n) {
  margin-right: 0;
}
.img-list .item img {
  display: block;
  width: 100%;
}
.img-list .item .p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 20px;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  box-sizing: border-box;
}


.title-box {
  margin-bottom: 40px;
}
.title-box .inner {
  position: relative;
  display: inline-block;
  padding-left: 28px;
  line-height: 1;
}
.title-box .inner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  background: url(/static/home/cn/images/titbg.png) no-repeat left top;
  background-size: 100%;
}
.title-box .p1 {
  font-weight: bold;
  font-size: 30px;
  color: #009551;
  text-indent: 30px;
}
.title-box .p1:after {
  content: "";
  display: block;
  height: 5px;
  width: 100%;
  background: linear-gradient(to right, transparent, #009551);
  border-radius: 5px;
  margin-top: 5px;
}
.title-box .p2 {
  font-style: italic;
  font-size: 24px;
  color: #009551;
  font-weight: bold;
  opacity: 0.5;
  border-radius: 5px;
  background: linear-gradient(to right, transparent, #009551);
  padding: 5px 0px 5px 30px;
  width: calc(100% + 10px);
  box-sizing: border-box;
}


.frontier-box {
  padding: 40px 25px;
  border-radius: 10px;
  border: 1px solid #d4ded7;
  background-color: #f5fdf9;
  box-sizing: border-box;
  margin-top: 25px;
}
.frontier-box .con {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
}
.frontier-box .con:nth-child(2n) {
  flex-direction: row-reverse;
}
.frontier-box .con:nth-child(2n) .txtbox {
  margin-right: 0;
  margin-left: 20px;
}
.frontier-box .con:last-child {
  margin-bottom: 0;
}
.frontier-box .con .txtbox {
  width: 38%;
  flex-shrink: 0;
  margin-right: 20px;
  color: #666;
}
.frontier-box .con .txtbox .item {
  margin-bottom: 20px;
}
.frontier-box .con .txtbox .tit {
  display: inline-block;
  width: 365px;
  max-width: 100%;
  background-color: #1d8a3e;
  line-height: 1.5;
  padding: 4px 10px;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.frontier-box .con .imgbox {
  flex-grow: 1;
}
.frontier-box .con .imgbox img {
  display: block;
  width: 100%;
}

.images-list {
  display: flex;
  flex-wrap: wrap;
}
.images-list .li {
  width: calc(100%/3 - 11px);
  margin-right: 16px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 16px;
}
.images-list .li:nth-child(3n) {
  margin-right: 0;
}
.images-list .li img {
  display: block;
  width: 100%;
}


/*按展品搜索*/
.addboxnew{
  width: 80%;
  margin: auto;
  overflow: hidden;
}

.linkonline{
  display: block;
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #1d8a3e;
  border-radius: 4px;
  font-size: 18px;
  margin-top: 30px;
  font-weight: bold;
  transition: 0.6s;
  border: 2px #1d8a3e solid;
}

.linkonline:hover{
    background-color: #1d8a3e;
    color: #fff;
}


.linkonline1{
     width: 200px;
  height: 50px;
  border: 2px #1d8a3e solid;
  display: block;
  text-align: center;
  line-height:48px;
  font-weight: 700;
  box-sizing: border-box;
  color: #1d8a3e;
  border-radius: 40px;
  background-color: #1d8a3e;
  font-size: 16px;
  transition: 0.6s;
 float: right;
 color: #fff;
}

.linkonline1:hover{
   color: #1d8a3e;
      background-color: #fff;
}
.exhibitor-product-search {
  border: 1px solid #e3e3e3;
  padding: 35px 30px;
}

.exhibitor-product-top {
  border-bottom: 2px solid #e8e8ec;
  padding-bottom: 10px;
}

.exhibitor-product-title {
  font-size: 18px;
  color: #333333;
  font-weight: 700;
  padding: 10px 0;
}

.exhibitor-product-word {
  overflow: hidden;
  padding: 10px 0;
}

.exhibitor-product-word a {
  position: relative;
  display: inline-block;
  min-width: 129px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #e3e3e3;
  margin-right: 20px;
  margin-bottom: 17px;
  text-align: center;
  padding: 0 10px;
}

.exhibitor-product-word a.curr,
.exhibitor-product-word a:hover {
  border: 1px solid #d0125c;
  color: #d0125c;
}

.exhibitor-product-word a.curr:after {
  position: absolute;
  right: -6px;
  top: -6px;
  content: '×';
  display: block;
  width: 12px;
  height: 12px;
  line-height: 12px;
  border-radius: 50%;
  background: #d0125c;
  color: #FFF;
  text-align: center;
}

.exhibitor-product-bottom {
  padding: 50px 0 0;
}

.exhibitor-product-search-keyword {
  position: relative;
  width: calc(100% - 210px);
 float: left;
}

.product-keyword-input {
  width: 100%;
  border: none;
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  border-radius: 25px;
  background: #f8f8f8;
  box-sizing: border-box;
}

.product-keyword-btn {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  outline: none;
  cursor: pointer;
  width: 120px;
  height: 50px;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  background: #009452 url(../images/search.png) center center no-repeat;
}

.product-keyword-box {
  max-width: 732px;
  margin: 0 auto;
  padding-top: 30px;
}

.product-keyword-row {
  font-size: 18px;
  color: #000000;
}

.product-keyword-row a {
  font-size: 14px;
  color: #999999;
  padding: 0 10px;
}

.product-list {
  padding: 50px 0 0;
  font-size: 0;
}

.product-list .product-item {
  display: inline-block;
  width: 23%;
  margin-right: 2.25%;
  box-sizing: border-box;
  border: 1px solid #f5f5f5;
  margin-bottom: 50px;
  vertical-align: top;
}

.product-list .product-item:nth-of-type(4n) {
  margin-right: 0;
}

.product-list .product-item .product-img-box {
  height: 300px;
  line-height: 300px;
  overflow: hidden;
  text-align: center;
}

.product-list .product-item .product-img-box img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 300px;
  /*position:relative;
  top:50%;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  transform:translateY(-50%);*/
}

.product-list .product-item .product-detail-text {
  padding: 0 6%;
}

.product-list .product-item .product-name {
  font-size: 16px;
  color: #666;
  font-weight: 700;
  padding: 10px 0;
  line-height: 24px;
  border-bottom: 1px solid #e5e5e5;
}

.product-list .product-item .company-name {
  font-size: 15px;
  height: 23px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333;
  padding: 20px 0;
  line-height: 24px;
  border-bottom: 1px solid #e5e5e5;
}

.company-infor-box {
  padding: 10px 0 20px;
}

.local-text {
  display: inline-block;
  font-size: 16px;
  color: #333;
}

.local-icon {
  display: inline-block;
  width: 14px;
  height: 20px;
  background: url(../images/local.png) no-repeat;
  vertical-align: middle;
  margin-right: 10px;
}

.product-detail-link {
  float: right;
  font-size: 16px;
  color: #009551;
}


.expert-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.expert-list li{
  width: calc(100%/6 - 16.7px);
  margin-right: 20px;
  margin-bottom: 30px;
  text-align: center;
  font-size: 14px;
}
.expert-list li:nth-child(6n) {
  margin-right: 0;
}
.expert-list li .head {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  /* border: 1px solid #009551; */
  line-height: 100px;
  font-size: 0;
  overflow: hidden;
  margin: 0 auto 10px;
  text-align: center;
}
.expert-list li .head img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.expert-list li .name {
  font-size: 16px;
  font-weight: bold;
  color: #009551;
}


@media screen and (max-width: 1560px) {
    .Right-suspension-x{
       display: none;
    }
}
@media screen and (max-width: 768px) {
  .fir-but {
    width: 52%;
  }
  .headerink {
    display: none;
  }

  body .popbox .popcontent .bigtiti {
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    width: 96%;
    margin: 20px auto 20px;
  }

  body .popbox .popcontent .contentbox .bottombox .coantactbox span {
    display: block;
  }

  .content-row img {
    width: 100% !important;
    height: auto !important;
  }

  .content-row strong img {
    width: auto !important;
  }

  .introduction-information-icon img {
    width: auto !important;
  }

  .linkindexnew {
    text-align: left;
  }

  .viditorbox .item ul li {
    width: 100%;
  }

  .insightsbox .box-l {
    width: 100%;
  }

  .insightsbox .box-r {
    width: 100%;
    margin-left: 0;
  }

  .supply_and_demand_box .formbox .item .box-r label{
    width: 100%;
  }

  .supply_and_demand_box{
    border: none;
  }
  .content-btn-row{
        display: none;
    }
    .pchidebox{
        display: block;
    }

     .moblefix{
        position: fixed;
        width: 96% !important;
        left: 2%;
        bottom: 2%;
        z-index: 9999;    
        display: flex;
        justify-content: center;
     }
    .moblefix a{
        width: calc(100%/2 - 5px) !important;
        margin-bottom: 0 !important;
        font-size: 14px !important;
        height: 44px !important;
        line-height: 42px !important;
    }

    .moblefix a:not(:last-child){
        margin-right: 10px !important;
    }

    
    
    .frontier-box {
        padding: 30px 20px;
    }
    .frontier-box .con { 
        display: block;
    }
    .frontier-box .con .txtbox {
        width: 100%;
        margin: 0 !important;
    }
    .title-box .p1 {
        font-size: 24px;
    }
    .title-box .p2 {
        font-size: 18px;
    }
    .images-list .li {
      width: calc(100%/2 - 5px);
      margin-right: 10px;
      margin-bottom: 10px;
    }
    .images-list .li:nth-child(3n) {
      margin-right: 10px;
    }
    .images-list .li:nth-child(2n) {
      margin-right: 0;
    }
}