.publicity-part li {
  background: #eeeeee;
}

.publicity-part ul {
  margin-bottom: 0;
}

.publicity-part {
  background-size: cover; background-position: center; background-repeat: no-repeat;
}

.publicity-part .tags {
  margin: 120px 0;
}

.publicity-part .tags .ol.head {
  margin-bottom: 1em;
  text-align: center;
}

.publicity-part .tags .ol.head .li {
  cursor: pointer;
  display: inline-block;
  padding: 0 0.5em;
  font-style: italic;
  font-weight: 100;
  color: #fff;
}

.publicity-part .tags .ol.head .li.on {
  font-weight: bold;
  cursor: default;
}

.publicity-part .tags .ol.body .li {
  display: none;
}

.publicity-part .tags .ol.body .li.on {
  display: block;
}
.publicity-part .tags .ol.body li .inner{bordeR:none;}

.publicity-part .more {
  text-align: center;
}

.publicity-part .more a {
  padding: 0.5em 3em;
  color: #fff;
  margin-top: 4%;
  display: inline-block;
  position: relative;
  border-radius: 30px 20px;
  border: 1px solid #fff;
}

.publicity-part .more a:after { display: none;
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 30px 20px;
  border: 1px solid #fff;
  /*transform: skew(-10deg);*/
  box-sizing: border-box;
}

.about-part03 li {
  width: 31.33%;
  margin: 0 1% 2%;
  float: left;
  background-position: center center;
  background-size: 100% 100%;
  transition: all .3s;
  cursor: pointer;
  position: relative;
}

.about-part03 li .tit {
  font-style: italic;
}

.about-part03 li:hover {
  background-size: 110% 110%;
}

.about-part03 ul {
  overflow: hidden;
  margin: 0 -1% 2%;
}

.text-white {
  color: #fff;
}

.text-black {
  color: #000;
}

.about-part03 a {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 40px;
  box-sizing: border-box;
}
.about-part03 a.text-black:hover{color:#000!important}

.about-part03 .botton {
  position: absolute;
  bottom: 40px;
  color: #777777;
}

.about-part03 .red {
  color: #de0010;
}
.about-part03 .green{ color: green;}

.about-part03 .fnt_90 {
  font-size: 90px;
}

.about-part03 .left,
.about-part03 .right {
  margin: 5% 0;
  display: inline-block;
  vertical-align: bottom;
}

.about-part03 .left {
  line-height: 1;
  margin-right: 20px;
}

.p_info .p_item{ float: left; widtH:50%; margin-bottom: 10px;}

@media only screen and (max-width: 1440px) {
  .about-part03 .fnt_90 {
    font-size: 60px;
  }
}

@media only screen and (max-width: 1280px) {
  .about-part03 .right {
   /* display: none;*/
  }

  .about-part03 .left {
  }

  .about-part03 .fnt_90 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 1024px) {
  .about-part03 li {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
.publicity-part .tags .ol.head .li{color:#333;}
.publicity-part{background:none !important;}
.publicity-part .tags {margin:20px 0;}
.publicity-part .more a{    border: 1px solid #31426e;background: #31426e;}

.publicity-part li{display: none;}
.publicity-part li:nth-child(-n+3){display: block;}
}
@media only screen and (min-width:1025px){
  .publicity-part .tags .ol.body li{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
  .publicity-part .tags .ol.body li:hover .inner{bordeR:none;}
  .publicity-part .tags .ol.body li:hover{background: #30416D;}
  .publicity-part .tags .ol.body li:hover span,.publicity-part .tags .ol.body li:hover h2,.publicity-part .tags .ol.body li:hover h2 a{color:#fff!important;}
  .publicity-part .tags .ol.body li:hover .btn{ background: #fff; color:#30416D!important;}
  .publicity-part .more a:hover{background: #fff; color:#30416D!important; border-radius: 30px 20px;}
}

<!--0.00020599365234375-->