@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) {
    .ip .tit h3{ font-size:3.2em;}
    .iab .iab-l .num .nd h3{ font-size:6.5em;}
    .iab .iab-r h3{ font-size:2.8em;}
    .ipa .tit h3{ font-size:3.2em;}
    .ipa .imgs{ margin:50px 0;}
    .inews .tit h3{ font-size:3.2em;}
    .inews{ padding:80px 0;}
    .footer .fo1 .ftop h3{ font-size:3.2em;}
    .footer .fo1{ padding:70px 0;}
    .footer .fo1 .ftop{ margin-bottom:100px;}
}
@media screen and (max-width: 1440px) {
	.header .munes .mune .m-dot>a{ padding:25px 0; margin:0 25px;}
	.header .logo img{ width:120px;}
	.ip .tit h3{ font-size:2.6em; margin-bottom:40px;}
    .ip .btns{ margin-top:40px;}
    .ip .swiper-slide .txt{ padding:20px 20px 20px 0;}
    .ip .swiper-slide .txt h3{ font-size:1.6em; margin-bottom:10px;}
    .iab{ min-height:60vh;}
    .ipa{ padding:70px 0;}
    .ipa .imgs{ margin:30px 0;}
    .inews .tit h3{ font-size:2.6em; margin-bottom:40px;}
    .inews .boxs .box .txt h3{ font-size:1.6em; margin-bottom:10px;}
    .inews .boxs .box .txt{padding:0 10px;}
    .inews .boxs .box .txt p{ margin-top:20px;}
    .inews .boxs .box .img{ margin-bottom:15px;}
    .footer .fo1 .ftop{ margin-bottom:80px;}
    .footer .fo1 .ftop h3{ font-size:2.6em;}
    .footer .fo1 .mune .dot h3 a{ font-size:1.6em; margin-bottom:10px;}
    .footer .fo1 .two .t h4{ font-size:3.2em;}
    .footer .fo2{ padding:20px 0 30px 0;}
    .iab .iab-l .num .nd h3{ font-size:5.5em;}
    .iab .iab-l{ padding:20px 5%;}
}
@media screen and (max-width: 1240px) {
	.header .munes .mune .m-dot>a{ padding:24px 0; margin:0 15px;}
	.header .logo img{ width:100px;}
	.ip .swiper-slide .txt p { height: 48px; -webkit-line-clamp: 2;}
    .ip .btns{ height:30px;}
    .iab .iab-r h3{ font-size:2.4em; line-height:1.5;}
    .iab .iab-l .num .nd h3{ font-size:3.5em;}
    .iab .iab-l .txt h3{ font-size:2.6em; margin-bottom:30px;}
    .iab .iab-l .txt{ margin-bottom:60px;}
    .ipa{ padding:50px 0;}
    .ipa .tit h3{ font-size:2.6em;}
    .inews{ padding:60px 0 80px 0;}
    .inews .tit h3{ margin-bottom:25px;}
    .inews .boxs .box .txt h3{ font-size: 1.4em; height:24px; -webkit-line-clamp:1; margin-bottom: 10px;}
    .inews .boxs .box .txt h4{ height: 48px; -webkit-line-clamp:2;}
    .footer .fo1 .ftop{ margin-bottom:40px;}
    .footer .fo1 .ftop img{ width:80px;}
    .footer .fo1 .ftop h3{ font-size:2.2em;}
    .footer .fo1 .mune{ width: calc(100% - 250px);}
    .footer .fo1 .two{ width:220px;}
	.header .munes .mune .m-d{ padding: 20px 0;}
}
@media screen and (max-width: 1024px) {
	.header .munes{ display:none;}
	.ipa .more a{ padding:10px 30px;}
	.inews .boxs .box{ width: calc(33.33% - 15px);}
	.footer .fo1{ display:none;}
	.iab .iab-l .txt{ margin-bottom:40px;}
	.iab .iab-l .txt p{ max-width:100%;}
	.banner img{ width:132%; margin-left:-16%;}
	.ip .swiper-slide a{ padding:0;}
    .ip .swiper-slide .txt{ padding:20px;}
    .ip{ padding:40px 0 20px 0;}
    .ip .tit h3{ margin-bottom:20px;}
    .iab .iab-r h3{ font-size:2em;}
    .ipa .imgs .img{ padding:20px 10px;}
    .ipa .tit h3{ font-size:2.2em;}
    .ipa .imgs{ margin:20px 0 30px 0;}
    .inews{ padding:40px 0 60px 0;}
    .footer .fo2{ padding:14px 0;}
}
@media screen and (max-width: 850px) {
	.header .logo{ padding: 5px 0;}
	.header .logo img{ width:70px;}
	#hamburger{top:20px; right:10px;}
	.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:80px;}
	.banner .swiper-pagination{ bottom:16px;}
	.ip .tit h3{ font-size:2em;}
	.ip .swiper-slide .txt p{ height:40px; line-height:20px;}
	.iab{ display:block; min-height:auto;}
	.iab>*{ display:block;}
	.iab .iab-l{ width:100%; padding:40px 20px;}
	.iab .iab-l .txt h3{ font-size:2em; margin-bottom:10px;}
    .iab .iab-l .num .nd h3{ font-size:2.4em;}
    .iab .iab-l .txt{ margin-bottom:20px;}
    .iab .iab-r h3{ font-size:1.6em;}
    .inews .tit h3{ font-size:2em;}
    .inews .boxs{ display:block;}
    .inews .boxs .box{ max-width: 500px; margin:0 auto 30px auto; width:100%;}
    .footer .fo2{ display:block; text-align:center;}
}
@media screen and (max-width: 650px) {
	.banner .swiper-button-next,.banner  .swiper-button-prev{ width:30px; height:20px;}
	.iab .iab-l .num{ display:block; }
	.iab .iab-l .nd{ margin:20px  0 0 0;}
	.ipa .imgs{flex-wrap: wrap;}
	.ipa .imgs .img img{ width:120px;}
	.bottomlist ul li img{ width:25px; height:25px;}
	.footer{ margin-bottom:37px;}
	.inews{ padding:40px 0 10px 0;}
}


/*about*/
@media screen and (max-width: 1680px) {
	.banners{ height:450px;}
	.banners .t h3{ font-size:3.2em;}
	.banners .t span{ margin-bottom:25px;}
    .about-t .ab1 .txt{ padding:40px 20px;}
    .about-t .ab1 .txt h3{ font-size:2.6em; margin-bottom:30px;}
    .about-t .ab1 .abt{ padding:70px 0;}
    .about-t .ab1-line .num .nd h3{ font-size:6em;}
    .about-t .ab1-line{ padding:60px 0;}
    .about-t .ab2 .tit h3{ margin-bottom:40px;}
    .about-t .ab2{ padding:70px 0;}
    .about-t .ab3 .img:after{ background-size:contain !important; top:calc(50% - 40px); left: calc(50% - 40px); width: 80px; height: 80px;}
    .about-t .ab1 .img { width:50%;}
    .about-t .ab1 .img img{ width:100%;}
}
@media screen and (max-width: 1440px) {
	.banners{ height:350px;}
    .about-t .ab1 .txt p{ font-size:1.4em;}
    .about-t .ab1 .abt h3{ font-size:2.4em;}
    .about-t .ab1-line .num .nd h3{ font-size:5em;}
    .about-t .ab2 .tit h3,.about-t .ab3 .tit h3{ font-size:2.4em;}
    .about-t .ab3{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
    .banners{ height:300px;}
    .banners .t h3{ font-size:2.4em; text-shadow: 2px 2px 4px rgb(0 0 0 / 60%);}
    .banners .t span{ margin-bottom:15px; width:60px; height:4px;}
    .about-t .ab1 .txt h3{ font-size:2.2em;}
    .about-t .ab1 .abt{ padding:30px 0;}
    .about-t .ab1{ display:block; }
    .about-t .ab1 .txt{ width:100%;}
    .about-t .ab1 .img{ width:100%;}
    .about-t .ab1-line .num .nd h3{ font-size:4em;}
    .about-t .ab1-line{ padding:40px 0;}
    .about-t .ab3 .img:after{ top:calc(50% - 30px); left: calc(50% - 30px); width: 60px; height: 60px;}
    .about-t .ab3 .tit h3,.about-t .ab2 .tit h3{ margin-bottom:30px;}
    .about-t .ab3,.about-t .ab2{ padding:40px 0;}
}
@media screen and (max-width: 850px) {
	.about-t .ab1 .abt h3{ font-size:2em;}
	.about-t .ab1-line .num .nd h3{ font-size:3.2em;}
	.about-t .ab2 .imgs{ flex-wrap:wrap; }
    .about-t .ab2 .imgs .img{ width: calc(50% - 10px); margin:5px auto;}
	.about-t .ab2 .btns{ height: 12px;}
}
@media screen and (max-width: 650px) {
	.about-t .ab1 .txt h3{ font-size:1.8em;  line-height:1.2; margin-bottom:20px;}
	.about-t .ab1 .abt h3{ font-size:1.8em;}
	.about-t .ab1-line .num .nd h3{ font-size:2.4em;}
	.about-t .ab1-line .num{ flex-wrap:wrap;}
	.about-t .ab1-line .num .nd{ margin:5px;}
	.about-t .ab1-line{ padding:30px 0;}
	.about-t .ab2 .tit h3, .about-t .ab3 .tit h3{ font-size:2em; margin-bottom:20px;}
	.about-t .ab3 .img:after{ top:calc(50% - 20px); left: calc(50% - 20px); width: 40px; height: 40px;}
}

/*news*/
@media screen and (max-width: 1680px) {
	.news-t{ padding:60px 0;}
}
@media screen and (max-width: 1450px) {
	.news-t .nt{ width: calc(33.33% - 30px); margin: 15px 15px; border-radius: 10px;}
}
@media screen and (max-width: 1250px) {
	.news-t{ padding:40px 0;}
	.news-t .nt .t{ padding:20px 0% 0 0 ;}
    .news-t .nt .t h4{ margin-top:20px;}
    .news-t .nt .t h3{ font-size:1.4em; height:24px; -webkit-line-clamp: 1; margin-bottom:10px;}
    .news-t .nt .t h4 img{ width:14px;}
}
@media screen and (max-width: 850px) {
	.news-t .nt{ width: calc(33.33% - 10px); margin: 5px 5px; border-radius: 5px;}
	.news-t .nt a{ padding:5px 5px 20px 5px;}
	.news-t .nt .img{ border-radius:5px;}
	div.fy a ,div.fy span.current,div.fy span.disabled{  padding:4px 8px; }
	.news-t .nt .t{ padding:10px 0  0 0;}
}
@media screen and (max-width: 650px) {
	.news-t .nt{ width: calc(50% - 10px); }
}
@media screen and (max-width: 450px) {
	.news-t .nt{ width: calc(100% - 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;}
	.newsshow { padding: 40px 0;}
	.newsshow .btn a { padding: 8px 10px;}
}

/*product*/
@media screen and (max-width: 1680px) {
	.product-t{ padding:100px 0;}
	.product-t .dot{ margin-bottom:60px;}
}
@media screen and (max-width: 1450px) {
	.product-t .dot .img img{ max-width:400px;}
    .product-t .dot .txt .tit h3{ font-size:2.4em;}
    .product-t .dot .txt .tit h4{ font-size:2em;}
    .product-t .dot .txt{ padding:20px;}
    .product-t .dot .txt .ptab table tr td{ font-size:1.4em;}
    .product-t .dot .txt{ border-top:8px solid #00913a;}
    .product-t .dot:after{ height:8px;}
    .product-t .dot{ margin-bottom:40px;}
}
@media screen and (max-width: 1024px) {
	.product-t{ padding:60px 0;}
	.product-t .dot .txt .ptab table tr td{ padding:8px 0;}
}
@media screen and (max-width: 850px) {
	.product-t .dot a{ display:block;}
	.product-t .dot .img img{max-width:400px;}
	.product-t .dot .img{ width:100%; text-align:center;}
	.product-t .dot .txt{ width:100%;}
}
@media screen and (max-width: 650px) {
	.product-t .dot .txt .tit h3{ font-size:1.8em;}
    .product-t .dot .txt .tit h4{ font-size:1.6em;}
    .product-t .dot{ margin-bottom:20px;}
    .product-t{ padding:40px 0;}
}

/*productshow*/
@media screen and (max-width: 1680px) {
	.proshow{ padding:60px 0;}
	.proshow .txt .ptab table tr td{ font-size:1.4em;}
}
@media screen and (max-width: 1450px) {
	.proshow .txt .tit h3{ font-size:2.4em;}
    .proshow .txt .tit h4{ font-size: 2em;}
    .pmore .boxs .box .t p{ font-size:1.4em; margin-top:10px;}
    .pmore .tit h3{ font-size:2em; }
}
@media screen and (max-width: 1024px) {
	.proshow .img{ width:40%;}
	.proshow .txt .ptab table tr td{ padding:8px 0;}
	.proshow{ padding:40px 0;}
	.proshow .img{ padding-left:0;}
}
@media screen and (max-width: 850px) {
	.proshow .warp2{ display:block;}
	.proshow .txt{ width:100%;}
	.proshow .img{ width:100%;}
	.proshow .img img{ max-width:400px;}
    .pmore .boxs{ flex-wrap:wrap;}
    .pmore .boxs .box{ width:calc(50% - 10px); margin:5px 0;}
}
@media screen and (max-width: 650px) {
	.proshow .txt .tit h3{ font-size:2em;}
    .proshow .txt .tit h4{ font-size: 1.6em;}
    .pmore{ padding: 40px 0 30px 0;}
    .pmore .tit h3{ font-size:1.6em; margin-bottom:10px;}
}

/*network*/
@media screen and (max-width: 1680px) {
	.net2 .warp .tel p{ font-size:4.2em;}
	.net2 .warp .tel span img{ width:45px;}
    .net1 .txt h3{ font-size:2.4em;}
    .net2 .warp .txt h3,.net2 .warp .txt h4,.net3 .tit h3,.net3 .tit h4{ font-size:2.4em;}
    .net3{ padding:70px 0;}
    .net3 .dots{ margin-top:60px;}
    .net3 .dots .dot h3{ font-size:2em;}
    .net3 .dots .dot h4{ font-size:1.4em; margin:15px 0;}
    .net3 .dots .dot h5{ font-size:1.4em;}
    .net3 .dots .dot p{ font-size:2em;}
}
@media screen and (max-width: 1450px) {
	.net2 .warp .tel p{ font-size:3.6em;}
}
@media screen and (max-width: 1250px) {
	.net2 .warp .tel p{ font-size:2.8em; padding:10px 30px 10px 10px;}
	.net2{ padding:60px 0;}
	.net1{ padding: 60px 0;}
	.net2 .warp .tel span{ padding:10px;}
	.net2 .warp .tel span img{ width:40px; }
	.net3 .dots{ margin-top:30px;}
	.net3{ padding:60px 0;}
	.net1 .txt p{ font-size: 1.4em;}
}
@media screen and (max-width: 1024px) {
	.net3 .dots .dot{ padding:20px 20px 30px 20px; width:calc(50% - 10px); margin-top:20px;}
	.net3 .dots{ flex-wrap:wrap;}
	.net2 .warp .txt h3,.net2 .warp .txt h4,.net3 .tit h3,.net3 .tit h4{ font-size:2em;}
}
@media screen and (max-width: 850px) {
	.net2 .warp{ display:block;}
	.net2 .warp .txt{ margin-bottom:20px;}
	.net2{ padding:40px 0;}
	.net2 .warp .tel p{ font-size:2.4em;}
	.net3 .dots{ margin-top:10px;}
	.net3{ padding:40px 0;}
}
@media screen and (max-width: 650px) {
	.net2 .warp .tel p{ font-size:2em;}
	.net2 .warp .tel span img{ width:30px;}
	.net1{ padding:40px 0;}
	.net3 .dots .dot h3{ font-size:1.8em;}
	.net3 .dots .dot{ padding:20px 10px;}
	.net3 .dots .dot img{ max-width:60px;}
}
@media screen and (max-width: 450px) {
	.net1 .txt h3{ font-size:2em;}
	.net1 .txt span{ width: 60px; height: 2px; margin: 10px 0 6px 0;}
	.net2{ padding:30px 0;}
    .net2 .warp .txt{ margin-right:0;}
    .net2 .warp .txt h3,.net2 .warp .txt h4,.net3 .tit h3,.net3 .tit h4{ font-size:1.6em;}
    .net3 .dots .dot{ width:calc(100% - 10px); }
}

/*report*/
@media screen and (max-width: 1680px) {
	.report-t .re-top{ padding:10px;}
	.report-t .re-s{ padding:40px 60px;}
	.report-t .re-sreach{ margin: 0 6%; transform: translateY(-70px);}
    .report-t .re-download{ padding-bottom:60px;}
}
@media screen and (max-width: 1450px) {
    .report-t .re-s input{ padding:10px 20px;}
    .report-t .re-s .re-btn{ width:120px;}
    .report-t .re-s h3{ padding:0 0 10px 0; font-size:1.6em; }
    .report-t .re-down a{ padding:15px;}
    .report-t .re-down a>h3{ font-size:1.4em;}
    .report-t .re-down a>span img{ width:30px;}
}
@media screen and (max-width: 1250px) {
    .report-t .re-top .re-d{ padding:10px;}	
    .report-t .re-s{ padding:20px 20px;}
    .report-t .re-s h3{ font-size:1.4em;}
     .report-t .re-s input{ padding:4px 10px;}
     .report-t .re-s .re-txt{ font-size:1.4em;}
     .report-t .re-sreach{ margin: 0 6%; transform: translateY(-60px);}
}
@media screen and (max-width: 1024px) {
	.report-t .re-top .re-d:nth-child(5),.report-t .re-top .re-d:nth-child(4){ display:none;}
	.report-t .re-top .re-d:nth-child(3){ border:none;}
	.report-t .re-top .re-d{ width:33.33%;}
	.report-t .re-top .re-d a{ font-size:1.4em; line-height:14px; height:14px;}
	.report-t .re-down a>.red img{ width:10px;}
	.report-t .re-down a>.red{ width:80px;}
	.report-t .re-down a>h3{width: calc(100% - 240px);}
	.report-t .re-down a>span{ width:45px;}
	.report-t .re-sreach{ margin: 0 6%; transform: translateY(-40px);}
	.report-t .re-download{ padding-bottom:30px;}
}
@media screen and (max-width: 850px) {
	.report-t .re-top{ display:none;}
	.report-t .re-sreach{ margin: 20px 0; transform: translateY(0px);}
	.report-t{ padding:10px 0 0 0;}
	.report-t .re-down a>.red p{ display:none;}
	.report-t .re-down a>.red{ width:20px;}
    .report-t .re-s .re-txt{ width:calc(100% - 80px);}
    .report-t .re-s .re-btn{width:80px;}
    .report-t .re-down a>h3{width: calc(100% - 50px); margin-bottom:20px;}
    .report-t .re-down a{ flex-wrap:wrap;}
    .report-t .re-down a>span{ margin-bottom:20px;}
}

/*contact*/
@media screen and (max-width: 1680px) {
	.contact-t{ padding:80px 0;}
	.contact-t .dot1 .d h4{ font-size:2.8em;}
    #container{ height:500px;}
    .contact-t .tit h3{ font-size:2em;}
    .contact-t .dot2{ padding:40px;}
}
@media screen and (max-width: 1450px) {
	.contact-t .dot1 .d h4{ font-size:2.2em;}
	.contact-t .dot1 .d{ padding:30px;}
    .contact-t .dot1 .d{ height:150px;}
    .contact-t .dot input{ margin-bottom:10px;}
    .contact-t .dot2 h3{ font-size:2em; margin-bottom:10px;}
    .contact-t .fc-cont{ margin-bottom:30px;}
    .contact-t .btn .fc-btn{ padding:6px 20px;}
}
@media screen and (max-width: 1250px) {
	.contact-t .dot input{ width: calc(100% - 30px); }
	.contact-t .dot2{ padding:20px;}
	.contact-t .fc-cont{ margin-bottom:20px;}
}
@media screen and (max-width: 1024px) {
	.contact-t{ padding:60px 0;}
	.contact-t .dot1 .d h4{ font-size:1.6em;}
	.contact-t .tit h3{ font-size:1.8em; margin-bottom:15px;}
	.contact-t .dots{ display:block;}
	.contact-t .dots .dot1{ width:100%; margin:10px;}
	.contact-t .dot2{ width:calc(100% - 20px); margin:20px 0 0 10px;}
}
@media screen and (max-width: 850px) {
	.contact-t .dot1 .d{ padding:20px;}
	.contact-t{ padding:40px 0  60px 0;}
}
@media screen and (max-width: 650px) {
	.contact-t .tit h3{ font-size:1.6em;}
	.contact-t .dot1 .d{ width:calc(100% - 20px); margin-bottom:20px !important; height:auto;}
	.contact-t .dot2{  margin:0px 0 0 10px;}
	.contact-t .dot1 .d h3{ font-size:1.4em; margin-bottom:10px;}
    .contact-t .dot1 .d h4{ font-size:1.4em;}
    .contact-t .dot2 h3{ font-size:1.6em;}
}

/*service*/
@media screen and (max-width: 1680px) {
	.service-t .s2 .img:after{ font-size:20em; right:0;}
    .service-t>div{ padding:60px 0;}
    .service-t .txt h3{ font-size:2em;}
}
@media screen and (max-width: 1450px) {
	.service-t .s2 .img img{ max-width:400px;}
	.service-t .s2 .img:after{ font-size:16em; bottom:-30px;}
	.service-t .txt p{ line-height:1.5;}
}
@media screen and (max-width: 1250px) {
	.service-t .s2 .img:after { -webkit-text-stroke: 3px #fff;}
}
@media screen and (max-width: 1024px) {
	.service-t .s2>.warp2{ display:block;}
	.service-t .s2 .txt{ width:100%; margin-bottom:30px;} 
	.service-t .s2 .img{ width:100%; padding:0; text-align:right;}
	.service-t .s2 .img img{ margin:0 0 0 auto;}
}
@media screen and (max-width: 650px) {
	.service-t .s2 .img:after{ font-size:10em;}
	.service-t .s2 .img:after { -webkit-text-stroke: 1px #fff;}
	.service-t>div{ padding:40px 0;}
}