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


/*index*/
@media screen and (max-width: 1400px) {
	.footer .shares .two { margin: 0 30px;}
}
@media screen and (max-width: 1200px) {
	.header .logo{ padding:10px 0;}
	.header .munes>div a, .header .munes>div span{ margin:25px 0;}
	.banner .swiper-slide,.banner{ height:450px;}
	.banner .swiper-slide .txt{ padding-top:180px;}
	.banner .swiper-slide .txt h3{ font-size:3.2em; margin-bottom:20px;}
	.ip .swiper-slide { padding: 80px 25px 0 25px; margin: 20px 0;}
	.ip-bg{ height:280px; margin:20px 0;}
	.ip .ip-slider{ height:320px;}	
	.ip .swiper-slide:hover{ height:320px;  padding:60px 25px;}
	.ip{ margin-top:-20px;}
	.ie{ padding:50px 0;}
	.ie .ie-slider { padding: 20px 0 60px 0;}
	.footer .share{ display:none;}
	.footer .two{ float:right;}
	.footer .shares{ width:fit-content;}
	.ia .boxs .box {  padding: 25px 20px;}
	.ia .boxs .box .num h3 { font-size: 6em;}
	.ia .boxs .box .t h3{ font-size:1.6em;}
	.ia .boxs .box .t p {  padding: 5px 0 10px 0;}
	.footer{ padding:30px 0;}
}
@media screen and (max-width: 1024px) {
	.header .logo img{ width:120px;}
	.header:after { display:none;}
	.header:before {  width:calc(110% - 200px);}
	.ip .ip-slider{ padding:0;}
	.ia .boxs { margin-top: 40px;}
	.ia .txts .left{ padding-right:20px;}
	.inews .box a .txt{ padding:0 20px;}
	.banner .swiper-slide,.banner{ height:350px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:25px;}
	.banner .swiper-slide .txt{ padding-top:120px;}
	.banner .swiper-slide .img{width: 60%; max-width:60%;}
	.banner .swiper-slide .txt{ width:40%;}
	.ip .swiper-slide { padding: 60px 25px 0 25px; margin: 20px 0;}
	.ip-bg{ height:240px; margin:20px 0;}
	.ip .ip-slider{ height:280px;}	
	.ip .swiper-slide:hover{ height:280px;  padding:20px 25px;}
	.ip .swiper-slide:hover span{margin-top:30px;}
	.ia .boxs .box .num,.ia .boxs .box .t{ width:100%;}
	.ia .boxs .box .num h3 { font-size: 3.2em;}
	.banner .swiper-slide .img { margin: 60px 0 0 -9px;}
}
@media screen and (max-width: 900px) {
	.ia .txts>*{ width:100%;}
	.ip .swiper-slide p{ font-size:1.2em; line-height:16px;}
	.ia{ padding:40px 0;}
	.ia .txts .left .i-tit { padding: 25px 0;}
	.ia .txts .left .txt h3{ margin-bottom:20px;}
	.banner .swiper-slide .txt h3{ font-size:2.4em; line-height:26px;}
	.banner .swiper-slide .txt p{ line-height:20px;}
	.inews .box a .img{ width:100%; text-align:right; margin-top:10px;}
	.inews .box a .txt{ width:calc(100% - 110px);}
	.inews .box:hover .txt{ width:calc(100% - 135px);}
	.footer-tit{ text-align:center;}
	.footer-tit p:nth-child(1),.footer-tit p:nth-child(2){ padding:0 2px; display:inline; float:none; line-height:24px;}
}
@media screen and (max-width: 800px) {
	.banner .swiper-slide .img{width: 100%; max-width:80%; float:none;}
	.banner .swiper-slide .txt{ width:100%;}
	.banner .swiper-slide,.banner{ height:650px;}
	.banner .swiper-slide .txt{ padding:0 0 50px 0;}
	.ia .boxs .box .t p{ line-height:20px; height:40px;}
}
@media screen and (max-width: 600px) {
	.ip .ip-slider{ margin:0;}	
	.inews .tit{ padding:40px 0 20px 0;}
	.inews .box:hover .date h3{ font-size:5em; line-height:60px;}
	.inews .box:hover .date h4{ font-size:1.6em;}
	.inews .box:hover .date{ width:100px;}
	.inews .box a .date{ width:80px;}
	.inews .box a .date h3{ font-size:4.5em;}
	.inews .box a .date h4{ font-size:1.6em;}
	.banner .swiper-slide,.banner{ height:500px;}
	.ip{ display:none;}
	.ip-min{ display:block;}
}
@media screen and (max-width: 500px) {
	.banner .swiper-slide .img{ max-width:100%;}
	.ip .swiper-slide { padding: 40px 25px 0 25px; margin: 20px 0;}
	.ip-bg{ height:200px; margin:20px 0;}
	.ip .ip-slider{ height:240px;}	
	.ip .swiper-slide:hover{ height:240px;  padding:20px 25px;}
	.ip .swiper-slide:hover span{margin-top:30px;}
	.ie{ padding:30px 0;}
	.ia .txts .left .i-tit{ padding:0 0 15px 0;}
	.ia .boxs .box p{ display:none;}
	.ia .boxs .box .t h3{ padding-bottom:6px; margin-bottom:6px; border-bottom: 1px solid #7694d8;}
	.ia .boxs .box .t p{ height:fit-content; padding:5px 0;}
	.ia .boxs .box .t img{ padding-top:5px;  width:45px;}
	.inews .tit .right a{ display:block; margin:5px 0;}
	.inews .box a .txt { width: calc(100% - 80px);}
	.banner .swiper-slide,.banner{ height: 400px;}
	.banner .swiper-slide .img {  margin: 40px 0 0 0px;}
	.banner .swiper-slide .img img{ height:160px;}
	.warp{ padding:0 10px;}
	.banner .swiper-slide .txt p{ display:none;}
	.banner .swiper-slide, .banner { height: 280px;}
	.ia .txts .left .txt p{ margin-bottom:20px;}
	.ia .boxs .box { padding: 15px 10px;}
}

/*news*/
@media screen and (max-width: 1200px) {
	.banners{ height:320px; padding-top:100px;}
	.news-t{ padding:45px 0;}
}
@media screen and (max-width: 800px) {
	.news-t{ padding:35px 0 15px 0;}
	.news-t a{ margin:0 5px;}
	div.fy{ padding:15px 0 40px 0;}
	div.fy a,div.fy span.current,div.fy span.disabled {padding:6px 10px; }
	.lines .right { margin-top: 0px; width:100%; text-align:right;}
}

/*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: 1200px) {
	.contact-t .warp>*{ width:50%;}
	.contact-t .warp{ display:table; width:100%; padding:0;}
	.contact-t .warp>*{ height:fit-content; margin:0; max-width:50%; float:none;  display:table-cell; vertical-align:top;}
	.contact-t #container{ margin-top:0;}
	.contact-t .c1{ padding-top:0;}
}
@media screen and (max-width: 800px) {
	.contact-t .warp>*{ display:block; width:100%; max-width:100%;}
	.contact-t .left,.contact-t .right{ overflow:hidden;  padding:40px 30px;}
	.contact-t .left .dot{ float:left;  width:50%;}
	.contact-t .left img{ margin-bottom:10px;}
	.contact-t .right .fc-input, .contact-t .right .fc-txt{ padding:8px 10px;}
}
@media screen and (max-width: 600px) {
	.contact-t .left .dot{ float:left;  width:100%; margin-top:20px;}
	.contact-t .left .dot h3{ margin-bottom:6px;}
	.contact-t .right .tit h3{ font-size:3.2em;}
}
@media screen and (max-width: 400px) {
	.contact-t .left img{ width:160px;}
	.contact-t .left .dot p{ font-size:1.4em;}
	.contact-t .left .dot h3{ font-size:1.6em;}
	.contact-t .right .fc-btn{ margin-top:20px;}
	.productshow .gallery-top img { max-width:100% !important; padding:20px 0;}
}

/*about*/
@media screen and (max-width: 1400px) {
	.a1 .right { width: 50%; margin-right:2%;}
	.a1 .right .txt h4{ margin-bottom:50px;}
	.a1 .right .dots{ margin-top:50px;}
	.a1 { padding: 50px 0 80px 0;}
	.a3 .tit h4{ margin-bottom:20px;}
	.a3 { margin-bottom: 40px;}
}
@media screen and (max-width: 1250px) {
	.a3 .img img{ width:75%;}
	.a3 .txt{ top:55%; width:28%;}
}
@media screen and (max-width: 1024px) {
	.a1 .left{ text-align:right;}
	.a1 .left,.a1 .right{ width:100%; padding:20px; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}
@media screen and (max-width: 800px) {
	.a1 {  padding: 30px 0 50px 0;}
	.a1 .right .txt h3,.a3 .tit h3,.a2 .tit h3{ font-size:3.2em; margin-bottom:20px;}
	.a1 .right .txt h4{ margin-bottom:20px;}
	.a1 .right .txt h4,.a2 .tit h4,.a3 .tit h4{ font-size:3em;}
	.a1 .right .txt .t p{ line-height:24px;}
	.a3 .img img{ width:100%; }
	.a3 .img{padding:0;}
	.a3 .txt{ position:relative; top:auto; width:100%; margin-top:20px; height:fit-content;}
	.a2{ padding:40px 0;}
	.a2 .honor-slider .swiper-slide p{ margin-top:20px; font-size:1.6em;}
}
@media screen and (max-width: 600px) {
	.a1 .right .txt h3,.a3 .tit h3,.a2 .tit h3{ font-size:2.4em; margin-bottom:20px;}
	.a1 .right .txt h4,.a2 .tit h4,.a3 .tit h4{ font-size:2.2em;}
	.a1 .right .dot .num h3{ font-size:3.2em;}
	.a1 .right .dot{ padding:15px; text-align:center;}
	.a1 .right .dots{ margin-top:20px;}
}
@media screen and (max-width: 400px) {
	.a1 .left, .a1 .right{ padding:15px 0;}
	.a1 .right .dot{ padding:15px 10px;}
}

/*product*/
@media screen and (max-width: 1024px) {
	.product-t .box{ padding:20px 0;}
	.product-t .box a .txt h3{ font-size:3.2em;}
	.product-t .box a .txt h4{ padding:15px 0 20px 0;}
	.product-t .box a .txt p{ font-size:1.4em;}
	.proudt-list{ text-align:center; overflow:hidden; width:calc(100%); margin-left:0px; padding:20px 0;}
	.proudt-list a{ display:inline-block; float:none; width:100px; margin:8px 5px; line-height:35px; height:35px;}
	.product-t .box a .img{ width:60%;}
}
@media screen and (max-width: 800px) {
	.product-t .box{ display:block;}
	.product-t .box a .img,.product-t .box a .txt{ width:100%; display:block;}
	.product-t .box a .txt{ padding-top:40px;}
}
@media screen and (max-width: 600px) {
	.proudt-list a{ width:90px; margin:5px 0;}
	.product-t .box a .txt h3{ font-size:2.4em;}
	.product-t .box a .txt h4{ font-size:1.8em;}
}

/*product*/
@media screen and (max-width: 1024px) {
	.productshow .gallery-thumbs { padding: 0px 70px;}
	.productshow .txts .video .box .txt img { padding-top: 8%;}
}
@media screen and (max-width: 800px) {
	.productshow .txts .video{ width:100%; margin:0;}
	.productshow .txts .video .box{ width:100%; max-width:575px; margin:20px auto; float:none;}
	.productshow .txts .video{ padding:20px 0;}
	.productshow .txts>.txt p{ line-height:24px;}
	.ips-p,.ips-n{ width:50px; height:140px; background-size:50px 140px; top:50%; margin-top:-70px;}
	.productshow .gallery-top img{ max-width:calc(100% - 80px);}
	.productshow .gallery-top .swiper-slide{ height:fit-content;}
}
@media screen and (max-width: 600px) {
	.banners{ height:240px; background-size:cover;}
	.banners { padding-top: 75px;}
	.product-min{ overflow:hidden; display:block;}
	.product{ display:none;}
}
@media screen and (max-width: 500px) {
	.productshow .gallery-thumbs { padding: 20px 45px;}
	.ips-p,.ips-n{ width:40px; height:100px; background-size:40px 100px; margin-top:-50px;}
	.product-min img{ max-width:120%; margin-left:-10%;}
}