/*内容*/
.banner { position: relative; overflow: hidden; }
.banner .img { display: block; width: 100%; }

.position { border-bottom: 1px solid #9f9fa0; }
.position .con { padding: 20px 0; font-size: 12px; line-height: 18px; color: #333; }
.position .con .icon { margin-right: 8px; width: 18px; height: 16px; background: url(../img/icon-position.png) 0 0 no-repeat; }
.position .con a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; color: #333; }
.position .con a:hover { color: #ff96c6; }
.position .search { position: relative; padding: 12px 0; width: 245px; }
.position .search .inbox { padding: 0 54px 0 13px; }
.position .search .intxt { display: block; margin: 0 -54px 0 -13px; padding: 0 54px 0 13px; width: 100%; height: 36px; background-color: #ebebeb; }
.position .search .inbtn { position: absolute; top: 50%; right: 13px; z-index: 2; margin-top: -11px; width: 28px; height: 22px; background: url(../img/icon-search.png) 0 0 no-repeat; }
.position .search .inbtn:hover { transform: translate3d(4px, 0, 0); cursor: pointer; }

.content { padding: 120px 0; overflow: hidden; }

.common-tit { font-size: 0; text-align: center; color: #000; overflow: hidden; }
.common-tit .en { font-weight: bold; font-size: 36px; }
.common-tit .cn { position: relative; margin-top: 10px; padding: 0 2.27em; font-size: 22px; }
.common-tit .cn::before,
.common-tit .cn::after { content: ''; position: absolute; top: 50%; width: 60px; height: 1px; background-color: #000; }
.common-tit .cn::before { right: 100%; }
.common-tit .cn::after { left: 100%; }

.menu-two { margin-top: 20px; font-size: 0; text-align: center; }
.menu-two .col { margin: 2.64% 1.32% 0; width: 22.36%; vertical-align: top; }
.menu-two .link { display: block; padding: 15px 1em; font-size: 18px; line-height: 25px; color: #000; background-color: #ffedf5; border-radius: 12px; }
.menu-two .col:hover .link { transform: translate3d(0, -4px, 0); }
.menu-two .cur .link { background-color: #ffb4d5; }

.pagesize { margin-top: 65px; font-size: 0; text-align: center; }
.pagesize li { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 3px; background-color: #eee; border: 1px solid #d2d2d2; }
.pagesize li a,
.pagesize li p,
.pagesize span { display: block; padding: 0 9px; min-width: 16px; font-size: 16px; line-height: 34px; color: #999; }
.pagesize li:hover a { color: #ff96c6; }
.pagesize li.active,
.pagesize span.current { background-color: #ff96c6; border-color: #ff96c6; }
.pagesize li.active a,
.pagesize li.active:hover a,
.pagesize span.current { color: #fff; }
.pagesize li p { color: #000; }
.pagesize-m { display: none; }

.pagebtn { margin-top: 80px; }
.pagebtn .page a,
.pagebtn .more { display: block; font-size: 16px; line-height: 45px; text-align: center; color: #000; background-color: #ffb4d5; }
.pagebtn .page a:hover,
.pagebtn .more:hover { background-color: #ff96c6; cursor: pointer; }
.pagebtn .more,
.pagebtn .loading { display: none; }
.pagebtn .loading { margin: 0 auto; }

.body p { margin: 1.5em 0!important; }
.body p:first-child { margin-top: 0; }
.body video, .body source { margin: 0 auto; max-width: 100%; }
.body blockquote { margin: 0; }
.body li { list-style: disc inside; }
.body img { margin: 0.5em 0; }
.imgha-table-box { position: relative; }
.imgha-table-box .txt { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; margin-top: 5%; font-size: 14px; line-height: 24px; text-align: center; color: #fff; }
.imgha-table-box .txt::before { content: '<--'; }
.imgha-table-box .txt::after { content: '-->'; }
.imgha-table-box .mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); }
.imgha-table-box:hover .txt, .imgha-table-box:hover .mask { visibility: hidden; }
.loadblank { min-height: 305px; background: url(../img/loading-b.gif) center no-repeat; }


/*简介*/
.about .main .con { margin-top: 45px; font-size: 16px; line-height: 30px; text-indent: 2em; text-align: justify; color: #000; }
.about .main .con p { margin-top: 0.6em; }
.about .main .con p:first-child { margin-top: 0; }
.about .main .con2 { font-size: 14px; line-height: 24px; text-indent: 0; }
.about .main .list-v { margin-top: 50px; font-size: 0; }
.about .main .list-v .list { margin: -1% -1% 0;/*14 1428*/ }
.about .main .list-v .col { margin: 0.98% 0 0 0.98%; width: 48.53%; vertical-align: top; }
.about .main .list-v .imgwr { padding-bottom: 55.55%; background-color: #000; cursor: pointer; }
.about .main .list-v .imgwr::before { content: ''; position: absolute; top: 50%; left: 0; right: 0; z-index: 2; margin: -42px auto 0; width: 83px; height: 83px; background: url(../img/icon-play-black.png) 0 0 no-repeat; transition: all .3s; }
.about .main .list-v .conwr { padding: 13px 0; background-color: #f5c9dd; }
.about .main .list-v .tit { font-size: 22px; text-align: center; color: #000; }
.about .main .list-v .movshare { display: none; }
.about .main .list-v .col:hover .imgwr::before { transform: scale(0.9); }
.about .main .list-v .col:hover .img { opacity: 0.7; }
.about .main .list-img { margin-top: 50px; font-size: 0; }
.about .main .list-img .list { margin: -0.85% -0.85% 0;/*12 1424*/ }
.about .main .list-img .col { margin: 0.84% 0 0 0.84%; width: 23.95%;/*341*/ vertical-align: top; }
.about .main .list-img .imgwr { padding-bottom: 62.35%; }
.about .main .list-con { margin-top: 90px; font-size: 0; }
.about .main .list-con .list { margin: -4% -4% 0;/*56 1512*/ }
.about .main .list-con .col { margin: 3.7% 0 0 3.7%; width: 20.375%;/*308*/ vertical-align: top; }
.about .main .list-con .box { padding: 28px 0; border: 1px solid #ccc; }
.about .main .list-con .imgwr { margin: 0 auto; padding-bottom: 50px; width: 50px; }
.about .main .list-con .tit { margin-top: 1em; padding: 0 1em; font-size: 18px; text-align: center; color: #000; }
.about .main .list-con .col:hover .box { background-color: #f5c9dd; border-color: #f5c9dd; }

/*产品*/
.product-list { margin-top: 55px; }
.product-list .item { margin-top: 5.83%; font-size: 0; border-radius: 10px; box-shadow: 0 0 27px 0 rgba(214, 214, 214, 0.58); }
.product-list .item .box { display: block; padding: 3.21% 3.92%;/*45 55 1290*/ }
.product-list .item .imgwr { padding-bottom: 295px; width: 36.97%;/*477*/ }
.product-list .item .conwr { margin-left: 7.5%; width: 55%; color: #000; }
.product-list .item .tit { font-weight: 300; font-size: 24px; }
.product-list .item .tit-m { display: none; }
.product-list .item .con { margin-top: 3.38%; }
.product-list .item .row { margin-top: 1.69%; }
.product-list .item .rtit,
.product-list .item .rcon { font-size: 14px; background-color: #ebebeb; border-radius: 5px; }
.product-list .item .rtit { padding: 6px 2%; width: 15.44%; text-align: center; background-color: #ffdbeb; vertical-align: top; }
.product-list .item .rcon { margin-left: 1.9%; padding: 6px 3%; width: 72.59%; vertical-align: top; }

/*加盟*/
.join-jj { padding: 100px 0 85px; background-color: #fff5f9; }
.join-jj .main { margin-top: 55px; font-size: 0; }
.join-jj .conbox { position: relative; margin-top: 28px; padding-bottom: 52px; width: 56.07%; background-color: #fff; border: 1px solid #e9e9e9; box-shadow: 0 1px 5px 0 rgba(88, 88, 88, 0.1); overflow: hidden; }
.join-jj .conbox .conwr { margin: 7% 0 5.73% 30.57%; width: 59.24%; }
.join-jj .conbox .tit { font-size: 30px; color: #555; }
.join-jj .conbox .stit { margin-top: 6px; font-family: 'arial'; font-size: 12px; text-transform: uppercase; color: #b8b7b7; }
.join-jj .conbox .con { margin-top: 16px; font-size: 14px; line-height: 30px; color: #000; }
.join-jj .conbox .btn { display: block; margin-top: 30px; padding: 6px; width: 140px; max-width: 100%; font-size: 14px; line-height: 20px; text-align: center; color: #000; background-color: #ff9eca; }
.join-jj .conbox .btn:hover { box-shadow: 0 0 10px 0 #ff9eca; }
.join-jj .conbox .txt { position: absolute; bottom: -12px; right: 10px; font-family: 'arial'; font-weight: bold; font-size: 72px; line-height: 1; text-transform: uppercase; color: #b8b7b7; opacity: 0.3; filter: alpha(opacity=30); }
.join-jj .videobox { position: absolute; top: 0; left: 0; width: 56.07%;/*785*/ height: 88.5%; }
.join-jj .videobox .box,
.join-jj .videobox video,
.join-jj .videobox iframe,
.join-jj .videobox embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; }
.join-jj .videobox .box { padding-bottom: 0; }
.join-jj .btnbox { position: absolute; bottom: 0; left: 0; font-size: 0; }
.join-jj .btnbox .btn { margin-right: 20px; width: 20px; font-size: 0; line-height: 20px; text-align: center; background-color: #f5c9dd; }
.join-jj .btnbox .icon { width: 20px; height: 20px; background: url(../img/icon-btn-joinjj.png) 0 0 no-repeat; opacity: 0.84; filter: alpha(opacity=84); }
.join-jj .btnbox .next .icon { background-position: -26px 0; }
.join-jj .btnbox .btn:hover { box-shadow: 0 0 5px 0 #f5c9dd; cursor: pointer; }
.join-jj .btnbox .btn:hover .icon { opacity: 1; filter: alpha(opacity=100); }

.join-tit { font-size: 0; text-align: center; }
.join-tit .tit { font-weight: bold; font-size: 28px; letter-spacing: 0.06em; color: #ff9eca; }
.join-tit .line { margin-top: 15px; width: 40px; height: 3px; background-color: #898989; }
.join-tit .stit { margin-top: 15px; font-weight: lighter; font-size: 14px; text-transform: uppercase; letter-spacing: 0.2em; color: #a2a2a2; }

.join-ys { margin: 95px auto 130px; }
.join-ys .main { margin-top: 100px; }
.join-ys .conbox { margin-right: 5.35%; width: 50%; }
.join-ys .conbox .row { position: relative; margin-bottom: 40px; padding-left: 20%; }
.join-ys .conbox .row::before { content: ''; position: absolute; top: -1.5px; left: 9%; margin-top: 4.5%; width: 7.57%; height: 3px; background-color: #e5e5e5; }
.join-ys .conbox .imgwr { position: absolute; top: 0; left: 0; padding-bottom: 9%; width: 9%; border-radius: 100%; background-color: #ff9eca; }
.join-ys .conbox .img { max-width: 66%; max-height: 66%; }
.join-ys .conbox .conwr { color: #404040; }
.join-ys .conbox .tit { font-weight: bold; font-size: 18px; letter-spacing: 0.06em; }
.join-ys .conbox .con { margin-top: 6px; min-height: 48px; font-size: 14px; line-height: 24px; }
.join-ys .imgbox,
.join-ys .imgbox .img { position: absolute; bottom: 0; left: 0; padding-bottom: 0; width: 38.21%; height: 100%; }
.join-ys .imgbox .img { width: auto; max-width: 100%; height: auto; max-height: 100%; }

.join-tj { padding: 70px 0 60px; background-color: #f8f8f8; }
.join-tj .main { margin-top: 30px; font-size: 0; }
.join-tj .main .col { margin-top: 40px; margin-right: 4%; width: 22%; vertical-align: top; }
.join-tj .main .col-c0 { margin-right: 0; }
.join-tj .col .imgwr { margin: 0 auto; padding-bottom: 59.1%; width: 59.1%; border-radius: 100%; }
.join-tj .col .conwr { text-align: center; }
.join-tj .col .tit { margin-top: 18px; font-size: 16px; line-height: 23px; letter-spacing: 0.06em; color: #000; }
.join-tj .col .stit { margin-top: 5px; font-family: 'arial'; font-size: 12px; letter-spacing: 0.06em; color: #979797; }

.join-lc { margin: 70px auto 130px; }
.join-lc .main { margin-top: 70px; }
.join-lc .conbox { width: 55.85%; }
.join-lc .conbox .wrap { padding: 15px; background-color: #f8f8f8; border: 1px solid #e5e5e5; }
.join-lc .conbox .con { font-size: 14px; line-height: 24px; color: #777; }
.join-lc .conbox .txt { font-weight: lighter; font-size: 12px; letter-spacing: 0.1em; color: #414141; }
.join-lc .conbox .tellink { display: block; font-style: italic; font-weight: bold; font-size: 24px; color: #ff9eca; }
.join-lc .conbox .imgwr { margin-top: 16px; padding-bottom: 226px; }
.join-lc .listbox { width: 43.57%; font-size: 0; }
.join-lc .listbox .col { position: relative; margin: 0 0 1.96% 1.96%; padding: 23px 0; width: 48.04%; background-color: #f6f6f6; vertical-align: top; }
.join-lc .listbox .num { position: absolute; top: 50%; left: 20px; margin-top: -21px; font-family: "arial"; font-style: italic; font-size: 36px; color: #b7b7b7; }
.join-lc .listbox .con { position: relative; margin-left: 75px; padding: 3px 18px 7px; }
.join-lc .listbox .con::before { content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background-color: #b7b7b7; }
.join-lc .listbox .tit { font-weight: bold; font-size: 20px; color: #595959; }
.join-lc .listbox .stit { margin-top: 2px; font-size: 12px; color: #908f8f; }

/*文章*/

.article-list { margin-top: 60px; font-size: 0; }

.article-list .list { margin: -1.57% -1.57% 0;/*22 1444*/ }

.article-list .list .col { margin: 1.52% 0 0 1.52%; width: 31.3%;/*452*/ vertical-align: top; }

.article-list .col .box { display: block; padding: 5%; background-color: #f1f1f1; }

.article-list .col .imgwr { padding-bottom: 55%; }

.article-list .col .tit { margin-top: 24px; height: 50px; font-size: 18px; line-height: 25px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.article-list .col .con { margin-top: 14px; height: 56px; font-size: 16px; line-height: 28px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.article-list .col .time { margin-top: 16px; font-size: 14px; color: #999; }

.article-list .col .icon { margin-top: 19px; width: 28px; height: 13px; background: url(../img/icon-arrow-art.png) 0 0 no-repeat; }

.article-list .col:hover .img { transform: scale(1.06); }

.article-list .col .tit:hover { color: #ffb4d5; }

.article-list .col .icon:hover { transform: translate3d(4px, 0, 0); }



.article-con { margin: 95px auto 75px; color: #000; }

.article-con .title { font-size: 36px; text-align: center; }

.article-con .body { font-size: 18px; line-height: 30px; }

.article-con .body p { text-indent: 2em; }

.article-con .body p img { margin-left: -2em; }

.article-con .tools { position: relative; margin-top: 40px; padding: 16px 0; font-size: 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.article-con .tools .col { width: 50%; vertical-align: top; }

.article-con .tools .txt { display: block; font-size: 14px; line-height: 20px; color: #666; }

.article-con .tools .txt:hover { color: #ff96c6; }

.article-con .tools .prev .wrap { margin-right: 112px; }

.article-con .tools .next { text-align: right; }

.article-con .tools .next .wrap { margin-left: 112px; }

.article-con .tools .bshare-custom { position: absolute; top: 18px; left: 50%; margin-left: -92px; font-size: 0; }

.article-con .tools .bshare-custom a { margin-right: 8px; padding-left: 0; width: 16px; }

.article-con .tools .bshare-custom #bshare-shareto { margin-right: 0; width: auto; font-weight: normal; font-size: 12px; color: #000; }

.article-con .tools .bshare-custom a.bshare-more-icon { margin-right: 0; padding-left: 0!important; }



/*招聘*/

.recruit-list { margin-top: 80px; }

.recruit-list .row { font-size: 0; }

.recruit-list .row .txt { margin-left: 6.42%; padding: 20px 0; width: 20%; font-size: 18px; color: #666; }

.recruit-list .row .txt-4 { width: 7.9%; text-align: center; }

.recruit-list .row .btn { padding: 6px; width: 90px; max-width: 100%; font-size: 14px; line-height: 20px; color: #fff; background-color: #666; border-radius: 3px; }

.recruit-list .row .btn:hover { background-color: #ff96c6; }

.recruit-list .row .conwr { padding: 3.21% 6.42%; font-size: 18px; line-height: 30px; color: #666; border-bottom: 1px solid #a0a0a0; }

.recruit-list .row .txt-1 { cursor: pointer; }

.recruit-list .row-tit { background-color: #ffdbeb; }

.recruit-list .row-tit .txt-1 { cursor: default; }

.recruit-list .row .titwr { border-bottom: 1px solid #a0a0a0; }

.recruit-list .row.on .titwr { border-bottom-color: #ff96c6; }

.recruit-list .row:hover .titwr { background-color: #f0f0f0; }



/*联系*/

.contact { position: relative; z-index: 2; margin-bottom: 0; }

.contact-main { margin-top: 90px; }

.contact-main .conbox { position: relative; margin-bottom: 145px; width: 43.21%; }

.contact-main .conbox .ttit { font-size: 16px; color: #858585; }

.contact-main .conbox .list { margin-right: 150px; padding-top: 20px; }

.contact-main .conbox .list .row { margin-top: 24px; }

.contact-main .conbox .list .tit { font-size: 20px; color: #303030; }

.contact-main .conbox .list .txt { margin-top: 8px; font-size: 16px; color: #969696; }

.contact-main .conbox .ewm { position: absolute; bottom: 0; right: 0; width: 120px; font-size: 0; text-align: center; }

.contact-main .conbox .ewm .img { display: block; width: 100%; }

.contact-main .conbox .ewm .txt { margin-top: 6px; font-size: 14px; color: #969696; }

.contact-main .fbbox { width: 48.57%; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); }

.contact-main .fbbox .wrap { padding: 5.88% 7.35%; }

.contact-main .fbbox .tit { font-size: 26px; color: #1a1a1a; }

.contact-main .fbbox .stit { margin-top: 16px; font-size: 16px; color: #858585; }

.contact-main .fbbox .list { padding-top: 40px; font-size: 0; }

.contact-main .fbbox .row { position: relative; margin-top: 26px; width: 44.82%; overflow: hidden; }

.contact-main .fbbox .marl { margin-left: 10.36%; }

.contact-main .fbbox .txt { display: block; font-size: 14px; color: #181818; }

.contact-main .fbbox .star { font-style: normal; color: #ff0000; }

.contact-main .fbbox .inbox { position: relative; z-index: 2; border-bottom: 1px solid #d6d6d6; }

.contact-main .fbbox .intxt { display: block; width: 100%; height: 38px; line-height: 38px; background: none; outline: none; }

.contact-main .fbbox .intxt::placeholder { font-size: 12px; color: #959595; }

.contact-main .fbbox .row-full { width: 100%; }

.contact-main .fbbox .intxt-ta { min-width: 100%; max-width: 100%; min-height: 38px; transition: background .3s; }

.contact-main .fbbox .row-txt { margin-top: 30px; font-size: 14px; color: #858585; }

.contact-main .fbbox .row-btn { margin-top: 26px; }

.contact-main .fbbox .btn { margin: 0; padding: 0; width: 100%; max-width: 235px; height: 55px; font-size: 16px; line-height: 55px; letter-spacing: 0.1em; text-align: center; color: #fff; background: #ff96c6; -webkit-appearance: none; }

.contact-main .fbbox .btn:hover { box-shadow: 0 0 10px 0 #ff96c6; cursor: pointer; }

.contact-map { position: relative; z-index: 1; margin-top: -3.39%; height: 530px; }

.contact-map .box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



@media screen and (max-width: 768px) {

  .banner .img { margin-left: -15%; width: 130%; }



  .content { padding: 15% 0; }



  .position .con { padding: 10px 0; }

  .position .search { display: none; }



  .common-tit .en { font-size: 22px; }

  .common-tit .cn { margin-top: 5px; padding: 0 1em; font-size: 18px; }

  .common-tit .cn::before, .common-tit .cn::after { width: 2em; }



  .menu-two { margin-top: 10%; }

  .menu-two .list { margin-top: -3%; }

  .menu-two .col { margin: 3% 0 0; width: 48.5%; }

  .menu-two .col:nth-child(2n) { margin-left: 3%; }

  .menu-two .link { padding: 0.5em 1em; font-size: 14px; line-height: 20px; border-radius: 5px; }



  .pagesize { display: none; }

  .pagesize-m { display: block; }

  .pagesize { margin-top: 40px; }

  .pagesize li a,

  .pagesize li p,

  .pagesize span { padding: 0 6px; min-width: 14px; font-size: 14px; line-height: 30px; }



  .pagebtn { margin-top: 8%; }

  .pagebtn .page a, .pagebtn .more { font-size: 15px; line-height: 35px; }



  .about .main .con { margin-top: 8%; font-size: 15px; line-height: 2em; }
  .about .main .con p { margin-top: 1.5em; }
  .about .main .con2 { font-size: 13px; line-height: 1.5em; }
  .about .main .list-v { margin-top: 10%; }
  .about .main .list-v .list { margin: -4% 0 0; }
  .about .main .list-v .col { margin: 4% 0 0; width: 48%; }
  .about .main .list-v .col:nth-child(2n) { margin-left: 4%; }
  .about .main .list-v .imgwr::before { transform: scale(0.5); }
  .about .main .list-v .conwr { padding: 8px 0; }
  .about .main .list-v .tit { font-size: 15px; }
  .about .main .list-v .col:hover .imgwr::before { transform: scale(0.4); }
  .about .main .list-img { margin-top: 10%; }
  .about .main .list-img .list { margin: -4% 0 0; }
  .about .main .list-img .col { margin: 4% 0 0; width: 48%; }
  .about .main .list-img .col:nth-child(2n) { margin-left: 4%; }
  .about .main .list-con { margin-top: 12%; }
  .about .main .list-con .list { margin: -6% 0 0; }
  .about .main .list-con .col { margin: 6% 0 0; width: 47%; }
  .about .main .list-con .col:nth-child(2n) { margin-left: 6%; }
  .about .main .list-con .box { padding: 15px 0; }
  .about .main .list-con .imgwr { padding-bottom: 30px; width: 30px; }
  .about .main .list-con .tit { margin-top: 0.6em; font-size: 15px; }



  .product-list { margin-top: 10%; }

  .product-list .list { padding: 0 3%; }

  .product-list .item { margin-top: 8%; }

  .product-list .item .box { padding: 6% 5%; }

  .product-list .item .tit { display: none; font-weight: bold; font-size: 16px; text-align: center; }

  .product-list .item .tit-m { display: block; }

  .product-list .item .imgwr,

  .product-list .item .conwr { display: block; margin: 5% auto 0; width: auto; }

  .product-list .item .imgwr { padding-bottom: 61.84%; }

  .product-list .item .con { margin-top: 0; }

  .product-list .item .rtit { width: 20%; }

  .product-list .item .rcon { margin-left: 2%; width: 68%; }



  .join-jj { padding: 15% 0; }

  .join-jj .main { margin-top: 10%; }

  .join-jj .conbox { float: none; margin-top: 0; padding-bottom: 20px; width: auto; }

  .join-jj .conbox .conwr { margin: 8% 6% 0; width: auto; }

  .join-jj .conbox .tit { font-size: 18px; text-align: center; }

  .join-jj .conbox .stit { text-align: center; }

  .join-jj .conbox .con { line-height: 1.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }

  .join-jj .conbox .btn { margin-top: 30px; }

  .join-jj .videobox { position: relative; width: auto; height: auto; }

  .join-jj .videobox .box { position: relative; padding-bottom: 56.25%; height: 0; }

  .join-ys { margin: 15% auto; }

  .join-tit .tit { font-size: 18px; }

  .join-tit .line { margin-top: 5px; width: 25px; height: 2px; }

  .join-tit .stit { margin-top: 5px; font-size: 12px; }

  .join-ys .main { margin-top: 10%; }

  .join-ys .imgbox { display: none; position: relative; padding-bottom: 40%; width: auto; height: 0; }

  .join-ys .imgbox .img { right: 0; margin: 0 auto; }

  .join-ys .conbox { float: none; margin: 10% auto 0; width: auto; }

  .join-ys .conbox .row { margin: 8% 0 0; }

  .join-ys .conbox .row::before { margin-top: 6%; }

  .join-ys .conbox .imgwr { padding-bottom: 12%; width: 12%; }

  .join-ys .conbox .tit { font-size: 16px; }

  .join-tj { padding: 15% 0; }

  .join-tj .main { margin-top: 4%; }

  .join-tj .main .col { margin: 8% 0 0; width: 47%; }

  .join-tj .main .col:nth-child(2n) { margin-left: 6%; }

  .join-tj .col .imgwr { padding-bottom: 70%; width: 70%; }

  .join-tj .col .tit { margin-top: 0.8em; font-size: 15px; line-height: 20px; }

  .join-lc { margin: 15% auto; }

  .join-lc .main { margin-top: 8%; }

  .join-lc .listbox,

  .join-lc .conbox { float: none; width: auto; }

  .join-lc .listbox .col { padding: 15px 0; width: 49.02%; }

  .join-lc .listbox .col:nth-child(2n+1) { margin-left: 0; }

  .join-lc .listbox .num { left: 10px; margin-top: -11px; font-size: 20px; }

  .join-lc .listbox .con { margin-left: 45px; padding: 0 10px 2px; }

  .join-lc .listbox .con::before { width: 1px; }

  .join-lc .listbox .tit { font-size: 15px; }

  .join-lc .listbox .stit { margin-top: 4px; height: 32px; line-height: 16px; }

  .join-lc .conbox .con,

  .join-lc .conbox .tel { float: none; }

  .join-lc .conbox .tel { margin-top: 15px; }

  .join-lc .conbox .imgwr { padding-bottom: 29.97%; }



  .article-list { margin-top: 8%; }

  .article-list .list { margin: 0; }

  .article-list .list .col { display: block; margin: 6% 4% 0; width: auto; }

  .article-list .col .tit { margin-top: 6%; height: auto; font-size: 15px; line-height: 22px; }

  .article-list .col .con { margin-top: 4%; height: 40px; font-size: 13px; line-height: 20px }

  .article-list .col .time { margin-top: 6%; }

  .article-list .col .icon { margin-top: calc(6% + 3px); }

  .article-con { margin: 15% auto; }

  .article-con .title { font-size: 18px; }

  .article-con .body { margin-top: 6%; font-size: 14px; line-height: 1.8em; }

  .article-con .tools { margin-top: 10%; padding: 15px 0; }

  .article-con .tools .col { display: block; width: auto; text-align: left; }

  .article-con .tools .prev .wrap { margin-right: 0; }

  .article-con .tools .next { margin-top: 6px; }

  .article-con .tools .next .wrap { margin-left: 0; }

  .article-con .tools .bshare-custom { display: none; }



  .recruit-list { margin-top: 8%; }

  .recruit-list .row { overflow: hidden; }

  .recruit-list .row .txt { margin-left: 6%; padding: 0.9em 0; width: 25.33%; font-size: 15px; }

  .recruit-list .row .txt-4 { display: none; }

  .recruit-list .row .conwr { margin: 6%; padding: 0; font-size: 14px; line-height: 1.8em; border-bottom: none; }

  .recruit-list .row .conwr::before { content: ''; position: absolute; bottom: 0; left: 0; margin-left: -50%; width: 200%; height: 0; border-bottom: 1px solid #a0a0a0; }

  .recruit-list .row .conwr p { margin: 0.5em 0; }



  .contact-main { margin-top: 0; }

  .contact-main .conbox,

  .contact-main .fbbox { float: none; margin: 8% 0 0; width: auto; }

  .contact-main .conbox .ttit { font-size: 14px; }

  .contact-main .conbox .list { margin-right: 0; padding-top: 0; }

  .contact-main .conbox .list .row { margin-top: 6%; }

  .contact-main .conbox .list .tit { font-size: 16px; }

  .contact-main .conbox .list .txt { margin-top: 5px; font-size: 14px; }

  .contact-main .conbox .ewm { width: 95px; }

  .contact-main .conbox .ewm .txt { font-size: 12px; }

  .contact-main .fbbox { margin-top: 12%; }

  .contact-main .fbbox .wrap { padding: 10% 6%; }

  .contact-main .fbbox .tit { font-size: 18px; }

  .contact-main .fbbox .stit { margin-top: 8px; font-size: 14px; }

  .contact-main .fbbox .list { padding-top: 3%; }

  .contact-main .fbbox .row,

  .contact-main .fbbox .row-btn { margin-top: 6%; }

  .contact-main .fbbox .row-txt { display: none; }

  .contact-main .fbbox .btn { float: none; display: block; margin: 0 auto; max-width: 150px; height: 35px; font-size: 14px; line-height: 35px; }

  .contact-map { margin-top: 0; padding-bottom: 75%; height: 0; }

}