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


/*index*/
@media screen and (max-width: 1700px) {
	.i-ser .box { height: 360px;}
	.inews .boxs .box:hover .img{ transform:translateY(-25px);}
	.tits h4 { font-size: 3.2em;}
	.footer {  padding: 100px 0;}
	.ip{ padding:50px 0;}
	.i-ser .box{ padding:15px 20px;}
	.i-ser .tits { width: calc(25% - 40px); margin:0 20px;}
	.i-ser .boxs{ width:75%;}
}
@media screen and (max-width: 1500px) {
	.banner .swiper-slide,.banner-slider{ height:800px; }
	.banner .txt .t h3 { font-size: 5em; line-height:60px; margin-bottom:20px;}
	.banner .txt .t h5 {  font-size: 1.6em;  line-height: 24px;}
	.ia { padding: 80px 0;}
	.ia .left .dots{ width:90%;}
	.ia .left .dot{ width:240px; max-width: 50%;}
	.ia .left .dot:nth-child(2){ margin-left:50%;}
	.iv-btn {  width: 320px;  height: 320px;}
	.iv-btn .loading2,.iv-btn .loading3{ width:320px;}
	.iv{ height:500px;}
	.header .munes .m-list {   padding: 0 20px;}
	.banner .txt .t img{ max-width:40%;}
}
@media screen and (max-width: 1400px) {
	.banner .swiper-slide,.banner-slider{ height:600px; }
	.banner .swiper-slide:before{ width:200px; height:200px;  right:-100px; margin-top:-100px;}
	.banner .swiper-container-vertical>.swiper-pagination-bullets{ right:20px;}
	.header .logo img{ width:200px;}
	.iknow .tits{ width:340px;}
	.iknow .iknow-slider{ width:calc(100% - 340px);}
	.footer .left .dots .dot{ padding:10px 0;}
	.banner .txt .t { padding-top: 150px;}
}
@media screen and (max-width: 1300px) {
	.i-ser .box {width: calc(50% - 30px);margin:15px;height: 260px;}
	.ip-slider .txt{ bottom:20px; left:20px;}
	.inews .boxs .box{ padding-bottom:50px;}
	.inews .boxs{ margin-top:60px;}
	.header .munes .m-list { padding: 0 15px;}
	.header {  padding-top: 40px;}
	.banner .txt .t{ padding-top:160px;}
	.bans .header .m-list{ padding:32px 15px;}
	.bans .header .m-list:last-child { padding: 32px 0px 0px 15px;}
	.bans .header .logo .logo2{ width:205px;}
	.iknow .tits h4{ line-height:50px;}
	.header .munes .m-list>a { font-size: 1.8em;}
	.banner .txt .t h3{ font-size:3.6em; line-height:40px;}
	.header .munes .m-list {   padding: 0 10px;}
	
}
@media screen and (max-width: 1024px) {
	.footer-tit p { font-size: 1.6em;}
	.footer-tit{ padding:15px 0;}
	.i-ser {  background-size: 200%;}
	.banner .swiper-slide:before{ display:none;}
	.banner .swiper-pagination{ background:transparent;}
	.banner .txt .t h3{ margin-bottom:40px;}
	.banner .txt .t{ padding-top:200px;}
	.ia{ padding:40px  0;}
	.ia .left .dot img{ width:40px;}
	.ia .left .dot h3 {  padding: 5px 0; font-size: 2.4em;}
	.ia .left .dot p{ font-size:1.4em;}
	.tits h3{ padding:20px 0 15px 0;}
	.i-ser .tits { width: calc(100% - 40px);}
	.i-ser .boxs{ width:100%; margin-top:20px;}
	.inews .boxs .box .txt{ padding:0 20px; background:#fff;}
	.iknow .tits{ width:100%; margin-bottom:30px;}
	.iknow .bg2{ display:none;}
	.iknow{ padding:60px 0;}
	.iknow .iknow-slider{ width:100%;}
	.iknow .iknow-slider{ padding-bottom:60px;}
	.footer{ padding:60px 0 20px 0;}
	.footer .warp>*{ width:100%;}
	.footer .left .dots .dot:first-child span {  width: 90px;}
	.banner .txt:after { width: 65%;}
	.banner .txt .t img{ max-width:70%;}
}
@media screen and (max-width: 800px) {
	.banner .txt:after {left: 0px;}
	
	.banner .txt .t{ padding-top:140px;}
	.header .logo img{ width:140px;}
	.header{ padding-top:20px;}
	.ia .warp>*{ width:100%; float:none; background:#fff;}
	.ia .left .dots{ overflow:hidden; margin-bottom:20px;}
	.ia .left .dot{float:left;width: calc(33.33% - 42px);margin:10px 20px;}
	.ia .left .dot:nth-child(2){ margin-left:20px;}
	.ia .left .dots{ width:100%;}
	.ia .right .txt img{ margin:15px 0;}
	.tits h4{ font-size:2.4em;}
	.i-ser{ background-size:200% !important;}
	.i-ser .box{ height:300px;}
	.inews .boxs .box a .txt{ margin-bottom:40px;}
	.inews .boxs .box a>*{ float:none; width:100% !important;}
	.inews .boxs .box a .img{ max-width:400px;}
	.inews .boxs .box{ padding:25px 0;}
	.inews .boxs .box .img::before { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.8);}
	.banner .txt .t{ width:60%;}
	.banner .txt .t h3{ font-size:3.2em;  line-height:50px;}
	.banner .txt .t a{ display:none;}
	.show-icon { width: 60px;  height: 60px;  right: 10px;}
	.show-icon img{ max-width:100%;}
	.iknow .tits h4{ line-height:30px;}
}
@media screen and (max-width: 600px) {
	.banner .txt .t img{ max-width:200px;}
	.banner .txt .t { padding-top: 100px;}
	#hamburger:before, #hamburger:after, #hamburger span{background: #fff !important;}
	.banner .txt .t{ width:80%;}
	.i-ser .box { width: calc(100% - 30px); height:fit-content;}
	.i-ser .box h3{ text-align:center;}
	.i-ser{ padding:60px 15px;}
	.ia .left .dot p{ height:40px; line-height:20px;}
	.ia .left .dot{ padding:10px 0;}
	.banner .swiper-slide,.banner-slider{ height:450px; }
	.iv-btn {  width: 300px;  height: 300px;}
	.iv-btn .loading2,.iv-btn .loading3{ width:300px;}
	.loading2{ -webkit-animation: rotate 300s linear infinite; animation: rotate 300s linear infinite;}
	.loading3{ -webkit-animation: rotate2 180s linear infinite; animation: rotate2 180s linear infinite;}
	.iv {  height: 350px;  padding: 25px 0 0 0;}
	.i-ser .box{ margin:10px;}
	.ip-slider{ padding:30px 0;}
	.inews .boxs{ margin-top:20px;}
	.inews {  padding: 45px 0 25px 0;}
	#hamburger{ right:20px;}
}
@media screen and (max-width: 500px) {
	.banner .txt .t h3 {font-size: 2.2em;   line-height: 32px;}
	.banner .txt .t{ padding-top:120px;}
	.banner .swiper-slide, .banner-slider{ height:400px;}
	.ia .left .dot{ margin:10px 2px;     width: calc(33.33% - 8px);}
	.ia .left .dot:nth-child(2){ margin-left:2px;}
	.ia .left .dot{ padding:10px 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.banner .swiper-pagination{ display:none;}
	.banner .txt .t img{ max-width:160px;}
	.banner .txt .t h5 { margin-top: 20px; max-width:68%;}
}
@media screen and (max-width: 400px) {
	.ia .left .dot{ display:none;}
	.i-ser .box img{ width:40px;}
	.i-ser .box h3{ padding:10px 0;}
	.ip-slider .box{ width:240px; margin:0 auto;}
	.inews .boxs .box .txt h4{ padding-bottom:10px;}
	.inews .boxs .box{ padding:15px 0;}
	.inews .boxs .box .txt h4{ font-size:1.8em;}
	.inews .boxs .box .txt{ padding:0;}
	.iknow{ padding:20px 0;}
	.banner .txt .t img{ max-width:110px;}
	.banner .txt .t{ padding-top:80px;}
	.header .logo img{ width:110px;}
	#hamburger{ top:30px;}
	.banner .txt .t h5 { margin-top: 20px; max-width:75%; line-height:20px;}
	.banner .swiper-slide, .banner-slider{ height:300px;}
	.footer{ padding:40px 0 20px 0;}
	.footer .left .dots{ padding-top:20px;}
	.footer .left .dots .txt h3,.footer .left .dots .dot:hover .img{ margin-bottom:5px;}
}

/*about*/
@media screen and (max-width: 1400px) {
	.about-t .ab1 { padding:40px 0 100px 0;}
	.about-t .leads{ margin-bottom:40px;}
	.ab1 .left .dot img{ width:40px;}
	.about-t .ab1 .left .dot h3 { padding: 10px 0;  font-size: 2.4em;}
	.about-t .ab1 .left .dot p{ font-size:1.4em;}
	.about-t .ab1 .left .dot { padding: 15px 0;   width: calc(33.33% - 20px);  margin-right: 20px;}
}
@media screen and (max-width: 1200px) {
	.about-t .ab1 .left .txt h3 { font-size: 2em; line-height: 24px;  margin-bottom: 15px;}
	.about-t .ab1 .left .txt p { font-size: 1.4em;}
	.about-t .ab1 .left .dot p{ height:30px;}
	.about-t .ab1 .left .dot { padding: 15px 5px; }
}
@media screen and (max-width: 1024px) {
	.about-t .ab2 .ab2-slider{ padding:60px 0;}
	.about-t .ab1 .left, .about-t .ab1 .right{ width:100%; float:none;}
	.about-t .ab1 .left .txt, .about-t .ab1 .left .dots{ width:100%; max-width:800px; margin-bottom:20px; overflow:hidden;}
}
@media screen and (max-width: 600px) {
	.about-t .ab1 { padding:20px 0 60px 0;}
	.about-t .leads{ margin-bottom:20px;}
	.bans #hamburger:before,.bans  #hamburger:after,.bans  #hamburger span { background: #0d94aa !important;}
	.banners{ height:240px;}
	.about-t .ab1 .left .dot { padding: 15px 0;   width: calc(33.33% - 10px);  margin-right: 10px;}
	.about-t .ab2{ background-size:50%; background-position:-40px bottom;}
}
@media screen and (max-width: 500px) {
	.about-t .ab1 .left .dot{ padding:8px 0;}
	.about-t .ab1 .left .dot h3{ padding:5px 0;}
	.about-t .ab1{ background-size:50%; background-position:right bottom;}
	.about-t .ab1 .left .txt h3{ font-size:1.6em;}	
}

/*contact*/
@media screen and (max-width: 1024px) {
	#m5 .footer{ display:block; padding:20px 0 80px 0;}
	#m5 .footer .warp>*{ float:none; width:100%;}
	#m5 .footer .warp .left{ margin-bottom:40px;}
	#m5 .footer .left .dots{ max-width:100%;}
	#m5 .footer .right .fc-input,.footer .right .fc-txt{ padding:10px 20px;}
	#m5 .footer .right .fc-btn{ width:60%; margin:0 20%;}
	#m5 .leads { padding: 40px 0 0 0;}
}
@media screen and (max-width: 800px) {
	#m5 .footer{ display:block; padding:20px 0 40px 0;}
	#container{ height:340px !important;}
}
@media screen and (max-width: 600px){
	.footer .left .dots .t{ margin-right:0;}
	.footer .left .dots .img{ margin-right:0px; margin-bottom:10px;}	
	.footer .left .dots .txt{width: calc(100%);}
	.footer .left .dots .dot:first-child .t>*{ display:block;}
	.footer .left .dots .dot:nth-child(2) .t{ margin-right:20px;}
}

/*login*/
@media screen and (max-width: 600px){
	.login-t .txt{ padding:20px;}
	.login-t .txt img {   max-width: 25%;  margin-bottom: 15px;}
	.l-input, .l-btn{ padding:10px 15px; font-size:1.6em;}
	.l-btn{ font-size:1.8em;}
	.login-t .tit h3 { font-size: 3.2em;}
	.login-t .tit p{ font-size:1.6em;}
	.login-t .tit { margin-bottom: 20px;}
	.login-t{ padding:40px 0;}
}

/*product*/
@media screen and (max-width: 1400px) {
	.product-t .tit .pro-list a{ font-size:1.6em;}
}
@media screen and (max-width: 1200px) {
	.p-list .pb{ width:16.66%;}
	.product-t {  padding:0 0 60px 0;}
	.product-t .tit .tits{ width:240px;}
	.p-list .pb h3{ font-size:1.6em; height:24px;}
	.product-t .tit{ margin-top:40px;}
	.product-t .p-boxs{ margin-top:0px;}
}
@media screen and (max-width: 1100px) {
	.product-t .tit .pro-list a{ margin: 10px 5px 0 5px;}
}
@media screen and (max-width: 1024px) {
	.product-t .box { width: calc(50% - 30px);}
	.product-t .tits:after{left: 50%; margin-left:-25px;}
	.product-t .p-boxs{ margin-top:10px;}
}
@media screen and (max-width: 800px) {
	.p-list .pb{ width:25%;}
	.p-list .pb img{ width:50px;}
	.product-t .tit h3{ font-size:3.2em;}
	.leads p{ font-size:1.6em;}
	.product-t{ background-size:30%;}
	/*.p-list{ display:none;}
	.pm-list{ display:block;}*/
}
@media screen and (max-width: 600px) {
	.p-list .pb{ width:33.33%; padding:10px 0;}
	.p-list .pb h3{ font-size:1.4em; padding:0 10px; height:40px; line-height:20px;}
	.product-t .p-boxs{ width:100%; margin:0;}
	.product-t .box { width: calc(50% - 10px); margin:5px;}
	.product-t .p-boxs{ margin-top:30px;}
	.product-t:after{ bottom:-50px; left:-50px; border:20px solid #3da9bb; padding:30px; border-radius:50%;}
	.product-t .p2-list a{ width:150px; margin:2px 0;}
	.p-list .pb img {   width: 35px;}
}
@media screen and (max-width: 400px){
	.product-t .box {   width: calc(100% - 10px);}
}

/*productshow*/
@media screen and (max-width: 1024px) {
	.productshow-t .ps-txts .txt h3 { font-size: 3em; padding:0;}
	.productshow-t .ps-txts .txt{ padding-left:40px;}
	.productshow-t .ps-more .tit h3 { padding: 15px 25px;  font-size: 2em;}
	.productshow-t .ps-more .tit a { padding: 20px 25px 25px 0;}
	.productshow-t .ps-more .tit{ margin-bottom:30px;}
	
}
@media screen and (max-width: 800px) {
	.productshow-t .ps-txts>*{ float:none; width:100% !important; max-width:600px !important; margin:0 auto;}
	.productshow-t .ps-more .pm{ width:calc(50% - 10px);}
	.productshow-t .leads{ padding:40px 0 20px 0;}
	.productshow-t .ps-txts .txt{ padding:0;}
	.productshow-t .ps-btn a{ float:none; width:100%;}
	.productshow-t .ps-txts .txt .dot{ min-height:fit-content;}
	.show-icon{ bottom:160px;}
}
@media screen and (max-width: 600px) {
	.productshow-t .ips-p,.productshow-t .ips-n{ top:10px; width:30px; height:60px; background-size:30px 60px;}
	.productshow-t .ps-txts .ps-imgs .gallery-thumbs{ margin:0 45px; height:100px;}
	.productshow-t .ps-txts .ps-imgs .gallery-thumbs img{ margin-top:0;}
}
@media screen and (max-width: 450px) {
	.productshow-t .ps-more .pm{ width:calc(100% - 10px);}
	.productshow-t .ps-more .tit { border-left: 10px solid #3da9bb;}
	.productshow-t .ps-more .tit h3 { padding: 15px 10px;}
}


/*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;}
}

/*f-contact2*/
@media screen and (max-width: 1024px) {
	.fc2{ display:none;}
	.fc2 .warp>*{ width:100%; float:none;}
	.fc2 .warp .left{ margin-bottom:40px;}
}
@media screen and (max-width: 600px) {
	.fc2 .left .dots .dot>*{ float:none; }
	.fc2 .left .dots .dot .txt{width:100%; margin-top:15px;}
	.fc2 .left .dots .t{ margin-right:10px;}
	.fc2 .left .dots{ margin-right:0;}
	.fc2 .right .txt{ padding:12px 15px;}
	.fc2 .right .fc-btn{ padding:12px 20px;}
}