@charset "UTF-8";
@font-face{
    font-family:'din';
     src: url('../font/din.ttf');
}

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent; scroll-behavior: smooth;}
body { font-size: 14px; line-height: 1.4;  margin: 0 auto; color: #333333; letter-spacing:0.5px; background-color: #ffffff; font-family:'Microsoft YaHei',Arial, sans-serif;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, li, ol { list-style: none;}
* {box-sizing: border-box;margin: 0;padding: 0;outline: none;}
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; outline: 0; vertical-align: middle;}

input, select, textarea, button, option{vertical-align: middle;resize: none; -webkit-appearance: none !important; appearance: none;outline: none;border: none; background: transparent; font-family:'Microsoft YaHei',Arial, sans-serif;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; appearance: none;border-radius: 0; }

::-moz-selection { background: #5c4538; color: #ffffff; text-shadow: none; }
::selection { background: #5c4538; color: #ffffff; text-shadow: none; }
select{ outline: none;}

select::-ms-expand { display: none; }

::-webkit-scrollbar{width: 6px;height: 6px;}
::-webkit-scrollbar-thumb{ border-radius: 50px; background:#5c4538;}
::-webkit-scrollbar-track{border-radius: 10px !important;background: #EDEDED !important;}
::-webkit-scrollbar-thumb:hover{ background: #5c4538;}

a{ text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clear{ clear:both;}
.clearfix:before, .clearfix:after{ display: table; content: ""; line-height: 0px; }
.clearfix:after{clear: both;}

.fl{ float: left;}
.fr{ float: right;}
.container{ padding: 0 5%; height: 100%; margin: 0 auto;}

.dly_1{ -webkit-animation-delay: 200ms; animation-delay: 200ms; }
.dly_2{ -webkit-animation-delay: 400ms; animation-delay: 400ms; }
.dly_3{ -webkit-animation-delay: 600ms; animation-delay: 600ms; }
.dly_4{ -webkit-animation-delay: 800ms; animation-delay: 800ms; }
.dly_5{ -webkit-animation-delay: 1000ms; animation-delay: 1000ms; }
.dly_6{ -webkit-animation-delay: 1200ms; animation-delay: 1200ms; }
.dly_7{ -webkit-animation-delay: 1400ms; animation-delay: 1400ms; }
.dly_8{ -webkit-animation-delay: 1600ms; animation-delay: 1600ms; }
.dly_9{ -webkit-animation-delay: 1800ms; animation-delay: 1800ms; }
.dly_10{ -webkit-animation-delay: 2000ms; animation-delay: 2000ms; }
.dly_11{ -webkit-animation-delay: 2200ms; animation-delay: 2200ms; }
.dly_11{ -webkit-animation-delay: 2400ms; animation-delay: 2400ms; }

/*======================等比填充======================*/
*[class*="rect-"] {position: relative;display: block;width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full {position: absolute;left: 0;top: 0;width: 100%;height: 100%; object-fit: cover;}
.rect-39 {padding-bottom: 39%;}
.rect-50 {padding-bottom: 50%;}
.rect-566 {padding-bottom: 56.6%;}
.rect-67 {padding-bottom: 67%;}
.rect-100 {padding-bottom: 100%;}
.rect-126 {padding-bottom: 126%;}

.trans5{-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.imgZoom img,.imgY180 img {-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.imgZoom {overflow: hidden;-webkit-transform: rotate(0);transform: rotate(0);}
.imgZoom:hover img {-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.imgY180:hover img {cursor: pointer; -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);transform: rotateY(180deg)}

/*头部*/
.header{position: absolute; top: 0; left: 0; height:90px; z-index: 99;width: 100%; box-shadow: 0 10px 15px rgb(0, 0, 0, .05);transition:0.5s all;}
.header .container{display: flex; align-items: center; justify-content: space-between;}
.header .header_left{display: flex; align-items: center; }
.header .header_left .logo{ height:100%; display:flex; align-items:center; transition:0.5s all;}
.header .header_left .logo img{ height:45px; display:block; transition:0.5s all;}
.header .header_left .nav{margin-left: 2vw; display: flex; align-items: center; height: 100%; transition:0.5s all;}
.header .header_left .nav>ul{display:flex; height:100%;}
.header .header_left .nav .drop{display: inline-block; padding: 0 1.5vw; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }
.header .header_left .nav .drop a{position: relative; height:100%; display:flex; justify-content:center;align-items:center; font-size: 17px; color: #ffffff;}
.header .header_left .nav .drop:hover>a,.header .header_left .nav .drop.active>a{  color: #ffffff; font-weight: bold;}
.header .header_right{position: relative;}
.header .header_right .iconfont{font-size: 20px; color: #ffffff; margin-right: 10px;}
.header .header_right .text{font-size: 17px; color: #ffffff;}
.mheader,.placeholder{display: none;}

/* banner */
.banner {width:100%; position: relative; z-index:0; background:#000; overflow:hidden;}
.banner .swiper-slide .pic { height: calc(100vh - 90px); position:relative; z-index:1;}
.banner .swiper-slide .pic img{width:100%; height: calc(100vh - 90px); transition: all 3s; transform: scale(1,1); -webkit-transform: scale(1,1);}
.banner .swiper-slide-active .pic img{ transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transition-delay:0.3s;}
.banner .pagination{position: absolute; width: 100%;bottom: 25px;}
.banner .pagination .container{position: relative;}
.banner .pagination .swiper-pagination{bottom: 0 !important;}
.banner .pagination .swiper-pagination .swiper-pagination-bullet{width: 14px; height: 14px; margin: 0 5px; border: 1px #ffffff solid; border-radius: 50%; background: none !important; opacity: 1;}
.banner .pagination .swiper-pagination .swiper-pagination-bullet-active{border: 1px #5c4538 solid; background: #5c4538 !important;}


.inabout{ position: relative; padding: 100px 0; background:#ffffff;}
.inabout .title{ text-align: center;}
.inabout .title h1{line-height: 1; font-size: 30px; color: #5c4538; font-weight: bold;}
.inabout .title .cont{max-width: 692px; margin: 47px auto 41px; font-size: 14px; line-height: 28px;}
.inabout .title .more{display: inline-block; width: 172px; height: 42px; line-height: 42px; background-color: #5c4538; color: #ffffff; font-weight: bold;}
.inabout .title .more:hover { background-color: #000000;}
@media screen and (max-width:575px) {
    .inabout .title {
      padding:80px 12px 30px
    }
    .inabout .title h1 {
      font-size:22px
    }
    .inabout .title .cont {
      margin:20px auto 30px
    }
    .inabout .title .cont p {
      line-height:24px
    }
    .inabout .title .more {
      width:142px;
      height:38px;
      line-height:38px
    }
  }

.inabout .pictures {
    max-width:1279px;
    padding:0 50px;
    margin:60px auto 0
  }
  .inabout .pictures .bigPicture .pic,
  .inabout .pictures .smallPicture .pic {
    overflow:hidden;
    position:relative
  }
  .inabout .pictures .bigPicture .pic img,
  .inabout .pictures .smallPicture .pic img {
    width:100%;
    -webkit-transition:transform .3s linear;
    -webkit-transition:-webkit-transform .3s linear;
    transition:-webkit-transform .3s linear;
    transition:transform .3s linear;
    transition:transform .3s linear,-webkit-transform .3s linear
  }
  .inabout .pictures .bigPicture .pic div,
  .inabout .pictures .smallPicture .pic div {
    line-height:1;
    font-size:26px;
    color:#fff;
    font-weight:700;
    position:absolute;
    left:33px;
    bottom:30px
  }
  .inabout .pictures .bigPicture .pic:hover img,
  .inabout .pictures .smallPicture .pic:hover img {
    -webkit-transform:scale(1.2);
    transform:scale(1.2)
  }
  .inabout .pictures .bigPicture p,
  .inabout .pictures .smallPicture p {
    margin-top:16px
  }
  .inabout .pictures .bigPicture p span,
  .inabout .pictures .smallPicture p span {
    font-size:12px;
    color:#666;
  }
  .inabout .pictures .bigPicture p i,
  .inabout .pictures .smallPicture p i {
    margin-left:6px;
    font-size:12px;
    color:#575757;
    font-weight:bold;
    vertical-align:-2px
  }
  .inabout .pictures .smallPicture {
    float:left;
    max-width:31%
  }
  .inabout .pictures .bigPicture {
    max-width:66%;
    float:right
  }
  .inabout .pictures .bigPicture p {
    text-align:right
  }
  @media screen and (max-width:768px) {
    .inabout .pictures {
      padding:0
    }
    .inabout .pictures .bigPicture,
    .inabout .pictures .smallPicture {
      float:none;
      width:100%;
      max-width:none
    }
    .inabout .pictures .bigPicture .pic div,
    .inabout .pictures .smallPicture .pic div {
      font-size:16px;
      left:10px;
      bottom:10px
    }
    .inabout .pictures .bigPicture p,
    .inabout .pictures .smallPicture p {
      margin-top:0
    }
    .inabout .pictures .smallPicture {
      padding:0 30px;
      margin-bottom:30px
    }
    .inabout .pictures .bigPicture {
      padding:0 12px
    }
  }

  .inproduct {
    padding:80px 0;
    background: url(../img/inproduct.jpg) center no-repeat;
    background-size: cover;
  }
  .inproduct .productLine {
    width:100%
  }
  .inproduct .productLine .pic {
    float:right;
    max-width:calc(100% - 288px);
    position:relative
  }
  .inproduct .productLine .pic img {
    max-width:100%
  }
  .inproduct .productLine .textContent {
    height:100%;
    padding-left:50px;
    position:absolute;
    left:0
  }
  .inproduct .productLine .textContent .textbox {
    display:table;
    height:100%
  }
  .inproduct .productLine .textContent .textbox .txt {
    display:table-cell;
    vertical-align:middle
  }
  .inproduct .productLine .textContent .textbox .txt h2 {
    line-height:1;
    color:#5c4538;
    font-family:'din';
    ;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
  }
  .inproduct .productLine .textContent .textbox .txt h1 {
    line-height:1;
    margin:21px 0 36px;
    font-size:28px;
    color:#5c4538;
    font-weight:700
  }
  .inproduct .productLine .textContent .textbox .txt div {
    width:142px;
    border:1px solid #5c4538;
    text-align:center
  }
  .inproduct .productLine .textContent .textbox .txt div p,
  .inproduct .productLine .textContent .textbox .txt div span {
    display:block;
    width:100%;
    height:42px;
    line-height:42px;
    font-size:12px
  }

  .inproduct .productLine .textContent .textbox .txt div p {
    background-color:#5c4538;
    color:#ffffff;
    ;
  }
  .inproduct .productLine .textContent .textbox .txt div p a {
    color:#ffffff;
    display: block;
  }
  .inproduct .productLine .Next {
    width:52px;
    height:52px;
    line-height:52px;
    text-align:center;
    border-radius:50%;
    background-color:#f9f9f9;
    cursor:pointer;
    right:100px;
    z-index:6
  }
  .inproduct .productLine .Next i {
    font-size:18px;
    color:#757575
  }
  .inproduct .productLine .Next:hover {
    background-color:#fff
  }
  .inproduct .productLine .Next:hover i {
    color:#000
  }
  @media screen and (max-width:1360px) {
    .inproduct .productLine .pic {
      max-width:calc(100% - 228px)
    }
    .inproduct .productLine .textContent {
      height:100%;
      padding-left:30px
    }
    .inproduct .productLine .Next {
      right:30px
    }
  }
  @media screen and (max-width:991px) {
    .inproduct .productLine .pic {
      max-width:calc(100% - 228px)
    }

    .inproduct .productLine .textContent {
      height:100%;
      padding-left:30px
    }
    .inproduct .productLine .textContent .textbox .txt h1 {
      margin:21px 0 36px;
      font-size:28px
    }
    .inproduct .productLine .textContent .textbox .txt div {
      width:142px
    }
    .inproduct .productLine .textContent .textbox .txt div p,
    .inproduct .productLine .textContent .textbox .txt div span {
      display:block;
      width:100%;
      height:42px;
      line-height:42px;
      font-size:12px
    }
    .inproduct .productLine .Next {
      width:36px;
      height:36px;
      line-height:36px;
      right:12px
    }
  }
  @media screen and (max-width:768px) {
    .inproduct .productLine .pic {
      max-width:calc(100% - 288px)
    }
    .inproduct .productLine .textContent {
      padding-left:60px
    }
  }
  @media screen and (max-width:575px) {
    .inproduct {
      display:none
    }
  }
 .productLineList {
    padding:80px 20px 60px;
   background: url(../img/inproduct.jpg) center no-repeat;
    background-size: cover;
  }
 .productLineList .item .pic {
    display:block;
    position:relative
  }
 .productLineList .item .pic img {
    width:100%
  }
 .productLineList .item .txt {
    max-width:100%;
    margin:20px 0 30px;
    text-align:center
  }
 .productLineList .item .txt h2 {
    line-height:1;
    color:#5c4538;
    font-family:hr;

  }
 .productLineList .item .txt h1 {
    line-height:1;
    margin:10px 0 16px;
    font-size:28px;
    color:#5c4538;
    font-weight:700
  }
  @media screen and (max-width:991px) {
   .productLineList .item .txt h1 {
      font-size:26px
    }
  }
 .productLineList .item .txt div {
    width:280px;
    border:1px solid #5c4538;
    text-align:center;
    margin:0 auto
  }
 .productLineList .item .txt div p,
 .productLineList .item .txt div span {
    float:left;
    width:50%;
    height:42px;
    line-height:42px;
    font-size:12px
  }

 .productLineList .item .txt div p {
    background-color:#5c4538;
    color:#fff;
    ;
  }
  .productLineList .item .txt div p a{
    color: #ffffff;
    display: block;
  }
  @media screen and (min-width:576px) {
   .productLineList {
      display:none
    }
  }


  .showWrapper .box {
    min-height:260px;
    background:no-repeat top/cover;
    position:relative
  }
  .showWrapper .box img {
    opacity:0;
    width:100%
  }
  .showWrapper .box .textContent {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
  }
  .showWrapper .box .textContent .textbox {
    width:100%;
    height:100%;
    display:table
  }
  .showWrapper .box .textContent .textbox .txt {
    display:table-cell;
    width:100%;
    text-align:center;
    vertical-align:middle
  }
  .showWrapper .box .textContent .textbox .txt p {
    font-size:15px;
    color:#333333;
    line-height: 30px;
  }
  .showWrapper .box .textContent .textbox .txt h1 {
    line-height:1;
    margin:22px 0 40px;
    font-size:36px;
    color:#5c4538;
    font-weight:700;
  }
  .showWrapper .box .textContent .textbox .txt a {
    display:inline-block;
    width:172px;
    height:42px;
    line-height:42px;
    background-color:#fff;
    font-weight:700;
    color: #5c4538;
  }
  .showWrapper .box .textContent .textbox .txt a:hover {
    background-color:#5c4538;
    color:#fff
  }
  @media screen and (max-width:768px) {
    .showWrapper .box .textContent .textbox .txt p {
      font-size:14px;
    }
    .showWrapper .box .textContent .textbox .txt h1 {
      margin:16px 0 22px;
      font-size:32px
    }
    .showWrapper .box .textContent .textbox .txt a {
      width:142px;
      height:38px;
      line-height:38px;
      background-color:#fff
    }
  }

.innews{ position: relative; padding: 80px 0; background: url(../img/innews.jpg) center no-repeat; background-size: cover;}
.innews .en_title{ font-size: 18px; line-height: 1; color: #5c4538; font-weight: bold;}
.innews .line{ display: flex; align-items: center; margin: 15px 0; height: 7px;}
.innews .line span{margin-right: 3px; width: 7px; height: 5px; border-radius: 50%; background: #5c4538;}
.innews .line span:nth-child(2){opacity: .4;}
.innews .line span:last-child{ opacity: .2; margin-right: 0;}
.innews .dt_title{font-size: 36px; color: #333333; line-height: 1;}
.innews .innewsbox{ position: relative; margin-top: 50px; padding-left: 8%;}
.innews .innewsbox .swiper-slide{ width: 28% !important; margin-right: 20px;}
.innews .innewsbox .swiper-slide:last-child{ margin-right: 0;}
.innews .innewsbox .swiper-slide .infor{ padding: 20px 15px; background: #ffffff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.innews .innewsbox .swiper-slide .infor .catdate{ font-size: 15px; color: #5c4538;}
.innews .innewsbox .swiper-slide .infor .catdate span{ margin-right: 10px;}
.innews .innewsbox .swiper-slide .infor .catdate span:last-child{margin-right: 0;}
.innews .innewsbox .swiper-slide .infor .title{margin: 15px 0; font-size: 20px; color: #333333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; line-clamp: 1;-webkit-box-orient: vertical;}
.innews .innewsbox .swiper-slide .infor .desc{font-size: 15px; color: #666666; line-height: 26px; height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.innews .innewsbox .swiper-slide .infor .more { margin-top: 20px; position: relative; font-size: 14px; color: #666666;}
.innews .innewsbox .swiper-slide .infor .more span { color: #5c4538; margin-right: 5px; -webkit-transition: .5s; transition: .5s;}
.innews .innewsbox .swiper-slide:hover .infor .title{ color: #5c4538;}
.innews .newsbox .group .item .mation .more:hover span {margin-right: 10px;}
.innews .innewsbox .innewsbtn{ margin-top: 60px; display: flex; align-items: center; justify-content: space-between; padding-bottom: 5px;}
.innews .innewsbox .innewsbtn .swiperbtn{ display: flex;}
.innews .innewsbox .innewscont .innewsprev,.innews .innewsbox .innewscont .innewsnext{ width: 50px; height: 50px; background: #ffffff; border-radius: 50%; color: #5c4538; display: flex; justify-content: center; align-items: center; z-index: 2; cursor: pointer;}
.innews .innewsbox .innewscont .innewsprev{ margin-right: 10px;transform: rotate(-180deg);}
.innews .innewsbox .innewscont .innewsprev:hover,.innews .innewsbox .innewscont .innewsnext:hover{color: #ffffff; background: #5c4538; }
.innews .innewsbox .innewscont .innewsprev.swiper-button-disabled,.innews .innewsbox .innewscont .innewsnext.swiper-button-disabled,.innews .innewsbox .innewscont .innewsprev.swiper-button-disabled:hover,.innews .innewsbox .innewscont .innewsnext.swiper-button-disabled:hover{ cursor: auto; opacity: .6;color: #5c4538; background: #ffffff;}
.innews .innewsbox .swiper-scrollbar{ position: relative; width: calc(100% - 120px); height: 2px; background: #5c4538; margin-bottom: 5px;}
.innews .innewsbox .swiper-scrollbar .swiper-scrollbar-drag{ background: #5c4538; height: 7px; top: 50%; margin-top: -3.5px; border-radius: 7px;}

.footer{position: relative; padding: 80px 0; background: #ffffff;border-top: 1px solid #f6f6f6; }
.footer .footerbottom{ position: relative; display: flex; justify-content: space-between; align-items: flex-end; }
.footer .footerbottom .fbottomleft{position: relative;}
.footer .footerbottom .fbottomleft .footernav a{ font-size: 17px; font-weight: bold; margin-right: 35px; color: #333333;}
.footer .footerbottom .fbottomleft .footernav a:hover{ color: #5c4538;}
.footer .footerbottom .fbottomleft .copyright{margin-top: 30px; font-size: 15px; color: #333333;}
.footer .footerbottom .fbottomleft .copyright a{ color: #333333;}
.footer .footerbottom .fbottomleft .copyright a:hover{ color: #5c4538;}
.footer .footerbottom .waybox { position: relative; display: flex; justify-content: space-between;}
.footer .footerbottom .waybox .ewm {width: 105px;}
.footer .footerbottom .waybox .ewm img {width: 105px;height: 105px; border-radius: 5px;}
.footer .footerbottom .waybox .ewm p {margin-top: 10px;font-size: 14px;color: #333333;text-align: center;}
.footer .footerbottom .contway { margin-left: 25px; width: 100%;}
.footer .footerbottom .contway .text{font-size: 18px; color: #5c4538;}
.footer .footerbottom .contway p {font-size: 15px; color: #333333; line-height: 28px;}
.footer .footerbottom .contway p a {font-size: 28px; color: #333333; font-weight: bold;}


/*二级页面banner*/
.pbanner{ width:100%; position:relative; color: #fff;  overflow:hidden;}
.pbanner .bannerimg { position: absolute;  top: 50%; transform: translateY(-50%); width: 100%; height: 100%;}
.pbanner .bannerimg img{width:100%; height: 100%; object-fit: cover; -webkit-animation: picMove 3s ease;animation: picMove 3s ease;}
.pbanner .bannerText { position: relative; padding: 30vh 0 20vh; background: rgba(0, 0, 0, 0.05); }
.pbanner .bannerText .container { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.pbanner .bannerText .container .visualsub { font-size: 48px; color: #ffffff; }
.pbanner .bannerText .container .visualtit{font-size: 18px; text-transform: uppercase;}
.pagenav{ position: relative; margin-top: 70px; display: flex; align-items: center;  }
.pagenav a{ position: relative; font-size: 17px;color: #ffffff; padding:12px 3vw; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 100px; margin-left: 25px;}
.pagenav a:first-child{ margin-left: 0;}
.pagenav a:hover,.pagenav a.active{background: #ffffff; color: #5c4538;}

.pageabout{
  padding: 80px 0;
}
.pageabout .text {
  margin:0 auto 60px
}
.pageabout .text h1 {
  line-height:1;
  margin-bottom:46px;
  font-size:30px;
  color: #5c4538;
  font-weight:700
}
.pageabout .text .cont {
  line-height:26px;
  margin-bottom:6px;
  color:#666
}

.pageabout .pic {
  text-align:center;
  margin:0 auto;
  position:relative
}
.pageabout .pic img {
  width:100%
}
.pageabout .pic .item1,
.pageabout .pic .item3 {
  width:calc(27% - 37px);
  height:100%;
  background:no-repeat top/cover;
  position:absolute;
  top:0
}
.pageabout .pic .item1 {
  left:0
}
.pageabout .pic .item2 {
  width:46%;
  margin:0 auto
}
.pageabout .pic .item3 {
  right:0
}
@media screen and (max-width:991px) {
  .pageabout {
    padding:0 12px;
    margin:100px 0
  }
  .pageabout .text {
    margin:0 auto 60px
  }
  .pageabout .text h1 {
    margin-bottom:30px;
    font-size:26px
  }
  .pageabout .text .cont {
    line-height:24px;
    margin-bottom:6px
  }
  .pageabout .pic .item1,
  .pageabout .pic .item3 {
    width:calc(27% - 12px)
  }
}

.pageculture{ position: relative;padding: 120px 0; background: url(../img/culturebg.jpg) center no-repeat; background-size: cover;}
.pageculture .title_dd{ position: relative; font-size: 30px; color: #ffffff; font-weight: bold;  text-transform: uppercase; padding-bottom: 30px; margin-bottom: 45px; text-align: center;}
.pageculture .items{ display: flex;margin-top: 50px; }
.pageculture .items .item{ flex: 1; margin-left: 30px; border: 1px solid rgba(255,255,255,.2); padding:40px;}
.pageculture .items .item i{ display: block; margin: 0 auto; width: 54px; height: 54px;}
.pageculture .items .item span{ display: block; font-size: 24px; color: #fff; text-align: center;margin-top: 15px; }
.pageculture .items .item p{ font-size: 17px; color: #fff; text-align: center; font-weight: lighter; margin-top: 10px;}
.pageculture .items .item:nth-of-type(1){ margin: 0; }

.pagehonor{ position: relative; padding: 70px 0;background: #f4f8fb;}
.pagehonor .title{font-size: 34px; color: #2a2f34;}
.pagehonor .pagehonorbox{position:relative; margin-top: 40px; display: grid; grid-gap:30px; grid-template-columns: repeat(4,1fr);}
.pagehonor .pagehonorbox .item{ position: relative; cursor: pointer;border-radius: 5px;}
.pagehonor .pagehonorbox .item .img { overflow: hidden; background: url(../img/honor_pic_bg.jpg) no-repeat center center; background-size: cover;padding: 5%;}
.pagehonor .pagehonorbox .item .img .rect-67 { display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));position: relative;}
.pagehonor .pagehonorbox .item .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;max-height: 100%;}
.pagehonor .pagehonorbox .item .title { font-size: 16px; color: #333333;  line-height: 55px;text-align: center; background: #ffffff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; line-clamp: 1;-webkit-box-orient: vertical;}
.pagehonor .pagehonorbox .item:hover .title {color: #5c4538;}

.pageworkshop{ position: relative; padding: 70px 0;background: #f4f8fb;}
.pageworkshop .title{font-size: 34px; color: #2a2f34;}
.pageworkshop .workshopbox{position:relative; margin-top: 40px; display: grid; grid-gap:30px; grid-template-columns: repeat(4,1fr);}
.pageworkshop .workshopbox .item{ position: relative; cursor: pointer;border-radius: 5px;}
.pageworkshop .workshopbox .item .img{position: relative;}
.pageworkshop .workshopbox .item .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;max-height: 100%;}
.pageworkshop .workshopbox .item .title { font-size: 16px; color: #333333;  line-height: 55px;text-align: center; background: #ffffff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; line-clamp: 1;-webkit-box-orient: vertical;}
.pageworkshop .workshopbox .item:hover .title {color: #5c4538;}

.pagewarm .workshopbox{position:relative; margin-top: 40px; display: grid; grid-gap:30px; grid-template-columns: repeat(4,1fr);}
.pagewarm .workshopbox .item{ position: relative; cursor: pointer;border-radius: 5px;}
.pagewarm .workshopbox .item .img{position: relative;}
.pagewarm .workshopbox .item .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;max-height: 100%;}
.pagewarm .workshopbox .item .title { font-size: 16px; color: #333333;  line-height: 55px;text-align: center; background: #ffffff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; line-clamp: 1;-webkit-box-orient: vertical;}
.pagewarm .workshopbox .item:hover .title {color: #5c4538;}

.pagepartner{ position: relative; padding: 70px 0;background: #f4f8fb;}
.pagepartner .title{font-size: 34px; color: #2a2f34;}
.pagepartner .partnerbox{position:relative; margin-top: 40px; display: grid; grid-gap:20px; grid-template-columns: repeat(6,1fr);}
.pagepartner .partnerbox .item{ position: relative; cursor: pointer;border-radius: 5px;}
.pagepartner .partnerbox .item .img{position: relative;}
.pagepartner .partnerbox .item .img img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;max-height: 100%;}

.pagedownplus{position: relative; padding: 70px 0; background: #ffffff;}
.pagedownplus .text{ width: 85%; margin: 0 auto;}
.pagedownplus .text h1 { line-height: 1; margin-bottom: 46px; font-size: 30px; color: #5c4538; font-weight: 700;}
.pagedownplus .cont{line-height: 26px; margin-bottom: 6px; color: #666;}
.pagedownplus .pic{width: 100%; margin: 30px auto 0; }
.pagedownplus .pic img{ width: 100%;}

.pagecompose{position: relative; padding: 70px 0; background: #f4f8fb;}
.pagecompose .text{ width: 85%; margin: 0 auto; display: flex; justify-content: space-between;flex-wrap: wrap;}
.pagecompose .text .pic{width: 42%;}
.pagecompose .text .pic img{width: 100%;}
.pagecompose .text .txt{ max-width: 54%;}
.pagecompose .text .txt h1 { line-height: 1; margin-bottom: 46px; font-size: 30px; color: #5c4538; font-weight: 700;}
.pagecompose .text .txt .cont{line-height: 26px; margin-bottom: 40px; color: #666;}
.pagecompose .text .txt  p {margin-bottom: 35px; font-size: 16px; line-height: 26px; color: #666666;}
.pagecompose .text .txt  p span{font-size: 17px; color: #333333; font-weight: bold;}

.pageprevious{position: relative; padding: 70px 0; background: #ffffff;}
.pageprevious .text{ width: 85%; margin: 0 auto;}
.pageprevious .text h1 { line-height: 1; margin-bottom: 46px; font-size: 30px; color: #5c4538; font-weight: 700; text-align: center;}
.pageprevious .text .cont{line-height: 26px; margin-bottom: 6px; color: #666;}
.pageprevious .text .picbox{margin-top: 35px; display: flex;justify-content: space-between; flex-wrap: wrap;}
.pageprevious .text .picbox .pic{ width: 600px;}
.pageprevious .text .picbox .txt{ width: calc(100% - 680px);}
.pageprevious .text .picbox .txt p{font-size: 20px; color: #333333; line-height: 40px; font-weight: bold;}

.pbanner .video-btn{ width: 100%; height: 35vh; position: relative; z-index: 22; display: flex; justify-content: center; align-items: center;}
.pbanner .video-btn .mask{width: 35px; height: 35px; box-sizing: content-box; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: #fff; border: 10px solid #ffffff;}
.pbanner .video-btn .icon-shipin1{font-size: 32px; color: #333333;}
.pagewarm{position: relative; padding: 70px 0; background: #dedede;}
.pagewarm .swiper{ overflow: visible; }
.pagewarm .text h1 { line-height: 1; margin-bottom: 20px; font-size: 30px; color: #5c4538; font-weight: 700; text-align: center;}
.pagewarm .text .warm{ font-family: 'din'; font-size: 28px; color: #000000; text-align: center; font-weight: 700; }
.pagewarm .text .cont{margin-top: 30px; line-height: 26px;  color: #666; }
.pagewarm .text .list{ margin-top: 50px; }
.pagewarm .text .list .swiper{ transform: translate3d(0px, 0, 0) !important;}
.pagewarm .text .list .item{ padding: 25px; height: 175px; box-shadow: inset 2px 1px 10px rgba(254,254,254,0.53),inset 35px 0 65px 0 rgba(255,255,255,0.45),inset -1px -1px 20px rgba(255,255,255,0.07); border: 1px #ffffff solid;border-radius: 20px;}
.pagewarm .text .list .swiper-slide{ opacity: 0 !important;}
.pagewarm .text .list .swiper-slide.swiper-slide-active{opacity: 1 !important;}
.pagewarm .text .list .swiper-scrollbar{bottom: -20px;}
.pagewarm .text .list .item>div{ margin-bottom: 40px;}
.pagewarm .text .list .item>div:last-child{ margin-bottom: 0;}
.pagewarm .text .list .item .text{ font-size: 20px; color: #333333; font-weight: bold;}
.pagewarm .text .list .item .tent{font-size: 16px; color: #666666; line-height: 28px;}
.packet{ position: relative; margin-top: 50px;}
.packet .packet_title{font-size: 28px; line-height: 48px;font-weight: 500;}
.packet .packetcont{width: 100%;  margin: 0; margin-top: 30px; box-shadow: inset 2px 1px 10px rgba(254,254,254,0.53), inset 35px 0 65px 0 rgba(255,255,255,0.45), inset -1px -1px 20px rgba(255,255,255,0.07); border-radius: 16px; padding: 5%; display: flex;}
.packet .packetcont .contpack{  width: 60%;}
.packet .packetcont .contpack .swiper-slide{opacity: 0 !important;}
.packet .packetcont .contpack .swiper-slide.swiper-slide-active{opacity: 1 !important;}
.packet .packetcont .contpack .swiper-slide .item-video { height: 300px; position: relative;}
.packet .packetcont .contpack .swiper-slide .item-video .img-default { width: 100%; height: 100%; object-fit: contain;  position: relative; z-index: 10;}
.packet .packetcont .contpack .swiper-slide .item-video .img-active-wrap { width: 50px; position: absolute; left: 50%; bottom: 7px; transform: translateX(-50%); z-index: 5; height: 284px;}
.js-img-percent { height: 0; width: 100%;transition: 2s ease-out;}
.packet .packetcont .contpack .swiper-slide .item-video .img-active-wrap .img-active-text { position: absolute; left: 0; height: 1px; background-color: blue; color: blue; width: 100%; display: flex; align-items: center; font-size: 12px; white-space: nowrap;}
.packet .packetcont .contpack .swiper-slide .item-video .img-active-wrap .img-default-text { background-color: red; color: red;}
.packet .packetcont .contpack .swiper-slide .item-video .img-active-wrap .img-default-text::after,.packet .packetcont .contpack .swiper-slide .item-video .img-active-wrap .img-default-text::before{content: ""; position: absolute;z-index: 10;top: 50%;left: 0;display: flex;transform: translate(-50%, -50%);width: 6px;height: 6px;border-radius: 50%;background-color: red;}
.packet .packetcont .contpack .swiper-slide .item-video .img-active-wrap .img-default-text span { position: absolute; left: 0%;right: -130%; top: 50%;transform: translate(-50%, -50%);z-index: 10;}
.packet .packetcont .contpack .swiper-slide .item-video .img-active-wrap .img-active-text span { position: absolute; right: -130%;
top: 50%; transform: translate(-50%, -50%);z-index: 10;}
.packet .packetcont .contpack .swiper-slide .item-video .img-active-wrap .img-active-text span:after,.packet .packetcont .contpack .swiper-slide .item-video-1 .img-active-text span:after{ content: ""; width: 45px; height: 20px; border-radius: 4px; background-color: #fff; position: absolute; top: 50%; left: -5px; transform: translateY(-55%); z-index: -1;}
.packet .packetcont .contpack .swiper-slide .item-video .img-active-wrap .img-active-text::before,.packet .packetcont .contpack .swiper-slide .item-video-1 .img-active-text::before{content: ""; position: absolute; z-index: 10; top: 50%; left: 0; display: flex; transform: translate(-50%, -50%); width: 6px; height: 6px; border-radius: 50%; background-color: blue;}
.packet .packetcont .contpack .swiper-slide .item-video .img-active-wrap .img-active-text::before,.packet .packetcont .contpack .swiper-slide .item-video-1 .img-active-text::before {  background-color: transparent; border: 4px solid rgba(0, 0, 255, 0.3); box-sizing: content-box;}
.packet .packetcont .contpack .swiper-slide .item-video .img-active-wrap .img-default-text::before,.packet .packetcont .contpack .swiper-slide .item-video1 .img-active-wrap .img-default-text::before{background-color: transparent; border: 4px solid rgba(255, 0, 0, 0.3); box-sizing: content-box;}
.packet .packetcont .contpack .swiper-slide .item-video .img-active-wrap .img-active-text span { position: absolute; right: -130%; top: 50%; transform: translate(-50%, -50%); z-index: 10;}
.packet .packetcont .contpack .swiper-slide .item-video .img-active-wrap .img-active-text::after{content: "";position: absolute;z-index: 10;top: 50%;left: 0;display: flex;transform: translate(-50%, -50%);width: 6px;height: 6px;border-radius: 50%;background-color: blue;}
.packet .packetcont .contpack .swiper-slide .item-video-1 .img-default-text::after,.packet .packetcont .contpack .swiper-slide .item-video .img-active-wrap .img-default-text::after,.packet .packetcont .contpack .swiper-slide .item-video-1 .img-default-text::before, .packet .packetcont .contpack .swiper-slide .item-video .img-active-wrap .img-default-text::before{content: "";position: absolute;z-index: 10;top: 50%;left: 0;display: flex;transform: translate(-50%, -50%);width: 6px;height: 6px;border-radius: 50%;background-color: red;}
.packet .packetcont .contpack .swiper-slide .item-video-1 .img-active-text {position: absolute;right: 50%;height: 1px;background-color: blue;color: blue;width: 15%;display: flex;align-items: center;font-size: 12px;white-space: nowrap;}
.packet .packetcont .contpack .swiper-slide .item-video-1 .img-active-text span {margin-left: -100%;z-index: 10;}
.packet .packetcont .contpack .swiper-slide .item-video-1 .img-active-text::after,.packet .packetcont .contpack .swiper-slide .item-video-1 .img-active-text::before { left: unset; right: 0;transform: translate(50%, -50%);}
.packet .packetcont .contpack .swiper-slide .item-video-1 .img-active-text span:after{left: -115%;}
.packet .packetcont .contpack .swiper-slide .item-video-1 .img-default-text {right: unset;left: 50%;background-color: red;color: red;position: relative;}
.packet .packetcont .contpack .swiper-slide .item-video-1 .img-default-text span {margin-left: 110%;z-index: 10;}
.packet .packetcont .contpack .swiper-slide .item-video-1 .img-default-text::before,.packet .packetcont .contpack .swiper-slide .item-video-1 .img-default-text::after{content: "";position: absolute;z-index: 10;top: 50%;left: 0;display: flex;transform: translate(-50%, -50%);width: 6px;height: 6px;border-radius: 50%;background-color: red;}
.packet .packetcont .contpack .swiper-slide .item-video-1 .img-default-text span:after {
  left: 95%;
}
.packet .packetcont .contpack .swiper-slide .item-params{margin-top: 30px; display: flex; flex-direction: column; align-items: center;}
.packet .packetcont .contpack .swiper-slide .item-params span:first-child { font-size: 14px;}
.packet .packetcont .contpack .swiper-slide .item-params span:last-child { font-size: 14px; color: #666; margin-top: 5px;}
.packet .packetcont .tabpack{width: 40%;}
.packet .packetcont .tabpack .swiper-wrapper {transform: translate3d(0px, 0px, 0px) !important;flex-direction: column;justify-content: center;align-items: end;}
.packet .packetcont .tabpack .swiper-slide{height: 125px; width: 110px;background: rgba(203, 203, 203, 0);box-shadow: inset 2px 1px 10px rgba(254,254,254,0.53), inset 35px 0 65px 0 rgba(255,255,255,0.45), inset -1px -1px 20px rgba(255,255,255,0.07);border-radius: 16px;padding: 10%;padding-bottom: 30px; margin-bottom: 15px; position: relative;display: flex;flex-direction: column;align-items: center;border: 1px solid transparent;transition: .2s;}
.packet .packetcont .tabpack .swiper-slide:last-child{ margin-bottom: 0;}
.packet .packetcont .tabpack .swiper-slide.swiper-slide-thumb-active{border-color: #444;}
.packet .packetcont .tabpack .swiper-slide .img-default{position: relative; height: 100%; margin-bottom: 5px;}
.packet .packetcont .tabpack .swiper-slide .img-default img{width: 100%;height: 100%;object-fit: contain;position: relative;z-index: 10;left: 0;}
.packet .packetcont .tabpack .swiper-slide .img-default .img-active-wrap {width: 18px;position: absolute;left: 50%;bottom: 0;
transform: translateX(-50%);z-index: 5;height: 284px;overflow: hidden;}
.packet .packetcont .tabpack .swiper-slide .img-default .img-active-wrap img.img-active {height: 100%;position: absolute;
bottom: 0;width: 18px;}
.packet .packetcont .tabpack .swiper-slide div:last-child {white-space: nowrap;font-size: 12px;}


.pagewarm .text .cont-cards{ display: flex;flex-wrap: wrap; margin: 0 auto;}
.pagewarm .text .cont-cards .item{flex: 0 0 32%; margin-top: 50px;position: relative;}
.pagewarm .text .cont-cards .item:not(:nth-child(3n + 3)){margin-right: 2%;}
.pagewarm .text .cont-cards .item img{width: 50px;height: 50px;object-fit: contain; position: absolute;left: 0;top: 15px;}
.pagewarm .text .cont-cards .item .card-cont{width: 100%;display: flex;flex-direction: column;align-items: flex-end;border-top: 1px solid #ccc; padding-top: 20px; justify-content: center; height: 50px}
.pagewarm .text .cont-cards .item .card-cont span:first-child{font-size: 16px;}
.pagewarm .text .cont-cards .item .card-cont span:last-child{font-size: 14px;color: #666666; margin-top: 2px;}
.pagewarm .dwonvideo{margin-top: 70px; display: grid; grid-gap:50px; grid-template-columns: repeat(2,1fr);}
.pagewarm .dwonvideo .item{ position: relative;}
.pagewarm .dwonvideo .item .video_bg{position: relative; z-index: 2;}
.pagewarm .dwonvideo .item .video_bg img{ width: 100%;}
.pagewarm .dwonvideo .item .videobox{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.pagewarm .dwonvideo .item .videobox .mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.pagewarm .dwonvideo .item .videobox .mask .videoed{position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.pagewarm .dwonvideo .item .videobox .mask .videoed img:first-child{ position: absolute;}
.pagewarm .dwonvideo .item .videobox .mask .videoed img:last-child { -webkit-animation: wheel 3s linear infinite; animation: wheel 3s linear infinite; }
.pagewarm  .video{display: none; position: fixed; left: 0;top: 0;z-index: 9999;width: 100%;height: 100vh;background: rgba(0, 0, 0, .9); z-index: 999;}
.pagewarm  .video .videoList{position: relative;padding: 40px;background: #ffffff;width: 60%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.pagewarm  .video .close{position: absolute;right: 10px;top: 10px;border-radius: 100%; font-size: 17px; color: #333333; cursor:   pointer;}
.pagewarm .video .close:hover{ color: #5c4538;}

.warmrong{ position: relative; margin-top: 30px; width: 100%; padding: 20px; border-radius: 15px; background: linear-gradient(to top right, #5c4538, #6f4d39)}
.warmrong .img{position: absolute; right: 30px; top:30px;}
.warmrong .img img{  height: 80px;}
.warmrong .item{width: 100%; margin-bottom: 20px;  padding-left: 10px; position: relative;}
.warmrong .item:last-child{ margin-bottom: 0;}
.warmrong .item::before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 2px; height: 80%; background:rgba(255, 255, 255, 0.4);}
.warmrong .item .title{font-size: 15px; color: rgba(255,255,255,0.6)}
.warmrong .item .des{margin-top: 5px; font-size: 18px; color: #ffffff; font-weight: bold;}
.maint{position: relative; margin-top: 50px;}
.maint .line{height: 3px; border-top: 4px solid #6f4d39; margin: 0 0 10px 0;}
.maint .tab{display: flex; justify-content: space-between; align-items: center;}
.maint .tab .title{font-size: 24px; font-weight: 500; color: #6f4d39;}
.maint .tab .obt{font-size: 16px; color: #a3a3a3;}
.maint .intli .item{position: relative; margin: 20px 0; padding: 20px 10px; border-radius: 5px; background: #ffffff; display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
.maint .intli .item .img{ position: relative; padding-right: 20px;}
.maint .intli .item img{ height: 80px;}
.maint .intli .item .text{position: relative; padding-left: 20px; font-size: 15px; line-height: 28px; color: #333333;}
.maint .intli .item .text::before{ position: absolute; content: ''; width: 1px; height: 100%; left: 0; top: 0; background: rgb(0, 0, 0, .1);}
.maint .intli .item .ibox-more {
    background: url(../img/more_i2.png) no-repeat scroll left center;
    width: 19px;
    height: 20px;
    position: relative;
    display: block;
    margin-top: 20px;
}
.maint .intli .item .filler2 {
    position: absolute;
    display: block;
    -webkit-transition: 0.3s ease 0s;
    -moz-transition: 0.3s 0s;
    -o-transition: 0.3s 0s;
    transition: 0.3s 0s;
}

.maint .intli .item .filler2 {
    background-color: #6f4d39;
    z-index: 5;
}

.maint .intli .item .filler2-left {
    width: 3px;
    height:20px;
    left: 0%;
    top: 0%;
}

.maint .intli .item .filler2-right {
    width: 3px;
    height: 20px;
    right: 0%;
    bottom: 0%;
}

.maint .intli .item .filler2-top {
    width: 20px;
    height: 3px;
    right: 0%;
    bottom: 0%;
}

.maint .intli .item .filler2-bottom {
    width: 20px;
    height: 3px;
    left: 0%;
    top: 0;
}

.guide{position: relative; margin-top: 50px;}
.guide .line{height: 3px; border-top: 4px solid #6f4d39; margin: 0 0 10px 0;}
.guide .tab{display: flex; justify-content: space-between; align-items: center;}
.guide .tab .title{font-size: 24px; font-weight: 500; color: #6f4d39;}
.guide .tab .obt{font-size: 16px; color: #a3a3a3;}
.guide .guideline{ position: relative; }
.guide .guideline .item{margin: 20px 0; padding: 20px; border-radius: 5px; background: #ffffff;}
.guide .guideline .item .tit{position: relative; font-size: 22px;  padding-left: 15px;}
.guide .guideline .item .tit::before{position: absolute; content: ''; width: 3px; height: 60%;  left: 0; top: 50%; transform: translateY(-50%); background: #5c4538;}
.guide .guideline .item .text{margin-top: 20px; font-size: 15px; line-height: 28px; color: #333333;}

.prominent{position: relative; margin-top: 50px;}
.prominent .line{height: 3px; border-top: 4px solid #6f4d39; margin: 0 0 10px 0;}
.prominent .tab{display: flex; justify-content: space-between; align-items: center;}
.prominent .tab .title{font-size: 24px; font-weight: 500; color: #6f4d39;}
.prominent .tab .obt{font-size: 16px; color: #a3a3a3;}
.prominent .minentlist{ position: relative;margin-top: 30px; display: grid; grid-gap: 40px; grid-template-columns: repeat(2, 1fr);}
.prominent .minentlist .item{position: relative;margin: 0 auto; width: 120px; height: 120px; ;border-radius: 50%;  border: 2px #a7774f dashed; }
.prominent .minentlist .item .img{position: absolute; left: 15px; top: 15px; z-index: 2; }
.prominent .minentlist .item .img img{ height: 35px;}
.prominent .minentlist .item:last-child .img img{ height: 30px;}
.prominent .minentlist .item .txt{ margin-top: 35px; width: 120%; padding: 10px 0; transform: translateX(20px); background: #ffffff;}
.prominent .minentlist .item .txt .t{ font-size: 17px; color: #333333; font-weight: bold;}
.prominent .minentlist .item .txt .t span{ font-size: 28px; font-weight: bold; color: #a7774f;}
.prominent .minentlist .item:last-child .txt .t span{ font-size: 28px; font-weight: bold; color: #ee2f3c;}
.prominent .minent{position: relative; margin-top: 30px;  display: grid; grid-gap: 20px; grid-template-columns: repeat(3, 1fr);}
.minenimg { position: relative; margin-top: 20px;}
.minenimg img{ width: 100%;}
.cardslist{padding: 10px 20px 40px; border-radius: 10px; background: #fff9f3;}
.pagewarm .text .cardslist .item .card-cont span:first-child{ color: #a7774f; font-weight: bold;}


.pagefeather{position: relative; padding: 70px 0; background: #f4f8fb;}
.pagefeather .text{ width: 85%; margin: 0 auto;}
.pagefeather .text h1 { line-height: 1; margin-bottom: 20px; font-size: 30px; color: #5c4538; font-weight: 700; text-align: center;}
.pagefeather .text .cent{line-height: 26px;  color: #666; text-align: center;}
.pagefeather .text .featherbox{margin-top: 40px; display: flex; align-items: flex-start;}
.pagefeather .text .featherbox .tabfeather{width: 25%; display: flex; flex-direction: column; align-items: flex-start;}
.pagefeather .text .featherbox .tabfeather .swiper-wrapper{transform: translate3d(0px, 0px, 0px) !important; flex-direction: column; justify-content: center; align-items: end;}
.pagefeather .text .featherbox .tabfeather .swiper-slide{position: relative; margin-bottom: 15px; }
.pagefeather .text .featherbox .tabfeather .swiper-slide .libr{position: absolute;top: 50%;left:0; width: 10px;height: 10px; border-radius: 50%; transform: translateY(-50%); background: #5c4538;border-radius: 50%;opacity: 0;transition: all 0.36s;z-index: 10;}
.pagefeather .text .featherbox .tabfeather .swiper-slide .name{padding-left: 25px; font-size: 18px; font-weight: bold; color: #333333; cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s;}
.pagefeather .text .featherbox .tabfeather .swiper-slide-thumb-active .name{color: #5c4538; font-size: 22px;}
.pagefeather .text .featherbox .tabfeather .swiper-slide-thumb-active .libr {opacity: 1;}
.pagefeather .text .featherbox .contfeather{ width: 75%;}
.pagefeather .text .featherbox .contfeather .swiper-slide{ opacity: 0 !important; display: flex; justify-content: space-between;}
.pagefeather .text .featherbox .contfeather .swiper-slide-active{opacity: 1 !important;}
.pagefeather .text .featherbox .contfeather .swiper-slide .pic{ width: calc(100% - 320px) ;}
.pagefeather .text .featherbox .contfeather .swiper-slide .pic img{ width: 100%; object-fit: cover;}
.pagefeather .text .featherbox .contfeather .swiper-slide .cont{width: 280px; font-size: 17px; font-weight: bold; color: #333333; line-height: 1.8;}

.pagetarget{position: relative; padding: 70px 0; background: #b3b3b3;}
.pagetarget .text{ width: 85%; margin: 0 auto;}
.pagetarget .text h1 { line-height: 1; margin-bottom: 20px; font-size: 30px; color: #5c4538; font-weight: 700; }
.pagetarget .text .targetbox{margin-top: 40px; }
.pagetarget .text .targetbox .tabtarget{width: 58%;  float: left; display: flex; flex-direction: column; align-items: flex-start;}
.pagetarget .text .targetbox .tabtarget .swiper-wrapper{transform: translate3d(0px, 0px, 0px) !important; flex-direction: column; justify-content: center; align-items: end;}
.pagetarget .text .targetbox .tabtarget .swiper-slide{position: relative; margin-bottom: 15px;}
.pagetarget .text .targetbox .tabtarget .swiper-slide .name{font-size: 18px; font-weight: bold; color: #333333; margin-bottom: 5px; cursor: pointer; -webkit-transition: 0.5s; transition: 0.5s;}
.pagetarget .text .targetbox .tabtarget .swiper-slide .cont{ font-size: 16px; color: #666666; line-height: 1.8;}
.pagetarget .text .targetbox .tabtarget .swiper-slide-thumb-active .name{color: #5c4538; font-size: 22px;}
.pagetarget .text .targetbox .conttarget{ width: 38%; float: right;}
.pagetarget .text .targetbox .conttarget .swiper-slide{ opacity: 0 !important; display: flex; justify-content: space-between;}
.pagetarget .text .targetbox .conttarget .swiper-slide-active{opacity: 1 !important;}
.pagetarget .text .targetbox .conttarget .swiper-slide {display: flex; justify-content: center; align-items: center;}


.pagenews{padding: 70px 0;}
.pagenews .title {
  text-align:center;
  font-size:34px;
  font-weight:700
}
@media screen and (max-width:768px) {
  .pagenews{padding: 50px 0;}
  .pagenews .title {
    font-size:20px
  }
}
.pagenews .main {
  margin:50px 0 0
}
.pagenews .main .grid {
  padding:0 1px
}
.pagenews .main .grid .item {
  float:left;
  width:33.33%;
  padding:0 1px;
  margin-bottom:80px
}
.pagenews .main .grid .item .goto {
  display:block
}
.pagenews .main .grid .item .goto .Img {
  overflow:hidden;
  display:block;
  width:100%;
  font-size:0;
  position:relative
}
.pagenews .main .grid .item .goto .Img img {
  width:100%;
  -webkit-transition:transform .3s linear;
  -webkit-transition:-webkit-transform .3s linear;
  transition:-webkit-transform .3s linear;
  transition:transform .3s linear;
  transition:transform .3s linear,-webkit-transform .3s linear
}
.pagenews .main .grid .item .goto .Img:hover img {
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
}
.pagenews .main .grid .item .goto .txt {
  padding-left:52px;
  margin-top:36px
}
.pagenews .main .grid .item .goto .txt .time {
  font-size:16px;
  font-family: 'din';
  color: #333333;
}
.pagenews .main .grid .item .goto .txt .botton{
  font-size: 14px;
  color: #333333;
}
.pagenews .main .grid .item .goto .txt p {
  line-height:20px;
  margin:18px 0 24px;
  font-size:18px;
  color:#666;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:90%
}
.pagenews .main .grid .item .goto .txt .botton i,
.pagenews .main .grid .item .goto .txt .botton span {
  font-size:12px
}
@media screen and (max-width:1360px) {
  .pagenews .main .grid .item {
    float:left;
    padding:0 2px;
    margin-bottom:40px
  }
  .pagenews .main .grid .item .goto {
    display:block
  }
  .pagenews .main .grid .item .goto .Img {
    display:block;
    width:100%;
    font-size:0;
    position:relative
  }
  .pagenews .main .grid .item .goto .txt {
    padding-left:30px;
    margin-top:20px
  }
  .pagenews .main .grid .item .goto .txt p {
    line-height:18px;
    margin:9px 0 2px;
    font-size:16px
  }
}
@media screen and (max-width:768px) {
  .pagenews .main .grid .item {
    float:none;
    width:100%;
    padding:0 1px;
    margin-bottom:30px
  }
  .pagenews .main .grid .item .goto {
    display:block
  }
  .pagenews .main .grid .item .goto .txt {
    padding-left:10px;
    margin-top:16px
  }
}
@media screen and (max-width:575px) {
  .pagenews .main {
    margin:40px 0 0
  }
}

.shownews{ background-color: #ffffff; border-radius: 10px; box-sizing: border-box;}
.shownews .item_top{width: 100%;padding-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
.shownews .item_top .pageT{margin-bottom: 10px; font-size: 24px;line-height: 1.5;color: #333333;}
.shownews .item_top .pageD{font-size: 15px;color: #666666;}
.shownews .item_top .pageD .line{margin: 0 5px; font-size: 14px; font-weight: lighter; color: #999999;}
.shownews .item_content{padding: 30px 0; font-size:17px; color:#333333; line-height:2;}
.shownews .item_content .media_content{ width: 750px; margin-left: auto; margin-right: auto;}
.shownews .item_content p a{font-size: 17px !important; }
.shownews .item_content img{max-width:100%; margin:5px 0;}
.shownews .item_content table{border-collapse:collapse;width:100% !important;}
.shownews .item_content table,.shownews .item_content tr{ font-size: 17px; color: #444444; }
.shownews .item_content table,.shownews .item_content th,.shownews .item_content td{ border: 1px solid #333333; text-align: center; font-size: 16px;}
.page_btm{width: 100%;padding-top: 30px;border-top: 1px solid #e5e5e5;display: flex;align-items: center; justify-content: space-between;}
.page_btm .paging_nav{width: calc(100% - 180px);margin: 0;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;flex-direction: column;align-content: flex-start;}
.page_btm .paging_nav .prevpage{float: left;width: 100%;}
.page_btm .paging_nav .prevpage a{line-height: 2;color: #555555; font-size: 15px;display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.page_btm .paging_nav .prevpage:hover a{color: #5c4538;}
.page_btm .paging_nav .nextpage {float: left;width: 100%;}
.page_btm .paging_nav .nextpage a{line-height: 2;color: #555555;font-size: 15px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.page_btm .paging_nav .nextpage:hover a{color: #5c4538;}
.page_btm .return_list{width: 150px;}
.page_btm .return_list .backList{width:100%; height: 45px; font-size: 15px; color: #ffffff; border-radius: 25px; background: #5c4538; display: flex; align-items: center; justify-content: center;}
.page_btm .return_list .backList .ml-cio{margin-left: 10px; height: 12px;}
.page_btm .return_list .backList:hover{background:#5c4538; }


.pageproduct{padding: 70px 0;  background: #f4f8fb;}
.pageproduct .title {
  font-size:34px;
  font-weight:700
}
@media screen and (max-width:768px) {
  .pageproduct{padding: 50px 0;}
  .pageproduct .title {
    font-size:20px
  }
}
.pageproduct .productbox{position:relative; margin-top: 40px; display: grid; grid-gap:30px; grid-template-columns: repeat(3,1fr);}
.pageproduct .productbox .item{ position: relative;background: #ffffff;  border-radius: 5px; overflow: hidden;}
.pageproduct .productbox .item .img{position: relative;}
.pageproduct .productbox .item .img img {position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%;max-height: 100%;}
.pageproduct .productbox .item .namebox{ position: relative; padding: 30px 20px; background: #ffffff;}
.pageproduct .productbox .item .namebox .title{ position: relative; font-size: 18px; color: #333333; font-weight: bold; padding-bottom: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; }
.pageproduct .productbox .item .namebox .title::after{position: absolute; content: ''; width: 100%; left: 0; bottom: 0; height: 2px; background: #f5f5f5;}
.pageproduct .productbox .item .namebox .title::before{ position: absolute; content: ''; width: 0; right: 0; bottom: 0; height: 2px; background: #5c4538; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 2;}
.pageproduct .productbox .item:hover .namebox .title::before{ width: 100%; left: 0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
.pageproduct .productbox .item .namebox .desc{ margin-top: 10px; font-size: 15px; color: #666666; line-height: 25px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.pageproduct .productbox .item .namebox .more{ margin-top: 20px; font-size: 15px; color: #666666;}
.pageproduct .productbox .item .namebox .more span{margin-left: 10px; font-size: 15px; color: #5c4538;}
.pageproduct .productbox .item:hover .namebox .title{ color: #5c4538;}
.pageproduct .productbox .item:hover{box-shadow: 0px 10px 20px 0px rgb(48, 161, 144, .1);}
.pageproduct .productbox .item:hover .namebox .more{color: #5c4538;}

.pageconcept{ position: relative; padding: 70px 0; background: #ffffff;}
.pageconcept .container{display: flex; align-items: center; justify-content: space-between;}
.pageconcept .concept_left{position: relative; width: 42%;}
.pageconcept .concept_left .title_dd{ position: relative; font-size: 30px; color: #000000; font-weight: bold; text-transform: uppercase; display: flex; align-items: center;}
.pageconcept .concept_left .title_dt{ margin-top: 10px; font-size: 22px; color: #333333;}
.pageconcept .concept_left .concept_cont{ margin-top: 30px; font-size: 16px; line-height: 28px; color: #666666;}
.pageconcept .concept_left .swiper-pagination{ position: relative; width: 100%; display: flex; justify-content: flex-start; margin-top: 60px;}
.pageconcept .concept_left .swiper-pagination span{ width: 26px; height: 26px; border: 1px solid #fff; background: #fff; opacity: 1; position: relative; display: flex; align-items: center; justify-content: center;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; margin-right: 4px;}
.pageconcept .concept_left .swiper-pagination span::before{ content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 100%; background: #dadada;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.pageconcept .concept_left .swiper-pagination span.swiper-pagination-bullet-active{ border: 1px solid #5c4538;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.pageconcept .concept_left .swiper-pagination span.swiper-pagination-bullet-active::before{ background: #5c4538;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.pageconcept .concept_right{ position: relative; width: 46%;}
.pageconcept .concept_right::before{content: ""; display: inline-block; width: 25.1643vw; height: 8.857vw;background: url("../img/bn5.png") no-repeat 50% 50%; position: absolute; left: -3.126vw; top: -1.3025vw; z-index: 1;}
.pageconcept .concept_right .swiper-slide img{ width: 100%;}
.pagepeople{ position: relative; padding: 20vh 0; background: url(../img/peoplebg.jpg) center no-repeat; background-size: cover;}
.pagepeople .title_dd{ position: relative; font-size: 30px; color: #ffffff; font-weight: bold;  text-transform: uppercase; padding-bottom: 30px; margin-bottom: 45px; text-align: center;}
.pagepeople .title_dd::before { content: ""; display: inline-block; width: 25px; height: 2px; background: #ffffff;position: absolute; bottom: 0; left: 0; right: 0;margin: 0 auto;}
.pagepeople .title_dt{ text-align: center;  font-size: 22px; color: #ffffff;}
.pagejoin{ position: relative; padding: 70px 0; background: #ffffff;}
.pagejoin .jointop{display: flex; justify-content: space-between; align-items: center;}
.pagejoin .jointop .title_dd{ position: relative;font-size: 30px; color: #000000; font-weight: bold; text-transform: uppercase; display: flex; align-items: center;}
.pagejoin .jointop .title_dd span{ border-radius: 100%; background: #5c4538;}
.pagejoin .jointop .title_dd span.title_dd_icon1{ width: 4px; height: 4px; margin-left: 10px;}
.pagejoin .jointop .title_dd span.title_dd_icon2{ width: 6px; height: 6px; margin: 0px 3px;}
.pagejoin .jointop .title_dd span.title_dd_icon3{ width: 8px; height: 8px;}
.pagejoin .jointop .title_dt{ margin-top: 10px;font-size: 22px; color: #333333;}
.pagejoin .jointop .more{ position: relative;display: inline-block;}
.pagejoin .jointop .more a{position: relative; font-size: 15px; color: #666666; height: 45px; border-radius: 25px; border: 1px #5c4538 solid; padding: 0 45px; display: flex; align-items: center; z-index: 3;}
.pagejoin .jointop .more:hover a{ color: #ffffff; background: #5c4538;}
.pagejoin .joinbox{ position: relative;  margin-top: 50px; display: grid; grid-gap:30px; grid-template-columns: repeat(3,1fr);}
.pagejoin .joinbox .item{border-radius: 10px; padding: 50px 30px; background: #f2f2f2; border-bottom: 4px solid #f6f6f6; box-sizing: border-box;}
.pagejoin .joinbox .item .list_title{font-size: 24px; color: #333333; transition: all 0.5s ease;}
.pagejoin .joinbox .item .list_text{font-size: 16px; color: #666666; line-height: 30px;margin-top: 20px; margin-bottom: 40px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; line-clamp: 2;overflow: hidden;}
.pagejoin .joinbox .item .list_department {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.pagejoin .joinbox .item .list_department span{font-size: 16px; color: #999999; line-height:30px; transition: all 0.5s ease;}
.pagejoin .joinbox .item:hover{ border-bottom: 4px solid #4e2e1c; background: #5c4538;}
.pagejoin .joinbox .item:hover .list_title,.pagejoin .joinbox .item:hover .list_text,.pagejoin .joinbox .item:hover .list_department span{ color: #ffffff;}
.pagejoin .catname{ font-size: 24px; color: #333333; font-weight: bold; line-height: 1;}
.pagejoin .join_content{position: relative; margin-top: 30px; display: flex; justify-content: space-between; align-items: flex-start;}
.pagejoin .join_content .joindetails{position: relative; width: 73%; padding:50px 40px; background-color: #ffffff; border-radius: 10px;  box-sizing: border-box;}
.pagejoin .join_content .item_top{width: 100%;padding-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
.pagejoin .join_content .item_top .pageT{margin-bottom: 10px; font-size: 24px;line-height: 1.5;color: #333333;}
.pagejoin .join_content .item_top .pageD{font-size: 16px;color: #666666;}
.pagejoin .join_content .item_top .pageD .line{margin: 0 5px; font-size: 14px; font-weight: lighter; color: #999999;}
.pagejoin .join_content .item_content{padding: 30px 0; font-size:16px; color:#333333; line-height:2;}
.pagejoin .join_content .item_content p a{font-size: 16px !important; }
.pagejoin .join_content .newsdetails{ width: 25%;background: #ffffff; border-radius: 10px; overflow: hidden;}
.pagejoin .join_content .newsdetails .newsdetails_title{display: flex; align-items: center; background: #5c4538; font-size: 22px; color: #ffffff; height: 77px; padding: 0px 20px;}
.pagejoin .join_content .newsdetails .newsdetails_title img{ margin-right: 10px; height: 20px;}
.pagejoin .join_content .newsdetails .newsdetails_content{padding: 0px 20px;}
.pagejoin .join_content .newsdetails .newsdetails_content a{width: 100%;border-bottom: 1px solid #e5e5e5; display: inline-block; font-size: 18px; color: #070707; line-height: 65px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pagejoin .join_content .newsdetails .newsdetails_content a:last-child{border-bottom: none;}
.pagejoin .join_content .newsdetails .newsdetails_content a:hover{ color: #5c4538;}

.pagecontact{position: relative; padding: 70px 0 0; background: #ffffff; overflow: hidden;}
.pagecontact .catname{ font-size: 24px; color: #333333; line-height: 1; font-weight: bold;}
.pagecontact .caten{margin-top: 10px; font-size: 22px; color: #666666; font-weight: lighter;   text-transform: uppercase; font-family:'Microsoft YaHei',Arial, sans-serif;}
.pagecontact .wordstop{margin-top: 30px; margin-bottom: 30px;}
.pagecontact .wordstop .text{ font-size: 30px; color: #5c4538;}
.pagecontact .wordstop .add{ position: relative;  display: flex; justify-content: space-between; align-items: center;}
.pagecontact .wordstop .add .wo .i{  width: 35px;  display: inline-block; margin-bottom:20px}
.pagecontact .wordstop .add .wo .i img{ width: 100%;}
.pagecontact .wordstop .add .wo .t1{ font-size: 17px; color: #333333; line-height: 30px;}
.pagecontact .wordstop .add .img{ width: 150px;height: 150px; margin-left: 15px;}
.pagecontact .wordstop .add .img img{ width: 100%;  border-radius: 5px;}
.pagecontact .wordstop .add .img p{text-align: center; font-size: 14px; color: #666; margin-top: 3px;}
.pagecontact .contactmap{ width: 100%; height: 400px; border: 1px solid #e0e0e0;}
.pageonline{position: relative; padding: 80px 0; background: #ffffff; overflow: hidden;}
.pageonline .name{font-size: 24px; color: #333333; font-weight: bold;}
.pageonline .onlinefrom{position: relative; margin-top: 40px;}
.pageonline .onlinefrom .row{ position: relative;  display: grid;grid-gap:40px; grid-template-columns: repeat(3,1fr);}
.pageonline .onlinefrom .row .col p{margin-bottom: 15px; font-size: 17px;}
.pageonline .onlinefrom .row .col input { width: 100%; padding: 18px 25px 18px 55px; line-height: 30px; height: 56px;background-color: #f9f9f9; background-position: 20px center; background-repeat: no-repeat; -o-background-size: 22px; background-size: 22px; border: 1px solid #e7e7e7;color: #919191;}
.pageonline .onlinefrom .text { margin-top: 38px; position: relative;}
.pageonline .onlinefrom .text textarea { padding: 18px 25px 18px 55px; background-color: #f9f9f9; background-position: 20px 18px; background-repeat: no-repeat; -o-background-size: 22px; background-size: 22px; border: 1px solid #e7e7e7;color: #919191; height: 180px; width: 100%;}
.pageonline .onlinefrom .row .col input.user {background-image: url(../img/online-1.png);}
.pageonline .onlinefrom .row .col input.tel {background-image: url(../img/online-2.png);}
.pageonline .onlinefrom .row .col input.E-mail {background-image: url(../img/online-3.png);}
.pageonline .onlinefrom  .text textarea.massage {background-image: url(../img/online-4.png);}
.pageonline .onlinefrom .indexmore{display: block; width: 240px; height: 56px; margin: 30px auto 0;line-height: 56px;position: relative; font-size: 17px; color: #ffffff; border-radius: 5px; background: #5c4538; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; cursor: pointer;}
.pageonline .onlinefrom .indexmore:hover{ background: #4e2e1c;}

/* fenye */
.pages { margin:50px auto 0; text-align:center;}
.pages li { margin:0 2px; display:inline-block; height:45px; width: 45px; line-height:45px; background:#ffffff; border-radius: 3px; border: 1px #efefef solid; }
.pages li a{text-align:center; font-size: 18px; color:#333333;}
.pages li.active,.pages li:hover {background:#5c4538; text-decoration:none}
.pages li.active a,.pages li:hover a{color:#ffffff; }

.pages1{ width:100%; padding: 40px 0; background:#ffffff; border-top: 1px #e5e5e5 solid; margin-top: 20px;}
.pages1_l{ float:left; width:100%;}
.pages1_l a{ line-height:26px; color:#333333; font-size: 14px;}
.pages1_l:hover a{ color:#5c4538;}
.pages1_r{ float:left; width:100%;}
.pages1_r a{line-height:26px; color:#333333; font-size: 14px;}
.pages1_r:hover a{ color:#5c4538;}



@media screen and (max-width: 1680px){
    .container{ padding: 0 3%;}
    .innews .innewsbox{padding-left: 3%;}
}
@media screen and (max-width:1024px) {
  .mheader{display:block;}
    .header{display:none}
    .mheader{height:70px; z-index: 9999;width: 100%; position:fixed; top: 0; background: #ffffff; transition:0.5s all;}
    .mheader .container{display: -webkit-flex;display: flex;flex-direction: row;align-items: center; justify-content: space-between;}
    .mheader .logo{ height:70px; display:flex;  align-items:center; transition:0.5s all;}
    .mheader .logo img{ height:28px; display:block; transition:0.5s all;}
    .mheader .menubar{display: flex; justify-content: space-between; align-items: center;}
    .mheader .menubar>div{ margin-right:10px;}
    .mheader .menubar>div:last-child{ margin-right:0;}
    .mheader .header_right{position: relative;}
    .mheader .header_right .iconfont{font-size: 20px; color: #333333; margin-right: 10px;}
    .mheader .header_right .text{font-size: 17px; color: #333333;}
    .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px; margin-top: 8px;}
    .sp_nav span{display:block;background:#5c4538;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
    .sp_nav span:nth-of-type(1){top:0px}
    .sp_nav span:nth-of-type(2){top:10px}
    .sp_nav span:nth-of-type(3){top:20px}
    .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
    .sp_nav_se span:nth-of-type(2){width:0}
    .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
    .sjj_nav{position:fixed;z-index:999;background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
    .sjj_nav .bg{ width: 100%; height: 4px;background: #5c4538;}
    .sjj_nav .hotline{ background-color: #0094da; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
    .sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
    .nav_show{top:70px}
    .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0; width:70%;}
    .sjj_nav>ul>li:first-child>a{float:left;width:75%;}
    .sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
    .sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #eeeeee solid;text-align:center;color:#999999;}
    .sjj_nav>ul>li i{position:absolute;top:10px;right:0px;border-left:1px rgb(0,0,0,.1) solid;height:30px;padding:0px 7px 0 7px; line-height:40px;}
    .sjj_nav>ul>li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
    .sjj_nav>ul>li .sjj_nav_i_se svg{transform:rotate(0deg)}
    .sjj_nav>ul>li{border-top:1px #eeeeee solid; position:relative;line-height:50px;font-size:16px}
    .sjj_nav>ul>li:last-child{border-bottom:1px #eeeeee solid;}
    .sjj_nav>ul>li ul{display:none}
    .sjj_nav>ul>li>a{color:#666; display: block;padding-left:20px;}
    .sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.open>a{ color:#ffffff; background-color:#5c4538;}
    .sjj_nav>ul>li ul li{position:relative;line-height:40px;}
    .sjj_nav>ul>li ul li a{padding-left:30px; color:#333333; font-size:14px; display:block;text-align:left;}
    .sjj_nav>ul>li ul li a:hover{color:#5c4538;}
    .sjj_nav>ul>li i svg{width:20px;height:20px;fill:#555;}
    .sjj_nav>ul>li .sjj_nav_i_se svg{fill:#ffffff}
    .sjj_nav>ul>li ul li>ul{margin-left:10px}
    .placeholder{display:block; width:100%; height:70px;}

    .banner {width:100%;height:auto; position: relative; z-index:0; overflow:hidden;}
    .banner .swiper-slide{ height:100%;}
    .banner .swiper-slide .pic { position:relative; height:100%; z-index:1;}
    .banner .swiper-slide .pic img{width:100%; height:100%;}
    .banner .banner_btn{ bottom: 20px; }

    .inabout{padding: 0;}

    .innews{ padding:40px 0;}
    .innews .dt_title{font-size:20px;}
    .innews .innewsbox{ margin-top:30px;}
    .innews .innewsbox .swiper-slide{ width:52% !important; margin-right:10px;}
    .innews .innewsbox .swiper-slide .infor .title{font-size:15px; margin:10px 0;}
    .innews .innewsbox .swiper-slide:last-child{ margin-right:0;}
    .innews .innewsbox .swiper-slide .infor{padding:15px 10px;}
    .innews .innewsbox .swiper-slide .infor .catdate{font-size:14px;}
    .innews .innewsbox .swiper-slide .infor .catdate span{ margin-right:5px;}
    .innews .innewsbox .swiper-slide .infor .desc{font-size:14px; line-height:24px; height:48px;}
    .innews .innewsbox .swiper-slide .infor .more{ margin-top:10px;}
    .innews .innewsbox .innewsbtn{margin-top:20px;}
    .innews .innewsbox .innewscont .innewsprev, .innews .innewsbox .innewscont .innewsnext{width:30px; height:30px;font-size: 12px; line-height: 30px;}
    .innews .innewsbox .swiper-scrollbar{ width:calc(100% - 80px); margin-bottom:0;}
    .innews .innewsbox .swiper-scrollbar .swiper-scrollbar-drag{ height:4px; margin-top:-2px;}
    .footer{padding: 0;}
    .footer .incontact{padding:30px 0; flex-wrap:wrap;}
    .footer .incontact .incontactleft .incontactleft{ width:100%;}
    .footer .incontact .incontactleft .title{font-size:20px;}
    .footer .incontact .incontactleft .intro{margin-top:5px; font-size:16px;}
    .footer .incontact .incontactright{ margin-top:20px;}
    .footer .incontact .incontactright span{margin-left:10px;}
    .footer .incontact .incontactright a{ height:40px; padding: 0 10px;}
    .footer .footertop{ flex-wrap:wrap; padding-bottom:30px;}
    .footer .footertop .flogo img{height:40px;}
    .footer .footertop .slogan{ width:100%; margin-top:10px; font-size:20px;}
    .footer .footerbottom{flex-wrap: wrap; padding:30px 0;}
    .footer .footerbottom .contway{ margin-left:15px;}
    .footer .footerbottom .contway p{ font-size:14px; line-height:24px;}
    .footer .footerbottom .contway p a{font-size:20px;}
    .footer .footerbottom .fbottomleft{order: 2; width:100%; margin-top:5px;}
    .footer .footerbottom .fbottomleft .footernav{display:none;}
    .footer .footerbottom .fbottomleft .copyright{ margin-top:10px; font-size:14px;}
    .footer .footerbottom .fbottomleft .copyright a{font-size:14px;}
    .footer .footerbottom .waybox{ order: 1; width:100%;}
    .footer .footerbottom .waybox .ewm{ height:90px;}
    .footer .footerbottom .waybox .ewm img{width:90px; height:90px;}

    .pbanner .bannerText{ padding:60px 0 40px}
    .pbanner .bannerText .container .visualsub{font-size:20px;}
    .pbanner .bannerText .container .visualtit{font-size:16px;}
    .pagenav{ margin-top:30px; display: grid;grid-gap:10px; grid-template-columns: repeat(2,1fr);}
    .pagenav a{ margin-left:0; font-size:16px; padding:10px 3vw; color:#333333; background:rgba(255,255,255,.9);text-align: center;}

    .pageworkshop .title{font-size: 24px;}
    .pageworkshop .workshopbox{    grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}
    .pageworkshop .workshopbox .item .title{line-height: 45px; font-size: 15px;}

    .pagewarm .workshopbox{    grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}
    .pagewarm .workshopbox .item .title{line-height: 45px; font-size: 15px;}

    .pagehonor .title{font-size: 24px;}
    .pagehonor .pagehonorbox{    grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}
    .pagehonor .pagehonorbox .item .title{line-height: 45px; font-size: 15px;}

    .pagepartner .title{font-size: 24px;}
    .pagepartner .partnerbox{    grid-gap: 10px; grid-template-columns: repeat(3, 1fr);}
    .pagepartner .partnerbox .item .title{line-height: 45px; font-size: 15px;}

    .pagewarm .text .list .item .text{font-size: 17px;}
    .pagewarm .text .list .item{padding: 15px;}
    .pagewarm .text .list{position: relative;}
    .pagewarm .text .cont-cards{width: 100%; margin-top: 30px;  }
    .pagewarm .text .cont-cards .item{flex: 0 0 100%; margin-top: 20px;}

    .pagewarm .dwonvideo{ display: grid; grid-gap:30px; grid-template-columns: repeat(1,1fr);}
    .pagewarm .dwonvideo .item .videobox .mask .videoed img:first-child{ height: 30px;}
    .pagewarm .dwonvideo .item .videobox .mask .videoed img:last-child{height: 60px;}
    .pagewarm .video .videoList{ width:94%; padding:30px;}
    .pagewarm .video .close{font-size:15px;}

    .pagecompose .text{ width: 100%;}
    .pagecompose .text .pic{width: 100%;}
    .pagecompose .text .txt{ width: 100%; max-width: 100%;}
    .pageprevious .text{ width: 100%;}
    .pageprevious .text .picbox .pic{ width: 100%;}
    .pageprevious .text .picbox .txt{ width: 100%;}
    .pagefeather .text{ width: 100%;}
    .pageconcept .container {flex-wrap: wrap;}
    .pageconcept .concept_left{ width:100%}
    .pageconcept .concept_left .title_dd{font-size:22px;}
    .pageconcept .concept_left .title_dt{font-size:18px;}
    .pageconcept .concept_left .concept_cont{font-size:15px;}
    .pageconcept .concept_left .swiper-pagination{ margin:30px auto 0; justify-content: center;}
    .pageconcept .concept_right{ width:100%; margin-top:20px;}

    .pagepeople{ padding:80px 0;}
    .pagepeople .title_dd{ font-size:22px;}
    .pagepeople .title_dt{ font-size:18px; padding-bottom: 15px; margin-bottom: 20px;}
    .pagejoin{ padding:40px 0;}
    .pagejoin .jointop .jointople{width: calc(100% - 100px);}
    .pagejoin .jointop .title_dd{font-size:22px;}
    .pagejoin .jointop .title_dt{font-size:18px;}
    .pagejoin .jointop .more{width:80px;}
    .pagejoin .jointop .more a{ height:40px; padding:0 10px; font-size: 14px;}
    .pagejoin .jointop .more span{ margin-left:10px;}
    .pagejoin .joinbox{margin-top:30px; grid-gap:10px;grid-template-columns: repeat(2, 1fr);}
    .pagejoin .joinbox .item{ padding:15px;}
    .pagejoin .joinbox .item .list_title{font-size:17px;}
    .pagejoin .joinbox .item .list_text{font-size:15px; margin-top:10px; margin-bottom:10px; line-height:26px;}
    .pagejoin .joinbox .item .list_department span{font-size:14px; line-height:26px;}
    .pagejoin .catname{font-size:22px;}
    .pagejoin .join_content{ flex-wrap:wrap;}
    .pagejoin .join_content .joindetails{ padding:20px; width:100%;}
    .pagejoin .join_content .item_top{ padding-bottom:20px;}
    .pagejoin .join_content .item_top .pageT{font-size:18px;}
    .pagejoin .join_content .item_top .pageD{font-size:15px;}
    .pagejoin .join_content .item_content{font-size:15px; padding:30px 0 0}
    .pagejoin .join_content .newsdetails{ width:100%; margin-top:20px;}
    .pagejoin .join_content .newsdetails .newsdetails_title{ font-size:20px; height:50px;}
    .pagejoin .join_content .newsdetails .newsdetails_content a{ font-size:16px; line-height:40px;}
    .page_btm .paging_nav{ width:calc(100% - 110px);}
    .page_btm .paging_nav .prevpage a,.page_btm .paging_nav .nextpage a{font-size:14px;}
    .page_btm .return_list{ width:100px;}
    .page_btm .return_list .backList{font-size:14px;}
    .pagecontact .wordstop .add{flex-wrap: wrap;}
    .pagecontact .wordstop .add .wo{ width: 100%;}
    .pagecontact .wordstop .add .img{display: none;}
    .pagecontact .contactmap{height: 200px;}

    .pageonline{ padding:0 0 40px;}
    .pageonline .name{font-size:22px;}
    .pageonline .caten{font-size:18px;}
    .pageonline .onlinefrom{margin-top:30px;}
    .pageonline .onlinefrom .row{grid-gap: 10px; grid-template-columns: repeat(1, 1fr);}
    .pageonline .onlinefrom .row .col p,.pageonline .onlinefrom .text p{font-size:15px; margin-bottom:10px;}
    .pageonline .onlinefrom .row .col input{padding:10px 19px 10px 40px; height:45px; background-position: 10px center;}
    .pageonline .onlinefrom .text{ margin-top:10px;}
    .pageonline .onlinefrom .text textarea{padding:10px 19px 10px 40px; height:80px; background-position: 10px 8px;}
    .pageonline .onlinefrom .indexmore{width:140px; height:45px; line-height:45px; font-size:15px;}
    .pageculture{ padding: 60px 0;}
    .pageculture .title_dd{ padding-bottom: 0;}
    .pageculture .items{ flex-wrap: wrap; width: 100%;}
    .pageculture .items .item:nth-of-type(1){ margin-bottom: 20px;}
    .pageculture .items .item{flex: auto; width: 100%; margin-bottom:20px; margin-left: 0;}
    .pageculture .items .item:last-child{ margin-bottom: 0;}

    .pages{ margin:30px auto 0;}
    .pages li{ width:35px; height:35px; line-height:35px;}
    .pages li a{font-size:16px;}
}