@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1740px){
	body,html{
		font-size: 70%;
	}
	.nav_box dl dd {
	    margin: 0 0 0 40px;
	}
	.nav_box ul li {
	    margin: 0 0 0 20px;
	}
	.o_ban{
		height: 400px;
	}
}
@media(max-width: 1550px){
	body,html{
		font-size: 68%;
	}
	.nav_box dl{
		left: 42%;
	}
	.o_ban{
		height: 360px;
	}
}
@media(max-width: 1200px){
	.o_ban{
		height: 420px;
	}
}
@media(max-width: 767px){
	body,html{
		font-size: 60%;
	}
	.w_all{
		width: 90%;
	}
	.navBtn{
		width:30px;
		height:30px;
		position:absolute;
		right:5%;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		cursor:pointer;
		z-index:99999;
	}
	.navBtn span{
		display: block;
		width: 26px;
		height: 2px;
		background:#333;
		margin: 6px 0;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}
	.nav_btn_active{
		-webkit-transition:all 0.4s;
		transition:all 0.4s;
		margin-top:2%;
		}
	.nav_btn_active span:nth-of-type(1){
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.nav_btn_active span:nth-of-type(2){
		opacity:0;
		}
	.nav_btn_active span:nth-of-type(3){
		margin-top:-16px;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	.logo {
	    height: 22px;
	    margin: 20px 0;
	}
	header.active .logo{
		height: 22px;
		margin: 20px 0;
	}
	.nbox{
		position: fixed;
		left: 0;
		top: 65px;
		width: 100%;
		height: 100%;
		background: #fff;
		display: none;
	}
	.nav_box dl{
		left: 50%;
		top: 10%;
		width: 90%;
	}
	.nav_box dl dd{
		float: none;
		margin: 20px 0;
	}
	.nav_box dl dd h1{
		font-size: 2rem;
		text-align: left;
		font-weight: bold;
	}
	.nav_box ul li{
		display: none;
	}
	.nav_box ul{
		position: static;
		-webkit-transform: translateY(-0%);
		transform: translateY(-0%);
	}
	.nav_box ul li.search{
		display: none;
		position: fixed;
		left: 0;
		top: 30px;
		width: 90%;
	}
	.s_menu{
		position: static;
		border: none;
	}
	.s_menu .sd > a{
		display: none;
	}
	.s_menu .sd > a:first-of-type{
		display: block;
	}
	.s_menu .ss{
		display: block;
		padding: 0;
	}
	.s_menu .sd h2{
		margin: 0;
	}
	.nav_box dl dd h1{
		line-height: 50px;
	}
	.banner{
		height:35% !important;
	}
	.banner ul li:nth-of-type(3){
		background-position: 60% center !important;
	}
	.banner_btn{
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		margin-left: -60px;
	}
	.index_bar2 ul li {
	    width: 50%;
		margin-top: 5%;
	}
	.index_bar2 ul li h1{
		margin-top: 8%;
	}
	.index_bar3{
		overflow: hidden;
	}
	.index_bar3 img{
		width: 140%;
		margin-left: -20%;
	}
	.title h1{
		font-size: 2.8rem;
		padding-left: 22px;
		letter-spacing: 0;
	}
	.title h1::before {
	    top: 38%;
	    border-top: 8px solid transparent;
	    border-left: 10px solid #221815;
	    border-bottom: 8px solid transparent;
	}
	.index_bar4{
		padding: 5% 0 8%;
	}
	.index_bar4 ul li h1{
		font-size: 1.8rem;
	}
	.index_bar4 ul li h1 strong{
		font-size: 1.4rem;
		line-height: 1.3;
	}
	.footer_box{
		padding-top: 8%;
	}
	.footer_con_top{
		display: block;
	}
	.footer_con_top dl:first-of-type{
		display: none;
	}
	.footer_con_top dl:last-of-type{
		display: block;
		width: 100%;
	}
	.footer_con_top dl{
		margin-bottom: 20px;
	}
	.footer_con_top dl dt h3{
		font-size: 2rem;
		display: block;
		border-bottom: 1px solid #555;
		padding-bottom: 2%;
	}
	.footer_con_top dl p{
		line-height: 1.4;
		letter-spacing: 0;
		margin: 0;
	}
	.footer_con_top dl dd{
		font-size: 1.5rem;
		margin-top: 6px;
		display: inline-block;
		margin-right: 20px;
	}
	.copy_right_box{
		padding: 3% 0;
		margin-top: 10%;
		border: none;
		width: 100%;
		background: #555;
	}
	.copy_right p{
		line-height: 18px;
		text-align: center;
		display: block;
	}
	.copy_right a{
		float: none;
		text-align: center;
		line-height: 20px;
	}
	.all_right{
		right: -1%;
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
	}
	.service {
	    margin-top: 62px;
	}
	.s_nav.active{
		top: 62px ;
	}
	.w_all2{
		width: 90%;
	}
	.s_nav{
		padding:10px 0;
	}
	.s_nav ul{
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.s_nav ul li{
		padding: 2px 0px;
		margin-right: 25px;
	}
	.s_nav ul li:last-of-type{
		margin-right: 0;
	}
	.s_nav ul li::before{
		left: -8px;
	}
	.service dl{
		margin: 4% auto;
	}
	.service dl dt{
		font-size: 2.2rem;
	}
	.service dl dd {
	    width: 32.3%;
	}
	.service dl dd h2{
		font-size: 1.4rem;
		line-height: 1.2;
	}
	.service dl dd h6 img {
	    width: 20px;
	    height: 20px;
		margin: 0 8px 4px;
	}
	.o_ban{
		height: 40% !important;
	}
	.a_ban li .txt2{
		width: 90%;
		margin: auto;
	}
	.about2 .box2 .title {
	    width: 100%;
	}
	.a_ban .txt2 p {
	    font-size: 1.5rem;
	    margin: 3% 0;
	    line-height: 1.4;
	}
	.a_ban .txt2 p:first-of-type {
	    font-size: 1.6rem;
	    line-height: 1.4;
	    margin: 0% 0 2%;
	}
	.a_ban .txt2 h2 {
	    font-size: 3rem;
	}
	.about2 .box2 .title .txt p{
		width: 100%;
		margin: 2px 0;
	}
	.about2 .box2 .title h1{
		padding-bottom: 0;
	    font-size: 2rem;
	}
	.contact2 .left{
		float: none;
		width: 100%;
	}
	.contact2 .left3{
		margin:5% auto;
	}
	.contact2 .left h2{
		font-size: 2rem;
	}
	.contact2 .left p{
		font-size: 1.6rem;
		line-height: 1.4;
		margin: 6px 0;
	}
	.contact2 .left p strong{
		font-size: 1.6rem;
	}
	.contact2 .submit input{
		width: 40%;
	}
	.o_ban{
		margin-top: 62px;
	}
	.op_ban{
		height: auto !important;
		background-position: right top !important;
		background-size: auto 180px !important;
	}
	.o_ban .txt{
		position: static;
		-webkit-transform: none;
		transform: none;
		padding:190px 0 5%;
	}
	.o_ban .txt h2 {
	    width: 100%;
		font-size: 2.6rem;
		margin-bottom: 3%;
	}
	.o_ban .txt p{
		width: 100%;
		line-height: 1.4;
	}
	.pro_l .left{
		float: none;
		width: 100%;
	}
	.pro_l .right{
		float: none;
		width: 100%;
		border: none;
		padding: 5% 0;
	}
	.o_nav{
		display: none;
	}
	.pro_l .left h2{
		margin-bottom: 10px;
	}
	.pro_l .left dt{
		margin: 0 0;
		font-size: 1.5rem;
	}
	.pro_l .right ul li{
		width: 49%;
		border: 1px solid #eee;
		margin-bottom: 2%;
	}
	.pro_l .right ul li:nth-of-type(2n){
		float: right;
	}
	.pro_d .left{
		float: none;
		width: 100%;
	}
	.pro_d .right{
		float: none;
		width: 100%;
	}
	.pro_d .left .tobig img{
		width: 22px;
	}
	.pro_d .right p{
		margin: 5px 0;
		line-height: 1.4;
	}
	.pro_d .right p::before{
		top: 8px;
	}
	.pro_d .right h2{
		font-size: 2.8rem;
	}
	.pro_d .right h2 span{
		margin-top: 0;
	}
	.pro_d .swiper-button-next:after, .swiper-button-prev:after{
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
	.pro_d .bar2 h2 {
	    padding: 2.5% 3%;
	}
	.pro_d .bar2 p{
		line-height: 1.4;
		width: 100%;
		font-size: 1.4rem;
	}
	.pro_d .bar2 h2 img{
	    width: 18px;
	    margin-right: 5px;
	    margin-top: 1px;
	}
	.pro_d .bar2 h2{
		font-size: 1.8rem;
	}
	.pro_d .o_nav{
		display: block;
		margin-bottom: 15px;
		display: flex;
	}
	.o_nav span{
		margin-right: 10px;
		padding-left: 10px;
	}
	.o_nav span::before{
		height: 70%;
		top: 55%;
	}
	.pro_d .bar2 table tr td{
		padding:5px 10px;
		line-height: 1.2;
		font-size: 1.4rem;
	}
	.pro_d .bar2 table tr td:first-of-type{
		font-size: 1.5rem;
	}
	.pro_d .bar2 h6{
		margin: 6px 0;
		padding-left: 15px;
	}
	.pro_d .swiper-button-next,.pro_d .swiper-button-prev{
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
	}
	.pro_d .bar4 .dl .dd h3{
		line-height: 1.1;
	}
	.big_box .big_imgs {
	    height: auto;
	    width: 100%;
	}
	.big_box .big_imgs img{
	    height: auto;
	    width: 100%;
	}
	.pro_l .right .bar{
		min-height: auto;
	}
	.pro_l .right ul li h2{
		font-size: 1.4rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.pro_l .right ul li h2 strong{
		margin-bottom: 0;
	}
	.pages span,.pages a{
		margin: 0 3px;
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.pages i{
		line-height: 22px;
		font-size: 1.2rem;
	}
	.pro_l .left dl{
		margin: 5px 0;
	}
	.footer_con_top dl p a{
		color: #ccc;
		font-size: 1.4rem;
	}
}