﻿/*公共*/
@media screen and (max-width: 1700px) {
	.warp{
		
		padding: 0 50px;
	}
	:root {
	/* 文字大小参数 */
		--font-size-xxxl: 7.2rem; /* 特大字体 */
	}
}
@media screen and (max-width: 1600px) {
	.warp{
		width: 100%;
		padding: 0 50px;
	}
	:root {
	/* 文字大小参数 */
		--font-size-xxxl: 7.2rem; /* 特大字体 */
	}
}
@media screen and (max-width: 1400px) {
	:root {
	/* 文字大小参数 */
		--font-size-xs: 1.4rem; /* 超小字体 */
		--font-size-sm: 1.6rem; /* 小字体 */
		--font-size-md: 1.8rem; /* 中等字体 */
		--font-size-lg: 2rem; /* 大字体 */
		--font-size-lx: 2.4rem; /* 大字体 */
		--font-size-lxx: 2.6rem; /* 大字体 */
		--font-size-x: 3.2rem; /* 超大字体 */
		--font-size-xx: 4rem; /* 超大字体 */
		--font-size-xl: 4.4rem; /* 超大字体 */
		--font-size-xxll: 5.4rem; /* 特大字体 */
		--font-size-xxl: 6.2rem; /* 特大字体 */
		--font-size-xxxl: 6.4rem; /* 特大字体 */
		--font-size-xxxxl: 8rem; /* 特大字体 */
	}
	.warp,.warp2{
		padding: 0 40px;
	}
}

@media screen and (max-width: 1200px) {
	.warp,.warp2{
		padding: 0 30px;
	}
	:root {
	/* 文字大小参数 */
		--font-size-xs: 1.4rem; /* 超小字体 */
		--font-size-sm: 1.6rem; /* 小字体 */
		--font-size-md: 1.8rem; /* 中等字体 */
		--font-size-lg: 2rem; /* 大字体 */
		--font-size-lx: 2.4rem; /* 大字体 */
		--font-size-lxx: 2.6rem; /* 大字体 */
		--font-size-x: 3rem; /* 超大字体 */
		--font-size-xx: 3.6rem; /* 超大字体 */
		--font-size-xl: 4rem; /* 超大字体 */
		--font-size-xxll: 4.4rem; /* 特大字体 */
		--font-size-xxl: 5.2rem; /* 特大字体 */
		--font-size-xxxl: 5.8rem; /* 特大字体 */
		--font-size-xxxxl: 7rem; /* 特大字体 */
	}
}

@media screen and (max-width: 1000px) {
	:root {
	/* 文字大小参数 */
		--font-size-xs: 1.4rem; /* 超小字体 */
		--font-size-sm: 1.6rem; /* 小字体 */
		--font-size-md: 1.8rem; /* 中等字体 */
		--font-size-lg: 2rem; /* 大字体 */
		--font-size-lx: 2.4rem; /* 大字体 */
		--font-size-lxx: 2.6rem; /* 大字体 */
		--font-size-x: 3.2rem; /* 超大字体 */
		--font-size-xx: 3.6rem; /* 超大字体 */
  		--font-size-xl: 4.4rem; /* 超大字体 */
  		--font-size-xxll: 4.8rem; /* 特大字体 */
  		--font-size-xxl: 5.2rem; /* 特大字体 */
  		--font-size-xxxl: 5rem; /* 特大字体 */
		--font-size-xxxxl: 6rem; /* 特大字体 */	
	}
	/* 移动端显示控制 */
    #hamburger { display: block !important; }
    .header nav, 
    .header .mune,.footer .fo1,.footer .fo2 { display: none; } 
	
	.bottomlist { display: block; }
	.banners, .banners2{
		margin-top: 71px;
	}
	
}

@media screen and (max-width: 800px) {
	:root {
	/* 文字大小参数 */
		--font-size-xs: 1.4rem; /* 超小字体 */
		--font-size-sm: 1.6rem; /* 小字体 */
		--font-size-md: 1.6rem; /* 中等字体 */
		--font-size-lg: 1.6rem; /* 大字体 */
		--font-size-lx: 2.4rem; /* 大字体 */
		--font-size-lxx: 2.6rem; /* 大字体 */
		--font-size-x: 2.8rem; /* 超大字体 */
		--font-size-xx: 3rem; /* 超大字体 */
  		--font-size-xl: 3.2rem; /* 超大字体 */
  		--font-size-xxll: 3.4rem; /* 特大字体 */
  		--font-size-xxl: 3.6rem; /* 特大字体 */
  		--font-size-xxxl: 4rem; /* 特大字体 */
		--font-size-xxxxl: 5rem; /* 特大字体 */	
	}
}

@media screen and (max-width: 640px) {
	:root {
	/* 文字大小参数 */
		--font-size-xs: 1.4rem; /* 超小字体 */
		--font-size-sm: 1.4rem; /* 小字体 */
		--font-size-md: 1.6rem; /* 中等字体 */
		--font-size-lg: 1.6rem; /* 大字体 */
		--font-size-lx: 2.4rem; /* 大字体 */
		--font-size-lxx: 2.6rem; /* 大字体 */
		--font-size-x: 2.8rem; /* 超大字体 */
		--font-size-xx: 3rem; /* 超大字体 */
  		--font-size-xl: 3rem; /* 超大字体 */
  		--font-size-xxll: 3rem; /* 特大字体 */
  		--font-size-xxl: 3rem; /* 特大字体 */
  		--font-size-xxxl: 4rem; /* 特大字体 */
		--font-size-xxxxl: 4.6rem; /* 特大字体 */	
	}
	.warp{
		padding: 0 20px;
	}
}

@media screen and (max-width: 400px) {
	
}


/*header*/
@media screen and (max-width: 1400px) {
	.header nav a {
		margin: 0 10px;
	}

	
}
@media screen and (max-width: 1200px) {
	.header nav a {
		margin: 0 5px;
	}
}
@media screen and (max-width: 1000px) {
	.header{
        background-color: #000;
		position: fixed;
    }
	.header .logo{
		padding: 15px 0;
	}
	.header .logo a p{
		color: #fff;
	}
	.footer{
		margin-bottom: 50px;
	}
	.footer .fo2{
		padding-top: 0;
	}
	.foot_form{
		padding: 50px 0;
	}

	
}

@media screen and (max-width: 800px) {
	.footer .fo3 .warp {
		display: block;
	}
	.footer .fo3 .warp p{
		padding-bottom: 15px;
		line-height: 24px;
	}
	.footer .fo3{
		padding:0
	}
	
}

@media screen and (max-width: 640px) {
	.footer .fo2 a{
		padding-bottom: 15px;
	}
	.foot_input input{
		
		height: 44px;
		line-height: 44px;
		
	}
}	

/*index*/
@media screen and (max-width: 1600px) {
	.banner .swiper-slide{
		height: 950px;
	}
	.ip4 .list .txt{
		padding-right: 60px;
	}
	.ip2 .map_info{
		left: 50px;
	}
	.ip2 .img{
		margin-top: 0;
	}
}
@media screen and (max-width: 1400px) {
	.banner .swiper-slide{
		height: 880px;
	}
	.ip1,.ip3,.ip4,.ip5{
	padding: 60px 0;
	}
	.banner .txt{
		width: 50%;
	}

	.ip1 .title{
		gap: 100px;
	}
	.ip2 .map_info{
		left: 40px;
	}

	.ip4 .list .txt{
		padding-bottom: 0;
	}
	
}
@media screen and (max-width: 1200px) {
	.banner .swiper-slide{
		height: 780px;
	}
	.banner .swiper-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {
		bottom: var(--swiper-pagination-bottom, 60px);
		width: 35%;
	}

	
	.banner .txt h3{
		line-height: 66px;
	}
	.ip1,.ip3,.ip4,.ip5{
		padding: 50px 0;
	}
	.ip2{
		padding: 70px 0;
		background: linear-gradient(to bottom, #ddd 0%,#ddd 40%,#fff 60%, #fff 100%);
	}
	.ip2 .map_info{
		left: 30px;
	}
	.ip1 .title{
		gap: 60px;
	}
	
	.ip1 .info .swiper-slide{
		grid-template-columns: 50% 50%;
	}
	.ip1 .info .txt{
		padding-right: 60px;
	}

	
	.ip3 .title{
		padding-bottom: 70px;
	}
	.ip3 .list{
		padding: 0 5%;
	}
	.ip4 .list .txt{
		padding-right: 50px;
	}
	
}
@media screen and (max-width: 1000px) {

	.banner .swiper-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-bullets.swiper-pagination-horizontal, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction {
		bottom: var(--swiper-pagination-bottom, 5px);
		width: 100%;
	}
	.banner .swiper-pagination-bullet{
		width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,40px));
	}
	.banner .swiper-slide{
		height: 680px;
	}
	
	.banner .txt h3{
		line-height: 50px;
	}
	.banner .txt h4{
		line-height: 44px;
	}
	.banner .txt p{
		line-height: 36px;
	}

	.banner .txt h2{
		margin-bottom: 35px;
	}

	.ip1,.ip3,.ip4,.ip5{
		padding: 40px 0;
	}
	.ip1 .title{
		display: block;
	}
	.ip1 .title .list{
		padding-top: 60px;
	}
	.ip2{
		background: url(/static/images/ip2_bg.jpg) no-repeat center center;
		background-size: cover;
		padding: 40px 0;
	}
	.ip2 .map_info{
		position:initial;
		transform:none;
		padding: 0 30px;
	}
	.ip2 .map{
		display: none;
	}

	.ip3 .title {
		padding-bottom: 50px;
	}

	.ip3 .swiper-slide,.ip4 .swiper-slide{
		display: block;
	}
	.ip3 .swiper-slide .img{
		text-align: center;
		padding-top: 40px;
	}

	.ip4 .list .txt{
		padding-right: 40px;
	}
	.ip4 .swiper-slide{
		
		padding: 60px 0 30px 0 ;
	}
	.ip4 .swiper-slide .img{
		padding-right: 20%;
		padding-top: 60px;
	}

}
@media screen and (max-width: 800px) {
	.ip1 .info .swiper-slide{
		display: block;
	}
	.ip1 .info .swiper-slide .img{
		height: 450px;
	}
	.banner .swiper-slide {
		height: 420px;
	}
	.banner .txt{
		display: none;
	}
	
	.ip2 .img{
		padding-top: 30px;
	}
}
@media screen and (max-width: 640px) {

	.banner .swiper-slide {
		height: 360px;
	}

	.ip1 .info .ip1_logo,.ip1 .info .txt p{
		padding-bottom: 45px;
	}
	.ip1 .info .txt b{
		padding-bottom: 15px;
	}
	.ip1,.ip3,.ip4,.ip5{
		padding: 40px 0;
	}
	.ip2 {
		padding:40px 0;
	}
	.ip2 h3{
		padding-bottom: 30px;
	}
	.ip2 p{
		padding-bottom: 40px;
	}
	
	.infos{
		width: auto;
	}
	.ip4 .list .txt {
		padding-right: 30px;
	}

	.app_page2{
		display: block;
	}
	.app_page2 .swiper-pagination-bullet{
		padding: 0 15px;
	}
	.ip5 .list{
		padding: 0 15px;
		margin-top: 40px;
	}
	.app_page2 .txt a{
		padding: 0 0 10px 0;
	}
	.ip3 .app_page2 .swiper-pagination-bullet,.ip4 .app_page2 .swiper-pagination-bullet{
		margin-bottom: 15px;;
	}
	.ip5 .title{
		display: block;
	}
	.ip5 .title h3{
		padding-bottom: 20px;
	}
	.ip5 .list .swiper-slide a{
		padding: 20px;
	}

}
@media screen and (max-width: 480px){
	.banner .swiper-slide{
		background-position: right -40px center;
	}
	.app_page {
		grid-gap: 10px;
		display: block;
	}
	.app_page .txt,.app_page .img::after,.app_page::after,.app_page .swiper-pagination-bullet-active .txt{
		display: none;
	}
	.ip1 .info{
		padding-top: 30px;
	}

	.ip3 .list p,.ip4 .list p{
		padding-bottom: 15px;
	}
	.ip3 .list h3,.ip4 .list h3{
		padding-bottom: 30px;
	}
	
	.app_page .img{
		padding-bottom: 0;
		padding:0 8px
	}
	.app_page2 .swiper-pagination-bullet{
		width: 100%;
	}
	.app_page2 .txt a{
		width: 100%;
	}
	.foot_input button{
		width: 64px;
		height: 44px;
	}
	.ip1 .info .swiper-slide .img {
		height: 300px;
	}
	.ip1 .info .txt {
		padding: 40px;
	}
	.ip2 .img {
		margin-top: 0px;
	}
	.ip2 p {
		padding-bottom: 10px;
	}
	.maps p{
		padding-bottom: 20px;
	}
	.ip5 .info p{
		font-size: 14px;
	}
	.ip5 .list p {
		font-size: 16px;
		line-height: 24px;
	}
	.ip4 .swiper-slide {
		padding: 30px 0 ;
	}
	.ip4 .list {
		padding-top: 30px;
	}
	
	.ip5 .info time{
		margin: 30px 0 15px 0;
	}
}
/*内页*/
@media screen and (max-width: 1200px) {
	.product {
		padding: 60px 0;
	}
	.product h3{
		padding-bottom: 40px;
	}

	.banners .tit h3{
		line-height: 64px;
	}
	.proshow1,.proshow2 {
		padding: 80px 0;
	}
}
@media screen and (max-width: 1000px) {
	.banners, .banners2{
		height: 450px;
	}
	.proshow1 {
		padding: 60px 0  80px 0;
	}
	.proshow2 {
		padding: 60px 0 
	}
	.proshow2 .memo_bg{
		padding: 40px;
	}
	.proshow1 h4{
		width: 80%;
	}
	.banners .warp .tit{
		width: 50%;
	}

}
@media screen and (max-width: 800px){
	.banners, .banners2{
		height: 360px;
	}
	.banners .tit h3 {
        line-height: 45px;
    }
	.ab_list .warp a{
		margin:  0 20px;
	}
	.pro_list a{
		margin-right: 20px;
	}
	
	.pro_box{
		grid-template-columns: 1fr 1fr;
	}

	.proshow1 {
		padding: 60px 0 ;
	}
	.proshow2 {
		padding: 40px 0 
	}

	.proshow1 .colors .dot {
		width: 18px;
		height: 18px;
		border-radius: 9px;
		margin: 0 10px;
		
	}
}
@media screen and (max-width: 640px){
	.banners, .banners2{
		height: 300px;
	}
	.banners .tit{
		display: none;
	}
	.product {
		padding: 40px 0;
	}
	.product h3{
		padding-bottom: 25px;
	}
	.ab_tip{
		padding: 15px 0;
	}
	.ab_tip .warp i{
		padding: 0 2px;
	}
	.pro_box{
		
		grid-gap: 30px;
	}
	.ab_list .warp a{
		line-height: 50px;
		height: 50px;
	}

	.memo_para{
		grid-template-columns: auto auto;
	}
	.memo_para .dot:nth-child(3),.memo_para .dot:nth-child(4){
		border-top: none;
	}
	.memo_para .dot:nth-child(3)::before{
		display: none;
	}
}
@media screen and (max-width: 480px){
	.banners, .banners2 {
		height: 250px;
	}
	.ab_list .warp a{
		margin:  0 10px;
	}
	.pro_box{
		
		grid-gap: 30px;
	}
	.pro_box{
		grid-template-columns: 1fr;
		grid-gap: 30px;
	}
}
@media screen and (max-width: 400px) {
	.pro_list a{
		display: block;
		margin-right: 0;
		text-align: center;
	}
	.productshow1{
		background-position: right -40px center;
	}
	.product1{
		background-position: right -80px center;
	}
	.product2{
		background-position: right -150px center;
	}
}
/*about*/
@media screen and (max-width: 1200px) {
	.ab1,.ab2,.ab3{
		padding: 80px 0;
	}
	.ab3_list{
		gap: 30px;
	}
	.ab3_list .item{
		padding: 60px 30px;
	}
	.ab1_list{
		margin-top: 20px;
	}
	.ab1_list .info {
    	padding: 50px 60px 50px 50px;
	}
	.ab1_list .info .ip1_logo,.ab1_list .info p{
		padding-bottom: 45px;
	}

	.ab_info .company{
		gap: 40px;
	}
	.ab_info .company .txt{
		padding: 30px;
	}
	.ab_info .company2 .txt{
		padding: 0px;
	}
	.about3 .img{
		width: 50%;
		margin-right: 40px;
   	 margin-bottom: 40px;
	}
	
}
@media screen and (max-width: 1000px) {
	.ab1,.ab2,.ab3{
		padding: 60px 0;
	}
	.inside .title{
		padding-bottom: 30px;
	}
	
	.ab3_list{
		display: block;
	}
	.ab3_list .item{
		padding: 60px 30px 120px 30px;
		margin-bottom: 20px;
	}

	.ab_info .company{
		display: block;
	}
	.ab_info .company .img{
		text-align: center;
	}
	.ab_info .company .txt {
		padding:20px 20px 20px 20px;
	}
	.ab_info{
		padding: 60px 0 300px 0
	}
	
}
@media screen and (max-width: 800px) {
	.ab1_list .item{
		display: block;
	}
	.ab1_list .item .img{
		height: 400px;
	}
	.ab_info .company .txt h4{
		padding-bottom: 25px;
	}
	.about3 .img{
		float: none;
		width: 100%;
	}
}
@media screen and (max-width: 640px) {
	.about .tit{
		display: initial;
	}
	.time_swiper {
		background: url(/static/images/about/line2.png) repeat-x left bottom;		
		padding: 0 19px;
		padding-bottom: 6px;
	}
	.time-line-box ul li{
		margin-bottom: 10px;
	}
	.time-line-box ul li:nth-child(2n) {
		margin-bottom: 0;
		margin-top: 0px;
		display: grid;
		align-items: flex-start;
	}
	.time-line-box ul li:nth-child(2n):before {
		content: '';
		height: 100%;
		position: absolute;
		top: 0px;
		left: 4px;
	}
	.time-line-box ul li:nth-child(2n):after{
		content: '';
		width: 10px;
		height: 10px;
		border-radius: 100%;
		position: absolute;
		left: 0px;
		bottom: -4px;
		top: initial;
	}

	.ab3_list .item .img {
		width: 90px;
		height: 90px;
		border-radius: 50%;
	}
	.ab3_img1,.ab3_img2,.ab3_img3{
		background-size: 70%;
	}
	.ab3_list .item .img:after {
		
		width: 110px;
		height: 110px;
		border-radius: 50%;
		
	}
	.time_swiper .time_btn{
		display: none;
	}
	.mob_btn{
		display: block;
	}
}

/*news*/
@media screen and (max-width: 1200px) {
	.new_box{
		grid-template-columns: repeat(3, 1fr);
    	gap: 35px;
	}
}
@media screen and (max-width: 1000px) {
	.new_box{
    	gap: 20px;
		padding-top: 20px;
	}
}
@media screen and (max-width: 800px) {
	.top_news{
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.top_news .box {
		padding: 20px 20px;
	}
	.new_box{
		grid-template-columns: repeat(2, 1fr);
    	gap: 20px;
	}
}
@media screen and (max-width: 640px) {
	.top_news{
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.new_box{
		grid-template-columns: 1fr;
    	gap: 20px;
	}
}
/*newsshow*/
@media screen and (max-width: 1024px) {
	.newsshow .tit,.newsshow .btn{ padding:40px 20px;}	
	.newsshow .txt{ padding:20px;}
}
@media screen and (max-width: 600px) {
	.newsshow .tit h3{ font-size:1.6em;}
	.newsshow .tit .dot h4{ font-size:1em; padding:10px 2px;}
	.newsshow .tit{ padding:30px 20px 0 20px;}
	.newsshow .btn{ padding:0px 20px 30px 20px;}	
	.newsshow .btn a{ padding:10px 15px;}
	.newsshow { padding: 40px 0;}
	.newsshow .btn a { padding: 8px 10px;}
}

/*service*/
@media screen and (max-width: 1200px) {
	.serv_1{
		padding: 70px 0;
	}
	.serv_2{
		padding: 60px 0;
	}
	.serv_3{
		padding: 90px 0;
	}
	.serv_1 h2{
		padding-bottom: 50px;
	}
	.video_img .tit{
		padding: 40px;
	}
	.video_right .item .txt{
		width: 100%;
	}

	.serv_3_box {
		padding-top: 70px;
		
	}

}
@media screen and (max-width: 1000px) {
	.serv_1, .serv_2, .serv_3 {
		padding: 70px 0;
	}
	.serv_1 h2{
		padding-bottom: 40px;
	}

	.serv_3_box{
		display: block;
		padding-top: 60px;
	}
	.serv_3_left{
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px;
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 800px) {
	.serv_1, .serv_2, .serv_3 {
		padding: 50px 0;
	}
	
	.serv_2 h2{
		padding-bottom: 20px;
	}
	.video_img{
		height: 400px;
	}
	.video_list{
		grid-template-columns: 1fr;
	}
	.video_right{
		max-height: none;
		display: initial;
		
		padding-right: 0;
		white-space: nowrap;
	}
	.video_right .item{
		display:inline-block;
		box-sizing: border-box;
		width:33%;
	}
	.video_right::-webkit-scrollbar {
		height: 4px;
	}
	
	.video_right::-webkit-scrollbar-track {
	background: url(/static/images/service/serv_3_line.jpg) left center repeat-x;
	}
	.video_right::-webkit-scrollbar-thumb {
		background: #f00; /* 滑块颜色 */
	
	} 
	.video_right::-webkit-scrollbar-thumb:hover {
		background: #555; /* 滑块悬停颜色 */
	}


	.serv_3 .serv_3_left a{
		padding: 25px 81px 25px 25px
	}

	.serv_2 .panel-body {
		padding: 30px 40px 40px 40px;
		
	}
	.serv_3_box {
		display: block;
		padding-top: 40px;
	}
	
}
@media screen and (max-width: 640px) {
	.serv_2 h2 {
		padding-bottom: 10px;
	}
	.video_right{
		grid-template-columns: 1fr 1fr;
	}
	.serv_3_left {
		gap: 15px;
		grid-template-columns: 1fr ;
	}
	.serv_2 .panel-header i{
		padding: 20px;
		margin-right: 20px;
	}
	.serv_2 .panel-body {
		padding: 20px;
	}
}

/*contact*/
@media screen and (max-width: 1200px) {
	.con_1{
		padding: 80px 0;
	}
	.con_2, .con_3{
		padding: 100px 0;
	}
	.con_1 h2{
		padding-bottom: 60px;
	}
	.add_box{
		grid-template-columns: 45% 55% ;

	}
}
@media screen and (max-width: 1000px) {
	.con_1{
		padding: 70px 0;
	}
	.con_2, .con_3{
		padding: 90px 0;
	}
	.con_1 h2{
		padding-bottom: 40px;
	}
	.add_box{
		grid-template-columns: 50% 50% ;

	}
	.add_box .info {
		padding:40px;
	}

	.con_list{
		padding: 0 30px;
	}

	.con_3 .con_form{
		margin-top: 40px;
	}
}
@media screen and (max-width: 800px) {
	.con_1{
		padding: 50px 0;
	}
	.con_2, .con_3{
		padding: 60px 0;
	}
	.add_box{
		display: block;

	}
	.add_box .img{
		height: 300px;
	}
	.add_box .info {
		padding:40px;
	}
	.con_list{
		grid-template-columns:1fr
	}
	.con_3 .con_form{
		display: block;
	}
	.con_3 .item{
		margin-bottom: 15px;;
	}
	.con_list {
		padding: 0px 60px;
	}
	.con_3 .con_form{
		padding: 25px;
	}
	.con_3 .btn{
		padding-top: 20px;
	}
}
@media screen and (max-width: 640px) {
	.con_list {
		padding: 0px 30px;
	}
}