/**/

@media screen and (min-width: 1441px) and (max-width: 1600px) {
  html {
    font-size: 90px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  html {
    font-size: 80px;
  }
}
@media screen and (min-width: 981px) and (max-width: 1200px) {
  html {
    font-size: 70px;
  }
}
@media screen and (min-width: 769px) and (max-width: 980px) {
  .header .nav {
    display: none;
  }
  .container {
    width: 100%;
    padding: 0 15px;
    max-width: 100%;
  }

  .hidden-xs {
    display: none;
  }
  .visible-xs {
    display: block;
  }
}

/**/
@media (max-width: 768px) {
  .m_nav {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    width: 25px;
    z-index: 99;
  }
  .m_nav i {
    display: block;
    height: 2px;
    background: #333;
  }
  .m_nav i + i {
    margin-top: 0.06rem;
  }
  .cross i:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    -ms-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
  }
  .cross i:nth-of-type(2) {
    opacity: 0;
  }
  .cross i:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    -ms-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
  }
  .container {
    width: 100%;
    padding: 0 15px;
    max-width: 100%;
  }
  .header {
    position: sticky;
    top: 0;
    padding: 0.15rem;
    z-index: 999;
  }
  .header .logo img {
    width: 1.6rem;
  }

  .hidden-xs,
  .header .nav,
  .header .side,
  .rightside {
    display: none;
  }
  .visible-xs {
    display: block;
  }
  .header .logo {
    width: 200px;
  }
  .footer {
    line-height: 0.22rem;
  }
  .footer .logo {
    width: 1.8rem;
  }
  .footer .bd {
    display: block;
    padding: 0.2rem 0;
  }
  .footer .bd .code {
    font-size: 0.14rem;
    line-height: 0.32rem;
  }
  .footer .bd .box ul {
    display: none;
    margin-bottom: 0.15rem;
  }

  .footer .bd h4 i {
    display: block;
  }
  .footer .ft .flex {
    display: block;
    font-size: 0.12rem;
  }
  .footer .bd .code dd {
    font-size: 0.24rem;
  }
  .footer .bd h4.on i {
    transform: rotate(90deg);
  }
  .footer .bd .code .img {
    width: 0.9rem;
  }
  /**/
  .banner_info img {
    height: 2rem;
  }
  .banner_info,
  .title_info .flex_item b {
    font-size: 0.24rem;
  }
  .info_tab .bread {
    display: none;
  }
  .info_tab ul li + li {
    margin-left: 0.15rem;
  }
  .case .box .bd ul,
  .case .box .bd .honor {
    margin: -0.05rem;
  }
  .case .box .bd ul li,
  .case .box .bd .honor li {
    width: 50%;
    padding: 0.05rem;
  }
  .case .box {
    padding: 0.15rem 0 0.3rem;
  }
  .title_info .flex_item,
  .infosize {
    font-size: 0.14rem;
  }
  .case .box .bd {
    margin-top: 0.2rem;
  }
  .case .box .bd ul li h4 {
    font-size: 0.15rem;
  }
  .case .box .bd ul li .flex i {
    width: 0.1rem;
    height: 0.13rem;
  }
  .case .box .bd ul li .flex {
    padding: 0.1rem;
  }
  .case {
    padding: 0 0 0.3rem 0;
  }
  .pages {
    margin-top: 0.3rem;
    font-size: 0.15rem;
  }
  /**/
  .case .box .bd ul li dl,
  .pdf .bd li dd,
  .select select {
    font-size: 0.14rem;
  }
  .case .box .bd ul li .pic i {
    font-size: 0.3rem;
  }
  .pdf .bd li a {
    line-height: 0.24rem;
  }
  .pdf .bd li:first-child a {
    padding-top: 0.3rem;
  }
  .pdf .bd li i,
  .newsitem .hd h1 {
    font-size: 0.24rem;
  }
  .products .two ul {
    margin: -0.08rem;
  }
  .products .two ul li {
    width: 50%;
    padding: 0.08rem;
  }
  .select select {
    height: 0.45rem;
  }
  .products .two {
    padding-bottom: 0;
  }
  .products .one ul {
    display: block;
    white-space: nowrap;
    overflow-x: auto;
  }
  .products .one ul li {
    display: inline-block;
  }
  .products .one ul li a {
    height: 0.5rem;
    padding: 0 0.1rem;
  }
  .products .one ul li i {
    font-size: 0.2rem;
  }
  .products .items {
    display: block;
    padding: 0.15rem;
    margin: 0.3rem 0;
  }
  .products .items .banner {
    width: 100%;
    margin: 0 0 0.2rem 0;
  }
  .products .items dd ul li {
    width: 100%;
  }
  .products .case .title {
    font-size: 0.16rem;
    height: 0.5rem;
    margin: 0;
  }
  .products .items .ft a {
    width: auto;
    flex: 1;
    margin: 0;
    height: 0.5rem;
  }
  .products .items .ft {
    margin-top: 0.2rem;
  }
  .products .items .ft .btn {
    margin-left: 0.1rem;
  }
  .case .box .bd ul li .in h3,
  .newsitem .ft ul {
    font-size: 0.16rem;
  }
  .case .box .bd ul li .in .txt {
    -webkit-line-clamp: 1;
    margin-top: 0.05rem;
  }
  .case .box .bd ul li .in {
    padding: 0.1rem 0.1rem 0;
  }
  /**/
  .newsitem {
    display: block;
  }
  .newsitem .side {
    width: 100%;
    margin: 0;
  }
  /**/
  .service .one .hd,
  .service .three .bd {
    display: block;
  }
  .service .one .box ul {
    margin: -0.1rem 0;
  }
  .service .one .box ul li {
    width: 100%;
    padding: 0.1rem 0;
  }
  .service .three .bd .side {
    margin-top: 0.2rem;
  }
  .service .three .bd .side ul span {
    width: 0.8rem;
    height: 0.8rem;
  }
  .service .three .bd .side ul li {
    width: 50%;
  }
  .service .three .bd .side ul span i {
    font-size: 0.3rem;
  }
  .service .three .bd .side ul li br {
    display: none;
  }
  .service .three .bd .side ul li {
    line-height: 0.2rem;
  }
  .service .three .bd .side ul dt {
    font-size: 0.16rem;
    margin-bottom: 0.1rem;
  }
  .service .four .bd h3 {
    font-size: 0.16rem;
  }
  .service .four .bd {
    padding: 0.15rem;
  }
  .service .three .bd .box .flex,
  .service .four .bd .flex {
    margin-top: 0.15rem;
    display: block;
  }
  .service .three .bd .box .flex .flex_item + .flex_item,
  .service .four .bd .flex .flex_item + .flex_item,
  .zcityGroup .zcityItem + .zcityItem {
    margin: 0.1rem 0 0;
  }
  .service .three .bd .box .input,
  .service .four .bd .input,
  .zcityGroup .zcityItem .zcityItem-head .currentValue {
    height: 0.45rem;
    font-size: 0.14rem;
  }
  .service .four .bd .btn,
  .service .three .zcityGroup,
  .service .three .bd,
  .service .four .bd,
  .service .two .bd,
  .service .one .hd {
    margin-top: 0.15rem;
  }
  .service .four .bd textarea {
    font-size: 0.14rem;
  }
  .service .three .zcityGroup,
  .zcityGroup {
    display: block;
    margin: 0.1rem 0 0;
  }
  .service {
    padding-bottom: 0.3rem;
  }
  .service .three .bd .box {
    padding: 0.15rem;
  }
  .service .title_info {
    margin-top: 0.3rem;
  }
  .service .one .box {
    padding: 0.15rem;
  }
  .service .one .box ul li b {
    width: 0.6rem;
    padding-right: 0.2rem;
    font-size: 0.3rem;
  }
  .service .one .box ul li dt,
  .service .three .bd .box h3 {
    font-size: 0.16rem;
  }
  .service .one .hd .btn {
    width: 100%;
    margin: 0.15rem 0 0;
  }
  /**/
  .contact .title span {
    font-size: 0.5rem;
  }
  .contact .title,
  .contact .hd dt {
    font-size: 0.24rem;
  }
  .contact .title h2 {
    line-height: 0.3rem;
  }
  .contact {
    font-size: 0.14rem;
    padding-bottom: 0.3rem;
  }
  .contact .bd ul {
    margin: -0.1rem 0;
  }
  .contact .bd ul li {
    width: 100%;
    font-size: 0.2rem;
    padding: 0.1rem 0;
  }
  .contact .bd .box {
    height: auto;
    padding: 0.3rem 0;
  }
  .contact .title {
    margin-top: 0.5rem;
  }
  .result .bd p span {
    margin-right: 0.1rem;
    padding: 0 0.15rem;
  }
  .result .bd p {
    margin-top: 0.15rem;
  }
  .result .bd .flex .input,
  .aboutus .Introduction .bd h3 {
    font-size: 0.16rem;
  }
  .result .bd .flex i {
    font-size: 0.2rem;
  }
  .box_list .tab {
    padding: 0.2rem 0;
  }
  .info_tab ul {
    display: block;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
  }
  .info_tab ul li {
    display: inline-block;
  }
  .info_tab .flex {
    display: block;
  }
  .aboutus .Introduction,
  .aboutus .culture,
  .aboutus .videopart,
  .aboutus .pdf,
  .power,
  .aboutus .stroy {
    padding: 0.3rem 0;
  }
  .aboutus .culture .hd ul {
    margin: -0.05rem;
  }
  .aboutus .culture .hd ul li {
    padding: 0.05rem;
    font-size: 0.14rem;
    width: 100%;
  }
  .aboutus .culture .hd ul li dt,
  .power dt {
    font-size: 0.18rem;
  }
  .aboutus .culture .hd ul li p {
    font-size: 0.12rem;
    line-height: 0.2rem;
    padding: 0 0.15rem;
  }
  .aboutus .culture .hd ul li p br,
  .aboutus .culture .bd li br {
    display: none;
  }
  .aboutus .culture .bd li .flex {
    display: block;
    padding: 0;
  }
  .aboutus .culture .bd li span {
    width: 100%;
    padding: 0.1rem;
    font-size: 0.16rem;
    height: auto;
  }
  .aboutus .culture .bd li .flex .flex_item {
    padding: 0.15rem;
  }
  .aboutus .culture .bd li {
    display: block;
  }
  .aboutus .culture .bd li > .flex_item + .flex_item {
    margin: 0.3rem 0 0;
  }
  .power .bd ul {
    margin: -0.08rem;
  }
  .power .bd ul li {
    width: 50%;
    font-size: 0.14rem;
    padding: 0.08rem;
  }
  .aboutus .case {
    padding-bottom: 0;
  }
  .aboutus .videopart .bd {
    font-size: 0.14rem;
    margin-top: 0.15rem;
  }
  .aboutus .pdf .bd {
    margin: 0;
  }
  .power .bd {
    padding-top: 0.2rem;
  }
  .aboutus .stroy .swiper,
  .aboutus .stroy .banner .pic {
    height: auto;
  }
  .aboutus .stroy .side dt {
    font-size: 0.6rem;
  }
  .aboutus .stroy .bd {
    margin-top: 0.2rem;
  }
  .joinus .one .box {
    margin-top: 0.3rem;
    padding: 0.15rem;
  }
  .joinus .one .bd dt,
  .joinus .title h2 {
    font-size: 0.3rem;
  }
  .joinus .one .bd i {
    display: none;
  }
  .joinus .one .bd {
    flex-wrap: wrap;
    margin-top: 0.1rem;
  }
  .joinus .one .bd dl {
    width: 33.333%;
    text-align: center;
    padding-top: 0.15rem;
    font-size: 0.12rem;
  }
  .joinus .title {
    font-size: 0.14rem;
  }
  .joinus .one {
    padding-bottom: 0.3rem;
  }
  .joinus .two,
  .joinus .three {
    padding: 0.3rem 0;
  }
  .joinus .two .bd {
    display: block;
    margin-top: 0.2rem;
  }
  .joinus .two .side {
    width: 100%;
    margin: 0 0 0.2rem 0;
    display: block;
  }
  .joinus .two .side p {
    padding: 0.1rem;
    writing-mode: inherit;
    width: 100%;
    font-size: 0.18rem;
    letter-spacing: 0;
  }
  .joinus .two .bd ul li {
    max-width: 40%;
  }
  .joinus .two .bd dd,
  .joinus .four .bd ul .box dt {
    font-size: 0.24rem;
  }
  .joinus .two .bd dt,
  .joinus .four .bd ul .box dd {
    font-size: 0.14rem;
  }
  .joinus .two .bd dl {
    line-height: 0.3rem;
  }
  .joinus .four .bd ul {
    margin: -0.1rem 0;
  }
  .joinus .four .bd ul li {
    width: 100%;
    padding: 0.1rem 0;
  }
  .joinus .four {
    background-size: auto 3rem;
    padding: 0.3rem 0;
  }
  .joinus .four .bd ul .box {
    height: auto;
    padding: 0.3rem 0;
  }
  .joinus .four .bd ul .box dd {
    line-height: 0.22rem;
  }
  .joinus .four .bd ul .box span {
    width: 1rem;
    height: 1rem;
    margin-bottom: 0.15rem;
    font-size: 0.24rem;
  }
  .joinus .fire {
    padding: 0.3rem 0;
  }
  .joinus .fire .bd {
    display: block;
    margin-top: 0.2rem;
  }
  .joinus .fire .bd > .flex_item + .flex_item {
    margin: 0.2rem 0 0;
  }
  .joinus .fire .bd dt,
  .joinus .seven .bd dt {
    font-size: 0.18rem;
  }
  .joinus .six {
    min-height: auto;
    padding: 0.3rem 0;
  }
  .joinus .six .bd,
  .joinus .seven .bd,
  .joinus .eight .bd {
    margin-top: 0.2rem;
  }
  .joinus .six .bd ul {
    flex-wrap: wrap;
    height: auto;
  }
  .joinus .six .bd ul li {
    flex: inherit;
    width: 50%;
    border: none;
    padding: 0.15rem;
  }
  .joinus .six .bd ul li dt {
    font-size: 0.16rem;
    line-height: 0.22rem;
  }
  .joinus .seven,
  .joinus .eight {
    padding: 0.3rem 0;
  }
  .joinus .seven .bd,
  .joinus .eight .bd {
    display: block;
  }
  .joinus .seven .bd .banner,
  .joinus .seven .swiper-pagination {
    display: none;
  }
  .joinus .seven .bd .side {
    width: 100%;
  }
  .joinus .seven .bd dt {
    margin-top: 0.15rem;
    margin-bottom: 0;
  }
  .joinus .eight .bd > .flex_item + .flex_item {
    margin: 0.2rem 0 0;
  }
  .joinus .eight ul {
    font-size: 0.14rem;
    line-height: 0.24rem;
  }
  .joinus .eight ul li {
    width: 100%;
  }
  .joinus .eight .box {
    padding: 0.15rem;
  }
  .joinus .eight .box textarea {
    margin-top: 0.15rem;
  }
  .joinus .eight .box .flex {
    margin-bottom: 0.15rem;
    display: block;
  }
  .joinus .eight .box .input {
    height: 0.45rem;
    font-size: 0.14rem;
  }
  .joinus .eight .box .flex .flex_item + .flex_item {
    margin: 0.15rem 0 0;
  }
  .joinus .eight h3,
  .homepage .title h3 {
    font-size: 0.3rem;
  }
  /**/
  .homepage .banner .swiper-button-next {
    right: 0.1rem;
  }
  .homepage .banner .swiper-button-prev {
    left: 0.1rem;
  }
  .homepage .one {
    height: auto;
    padding: 0.4rem 0;
  }
  .homepage .title .flex_item span {
    font-size: 0.6rem;
    line-height: 0.6rem;
  }
  .homepage .one .bd {
    margin-top: 0.2rem;
  }
  .homepage .one .bd .box ul {
    margin: -0.05rem;
  }
  .homepage .one .bd .box li {
    padding: 0.05rem;
  }
  .homepage .two,
  .homepage .fire,
  .homepage .six,
  .homepage .seven {
    padding: 0.3rem 0;
  }
  .homepage .two .flex {
    display: block;
  }
  .homepage .two .flex .side {
    width: 100%;
    margin: 0;
    padding: 0.2rem;
  }
  .homepage .two .title {
    top: 50%;
  }
  .homepage .three .hd .swiper {
    height: 5.6rem;
  }
  .homepage .three .bd img {
    height: 8rem;
  }
  .homepage .title {
    display: block;
    overflow: hidden;
  }
  .homepage .four {
    height: auto;
    padding: 0.3rem 0;
  }
  .homepage .four .bd,
  .homepage .fire .bd {
    margin-top: 0.2rem;
  }
  .homepage .four .bd ul,
  .homepage .six .bd ul {
    display: block;
  }
  .homepage .four .bd ul li + li {
    margin: 0.2rem 0 0;
  }
  .homepage .four .bd ul li a {
    margin: 0 auto;
    padding-top: 0.7rem;
  }
  .homepage .four .bd ul li img {
    width: 1rem;
  }
  .homepage .title .more {
    margin-top: 0.15rem;
  }
  .homepage .fire .bd .swiper-slide,
  .homepage .seven .bd .swiper-slide {
    width: 90%;
  }
  .homepage .six .bd ul li + li {
    margin: 0;
  }
  .homepage .six .bd .side .iconfont {
    font-size: 2rem;
  }
  .homepage .six .bd ul li .box {
    transform: translateY(0);
  }
  .homepage .six .bd ul li .flex {
    display: block;
  }
  .homepage .six .bd ul li .side {
    width: 100%;
    padding: 0.2rem 0;
    text-align: center;
  }
  .homepage .six .bd ul li .more {
    margin-top: 0.3rem;
    z-index: 9;
  }
  .homepage .seven .bd h4,
  .homepage .seven .bd .flex {
    font-size: 0.18rem;
  }
  .aboutus .stroy .side dl {
    padding-right: 0.2rem;
  }
  .mask .dialog .close {
    right: 0;
    left: auto;
  }
  .mask {
    font-size: 0.16rem;
  }
  .timeline {
    display: none;
  }
  .timep,
  .timec {
    width: 100%;
  }
  .timep {
    height: 240px;
    margin: 0;
  }
  .aboutus .stroy .bd dl {
    padding-top: 0.2rem;
  }
  .aboutus .stroy .bd dt {
    font-size: 0.5rem;
  }
  .timec {
    height: 2.6rem;
  }
  .timebox {
    height: 5rem;
  }
  .contact .hd {
    line-height: 0.22rem;
  }
  .contact .hd dt {
    margin-bottom: 0.08rem;
  }
  .case .box .bd ul li p {
    line-height: 0.18rem;
    font-size: 0.12rem;
  }
  .login .box {
    padding: 0.2rem;
    height: auto;
  }
  .login .box li {
    padding: 0 0.1rem;
  }
  .login .box li .input {
    font-size: 0.14rem;
    padding-left: 0.1rem;
    height: 0.45rem;
  }
  .login .box li i {
    font-size: 0.18rem;
  }
  .login .box .btn {
    height: 0.45rem;
  }
  .joinus .fire .bd li {
    height: auto;
    padding: 0.15rem;
  }
  .joinus .fire .bd dd {
    line-height: 0.22rem;
  }
  .joinus .fire .bd dt {
    line-height: 0.24rem;
  }
  .service .one .hd .input {
    width: 70%;
    font-size: 0.14rem;
    height: 0.45rem;
  }
}