@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1600px) {
	body,html{
		font-size: 58.5%;
	}
	.w_all{
		width: 86%;
	}
	.w_all2{
		width: 86%;
	}
	header .nav{
		right: 5%;
	}
	.banner h2{
		width: 80%;
	}
	.about_a3 ul{
		height: 500px;
	}
	.about_a3 ul li::before{
		width: 70%;
		height: 50%;
	}
	.all_nav_r p{
		padding-right: 25px;
	}
	.all_nav_r p::after{
		right: 15px;
	}
	.all_nav_r p.active::before{
		width: 15px;
	}
}
@media(max-width: 1200px) {
	body,html{
		font-size: 54.5%;
	}
	.w_all2{
		width: 90%;
	}
}
@media(max-width: 767px) {
	body,html{
		font-size: 53.5%;
	}
	.w_all{
		width: 94%;
	}
	.w_all2{
		width: 94%;
	}
	header .nav{
		width: auto;
		right: 0;
	}
	header .nav ul li{
		display: none;
	}
	header .nav ul li:last-of-type{
		display: block;
		margin-right: 50px;
	}
	header .nav li h2 img{
		margin-right: 5px;
	}
	header .logo,header.active .logo {
	    height: 32px;
		padding: 15px 0;
	}
	.menus{
		width: 30px;
		height: 30px;
	}
	.s_menu{
		width: 100%;
		overflow-y: scroll;
	}
	.s_menu .contain{
		width: 100%;
		padding: 5%;
		box-sizing: border-box;
	}
	.s_menu dl{
		width: 100%;
		padding-right: 0;
		margin: 0;
	}
	.s_menu dl dt {
	    padding-bottom: 2%;
	    margin:4% 0;
		font-size: 2rem;
	}
	.s_menu dl:first-of-type a{
		width: 100%;
	}
	.s_menu dl a{
		display: inline-block;
		width: 33%;
		margin: 1% 0;
	}
	.s_menu dl dd{
		margin: 0;
		font-size: 1.6rem;
		line-height: 1.4;
	}
	.banner{
		height: 50% !important;
	}
	.banner h2{
		width: 90%;
		font-size: 3.4rem;
		letter-spacing: 1px;
	}
	.banner h2 strong{
		font-size: 1.6rem;
		letter-spacing: 0;
	}
	.index_box{
		height: auto;
		padding: 10% 0;
		overflow: hidden;
	}
	.index_box .contain{
		position: static;
		-webkit-transform: none;
		transform: none;
	}
	.index_about .left{
		width: 100%;
		float: none;
	}
	.index_title h2{
		text-align: center;
		padding-bottom: 5%;
		font-size: 2.8rem;
		letter-spacing: 1px;
	}
	.index_about .index_title p{
		width: 100%;
	}
	.more {
	    width: 120px;
	    padding: 6px 0;
	    margin: 5% auto 0;
	}
	.index_about .more{
		display: none;
	}
	.index_about dl{
		margin: 0 auto 8%;
		overflow: hidden;
	}
	.index_about dl dd strong{
		font-size: 4rem;
	}
	.index_about .right{
		width: 100%;
		height: auto;
		position: relative;
		-webkit-transform: none;
		transform: none;
		right: inherit;
		top: inherit;
	}
	.index_about .right ul li:first-of-type {
	    width: 1.5rem;
	    height: 1.5rem;
	}
	.index_pro .index_title p{
		display: none;
	}
	.index_pro .swiper-scrollbar {
	    width: 50% !important;
	}
	.index_pro .swiper-slide h2{
		font-size: 1.8rem;
	}
	.index_partner .index_title p{
		display: none;
	}
	.swiper-pagination-bullet {
	    width: 8px !important;
		height: 8px !important;
		margin: 10px 4px !important;
	}
	.index_bar4{
		padding: 10% 0;
	}
	.index_bar4 .index_title p{
		display: none;
	}
	.index_bar4 ul li {
	    margin-top: 1%;
	    margin-right: 1%;
	    width: 49.5%;
	}
	.index_bar4 ul a:nth-of-type(2n) li {
	    margin-right: 0;
	}
	.index_bar4 ul li img{
		width: 40px;
	}
	.index_bar4 ul li h3{
		font-size: 1.8rem;
	}
	.index_bar5 .right{
		width: 100%;
		height: 260px;
		position: static;
	}
	.index_bar5 .left{
		display: none;
	}
	.index_bar5 .right b{
		height: 70%;
	}
	.index_bar5 .n_nav span {
	    font-size: 1.6rem;
	    margin: 0 15px;
	}
	.index_bar5 .index_title h2{
		padding-bottom: 0;
		margin-bottom: 5%;
	}
	.footer dl{
		display: none;
		margin-left: 0;
		float: none;
	}
	.footer dl:first-of-type{
		display: block;
		width: 100%;
	}
	.footer .copy .box{
		text-align: center;
		display: block;
	}
	.footer .copy p a{
		margin: 0;
	}
	.footer dl dd {
	    margin: 5px 0;
	}
	.footer dl h2:nth-of-type(2) {
	    margin-top: 15px;
	}
	.footer .ewmbox{
		display: block;
		right: 3%;
	}
	.footer .ewm img {
	    width: 90px;
	    margin: 0 auto 5px;
	}
	.footer dl dt{
		font-size: 2rem;
	}
	.all_box{
		padding: 8% 0;
	}
	.ban {
	    height: 180px;
	}
	.all_nav ul li b {
	    width: 30px;
	    height: 30px;
	    margin: 0 auto 5px;
	}
	.all_nav ul li b img{
		width: 46%;
	}
	.all_nav ul li{
		font-size: 1.6rem;
	}
	.title3 h2{
		font-size: 2.4rem;
	}
	.title3 p{
		width: 100%;
		font-size: 1.5rem;
		line-height: 1.8;
	}
	.title2{
		font-size: 2.2rem;
	}
	.title3 h2::before {
	    bottom: 16%;
	    height: 120%;
	}
	.about_a2 dl dd{
		width: 33.3%;
		margin: 2% 0;
	}
	.about_a2 .contain .abox{
		width: 90%;
	}
	.about_a2 .contain .a_img{
		width: 100%;
		height: 160px;
		position: static;
	}
	.about_a2 .contain .a_txt{
		width: 100%;
		float: none;
	}
	.about_a3{
		padding: 0;
	}
	.about_a3 ul li{
		height: 33.333%;
		float: none;
		border: none;
		width: 100%;
	}
	.about_a3 ul li::after {
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 1px;
	}
	.about_a3 ul li::before{
		height: 80%;
		width: 80%;
	}
	.about_a3 ul li b img{
		width: 36px;
	}
	.about_a3 ul li h3 {
	    margin-top: 15px;
	    padding-top: 15px;
		line-height: 1.3;
	}
	.about_a3 ul li .txt{
		width: inherit;
	}
	.about3_a2{
		background-attachment: fixed !important;
	}
	.about4 #allmap{
		height: 260px;
	}
	.about4 .txt{
		margin-top: -15%;
	}
	.about4 .txt li{
		float: none;
		width: 100%;
	}
	.about4 .txt li p{
		float: none;
		width: 100%;
	}
	.about4 .txt li h2{
		margin: 10px 0 10px;
	}
	.about4 .txt li:nth-of-type(2) h2{
		margin-top: 20px;
	}
	.message{
		width: 90%;
	}
	.message input {
	    margin-bottom: 5%;
	    padding: 0 3%;
	    line-height: 30px;
	}
	.message textarea{
		margin-bottom: 5%;
		padding: 0 3%;
		line-height: 30px;
	}
	.about2{
		padding-bottom: 0;
	}
	.about2_a2{
		overflow: hidden;
	}
	.about2_a2 .left{
		display: none;
	}
	.about2_a2 ul{
		float: none;
		width:100%;
	}
	.about2_a2 ul li{
		width: 48%;
	}
	.about2_a2 .contain{
		position: static;
	}
	.all_nav_r{
		position: static;
		display: flex !important;
		justify-content: center;
		flex-wrap: wrap;
		-webkit-transform: translateY(-0%);
		transform: translateY(-0%);
		margin: 5% auto;
	}
	.all_nav_r p {
	    margin: 10px 20px ;
	    padding-right: 0px;
		font-size: 1.6rem;
	}
	.all_nav_r p::after{
		right: inherit;
		left: 50%;
		top: -4px;
		margin-left: -2px;
	}
	.all_nav_r p::before{
		width: 1px !important;
		height: 0;
		right: inherit;
		left: 50%;
		top: -24px;
		display: none;
	}
	.all_nav_r p.active::before{
		height: 20px;
	}
	.big_box_pro .big_imgss {
	    height: auto;
	    width: 94%;
	}
	.big_box_pro .big_imgss img{
	    height: auto;
	    width: 100%;
	}
	.about3{
		padding-bottom: 0;
	}
	.about3_a2 ul li{
		width: 100%;
		margin-top: 5%;
	}
	.about3_a2 ul li:nth-of-type(2n+1){
		float: left;
	}
	.about3_a2 ul::before{
		left: 6%;
		opacity: 0.3;
	}
	.about3_a2 h4 {
	    font-size: 2.6rem;
	    padding-left: 10%;
	    letter-spacing: 0;
	}
	.about3_a2 ul li:nth-of-type(2n) h4 {
	    float: left;
	    text-align: left;
	    padding: 0;
	    padding-left: 10%;
	}
	.about3_a2 h4::before{
		left: 14px;
		top: 20%;
		width: 4px;
		height: 4px;
	}
	.about3_a2 .txt {
	    padding: 2% 5%;
	}
	.about3_a2 ul li:nth-of-type(2n) .txt{
		border-left: none;
		border-right: 3px solid #FF0000;
	}
	.about3_a2 ul li:nth-of-type(2n) h4::before {
	    left: 14px;
	    right: inherit;
	}
	.about3_a2 ul li:nth-of-type(2n) h4::after {
	    right: -15%;
	    left: inherit;
	}
	.about3_a2 h4::after{
		width: 22%;
	}
	.culture ul li {
	    width: 48.5%;
	}
	.culture ul li:nth-of-type(3n) {
	    margin-right: 3%;
	}
	.culture ul li:nth-of-type(2n) {
	    margin-right: 0;
	}
	.culture ul li .txt{
		padding: 1rem;
		margin-bottom: 0;
	}
	.culture ul li .txt h2{
		font-size: 1.6rem;
		letter-spacing: 0;
		height: 6.4rem;
		-webkit-line-clamp: 3;
		text-overflow: inherit;
		white-space: inherit;
	}
	.culture ul li p{
		display: none;
	}
	.culture .all_nav_r2 {
		margin-bottom: 0;
	}
	.culture2 ul li h4{
		font-size: 1.5rem;
		padding: 8px 3%;
		height: 5.2rem;
		line-height: 1.3;
		text-align: left;
		word-break: break-all;
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.culture2 ul li b .v_btn{
		top: 40%;
		width: 36px;
	}
	.culture4 ul li b{
		float: none !important;
		width: 100%;
	}
	.culture4 ul li .txt{
		margin-top: 5%;
		position: static;
		height: auto;
		width: 100%;
		-webkit-transform: translateY(-0%);
		transform: translateY(-0%);
	}
	.culture4 ul li .txt h2{
		font-size: 2rem;
		padding-left: 15px;
	}
	.culture4 ul li .txt h2::before{
		width: 5px;
		height: 5px;
		top: 8px;
	}
	.culture ul li:hover .txt{
		-webkit-transform: none; 
		transform: none;
	}
	.all_nav.p_nav ul a{
		width: 20%;
	}
	.p_nav ul li{
		width: auto;
		margin: 5px 0;
	}
	.pro ul li{
		width: 48.5%;
	}
	.pro ul li:nth-of-type(2n){
		margin-right:0;
	}
	.pro ul li h4{
		font-size: 1.8rem;
	}
	.pages{
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	.pages a{
		margin: 6px;
	}
	.rd{
		padding-bottom: 0;
	}
	.rd ul li{
		padding: 15% 0;
	}
	.rd ul li .txt h2{
		font-size: 2.4rem;
		margin-bottom: 8%;
	}
	.rd ul li .txt p{
		width: 100%;
		font-size: 1.6rem;
		line-height: 1.8;
	}
	.rd2 dl dd{
		width: 50%;
	}
	.rd2 .imgs img {
	    margin-right: 2%;
	    width: 49%;
	}
	.rd2 .imgs img:nth-of-type(3n) {
	    margin-right: 2%;
	}
	.rd2 .imgs img:nth-of-type(2n) {
	    margin-right: 0;
	}
	.rd3_2 ul li {
		width: 33.3%;
		margin: 3% 0;
	}
	.rd3_2 ul li img{
		width: 40px;
	}
	.rd3_3 .contain .left{
		width: 90%;
		margin: auto;
		float: none;
	}
	.rd3_3 .contain .left p{
		margin: 10px 0;
		padding-left: 15px;
	}
	.rd3_3 .contain .right{
		display: none;
	}
	.rd3_4 .imgs img {
	    margin-right: 2%;
	    width: 49%;
	}
	.rd3_4 .imgs img:nth-of-type(3n) {
	    margin-right: 2%;
	}
	.rd3_4 .imgs img:nth-of-type(2n) {
	    margin-right: 0;
	}
	.rd4 ul{
		padding: 0;
	}
	.rd4 ul li{
		width: 20%;
	}
	.rd4_2 .left{
		width: 100%;
		float: none;
	}
	.rd4_2 .right{
		position: relative;
		height: 180px;
		width: 100%;
	}
	.rd4_2 .left p{
		margin: 10px 0;
	}
	.rd4_2 .title2{
		padding: 0;
	}
	.rd4_2 .contain{
		padding-top: 0;
	}
	.culture4{
		padding-bottom: 0;
	}
	.join2 ul li {
	    width: 49.5%;
		margin-top: 1%;
		padding: 5%;
	}
	.join2 ul li:nth-of-type(2n) {
	    margin-right: 0;
	}
	.join2 ul li .tt p{
		margin: 2px 0;
	}
	.xq .xx{
		padding: 5%;
		width: 90%;
		box-sizing: border-box;
	}
	.xq .hh{
		margin: 5px 0;
		padding-left: 35px;
	}
	.xq .hh strong{
		top: 3px;
	}
	.xq .xx h3{
		font-size: 2.4rem;
	}
	.xq .close{
		top: 2%;
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	.xq .bottom{
		text-align: left;
		padding: 4%;
	}
	.xq .bottom h5 {
	    font-size: 1.5rem;
	}
}