@media screen and (max-width: 1600px) {
    .about .left .title {
        background-size: contain;
    }
}

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

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

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

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

@media screen and (max-width: 1024px) {
	
	.parameter-con{
	    padding: 0 0;
	}
.parameter h2{
   margin: 15px 0;
		  font-size: 16px;
}
	.newsDetails   img{
	    width: 100%;
		 
    height: auto;
    object-fit: cover;
	}
    .common-card {
        width: 100%;
        padding: 0 20px;
    }
    .header {
        display: none;
    }
    .mobile-inner-header {
        display: block;
    }
    .about .common-card .top {
        flex-wrap: wrap;
    }
    .about .left,
    .about .right,
    .about .left .literal {
        width: 100%;
    }
    .about .left .title {
        width: 50px;
        height: 67px;
    }
    .about .left .title .text h2,
    .about .left h2{
        font-size: 16px;
        line-height: 5px;
    }
    .about .left .title .text span,
    .about .left span {
        font-size: 12px;
    }
    .about .left .title .text {
        width: 100%;
        text-wrap: nowrap;
    }
    .about .left .title .text {
        top: 32%;
    }
    .about .left .literal {
        font-size: 16px;
        line-height: 30px;
        margin: 10px 0 20px 0;
    }
    .viewMore {
        width: 102px;
        height: 30px;
        border-radius: 15px;
        font-size: 14px;
        line-height: 30px;
		        margin-bottom: 10px;
    }
    .about .right,
    .product .content {
        height: auto;
    }
    .about .bottom {
        height: 124px;
        background-color: #ffffff;
        box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.09);
        border-radius: 15px;
        margin: 20px 0;
    }
    .about .bottom img {
        width: 28px;
    }
    .about .bottom p {
        font-size: 14px;
        margin-top: 10px;
    }
    .about .bottom .circle span {
        width: 11px;
        height: 11px;
    }
    .about .bottom .circle span::before {
        width: 8px;
        height: 8px;
    }
    .common-title h2 {
        font-size: 18px;
    }
    .common-title h4 {
        font-size: 14px;
        letter-spacing: 8px;
        margin: 15px 0;
    }
    .productSwiper2 .left {
        margin-right: 30px;
        width: 50%;
    }
    .productSwiper2 .left img {
        object-fit: contain;
		        height: 290px;

    }
    .productSwiper2 .right h1 {
        font-size: 18px;
        color: #ffffff;
    }
    .productSwiper2 .right .text {
        width: 100%;
        font-size: 14px;
        line-height: 35px;
        margin: 20px 0;
		        height: auto;
    }
    .productSwiper2 .right .more {
        width: 105px;
        height: 25px;
        border-radius: 15px;
        font-size: 14px;
        line-height: 25px;
    }
    .productSwiper1 .name {
        height: 30px;
        border: solid 1px #ffffff;
        font-size: 16px;
        line-height: 30px;
        margin-top: 5px;
    }
    .productSwiper1 .swiper-pagination-clickable .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin-right: 10px;
    }
    .productSwiper2,
    .reason,
    .reasonSwiper1,
    .news .common-card,
    .online,
    .footer .top {
        height: auto;
    }
    .reason .title h2 {
        font-size: 18px;
    }
    .reason .title h4 {
        font-size: 14px;
        margin-top: 10px;
    }
    .reasonSwiper1 .item {
        width: 100px;
        height: 30px;
        background-color: #ffffff;
        box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.14);
        border-radius: 5px;
    }
    .reasonSwiper1 .item img {
        width: 10px;
    }
    .reasonSwiper1 .item .name {
        font-size: 12px;
        padding-left: 4px;
    }
    .reasonSwiper2 .text {
        font-size: 14px;
        line-height: 30px;
        padding-bottom: 40px;
    }
    .reason .bottom .right {
        width: 50%;
        flex: 1;
    }
    .reasonSwiper2 .swiper-button-next,
    .reasonSwiper2 .swiper-button-prev {
        width: 30px !important;
        height: 30px !important;
    }
    .industry_img {
        width: 35px !important;
        margin-bottom: 20px;
    }
    .industry_ch {
        font-size: 14px;
    }
    .industry_main_01.active .industry_word,
    .industry_word {
        top: 30%;
    }
    .news .left .title h2 {
        font-size: 18px;
    }
    .news .left .title h4 {
        font-size: 14px;
        margin: 10px 0 40px 0;
    }
    .news .left .text {
        width: 170px;
        font-size: 14px;
        line-height: 30px;
    }
    .news-more {
        width: 100px;
        height: 25px;
        background-color: #ffffff;
        border-radius: 15px;
        font-size: 14px;
        line-height: 25px;
        margin-top: 50px;
    }
    .news .left {
        width: 235px;
        padding-left: 20px;
        margin-right: 10px;
        height: auto;
    }
    .news .right img {
        width: 290px;
        height: 182px;
    }
    .news .right p {
        font-size: 16px;
        padding: 20px 0 10px 0;
    }
    .news .right .text {
        width: 276px;
        font-size: 12px;
        line-height: 30px;
    }
    .solution,
    .news {
        margin-top: 10px;
    }
    .online .title h2 {
        font-size: 24px;
    }
    .online .title h4 {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 30px;
    }
    .online .form input[type="text"] {
        width: 50%;
        height: 35px;
        border-bottom: 1px solid #ccc;
        font-size: 14px;
        margin-bottom: 30px;
    }
    .online .form textarea {
        width: 50%;
        height: 40px;
        font-size: 14px;
        border-bottom: 1px solid #ccc;
        margin-top: 40px;
    }
    .online .form input[type="submit"] {
        width: 160px;
        height: 35px;
        border-radius: 15px;
        margin-top: 35px;
    }
    .footer .top .right span {
        font-size: 16px;
        line-height: 50px;
    }
    .footer .top .right a,
    .footer .top .right i {
        font-size: 14px;
        line-height: 50px;
    }
    .footer .bottom {
        height: auto;
        padding: 15px 0;
        font-size: 14px;
    }
    .nav span,
    .nav a {
        font-size: 14px;
        line-height: 50px;
    }
    .nav {
        height: 50px;
    }
    .productDetails .right h2 {
        font-size: 16px;
    }
    .productDetails .right .text {
        font-size: 14px;
		height:auto;
    }
    .productCenter .title {
        font-size: 18px;
        margin: 20px 0;
    }
    .productCenter .nav .item {
        height: 35px;
        border-radius: 15px;
        border: solid 1px #bfbfbf;
        padding: 0 20px;
        font-size: 14px;
        line-height: 35px;
        margin-right: 10px;
        margin-bottom: 15px;
    }
    .productCenter .nav .item.active {
        border: solid 1px #014195;
    }
    .productCenter ul {
        justify-content: space-evenly;
    }
    .insideAbout .top .left h2 {
        margin: 15px 0;
    }
    .contact .top .left h2 {
        font-size: 18px;
        line-height: 25px;
    }
    .contact .top .left p {
        font-size: 14px;
        line-height: 35px;
    }
    .contact .right {
        width: 100%;
        height: 250px;
    }
    .contact .top {
        padding: 20px 20px;
        flex-wrap: wrap;
        height: auto;
    }
    .BMap_bubble_title {
        font-size: 16px;
    }
    .BMap_bubble_content {
        font-size: 14px;
    }
    .contact .content {
        font-size: 16px;
        margin: 20px 0;
    }
    .contact .form input[type="text"] {
        width: 100%;
        height: 35px;
        border: solid 1px #eeeeee;
        font-size: 16px;
        line-height: 35px;
        color: #656565;
        padding-left: 10px;
        margin-bottom: 10px;
    }
    .contact .form textarea {
        height: 250px;
        font-size: 16px;
        padding-left: 10px;
        padding-top: 10px;
        border: solid 1px #eeeeee;
    }
    .contact .form input[type="submit"] {
        width: 50%;
        height: 35px;
        border: solid 1px #d2d2d2;
        font-size: 16px;
        line-height: 35px;
        margin-top: 20px;
    }
    .newsDetails {
        padding: 20px 0;
    }
    .newsDetails h2 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .newsDetails .text {
        padding: 0 20px;
        font-size: 14px;
        line-height: 35px;
    }
    .newsInformation .title {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .newsInformation ul li {
        height: auto;
        flex-grow: 1;
        flex-basis: 265px;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .newsInformation ul li:nth-child(3n) {
        margin-right: 0;
    }
    .newsInformation ul li img {
        height: auto;
    }
    .newsInformation ul li h4 {
        font-size: 16px;
        line-height: 40px;
    }
    .newsInformation ul li .text {
        font-size: 12px;
        line-height: 30px;
    }
    .industrySolution ul li {
        flex-grow: 1;
        flex-basis: 200px;
        margin-right: 20px;
    }
    .industrySolution .mask span {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 1px;
    }
    .industrySolution ul li:hover span {
        font-size: 16px;
        letter-spacing: 8px;
    }
    .industrySolution .mask {
        height: 30%;
    }
    .industrySolution .title {
        font-size: 18px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 768px) {
    .about .bottom ul {
        flex-wrap: wrap;
    }
    .about .bottom ul li {
        width: 205px;
        padding: 20px 0;
        flex-grow: 1;
        flex-basis: 205px;
    }
    .about .bottom {
        height: auto;
    }
    .productSwiper2 .left {
        width: 100%;
    }
    .productSwiper1 .productSwiper1-pagination {
        height: 30px;
        margin-top: 15px;
    }
    .reason .bottom .left {
        width: 100%;
        height: auto;
        margin-right: 0;
    }
    .reason .bottom {
        margin-top: 40px;
        flex-wrap: wrap;
    }
    .reason .bottom .right {
        margin-top: 15px;
    }
    .news .common-card {
        flex-wrap: wrap;
    }
    .news .left {
        width: 100%;
        margin-right: 0;
        padding: 10px 20px;
    }
    .news .left .text {
        width: 100%;
    }
    .news .right img,
    .news .right .text {
        width: 100%;
        height: auto;
    }
    .news .right ul {
        flex-wrap: wrap;
    }
    .news .right {
        margin-top: 15px;
    }
    .news .right ul li {
        margin-bottom: 25px;
    }
    .footer .top .right ul li:nth-child(1),
    .footer .top .right ul li:nth-child(2) {
        display: none;
    }
    .footer .left {
        width: 202px;
        height: 84px;
        margin-right: 50px;
    }
    .footer .top {
        padding: 10px 0;
    }
    .footer .top .common-card,
    .productDetails .common-card .top {
        flex-wrap: wrap;
    }
    .news .right ul li:last-child {
        margin-bottom: 0;
    }
    .productDetails .left,
    .productDetails .right {
        width: 100%;
        box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.06);
    }
    .productDetails .top {
        height: auto;
    }
    .productDetails .right a {
        width: 150px;
        height: 35px;
        border-radius: 5px;
        font-size: 16px;
        line-height: 35px;
        margin-top: 20px;
    }
    .productDetails .right a::after,
    .productDetails .bottom::after {
        width: 20px;
        height: 20px;
        background-size: contain;
    }
    .productDetails .bottom {
        width: 120px;
        height: 35px;
        border-radius: 15px;
        border: solid 1px #014195;
        margin: 30px 0;
        font-size: 16px;
        line-height: 35px;
    }
    .productDetails .right .text {
        line-height: 30px;
        margin-top: 15px;
    }
    .productCenter .nav {
        padding: 0 0;
        justify-content: start;
    }
    .productCenter .nav .item {
        flex-grow: 1;
        flex-basis: 150px;
    }
    .productCenter ul li {
        flex-grow: 1;
        flex-basis: 150px;
        margin-right: 10px;
        margin-bottom: 10px;
        box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.06);
    }
    .productCenter ul li img {
        height: auto;
    }
    .productCenter ul li .name {
        height: 40px;
        font-size: 14px;
        line-height: 40px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 10px;
    }
    .productCenter ul li:nth-child(2n) {
        margin-right: 0;
    }
    .contact .form input[type="text"] {
        font-size: 14px;
    }
    .contact .form textarea {
        height: 150px;
        font-size: 14px;
    }
    .industrySolution ul {
        flex-wrap: wrap;
    }
    .industrySolution ul li {
        flex-basis: 300px;
        margin-bottom: 10px;
        height: auto;
        width: 100%;
    }
    .industrySolution ul li:nth-child(2n) {
        margin-right: 0;
    }
    .industrySolution .mask {
        height: 20%;
    }
}

@media screen and (max-width: 658px) {
    .industrySolution ul li:nth-child(2n+1) {
        margin-right: 0;
        flex-basis: 320px;
    }
}

@media screen and (max-width: 420px) {
    .common-card {
        width: 100%;
        padding: 0 10px;
    }
    .about .left {
        padding-left: 0;
    }
    .about .bottom ul li {
        padding: 20px 0;
        flex-grow: 1;
        flex-basis: 195px;
    }
    .productSwiper2 .swiper-slide {
        flex-wrap: wrap;
    }
    .productSwiper2 .left {
        margin-right: 0;
    }
    .productSwiper2 .right .text {
        text-align: justify;
    }
    .productSwiper1 {
        padding-top: 20px;
    }
    .reasonSwiper1 .item {
        width: 100%;
    }
    .online {
        background-size: cover;
    }
    .online .form input[type="text"],
    .online .form textarea {
        width: 100%;
    }
    .footer .top .right i {
        line-height: 30px;
    }
    .footer .bottom {
        line-height: 30px;
    }
    .productCenter ul li {
        flex-basis: auto;
        width: 100%;
    }
    .productCenter ul li {
        margin-right: 0;
    }
    .contact .top {
        padding: 10px 0;
    }
    .newsDetails .text {
        padding: 0 0;
    }
    .newsInformation ul li {
        margin-right: 0;
        width: 100%;
    }
    .industrySolution ul li {
        margin-right: 0;
    }
	.newsDetails .text  p  video{
	    width: 100% !important;
		        height: 224px !important;
	}
}

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

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