@charset "utf-8";
/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {
	#hamburger{ display:block !important;}
	.bottomlist{ display:block;}
	.footer{ margin-bottom:52px;}
}

/*index*/
@media screen and (max-width: 1680px) {
	.header .logo{ padding:12px 0;}
	.header .mune{ padding:32px 0;}
	.banner .banner-slider{ height: 840px;}
	.iab{ height:90vh;}
	.iall{ padding:80px 0;}
	.iall .boxs .box1 h3{ font-size:3.2em; margin-bottom:60px;}
	.iall .boxs .box2 .box2-1 h3,.iall .boxs .box2 .box2-2 .txt h3{ font-size:3.2em;}
	.footer .fo1 .links .f-mune a{ margin-left:50px;}
}
@media screen and (max-width: 1440px) {
	.header .logo img{ width:180px;}
	.header .mune{ padding:28px 0;}
	.header .m-list>a{ font-size:1.4em; padding:0 20px;}
	.header .m-list.more{ padding-left:60px;}
	.header .m-list.more>* img{ width:16px;}
	.banner .banner-slider{ height: 740px;}
	.banner .txt img{ max-width:45%;}
	.banner .txt{ padding-top:24%;}
	.iab{ height:80vh;}
	.iall{ padding:60px 0;}
	.iall .boxs .box1 h3{ font-size:2.4em; margin-bottom:20px;}
	.iall .boxs .box2 .box2-1 h3,.iall .boxs .box2 .box2-2 .txt h3{ font-size:2.4em;}
	.footer .fo1 .links .f-mune a{ font-size:1.4em; margin-left:30px;}
	.footer .fo1 .links .flogo img{ width:200px;}
	.footer .fo1 .links .f-mune{ padding-top:12px;}
	.footer .fo1 .txts .txt h3{ margin-bottom:20px;}
	.footer .fo1 .txts .fs .fsd{ margin-bottom:30px;}
}
@media screen and (max-width: 1240px) {
	.banner .banner-slider{ height: 640px;}
	.iab{ height:650px; overflow:hidden;}
	.iall .boxs .box1{ padding:20px 30px 50px 30px;}
	.iall .boxs .box2 .box2-1,.iall .boxs .box2 .box2-2{ padding:31px 20px;}
}
@media screen and (max-width: 1024px) {
	.header .mune{ display:none;}
	.banner .banner-slider{ height: 540px;}
	.banner .swiper-pagination-bullet{ width:10px; height:10px;}
	.banner .swiper-pagination{ bottom:20px;}
	.iall .boxs>*{ display:block; width:100%;}
	.iall .boxs{ display:block; max-width:700px; margin:0 auto;}
	.iall .boxs .box1{ padding:40px 40px 60px 40px;}
	.iall .boxs .box2 .box2-1,.iall .boxs .box2 .box2-2{ padding:40px;}
	.footer .fo1{ display:none;}
}
@media screen and (max-width: 850px) {
	.header .logo img{ width:140px;}
	.banner .banner-slider{ height: 440px;}
	.ip>*,.ip{ width:100%; display:block;}
	.ip .ip-s{ position:static; width:100%;}
	.ip .ipl div{width:51%; margin-right:-25%;}
	.ip .ip-s .box{ height:640px;}
	.iab{ height:auto;}
	.iab .txt{ padding:40px 0;  width:100%;}
	.iab .txt p,.iab .txt h3{ padding-left:0;}
	.footer .fo2{ text-align:center;}
	.footer .fo2 p,.footer .fo2 p:last-child{ float:none; line-height:1.5; display:inline;}
}
@media screen and (max-width: 650px) {
	.banner .banner-slider{ height: 340px;}
	.iall .boxs .box2 .box2-1, .iall .boxs .box2 .box2-2{ padding:30px;}
	.iall .boxs .box1 h3,.iall .boxs .box2 .box2-1 h3,.iall .boxs .box2 .box2-2 .txt h3{ font-size:2em;}
	.iall{ padding:40px 0;}
	.ip .ip-s .box{ height:400px;}
	.bottomlist ul li img{ width:25px;height:25px;}
	.footer{ margin-bottom:37px;}
	.footer .fo2{ padding:14px 0;}
}
@media screen and (max-width: 450px) {
	.banner .banner-slider{ height: 240px;}
	.ip .ip-s .box{ height:300px;}
	.iab .txt a{ font-size:1.4em;}
	.iall .boxs .box1,.iall .boxs .box2 .box2-1, .iall .boxs .box2 .box2-2{ padding:30px 20px;}
	.iall .boxs .box1 a{ margin-top:20px; width:100%; margin-left:0; font-size:1.4em;}
	.iall .boxs .box2 .box2-2 a{ font-size:1.4em;}

}

/*about*/
@media screen and (max-width: 1680px) {
	.banners,.banners .txt{ height:650px;}
	.about-t .ab1 .txts .txt .t h3{ font-size:2.4em}
	.about-t .ab1{ padding:50px 0 120px 0;}
	.tits h3{ font-size:2.4em;}
}
@media screen and (max-width: 1440px) {
	.banners,.banners .txt{ height:550px;}
	.about-t .ab1 .txts .txt{ padding-left:30px;}
	.about-t .ab1 .txts .txt .t h4{ margin-bottom:15px;}
	.about-t .ab2 .dots .dot .img img{ width:50px;}
	.about-t .ab2 .tits{ margin:50px 0 30px 0;}
	.about-t .ab3 .tits{ margin-bottom:30px;}
}
@media screen and (max-width: 1240px) {
	.banners,.banners .txt{ height:450px;}
	.about-t .ab1 .txts .txt .st{ margin-bottom:15px;}
	.about-t .ab1 .txts .txt .t h4{ margin-bottom:8px;}
	.about-t .ab3{ padding:50px 0 60px 0;}
}
@media screen and (max-width: 1024px) {
	.banners,.banners .txt{ height:350px;}
	.banners .txt .ti img{ max-width:40%;}
	.about-t .ab1 .txts>*{ float:none; }
	.about-t .ab1 .txts .img{ width:100%; margin-bottom:30px;}
	.about-t .ab1 .txts .txt{ padding:0; width:100%;}
	.about-t .ab3 .honor-slider .swiper-button-white{ width: 30px; height: 60px;}
}
@media screen and (max-width: 850px) {
	.banners .txt .ti img{ max-width:60%;}
	.about-t .ab2 .dots .dot .img img{ width:40px;}
}
@media screen and (max-width: 650px) {
	.about-t .ab1{ padding:40px 0 100px 0;}
	.about-t .ab1 .txts .txt .t h3{ font-size:2em;}
	.about-t .ab1 .txts .txt .t h4{ font-size:1.4em; line-height:1.2;}
	.tits h3{ font-size:2em;}
	.about-t .ab2 .tits{ margin:30px 0;}
	.about-t .ab2 .dots{ padding-bottom:40px;}
	.about-t .ab3{ padding:40px 0;}
	.about-t .ab2 .dots .dot .t p{ font-size:1.2em; line-height:1.2;}
}
@media screen and (max-width: 450px) {
	.about-t .ab1{ padding:40px 0 40px 0;}
	.about-t .ab2 .t-img img{ margin-top:-20px;}
	.banners,.banners .txt{ height:260px;}
	.banners .txt .ti img{ max-width:100%; padding-top:60px;}
	.tits h3{ font-size:1.6em;}
	.tits h4{ font-size:1.2em; line-height:1.2;}
	.about-t .ab2 .dots .dot{ width:100%; margin:20px 0;}
}

/*network*/
@media screen and (max-width: 1024px) {
	.network-t{ padding:60px 0;}
	.network-t .tits{ margin-bottom:30px;}
}
@media screen and (max-width: 850px) {
	.network-t{ padding:40px 0;}
}

/*news*/
@media screen and (max-width: 1440px) {
	.news-t{ padding:60px 0;}
	.news-t .news-txts{ margin-top:30px;}
	.news-t .nl a{ font-size:1.6em;}
	.news-t .news-top .dot .txt{ padding:30px 20px;}
}
@media screen and (max-width: 1250px) {
	.news-t .news-top .dot{ width:calc(100% - 20px);  float:none; max-width:800px; margin:20px auto;}
	.news-t .news-txts .ndt{ max-width:800px; margin:20px auto 0 auto;}
	div.fy{ text-align:center;}
	div.fy a ,div.fy span.current,div.fy span.disabled{ font-size:1.6em;}
	.news-t .news-txts .ndt .more{ width:100px;}
}
@media screen and (max-width: 850px) {
	.news-t{ padding:40px 0;}
	.news-t .nl{ margin:20px auto;}
	.news-t .nl a{ font-size:1.4em; padding:10px 14px;}
	.news-t .news-txts{ margin-top:20px;}
	.news-t .news-txts .ndt .t{ padding:20px 0;}
	div.fy a ,div.fy span.current,div.fy span.disabled{ font-size:1.4em;}
}
@media screen and (max-width: 650px) {
	.news-t .news-txts .ndt .more{ width:60px;}
	.news-t .news-txts .ndt .more img{ width:20px;}
	.news-t .news-txts .ndt .t .tit h3{ font-size:1.6em;}
	.news-t .news-txts .ndt .t .tit{ margin-bottom:10px;}
	div.fy a ,div.fy span.current,div.fy span.disabled{ padding:4px 8px;}
	.news-t .news-top .dot a>*{ float:none; width:100%;}
	.news-t .news-top .dot{ max-width:300px;}
	.news-t .news-top .dot .txt{ padding:12px;}
	.news-t .news-top .dot .txt h3{ font-size:1.4em;}
	.news-t .news-top .dot .txt span { margin-top:12px;}
	.news-t .news-top .dot .txt h4{ margin:6px 0;}
}
@media screen and (max-width: 450px) {
	.news-t .news-txts .ndt .more{ display:none;}
	.news-t .news-txts .ndt .t{ padding:10px 0;}
	.news-t .news-txts .ndt .t .tit{ margin-bottom:4px;}
	.news-t .news-txts .ndt .t p{ line-height:20px;  height:40px;}
	.news-t .nl{ margin:20px auto 0 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;}
}

/*product*/
@media screen and (max-width: 1440px) {
	.product-t .pl a{ margin:5px 10px;  padding:10px 20px; font-size:1.6em;}
	.product-t .pl{ margin:60px 0 30px 0;}
	.product-t .sp-slider{ margin-top:30px;}
	.product-t .pboxs{ width: calc(100%); margin-left: 0px;}
	.product-t .pboxs .box{ box-shadow: 0 5px 10px rgba(0,0,0,0.2); width: calc(25% - 20px) ; margin:10px;} 
}
@media screen and (max-width: 1240px) {
	.product-t .pboxs .box .txt p{ font-size:1.6em;  }
	.product-t .pboxs .box .txt{ padding:6px;}
	.product-t{ padding:50px 0;}
	.product-t .sp-slider .swiper-button-white{ width:30px; height:60px;}
	.product-t .pl a{ font-size:1.4em;}
	.product-t .pl{ margin:40px 0 20px 0;}
}
@media screen and (max-width: 850px) {
	.product-t .pboxs .box{ width: calc(50% - 20px) ;}
	.product-t .pboxs .box .txt p{ font-size:1.4em;}
	.product-t{ padding:40px 0;}
	.product-t .sp-slider img{ box-shadow: 0 0 10px rgba(0,0,0,0.2);}
}
@media screen and (max-width: 450px) {
	.product-t .pboxs .box{ width: calc(100% - 20px) ;}
	.product-t .pl{ margin:10px 0;}
	.product-t .sp-slider{ margin-top:10px;}
}

/*contact*/
@media screen and (max-width: 1600px) {
	.contact-t .c1{ padding:60px 0;}
	.contact-t .c1 .boxs{ margin-top:60px;}
}
@media screen and (max-width: 1400px) {
	.contact-t .c1 .boxs .tit h3{ font-size:2em;}
	.contact-t .c1 .boxs .tit h4{ font-size:1.6em;}
	.contact-t .c1 .boxs .txt .dot{ margin-bottom:20px; padding-bottom:14px;}
	.contact-t .c1 .boxs .txt .dot p img{ width:25px; margin: 0 10px -5px 0;}
	.contact-t input, .contact-t textarea{ padding:12px 12px 12px 60px;}
	.contact-t .c1 .boxs .fd .form .fc-txt{ background: url(../images/contact/c2-3.png) 20px 15px no-repeat;}
	.contact-t textarea{ margin:20px 0 35px 0;}
	.contact-t .c1 .boxs .tit{ margin-bottom:30px;}
	.contact-t .btn .fc-btn{ padding:16px 70px 16px 40px;}
}
@media screen and (max-width: 1024px) {
	.contact-t .c1 .boxs .tit{ margin:0 0 25px 0;}
	.contact-t .btn .fc-btn{ font-size:1.6em; padding:12px 60px 12px 30px;}
	#container{ height:400px;}
}
@media screen and (max-width: 850px) {
	.contact-t .c1 .boxs .txt,.contact-t .c1 .boxs .fd{ width:100%;}
	.contact-t .c1 .boxs .txt{ margin-bottom:20px;}
	.contact-t .c1 .boxs{ margin-top:20px;}
}
@media screen and (max-width: 650px) {
	.contact-t .c2{ background-size:cover !important;}
	.contact-t .c2 .join-slider{ width:80%;}
	.contact-t .c2 .btn{ left:20px; top:50%;}
	.contact-t input, .contact-t textarea{ padding:10px 12px 10px 30px;}
	.contact-t .c1 .boxs .fd .form .dot .ft1,.contact-t .c1 .boxs .fd .form .dot .ft2,.contact-t .c1 .boxs .fd .form .fc-txt{ background-size:20px 16px !important;}
	.contact-t .c1 .boxs .fd .form .dot .ft1{ background: url(../images/contact/c2-1.png) 5px  center no-repeat;}
	.contact-t .c1 .boxs .fd .form .dot .ft2{ background: url(../images/contact/c2-2.png) 5px  center no-repeat;}
	.contact-t .c1 .boxs .fd .form .fc-txt{ background: url(../images/contact/c2-3.png) 5px 15px no-repeat;}
	#container{ height:340px;}
	.contact-t .c1 .boxs .tit h3{ font-size:1.6em;}
	.contact-t .c1 .boxs .tit h4{ font-size:1.4em;}
	.contact-t .c1{ padding:40px 0;}
}
@media screen and (max-width: 450px) {
	.contact-t .c1 .boxs .txt .dot{ margin-bottom:15px; padding-bottom:15px;}
	.contact-t .c1 .boxs .fd .form .dot .fc-input { width: calc(100% - 30px); margin-bottom:15px;}
	.contact-t textarea{ margin:0px 0 20px 0;}
}