@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) {
	.ip .boxs .t{ padding-left:0;}
}
@media screen and (max-width: 1440px) {
	.header .mune .m-list>a{ margin:0 24px;}
	.iab .txt{ padding-left:0%;}
	.iab .txt .t{ left:0;}
	.iab .txt .t h3{ font-size:16em; margin-bottom:40px;}
	.iab .txt .t1 span{ margin:30px 0 120px 0;}
	.iab .txt .t1 h4{ font-size:3.2em;}
	.iab .txt .t1 h5{ font-size:2.8em;}
	.ip .boxs .t .tit h3{ font-size:5.2em;}
	.ip .boxs .t h4{ font-size:2.4em;}
	.ip .boxs .t .tit h3:first-child{ margin-bottom:-30px;}
	.ip .boxs{ padding:80px 0;}
	.ipa .txt{ padding-left:0;}
	.ipa .txt .t1{ margin-top:60px;}
	.ipa .txt .t{ left:0;}
	.ipa .txt .t h3{ font-size:14em;}
	.ipa .txt .t1 h4{ font-size:2.8em;}
	.ipa .txt .t1 .dot .dt h5{ font-size:2em;}
	.ipa .txt .t1>span{ margin:30px 0 40px 0;}
	.ipa{ padding:80px 0 100px 0;}
	.inews .gallery-top .swiper-slide a .txt h3{ font-size:2em;}
	.footer .fo0{ padding:30px 0;}
	.footer .fo0 a img{ width:35px;}
	.ip .boxs .ip-slider .swiper-button-prev{ left:40px;}
	.ip .boxs .ip-slider .swiper-button-next{ left:100px;}
	.ip .boxs .ip-slider{ padding:50px 0 130px 0;}
}
@media screen and (max-width: 1250px) {
	.header .mune .m-list>a{ font-size:1.4em;}
	.header .logo img{ width:60px;}
	.header .mune .m-list>a{ padding:20px 0;}
	.header .more{ padding:16px 0 16px 30px;}
	.iab{ padding:100px 0;}
	.iab .txt .t h3{ font-size:14em;}
	.iab .txt .t1 h4{ font-size:2.8em;}
	.iab .txt .t1 h5{ font-size:2em; margin:10px 0;}
	.iab .txt .t1 p{ font-size:1.4em;}
	.banner .swiper-pagination-bullet{ width:30px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px;}
	.ip .boxs .t h4{ font-size:2em;}
	.ip .boxs .ip-slider .swiper-button-prev, .ip .boxs .ip-slider .swiper-button-next {  width: 30px; height: 30px; background-size: 30px 30px;}
	.ip .boxs .ip-slider .swiper-button-next{ left:80px;}
	.ipa .txt .t h3{ font-size:10em; margin-bottom:20px;}
	.ipa .txt .t1{ margin:0;}
	.ipa .txt .t1 h4{ font-size:2.4em;}
	.ipa .txt .t1 .dot .dt h5{ font-size:1.6em;}
	.ipa .txt .t1 .dot .di{ width:40px;}
}
@media screen and (max-width: 1024px) {
	.header .mune{ display:none;}
	.iab{ padding:80px 0;}	
	.iab .txt .t h3{ font-size:10em;}
	.iab .txt .t1 span{ margin: 30px 0 60px 0;}
	.ip .boxs .t .tit h3{ font-size:4.2em;}
	.ip .boxs .ip-slider{ width:60%; margin-right:5%;}
	.inews .gallery-top .swiper-slide a .txt h3{ font-size:1.8em; margin-bottom:10px;}
	.inews .gallery-top:after{ font-size:10em;}
	.footer .fo0,.footer .fo1{ display:none;}
	.footer .fo2{ padding:14px 0;}
}
@media screen and (max-width: 850px) {
	.banner .swiper-slide img{ width:130%; margin-left:-15%;}
	.iab .txt{ float:none; width:100%; margin-bottom:40px;}
	.iab{ padding:60px 0;}
	.iab .txt .t1 h4{ margin-top:0;}
	.iab .img{ float:none; width:100%;}
	.ip .boxs .ip-slider,.ip .boxs .t{ width:100%; float:none;}
	.ip .boxs .t{ padding-top:40px;}
	.ip .boxs .t a{ margin-top:40px;}
	.ipa{ padding:60px 0;}
	.ipa .txt,.ipa .img{ float:none; width:100%; }
	.ipa .txt{margin-bottom:40px;}
	.bottomlist ul li img{ width:25px; height:25px;}
	.footer{ margin-bottom:37px;}
}
@media screen and (max-width: 650px) {
	.header .logo img{ width:40px;}
	#hamburger{ top:15px;}
	.iab .txt .t h3{ font-size:8em; margin-bottom:20px; display:inline-block; margin-right:40px;}
	.iab .txt .t1 h4{ font-size:2em;}
	.iab .txt .t1 h5{ font-size:1.6em;}
	.iab .txt .t1 p{ max-width:100%;}
	.iab .txt .t1 span{ margin:30px 0;}
	.ip .boxs{ padding:60px 0;}
	.ipa .txt .t h3{ font-size:6em;}
	.ipa .txt .t1 h4{ font-size:2em;}
	.inews .gallery-top .swiper-slide a .tit{ width:100%; margin-bottom:20px;}
	.inews .gallery-top .swiper-slide a .txt{ width:100%;}
	.inews .gallery-top .swiper-slide a .txt h4{  margin:20px 0;}
}
@media screen and (max-width: 450px) {
	.iab,.ip .boxs,.ipa{ padding:40px 0;}
	.iab .txt .t h3{ font-size:6em; margin-bottom:0;}
	.ip .boxs .ip-slider{ padding:10px 0 60px 0;}
	.ip .boxs .ip-slider p{ font-size:1.4em; margin:10px 0;}
	.ip .boxs .ip-slider .swiper-slide.swiper-slide-active{ transform: scale(1);}
	.inews .gallery-top .swiper-slide a .tit h3{ font-size:2em;}
	.inews .gallery-top:after{ font-size:4em; }
	.footer .fo2 p{ line-height:20px;}
}

/*network*/
@media screen and (max-width: 1440px) {
	.banners{ height:400px;}
	.network-t .box{ margin:40px 0;}
	.tits h3{ font-size:3.6em;}
	.tits h4{ font-size:2.4em; margin:4px 0;}
}
@media screen and (max-width: 1250px) {
	.banners{ height:350px;}
	.banners .txt h3{ font-size:2.8em;}
	.banners .txt p{ letter-spacing:0;}
	.lead .dot a{ padding:12px 20px;}
	.lead .home{ padding:12px 0;}
	.network-t{ padding:40px 0;}
	.network-t #oranger span{ font-size:1.4em; margin-right:20px;}
	.lead .home{width:100%;text-align:right;float:none; overflow:hidden; border-top:1px solid #eee; display: none;}
	.lead .dot{ float:none; width:100%; overflow:hidden;}
	.dms .dot{ padding:30px 14px;}
}
@media screen and (max-width: 1024px) {
	.dms{ display: none;}
	.dms .dot3{ clear:both; }
	.dms .dot{ width:calc(33.33% - 20px); margin:10px;}
}
@media screen and (max-width: 850px) {
	.banners{ height:300px;}
	.banners .txt h3{ font-size:2em;}
	.tits h3{ font-size:2.4em;}
	.tits h4{ font-size:2em;}
}
@media screen and (max-width: 650px) {
	.lead .dot a{ padding:8px 14px;}
	.dms .dot h4{ display:none;}
	.dms .dot:after{ font-size:10em;}
	.dms .dot h3{ font-size:1.6em; margin:10px 0;}
}
@media screen and (max-width: 450px) {
	.banners{ height:240px;}
	.dms .dot{ width:calc(33.33%); margin:0;}
}

/*download*/
@media screen and (max-width: 1440px) {
	.download-t .d-boxs .box>*{ width:100px; }
}
@media screen and (max-width: 1250px) {
	.download-t .d-boxs .box>*{ width:80px; }
	.download-t .d-boxs .box.d-tit>*{ font-size:1.4em;}
}
@media screen and (max-width: 1024px) {
	.download-t .d-boxs .box .dt4{ display:none; }
	.download-t{ padding:40px 0;}
	.download-t .fy{ margin-bottom:40px;}
	.download-t .d-boxs{ margin:20px 0 0 0;}
}
@media screen and (max-width: 850px) {
	.download-t .d-boxs .box .dt3{ display:none; }
	.download-t .d-boxs .box>*{ width:60px; padding:10px;}
	div.fy a,div.fy span.current,div.fy span.disabled{ padding:4px 8px;}
}

@media screen and (max-width: 1024px) {
	.knowledge-t{ padding:40px 0 40px 0;}
}
@media screen and (max-width: 650px) {
	.knowledge-t .panel-body{ padding:0 20px 20px 20px;}
	.knowledge-t .panel{ margin:20px 0;}
}

/*news*/
@media screen and (max-width: 1440px) {
	.news-t{ padding:60px 0;}
	.news-t .dots .dot a{ padding:30px 0;}
	.news-t .dots{ margin:30px 0 20px 0;}
}
@media screen and (max-width: 1250px) {
	.news-t .dots .dot .txt h3{ font-size:2em;}
	.news-t .dots .dot .img{ width:280px;}
	.news-t .dots .dot .txt{ width:calc(90% - 280px);}
	.news-t .dots .dot .txt h3{ margin:0; font-size:1.6em;}
	.news-t .dots .dot .date h3{ font-size:3.2em;}
}
@media screen and (max-width: 1024px) {
	.news-t .dots{ margin:20px 0 20px 0;}
	.news-t .dots .dot .txt{ width:calc(100% - 365px);}
	.news-t .dots .dot .date{ width:85px;}
	.news-t{ padding:40px 0;}
	.news-t .dots .dot a{  padding:20px 0;}
}
@media screen and (max-width: 850px) {
	.news-t .dots .dot .txt{ width:calc(100% - 85px); padding:20px 20px 0 0;}
	.news-t .dots .dot .date{ padding:20px 0 0 0;}
}
@media screen and (max-width: 650px) {
	.news-t .dots .dot .date h3{ font-size:2.4em;}
	.news-t .dots .dot .txt{  padding:20px 0px 0 0;}
}
@media screen and (max-width: 450px) {
	.news-t .dots .dot .img{ width:100%;}
	.news-t .dots{ margin:0;}
}

/*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: 1440px) {
	.contact-t .ct1 .dots .tit h3{ font-size:2.4em;}
	#container{ height:450px;}
	.contact-t .ct2{ padding:50px 0;}
}
@media screen and (max-width: 1250px) {
	.contact-t .ct1 .dots .tit h3{ font-size:2em; margin-bottom:0;}
	.contact-t .ct1 .dots .tit h4{ margin-bottom:10px;}
	.contact-t .btn .fc-btn{ font-size:1.6em;}
	.contact-t input, .contact-t textarea{ padding:10px 20px;}
	.contact-t .form{ margin-top:20px;}
}
@media screen and (max-width: 1024px) {
	.contact-t .ct1 .dots{ padding:20px 0 0 20px;}
	.contact-t .ct1,.contact-t .ct2{ padding:40px 0;}
}
@media screen and (max-width: 850px) {
	.contact-t .ct1 .warp>*{ float:left; width:100%;}
	.contact-t .ct1 .img{ margin-bottom:40px; text-align:center;}
	.contact-t .ct1 .dots{ padding:0;}
	#container{ height:400px;}
	.contact-t .form .dot .fc-input{ width:calc(100% - 20px); margin:5px 10px;}
}
@media screen and (max-width: 650px) {
	.contact-t .ct1 .dots .tit h3{ font-size:1.8em;}
	.contact-t .ct1 .dots .dot .d span{ width:30px;}
	.contact-t .ct1 .dots .dot .d span img{ width:20px; margin-bottom:0;}
	.contact-t .ct1 .dots .dot .d p{ line-height:20px;}
}
@media screen and (max-width: 450px) {
	.contact-t .ct1 .dots .tit h3{ font-size:1.6em; margin-bottom:6px;}
	.contact-t .ct1 .dots .tit h4{ line-height:16px; font-size:1.2em;}
}

/*join-t*/
@media screen and (max-width: 1200px){
	.join-t{ padding:80px 0;}
	.join-t .dots .dot { padding: 40px 120px 40px 40px;}
	.join-t .tit h3{ font-size:2.4em; line-height:28px;}
	.join-t .dots .dot .rec-tit h3{ font-size:2em;}
}
@media screen and (max-width: 1024px){
	.join-t .dots .dot .rec-tit{ width:120px;}
	.join-t .dots .dot .rec-txt a{ margin-top:40px;}
	.join-t{ padding:60px 0;}
	.join-t .dots .dot:after{ top:28px;  right: 63px; }
	.join-t .dots .dot:before{ top:35px;  right: 55px; }
	.join-t .dots .dot { padding: 40px 60px 40px 20px;}
	.join-t .dots .dot .rec-tit h3{ font-size:1.8em;}
}
@media screen and (max-width: 850px){
	.join-t{ padding:40px 0;}
	.join-t .tit h3{ font-size:2em; margin-bottom:4px;}
	.join-t .dots{ margin-top:20px;}
	.join-t .dots .dot>*{ display:block; }
	.join-t .dots .dot .rec-tit{ margin-bottom:20px;}
	.join-t .dots .dot{ margin:20px 0 0 0 ;}
}
@media screen and (max-width: 650px){
	.join-t .dots .dot { padding: 40px 0px 30px 0px;}
	.join-t .dots .dot:after{ top:18px;  right: 33px; }
	.join-t .dots .dot:before{ top:25px;  right: 25px; }
	.join-t .dots .dot .rec-txt a{ padding:8px 20px; font-size:1.4em;}
}
@media screen and (max-width: 450px){
	.join-t .tit h3{ font-size:1.6em; line-height:20px;}
	.join-t .dots .dot { padding: 30px 0px 30px 0px;}
	.join-t .dots .dot .rec-tit h3{ font-size:1.6em; }
	.join-t .dots .dot .rec-tit{ margin-bottom:10px;}
}

/*product*/
@media screen and (max-width: 1250px) {
	.product-t .dots .dot p{ margin-bottom:10px;}
	#m3 .lead .dot a{ padding:12px 10px;}
	.product-t{ padding:40px 0;}
	.product .txt{ padding-left:2%;}
}
@media screen and (max-width: 1024px) {
	.product-t .dots .dot { width: calc(33.33% - 20px);}
}
@media screen and (max-width: 850px) {
	.product-t .dots .dot p{ font-size:1.4em; margin-bottom:0;}
	.product-t .dots .dot{ margin:10px;}
	.product .txt p{ max-width:45%; line-height: 20px;}
}
@media screen and (max-width: 650px) {
	.product-t .dots .dot { width: calc(50% - 20px);}
	#m3 .lead .warp{ padding:0;}
	#m3 .lead .dot a{ padding:10px 8px;}
	.product .txt{ padding-left:20px;}
	.product .txt p:last-child{ display: none;}
}
@media screen and (max-width: 450px) {
	.product-t .dots .dot { width: calc(100% - 20px);}
}


/*productshow*/
@media screen and (max-width: 1024px) {
	.productshow .img h3{ font-size:2em;}
	.productshow .txt{ margin-bottom:30px;}
	.productshow .btn{  margin-top:30px;}
}
@media screen and (max-width: 850px) {
	.productshow .table table{ min-width:900px;}
	.productshow .table{ overflow-x:scroll;}
}
@media screen and (max-width: 650px) {
	.productshow .img h3{ font-size:1.6em; margin:10px 0 20px 0;}
	.productshow .btn .dot{ width:100%;}
	.productshow .btn .dot:first-child{ padding-right: 0px; margin-bottom:20px;}
	.productshow .btn .dot:last-child{ text-align: left; padding-left: 0px;} 
	.productshow .btn .dot span{ margin:5px 0;}
}

/*about*/
@media screen and (max-width: 1800px) {
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-1) .t{ transform: translateY(80px);}
}
@media screen and (max-width: 1600px) {
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-1) .t{ transform: translateY(92px);}
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-2) .t,.about-t .ab2 .de-slider .swiper-slide:nth-child(4n) .t{  transform: translateY(16px);}
	.about-t .ab2 .de-slider{  padding: 6% 0% 0 0%;}
}
@media screen and (max-width: 1440px) {
	.about-t .ab2 .de-slider .swiper-slide .t h3{ font-size:2.4em;}
	.about-t .ab1 .tit h3{ font-size:2.4em;}
	.about-t .ab1 .txt .t h3{ font-size:4.2em; margin-bottom:30px;}
	.about-t .ab1 .txt .img .tits2{ margin-top:12%;}
	.about-t .ab2 .txt{ padding:80px 0 60px 0;}
	.tits2 h3,.about-t .ab2 .de-slider .swiper-slide .tip h3{ font-size:2.4em;}
	.about-t .ab2 .de-slider .swiper-slide .tip p{ font-size:1.4em;}
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-1) .t{ transform: translateY(80px);}
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-2) .t,.about-t .ab2 .de-slider .swiper-slide:nth-child(4n) .t{  transform: translateY(10px);}
	.about-t .ab4{ padding:100px 0;}
	.about-t .ab5{ padding:80px 0 50px 0;}
}
@media screen and (max-width: 1350px) {
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-1) .t{ transform: translateY(70px);}
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-2) .t,.about-t .ab2 .de-slider .swiper-slide:nth-child(4n) .t{  transform: translateY(5px);}
	.about-t .ab2 .de-slider{ padding:80px 0 0 0;}
}
@media screen and (max-width: 1250px) {
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-1) .t{ transform: translateY(60px);}
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-2) .t,.about-t .ab2 .de-slider .swiper-slide:nth-child(4n) .t{  transform: translateY(0px);}
	.about-t .ab2 .de-slider .swiper-slide .tip p{ padding:12px 20px;}
	.about-t .ab2 .de-slider .swiper-slide .tip h3{ padding:20px 20px 12px 20px;}
	.about-t .ab1{ padding:50px 0;}
}
@media screen and (max-width: 1200px) {
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-3) .t{ transform: translateY(-75px);}
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-1) .t{ transform: translateY(25px);}
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-2) .t,.about-t .ab2 .de-slider .swiper-slide:nth-child(4n) .t{  transform: translateY(-20px);}
	.about-t .ab1 .txt .t h3{ font-size:3.6em;}
	.about-t .ab1 .tit{ margin-bottom:30px;}
	.about-t .ab2 .de-slider .swiper-slide{ padding-bottom:30%; }
	.about-t .ab3 .box .dots .dot .txt{ height:120px;}
	.about-t .ab4{ padding:80px 0;}
	.about-t .ab4 .ab4-slider{ padding:50px 0 70px 0;}
}
@media screen and (max-width: 1024px) {
	.about-t .ab1 .txt .t{ width:58%;}
	.about-t .ab1 .txt .img{ width:42%; padding-left:20px;}
	.about-t .ab1 .tit h3{ font-size:2em;}
	.about-t .ab1 .txt .t h3{ font-size:3.2em; }
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-1) .t{ transform: translateY(15px);}
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-2) .t,.about-t .ab2 .de-slider .swiper-slide:nth-child(4n) .t{  transform: translateY(-25px);}
	.about-t .ab3 .box .dots .dot .img img{ width:60px;}
	.about-t .ab3 .box .dots .dot{ margin:0 10px;}
	.about-t .ab3 .box .dots .dot:hover .img:after{ clip-path: ellipse(25px 25px at 50% 50%);}
	.about-t .ab3 .box .dots .dot{ width:calc(33.33% - 20px);}
	.about-t .ab4{ padding:60px 0 40px 0;}
	.about-t .ab5{ padding:60px 0 40px 0;}
	.about-t .ab5 .ab5-slider{ padding:60px 0;}
	.tits2 h3, .about-t .ab2 .de-slider .swiper-slide .tip h3{ font-size:2em;}
}
@media screen and (max-width: 850px) {
	.about-t .ab1 .txt .img .tits2{ margin-top: 20px;}
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-2) .t,.about-t .ab2 .de-slider .swiper-slide:nth-child(4n) .t{  transform: translateY(-35px);}
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-1) .t{ transform: translateY(5px);}
	.about-t .ab4 .ab4-slider,.about-t .ab5 .ab5-slider{ padding:30px 0 60px 0;}
	.about-t .ab2 .de-slider .swiper-slide{ padding-bottom:400px;}
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-1) .t{ transform: translateY(40px);}
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-2) .t,.about-t .ab2 .de-slider .swiper-slide:nth-child(4n) .t{  transform: translateY(-15px);}
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-3) .tip{ top:-74px;}
	.about-t .ab2 .de-slider .swiper-slide:nth-child(4n-1) .tip{ top:34px;}
	.about-t .ab5 .ab5-slider .img{ padding:10px;}
	.about-t .ab1 .txt .t{ width:100%; margin-bottom:20px;}
	.about-t .ab1 .txt .img{ width:100%; padding-left:0;}
	.about-t .ab2 .txt{ padding:40px 0 30px 0;}
	.about-t .ab3 .box .dots .dot{ width:calc(50% - 20px);}
}
@media screen and (max-width: 650px) {
	.about-t .ab1 .txt .t h3{ font-size:2.4em; margin-bottom:20px;}
	.about-t .ab2 .de-slider{ padding:100px 0 0 0;}
	.about-t .ab3 .tits2{ margin-top:-30%;}
	.tits2 h3, .about-t .ab2 .de-slider .swiper-slide .tip h3{ font-size:1.6em;}
	.about-t .ab3 .box .dots .dot .img img{ width:40px;}
	.about-t .ab3 .box .dots .dot:hover .img:after{ clip-path: ellipse(15px 15px at 50% 50%);}
}
@media screen and (max-width: 450px) {
	.about-t .ab1{ padding:40px 0;}
	.about-t .ab1 .tit h3{ font-size:1.6em;}
	.about-t .ab1 .txt .t h3{ font-size:1.6em; margin-bottom:10px;}
	.about-t .ab3 .box .dots .dot{ width:100%; margin:0;}
	.about-t .ab3 .box .dots .dot .txt{ height:auto;}
	.about-t .ab4,.about-t .ab5{ padding:40px 0 20px 0;}
	.about-t .ab4 .ab4-slider .swiper-pagination-bullet,.about-t .ab5 .ab5-slider .swiper-pagination-bullet{ width:10px; height:10px;}
}





