﻿.mind .commonWrap {
  background: #ffffff; }
.mind .intro {
  background: #f7f7f7 url(../images/mindbg1.jpg) center center no-repeat; }
  .mind .intro .container {
    position: relative; }
    .mind .intro .container .title {
      padding-bottom: 192px; }
    .mind .intro .container .enTitle {
      padding-top: 70px; }
    .mind .intro .container .titleBox {
      position: absolute;
      right: 270px;
      top: 146px;
      text-align: right; }
      .mind .intro .container .titleBox h1 {
        font-size: 29px;
        color: #f09888; }
      .mind .intro .container .titleBox h2 {
        font-size: 90px;
        color: #d8d8da;
        line-height: 78px;
        font-family: CALIBRI;
        letter-spacing: -5px; }
.mind .worth {
  background: #f7f7f7 url(../images/mindbg2.jpg) center top no-repeat;
  padding-bottom: 35px; }
  .mind .worth .container {
    width: 1220px; }
    .mind .worth .container > h1 {
      font-size: 20px;
      color: #fff;
      padding: 60px 0 35px 10px; }
    .mind .worth .container ul {
      overflow: hidden; }
      .mind .worth .container ul li {
        width: 25%;
        padding: 0 10px;
        float: left; }
        .mind .worth .container ul li a {
          width: 100%;
          font-size: 0; }
          .mind .worth .container ul li a img {
            width: 100%; }
          .mind .worth .container ul li a .textBox {
            height: 430px;
            border-top: 3px solid #eb4810;
            padding: 32px 32px 0;
            background: #e6e5e3; }
            .mind .worth .container ul li a .textBox h1 {
              font-size: 20px;
              color: #434250;
              padding-bottom: 15px; }
            .mind .worth .container ul li a .textBox p {
              font-size: 13px;
              color: #898989;
              opacity: 0.9;
              line-height: 24px; }

.life .commonWrap {
  background: #ffffff; }
.life .content {
  background: #f7f7f7 url(../images/newsbg.jpg) center top no-repeat; }
  .life .content .container {
    width: 1222px; }
    .life .content .container .contentBox {
      padding: 70px 11px 0; }
      .life .content .container .contentBox .topBox {
        padding-bottom: 38px; }
        .life .content .container .contentBox .topBox img {
          float: left; }
        .life .content .container .contentBox .topBox .inputBox {
          float: right; }
          .life .content .container .contentBox .topBox .inputBox .selBox {
            position: relative;
            float: left;
            border: 2px solid #ebebee;
            margin-right: 5px;
            line-height: 46px;
            padding-left: 50px;
            background: #fff url(../images/time.png) 18px center no-repeat;
            width: 188px;
            cursor: pointer; }
            .life .content .container .contentBox .topBox .inputBox .selBox span {
              font-size: 14px;
              opacity: .8;
              color: #3f3e55; }
            .life .content .container .contentBox .topBox .inputBox .selBox img {
              position: absolute;
              right: 17px;
              top: 22px; }
              .life .content .container .contentBox .topBox .inputBox .selBox img.up {
                display: none; }
            .life .content .container .contentBox .topBox .inputBox .selBox.active img {
              display: none; }
            .life .content .container .contentBox .topBox .inputBox .selBox.active .up {
              display: block; }
            .life .content .container .contentBox .topBox .inputBox .selBox .pullList {
              position: absolute;
              top: 47px;
              overflow: hidden;
              width: 188px;
              left: -2px;
              background: #fff;
              z-index: 2;
              height: 0; }
              .life .content .container .contentBox .topBox .inputBox .selBox .pullList ul {
                border: 2px solid #ebebee;
                padding-left: 40px; }
                .life .content .container .contentBox .topBox .inputBox .selBox .pullList ul li {
                  cursor: pointer;
                  font-size: 14px;
                  color: #3f3e55;
                  opacity: 0.6; }
          .life .content .container .contentBox .topBox .inputBox .searchBox {
            float: left;
            border: 2px solid #ebebee;
            line-height: 46px;
            position: relative;
            width: 188px;
            background: #fff; }
            .life .content .container .contentBox .topBox .inputBox .searchBox input {
              width: 148px;
              text-indent: 18px;
              padding-left: 18px;
              border: none;
              line-height: 46px;
              height: 46px;
              display: block;
              background: transparent;
              padding-right: 25px;
              font-size: 14px;
              opacity: .8;
              color: #3f3e55;
              box-sizing: border-box;
              outline: 0; }
            .life .content .container .contentBox .topBox .inputBox .searchBox a {
              position: absolute;
              top: 13px;
              right: 12px; }
            .life .content .container .contentBox .topBox .inputBox .searchBox input::-webkit-input-placeholder {
              color: #3f3e55;
              opacity: .8; }
            .life .content .container .contentBox .topBox .inputBox .searchBox input:-moz-placeholder {
              color: #3f3e55;
              opacity: .8; }
            .life .content .container .contentBox .topBox .inputBox .searchBox input::-moz-placeholder {
              color: #3f3e55;
              opacity: .8; }
            .life .content .container .contentBox .topBox .inputBox .searchBox input:-ms-input-placeholder {
              color: #3f3e55;
              opacity: .8; }
    .life .content .container #container {
      width: 100%;
      position: relative; }
      .life .content .container #container .newsBox {
        margin: 0 11px;
        font-size: 0; }
        .life .content .container #container .newsBox img {
          width: 100%; }
        .life .content .container #container .newsBox .textBox {
          border: 2px solid #ebebee;
          border-top: none;
          padding: 30px 20px;
          min-height: 120px;
          background: #ffffff; }
          .life .content .container #container .newsBox .textBox h1 {
            font-size: 30px;
            color: #3f3e55;
            font-family: Montserrat-Regular; }
          .life .content .container #container .newsBox .textBox h2 {
            font-size: 18px;
            color: #3f3e55;
            opacity: .9;
            line-height: 24px;
            padding-bottom: 25px; }
          .life .content .container #container .newsBox .textBox p {
            font-size: 13px;
            color: #898989;
            line-height: 24px; }
        .life .content .container #container .newsBox.noImg .textBox {
          border-top: 2px solid #ebebee; }

.response .commonWrap {
  background: #ffffff; }
.response .intro {
  background: #f7f7f7 url(../images/responsebg1.png) center center no-repeat; }
  .response .intro .container {
    height: 420px;
    padding-top: 70px; }
    .response .intro .container h1 {
      font-size: 18px;
      color: #898989;
      opacity: 0.9;
      padding-bottom: 30px;
      padding-top: 40px; }
    .response .intro .container p {
      font-size: 14px;
      color: #898989;
      opacity: 0.9;
      line-height: 24px; }
.response .years {
  padding: 60px 0px;
  background: #e8e6e2 url(../images/responsebg2.jpg) center center no-repeat;
  position: relative; }
  .response .years .line {
    position: absolute;
    top: 258px;
    left: 0;
    width: 100%;
    background: #d0d0d4;
    height: 3px; }
  .response .years .container {
    width: 1220px;
    overflow: initial; }
    .response .years .container .sliderBox {
      position: relative; }
      .response .years .container .sliderBox .bd ul li {
        width: 386px;
        margin: 0 10px; }
        .response .years .container .sliderBox .bd ul li a {
          border: 3px solid #d0d0d4;
          position: relative;
          padding: 40px 8px 70px 18px;
          background: #fff; }
        .response .years .container .sliderBox .bd ul li .yearBox,
        .response .years .container .sliderBox .bd ul li h1 {
          font-size: 32px;
          color: #3f3e55;
          opacity: 0.9;
          padding-bottom: 5px;
          font-family: Montserrat-Regular; }
        .response .years .container .sliderBox .bd ul li p {
          font-size: 13px;
          color: #898989;
          line-height: 24px;
          opacity: 0.9;
          padding-bottom: 20px; }
        .response .years .container .sliderBox .bd ul li span {
          position: absolute;
          bottom: -3px;
          right: -3px;
          width: 0;
          height: 0;
          border-bottom: 40px solid #d0d0d4;
          border-left: 40px solid transparent; }
          .response .years .container .sliderBox .bd ul li span span {
            position: absolute;
            bottom: -40px;
            right: -2px;
            width: 0;
            height: 0;
            border-bottom: 37px solid #e8e6e2;
            border-left: 37px solid transparent; }
        .response .years .container .sliderBox .bd ul li .textBox {
          max-height: 285px; }
      .response .years .container .sliderBox .prev,
      .response .years .container .sliderBox .next {
        position: absolute;
        width: 55px;
        height: 55px;
        top: 172px; }
      .response .years .container .sliderBox .prev {
        background: url(../images/prev.png) center center no-repeat;
        left: -80px; }
        .response .years .container .sliderBox .prev:hover {
          background: url(../images/prevon.png) center center no-repeat; }
      .response .years .container .sliderBox .next {
        background: url(../images/next.png) center center no-repeat;
        right: -80px; }
        .response .years .container .sliderBox .next:hover {
          background: url(../images/nexton.png) center center no-repeat; }

.published .commonWrap {
  background: #ffffff; }
.published .intro {
  background: #f7f7f7;
  padding-bottom: 60px; }
  .published .intro .container {
    padding-top: 70px; }
    .published .intro .container .title {
      padding-bottom: 20px; }
    .published .intro .container .content {
      border: 2px solid #dfdfe3;
      position: relative;
      height: 440px;
      padding: 40px;
      background: #ffffff url(../images/publishedbg.png) 426px bottom no-repeat; }
      .published .intro .container .content h1 {
        position: relative;
        font-size: 16px;
        color: #eb3c00;
        padding-bottom: 40px; }
        .published .intro .container .content h1 span {
          padding-left: 10px;
          font-size: 18px;
          color: #999999;
          vertical-align: top; }
        .published .intro .container .content h1 i {
          position: absolute;
          height: 1px;
          background: #d0d0d4;
          width: 445px;
          top: 11px;
          left: 214px; }
      .published .intro .container .content .contentList li {
        display: none; }
        .published .intro .container .content .contentList li.active {
          display: block; }
        .published .intro .container .content .contentList li h2 {
          font-size: 60px;
          color: #363636;
          font-weight: bold;
          height: 60px; }
          .published .intro .container .content .contentList li h2 span {
            font-size: 16px;
            color: #999999;
            font-weight: normal; }
        .published .intro .container .content .contentList li h3 {
          font-size: 60px;
          color: #eb3c00;
          font-weight: bold;
          padding-bottom: 15px; }
        .published .intro .container .content .contentList li h4 {
          font-size: 24px;
          color: #3f3e55;
          opacity: 0.9;
          padding-bottom: 5px; }
        .published .intro .container .content .contentList li p {
          font-size: 13px;
          color: #898989;
          opacity: 0.9;
          padding-bottom: 25px; }
      .published .intro .container .content > a {
        padding-left: 41px;
        line-height: 41px;
        height: 41px;
        background: #7e7e7e url(../images/download.png) left center no-repeat;
        text-align: center;
        width: 146px;
        font-size: 14px;
        color: #fff; }
      .published .intro .container .content .sliderBox {
        position: absolute;
        top: 0;
        right: 0;
        width: 446px;
        background: #e2e2e2;
        padding-top: 60px;
        height: 100%; }
        .published .intro .container .content .sliderBox .bd {
          width: 245px;
          margin: 0 auto; }
          .published .intro .container .content .sliderBox .bd ul li {
            width: 245px; }
            .published .intro .container .content .sliderBox .bd ul li img {
              width: 100%; }
        .published .intro .container .content .sliderBox .prev,
        .published .intro .container .content .sliderBox .next {
          position: absolute;
          width: 14px;
          height: 22px;
          top: 208px; }
        .published .intro .container .content .sliderBox .prev {
          background: url(../images/left.png) center center no-repeat;
          left: 40px; }
          .published .intro .container .content .sliderBox .prev:hover {
            background: url(../images/lefton.png) center center no-repeat; }
        .published .intro .container .content .sliderBox .next {
          background: url(../images/right.png) center center no-repeat;
          right: 40px; }
          .published .intro .container .content .sliderBox .next:hover {
            background: url(../images/righton.png) center center no-repeat; }
.published .itemList {
  padding: 50px 0 70px;
  background: #fff; }
  .published .itemList .container {
    width: 1220px;
    overflow: initial; }
    .published .itemList .container .sliderBox1 {
      position: relative; }
      .published .itemList .container .sliderBox1 .bd ul {
        padding-top: 34px !important; }
        .published .itemList .container .sliderBox1 .bd ul li {
          width: 386px;
          margin: 0 10px; }
          .published .itemList .container .sliderBox1 .bd ul li > div {
            padding-left: 225px;
            padding-top: 40px;
            background: #f5f5f5;
            position: relative;
            height: 211px; }
            .published .itemList .container .sliderBox1 .bd ul li > div img {
              position: absolute;
              left: 40px;
              top: -34px; }
            .published .itemList .container .sliderBox1 .bd ul li > div h1 {
              font-size: 24px;
              color: #eb3c00; }
            .published .itemList .container .sliderBox1 .bd ul li > div p {
              font-size: 16px;
              color: #999999;
              padding-bottom: 10px; }
            .published .itemList .container .sliderBox1 .bd ul li > div a {
              border: 1px solid #cbced1;
              width: 96px;
              text-align: center;
              line-height: 34px;
              font-size: 13px;
              color: #b3b2b2; }
      .published .itemList .container .sliderBox1 .prev,
      .published .itemList .container .sliderBox1 .next {
        position: absolute;
        width: 55px;
        height: 55px;
        top: 100px;
        opacity: 0.5; }
        .published .itemList .container .sliderBox1 .prev:hover,
        .published .itemList .container .sliderBox1 .next:hover {
          opacity: 1; }
      .published .itemList .container .sliderBox1 .prev {
        background: url(../images/left.png) center center no-repeat;
        left: -80px; }
      .published .itemList .container .sliderBox1 .next {
        background: url(../images/right.png) center center no-repeat;
        right: -80px; }


/*wang*/
.mind .w1200{width:1200px; margin:0 auto;}
.mind .slideitBox{padding-bottom: 80px;}
.mind .slideitBox img{display:block; max-width: 100%;}
.mind .slideitBox .hd{position:relative; /*height:82px;*/}
.mind .slideitBox .hd:after{content:" "; display:block; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#ccc;}
.mind .slideitBox .hd .w1200{position:relative; z-index: 5; overflow:hidden;/* overflow-x:auto; height:82px;*/}
.mind .slideitBox .hd ul{width:1200px; margin:0 auto; font-size: 0;/* height:80px;*/ line-height:64px; padding-top:16px; letter-spacing: -4px; text-align: center; /*white-space: nowrap;*/}
.mind .slideitBox .hd li{position:relative; display:inline-block; vertical-align: top; height:66px; border-bottom: 2px solid transparent; padding:0 22px; font-size: 14px; color:#666; letter-spacing: normal; cursor:pointer;}
.mind .slideitBox .hd li.on{border-color:#eb3c00;}
.mind .slideitBox .hd li:after{position:absolute; left:-1px; top:50%; margin-top:-7px; content:" "; display:block; width:1px; height:14px; background:#666666;}
.mind .slideitBox .hd li:first-child:after{display:none;}
.mind .slideitBox .bd{padding-top:40px;}
.mind .slideitBox .bd .txtBox{padding-bottom: 25px;}
.mind .slideitBox .bd .txtBox .h1{font-size: 24px; color:#eb3c00; line-height:24px; font-weight: bold; margin-bottom: 10px;}
.mind .slideitBox .bd .txtBox p{font-size: 14px; line-height: 24px; color:#666;}
.mind .slideitBox .bd .bomBox{background:#f7f7f7;}
.mind .bd .li4 .w1200{overflow:hidden; background:url("../images/about4_l5_bg.png") no-repeat bottom left;}
.mind .bd .li4 .l_txt{float:left; width:50%; padding-top:29px;}
.mind .bd .li4 .l_txt p{font-size: 14px; color:#666; line-height: 36px;}
.mind .bd .li4 .l_txt p span{color:#eb3c00;}
.mind .bd .li4 .r_pic{float:right; max-width:50%;}
.mind .bd .li5 .w1200{background-image:url("../images/about4_l5_bg.png");}
.mind .bd .li6 .bomBox{background:url("../images/about4_l6_bg.jpg") no-repeat center;}
.mind .bd .li6 .it_wr{width:1220px; overflow:hidden;}
.mind .bd .li6 .item{float:left; margin:0 20px 20px 0; width:590px; height:260px; padding:27px 28px 0; border:2px solid #dfdfdf;}
.mind .slideitBox .bd .li6 .txtBox .h1{margin-bottom: 20px;}
.mind .slideitBox .bd .li6 .txtBox{padding-bottom: 10px;}
.mind .bd .li6 .item h4{font-size: 18px; line-height: 24px; font-weight: bold; color:#eb3c00; margin-bottom: 12px;}
.mind .bd .li7 .w1200{background:no-repeat;}
.mind .bd .li7 .bomBox{background:url("../images/about4_l7_bg.jpg") no-repeat center;}
.mind .bd .li7 .bomBox .r_pic{width:auto;}





@media (max-width: 1400px) {
  .response .years .container .sliderBox .prev,
  .published .itemList .container .sliderBox1 .prev {
    left: 0; }

  .response .years .container .sliderBox .next,
  .published .itemList .container .sliderBox1 .next {
    right: 0; } }
@media (max-width: 1200px) {
  .response .intro,
  .mind .intro {
    padding: 0 20px; }

  .mind .worth .container ul li {
    width: 50%;
    padding: 0 30px;
    margin-bottom: 30px; } 

  .mind .slideitBox .w1200{width:100%; padding:0 10px;}
  .mind .slideitBox .hd ul{width:100%; padding:16px 10px 0;}
  .mind .bd .li6 .it_wr{width:103%;}
  .mind .bd .li6 .item{width:47.5%; margin-right:2%;}
}
/*@media (max-width: 900px) {
  .mind .bd .li6 .item{height:300px;}
}*/
@media (max-width: 900px){
  .mind .bd .li6 .it_wr{width:100%;}
  .mind .bd .li6 .item{height:auto; padding: 15px; width:100%;}
}
@media (max-width: 860px) {
  .published .intro .container .content {
    padding: 10px;
    height: auto;
    background: #fff; }
    .published .intro .container .content .sliderBox {
      position: relative;
      width: 100%; }

  .mind .intro {
    background: #f7f7f7; }
    .mind .intro .titleBox {
      display: none; }
  .mind .slideitBox .hd li{padding:0 10px;}
  .mind .bd .li4 .l_txt{float:none; width:100%;}
  .mind .bd .li4 .l_txt *{text-align: center;}
  .mind .bd .li4 .r_pic{float:none; max-width: none;}
  .mind .bd .li4 .r_pic img{margin:0 auto;}
  .mind .bd .li7 .bomBox{background-size: cover;}
}

@media (max-width: 760px) {
  .response .intro {
    background: #f7f7f7; }

  .mind .worth .container ul li {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 30px; }
    .mind .worth .container ul li a .textBox {
      height: auto;
      padding-bottom: 20px; }

  .life .content .container .contentBox .topBox .inputBox {
    margin-bottom: 20px; }

  .mind .intro .container .enTitle {
    padding-top: 40px; }

  .mind .intro .container .title {
    padding-bottom: 40px; }
}
@media (max-width: 760px){
  .mind .slideitBox .hd li.on{color:#eb3c00;}
}
@media (max-width: 480px){
  .mind .slideitBox .hd ul{white-space: nowrap; overflow:hidden; overflow-x: auto;}
  .mind .slideitBox .hd ul::-webkit-scrollbar{display:none;}
}
@media (max-width: 464px) {
  .published .itemList .container .sliderBox1 .bd ul li > div {
    padding-left: 50px;
    padding-top: 174px;
    height: 295px; } }
@media (max-width: 460px) {
  .response .intro .container {
    padding-bottom: 30px;
    height: auto; }

  .response .years .container .sliderBox .bd ul li {
    width: 300px !important; }

  .published .intro .container .content .contentList li h3 {
    font-size: 40px; } }

/*# sourceMappingURL=culture.css.map */
