/**/

@media screen and (min-width: 1921px) and (max-width: 4000px) {

  html {

    font-size: 120px;

  }

}

@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) {

  .container {

    width: 100%;

    padding: 0 15px;

    max-width: 100%;

  }

  .header .logo img {

    width: 0.8rem;

  }

  .header {

    padding: 0.1rem 0.15rem;

    font-size: 0.14rem;

  }

  .hidden-xs,

  .header .nav {

    display: none;

  }

  .visible-xs {

    display: block;

  }

  .header .side .tel {

    margin-right: 0.2rem;

  }

  /**/

  .homepage .banner img {

    height: 5rem;

  }

  .homepage .banner .bd h2 {

    font-size: 0.33rem;

  }

  .homepage .banner .bd h2::after,

  .homepage .c .bd .swiper-slide-active,

  .homepage .c .bd .swiper-slide,

  .homepage .e .bd .side {

    width: 100%;

  }

  .homepage .a .bd .flex,

  .homepage .b .box .flex,

  .homepage .e .bd,

  .footer .bd {

    display: block;

  }

  .homepage .title h2 {

    font-size: 0.4rem;

  }

  .homepage .banner .ft {

    display: none;

  }

  .homepage,

  .homepage .banner .bd,

  .homepage .title p {

    font-size: 0.14rem;

  }

  .homepage .banner .bd dt {

    font-size: 0.2rem;

  }

  .homepage .title span {

    font-size: 0.23rem;

  }

  .homepage .c .bd {

    padding: 0 0.15rem;

  }

  .index_application .hd ul li img {

    width: 0.2rem;

  }

  .index_application .hd ul li p {

    display: none;

  }

  .index_application .bd .des {

    display: none;

  }

  .index_application .hd ul li.active .icon img {

    width: 0.3rem;

  }

  .index_application .bd .txt .more {

    color: #999;

    border-color: #ccc;

    margin-top: 0.3rem;

  }

  .index_application .bd .txt .more span::after {

    border-left: 0.08rem solid #ccc;

  }

  .index_application .next i,

  .index_application .prev i {

    border-color: #999;

  }

  .homepage .banner .swiper-button-next,

  .homepage .banner .swiper-button-prev,

  .homepage .a .ft .swiper-button-next,

  .homepage .a .ft .swiper-button-prev,

  .homepage .c .swiper-button-next,

  .homepage .c .swiper-button-prev {

    width: 0.35rem;

    height: 0.35rem;

  }

  .homepage .a,

  .homepage .b {

    padding: 0.3rem 0;

  }

  .homepage .a .bd {

    margin-top: 0.3rem;

  }

  .homepage .a .bd h4 {

    font-size: 0.16rem;

    left: 0.1rem;

    top: 0.1rem;

  }

  .homepage .a .ft {

    font-size: 0.5rem;

  }

  .homepage .a .bd .flex_item + .flex_item {

    margin: 0.15rem 0 0;

  }

  .homepage .b .box .flex {

    margin-top: 0.3rem;

    padding: 0.2rem 0.2rem 0;

  }

  .homepage .b .box .flex p b {

    font-size: 0.16rem;

  }

  .homepage .b .box .flex ul {

    display: block;

    margin-top: 0;

  }

  .homepage .b .box .flex ul li {

    margin-top: 0.15rem;

  }

  .homepage .b .box .flex ol {

    display: block;

    text-align: center;

  }

  .homepage .b .box .flex ol li + li::before {

    display: none;

  }

  .homepage .b .box .flex ol li + li {

    margin-top: 0.15rem;

  }

  .homepage .b .box .img {

    width: 100%;

    margin-left: 0;

    margin-top: -1.5rem;

  }

  .homepage .b .ft {

    font-size: 0.14rem;

    padding: 0;

  }

  .homepage .b .ft img {

    width: 0.3rem;

  }

  .homepage .c,

  .homepage .d,

  .homepage .e {

    padding: 0.3rem 0;

  }

  .homepage .e .bd .side ul {

    margin-top: 0;

    display: flex;

    font-size: 0.16rem;

    text-align: center;

  }

  .homepage .e .list {

    padding: 0.1rem;

  }

  .homepage .e .list a dl,

  .homepage .e .list span {

    display: none;

  }

  .homepage .e .list a {

    padding: 0.15rem 0;

    border-bottom: 1px solid #ddd;

  }

  .homepage .e .list a .pic {

    width: 1.2rem;

    margin-left: 0;

    margin-right: 0.1rem;

  }

  .homepage .e .list p {

    margin: 0.05rem;

    line-height: 0.2rem;

  }

  .homepage .e .list h4 {

    font-size: 0.14rem;

  }

  .homepage .e .more {

    height: 0.5rem;

  }

  .homepage .f {

    padding: 0.3rem 0;

  }

  .homepage .f .bd {

    margin-top: 0.2rem;

  }

  .homepage .f .swiper {

    height: 2rem;

  }

  .footer .bd ul {

    display: none;

    padding-bottom: 0.15rem;

  }

  .footer .bd {

    padding: 0.2rem 0;

  }

  .footer .bd .flex {

    display: block;

  }

  .footer .bd .flex .code {

    margin: 0 auto;

  }

  .footer .bd .title {

    font-size: 0.14rem;

    margin-bottom: 0.1rem;

  }

  .footer .bd .title i {

    display: block;

    width: 50%;

    height: 100%;

    position: absolute;

    right: 0;

    bottom: 0;

  }

  .footer .bd .title i::after {

    content: " ";

    display: inline-block;

    height: 6px;

    width: 6px;

    border-width: 1px 1px 0 0;

    border-color: #fff;

    border-style: solid;

    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);

    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);

    position: absolute;

    top: 50%;

    margin-top: -3px;

    right: 2px;

  }

  .footer .bd .title i.on::after {

    border-width: 0 1px 1px 0;

  }

  /**/

  .banner_info img {

    height: 3rem;

  }

  .banner_info .bd,

  .aboutus {

    font-size: 0.14rem;

  }

  .banner_info .bd p {

    font-size: 0.28rem;

    margin-top: 0.05rem;

  }

  .aboutus .a .bd {

    padding: 0.3rem 0;

  }

  .aboutus .a .bd .flex {

    display: block;

  }

  .aboutus .a .bd .pic {

    width: 100%;

    margin: 0 0 0.2rem 0;

  }
  .aboutus .f .bd .pic{

    width: 100%;

    margin: 0 0 0.2rem 0;
display: flex;
  }
	.aboutus .f .bd .flex {
    display: block;
}

  .title_common span {

    font-size: 0.18rem;

  }

  .title_common {

    font-size: 0.18rem;

  }

  .aboutus .a .bd ul li {

    font-size: 0.14rem;

    flex: 1;

    display: block;

    text-align: center;

  }

  .aboutus .a .bd ul li dt span {

    font-size: 0.25rem;

  }

  .aboutus .a .bd ul li img {

    margin: 0 0 0.15rem 0;

  }

  .aboutus .a .bd ul li dl {

    padding: 0;

    border: none;

  }

  .aboutus .a .bd ul {

    padding: 0;

    margin-top: 0.3rem;

  }

  .aboutus .a .bd p {

    margin-top: 0.2rem;

  }

  .aboutus .a .ft {

    padding: 0.4rem 0;

  }

  .aboutus .a .ft ul,

  .aboutus .b .hd {

    font-size: 0.14rem;

  }

  .aboutus .a .ft ul img {

    width: 0.4rem;

    margin-bottom: 0.1rem;

  }

  .aboutus .b {

    padding: 0.3rem 0;

  }

  .aboutus .b .hd,

  .aboutus .b .bd {

    margin-top: 0.3rem;

  }

  .aboutus .b .hd span {

    padding-bottom: 0.15rem;

  }

  .aboutus .b .bd .flex {

    display: block;

  }

  .aboutus .b .bd .pic {

    width: 100%;

    margin: 0 0 0.15rem 0;

  }

  .aboutus .b .bd h4 {

    font-size: 0.16rem;

    line-height: 0.24rem;

    padding-bottom: 0.2rem;

  }

  .aboutus .b .bd .img {

    display: none;

  }

  .aboutus .b .bd li {

    display: block;

  }

  .aboutus .b .bd .swiper-button-next {

    right: 32%;

  }

  .aboutus .b .bd .swiper-button-prev {

    left: 32%;

  }

  .aboutus .c {

    padding: 0.3rem 0;

  }

  .aboutus .c .hd {

    font-size: 0.14rem;

    line-height: 0.24rem;

    margin-top: 0.2rem;

  }

  .aboutus .c .bd {

    display: block;

  }

  .aboutus .c .bd .side {

    width: 100%;

    padding-top: 0;

  }

  .aboutus .c .bd .box {

    width: 100%;

  }

  .aboutus .c .bd .side li {

    height: 0.5rem;

    font-size: 0.14rem;

    flex: 1;

  }

  .aboutus .c .bd .side ul {

    display: flex;

    text-align: center;

  }

  .aboutus .c .bd .side li + li {

    margin: 0 0 0 0.1rem;

  }

  .aboutus .c .bd .img {

    margin: 0.15rem;

  }

  .aboutus .d,

  .aboutus .e {

    padding: 0.3rem 0;

  }

  .aboutus .d .hd {

    margin: 0.2rem 0;

  }

  .aboutus .d .bd dl dt {

    font-size: 0.18rem;

  }

  .aboutus .d .bd .img span {

    font-size: 0.14rem;

  }

  /**/

  .case .a,

  .case .b,

  .caseitem .a,

  .caseitem .b {

    padding: 0.3rem 0;

  }

  .case .a .bd ul {

    margin: -0.1rem 0;

  }

  .case .a .bd ul li {

    width: 100%;

    padding: 0.1rem 0;

  }

  .case,

  .case .a .bd ul li h4,

  .caseitem,

  .contactus {

    font-size: 0.14rem;

  }

  .case .a .bd ul li .flex {

    line-height: 0.2rem;

    padding: 0.1rem;

  }

  .case .b .swiper {

    height: 2.4rem;

  }

  .case .b .bd {

    margin-top: 0.3rem;

    padding-bottom: 0.5rem;

  }

  .case .a .bd {

    margin-top: 0.3rem;

  }

  .caseitem .a .bd {

    display: block;

  }

  .caseitem .a .pic {

    width: 100%;

    margin: 0.2rem 0 0;

  }

  .caseitem .b .title {

    font-size: 0.18rem;

    margin: 0;

  }

  .caseitem .b .bd ul {

    display: block;

  }

  .caseitem .b .bd ul li {

    width: 100%;

    margin-top: 0.2rem;

  }

  /**/

  .contactus .a,

  .contactus .a .bd {

    padding: 0.3rem 0;

  }

  .contactus .a .bd ul li {

    width: 100%;

    display: flex;

    align-items: center;

    text-align: left;

  }

  .contactus .a .bd ul li dl {

    flex: 1;

  }

  .contactus .a .bd ul li span {

    width: 0.5rem;

    height: 0.5rem;

    margin-right: 0.15rem;

  }

  .contactus .b {

    height: auto;

    padding: 0.3rem 0;

  }

  .contactus .b .bd {

    display: block;

    margin-top: 0.3rem;

  }

  .contactus .b .side {

    width: 100%;

    margin: 0 0 0.15rem 0;

  }

  .contactus .b .ft .btn {

    font-size: 0.14rem;

    width: 100%;

    margin-top: 0.15rem;

  }

  .contactus .b .ft {

    display: block;

  }

  .news {

    padding: 0.3rem 0;

  }

  .news .a .tabtitle li + li {

    margin: 0;

  }

  .news .a .tabtitle li {

    flex: 1;

  }

  .news .a .tabtitle a {

    width: 100%;

    font-size: 0.14rem;

    height: 0.5rem;

  }

  .news .a .tabtitle {

    margin-bottom: 0.2rem;

  }

  .news .a .tabbox a h4 {

    font-size: 0.16rem;

  }

  .news .a .tabbox a p {

    line-height: 0.2rem;

    margin-top: 0.05rem;

    font-size: 0.13rem;

  }

  .news .a .tabbox a dl {

    font-size: 0.12rem;

    line-height: 0.24rem;

    width: 0.8rem;

  }

  .news .a .tabbox a dl dt {

    font-size: 0.18rem;

  }

  .news .a,

  .news .b .bd {

    padding-bottom: 0.3rem;

  }

  .news .b li a dl,

  .news .b li a .more {

    display: none;

  }

  .news .b li a .pic {

    width: 1.2rem;

    margin: 0 0.15rem 0 0;

  }

  .news .b li a h4 {

    font-size: 0.14rem;

  }

  .news .b li a p {

    margin: 0.05rem 0 0;

    line-height: 0.22rem;

  }

  .news .b li a {

    padding: 0.15rem 0;

  }

  .pages a {

    width: 0.3rem;

    height: 0.3rem;

    font-size: 0.14rem;

  }

  .bread {

    font-size: 0.12rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

  }

  .newsitem {

    font-size: 0.14rem;

    padding: 0.3rem 0;

  }

  .newsitem .hd h1 {

    font-size: 0.2rem;

  }

  .newsitem .hd p {

    font-size: 0.12rem;

  }

  .newsitem .hd p span {

    padding: 0 0.05rem;

  }

  .newsitem .bd {

    padding: 0.2rem 0;

  }

  .newsitem .ft ul {

    display: block;

  }

  .newsitem .ft ul li {

    max-width: 100%;

    padding: 0.1rem 0;

  }

  .newsitem .ft {

    padding: 0.1rem;

  }

  .partner,

  .partner .a p {

    font-size: 0.14rem;

  }

  .partner .a {

    padding: 0.3rem 0;

  }

  .partner .a .flex {

    display: block;

  }

  .partner .a p {

    padding: 0;

    line-height: 0.24rem;

  }

  .partner .a h3 {

    font-size: 0.18rem;

  }

  .partner .a h3 i {

    width: 0.25rem;

    height: 0.25rem;

  }

  .partner .a ul {

    margin-right: 0;

    padding: 0 0.15rem;

    display: block;

  }

  .partner .a ul li dl {

    display: flex;

    text-align: left;

    padding: 0.1rem 0;

    align-items: center;

  }

  .partner .a ul li dl dd {

    flex: 1;

  }

  .partner .a ul img {

    margin: 0 0.15rem 0 0;

  }

  .partner .a .pic {

    width: 100%;

    margin: 0.2rem 0 0;

  }

  .partner .b {

    padding: 0.3rem 0;

  }

  .partner .title {

    font-size: 0.2rem;

  }

  .partner .b .bd {

    margin-top: 0.2rem;

    display: block;

  }

  .partner .b ul {

    width: 100%;

    margin: 0.2rem 0 0;

  }

  .partner .b dd {

    font-size: 0.14rem;

    line-height: 0.24rem;

  }

  .partner .b dt {

    font-size: 0.18rem;

  }

  .partner .c {

    margin-top: 0;

    padding: 0.3rem 0;

  }

  .partner .c .swiper-slide {

    width: 60%;

  }

  .partner .c .bd {

    margin-top: 0.3rem;

    padding: 0 0.15rem;

  }

  .partner .c .bd p {

    font-size: 0.14rem;

    height: 0.6rem;

  }

  .partner .c .bd .over dt,

  .partner .d .bd ul li dt {

    font-size: 0.16rem;

  }

  .partner .d {

    padding: 0.3rem 0;

  }

  .partner .d .bd img {

    display: none;

  }

  .partner .d .bd ul {

    margin: -0.1rem 0;

  }

  .partner .d .bd ul li {

    width: 100%;

    padding: 0.1rem 0;

  }

  .partner .d .bd ul li:nth-child(2) dl,

  .partner .d .bd ul li:nth-child(4) dl {

    padding: 0.15rem;

  }

  .partner .d .bd ul li dl {

    height: auto;

    padding: 0.15rem;

  }

  .partner .e .bd {

    display: block;

    padding: 0.15rem;

    margin-top: 0.3rem;

  }

  .partner .e {

    padding: 0.3rem 0;

  }

  .partner .e .bd > .flex_item {

    padding: 0.1rem 0 0;

  }

  .partner .e .bd .btn {

    margin: 0;

    width: 100%;

  }

  .contactus .b .ft .sx,

  .support .c .box .sx,

  .partner .e .bd li .sx {

    display: none;

  }

  .partner .e .bd li .side {

    top: 3px;

  }

  .Productitem {

    font-size: 0.14rem;

  }

  .Productitem .a,

  .Productitem .b,

  .Productitem .c {

    padding: 0.3rem 0;

  }

  .Productitem .a .flex {

    display: block;

    margin-top: 0.3rem;

  }

  .Productitem .a p {

    min-height: auto;

    margin-bottom: 0.15rem;

    line-height: 0.26rem;

  }

  .Productitem .a .pic {

    width: 100%;

    margin: 0.2rem 0 0;

  }

  .Productitem .b li {

    width: 100%;

    position: static;

    font-size: 0.14rem;

    margin-top: 0.15rem;

  }

  .Productitem .c .bd {

    padding-top: 0.3rem;

  }

  .Productitem .c .bd ul {

    margin: -0.1rem 0;

  }

  .Productitem .c .bd ul li {

    width: 100%;

    padding: 0.1rem 0;

  }

  .Productitem .c .bd ul .box {

    height: auto;

    padding: 0.2rem;

  }

  .Productitem .c .bd ul dd {

    font-size: 0.13rem;

    margin-top: 0.1rem;

  }

  /**/

  .Product,

  .projectitem .a,

  .projectitem .b,

  .projectitem .c {

    padding: 0.3rem 0;

  }

  .Product .bd ul {

    margin: -0.1rem 0;

  }

  .Product .bd ul li {

    width: 100%;

    padding: 0.1rem 0;

  }

  .Product .bd {

    padding-top: 0.3rem;

  }

  .Product .bd ul li dd {

    margin: 0.1rem 0;

  }

  .Product .bd ul li dt {

    font-size: 0.18rem;

  }

  .Product .bd ul li p,

  .projectitem {

    font-size: 0.14rem;

  }

  .projectitem .a .bd ul {

    margin: -0.1rem 0;

  }

  .projectitem .a .bd ul li {

    width: 100%;

    padding: 0.1rem 0;

  }

  .projectitem .a .bd ul b {

    font-size: 0.5rem;

    line-height: 0.5rem;

  }

  .projectitem .a .bd span {

    margin-right: 0.15rem;

  }

  .projectitem .a .bd ul .flex {

    height: auto;

    padding: 0.15rem;

  }

  .projectitem .b .bd ul {

    margin: -0.1rem 0;

  }

  .projectitem .b .bd ul li {

    width: 100%;

    padding: 0.1rem 0;

  }

  .projectitem .b .bd {

    margin-top: 0.3rem;

  }

  .projectitem .b .bd .box {

    height: auto;

  }

  .projectitem .b .bd .box dt {

    font-size: 0.16rem;

  }

  .projectitem .c .bd ul {

    margin: -0.1rem 0;

  }

  .projectitem .c .bd ul li {

    width: 100%;

    text-align: center;

    padding: 0.1rem 0;

  }

  .projectitem .c .bd .flex {

    display: block;

    padding: 0.15rem;

  }

  .projectitem .c .bd span {

    display: flex;

    margin: 0 auto 0.15rem;

  }

  .projectitem .c .bd p {

    font-size: 0.14rem;

    line-height: 0.24rem;

  }

  .projectitem .c .bd h4,

  .projectitem .a .bd dt {

    font-size: 0.16rem;

  }

  .projectitem .c .bd,

  .projectitem .a .bd {

    margin-top: 0.3rem;

  }

  .projectitem .b .bd .box dd {

    line-height: 0.24rem;

  }

  .support {

    font-size: 0.14rem;

  }

  .support .a {

    padding: 0.3rem 0;

  }

  .support .a p {

    font-size: 0.14rem;

    margin: 0.2rem 0;

  }

  .support .a p br {

    display: none;

  }

  .support .a .bd {

    padding-top: 0.3rem;

  }

  .support .a .bd .title {

    font-size: 0.18rem;

  }

  .support .a .bd .title img {

    width: 0.3rem;

  }

  .support .a .bd ul li {

    width: 100%;

  }

  .support .a .bd ul .flex {

    padding: 0.1rem 0.18rem;

  }

  .support .b .tabtitle {

    font-size: 0.14rem;

    margin-bottom: 0.2rem;

  }

  .support .b .tabtitle li {

    padding: 0.15rem;

  }

  .support .b {

    background: #1a307c;

    height: auto;

    padding: 0.15rem 0 0.3rem;

  }

  .support .b .flex {

    display: block;

  }

  .support .b .pic {

    width: 100%;

    margin: 0.2rem 0 0;

  }

  .support .c {

    padding: 0.3rem 0;

  }

  .support .c .bd {

    display: block;

  }

  .support .c .side {

    width: 100%;

    padding-bottom: 0.2rem;

    font-size: 0.14rem;

  }

  .support .c .side dt {

    font-size: 0.2rem;

  }

  .support .c .box {

    padding: 0.15rem;

  }

  .support .c .box input,

  .support .c .box textarea {

    font-size: 0.14rem;

  }

  .support .c .box .flex {

    padding: 0.1rem;

  }

  .support .c .box .flex > span {

    width: 1rem;

  }

  .support .c .box .btn {

    width: 100%;

    margin-top: 0.15rem;

    height: 0.5rem;

    font-size: 0.14rem;

  }

  .pcmenu {

    padding: 0.6rem 0.15rem 0;

  }

  .homepage .banner .swiper-button-next {

    margin-left: 0.45rem;

  }

  .rightside {

    font-size: 0.12rem;

    width: 0.6rem;

    right: 0;

  }

  .rightside a img {

    width: 0.25rem;

  }

  .rightside a {

    padding: 0.1rem 0;

  }

  .homepage .c .bd dl {

    font-size: 0.14rem;

  }

  .homepage .c .bd dl dt {

    font-size: 0.18rem;

  }

}