@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1500px) {
	.w_all2{
		width: 1300px;
	}
}
@media(max-width: 1350px) {
	.w_all2{
		width: 1000px;
	}
	.pro1 ul b img {
	    height: 100px;
	}
	.sost .box {
	    padding: 0%;
	}
	.sost3 .box{
		padding: 0;
	}
	.sost3 .left{
		height: 80%;
	}
	.sost5 .box {
	    padding: 0 10%;
	}
	.about2 .right {
	    width: 40%;
	    padding: 2% 0% 0 5%;
	}
	.index_bar3 .contain {
	    padding: 0 0%;
	}
	.about5 .box {
	    padding: 0;
	}
	.index_bar1 .right {
	    width: 52%;
	    padding: 4% 0% 4% 5%;
	}
	.index_bar1 .left{
		width: 40%;
	}
	.index_bar2 ul li .bars{
		height: 300px;
	}
	.index_bar2 ul:nth-of-type(2) li:nth-of-type(2n) .bars {
	    height: 600px;
	}
}
@media(max-width: 1250px) {
	body,html{
		font-size: 72%;
	}
	.w_all2{
		width: 88%;
	}
}
@media(max-width: 767px) {
	body,html{
		font-size: 70%;
	}
	header .logo{
		height: 80px;
	}
	header .menu {
		top: 38px;
	}
	.banner .txt{
		width: 100%;
	}
	.w_all2{
		width: 90%;
	}
	.index_bar1 .left{
		position: static;
		width: 100%;
		-webkit-transform: translateY(-0%);
		transform: translateY(-0%);
	}
	.index_bar1 .right{
		width: 94%;
	    padding: 8% 12% 8% 15%;
		margin-top: 8%;
	}
	.index_bar1 .left h2 {
	    font-size: 3.8rem;
	    line-height: 46px;
	}
	.index_bar1 .right p:first-of-type{
		margin-bottom: 10%;
	}
	.index_bar2 ul{
		display: block;
	}
	.index_bar2 ul li{
		width: 100%;
	}
	.index_bar2 ul:first-of-type li:nth-of-type(3){
		width: 100%;
	}
	.index_bar3 .left{
		width: 100%;
		float: none;
		text-align: center;
	}
	.index_bar3 .left strong{
		margin: 20px 0;
	}
	.index_bar3 .right{
		width:80%;
		float: none;
		margin: 10% auto;
	}
	.index_bar3 .right h4{
		margin: 10% 0;
		line-height: 1.4;
	}
	.index_bar3 .right p{
		line-height: 2;
	}
	.index_bar3 .left span {
	    right: -30px;
	    top: -60px;
	}
	.index_bar4 .top .txt{
		width: 80%;
	}
	.index_bar4 .left h2 {
	    font-size: 3.6rem;
	}
	.index_bar4 .more{
		margin: 0;
	}
	.index_bar4 .right{
		margin: 5% 0;
	}
	.index_bar4 .right h3{
		font-size: 3.6rem;
		margin-bottom: 3%;
	}
	.index_bar4 {
	    padding: 8% 0 12%;
	}
	.footer .bar {
	    display: block;
	}
	.footer .left {
	    width: 100%;
	}
	.footer .right {
	    width: 100%;
	}
	.footer dl{
		float: none;
		width: 100%;
		margin: 12% 0;
	}
	.footer {
	    padding: 10% 0 8%;
	}
	.footer .left .logo img {
	    width: 90%;
	}
	.o_ban{
		height: 220px;
	}
	.about1 .left{
		width: 100%;
		margin: 8% 0;
	}
	.about1 .right{
		width: 100%;
		margin-top: 15%;
	}
	.about1 .box {
	    padding: 0 20%;
	}
	.about1 .right h3 {
	    font-size: 2.8rem;
		margin: 10px 0 12%;
	}
	.about1 .right p{
		margin: 8% 0;
	}
	.about2 .right {
	    width: 90%;
	    padding: 2% 0% 0 5%;
	}
	.about2 .left {
	    display: block;
	    font-size: 7rem;
	    text-align: center;
	}
	.about2 .right h2{
		font-size: 2rem;
	}
	.about2 {
	    padding: 5% 0 70%;
	}
	.about4 {
	    height: 260px;
	}
	.about4 .box img {
	    width: 60%;
	    margin: 0 auto 8%;
	}
	.about4 .v_btn span{
		margin-right: 10px;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	.about5 .box{
		display: block;
	}
	.about5 .left {
	    width: 100%;
	}
	.about5 .right {
	    width: 100%;
	    margin: 10% 0;
	}
	.about5 .img {
	    width: 20%;
	}
	.about5 .left h2 {
	    font-size: 3.6rem;
	    padding-bottom: 5%;
	    margin-bottom: 10%;
	}
	.about5 {
	    padding: 8% 0 90%;
	}
	.about6 {
	    padding: 40% 0;
	}
	.about6 .txt{
		width: 80%;
	}
	.about6 .txt h3 {
	    font-size: 3.6rem;
	    margin: 10px 0;
	}
	.pro1 .left{
		float: none;
		width: 100%;
		opacity: 1 !important;
		margin-left: 0 !important;
	}
	.pro1 .right{
		float: none;
		width: 100%;
		padding: 5% 10%;
		box-sizing: border-box;
	}
	.p_ban{
		padding-top: 40%;
	}
	.p_ban .imgs{
		width: 90%;
	}
	.pro1 .right h2{
		font-size: 2.2rem;
	}
	.pro1 ul{
		display: block;
	}
	.pro1 ul li{
		border: none;
		margin: 8% 0;
	}
	.pro1 ul b img{
		height: 80px;
		margin: auto;
		display: block;
	}
	.pro1 ul .more{
		margin-top: 3%;
	}
	.pro1_bar .left{
		width: 100%;
	}
	.pro1_bar .right{
		float: none;
		width: 90%;
		margin: auto;
		margin-top: 5%;
	}
	.pro1_bar .left b{
		height: 70%;
	}
	.pro1_bar .right img {
	    height: 80px;
	}
	.pro1_bar .right h2 {
	    font-size: 3.6rem;
	}
	.pro1_bar .right h4{
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
	}
	.pro1_bar .right h4 {
	    margin: 10% 0;
	    padding: 10px 20px 4px;
	}
	.big_box_pro .big_imgss{
		height: auto;
		width: 100%;
	}
	.pro1_bar .box2 .swiper-container{
		padding-bottom: 6%;
	}
	.pro1_bar .box2 .swiper-container-horizontal>.swiper-scrollbar{
		width: 90%;
		left: 5%;
	}
	.big_box_pro .big_imgss img{
		height: auto;
		width: 100%;
	}
	.big_box .btn_l{
		margin-left: 0 !important;
	}
	.big_box .btn_r{
		margin-right: 0 !important;
	}
	.pro3 ul li{
		width: 100%;
	}
	.pro3 ul li img {
	    padding: 12% 0;
	}
	.pro_logos h2 {
	    font-size: 2.4rem;
	    margin-bottom: 8%;
	    line-height: 1.2;
	    padding-bottom: 5%;
	}
	.pro_logos ul{
		padding: 0 5%;
	}
	.pro_logos ul li img{
		width: 80%;
	}
	.o_ban2 .txt2 .txt_img {
	    width: 100%;
	}
	.sost .left {
	    float: none;
	    width: 100%;
	}
	.sost .right {
	    float: none;
	    width: 100%;
		margin-top: 10%;
	}
	.sost .left h2{
		font-size: 4rem;
	}
	.sost2 .left{
		width: 100%;
	}
	.sost2 .right{
		width: 100%;
		position: static;
		margin-bottom: -4px;
	}
	.sost2 .left h4 {
	    margin-top: 8%;
	    padding: 10px;
	    padding-left: 50px;
	}
	.big_box_sost2 .big_imgss {
	    width: 100%;
	    height: auto;
	}
	.big_box_sost2 .big_imgss .imgs{
		width: 100%;
		height: auto;
	}
	.big_box_sost2 .big_imgss img {
	    width: 100%;
	    height: auto;
	}
	.sost3 .left{
		position: relative;
		height: 300px;
		width: 90%;
		-webkit-transform: translateY(-0%);
		transform: translateY(-0%);
	}
	.sost3 .left .bar1{
		width: 40%;
		height: 100%;
	}
	.sost3 .left .bar1:nth-of-type(2n){
		width: 46%;
	}
	.sost3 .left span img{
		height: 120%;
	}
	.sost3 .right{
		width: 100%;
	}
	.sost3 .right h2{
		font-size: 3.6rem;
	}
	.sost3 .right .imgs{
		display: block;
	}
	.sost3 .right .imgs .img{
		display: block;
		margin: auto;
	}
	.sost3 .right .imgs p{
		margin: 10% 0 0;
	}
	.sost4{
		padding: 12% 0;
	}
	.sost4 .top {
	    height: 150px;
	}
	.sost4 .top span{
		width: 100%;
	}
	.sost4 .top span:nth-of-type(2){
		display: none;
	}
	.sost4 .bottom .txt img{
		float: none;
		width: 50%;
		margin:8% auto 0;
	}
	.sost4 .bottom .txt .contain{
		float: none;
		width: 100%;
		margin: 10% 0;
	}
	.sost4 .bottom h2{
		font-size: 3.6rem;
		padding-bottom: 5%;
		margin: 5% 0;
	}
	.sost4 .bottom h2::before{
		width: 20%;
	}
	.sost4 .bottom h6{
		position: static;
		width: 100%;
	}
	.sost5 .box {
	    padding: 0 10%;
	}
	.sost5 .left{
		width: 100%;
		float: none;
		text-align: left;
	}
	.sost5 .left::before{
		right: inherit;
		left: 0;
	}
	.sost5 .right{
		width: 100%;
		margin-top: 10%;
		float: none;
	}
	.sost5 .left h2{
		font-size: 3.6rem;
	}
	.o_ban .txt{
		width: 70%;
		top: 56%;
	}
	.o_ban .txt h2 span{
		font-size: 3.6rem;
		margin: 0 10px;
	}
	.o_ban .txt p{
		font-size: 2rem;
	}
	.contact .left{
		width: 100%;
		float: none;
	}
	.contact .left .h_other {
	    margin-top: 20px;
	}
	.contact .right{
		width: 100%;
		float: none;
		margin-top: 10%;
	}
	.contact .left h3 {
	    font-size: 2.4rem;
	}
	.contact .left > p {
	    font-size: 1.4rem;
	    line-height: 1.6;
	}
	.contact .bar input {
	    line-height: 26px;
	    padding: 0px 0 0px 15px;
	}
	.contact .submit input {
	    padding: 12px 40px;
	}
	#dituContent {
	    height: 280px;
	}
}