﻿@media(max-width:1600px) {
    .head {
        padding: 0 5%;
    }
}

@media(max-width:1440px) {
    .head {
        padding:0 2%;
    }
    .nav ul li {
        padding: 0 25px;
    }
    .banner_title {
        font-size: 46px;
        color: #fff;
        position: absolute;
        left: 15.4%;
        top: 22%;
    }
    .banner_titles {
        font-size: 30px;
        color: #fff;
        font-weight: 300;
        position: absolute;
        left: 15.4%;
        top: 35%;
    }
    .banner_tip {
        position: absolute;
        left: 15.4%;
        top: 45%;
    }
        .index_pt1 .li_box {
        padding: 16px 0;
    }
    .index_pt1 .ck_area .ck_ion {
    display: inline-block;
    width: 30px;
    height: 30px;
    float: left;
    border: 1px solid rgba(255,255,255,0.7);
    border-radius: 100%;
    line-height: 27px;
    text-align: center;
    margin-top: 12px;
}
.index_pt1 .inner_box>img{
    height: auto;
}
.index_pt1 {

    height: 186px;

}
}

@media(max-width:1366px) {
    .new,
    .solution,
    .foot,
    .copy {
        padding-left: 15px;
        padding-right: 15px;
    }
    .sm {
        width: 40%;
    }
    .left_cj {
        padding-left: 8.4%;
    }
    .right_cj {
        padding-right: 8.4%;
    }
    .sos {
        width: 225px;
    }
    .sos:nth-child(2) {
        right: 224px;
    }
    .sos:nth-child(1) {
        right: 448px;
    }
    .sos:nth-child(6) {
        right: 224px;
    }
    .sos:nth-child(5) {
        right: 448px;
    }
    .sos:nth-child(4) {
        right: 672px;
    }
    .index_pt1 .ck_area .ck_type {
        margin-left: 2px;
    }
    .index_pt1 .ck_area .ck_box {
    padding-top: 11px;
    padding-left: 4px;
}
}

@media(max-width:1280px) {
    .left_new {
        width: 34%;
    }
    .nav ul li {
        padding: 0 15px;
    }
    .ck_types {
        font-size: 12px;
        color: #fff;
        font-family: "Arial";
    }
    .n_lianxi .hd_Scroll .sPrev{
        top: 135px;
        left: 0;
    }
    .n_lianxi .hd_Scroll .sNext{
        top: 135px;
        right: 0;
    }

}

@media(max-width:1200px) {
    .rnew {
        margin-bottom: 7px;
    }
    .rnew_title {
        font-size: 14px;
        color: #272727;
        margin-bottom: 10px;
    }
    .rnew_con {
        font-size: 13px;
        color: #7c7c7c;
        line-height: 26px;
    }
    .rnew_more {
        font-size: 12px;
        color: #393939;
        margin-top: 13px;
        border-bottom: 1px solid #cbcbcb;
        width: max-content;
    }
    .left_new_title {
        font-size: 13px;
        color: #272727;
        margin-top: 15px;
    }
    .left_new_cons {
        font-size: 13px;
        color: #7c7c7c;
    }
    .solution {
        margin-top: 40px;
    }
    .foot {
        padding-bottom: 55px;
    }
    .sm {
        width: 45%;
        margin-left: 10px;
    }
    .m{
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .n_lianxi .hd_box ul li{
        width: 31%;
        margin: 0 1%;
    }
}

@media(max-width:1024px) {
    .mobile-inner-header {
        display: block;
    }
    .head {
        display: none;
    }
    .bannerVideoBox {
        height: 45vh;
        margin-top: 60px !important;
    }

    .type {
        font-size: 20px;
        color: #1c1c1c;
    }
    .left_new,
    .right_new {
        width: 100%;
        float: none;
    }
    .right_new {
        margin-top: 20px;
    }
    .solution {
        padding-top: 25px;
        background-size: cover;
    }
    .sotitle {
        float: none;
        text-align: center;
    }
    .somore a {
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }
    .sos {
        position: static;
        width: 33.3%;
        float: left;
    }
    .somaintitle {
        font-size: 28px;
    }
    .so {
        overflow: hidden;
        margin-top: 40px;
    }
    .about {
        margin-top: 40px;
    }
    .abtitle {
        text-align: center;
        font-size: 28px;
        color: #1e1b2e;
    }
    .abcon {
        font-size: 14px;
    }
    .container01 ul {
        margin-top: 25px;
    }
    .container01 ul li .icon:before {
        width: 80px;
        height: 80px;
        background-size: cover;
    }
    .container01 ul li .icon {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .container01 ul li .con h2 big {
        font-size: 24px;
    }
    .left_cj,
    .right_cj {
        padding-left: 3%;
        padding-right: 3%;
    }
    .feedback {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .sm {
        display: inline-block;
        width: auto;
        margin-left: 10px;
        float: none;
    }
    .sm img,
    .sm p {
        float: none;
        writing-mode: unset;
    }
    .left_foot {
        display: none;
        width: 100%;
        float: none;
        text-align: center;
        height: auto;
        border: none;
    }
    .mid_foot {
        display:none;
        width: 100%;
        height: auto;
        border: none;
        margin-top: 40px;
        float: none;
        overflow: hidden;
    }
    .flist {
        margin: 0 8%;
    }
    .right_foot {
        width: 100%;
        float: none;
        text-align: center;
        margin-top: 40px;
    }
    .item{
        margin-top: 0;
    }
    .banner_title {
        font-size: 30px;
        color: #fff;
        position: absolute;
        left: 15.4%;
        top: 22%;
    }
    .banner_titles {
        font-size: 24px;
        color: #fff;
        font-weight: 300;
        position: absolute;
        left: 15.4%;
        top: 35%;
    }
    .e_switchbtn{
        display: none;
    }
    .banner_tip {
        position: absolute;
        left: 15.4%;
        top: 50%;
    }
    .bd ul{
        width: 100% !important;
    }
    .history-h1 .left{
        width: 87%;
    }
    .history-h1 .right{
        display: none;
    }
    .history-h1{
        padding-left: 15px;
        padding-right: 15px;

    }
    .item,.product_banner{
        margin-top: 60px !important;
    }
    .row>.span-2 {
        width: 48%;
        margin-bottom: 15px;
    }.row {
        margin: 0;
    }

}

@media(max-width:768px) {
	
	#toolbar{
		display:none!important;
	}
    .bd ul li{
        width: 100% !important;
    }
    .index_pt1{
        display: none;
    }
    .index_pt1.index_pt1_phone{
        display: block;
    }
    .bannerVideoBox {
        height: 27vh;
    }
    .banner_title{
        top: 15%;
    }
	
	.index_pt1_phone {
 
    background: url(../Images/dyuiu.jpg) no-repeat center;

}
.n_lianxi .bd .txt .mid{
	font-size:12px;
	line-height:22px;
}
.so_pic img{
	width:35px;
}
.newscenter-list ul {
    padding: 0px!important;
}
.prolinks a{
	line-height:45px;
}
.prolinks a.active{
		line-height:45px;
}
.ny_news_page{
	    margin: 0px auto 30px!important;
}
..newscenter-list li .news-text .name{
	height:29px!important;
}
.newscenter-list li .news-text{
	    padding: 0px!important;
}
    .index_pt1 {
        width: 100%;
        height: auto;
        background: #f1f6f6;
        overflow: hidden;
    }
    .index_pt1 .li_box {
        text-align: center;
        padding: 30px 0;
        position: relative;
        z-index: 2;
    }
    .new {
        width: 100%;
        overflow: hidden;
        margin-top: 40px;
    }
    .new_top_left {
        float: left;
        font-size: 24px;
        color: #1e1b2e;
    }
    .about {
        padding-left: 15px;
        padding-right: 15px;
    }
    .container01 ul li {
        width: 33.3%;
        margin-bottom: 20px;
        border-right: none;
    }
    .left_cj,
    .right_cj {
        width: 100%;
        float: none;
    }
    .left_cj{
        margin-bottom: 20px;
    }
    .flist {
        margin: 0 7%;
    }
    .newscenter-detail {
        width: 100%;
    }
    .n_right {
        display: none;
    }
    .proDeTop{
        padding: 28px 0;
        padding-bottom: 95px;
    }
    .proDeTop .Info{
        padding-top: 0;
        width: 100%;
    }
    .proDeTop .Pic{
        width: 100%;
        margin-top: -40px;
    }
    .proDeTop .Info .tit{
        font-size: 22px;
        line-height: 28px;
    }
    .proDeTop .Info .sub{
        font-size: 14px;
        line-height: 26px;
        margin-top: 15px;
    }
    .proDeTab{
        padding-bottom: 28px;
    }
    .proDeTab .top-tit{
        font-size: 20px;
        line-height: 28px;
    }
    .proDeTab .top-line{
        margin: 14px auto 0;
    }
    .proDeTab .content{
        margin-top: 25px;
        font-size: 14px;
        line-height: 26px;
    }
    .proDeTab .content table td:nth-child(2){
        font-size: 14px;
        height: 40px;
        padding: 0 18px;
    }
    .proDeTab .content table td:nth-child(1){
        font-size: 14px;
    }
    .case-list .Pic{
        width: 100%;
    }
    .case{
        padding: 28px 15px;
    }
    .case-list .Info{
        width: 100%;
        padding: 4%;
        margin-left: 0;
        height: 165px;
    }
    .case-list .Info .cont{
        height: auto;
        font-size: 14px;
        line-height: 26px;
    }
    .case-list .Info .tit{
        font-size: 16px;
    }
    .n_fazhan .fl01 ul li h2{ font-size:10rem;}
    .n_fazhan .fl01 .tit{height: 10rem;}
    .n_fazhan .fl02 ul{ padding:0 2rem}
    .n_fazhan .fl02 .miso-prev{ left:0; transform:scale(0.8)}
    .n_fazhan .fl02 .miso-next{ right:0; transform:scale(0.8)}
    .n_lianxi .txt1{
        height: auto;
        padding: 20px;
    }
    .n_lianxi .txt1 .m{
        height: auto;
        background: none;
        padding: 0;
    }
    .n_lianxi .hd_box ul li {
        width: 48%;
        margin: 0 1%;
    }
 .news_lists>ul>li { padding: 20px 26px 25px 22px;}
 .news_lists .date {display: none;}
.news_lists .infor {width: 100%;margin-top: 0;}
.sobg{
   display:none;
}
.n_lianxi .hd_Scroll,.n_lianxi .bd{
    width: 100%;
}
.zhaoxin {
        padding: 0 15px;
        margin-top: 0;
        margin-bottom: 0; 
    }
    .zhaoxintop span {
        font-size: 12px;
    }
    .zhaoxins li .msgDiv dd {
        font-size: 12px;
    }
    .zhaoxins li .zhaoxinsbox {
        padding: 26px 24px 51px;
        font-size: 12px;
        line-height: 26px;
        padding: 1rem;
    }
    .right_new{
        display: none;
    }
    .right_new.right_new_phone{
        display: block;
    }
    .right_new.right_new_phone .rnew{
        width: 100%;
    }
    .right_new.right_new_phone .swiper-pagination .swiper-pagination-bullet{
        background: #eee;
    }
    .right_new.right_new_phone .swiper-pagination .swiper-pagination-bullet-active {
        background: -moz-linear-gradient(left, #0079d1 0%, #009cd3 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #0079d1), color-stop(100%, #009cd3));
    background: -webkit-linear-gradient(right, #0079d1 0%, #009cd3 100%);
    background: -o-linear-gradient(right, #0079d1 0%, #009cd3 100%);
    background: -ms-linear-gradient(right, #0079d1 0%, #009cd3 100%);
    background: linear-gradient(to right, #0079d1 0%, #009cd3 100%);
}
.right_new.right_new_phone .swiper-pagination{
    bottom: 0;
}
.solution {
    margin-top: 15px;
}
.banner {
    display: block;
    margin-top: 60px;
}
.bannerVideoBox{
    display: none;
}
.news_lists .infor .tit {
    font-size: 16px;
    color: #070707;
    margin-bottom: 10px;
}

.full-inside-subnav .subnav {
    left: 22% !important;
    width: 100% !important;
}
.full-inside-subnav .subnav a{
    color: #333;
}
.full-inside-subnav .subnav li {
    padding-right: 8px;
    float: left;
}
.full-inside-subnav .subnav li:last-child{
	   padding-right: 0px;
}
.case-list{
    width: 49%;
    float: left;
    margin-right: 2%
}
.case-list:nth-child(2n){
    margin-right: 0;
}
.soswiper{
			display:block;
			position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1;
    top: 0;
    left: 0;
		}
		.soswiper .sobgs{
			opacity:1 !important;
		}
}

@media(max-width:420px) {
    .type {
        font-size: 15px;
        color: #1c1c1c;
    }
    .index_pt1 .ico {
        margin-bottom: 0;
    }
    .index_pt1 .ico img {
        width: 80%;
    }
    .left_new_title,
    .left_new_cons {
        font-size: 12px;
    }
    .rnew {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .rnew:nth-child(3) {
        margin-bottom: 20px;
    }
    .so_pic {
        margin-top: 25px;
    }
    .sos {
        height: 160px;
    }
    .solution {
        min-height: auto;
        height: auto;
        padding-bottom: 40px;
    }
    .cjtitle {
        padding-top: 40px;
    }
    .left_cj,
    .right_cj {
        height: auto;
        padding-bottom: 40px;
    }
    .fdtitle {
        text-align: center;
        font-weight: bold;
        color: #0f89dd;
        font-size: 20px;
    }
    .feedback {
        padding-left: 15px;
        padding-right: 15px;
    }
    .flist {
        width: 50%;
        text-align: center;
        margin: 0;
    }
    .right_copy,
    .left_copy {
        width: 100%;
        float: none;
        line-height: 25px;
    }
    .right_copy {
        text-align: center;
    }
    .right_copy a {
        display: block;
    }
    .foot {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .banner_title{
        font-size: 20px;
    }
    .banner_titles{
        font-size: 15px;
    }
    .banner_tip{
        width: 50%;
    }
    .n_lianxi .hd_box ul{
        width: 100% !important;
    }
    .n_lianxi .hd_box ul li {
            width: auto;
    height: 50px;
    line-height: 50px;
    float: left;
    padding: 0 6.8px;
    margin: 0;font-size: 12px;
    }
    .n_lianxi .bd .txt h5,.n_lianxi .bd .txt .mid{
        width: 100%;
        float: none;
        border-right: none;
    }
    .n_lianxi .bd .txt{
        height: auto;
        padding: 5px;
    }

.ny_news_page a, .ny_news_page span{
	    width: 59px!important;
}
    .n_lianxi .bd .txt h5{
        line-height: 35px;
        font-size: 15px;
        display: none;
    }
    .n_lianxi .hd_Scroll .sPrev, .n_lianxi .hd_Scroll .sNext{
        z-index: 999999;
    }
    .product_onbanner .title_area .title{  
        padding-top: 25px;  
    }
    .product_banner{
        height: 545px;
    }
    .newscenter-list .col-sm-4{
        padding-left: 0;
        padding-right: 0;
    }
    .prolinks a{
        width: 31%;
		font-size:16px;
    }
    .foot,.left_copy{
        display: none;
    }
.product_onbanner .pro_ion img {
    width: 70%;
}
.product_onbanner .ico_box {
    width: 100px;
    height: 100px;
    line-height: 100px;
    display: inline-block;
    border-radius: 50%;
    transition: 0.5s all ease;
    position: relative;
    z-index: 2;
    border: 1px solid #fff;
}
.product_onbanner .pro_type_li.cur .ico_box:before, .product_onbanner .pro_type_li:hover .ico_box:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 112px;
    height: 158px;
    top: -8px;
    background: url(../Images/product_ck.png);
    left: -7px;
    background-size: 100%;
    background-repeat: no-repeat;
}
.news_lists>ul>li {
    padding: 15px 0 15px 0;
    overflow: hidden;
}
.container01 ul li .con {
    display: inline-block;
    padding: 20px 0 0 0px;
    text-align: left;
    float: right;
    width: 45%;
    display: none;
}
.container01 ul li .icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    margin: auto;
}
.container01 ul li .con h5 {
    font-size: 12px;
    color: #848586;
    padding: 0 0 0 4px;
    margin: 0;
}
.container01 ul li .con h2 {
    font-size: 32px;
    color: #3b3d41;
    letter-spacing: -2px;
    margin-bottom: 3px;
    margin-top: 0;
}
.container01 ul{
    padding: 0;
}
.bannerVideoBox {
        height: 21vh;
        min-height: unset;
    }
    .picBox {
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    transition: 1s 2.5s;
    transform: perspective(1000px) translate3d(0, 0, 100px);
}
.bannerVideoBox .swiper-pagination {
    bottom: 20px;
    line-height: 1px;
    z-index: 1;
}
.swiper-pagination .swiper-pagination-bullet{width: 6px;height: 6px;}
.swiper-pagination .swiper-pagination-bullet-active{width: 20px;}
.form_box{
    padding: 0 10px;
}
.Form-J1 .Form-J1-li {
    margin-bottom: 5px;
    padding-bottom: 0;
    font-size: 12px;

}
.Form-J1 .Form-J1-Btn button {
    width: 170px;
}
}

@media(max-width:375px) {
    .types {
        font-size: 12px;
        color: #8e8e8e;
        font-family: "Arial";
    }
    .left_new_date {
        display: none;
    }
    .left_new_bot {
        padding-bottom: 15px;
    }
    .sos {
        width: 50%;
    }
    .so_name {
        font-size: 16px;
    }
    .so_pic {
        margin-top: 30px;
    }
    .Form-J1 .Form-J1-Btn button{
    width: 165px;
  }
}

@media(max-width:360px) {
    .n_lianxi .hd_box ul li {
    padding: 0 1.4%;
    }
}
