@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:52px;}
}

/*index*/
@media screen and (max-width: 1600px) {
	.header .mune .m-list>a{ padding:30px;}
	.warp{ max-width:1440px;}
	.iab .txt { padding: 6% 40px 20px 5%;}
	.iab .txt .t a{ margin-top:10%;}
	.inews{ padding:60px 0 40px 0;}
	.is .box1{ height:420px;}
	.is .box1, .is .box2-1, .is .box2-2{ height:400px;}
	.footer .warp{ padding:0 20px;}
}
@media screen and (max-width: 1400px) {
	.warp{ max-width:1240px;}
	.header .logo img{ width:180px;}
	.header .mune .m-list>a{ padding:23px 20px;}
	.header .more{ padding:26px 0;}
	.header:after{ height:10px;}
	.header{ padding-top:10px;}
	.ip .dot img{ width:100px;}
	.ip .dot h3{ font-size:1.6em; margin:5px 0;}
	.ip .dot { padding: 30px 20px;}
	.tits h4{ font-size:2.4em;}
	.iab .txt { padding: 60px 40px 20px 40px;}
	.iab .txt .tits{ margin-bottom:30px;}
	.iab .txt .t a{ font-size:1.4em; padding:12px 30px;}
	.inews{ padding:60px 0 20px 0;}
	.inews .dots .dot .txt h3{ font-size:1.6em; margin-bottom:5px;}
	.inews .dots .dot .txt{ padding:12px 0;}
	.inews .dots .dot { width: calc(33.33% - 20px); margin: 0 10px;}
	.inews .dots { width: calc(100% + 20px);  margin-left: -10px;}
	.inews .dots .dot .txt span{ margin-top:10px;}
	.is .txt h3{ font-size:2.4em;}
	.is .txt .line{ margin:14px 0;}
	.is .txt .btn{ font-size:1.4em; padding:12px 30px; margin-top:20px;}
	.is .box1, .is .box2-1, .is .box2-2{ padding:60px 20px;}
	.is .box1{ height:360px;}
	.is .box1, .is .box2-1, .is .box2-2{ height:320px;}
	.footer .warp{ padding:0 20px;}
}
@media screen and (max-width: 1250px) {
	.footer .fo1 .warp{ max-width: 1024px;}
	.footer .fo1 .mune .dot:last-child{ display: none;}
	.ip .dot img{ width:80px;}
	.tits h4{ font-size:2em;}
	.inews .dots .dot:last-child{ display:none;}
	.inews .dots .dot{ width:calc(50% - 20px);}
	.is .txt h3{ font-size:2em;}
	.is .txt .line{ height:2px;}
	.is .txt p{ font-size:1.4em;}
	.footer .fo1 .mune .dot{ padding-right:40px;}
	.footer .fo1 .mune{ width:55%;}
	.footer .fo1 .sreach{ width:25%; padding:0;}
	.footer .fo1{ padding:60px 0;}
	.iab .txt{ padding:40px;}
}
@media screen and (max-width: 1024px) {
	.header .mune,.header .more,.footer .fo1{ display:none;}
	.header .logo img{ width:120px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px;}
	.iab>*{ display:block; }
	.iab .txt{ overflow:hidden; width:100%; background-size:contain !important; background-color:#f5f5f5;}
	.iab .txt .t a{ margin-top:40px;}
	.ip .dot{ width:33.33%; margin:-1px 0 0 -1px; border:1px solid #f5f5f5 !important;}
	.ip{ padding:1px 0 0 4px;}
}
@media screen and (max-width: 850px) {
	.footer .fo2 .fs{ display:none;}
	.footer .fo2 p{ text-align:left;}
	.header{ padding:10px 0 0 10px;}
	.inews{ padding:40px 0 20px 0;}
	.inews .tits{  margin-bottom:20px;}
	.is .box1, .is .box2-1, .is .box2-2{ height:auto;}
	.is .box2 .box {  width: calc(100% - 30px); }
	.is .box2{ margin-top:0;}
	.footer .fo2 p.ft{ float:none; display:inline; margin-right:14px;}
	.footer .fo2 p{ float:none; display:inline;}
	.ip .dot h3{ height: 48px;}
}
@media screen and (max-width: 650px) {
	.ip .dot h3{ font-size:1.4em; line-height:20px; margin-bottom:0}
	.ip .dot h4{ font-size:1.2em; height:20px; line-height:20px;}
	.banner .swiper-slide img{ width:160%; margin-left:-30%;}
	.inews .dots .dot,.inews .dots{  width:100%; margin:0;}
	.inews .dots .dot{ max-width:500px; margin:0 auto; float:none;}
	.is .box1, .is .box2-1, .is .box2-2{ padding:40px 20px;}
	.bottomlist ul li img{ width:25px; height:25px;}
	.is .txt h3{ font-size:1.8em;}
	.footer .fo2{ padding:14px 0;}
	.footer{ margin-bottom:37px;}
}
@media screen and (max-width: 450px) {
	.ip .dot img{ width:40px;}
	.ip .dot{ padding:20px 10px;}
	.ip .dot h4{ line-height:16px;}
	.iab .txt{ padding:30px 20px 40px 20px;}
	.iab .txt .tits{ margin-bottom:20px;}
	.iab .txt .t a{ margin-top:30px;}
	.is .box2{ margin-bottom:30px;}
}

/*network&download*/
@media screen and (max-width: 1600px) {
	.banners{ height:500px;}
	.network .imgs h3{ font-size:2.4em; margin:40px 0 10px 0;}
	.lead .lb a{ padding:15px 40px;}
}
@media screen and (max-width: 1400px) {
	.banners{ height:450px;}
	.banners .txt h3{ font-size:2.4em;}
	.network{ padding:40px 0 60px 0;}
}
@media screen and (max-width: 1200px) {
	.network .imgs h3{ font-size:2em;}
	.lead .lb a{ padding:10px 30px; font-size:1.4em;}
	.download-t{ padding:35px 0;}
	.download-t .d-boxs .box .dt1{ width:60%;}
}
@media screen and (max-width: 1024px) {
	.download-t .d-boxs .box.d-tit>*{ font-size:1.4em;}
	.download-t .d-boxs .box .dt1{ width:50%;}
}
@media screen and (max-width: 850px) {
	.banners{ height:350px;}
	.network .imgs h3{ font-size:1.6em;}
	.network{ padding:40px 0;}
	.download-t .d-boxs .box .dt2, .download-t .d-boxs .box .dt3{ display:none;}
	.download-t .d-boxs .box .dt1{ width:calc(100% - 140px);}
	.lead .lb a { padding: 10px 15px;}
}
@media screen and (max-width: 650px) {
	.banners{ height:240px;}
	.banners .txt h3{ font-size:2em;}
	.download-t .d-boxs .box .dt1{ width:calc(100% - 90px); word-break: break-all;}
	.download-t .d-boxs .box .dt4{ width:90px;}
	.download-t .d-boxs .box>*{ padding:8px 10px;}
}

/*service*/
@media screen and (max-width: 1400px) {
	.service-t .dots .dot{ padding:30px;}
	.service-t .dots .dot p{ padding-top:14px;}
	.service-t .t p{ margin-bottom:14px;}
	.service-t{ padding:35px 0 60px 0;}
}
@media screen and (max-width: 1200px) {
	.service-t .t p{ font-size:1.4em; line-height:24px; margin-bottom:0;}
	.service-t .dots .dot p{ font-size:1.4em; line-height:24px;}
}
@media screen and (max-width: 850px) {
	.service-t .dots .dot{ float:none; width:100%; margin:20px 0; height:auto;}
	.service-t{ padding:35px 0;}
	.service-t .t{ padding:20px 0 0 0;}
}
@media screen and (max-width: 450px) {
	.service-t .dots .dot h3{ font-size:1.6em; padding-bottom:10px;}
	.service-t .dots .dot{ padding:20px 14px;}
}

/*join*/
@media screen and (max-width: 1400px) {
	.join-t .t{ padding:40px 0;}
	.join-t .t p{ margin-bottom:14px;}
}
@media screen and (max-width: 1200px) {
	.join-t .t p{ font-size:1.4em;}
	.join-t .dots h3{ font-size:1.8em;}
}
@media screen and (max-width: 1024px) {
	.join-t{ padding:30px 0 50px 0;}
	.join-t .dots{ max-width:700px; margin:0 auto;}
	.join-t .dots .db{ width:100%; float:none;}
}
@media screen and (max-width: 850px) {
	.join-t .t p{ margin-bottom:0;}
	.join-t .dots h3{ font-size:1.6em;}
}
@media screen and (max-width: 650px) {
	.join-t .dots{ max-width:350px;}
	.join-t .dots .dot{ display:block; width:100%; }
	.join-t .dots .d2,.join-t .dots .d4{ padding:40px 0;}
	.join-t .t{ padding:20px 0;}
}

/*hr*/
@media screen and (max-width: 1400px) {
	.hr{ padding:60px 0;}
	.hr .dots{ margin-top:30px;}
}
@media screen and (max-width: 1024px) {
	.hr .dots .dot .i{ padding:14px 0 10px 0;}
	.hr .dots .dot .t{ margin-bottom:15px;}
	.hr .dots .dot .hc span{ line-height:24px;}
	.hr .dots .dot .d p{ margin:0 20px 5px 0;}
}
@media screen and (max-width: 650px) {
	.hr .dots .dot .hc span{ line-height:20px;}
	.hr{ padding: 40px 0;}
}

/*contact*/
@media screen and (max-width: 1600px) {
	#container{ height:450px;}
	.contact-t .feedback{ padding:50px 0;}
}
@media screen and (max-width: 1400px) {
	.contact-t .feedback .tit h3{ font-size:2.4em;}
	.contact-t .btn .fc-btn{ font-size:1.6em;}
	.contact-t .txts .txt .t h3{ font-size:2em; margin-bottom:30px;}
}
@media screen and (max-width: 1200px) {
	.contact-t .feedback .tit h3{ font-size:2em;}
	.contact-t .feedback .tit span{ margin:15px 0 30px 0;}
}
@media screen and (max-width: 1024px) {
	.contact-t .txts .txt .t .d{ margin-bottom:10px;}
	.contact-t .txts>*{ display:block; width:100%;}
	.contact-t .txts .txt .t{ float:none; padding:40px 40px 30px 40px;}
	#container{ height:350px;}
	.contact-t textarea{ margin:20px 0 35px 0;}
}
@media screen and (max-width: 850px) {
	.contact-t .form .dot .fc-input {  width: calc(100% - 30px); margin-bottom:15px;}
	.contact-t textarea{ margin:0px 0 35px 0;}
	.contact-t .tits{ padding:30px 0 20px 0;}
}
@media screen and (max-width: 650px) {
	.contact-t .txts .txt .t{ float:none; padding:40px 20px 20px 20px;}
	.contact-t .txts .txt .t h3{ font-size:1.6em; margin-bottom:20px;}
}
@media screen and (max-width: 450px) {
	.contact-t .feedback{ padding:40px 0;}
}

/*news*/
@media screen and (max-width: 1200px) {
	.news-t{ padding:40px 0;}
	.news-t .boxs .box .txt .t h3{ font-size:1.6em; margin-bottom:10px;}
	.news-t .boxs .box .txt .t{ padding:30px 0 0 0; margin-top:-20px;}
	.news-t .tits{ margin-bottom:10px;}
}
@media screen and (max-width: 1024px) {
	.news-t .tits{ margin-bottom:20px;}
	.news-t .boxs{ width:100%; margin:0;}
	.news-t .boxs .box{ margin:10px; width:calc(33.33% - 20px);}
}
@media screen and (max-width: 850px) {
	.news-t .boxs .box{ margin:20px  auto; float:none; max-width:440px; width:100%;}
}

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

/*about*/
@media screen and (max-width: 1400px) {
	.about-t .ab1{ padding:50px 0;}
	.about-t .ab1 .tits{ margin-bottom:30px;}
	.about-t .ab2{ padding:50px 0 70px 0;}
	.about-t .ab-line2 .tip h3{ font-size:2.4em;}
	.about-t .ab3{ padding:50px 0;}
	.about-t .ab4{ padding-bottom:60px;}
}
@media screen and (max-width: 1200px) {
	.about-t .ab1{ padding:50px 0 30px 0;}
	.about-t .ab-lines h3{ font-size:1.6em;}
	.about-t .ab2 video{ margin-top:20px;}
	.about-t .ab2{ padding:30px 0  50px 0;}
	.about-t .ab-line2 .tip h3{ font-size:2em;}
}
@media screen and (max-width: 1024px) {
	.about-t .ab1 .txts>*{ float:none; width:100%;}
	.about-t .ab1 .txts .tl,.about-t .ab1 .txts .tr{ padding:0;}
	.about-t .ab3{ padding:40px 0;}
	.about-t .ab4{ padding-bottom:40px;}
}
@media screen and (max-width: 850px) {
	.about-t .ab1{ padding:40px  0 30px 0;}
	.about-t .ab4 .imgs .img{ display:block; }
}
@media screen and (max-width: 650px) {
	.about-t .ab1 .txts p{ margin-bottom:10px;}
	.about-t .ab1 .tits{ margin-bottom:20px;}
	.about-t .ab1{ padding:30px 0 }
	.about-t .ab-lines h3{ font-size:1.4em;}
	.about-t .ab-line2 .tip h3{ font-size:1.6em;}
	.about-t .ab3{ padding:30px 0;}
}
@media screen and (max-width: 450px) {
	.about-t .ab2{ padding:20px 0 40px 0;}
	.about-t .ab-line2{ padding:40px 0;}
	.about-t .ab-line2 .tip{ padding:30px 0;}
	.about-t .ab-line2 .tip h3{ font-size:1.4em;}
}

/*product*/
@media screen and (max-width: 1200px) {
	.product-t{ padding:40px 0;}
}
@media screen and (max-width: 1024px) {
	.product-t .boxs .box{ margin:10px;}
}
@media screen and (max-width: 850px) {
	.product-t .boxs .box {  width: calc(50% - 20px);}
	#m3 .lead .lb a{ padding:10px; float:left; width:33.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}
@media screen and (max-width: 600px) {
	#m3 .lead .lb a{ width:50%; }
}
@media screen and (max-width: 450px) {
	.product-t .boxs .box { float:none; width: 100%; margin:20px 0;}
	.product-t{ padding:20px 0;}
}

/*productshow*/
@media screen and (max-width: 1400px) {
	.productshow{ padding:60px 0;}
	.productshow .tit h3{ font-size:2.8em;}
	.productshow .txts .ti h3{ font-size:2.4em;}
}
@media screen and (max-width: 1024px) {
	.productshow{ padding:40px 0;}
	.productshow .tit h3{ font-size:2.4em; line-height:28px;}
	.productshow .tit h4{ line-height:28px;}
	.productshow .txts .txt .pt{ overflow-x:scroll;}
	.productshow .txts .txt .pt table{  min-width:1000px;}
	.productshow .txts .txt table tr td{ padding:8px;}
}
@media screen and (max-width: 850px) {
	.productshow .tit h3{ font-size:2em; line-height:24px;}
	.productshow .tit h4{ line-height:24px;}
}
@media screen and (max-width: 650px) {
	.productshow .tit{ padding:10px 20px;}
	.productshow .tit h3{ font-size:1.6em;}
	.productshow .tit h4{ font-size:1.4em;}
	.productshow .txts .ti img{ width:26px;}
	.productshow .txts .ti h3{ font-size:1.6em;}
}
@media screen and (max-width: 450px) {
	.productshow .tit h3,.productshow .tit h4{ float:none; display:block; padding:0;}	
}