@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: 1600px) {
	.header .logo img{ width:180px; padding-right:20px}
    .header .munes .mune .m-dot{ margin:0 25px; padding:28px 0;}
    .header .lun a{ margin:4px 0;}
    .banner .txt h3{ font-size:4.8em;}
    .banner .txt p{ font-size:4.2em;}
    .banner .txt span{ width:120px; height:4px;}
    .tits h3{ font-size:2.2em;}
    .tits .t h4{ font-size:3.2em;}
    .ip{ padding:100px 0 120px 0;}
    .ip .ipst { margin: -40px 0 80px auto;}
    .icase{ padding-top:100px;}
    .icase .tip{ margin:40px 0 90px 0;}
    .inews .txts{ margin-top:60px;}
    .footer .fo1 .flogo img{ width:280px;}
}
@media screen and (max-width: 1440px) {
    .header .munes a{ font-size:1.4em;}
    .header .lun{ padding:0 4px;}
    .header .lun a{ line-height:20px; padding:0 4px; font-size:1.4em;}
    .banner .txt h3{ font-size:4.2em;}
    .banner .txt p{ font-size:3.6em;}
    .banner .txt h4{ font-size:2.8em; padding:0 0 10px 0;}
    .banner .ban1 .txt{ padding-left:60px;}
    .banner .ban2 .txt{ padding-right:60px;}
    .more p{ font-size:1.6em;}
    .more{ padding:8px 20px;}
    .tits h3{ font-size:1.8em; margin-bottom:0;}
    .tits .t h4{ font-size:2.8em;}
    .tits .t p{ font-size:1.6em;}
    .iab .txt .tip{ margin-bottom:60px;}
    .iab .txt .dots .d{ padding:20px 20px;}
    .iab .txt .dots .d img{ height:60px;}
    .iab{ padding:80px 0;}
    .ip{ padding:80px 0;}
    .ip .ipst span{ font-size:1.6em; padding:10px;}
    .ip .ipsb .box .ipb .t p{ font-size:1.6em; margin:10px;}
    .ip .ipsb .box .ipb .img{ padding:0;}
    .icase{ padding:80px 0;}
    .icase .dots .d{ margin-top:20px;}
    .icase .tip{ margin:20px 0 60px 0;}
    .inews{ padding:80px 0;}
    .inews .txts .img{ width:500px;}
    .inews .txts .nds .nd{ padding:30px;}
    .inews .txts .nds{width:calc(100% - 500px);}
    .inews .txts .nds .nd span{ margin-top:68px;}
    .inews .txts .nds .nd:hover span{ margin-top: 20px;}
    .footer .fo1 .flogo img{ width:200px;}
    .footer .fo1{ padding:80px 0;}
    .footer .fo2 p{ font-size:1.4em;}
    .footer .fo2{ padding-bottom:20px;}
    .footer .fo1 .fm h3 a{ font-size:1.6em;}
    .footer .fo1 .fm{ max-width:660px;}
    .footer .fo1 .fs span{ padding:6px;}
	.header .mune .md a{ padding-top: 4px;}
}
@media screen and (max-width: 1250px) {
	.header .logo img{ width:140px;}
	.header .munes .mune .m-dot{ margin:0 20px; padding:24px 0;}
    .header .lun{ margin-left:10px;}
    .banner .swiper-pagination-bullet{ width:40px; height:6px;} 
    .banner .txt h3{ font-size:3.6em;}
    .banner .txt h4{ font-size:2.4em;}
    .banner .txt p{ font-size:3.2em;}
    .iab .txt .dots .d{ padding:10px;}
    .tits .t h4{ font-size:2.4em;}
    .ip .ipst { margin: 40px 0 40px auto; width:100%;}
    .icase{ height:auto;}
    .icase .dots .d h3{ font-size:2em;}
    .inews .txts .img{ width:350px;}
    .inews .txts .nds .nd{ padding:20px;}
    .inews .txts .nds{width:calc(100% - 350px);}
    .footer .fo1{ padding:40px 0 80px 0;}
    .footer .fo1 .fm h3 a{ font-size:1.4em; }
}
@media screen and (max-width: 1024px) {
	.header .munes, .header .munes .mune,.footer .fo1{ display:none;}
	.banner .swiper-slide{ height:650px;}
	.banner .swiper-pagination{ bottom:20px;}
	.banner .txt h3{ font-size:3.6em;}
    .banner .txt p{ font-size:2.8em;}
    .banner .txt h4{ font-size:2.2em; padding:0 0 10px 0;}
    .banner .ban1 .txt{ padding-left:40px;}
    .banner .ban2 .txt{ padding-right:40px;}
    .banner .txt span{ width:80px; height:2px;}
    .iab{ flex-wrap:wrap; padding:40px 0;}
    .iab .txt{ width:100%; max-width:100%; order:-1; margin-bottom:20px;}
    .iab .img{ width:100%; max-width:700px;}
    .iab .txt{ padding:0 20px;}
    .iab .txt .tip h3{ font-size:1.6em; margin-bottom:6px;}
    .iab .txt .dots .d{ padding:0 10px;}
    .iab .txt .tip{ margin-bottom:20px;}
    .more p{ font-size:1.4em;}
    .iab{ padding:60px 0;}
    .more img{ width:20px;}
    .tits .t h4{ font-size:2em;}
    .ip .ipsb .box .ipb{ width:calc(33.33% - 20px);}
    .ip .ipsb .box .ipb .t p{ font-size:1.4em;}
    .footer .fo2{ padding:20px 0;  text-align:center;}
    .ip .ipsb .box .ipb:hover .t p{ font-size: 2em;}
}
@media screen and (max-width: 850px) {
	.banner .txt h3{ font-size:2.4em;}
	.banner .txt p{ font-size:2em;}
	.banner .txt h4{ font-size:1.6em;}
	.banner .swiper-slide{ height:450px;}
	.banner .swiper-pagination-bullet{ width:20px; height:4px; margin:0 5px !important;}
	.header{ position:static; background:rgba(32,79,139,1);}
    .header .logo img{ width:100px;}
    #hamburger{ top:20px; right:15px;}
    .ip{ padding:60px 0;}
    .ip .ipst span{ font-size:1.4em; padding:6px 8px; width:auto;}
    .ip .ipsb .box .ipb .t p{ line-height:24px;}
     .ip .ipsb .box .ipb:hover .t p{ font-size: 1.6em;}
     .ip .ipsb .box .ipb:before{ width:20px; height:20px;}
     .ip .ipst{ margin:20px 0;}
     .ip{ padding:40px 0; border-bottom: 4px solid #204f8b;}
     .icase{ padding:40px 0;}
     .icase .tip{ margin:20px 0;}
     .icase .dots{ max-width:500px;}
     .icase .dots .d { width: calc(33.33% - 10px);}
     .inews{  padding:40px 0;}
     .inews .txts{ margin-top:20px; flex-wrap:wrap;}
     .inews .txts .img{ width:100%; height:300px;}
    .inews .txts .nds{ width:100%; padding:20px 0 0 0;}
    .inews .txts .nds .nd h4{ font-size:1.6em;}
}
@media screen and (max-width: 650px) {
	.header .warp{ padding:0;}
	.header .logo{ padding:8px 0; background: url(../images/logo.png) center center no-repeat; background-size: 88%;}
	.header .logo img{ width:130px; opacity: 0;}
	.banner .ban1 .txt,.banner .ban2 .txt{ padding:0 20px;}
    .banner .txt h3{ font-size:2em;}
    .banner .txt h4{ font-size:1.4em;}
    .banner .txt p{ font-size:1.6em;}
    .banner .txt span{ margin-bottom:10px;}
    .iab{ padding:20px 0;}
    .iab .txt .tit{ display:block;}
    .tits h3{ font-size:1.4em;}
    .tits .t h4{ font-size:1.6em;}
    .tits .t p{ font-size:1.4em;}
    .more{ padding:4px 6px; width:fit-content; margin:20px 0 0 auto; }
    .more img{ width:16px;}
    .iab .txt .tip h3{ font-size:1.4em;}
    .iab .txt .dots{ display:block;}
    .iab .txt .dots .d{ width:100%;}
    .iab .txt .dots .d img{ height:40px; margin:20px 0 0 0;}
    .ip{ background-size:auto 60%;}
    .ip .ipst span{ margin:5px;}
    .ip .ipsb .box .b{ flex-wrap:wrap;}
    .ip .ipsb .box .ipb{ width:100%; margin:20px auto 0 auto;}
    .icase .tip{ margin:20px 0 0 0;}
    .icase .dots .d{ padding:6px; width: calc(50% - 10px);}
    .icase .dots .d img{ width:30px;}
    .icase .dots .d h3{ font-size:1.6em;}
    .icase .dots .d p{ line-height:1.2;}
    .inews{ padding:20px 0;}
    .inews .txts .nds .nd { padding: 10px; width: calc(100% - 8px);}
    .inews .txts .nds .nd span{ margin-top:48px;}
    .inews .txts .nds .nd:hover span{ margin-top:28px;}
    .inews .txts .nds .nd p {  height: 48px;  -webkit-line-clamp: 2;}
    .inews .txts .nds .nd h5{  bottom:10px;}
    .footer .fo2 span{ display:block;}
    .footer .fo2{ padding:12px 0;}
    .footer{ margin-bottom:37px;}
    .bottomlist ul li img{ width:25px; height:25px;}
}

/*about*/
@media screen and (max-width: 1600px) {
	.banners{ height:560px;}
    .ab1{ padding-top:80px;}
    .tits2 h3{ font-size:6.4em;}
    .tits2 h4{ font-size:4em;}
    .ab1 .txt{ margin:20px 0 50px 0;}
    .ab1 .img img{ width:60%;}
    .ab2{ padding:120px 0;}
    .ab2 .dot .t1 h3{ font-size:2.4em;}
    .ab2 .dot .t2 h3{ font-size:5em;}
    .ab2 .dot .t2{ padding:60px 20px 20px 40px; height:300px; top:calc(50% - 150px);}
    .ab2 .dots .dot{ padding:40px 0;}
    .ab2 .dot .t2 h4{ font-size:2.4em; margin-bottom:20px;}
    .ab3{ padding:80px 0;}
    .ab3 .honor-slider{ margin-top:50px;}
}
@media screen and (max-width: 1440px) {
	.banners{ height:460px;}
	.ab1{ padding-top:40px;}
	.tits2 h3{ font-size:5.4em;}
    .tits2 h4{ font-size:3em;}
    .ab1 .txt h3{ font-size:2em;}
    .ab1 .txt .t h4{ font-size:3em; padding:0 10px;}
    .ab1 .txt .t:after{ top:20px;}
    .ab1 .txt p span{ font-size:1em;}
    .ab1 .txt p{ line-height:1.5;}
    .ab2 .dot .t2 h3{ font-size:4em;}
    .ab2 .dot .t2 h4{ font-size:2em; margin-bottom:40px;}
    .ab3{ padding:60px 0;}
    .ab3 .imgs{ max-width:1000px;}
}
@media screen and (max-width: 1250px) {
	.banners{ height:400px;}
	.ab1 .txt{ width:75%;}
	.ab1 .txt p{ text-shadow: 1px 1px 1px #fff;}
	.ab1:after{ background-size:62% auto;}
    .ab1 .img{ margin-bottom:-40px;}
    .tits2 h3{ font-size:4.4em;}
    .tits2 h4{ font-size:2.4em;}
    .ab1 .txt h3{ font-size:1.8em;}
    .ab1 .txt .t h4{ font-size:2.4em;}
    .ab1 .txt .t:after{ top:15px;}
    .ab2{ padding:80px 0;}
    .ab2 .dot .t2 h3{ font-size:3em; }
    .ab2 .dot .t2 h4{ font-size:1.8em; margin-bottom:20px;}
    .ab2 .dot .t2 p{ font-size:1.4em;}
    .ab2 .dot .t2{ padding:60px 20px 20px 20px; height:240px; top:calc(50% - 120px);}
     .ab2 .dot .t1 h3{ font-size:2em;}
     .ab2 .dot .t1{ padding:60px 0;}
     .ab3 .honor-slider{ margin-top:20px;} 
}
@media screen and (max-width: 1024px) {
    .banners{ height:300px;}
    .tits2 h3{ font-size:3.4em;}
    .tits2 h4{ font-size:1.8em;}
    .ab1 .txt h3{ font-size:1.6em;}
    .ab1 .txt .t h4{ font-size:2em;}
    .ab2 .dots .dot{ padding:0; overflow:hidden; padding-bottom:60px;}
    .ab2 .dot .t1 h3{ font-size:1.6em;  padding:8px 10px;}
    .ab2 .dot .t2{ transform:scale(1); height:100%; top:60px; padding:20px;}
    .ab2 .dot .t2 h3{ font-size:2.4em;}
    .ab3{ padding:40px 0;}
}
@media screen and (max-width: 850px) {
	 .banners{ height:240px;}
    .ab1 .txt{ width:100%;}
    .ab1:after{ background-size:74% auto;}
    .ab1:before{ background-size: auto 40%;}
    .ab2 .dots{ flex-wrap:wrap;}
    .ab2 .dots .dot{ width:100%; max-width:600px; margin:20px auto;}
    .ab3 .honor-slider{ padding:10px 0;}
    .ab2{ padding:40px 0 20px 0;}
}
@media screen and (max-width: 650px) {
	.ab1 .txt h3{ font-size:1.4em;}
	.ab1 .img img{ width:100%;}
	.ab1 .txt{ margin-bottom:0;}
	.ab1 .img{ margin-bottom:-20px;}
	.ab1:after{ background-size:100% auto;}
	.ab2{ padding:80px 0 20px 0;}
	.ab2 .dots{ margin-top:20px;}
	.ab2 .dot .t2 h3{ font-size:2em;}
}

/*product*/
@media screen and (max-width: 1600px) {
   .p-list a{ padding:14px 30px; font-size:2em;}
   .pro-all{ padding:80px 0;}
   .pro-show .img .t p{ font-size:2em;}
   .pro-imgs .pl2 h3{ font-size:5.2em;}
   .pro-imgs .pd .t{ padding:10px;}
   .pro-imgs .pimgs{ width:calc(100% + 20px); margin:20px 0 0 -10px;} 	
    .pro-imgs .pd { width: calc(33.33% - 20px); margin: 10px;}
    .pro-imgs .pd .t p{ font-size:1.6em; width: calc(100% - 80px);}
    .pro-imgs .pd .t span{ padding:4px 10px;}
    .pro-imgs .ptl span.hover{ font-size:2em;}
    .pro-imgs .ptl{ padding:8px;}
    .pro-imgs .ptl span{ font-size:1.6em; padding:6px 30px;}
    .pro-imgs .ptl span:after {
    border-left: 10px solid transparent;  border-right: 10px solid transparent;
    border-top: 5px solid transparent;  left: calc(50% - 5px);}
    .pro-imgs .ptt h3{ font-size:2em;  margin-bottom:10px;}
    .pro-imgs .ptt table tr td{ padding:8px;}
}
@media screen and (max-width: 1440px) {
	.p-list a{ font-size:1.8em;}
	.pro-show .img .t p{ font-size:1.8em;}
	.pro-show .img .t{ bottom:10px; left:20px;}
    .pro-imgs .pld.hover h4{ font-size:2em;}
    .pro-imgs .ptl span.hover{ font-size:1.8em;}
    .pro-imgs .ptxt{ margin-top:40px;}
    .pro-imgs .ptt table tr td{ font-size:1.4em;}
    .pro-imgs .ptt h3{ font-size:1.8em;}
}
@media screen and (max-width: 1024px) {
	.p-list a{ font-size:1.6em; padding:12px 20px;}
	.pro-all{ padding:60px 0;}
	.pro-show .img .t p{ font-size:1.6em;}
	.pro-imgs .pl2 h3{ font-size:4.2em;}
	.pro-imgs .pd { width: calc(50% - 20px);}
	.pro-imgs .ptl span.hover{ font-size:1.6em;}
	.pro-imgs .ptl span.hover:after{ bottom:-16px;}
    .pro-imgs .ptl{ padding:0;}
    .pro-imgs .ptt{ margin-top:40px;}
    .pro-imgs .ptt h3{ font-size:1.6em;}
    .pro-imgs .ptt table tr td{ padding:6px;}
    .pro-imgs .ptt img{ margin:10px 0;}
}
@media screen and (max-width: 850px){
	.pro-all{ padding:60px 0 40px 0;}
    .p-list a{ font-size:1.4em;}
    .pro-imgs .pl2 h3{ font-size:3.2em;}
    .pro-imgs .pld h4{ font-size:1.6em;}
    .pro-imgs .pld.hover h4{ font-size:1.6em;}
    .pro-imgs .pld{ margin:0 30px;}
    .pro-show .txt .t{ margin-top:20px;}
    .pro-imgs .pd .t p{ font-size:1.4em;}
    .pro-imgs .ptl span{ padding:6px 20px;}
    .pro-imgs .ptt h3{ font-size:1.4em; margin-bottom:0;}
    .pro-imgs .ptt p{ font-size:1.4em;}
    .pro-imgs .ptt .pta{ overflow:auto;}
    .pro-imgs .ptt .pta table{ min-width:1000px;}
}
@media screen and (max-width: 650px){
	.p-list a{ padding:8px 12px;}
	.p-list a:hover, .p1 .p1, .p2 .p2, .p3 .p3, .p4 .p4, .p5 .p5, .p6 .p6, .p7 .p7{ border-radius:0;}
	.pro-all{ padding:40px 0 20px 0;}
    .pro-show{ flex-wrap:wrap;}
    .pro-show .txt{ width:100%; padding:0;}
    .pro-show .pl-slider{ width:100%;}
    .pro-show .img .t p{ font-size:1.4em;}
    .pro-show .img .t{ bottom:0; left:6px;}
    .pro-imgs .pl2 h3{ font-size:2.4em;}
    .pro-imgs .pld h4{ font-size:1.4em;}
    .pro-imgs .pld{ margin:0 0 0 30px;}
    .pro-imgs .pd{ width:calc(100%);}
    .pro-imgs .ptl span.hover,.pro-imgs .ptl span{ font-size:1.4em;} 
    .pro-imgs .ptl span{ padding:0px 6px;}
    .pro-imgs .ptxt{ margin-top:20px;}
    .pro-imgs .ptl span.hover:after{ bottom:-10px;}
    .pro-imgs .ptt .tip1 .d{ width:100%;}
    .pro-imgs .ptt .pta{ margin:10px 0;}
}


/*service*/
@media screen and (max-width: 1600px) {
	.service-t{ padding:90px 0;}
	.ser-boxs{ margin-top:60px;}
    .sert .st{ padding:20px;}
    .ser-boxs .imgs .tit h3{ font-size:2.4em;}
    .sert,.ser-boxs .ser-slider{ height:500px; min-height:500px;}
    .ser-boxs .imgs .tit{ padding:12px;}
    .ser-boxs .imgs .swiper-pagination{ bottom:20px;}
    .sert .st h3{ font-size:1.6em; margin-bottom:6px;}
    .serb .tit{ padding:20px 40px;}
    .serb .box{ padding:20px;}
    .serb .tit h3{ font-size:1.6em;}
    .serb .box .tb table tr td{ padding:8px;}
}
@media screen and (max-width: 1440px) {
	.service-t{ padding:60px 0;}
	.ser-boxs{ margin-top:40px;}
    .ser-boxs .imgs .swiper-pagination-bullet{ width:6px; height:6px;}
    .ser-boxs .imgs .swiper-pagination-bullet-active{ width:30px;}
    .ser-boxs .imgs .tit h3{ font-size:2em;}
    .serb{ margin-top:30px;}
}
@media screen and (max-width: 1024px) {
	.sert .st{ padding:12px;}
	.ser-boxs .imgs{ width:100%;}
	.sert{ min-height:auto; height:auto; width:calc(100% - 40px); margin-left:40px;}
	.ser-boxs .ser-slider{ height:300px;}
	.sert .st{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	.sert .st.hover, .sert .st:hover{ width:100%; }
	.sert .st .more{ width:120px;;}
	.sert .st.hover .t,.sert .st:hover .t{ width: calc(100% - 120px);}
	.serb .tit h3{ font-size:1.6em;}
	.serb .tit{ padding:10px;}
	.serb .box .tb table tr:first-child td{ font-size:1.4em;}
	.serb .box .tb table tr td{ padding:4px;}
}
@media screen and (max-width: 650px) {
	.service-t{ padding:40px 0;}
	.ser-boxs{ margin-top:20px;}
	.ser-boxs .imgs .swiper-pagination{ bottom:60px;}
	.ser-boxs .imgs .tit h3{ font-size:1.6em;}
	.ser-boxs .ser-slider{ height:300px; min-height:100%;}
    .sert .st.hover .more, .sert .st:hover .more{ display:none;}
    .sert .st.hover .t, .sert .st:hover .t{ width:100%;}
    .sert{ width:100%; margin:0;}
    .sert .st.hover, .sert .st:hover{ margin:0;}
    .serb .tit h3{ font-size:1.4em;}
    .serb .tit{ padding:4px;}
    .serb .box{ padding:12px;}
    .serb .box .tb{ overflow:auto;}
    .serb .box .tb table{ min-width:800px;}
}

/*case*/
@media screen and (max-width: 1600px) {
	.case-t{ padding:100px 0;}
	.case-t .apls .tit h3{ font-size:3.2em;}
	.case-t .apls .tit{ margin-bottom:80px;}
	.case-t .apls .txt .t2 p{ font-size:4.2em;}
	.case-t .apls .swiper-pagination-current{ font-size:42px;}
}
@media screen and (max-width: 1250px) {
	.case-t{ padding:80px 0;}
	.case-t .apls .tit h3{ font-size:2.4em;}
    .case-t .apls .tit h4{ font-size:1.6em;}
    .case-t .apls .tit{ margin-bottom:40px;}
    .case-t .apls .btn{ top:40px;}
    .case-t .apls .txt .t2 p{ font-size:3.6em; line-height:1.5;}
    .case-t .apls .txt .t2{ padding-bottom:60px;}
}
@media screen and (max-width: 1024px) {
	.case-t{ padding:60px 0;}
    .case-t .apls .txt{ padding:12px;}
    .case-t .apls .txt .t2{ padding-bottom:0;}
    .case-t .apls .txt .t2 p{ font-size:2.8em;}
    .case-t .apls .tit h4{ font-size:1.4em;}
    .case-t .apls .tit h3{ font-size:2em;}
    .case-t .apls .swiper-pagination-current{ font-size:36px;}
    .case-t .apls .swiper-pagination-total{ font-size:18px;}
    .case-t .apls .txt .t1{ min-height:220px;}	
}
@media screen and (max-width: 850px) {
    .case-t .apls .btn{ width:140px;}	
    .case-t .apls .txt{ width:100%;}
    .case-t .apls:after{ width:100%; height:calc(100% - 90px); top:auto; bottom:0;}
    .case-t .apls .img{ width:100%; padding:40px 20px 0px 20px;}
    .case-t .apls .txt .t1{ min-height:auto; }
    .case-t .apls .txt .t1 p{ max-width:100%;}
    .case-t .apls{ margin-top:20px;}
    .case-t .apls .txt .t2 p{ font-size:2em; line-height:1.2;}
    .case-t .apls:before{ background-size:70% auto;}
}
@media screen and (max-width: 650px) {
	.case-t{ padding:40px 0;}
	.case-t .apls .tit h3{ font-size:1.8em; display:block;}
	.case-t .apls .tit{ display:block;}
	.case-t .apls .tit h4{ padding:0;}
	.case-t .apls .swiper-pagination-current{ font-size:28px;}
	.case-t .apls .btn{ top:20px;}
	.case-t .apls .img{padding: 0;}
    .case-t .apls .tit{ margin-bottom:60px;}
    .case-t .apls .btn{ top:40px;}
}

/*news*/
@media screen and (max-width: 1600px) {
	.news-t{ padding:80px 0;}
	.news-t .nd a{ padding:30px 0;}
	.news-t .nd .txt h3{ font-size:2em; margin:20px 0;}
}
@media screen and (max-width: 1440px) {
	.news-t .nd .time h3{ font-size:4.2em;}
	.news-t .nd .time p{ padding:0 0 6px 0;}
	.news-t .nd .txt h4{ margin-bottom:10px;}
	.news-t .nd .txt .mo{ margin-top:0;}
}
@media screen and (max-width: 1250px) {
	.news-t{ padding:60px 0;}
	.news-t .nd a{ padding:16px 0;}
	.news-t .nd .txt h3{ font-size:1.6em; margin:10px 0;}
    .news-t .nd .time h3{ font-size:3.2em;}
    .news-t .nd .time{ width:140px;}
    .news-t .nd .img { width: calc(50% - 200px);}
    .news-t .nd .txt .m2 p:last-child{ padding:0 6px;}
    .news-t .nd .txt .m2 p{ line-height:20px; font-size:1.4em;}
	 div.fy a,div.fy span.current,div.fy span.disabled{  font-size:1.6em; }
}
@media screen and (max-width: 1024px) {
	.news-t{ padding:40px 0;}
    .news-t .tits2{ margin-bottom:30px;}
    .news-t .nd .txt h4{ width:fit-content; padding:4px;}
    .news-t .nd .txt h3{ font-size:1.4em; margin:6px 0 0 0;}
}
@media screen and (max-width: 850px) {
	.news-t .nd .txt{ width:100%;}
    .news-t .nd a{ flex-wrap:wrap;}
    .news-t .nd .img { width: calc(100% - 200px); max-width:420px;}
    div.fy a,div.fy span.current,div.fy span.disabled{ padding:4px 8px; font-size:1.4em; border-bottom-right-radius: 5px;  border-top-right-radius: 5px;}
}
@media screen and (max-width: 650px) {
	.news-t .nd .img{ margin:0 0 0 auto; width: calc(100% - 140px);}
}
@media screen and (max-width: 450px) {
	.news-t .nd .img{ margin:10px 0;}
	.news-t .nd .time h3{ font-size:2.4em;}
	.news-t .nd .time p{ padding:0;}
	.news-t .nd .time img{ width:10px;}
	.news-t .nd .time,.news-t .nd .img{ 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;}
}

/*contact*/
@media screen and (max-width: 1600px) {
	.contact-t{ padding:80px 0;}
	.contact-t .dots .dot img{ width:70px;}
    .contact-t .dots{ margin:40px 0;}
    .form .dot2 h3{ font-size:2em; margin-bottom:10px;}
    .form .dot2{ margin:10px 0 40px 0;}
}
@media screen and (max-width: 1440px) {
	.form .dot{ margin-bottom:30px;}
	.form input, .form textarea{ padding:6px 0;}
	.contact-t .dots .dot img{ width:50px;}
	.form .dot2 h3{ font-size:1.8em;}
	#container{ height:500px;}
}
@media screen and (max-width: 1250px) {
	.contact-t{ padding:60px 0;}
	.form .dot { width: calc(50% - 20px);}
    .contact-t .dots{ margin:40px 0 20px 0;}
}
@media screen and (max-width: 1024px) {
	.form .fc-btn{ padding:6px 50px 6px 10px; font-size:1.4em; background-size:20px auto;}
    .contact-t .dots .dot img{ width:40px;}
    .form .dot h3, .form .dot3 h3{ font-size:1.4em; }
    .form .dot2 h3{ font-size:1.6em;}
}
@media screen and (max-width: 850px) {
	.contact-t .dots{ display:block;}
	.contact-t .dots .dot{ margin-top:20px;}
	.form .dot{ width:100%; margin-bottom:12px;}
}
@media screen and (max-width: 650px) {
	.contact-t .dots .dot p{ line-height:1.5;}
	.form input, .form textarea{ padding:6px 0 0 0;}
	.form .dot2 .d{ margin:5px 10px 5px 0;}
	.form .dot2 .d2{ flex-wrap:wrap;}
	.form .dot2{ margin:10px 0;}
	.contact-t{ padding:40px 0;}
}