@charset "utf-8";
/* CSS Document */
@media(max-width: 1460px){
	body,html{
		font-size: 60.5%;
	}
	.index_about .contain{
		height: auto;
	}
	.index_about video{
		min-height: auto;
		width: 100%;
	}
	.about .bar1 .contain .right{
		width: 100%;
	}
	.about .bar1 .contain .left{
		width: 100%;
		margin-top: 5rem;
	}
	.title h3{
		font-size: 5rem;
	}
	.solutiond .ll .title h3{
		font-size: 3.6rem;
	}
	.solutiond .tts{
		padding-bottom: 18rem;
	}
	.solutiond b{
		height: 20rem;
	}
	.solutiond .rr p{
		font-size: 1.7rem;
	}
	.honor .bar1 .contain .left p strong{
		font-size: 3.4rem;
	}
	.pro ul .nums{
		top: 19rem;
	}
	.solutiond h5 {
        font-size: 2rem;
	}
	.solutiond .tts.tt154 b{
	    height: 36rem;
	}
	.solutiond h5 strong{
	    padding: 0 4rem;
	}
	html[lang='en'] .txt_all h3{
	    width: 50%;
	}
}
@media(max-width: 1200px){
    .w_all3{
        width: 90%;
    }
	.title h3 {
		font-size: 4rem;
		letter-spacing: 1px;
	}
	.txt_all h3{
		width: 56% !important;
	}
	.index_about h3{
		font-size: 4.6rem;
	}
	.index_pro ul li{
		font-size: 2rem;
		letter-spacing: 0;
	}
	.index_pro ul li img{
		height: 3.2rem;
		margin-right: 1rem;
	}
	.index_pro dl dd h6{
		font-size: 9rem;
	}
	.index_news  li b{
	    height: auto;
	}
	.index_news li h6{
		font-size: 1.8rem;
	}
	.honor .bar1 .contain .left p strong{
		font-size: 2.6rem;
	}
	.honor .bar1 .contain .left p{
		font-size: 2rem;
	}
	.honor .bar2 ul li h4{
		font-size: 2.6rem;
	}
	.news ul li h6{
		font-size: 1.8rem;
		margin-top: 0;
	}
	.pro ul .nums{
		top: 13rem;
	}
	.pages0 .btn > div{
		transform: scale(1);
	}
	.news h5{
		font-size: 2.4rem;
	}
	.title h3{
		font-size: 3.4rem;
	}
	.solutiond .ll{
		width: 20%;
	}
	.solutiond .ll .title h3{
		font-size: 2.8rem;
		margin-top: 2rem;
	}
	.solutiond .rr{
		width: 80%;
	}
	.solutiond h5{
		font-size: 2.2rem;
	}
	.solutiond .tts{
		padding-bottom: 13rem;
	}
	.solutiond b{
		height: 15rem;
	}
	.solutiond .rr p{
		font-size: 1.7rem;
	}
	.index_pro .txtts .t1 span{
		max-width: 25rem;
	}
	.contact .title {
        width: 40%;
    }
    .contact .box {
         width:60%;
    }
    .pbans h2 {
        font-size: 4rem;
    }
    .about .bar1 .contain{
        width: 90%;
    }
    .about .bar1 .contain .left{
        padding: 0;
    }
}
@media(max-width: 1000px){
	.txt_all h3{
		width: 85% !important;
	}
	.banner video{
		min-width: 100%;
		width: inherit;
	}
	.index_pro ul li{
		display: block;
	}
	.index_pro dl dd h6{
		font-size: 5rem;
	}
	.index_pro ul li img{
		display: block;
		margin: 0 0 2rem 0;
	}
	.index_pro dl {
		bottom: -6rem;
	}
	.index_pro .mores {
		padding: 1.4rem 4rem;
	}
	.index_solution{
		padding-left:5% ;
		padding-right: 5%;
	}
	.index_solution .title{
		width: 100%;
	}
	.index_solution .rr{
		width: 100%;
		margin-top: 3rem;
	}
	.index_solution .swiper-slide{
		width:calc((100% - 30px) / 2) !important;
	}
	.index_solution .swiper-slide:nth-of-type(1){
		width:calc((100% - 30px) / 2) !important;
	}
	.index_solution .swiper-slide:nth-of-type(1) .imgs{
		position: relative;
		height: auto;
	}
	.index_solution .swiper-slide:nth-of-type(1) .txt{
		width: 100%;
		position: relative;
	}
	.btn{
		justify-content: center;
	}
	.index_news li{
		width: 100%;
		margin-top: 5rem;
	}
	
	.index_news .title h3{
		text-align: center;
	}
	.index_news .mores{
		margin:3rem  auto 1rem;
	}
	.footer dl{
		text-align: center;
		width: 100%;
	}
	.footer dl:not(:last-of-type){
		display: none;
	}
	.footer .copyright .logo2{
		width: 100%;
	}
	.footer .copyright .logo2 img{
		margin:2rem auto;
		display: block;
	}
	.footer .copyright .tt{
		width: 100%;
		text-align: center;
	}
	.footer .copyright p{
		display: block;
		text-align: center;
	}
	.footer .copyright p a{
		display: block;
		text-align: center;
		margin: 0;
	}
}
@media(max-width: 840px){
	body,html{
		font-size: 56.5%;
	}
	.loading .contain .logos img{
	    width: 15rem !important;
	    margin-right: 3rem;
	}
	.loading .contain .logos{
	    font-size: 3rem;
	}
	.loading p{
	    font-size: 2.2rem !important;
	    letter-spacing: 4px;
	}
	header .contain{
		padding: 1.5rem 0;
	}
	.logo{
		height: 40px;
	}
	.navBtn{
		display: block;
	}
	header nav ul{
		display: none;
		position: fixed;
		left: 0;
		top:0;
		width: 100%;
		height: 100vh;
		background: #fff;
		margin-top: 67px;
		z-index: 99999;
		padding-top: 10vh;
		box-sizing: border-box;
		border-top: 1px solid rgba(0,0,0,0.1);
	}
	header nav ul li{
		margin: 3vh 0;
		line-height: 2;
		text-align: center;
		
	}
	header nav ul li a{
		font-size: 2rem;
	}
	.ssmenu{
		display: none !important;
	}
	.txt_all{
		width: 85%;
		bottom: 10%;
		padding-left: 2rem;
	}
	.banner video{
		min-width: 100%;
		width: inherit;
	}
	.txt_all h3{
		width: 95% !important;
		font-size: 3rem;
		letter-spacing: 1px;
	}
	.txt_all p{
		margin-top: 3rem;
	}
	.index_news li b{
	    height: 20rem;
	}
	.index_news li b img{
	    height: auto;
	    width: 100%;
	}
	.news ul li{
	    width: 48.5%;
	    margin-right: 3%;
	}
	.news ul li:nth-of-type(3n){
	    margin-right: 2%;
	}
	.news ul li:nth-of-type(2n){
	    margin-right: 0%;
	}
	.index_pro .txtts .tt{
	    transform: scale(0.8);
	}
	.indexBars2,.allBars{
	    padding: 10% 0;
	}
	.index_about .txt_all{
		width: 75%;
	}
	.index_about .txt_all h3{
		margin-bottom: 0rem;
	}
	.index_about .more{
		margin-top: 3rem;
	}
	.index_pro{
		z-index: 9;
	}
	.index_pro ul li{
		display: block;
		width: 48%;
		padding-bottom: 2rem;
		margin-bottom: 2rem;
	}
	.index_pro dl dd h6{
		font-size: 5rem;
	}
	.index_pro ul li img{
		display: block;
		margin: 0 0 1rem 0;
	}
	.index_pro dl {
		bottom: -4rem;
	}
	.index_solution .swiper-slide{
		width:calc((100% - 0px) / 1) !important;
	}
	.index_solution .swiper-slide:nth-of-type(1){
		width:calc((100% - 0px) / 1) !important;
	}
	.index_solution .contain{
	    width: 90%;
	    margin: auto;
	}
	.index_solution .imgs{
	    height: 20rem !important;
	}
	.index_solution .imgs img{
	    width: auto;
	    height: 100%;
	}
    .footer .fbox{
        padding: 8% 0;
    }
    .footer .logo2 img{
        height: 4rem;
    }
    .footer dl dd {
        margin: 1rem 0;
    }
    .title h3 {
        font-size: 2.6rem;
    }
    .o_nav{
        padding: 1.5rem 0;
    }
    .about .bar1 .contain .left .title h3 {
        margin: 0rem 0 3rem 0;
    }
    .about .bar3 .top{
        padding-bottom: 3rem;
    }
    .about .bar3 .swiper-slide{
        transform: scale(1) !important;
    }
    .news h5{
        width: 100%;
    }
    .news ul{
        width: 100%;
        border: none;
        padding: 0;
    }
    .news .bars{
        background: #fff !important;
        padding: 0;
    }
    .newsn ul li{
        width: 100%;
        display: block;
        margin: 2rem 0 !important;
    }
    .newsn ul li b{
        width: 100%;
        display: block;
    }
    .newsn ul li .tt{
        width: 100%;
        display: block;
    }
    .newsn ul li b img{
        width: 100%;
    }
    .newsn ul li a{
        display: block;
    }
     .newsn ul li h4{
         font-size: 1.3rem;
         margin: 2rem 0 0;
     }
    .newsn ul li h4 strong{
        font-size: 4rem;
        line-height: 1;
    }
    .teama ul li{
        width: 100%;
        display: block;
        margin: 2rem 0 !important;
    }
    .teama ul li b{
        width: 100%;
        display: block;
        height: auto;
    }
    .teama li b img {
        width: 100%;
    }
    .pro{
        padding-bottom: 0;
    }
    .pro ul li{
        margin-top: 2rem;
        width: 100%;
        margin-right: 0 !important;
    }
    .pro ul li:nth-of-type(1) b{
        position: static;
        height: inherit;
        
    }
    .pro ul li:nth-of-type(1){
        width: 100%;
    }
    .pro ul li:nth-of-type(1) .tt{
        position: static;
        width: 100%;
    }
    .pro ul li b{
        height: 20rem !important;
    }
    .pro ul .nums{
        bottom: inherit;
        top: -6rem;
        font-size: 8rem;
        left: inherit;
        right: 0;
    }
    .news .more{
        margin-top: 2rem;
    }
    .news .bars{
        padding: 3rem 0 !important;
    }
    .news .bars:nth-of-type(2n+1){
        background: #eee;
        box-sizing: border-box;
    }
    .bans{
        margin-top: 118px;
    }
    .pbans {
        height: 50vh;
    }
    .newsd .ll{
        width: 100%;
    }
    .newsd .rr{
        width: 100%;
        padding: 0;
        border: none;
        margin-top: 1rem;
    }
    .pbans h2{
        font-size: 3rem;
    }
    .scroll{
        transform: scale(0.8);
    }
    .o_nav ul li.now{
        max-width: 10rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .solution .title2{
        width: 100%;
        display: none;
    }
    .solution .bars ul{
        width: 100%;
    }
    .index_news li{
        margin-top: 3rem;
    }
    .news ul li h6{
        margin-top: 0;
    }
    .solutiond .tts{
        width:90%;
        padding-bottom: 0;
    }
    .solutiond .rr{
        margin-top: 5rem;
    }
    .solutiond b{
        position: static;
        transform: none;
        width: 100%;
        height:20rem !important;
    }
    .newsd .ll{
        width: 100% !important;
        text-align: center;
        position: relative !important;
    }
    .solutiond h5{
        padding: 10px;
    }
    .news0 .top{
        margin-bottom: 2rem;
    }
    .news{
        padding-bottom: 0;
    }
    .newsd .title h3{
        font-size: 2.2rem;
        margin-bottom: 2rem;
    }
    .contact .title{
        width: 100%;
    }
    .contact .box {
        margin-top: 3rem;
        padding: 0;
        border: none;
        width: 100%;
    }
    .indexBars{
        padding: 10% 0;
    }
}