@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1600px) {
	body,html{
		font-size: 56%;
	}
}
@media(max-width: 1000px) {
    .w_all,.w_all2{
		width: 90%;
	}
	header .logo{
		height: 30px;
		padding: 30px 0;
	}
	header .logo img{
	    display: none;
	}
	header .logo .logo_ph{
        display: block;
    }
	header.active .logo {
	    height: 30px;
	}
	header .nav{
		position: fixed;
		left: -100%;
		top: 0;
		width: 100%;
		height: 100%;
		background: #fff;
	}
	header .nav ul{
		display: block;
		position: absolute;
		left: 50%;
		top: 40%;
		width: 90%;
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	header .nav li{
	    margin: 0;
	    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        transform: translateX(-100%) translateX(-17.5rem);
        opacity: 0;
	}
	header .nav ul li.active{
	    opacity: 1;
	    transform: translateX(0);
	}
	header .nav li span{
		font-size: 4rem;
		line-height: 50px;
	}
	header.active .nav li span{
	    line-height: 50px;
	}
	.navBtn{
		display: block;
	}
	header .nav li::before{
	    display: none;
	}
	header .h_other{
		position: absolute;
		left: 5%;
		bottom: 8%;
		margin: 0;
		border-top: 1px solid #000;
		padding-top: 12%;
		display: flex;
		justify-content: space-between;
		width: 90%;
		opacity: 0;
        transform: translateY(80px);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        transition-delay: 0.5s;
	}
	header .h_other.active{
	    transform: translateY(0);
        opacity: 1;
	}
	header .h_other .bb .ewm{
		top: -120px;
	}
	header .h_other .bb{
	    margin-left: 0;
	    font-size: 2rem;
	}
}
@media(max-width: 767px) {
	body,html{
		font-size: 50%;
	}
	.banner{
		margin-top: 90px;
	}
	.banner .txt{
		padding-bottom: 5%;
	}
	.banner .txt h3{
		font-size: 2.4rem;
	}
	.banner .txt h4 {
	    font-size: 3.2rem;
	}
	.banner .txt p{
		font-size: 1.6rem;
	}
	.banner .swiper-pagination{
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
	.s_menu{
		display: none !important;
	}
	.ban{
		margin-top: 90px;
		position: relative;
		height: inherit;
	}
	.alltop{
	    margin-top: 0 !important;
	}
	.index_bar1{
		padding: 10% 0;
	}
	.index_bar1 .box{
		display: block;
	}
	.index_bar1 .left{
		width: 100%;
	}
	.index_title h3 strong {
	    font-size: 4rem;
	    margin: 1% 0 5%;
	}
	.index_bar1 .right{
		width: 100%;
	}
	.index_title p{
		font-size: 1.8rem;
	}
	.more{
		padding: 10px 60px;
		margin: 6% 0 10%;
	}
	.index_bar1 .more{
		position: static;
		display: inline-block;
	}
	.index_bar2{
		padding: 10% 0;
	}
	.index_bar2 .box{
		display: block;
	}
	.index_bar2 .left{
		width: 100%;
	}
	.index_bar2 .right{
		width: 100%;
		margin-top: 6%;
	}
	.index_bar2 .right ul{
		margin: 0;
		justify-content: space-between;
	}
	.index_bar2 .right ul a{
		margin-right: 0;
		width: 49%;
	}
	.index_bar2 .right ul li h4{
		font-size: 2.4rem;
	}
	.index_bar2 .left p {
	    font-size: 2.4rem;
	    margin: 6% 0 0%;
	}
	.index_bar2 .left span{
		margin-top: 3%;
	}
	.index_bar3 {
		padding: 10% 0;
	}
	.index_bar3 .top{
		display: block;
		margin-bottom: 5%;
	}
	.pnav{
		flex-wrap: wrap;
	}
	.pnav span{
		margin:3px 0;
		width: 25%;
		box-sizing: border-box;
		padding-left: 15px;
	}
	.pnav span:before{
		width: 8px;
		height: 8px;
	}
	.index_bar3 ul a li {
		width: 49%;
	}
	.index_bar3 ul a:nth-of-type(3n) li {
	    margin-right: 2%;
	}
	.index_bar3 ul a:nth-of-type(2n) li {
	    margin-right: 0;
	}
	.index_bar3 ul a:last-of-type{
		display: none;
	}
	.index_bar4{
		padding: 10% 0;
	}
	.index_bar4 .box{
		display: block;
	}
	.index_bar4 .left{
		width: 100%;
	}
	.index_bar4 .right{
		width: 100%;
	}
	.index_bar4 .left h4 {
	    font-size: 3rem;
	    margin: 0% 0 3%;
	}
	.index_bar4 .left span{
		position: static;
		margin: 3% 0;
		display: block;
		height: 2px;
	}
	.btn .ll img{
		width: 25px;
		height: 7px;
	}
	.footer .box{
		display: block;
		padding: 10% 0;
	}
	.footer .right{
		display: block;
		width: 100%;
	}
	.footer dl a:nth-of-type(3n) dd{
	    margin-right: 0;
	}
	.footer dl dd{
		width: 27.3%;
	}
	.footer .left img {
	    margin-bottom: 5%;
	    height: 36px;
	    display: block;
	}
	.footer .right h4:nth-of-type(2) {
	    margin-top: 5%;
	    padding-top: 5%;
	}
	.footer .right p:nth-of-type(2) {
	    font-size: 2rem;
	}
	.footer .bb2{
		float: none;
	}
	.footer .right h4{
		margin-top: 3%;
	}
	.footer .right h4:nth-of-type(2){
		text-align: center;
	}
	.footer .right p:nth-of-type(2){
		text-align: center;
	}
	.footer ul{
		justify-content: center;
	}
	.footer ul li{
		margin: 0 3%;
	}
	.footer ul li img{
		width: 110px;
	}
	.footer .ss {
	    margin-top: 3%;
	    justify-content: center;
	}
	.footer .ss span{
		margin: 0 3%;
	}
	.footer .ss span img:first-of-type{
		width: 30px;
	}
	.footer .right p{
		margin: 5px 0;
	}
	.all_back{
		top: 6%;
		width: 24px;
		height: 24px;
	}
	.all_back i{
		line-height: 22px;
	}
	.allright{
		display: none !important;
	}
	.footer .copy .w_all{
		display: block;
		text-align: center;
	}
	.footer .copy p{
		line-height: 1.6;
	}
	.footer .copy a{
		margin-top: 5px;
	}
	.footer .copy p span{
		display: block;
		margin-top: 5px;
	}
	.about .box{
		display: block;
	}
	.about .left{
		width: 100%;
	}
	.about .left p{
		position: static;
		font-size: 2.6rem;
		margin: 10% 0 5%;
	}
	.about .right{
		width: 100%;
	}
	.about dl{
		flex-wrap: wrap;
	}
	.about dl dd{
		width: 48%;
		max-width: 48%;
	}
	.about dl h6,.about dl h6 span{
		font-size: 5rem;
	}
	.about dl h5{
	    margin-top: 0;
	}
	.about .tt h4{
		font-size: 2.6rem;
	}
	.index_title span{
		margin-top: 20px;
	}
	.about2 .box{
		display: block;
	}
	.about2 .left{
		width: 100%;
	}
	.about2 .right{
		width: 100%;
		margin-top: 10%;
	}
	.about2 ul{
		display: block;
	}
	.about2 ul li{
		width: 100%;
		margin-top: 3%;
	}
	.about4 p{
		margin: 0;
		padding: 0 5%;
		font-size: 2rem;
	}
	.pnav2{
		flex-wrap: wrap;
		margin-top: 5%;
	}
	.index_bar3 ul li .txt p{
		display: none;
	}
	#pages{
		margin-top: 3%;
	}
	.cases .index_bar3 ul a:last-of-type{
	    display: block;
	}
	.cases_d{
		margin-top: 90px;
	}
	.cases_d .bar1 .back b{
		padding: 6px;
		width: 18px;
	}
	.pnav2 a{
	    width: 33.3%;
	}
	.pnav2 span{
	    margin-left: 0;
	}
	.cases_d .bar1 .box{
		display: block;
	}
	.cases_d .bar1 .left{
		width: 100%;
	}
	.cases_d .bar1 .right{
		width: 100%;
		margin-top: 5%;
	}
	.cases_d .bar1 h2{
		font-size: 3.2rem;
	}
	.ban .txt p{
		font-size: 1.8rem;
	}
	.ban .txt p strong{
		font-size: 2rem;
	}
	.ban .txt{
		width: 160px;
	}
	.pro .bar1{
		display: block;
	}
	.pro .bar1 .left{
		width: 100%;
	}
	.pro .bar1 .right{
		width: 100%;
		margin-top: 5%;
	}
	.pro .bar1 h3{
		font-size: 3rem;
	}
	.pro .bar1 h4{
		font-size: 1.8rem;
	}
	.pro .bar1 p{
		font-size: 2rem;
	}
	.pro .bar1 p:nth-of-type(2){
		font-size: 1.6rem;
	}
	.pro .bar2 .box{
		display: block;
	}
	.pro .bar2 .left{
		width: 100%;
	}
	.pro .bar2 .right{
		width: 100%;
	}
	.pro .bar2 h3{
		font-size: 3rem;
	}
	.pro .bar2 h4{
		font-size: 1.8rem;
	}
	.pro .bar2 p{
		width: 100%;
	}
	.pro .bar2 .txt{
		position: static;
		margin: 5% 0;
	}
	.pro .bar2 h5{
		font-size: 2rem;
	}
	.pro .swiper-container{
		width: 100%;
		height: 200px;
	}
	.news .pnav span{
		width: inherit;
		margin-left: 20px;
	}
	.news ul{
		display: block;
		margin-top: 3%;
	}
	.news ul li{
		width: 100%;
	}
	.news ul a{
		width: 100%;
	}
	.news p{
		display: none;
	}
	.news ul li h3{
		font-size: 2rem;
	}
	.news .more{
		left: -3%;
	}
	.news_d{
		margin-top: 90px;
	}
	.news_d .left{
		position: static !important;
		width: 100% !important;
	}
	.news_d .right{
		width: 100%;
		margin-top: 5%;
	}
	.news_d h5{
		margin-top: 10px;
	}
	.news_d h2{
		font-size: 3rem;
	}
	.index_title h3 strong{
		font-size: 2.4rem;
		margin: 1% 0 2%;
	}
	.contact .bar1 .left img{
		height: 34px;
		margin:3% 0;
	}
	.contact .bar1{
		display: block;
	}
	.contact .bar1 .right .bb img{
		width: 120px;
	}
	.contact .bar1 .right .bb a{
		font-size: 2rem;
	}
	.contact .bar1 .right{
		width: 100%;
		margin-bottom: 6%;
	}
	.contact .bar1 .right .bb h5{
		font-size: 2.4rem;
	}
	.contact .bar1 .txt{
		width: 100%;
	}
	#dituContent{
		height: 180px;
	}
	.contact .bar2 .txt{
		margin: 0;
	}
	.contact .bar1 .left{
		width: 100%;
	}
	.aboutbox .index_title h3{
	    opacity: 1 !important;
        margin-top: 0px !important;
	}
	.aboutbox .index_title h3 strong{
	    opacity: 1 !important;
        margin-top: 0px !important;
	}
	.aboutbox .index_title .nn{
	    opacity: 1 !important;
        margin-top: 0px !important;
	}
}