@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1700px){
	.pro dl a{
		padding: 1.1rem 3rem;
		margin: 0.8rem;
	}
}
@media(max-width: 1560px){
	.w_all{
		width: 82%;
	}
	.pro dl a{
		padding: 1.1rem 2.5rem;
		margin: 0.6rem;
	}
	.footer .boxs .left img{
		height: 80px;
	}
	.footer .links{
		width: 30%;
	}
}
@media(max-width: 1400px){
	body,html{
		font-size: 58%;
	}
	.w_all{
		width: 86%;
	}
	.banner .swiper-slide{
		background-position: 30% center !important;
	}
	.title h3{
		font-size: 4.2rem;
	}
	.index_bar0s .left{
		width: 21rem;
	}
	.news_d p{
		font-size: 1.4rem;
	}
	.pro dl a{
		padding: 1rem 2rem;
		margin: 0.6rem;
	}
}
@media(max-width: 1120px){
	.w_all{
		width: 90%;
	}
	header dl dd{
		margin-left: 6rem;
	}
	.title h3{
		font-size: 4rem;
	}
	.index_bar0s .left {
		width: 20rem;
	}
	.footer .boxs .left img{
		height: 60px;
	}
	.about2 ul li p{
		font-size: 1.4rem;
	}
	.about3 ul li p::before{
		top: 6px;
	}
	.footer .bottom p{
	    display: block !important;
	}
}
@media(max-width: 969px){
	header dl{
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background: #0087ff;
		margin-top: 80px;
		text-align: center;
		padding-top: 10vh;
	}
	header dl dd{
		margin: 0;
	}
	header dl dd > a{
		display: block;
		font-size: 2rem;
	}
	header dl dd a i{
		display: none;
	}
	.s_menu{
		display: none !important;
	}
	header .contain{
		display: flex;
		justify-content: space-between;
	}
	.navBtn{
		position:relative;
		z-index:99999;
		cursor:pointer;
		display: block;
		margin: 23px 0;
	}
	.navBtn span{
		display: block;
		width: 28px;
		height: 2px;
		background:#fff;
		margin:7px auto;
	}
	.nav_btn_active{
		margin: 32px 0;
	}
	.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:-64%;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
		}
	.banner{
		height: 64vh !important;
		margin-top: 80px;
		display: none;
	}
	.banner_ph{
		display: block;
		height: auto !important;
	}
	.index_bar0 ul li{
		width: 50%;
		padding: 5%;
		border-bottom: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
	}
	.index_bar0 ul li:nth-of-type(3){
		border-bottom: none;
	}
	.index_bar0 ul li:nth-of-type(2){
		border-right: none;
	}
	.index_bar0 ul li:nth-of-type(4){
		border: none;
	}
	.index_bar0 ul li .rr{
		font-size: 1.6rem;
	}
	.index_bar0 ul li img{
		width: 56px;
		height: 56px;
	}
	.index_bar1 .top{
		display: block;
		text-align: center;
	}
	.title h3{
		font-size: 3.4rem;
	}
	.index_bar0s .left{
		width: 17rem;
	}
	.index_bar0s dl dd strong{
		font-size: 5rem;
	}
	.index_bar0s .right {
		width: 70%;
	}
	.index_pro p{
		letter-spacing: 0;
	}
	.footer{
		padding: 12% 5% 0%;
	}
	.footer .boxs{
		display: block;
	}
	.footer .boxs .right{
		margin: 8% 0;
		width: 86%;
	}
	.footer .links{
		width: 100%;
	}
	.o_ban{
		margin-top: 80px;
	}
	.pro dl a {
		padding: 0.8rem 1.2rem;
		margin: 0.5rem;
		font-size: 1.2rem;
	}
	.title4 h3{
		font-size: 3.2rem;
		letter-spacing: 0.2rem;
	}
	.pro .box .txt h6{
		font-size: 5rem;
		margin-bottom: 1rem;
	}
	.pro ul li .title3 h3 {
		font-size: 2.6rem;
	}
	.pro .bottom a{
		width: 23.5%;
	}
	.pro .bottom a:nth-of-type(4n){
		margin-right: 0;
	}
	.about .bar{
		display: block;
	}
	.about .left{
		width: 100%;
	}
	.about .right{
		width: 100%;
		margin-top: 3%;
	}
	.about h6{
		line-height: 1.6;
	}
	.about h6 strong{
		font-size: 3.2rem;
	}
	.about2 ul li{
		padding: 10% 2%;
	}
	.about2 ul li h3 {
		font-size: 2rem;
		letter-spacing: 0.1rem;
	}
	.about2 ul li h4 {
		font-size: 1.7rem;
		letter-spacing: 0;
	}
	.about2 ul li img {
		height: 56px;
		padding: 10px;
	}
	.about2 ul li p {
		font-size: 1.2rem;
	}
	.about4 .gallery-top .rr{
		width: 35%;
	}
	.about4 .gallery-top h3{
		font-size: 7rem;
	}
	.contact .contain{
		display: block;
	}
	.contact .contain .left{
		width: 100%;
		padding: 5% 15% 3%;
	}
	.contact .contain .right{
		width: 100%;
		height: 300px;
	}
	.contact .contain h4{
		margin-bottom: 0;
	}
	.contact2 ul li img{
		width: 6rem;
	}
}
@media(max-width: 676px){
	body,html{
		font-size: 52%;
	}
	header .logo {
		height: 36px;
	}
	header.active .logo{
		height: 36px;
	}
	header dl{
		margin-top: 54px;
	}
	header dl dd{
		line-height: 10vh;
	}
	.navBtn {
		margin: 10px 0;
	}
	.nav_btn_active {
		margin: 19px 0;
	}
	.banner {
		margin-top: 54px;
	}
	.banner .swiper-pagination span{
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
		margin: 3px;
	}
	.index_bar0 ul li{
		padding: 5% 0;
	}
	.index_bar0 ul li h3 strong{
		font-size: 4rem;
	}
	.index_bar0 ul li img {
		width: 38px;
		height: 38px;
		margin-right: 0.5rem;
		margin-top: -1%;
	}
	.index_bar0 ul li:last-of-type h3 strong {
		width: 7rem;
	}
	.index_bar0s {
		padding: 10% 0 0;
	}
	.title h3{
		font-size: 2.6rem;
		text-align: left;
	}
	.index_bar0 ul {
		padding: 50px 0;
	}
	.index_bar0s .contain{
		display: block;
	}
	.index_bar0s .left{
		width: 100%;
	}
	.index_bar0s .title h3 {
		margin-bottom: 0;
	}
	.index_bar0s .right{
		width: 100%;
	}
	.index_bar0s dl {
		display: flex;
		margin: 0;
		justify-content: center;
	}
	.index_bar0s dl dd {
		font-size: 3rem;
		padding: 2rem 3rem;
	}
	.index_bar0s dl dd strong{
		font-size: 4rem;
	}
	.index_bar0s .right ul li span{
		font-size: 1rem;
	}
	.index_bar0s .right ul li i{
		transform: scale(0.4);
	}
	.index_pro .top{
		display: block;
	}
	.index_pro .title h4{
		text-align: left;
	}
	.index_pro{
		padding: 12% 0;
	}
	.index_pro .left{
		width: 100%;
		position: relative;
		height:180px;
	}
	.index_pro .left img{
		height: auto;
		width: 100%;
	}
	.index_pro ul{
		width: 100%;
		float: none;
		overflow: hidden;
		border: 1px solid #eaeaea;
	}
	.index_bar3 .title span {
		font-size: 1.8rem;
	}
	.index_bar2{
		padding: 12% 0;
	}
	.index_bar2 ul li:not(:first-of-type){
		display: none;
	}
	.index_bar2 ul li{
		width: 100%;
		margin-right: 0;
	}
	.o_ban{
		margin-top: 54px;
	}
	.title4 h3{
		font-size: 2.6rem;
	}
	.all_bars{
		padding: 12% 0;
	}
	.title3 h3{
		font-size: 2.2rem;
	}
	.pro{
		padding: 12% 0 0;
	}
	.pro ul li .title3 h3 {
		font-size: 1.8rem;
		letter-spacing: 0.1rem;
	}
	.pro .box .txt h6 {
		font-size: 3.6rem;
		margin-bottom: 0;
	}
	.pro .box{
		width: 100%;
	}
	.pro ul li{
		padding-top: 0;
	}
	.pro ul li:first-of-type{
		padding-top: 6%;
	}
	.pro .bottom{
		width: 100%;
		padding: 0 2%;
	}
	.pro .bottom a {
		width:31.3%;
		font-size: 1.2rem;
		margin-right: 3%;
		margin-top: 3%;
	}
	.pro .bottom a:nth-of-type(3n) {
		margin-right: 0;
	}
	.pro .bottom a:nth-of-type(4n) {
		margin-right: 3%;
	}
	.pro .bottom a img{
		margin-bottom: 1rem;
	}
	.about h6 {
		font-size: 1.6rem;
		margin-bottom: 6%;
		line-height: 2;
	}
	.about2{
		background: url(../../../../public/static/modules/cms/images/about_2p.html) no-repeat center/cover !important;
		background-attachment:inherit !important;
	}
	.about2 ul{
		flex-wrap: wrap;
	}
	.about2 ul li{
		padding: 10% 8%;
		width: 100%;
		border-right: none;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.about3 ul li{
		width: 100%;
		margin-right: 0;
		padding: 5%;
	}
	.about3 ul li:last-of-type .img{
		display: none;
	}
	.about3 ul li:last-of-type p{
		width: 100%;
	}
	.about4 .gallery-top .swiper-slide{
		display: block;
	}
	.about4 .gallery-top .ll {
		width: 100%;
	}
	.about4 .gallery-top .rr{
		width: 100%;
	}
	.about4 .gallery-top h3{
		font-size: 4rem;
		text-align: center;
		margin-top: 5%;
	}
	.about4 .gallery-thumbs .swiper-slide{
		font-size: 1.4rem;
	}
	.about4 .gallery-thumbs .swiper-slide::before{
		width: 14px;
		height: 14px;
		border-width: 3px;
		bottom: -20px;
	}
	.news ul li{
		display: block !important;
		margin-bottom: 5%;
	}
	.index_bar2 ul li .bottom{
		opacity: 1;
		-webkit-transform: translateY(0px);
    	transform: translateY(0px);
	}
	.index_bar2 ul li .bottom::before{
		width: 100%;
	}
	.news_d{
		margin-top: 54px;
	}
	.news_d .title4 h3{
		font-size: 2rem;
		margin-bottom: 10%;
	}
	.news_d .txt{
		width: 100%;
		padding: 0 3%;
	}
	.contact .contain .left {
		padding: 8% 8% 3%;
	}
	.contact .contain h4{
		font-size: 2rem;
	}
	.contact .contain .right{
		height: 200px;
	}
	.contact2 .title3 h3{
		font-size: 3rem;
	}
	.contact2 ul li{
		width: 48.5%;
	}
	.contact2 ul li:nth-of-type(3n){
		margin-right: 3%;
	}
	.contact2 ul li:nth-of-type(2n){
		margin-right: 0;
	}
	.contact2 ul li img{
		width: 5rem;
	}
	.contact2 ul li p {
		margin: 2rem 0 0;
		font-size: 1.6rem;
	}
	.footer .bottom{
		display: block;
		text-align: center;
	}
	.footer .bottom p a{
		display: block;
		text-align: center;
		margin: 8px 0;
	}
	.footer .links b img{
		width: 28px;
	}
	.footer .links b img.ewm{
		width: 70px;
	}
	.footer .links b:hover .ewm{
		top: 30px;
	}
	.rightFix b{
		width: 38px;
		padding: 6px;
		margin-right: 0.5rem;
	}
	.rightFix .txt{
		width: 150px;
	}
}