@charset "utf-8";
/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {
	.munes,.xxl,.footer .f1{ display:none;}
	#hamburger,.xl{ display:block;}
	.bottomlist{ display:block;}
	.footer{ margin-bottom:65px;}
}

/*index*/
@media screen and (max-width: 1440px) {
	.banner .swiper-slide{ height:600px;}
	.header .logo{ padding: 25px 40px;}
	.header .mune .lun{ padding:34px 30px;}
	.header .mune>a { margin: 23px 0;  margin-right: 40px;}
	.banner .swiper-slide .txt{ padding-top:8%;}
	.banner .swiper-slide .txt h3{ font-size:3.8em; line-height:40px;}
	.ip-1{ height:750px;}
	.ip-2, .ip-3{ margin-top:50px;}
	.ip{ margin-top:-50px; padding-bottom:90px;}
	.ip1{ height:420px;}
	.ip2{ height:280px;}
	.ip3{ height:360px;}
	.ip4{ height:340px;}
}
@media screen and (max-width: 1300px) {
	.ic .dot{ padding-left:80px;}
	.ia .left { padding-right: 20px;}
}
@media screen and (max-width: 1200px) {
	.banner .swiper-slide .txt{ padding-top:120px;}
	.banner .swiper-slide{ height:500px;}
	.banner .swiper-slide .txt h3{ font-size:3.4em;}
	.ip-1{ height:700px;}
	.ip1,.ip2,.ip3,.ip4{ height:325px;}
	.ip1 .more{ top:80px; right:30px;}
	.ip2 .more{ top:80px; right:30px;}
	.ip3 .more{ bottom:50px; right:70px;}
	.ip4 .more{ top:80px; right:30px;}
	.ip3 .txt{ margin:0 -15px 0 0;}
	.ip4 .txt{ margin-top:0;}
	.ia,.inews,.ic{ padding: 80px 0;}
	.ia .left .d h3{ font-size:4.2em;}
	.ia .left .dot p{ line-height:20px;}
	.inews .boxs{ margin-top:40px;}
	.ic .dot{ padding-left:20px;}
}
@media screen and (max-width: 1024px) {
	.header .mune{ display:none;}
	.banner .swiper-slide .txt h3{ font-size:2.8em; line-height:32px;}
	.banner .swiper-slide .txt h4{ font-size:1.4em;}
	.ip-1{ height:600px;}
	.ip1,.ip2,.ip3,.ip4{ height:275px;}
	.ia .left .dots{ margin:40px 0 20px 0;}
	.ia .left .dot{ margin-bottom:10px;  padding-right:20px;}
	.ia .left .txts>p{ line-height:24px;}
	.inews .boxs .box .txt h4{ margin:5px 0 10px 0;}
	.footer .f2{ border:none; padding:20px 0;}
	.ia,.inews,.ic{ padding: 60px 0 40px 0;}
	.icf .left .txt .fc-input,.icf .left .txt .fc-txt{ width: calc(100% - 40px); margin:2px 20px;}
	.icf .left .txt{ padding:30px 0;}
	.icf .left .txt .fc-btn{ margin:20px 0 0 20px;}
	.ip-1{ padding:40px 30px;}
	.ia .warp>*{ width:100%;}
	.ia .warp .left{margin-bottom:20px;}
	.ia .right{ text-align:right;}
	.ic .dot{ margin:10px 0;}
	.ic .dot p{ height:48px;}
}
@media screen and (max-width: 850px) {
	.banner .swiper-slide .txt{ padding-top:80px;}
	.banner .swiper-slide{ height:400px;}
	.ip-1{ height:400px; padding:30px 20px;}
	.ip-1 p{ margin-top:15px;}
	.ip{ margin-top:-20px; padding-bottom:60px;}
	.ip .warp>*{ width:100%; height:240px;}
	.ip1,.ip2,.ip3,.ip4{ float:left; width:50%; height:240px; padding:30px 20px;}
	.ip-2, .ip-3{ margin-top:0; }
	.inews .boxs .box:nth-child(3){ display:none;}
	.inews .boxs .box{ width:calc(50% - 40px)}
	.ia, .inews, .ic{ padding:40px 0 20px 0;}
	.icf .left{ width:100%;}
	.ia .right img{max-width:420px;}
	.banner .swiper-slide .txt h3{ font-size:2.4em; line-height:28px;}
	.banner .swiper-slide .txt h4{ font-size:1.2em; line-height:16px;}
	.ip-1 h3,.i-tit h4{ font-size:2em;}
	.ip1 h3, .ip2 h3, .ip3 h3, .ip4 h3{ font-size:1.4em; line-height:18px;}
	.ip1 h4, .ip2 h4, .ip3 h4, .ip4 h4{ font-size:1.8em;}
	.ip-1 h4,.i-tit h3{ font-size:1.8em;}
	.ic .i-tit{ margin-bottom:20px;}
	.ic .dot{ padding:0;}
	.ic .i-tit,.ic .dots{ float:none; width:100%; text-align:center; max-width: calc(100%);}
}
@media screen and (max-width: 600px) {
	.ia,.inews,.ic{ padding: 40px 0;}
	.banner .swiper-slide .txt h3{ font-size:2em; text-align:center; margin:0 auto 10px auto;}
	.ip1, .ip2, .ip3, .ip4{ width:100%;}
	.ip-2, .ip-3{ margin-top:0; height:480px !important;}
	.ip .warp>*{ max-width:480px; margin:0 auto; float:none;}
	.ip3 .txt{ margin:0; float:left;}
	.ip3 .more{ bottom:auto; top:80px; right:30px;}
	.ic .dots{ width:100%; max-width:100%; margin-top:30px;}
	.ic{ padding:40px 0 0 0;}
	.inews .boxs{ width:calc(100% + 20px); margin-left:-10px;}
	.inews .boxs .box{ width:calc(50% - 20px); margin:0 10px;}
	.ia .right img{ max-width:90%;}
	.ia .left .dot{ width:100%;}
	.inews .boxs .box .txt *{ max-width:calc(100% - 70px);}
	.ic .dot{ width:100%;}
}
@media screen and (max-width: 500px) {
	.inews .boxs .box{ width:380px; float:none; margin:30px auto;}
	.inews .boxs{ margin-top:10px;}
	.ic .dot{ padding:0 5px;}
	.ic .dot p{ font-size:1.4em;}
	.inews{ padding:30px 0 10px 0;}
	.ia .left .d h3{ font-size:3em;}
	.ia .left .dot{ margin-bottom:25px;}
	.ia .left .dot .d{ margin-bottom:5px;}
	.ia .left .dots{ margin:40px 0 0 0;}
	.banner .swiper-slide{ height:300px;}
	.banner .swiper-slide .txt{ padding-top:25px;}
	.header .logo{ padding:15px 20px;}
	#hamburger{ top:30px; right:25px;}
	.ip1, .ip2, .ip3, .ip4{ padding:25px 15px;}
	.ip1 h4, .ip2 h4, .ip3 h4, .ip4 h4{ margin-top:0px;}
	.ip1 h3, .ip2 h3, .ip3 h3, .ip4 h3{ max-width:100%;}
}

/*about*/
@media screen and (max-width: 1200px) {
	.about-t .ab1 .txt { padding:40px 30px;}
	.banners .lines a {  padding: 16px 30px;}
}
@media screen and (max-width: 1024px) {
	.about-t .ab1 .txt{width: calc(100%);}
	.about-t .ab2 .img{ width:60%;}
	.about-t .txt p,.about-t .ab2 .txt p{ line-height:24px;}
	.about-t .ab1 .img,.about-t .ab2 .txt{ width:240px;}
	.about-t .ab1 .txt span { margin: 20px 0 15px 0;}
	.about-t .ab2 .txt{ padding:40px 30px;}
	.banners .lines a { font-size: 1.4em;  padding: 12px 25px;}
	.banners{ height:360px;}
	.banners .txt h3{ font-size:2.8em;}
	.banners .txt h4 { font-size: 1.6em; line-height:20px;}
	.banners .lines a{ float:none; display:inline-block;}
}
@media screen and (max-width: 800px) {
	.about-t .ab2 .img{ width:40%;}
	.about-t .ab1 .txt { padding:25px 20px;}
	.about-t .txt p,.about-t .ab2 .txt p{ line-height:24px;}
	.about-t .ab2 .txt{ padding:20px 20px;}
	.about-t .ab2{ height:fit-content;}
	.banners .lines a {  padding: 12px 20px;}
}
@media screen and (max-width: 600px) {
	.about-t .ab1 .txt, .about-t .ab2 .img,.about-t .ab2 .txt, .about-t .ab1 .img{ display:block; width:100%;}
	.about-t .ab1 .txt, .about-t .ab2 .img{ width:100%;}
	.about-t .ab1 .img, .about-t .ab2 .img{ height:240px; width:100%;}	
	.about-t { padding: 20px 0;}
	.about-t .ab1 .txt h3{ margin-bottom:0;}
	.about-t .ab1 .txt span {  margin: 5px 0 10px 0;}
	.banners .lines a {  padding: 6px 15px;}
	.banners{ height:300px;}
	.banners .txt h3{ font-size:2.2em; margin-bottom:5px;}
	.banners .txt h4 { font-size: 1.4em; line-height:20px; padding-bottom:80px;}
}

/*honor*/
@media screen and (max-width: 1400px) {
	.honor-t .dots{ width: calc(100%); margin-left:0;}
	.honor-t .dot { margin: 18px 20px; width: calc(25% - 40px);}
	.honor-t { padding: 50px 0 40px 0;}
}
@media screen and (max-width: 1200px) {
	.honor-t .dot { margin: 18px 10px; width: calc(25% - 20px);}
}
@media screen and (max-width: 1024px) {
	.honor-t .dot{ border:10px solid #f5f5f5;}
	.honor-t .dot:hover{ border:10px solid #05b041;}
}
@media screen and (max-width: 800px) {
	.honor-t .dot { margin: 18px 10px; width: calc(33.33% - 20px);}
	.honor-t .tit h3 { font-size: 2em; margin-bottom:5px;}
	.honor-t .tit h4{ font-size:1.4em;}
}
@media screen and (max-width: 600px) {
	.honor-t .dot { margin: 5px 5px; width: calc(50% - 10px);}
	.honor-t { padding: 30px 0 20px 0;}
	.honor-t .dot{ border:5px solid #f5f5f5;}
	.honor-t .dot:hover{ border:5px solid #05b041;}
	div.fy a ,div.fy span.current,div.fy span.disabled { margin:2px 0px;}
	div.fy{ padding-top:0px;}
}

/*news*/
@media screen and (max-width: 1024px) {
	.news-t { padding: 40px 0 40px 0;}
	.news-t .box { width: calc(33.33% - 30px);}
}
@media screen and (max-width: 800px) {
	.news-t .tit h3 { font-size: 2em; margin-bottom:0;}
	.news-t .tit h4 { font-size: 1.4em; margin-bottom:14px;}
	.news-t .box { width: calc(50% - 30px);}
}
@media screen and (max-width: 600px) {
	.news-t .box { width: calc(100% - 30px); max-width:300px; float:none; margin:15px auto;}
}

/*newsshow*/
@media screen and (max-width: 1550px) {
	.newsshow{ padding:60px 0;}
}
@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;}
}


/*contact*/
@media screen and (max-width: 1024px) {
	.c4 { padding: 70px 0 90px 0;}
	.c4 .c4-slider .box .btn { margin: 25px auto 0 auto;}
	#container{ height:400px !important;}
	.c1 .txt .cd1 { width: 340px;}
	.c1 .txt .cd2 { width: 200px;}
	.c1 .txt .cd p { max-width: 280px;}
}
@media screen and (max-width: 800px) {
	.c4 { padding: 50px 0 70px 0;}
	.c4 .c4-slider { margin-top: 35px;}
	.c3 { padding: 40px 0;}
	.c-tit { margin-bottom: 20px;}
	.c1 { padding: 40px 0;}
	.c3 .fc-input {  width: calc(100% - 48px);   margin: 5px 24px;}
	.c3 .fc-txt{ margin:5px 0;}
	.c3 .fc-input, .c3 .fc-txt { padding: 10px 15px;}
}
@media screen and (max-width: 600px) {
	.c1 .txt .cd1 { width:100%;}
	.c1 .txt .cd2 { width:100%;}
	.c-tit h3 ,.c4 .tit h3 { font-size: 2em;}
	.c-tit h4 {  font-size: 1.4em; padding:6px 0 12px 0;}
	.c4 .tit h4 { font-size: 1.4em; line-height:20px;}
}
@media screen and (max-width: 450px) {
	.c1 .txt .cd p { max-width: calc(100% - 40px);}
}

/*video*/
@media screen and (max-width: 800px) {
	.video-t .txts{ padding:20px 0 0 0;}
	.honor-t .tit h4{ margin-bottom:12px;}
}

/*product*/
@media screen and (max-width: 1200px) {
	.product-t { padding: 50px 0 60px 0;}
	.product-t .boxs{ width:calc(100% + 30px); margin-left:-15px;}
	.product-t .box{  width:calc(33.33% - 30px); margin:15px 15px;}
}
@media screen and (max-width: 1024px) {
	.product-t .box .tit h3 { padding: 8px 0;}
	.product-t .box .txt { padding: 20px 15px;}
	.product-t .box .txt h4{ margin-bottom:10px;}
	.product-t .box .img{ max-width:290px; padding:0 15px;}
	.product-t .box .img:after{ width:calc(100% - 30px); left:15px; }
}
@media screen and (max-width: 800px) {
	.product-t .box{  width:calc(50% - 30px);}
	.product-t { padding: 40px 0 50px 0;}
}
@media screen and (max-width: 500px) {
	.product-t .box{  width:calc(100% - 30px);}
}