@charset "utf-8";
/**
 * long description for the file
 *
 * @summary 适配移动端样式文件
 * @author wu[308822989@qq.com]
 *
 * Created at     : 2021-01-15 13:34:22 
 * Last modified  : 2021-01-19 14:04:35
 */
.mobile-header {
  display: none;
}
@media (max-width: 768px) {
  .pc-header {
    display: none;
  }
  .pc-container {
    width: 100%;
  }
  img {
    max-width: 100%;
  }
  .m-level {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 0;
    background-color: #0000003b;
    z-index: 100;
  }
  .menu-open {
    overflow: hidden;
  }
  .menu-open div.mobile-menu {
    display: block;
  }
  .mobile-header {
    display: block;
    height: 50px;
  }
  .mobile-header .header-top {
    height: auto;
  }
  .mobile-header .header-top .header-top-logo {
    padding-top: 6px;
    padding-left: 6px;
    padding-bottom: 0;
  }
  .mobile-header .header-top .header-top-logo img {
    height: 40px;
  }
  .mobile-header .header-top .header-top-content {
    padding-top: 12px;
    padding-right: 6px;
    padding-bottom: 0;
  }
  .mobile-header .header-top .header-top-content > img {
    height: 20px;
    width: 20px;
    margin-top: 3px;
  }
  .mobile-header .header-top .header-top-content .info {
    height: auto;
  }
  .mobile-header .header-top .header-top-content .info p {
    display: none;
  }
  .mobile-header .header-top .header-top-content .info .tel {
    display: block;
    font-size: 16px;
  }
  .mobile-header .header-content-search {
    display: none;
  }
  .mobile-header .header-menu-btn {
    float: right;
    margin: 10px 10px 0 2px;
  }
  .mobile-header .header-menu-btn img {
    height: 26px;
  }
  .mobile-header .mobile-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    right: -200px;
    top: 0;
    width: 200px;
    z-index: 10000;
  }
  .mobile-header .mobile-menu .header-content-nav {
    float: none;
    height: 100vh;
    overflow-y: auto;
  }
  .mobile-header .mobile-menu .header-content-nav > li {
    height: auto;
    float: none;
    border-bottom: solid 1px #ff9fa7;
  }
  .mobile-header .mobile-menu .header-content-nav > li > a {
    font-weight: bold;
    color: #000;
    border-bottom: solid 1px #f5f5f5;
  }
  .mobile-header .mobile-menu .header-content-nav > li > div {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    text-align: left;
  }
  .mobile-header .mobile-menu .header-content-nav > li > div > div,
  .mobile-header .mobile-menu .header-content-nav > li > div > a {
    padding-left: 40px;
    border-bottom: solid 1px #f5f5f5;
  }
  .mobile-header .header-content-nav > li.active {
    background-color: #E60012;
  }
  .mobile-header .header-content-nav > li.active > a {
    color: #fff;
  }
  .fr-index .fr-swiper {
    margin-bottom: 10px;
  }
  .fr-index .fr-swiper .swiper-container {
    height: 220px;
  }
  .fr-index .fr-swiper .swiper-slide {
    height: 220px;
  }
  .fr-index .fr-swiper .swiper-slide .swiper-img > img {
    height: 220px;
  }
  .fr-index .fr-notice {
    padding: 0;
    margin: 0;
    width: auto;
    display: flex;
  }
  .fr-index .fr-notice .fr-notice-tips {
    width: 103px;
  }
  .fr-index .fr-notice .fr-notice-content {
    flex: 1;
    width: 200px;
  }
  .fr-index .fr-notice .fr-notice-content .fr-notice-title {
    max-width: 90%;
  }
  .fr-index .fr-notice .fr-notice-content .fr-notice-time {
    line-height: 70px;
  }
  .fr-index .fr-module {
    overflow: hidden;
  }
  .fr-index .fr-module-title {
    background-size: 300px 22px;
    padding-top: 18px;
    margin-top: 30px;
  }
  .fr-index .fr-module-title .title {
    font-size: 30px;
  }
  .fr-index .fr-module-content .content-cell {
    margin: 0 auto;
    margin-bottom: 40px;
    padding-bottom: 40px;
    height: auto;
    width: 340px;
    float: none;
  }
  .fr-index .fr-module-content .content-cell > img {
    height: 120px;
  }
  .fr-index .fr-module-content .content-cell .info h4 {
    margin: 0;
    padding: 20px 0;
    font-size: 20px;
  }
  .fr-index .fr-module-content .content-cell .info p {
    padding: 0 20px;
    font-size: 16px;
    line-height: 30px;
  }
  .fr-index .fr-module-content .content-cell .info p span {
    font-size: 24px;
  }
  .fr-index .fr-module-info .pc-container > img {
    float: none;
    display: block;
    width: 100%;
    height: auto;
  }
  .fr-index .fr-module-info .pc-container .info {
    float: none;
    width: 100%;
    margin-top: 40px;
    padding-bottom: 40px;
  }
  .fr-index .fr-module-info .pc-container .info h2 {
    padding: 0;
    text-align: center;
    font-size: 24px;
  }
  .fr-index .fr-module-info .pc-container .info li {
    font-size: 16px;
    line-height: 40px;
  }
  .fr-index .fr-module-info .pc-container .info li::before {
    top: 6px;
  }
  .fr-index .fr-module-nav {
    margin-left: 15px;
    margin-bottom: 20px;
    padding: 0;
  }
  .fr-index .fr-module-nav .nav-cell {
    margin-bottom: 10px;
  }
  .fr-index .fr-module-nav .nav-cell .button {
    width: 110px;
    height: 32px;
    margin-right: 0;
  }
  .fr-index .fr-module-nav .nav-cell > span {
    left: 14px;
  }
  .fr-index .fr-module.set-bg::after {
    background-color: transparent;
  }
  .fr-index .fr-module-show {
    padding: 0;
  }
  .fr-index .fr-module-show .nav-content-cell div.fl.img {
    padding: 0;
    width: 120%;
  }
  .fr-index .fr-module-show .nav-content-cell div.fl.img img {
    width: 100%;
    height: auto;
  }
  .fr-index .fr-module-show .nav-content-cell div.fl.info {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .fr-index .fr-module-show .nav-content-cell div.fl.info h4 {
    line-height: 30px;
    font-size: 24px;
  }
  .fr-index .fr-module-show .nav-content-cell div.fl.info h4 span {
    font-size: 16px;
  }
  .fr-index .fr-module-subtitle {
    margin-top: 80px;
    margin-bottom: 0;
  }
  .fr-index .fr-module-subtitle .title {
    font-size: 26px;
  }
  .fr-index .fr-module-subtitle .slogan {
    margin: 0 10px;
    line-height: 28px;
    font-size: 16px;
  }
  .fr-index .fr-module-subtitle .hope {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    width: auto;
    padding: 0 10px;
  }
  .fr-index .fr-module-subtitle .hope::after,
  .fr-index .fr-module-subtitle .hope::before {
    top: 15px;
  }
  .fr-index #fr-module3 .pc-container {
    margin-top: -100px;
    height: 510px;
    transform: scale(0.5);
  }
  .fr-footer .footer-nav {
    display: none;
  }
  .fr-footer .footer-contact {
    float: none;
    text-align: center;
    margin-right: 0;
  }
  .fr-footer .footer-contact .logo1 {
    margin-left: 10px;
    height: 40px;
  }
  .fr-footer .footer-contact .footer-contact-cell {
    text-align: left;
  }
  .fr-footer .footer-contact .footer-contact-cell .address,
  .fr-footer .footer-contact .footer-contact-cell .tel {
    background: none;
    font-size: 14px;
  }
  .fr-footer .footer-wx {
    margin-top: 50px;
    float: none;
    text-align: center;
  }
  .fr-footer .footer-wx img {
    width: 160px;
    height: 160px;
  }
  .fr-footer .footer-copy {
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .join-form .box {
    overflow-y: auto;
  }
  .join-form .box > ul > li dl {
    display: flex;
  }
  .join-form .box > ul > li dl dt {
    width: 120px;
  }
  .join-form .box > ul > li dl dd {
    flex: 1;
  }
  .join-form .box > ul > li dl dd .select ul {
    z-index: 10;
  }
  .join-form .box > ul > li dl dd input.input1 {
    width: auto;
  }
  .join-form .box > ul > li dl dd textarea {
    width: auto;
  }
  .join-form .box > ul > li dl dt {
    width: 100px;
    padding-left: 10px;
    text-align: left;
  }
  .join-form .box > ul > li dl dd.img-code > img {
    float: left;
  }
  .join-form .box #tijiao.button {
    margin-left: 0;
    width: auto;
    font-size: 18px;
    padding: 0 20px;
    margin-bottom: 20px;
  }
  .fr-section-content.fr-news-infos .news-infos-img {
    width: 100%;
  }
  .fr-section-content.fr-news-infos .news-infos-img > img {
    height: auto;
  }
  .fr-section-content.fr-news-infos .news-infos-content {
    width: 96%;
    padding: 20px 2%;
  }
  .fr-section-content.fr-news-list .news-cell {
    width: 100%;
    margin-right: 0;
  }
  .fr-section-content.fr-news-list .news-cell > img {
    height: auto;
  }
  .fr-section-content.fr-news-actives .news-actives-img {
    width: 100%;
    height: auto;
  }
  .fr-section-content.fr-news-actives .news-actives-img .news-words > h4 {
    max-width: 70%;
  }
  .fr-section-content.fr-news-actives .news-actives-img .news-words > p {
    max-width: 70%;
  }
  .fr-section-content.fr-news-actives .news-actives-img .news-words .time {
    max-width: 30%;
  }
  .fr-section-content.fr-news-actives .news-actives-content {
    width: 100%;
  }
  .fr-section-content.fr-news-actives .news-actives-content .swiper-slide .swiper-img > li {
    margin-left: 5%;
  }
  .fr-section .fr-limit-page {
    margin: 20px 0;
  }
  .fr-section .fr-limit-page .fr-limit-btn > a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .fr-news-detail > ul > li:nth-child(1) {
    width: 100%;
  }
  .fr-news-detail > ul > li:nth-child(2) {
    display: none;
  }
  .fr-section-title {
    font-size: 28px;
  }
  .fr-about .fr-section-content.fr-introduction .fr-introduction-cell:first-child {
    float: none;
    width: auto;
  }
  .fr-about .fr-section-content.fr-introduction .fr-introduction-cell > .info {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fr-about .fr-section-content.fr-introduction .fr-introduction-cell:last-child {
    float: none;
    width: auto;
  }
  .fr-about .fr-section-content.fr-introduction .fr-introduction-cell > .img-introduction {
    width: auto;
  }
  .fr-about .fr-section-content.fr-introduction .fr-introduction-cell > .img-ico {
    margin: 0;
    padding: 0;
    margin: 20px 0;
    display: flex;
    justify-items: stretch;
  }
  .fr-about .fr-section-content.fr-introduction .fr-introduction-cell > .img-ico > div {
    margin: 0;
    flex: 1;
    text-align: center;
  }
  .fr-about .fr-section.other-bg {
    background-size: auto 100%;
  }
  .fr-about .fr-section-content.fr-culture .fr-culture-imgs .img-cell {
    margin: 0 auto;
    float: none;
    width: 100%;
  }
  .fr-about .fr-section-content.fr-honor .fr-honor-cells .honor-cell {
    margin-right: 10px;
    width: auto;
    float: none;
    margin-left: 10px;
  }
  .fr-recruit .fr-section-content .recruit-idea-cells .idea-cell {
    float: none;
    width: 340px;
    margin: 0 auto;
    text-align: center;
  }
  .fr-recruit .fr-section-content .recruit-idea-cells .idea-cell img {
    width: 100%;
    height: auto;
  }
  .fr-recruit .fr-section .fr-recruit-detail .recruit-detail-table > table .thead tr th,
  .fr-recruit .fr-recruit-infos .swiper-slide .swiper-table > table .thead tr th {
    font-size: 14px;
    line-height: normal;
  }
  .fr-recruit .fr-section .fr-recruit-detail .recruit-detail-table > table .tbody tr td,
  .fr-recruit .fr-recruit-infos .swiper-slide .swiper-table > table .tbody tr td {
    font-size: 14px;
    line-height: normal;
  }
  .fr-recruit .fr-section-content.fr-recruit-idea .recruit-idea-cells .idea-cell:last-child {
    margin: 0 auto;
  }
  .fr-recruit .recruit-detail-infos {
    margin: 20px 10px;
  }
  .fr-recruit .fr-section-content.fr-recruit-detail .recruit-detail-apply .input-cell {
    float: none;
    margin: 0;
    padding: 0;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .fr-recruit .fr-section-content.fr-recruit-detail .recruit-detail-apply .input-cell > select,
  .fr-recruit .fr-section-content.fr-recruit-detail .recruit-detail-apply .input-cell > input {
    padding-left: 10px;
    padding-right: 10px;
  }
  .fr-recruit .fr-section-content.fr-recruit-detail .recruit-detail-apply {
    height: auto;
    padding-bottom: 30px;
  }
  .fr-recruit .fr-section-content.fr-recruit-detail .recruit-detail-apply .apply-btn {
    width: 80%;
    margin: 0 auto;
  }
  .fr-contact .fr-section-content.fr-main-company .fr-contact-cells .contact-cell {
    margin: 0;
    width: 50%;
    box-shadow: 0 0 0;
  }
  .fr-contact .fr-section-content.fr-main-company .fr-contact-Map {
    height: 350px;
  }
  .fr-contact .fr-section-content.fr-branch-company .fr-area-cells {
    padding: 0;
  }
  .fr-contact .fr-section-content.fr-branch-company .fr-area-infos .area-info {
    padding: 10px;
  }
  .fr-join-form .fr-section-content.fr-join-tep .join-teps {
    display: flex;
  }
  .fr-join-form .fr-section-content.fr-join-tep .join-teps .step-cell {
    float: none;
    margin-right: 0;
    flex: 1;
    padding: 0 15px;
  }
  .fr-join-form .fr-section-content.fr-join-apply .join-form {
    padding: 1px 0;
  }
  .fr-join-form .fr-section-content.fr-join-apply .join-form.box {
    padding: 0;
    margin: 30px 10px;
  }
  .fr-join-form .fr-section-content.fr-join-apply .join-form-bg {
    display: none;
  }
  .fr-join-form .fr-section-content.fr-join-apply .join-form-input {
    display: block;
    float: none;
    padding: 0;
    width: auto;
  }
  .fr-section .fr-development .development #swiperSec,
  .fr-section .fr-development .development {
    width: 100%;
  }
  .fr-section .fr-development .development .sec-step .pr {
    left: 5px;
  }
  .fr-section .fr-development .development .sec-step .next {
    right: 5px;
  }
  .fr-section .fr-development .swiper-new {
    width: 100%;
    height: auto;
  }
  .fr-section .fr-development .swiper-new .one {
    width: 100%;
    height: 28vh;
    display: flex;
  }
  .fr-section .fr-development .swiper-new .one .one-img {
    width: 50%;
    height: 100%;
    float: none;
    flex: 1;
  }
  .fr-section .fr-development .swiper-new .one .one-img img {
    width: auto;
    height: 100%;
    object-fit: cover;
  }
  .fr-section .fr-development .swiper-new .one .one-text {
    width: 50%;
    float: none;
    flex: 1;
  }
  .newfloatdiv {
    right: 10px;
    width: 39px;
    height: 76px;
    border: 1px solid #EDEDEE;
    background: url(../img/to-top.jpg) no-repeat;
    background-size: 100% 100%;
  }
  .newfloatdiv > a {
    height: 40px;
  }
}