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

/*index*/
@media screen and (max-width: 1680px){
	.header .luns .hsrea{ width:100px;}
    .header{ padding:7px 30px;}
    .banner .swiper-slide .t h3{ font-size:6em;}
    .banner .swiper-slide .t h4{ font-size:4.2em;}
    .banner .swiper-slide.ban3 .t p{ font-size:1.6em;}
    .banner .swiper-slide .t p{ font-size:1.6em;}
    .iab .iabt:after{ width:30px;}
    .iab .iabt{ margin:60px 0;}
    .iab .iabt .txt h3{ font-size:3.2em;}
    .iab .iabt .txt h4{ font-size:1.6em; margin-bottom:40px;}
    .iv{ padding:160px 0;}
    .iv img{ width:80px;}
    .iv h3{ font-size:4.2em;}
    .ip{ padding:90px 0;}
    .ip .ip-imgs .ipd .t {  background-size: 50% !important;}
    .ip .ip-imgs{ margin-top:50px;}
    .ibe{ padding:110px 0 110px 30px;}
    .i-tit h3{ font-size:3.2em;}
    .inews{ padding:90px 0;}
    .inews .swiper-slide h3,.inews .in2 .txt h3{ font-size:2em;}
    .i-tit h3{ font-size:2.8em;}
    .icul .iculs p{ font-size:2em;}
    .banner .swiper-slide.ban2 .t{ left: 20px;}
}
@media screen and (max-width: 1450px){
	.header .logo img{ width:100px;}
	.header{ padding:12px 20px;}
	.header .sreach{ display:none;}
    .banner .swiper-slide .t h3{ font-size:5em;}
    .banner .swiper-slide .t h4{ font-size:3.2em;}
    .banner .swiper-slide .t span{ padding:12px 20px; font-size:1.6em;}
    .iab .iabt:after{ width:10px;}
    .iab .iabt .img img{ border-top-left-radius: 40px; border-bottom-left-radius: 40px;}
    .iab .iabt .txt h3{ font-size:2.8em;}
    .iab .iabt .txt h4{ margin-bottom:30px;}
    .iab .iabt .txt h3:after{ width:20px; height:20px; bottom:calc(100% + 8px);}
    .iv{ padding:120px 0;}
    .iv .tit:after{ width:30px; height:30px; top:-10px; left:-12px;}
    .ibe{ padding:90px 0 90px 30px;}
    .inews .swiper-slide h3, .inews .in2 .txt h3{ font-size:1.8em; line-height:24px;}
    .inews .in2 .txt h3{ height:48px;}
    .icul .i-tit:after{ width: 60px; height: 60px; top: -20px;}
    .icul{ padding:140px 0;}
    .icul .iculs p{ font-size:1.8em;}
    .icul .iculs{ margin-top:60px;}
    .footer .f-menu .fmd h3 a{ margin-bottom:40px;}
    .footer .warp2{ padding:60px 0 80px 0;}
    .footer .two .img{ padding:18px;}
    .footer .two .top a{ padding:7px 0;}
    .inews .swiper .swiper-pagination-bullet{ width:24px;  height:6px;}
    .inews .swiper-slide span{ font-size:1.4em; margin-top:30px;}
    .footer .f-menu .fmd{ margin:0 30px 0 0 ;}
}
@media screen and (max-width: 1250px){
    .banner .swiper-slide .t p{ font-size:1.4em; max-width:60%;}
    .banner .swiper-slide .t h3{ font-size:4.2em;}
    .banner .swiper-slide .t h4{ font-size:2.4em;}
    .iab .iabt .txt{ width:50%; padding: 0 0 0 30px;}
    .iadbs .iabd:after{ width: 18px; height: 18px; border: 6px solid #fff; top:-6px; right:-12px;}
    .iadbs .iabd .t span{ font-size:42px;}
    .iv{ padding:80px 0;}
    .iv p{ font-size:2em;}
    .iv img{ width:60px;}
    .iv h3{ font-size:3.6em;}
    .ip{ padding:70px 0;}
    .ip .ip-imgs .ipd:after{ width:30px; height:30px; top:26%; right:20%;}
    .ip .ip-imgs .ipd .t p{ font-size:2.4em;}
    .ip:before{ width: 300px; height: 300px; top: -60px; right: -200px;}
    .ip:after{ width: 360px; height: 360px; bottom: -20px; left: -260px;}
    .ibe{ padding:70px 0 70px 30px;}
    .ibe .ibel{ width:300px; }
    .ibe .iber{ width: calc(100% - 300px); }
    .ibe .iber .t p{ font-size:1.4em;}
    .ibe .iber .t{ padding:12px 16px;}
    .ibe .iber .iber-slider{ padding-bottom:20px;}
    .inews{ padding:70px 0;}
    .inews .swiper-slide h3, .inews .in2 .txt h3{ font-size:1.6em;}
    .inews .swiper-slide h3{ margin-bottom:10px;}
    .icul{ padding:100px 0;}
    .icul .iculs p{ font-size:1.6em;}
    .footer .f-menu .fmc{ max-width:200px;}
    .footer .two .img,.footer .two{ border-radius:10px;}
    .footer .two .img{ padding:10px;}
    .footer .two{ height:fit-content !important;}
    .footer .warp2{ padding:60px 20px 40px 20px;}
    .footer .f-menu .fmd h3 a{ margin-bottom:20px;}
    .footer .fo2{ padding: 8px 0;}
    .header .menu a{ margin:0 16px;}
    .banner .swiper-slide .t{ left:20px;}
    .inews .in2 .txt{ padding:20px ;}
    .inews .in2 .txt p{ height: 48px; -webkit-line-clamp:2;}
}
@media screen and (max-width: 1024px){
	.banner .swiper-slide .t p,
	.header .menu,.header .luns{ display:none;}
	.iab .iabt .txt h3{ font-size:2.4em;}
	.iab .iabt .txt h4{ font-size:1.4em; margin-bottom:12px;}
	#m1 .more{ margin-top:30px;}
	.iab .iabt .img img{ border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
    .iadbs .iabd img{ width:60px;}
    .iadbs .iabd .t span{ font-size:32px;}
    .iadbs .iabd{ padding:12px; width:18%;}
    .iab .iadbs{ padding-bottom:60px;}
    .iv{ padding:60px 0;}
    .iv p{ margin:16px 0 40px 0; font-size:1.6em;}
    .ip:before{ width: 200px; height: 200px; top: -60px; right: -140px;}
    .ip:after{ width: 200px; height: 200px; bottom: -20px; left: -130px;}
    .ip{ padding:60px 0;}
    .i-tit h3{ font-size:2.4em;}
    .ip .ip-imgs{ width:100%; margin:20px 0 0 0;}
    .ip .ip-imgs .ipd{ width: calc(33.33% - 30px); margin: 0 15px; border-radius: 10px; }
    .ibe .ibel{ width:200px; }
    .ibe .iber{ width: calc(100% - 200px); }
    .inews .in2 .txt h3{ height: 24px; -webkit-line-clamp:1; margin-bottom:10px;}
    .inews .in2 .txt span{ margin-top:30px;}
    .inews .in2 .img{ width:60%;}
    .inews .in2 .txt{ width:40%;}
    .icul .i-tit:after{ width: 40px; height: 40px; top: -10px;}
    .footer .fo1{ display:none;}
    .ibe .iber .swiper-slide .t{ left: 10px; opacity: 1;}
	.ip .ip-imgs .ipd .img img{ opacity: 1;}
	.ip .ip-imgs .ipd .t{ height:auto; min-height:10%; top:auto; bottom:0; transform: scale(1);  background:rgba(0,0,0,0.5);}
	.ip .ip-imgs .ipd .t p{ font-size: 1.8em;}
}
@media screen and (max-width: 850px){
	.banner .swiper-slide{ overflow:hidden;}
	.banner .banner-slider .img img{ width:120%; margin-left:-10%;}
	.banner .swiper-slide .t h3{ font-size:3.6em;}
    .banner .swiper-slide .t h4{ font-size:2em;}
    .banner .swiper-slide .t p{ display:none;}
    .iab .iabt{ margin:60px 0 20px 0; flex-wrap:wrap;}
    .iab .iabt .txt{ margin-bottom:40px;}
    .iab .iabt .txt{ width:100%;}
    .iab .iabt .img{ width:100%; max-width:600px; margin:0 0 0 auto;}
    .iadbs .warp{ flex-wrap:wrap; justify-content:space-around;}
    .iadbs .iabd{ width:30%; margin-top:20px;}
    .inews .in2 a{ flex-wrap:wrap;}
    .inews .in2 .img,.inews .in2 .txt{ width:100%;}
    .ip .ip-imgs .ipd{ width: calc(50% - 10px); margin: 0 5px;}
    .ibe{ flex-wrap:wrap;}
    .ibe .ibel{ width:100%;}
    .ibe .iber{ width:100%; margin-top:30px;}
    .ibe .i-tit{ margin:0;}
	.ip .ip-imgs .ipd .t p{ font-size: 1.6em;}
}
@media screen and (max-width: 650px){
	.banner .swiper-slide .t h3{ font-size:2.4em;}
    .banner .swiper-slide .t h4{ font-size:1.4em; max-width:80%;}
    .banner .swiper-slide .t span{ display:none;}
    .banner .swiper-slide.ani-slide .t{ top:40%;}
    .banner .swiper-slide .t{ top:50%;}
    .inews{ padding:40px 0;}
    .inews .in1{ margin-bottom:30px;}
    .inews .in1 .in-txts{ width:100%;}
    .inews .in1{ flex-wrap:wrap;}
    .inews .in1 .in-tit{ width:100%; order:0; margin-bottom:20px;}
    .bottomlist ul li img{ width:25px; height:25px;}
    .footer{ margin-bottom:37px;}
    .icul .iculs p{ font-size:1.4em;  line-height:1.5;}
    .icul .iculs{ margin-top:40px;}
	.ip .ip-imgs{ flex-wrap:wrap;}
	.ip .ip-imgs .ipd{ width:calc(100%); margin:5px 0;}
    .iv h3{ font-size:3.2em;}
    .i-tit h3{ font-size:2em;}
}
@media screen and (max-width: 450px){
	.header{ position: static; background: #fff;}
	.header .logo1{ display: none;}
	.header .logo2{ display: inline-block;}
	#hamburger:before, #hamburger:after, #hamburger span{ background:#333;}
	#hamburger{ top:24px; right:16px;}
	.banner .banner-slider .img img{ width:140%; margin-left:-28%;}
	.iab .iabt .txt h3{ font-size:1.8em;}
	#m1 .more{ margin-top:20px; padding:8px 12px;}
	.iadbs .iabd img{ width:40px;}
	.iadbs .iabd{ width:48%;}
    .iab .iadbs{ padding-bottom:40px;}
    .iadbs .iabd .t span{ font-size:24px;}
    .iadbs .iabd .t sup{ font-size:14px;}
    .iadbs .iabd .t h3{ margin:8px 0;}
    .iv h3{ font-size:2.4em;}
    .ip{ padding:40px 0;}
    .icul{ padding:60px 0;}
}

/*about*/
@media screen and (max-width: 1680px){
    .banners .txt .t p{ font-size:7.2em;}	
    .banners{ height:500px;}
    .ab1{ padding:80px 0;}
    .top-o:after{ width:300px; height: 300px; left: calc(50% - 150px); top:-260px; }
    .ab2 .his-slider .data{ width:100px; height:100px;}
    .ab2 .his-slider .data h3{ font-size:3.2em;}
    .ab2 .his-slider .data{ margin:-15px 0 0 -10px;}
    .ab2 .his-slider .t{ padding:5px 20px 20px 20px;}
    .ab2 .his-slider .swiper-slide:after { border: 8px solid #ec882e;}
    .ab3{ padding:80px 0;}
    .ab3 .boxs .box2 .box .tit{ padding:30px 20px;}
    .ab3 .boxs .box .tit h3{ font-size:3.2em;}
    .ab2 .his-slider{ padding:60px 6% 0 6%;}
    .ab2{ padding: 80px 0;}
}
@media screen and (max-width: 1450px){
	.banners .txt .t p{ font-size:6.2em;}	
    .ab1 .ab1-t{ padding-bottom:40px;}
    .ab3 .boxs .box .tit{ padding:20px;}
    .ab3 .boxs .box .tit h3{ font-size:2.8em;}
    .ab3 .boxs .box2 .box .tit{ padding:20px 10px;}
    .ab3 .boxs .box .img:after{ width:50px; height:50px;}
}
@media screen and (max-width: 1250px){
	.banners{ height:400px;}
    .banners .txt .t p{ font-size:5.2em;}	
    .ab1 .ab1-t p{ margin-bottom:16px;}
    .ab1 .i-tit{ margin-bottom:25px;}
    .ab2 .his-slider .data{ width:80px; height:80px;}
    .ab2 .his-slider .data h3{ font-size:2.2em;}
    .ab2 .his-slider:after{ top:100px;}
    .ab2{ padding: 80px 0 60px 0;}
    .ab3 .boxs .box .tit h3{ font-size:2.4em;}
}
@media screen and (max-width: 1024px){
	.ab3 .boxs .box .tit h3{ font-size:2em; margin-bottom:0;}
	.ab3 .boxs .box .tit p{ font-size:1.4em;}
	.ab3{ padding:60px 0;}
}
@media screen and (max-width: 850px){
	.banners{ height:300px;}
    .banners .txt .t p{ font-size:4.2em;}	
    .ab1{ padding:60px 0;}
    .ab3 .boxs .box2{ padding-top:0px;}
}
@media screen and (max-width: 650px){
	.banners .txt .t p{ font-size:2.8em;}	
	.ab1 .i-tit h4{ font-size:1.4em;}
	.ab1 .ab1-t p{ margin-bottom:4px;}
	.ab1 .ab1-t{ padding-bottom:20px;}
	.ab3 .boxs>*{ width:100%; max-width:100%;}
	.ab3 .boxs{ flex-wrap:wrap;}
	.ab3 .boxs{ margin-top:20px;}
	.ab3 .boxs .box2 .box .tit{ order:0; z-index:3; position:relative;}
	.ab3 .boxs .box.b4 .img:after{ top:-20px;}
    .ab3 .boxs .box2 .box .tit,.ab3 .boxs .box .tit{ padding:14px 0 0 0;}
    .ab3{ padding:60px 0 20px 0;}
}
@media screen and (max-width: 450px){
	.ab2 .his-slider .data{ width:60px; height:60px;}
	.ab2 .his-slider .data h3{ font-size:1.8em;}
	.ab2 .his-slider:after{ top:80px;}
	.ab2 .his-slider .swiper-slide:after{ top:14px; border:4px solid #ec882e;}
	.ab3 .boxs .box .img:after{ width:30px; height:30px;}
}

/*product*/
@media screen and (max-width: 1680px){
	.product-t{ padding:60px 0;}
	.product-t .boxs .box .txt h3{ font-size:1.6em;}
}
@media screen and (max-width: 1450px){
	.product-t .boxs .box .txt{ padding:20px 10px 0 10px;}
	.n-list a{ font-size:1.6em; padding:16px 50px;}
    .n-list a{ margin:5px 10px;}
}
@media screen and (max-width: 1250px){
    .product-t .boxs .box{ width: calc(25% - 10px); margin:10px 5px;}
    .n-list a{ padding:12px 40px;}
}
@media screen and (max-width: 1024px){
	.product-t .boxs .box{ width: calc(33.33% - 10px);}
	.product-t{ padding:40px 0;}
}
@media screen and (max-width: 850px){
	.n-list{ margin:30px 0;}
    .product-t .boxs .box{ width: calc(50% - 10px);}
    div.fy { padding-top:20px;}
    div.fy a ,div.fy span.current,div.fy span.disabled{ margin:2px 2px;padding:4px 8px;}
}
@media screen and (max-width: 650px){
	.n-list a{ font-size:1.4em; padding:6px 20px; border-radius:5px;}
	.product-t .boxs .box .txt h3{ font-size:1.4em;}
}
@media screen and (max-width: 450px){
	.product-t .boxs .box{ width: calc(100% - 10px);}
}

/*productshow*/
@media screen and (max-width: 1680px){
	.productshow{ padding:60px 0;}
    .pro-txt .txts .tit h3{ font-size:2em;}
    .productshow .pro-list a{ font-size:1.6em;}
    .productshow .pro-list{ width:240px;}
    .pro-txt {  padding: 15px; width: calc(100% - 240px);}
}
@media screen and (max-width: 1450px){
    .productshow .pro-list{ padding-right:18px;}	
    .productshow .pro-list a{ padding:12px 40px 12px 12px;}
    .pro-txt .txts .tit h4{ font-size:1.6em;}
    .pro-txt .txts .t p{ font-size:1.4em;}
}
@media screen and (max-width: 1250px){
    .productshow .pro-list a:after{ width:40px; right:-20px;}	
    .productshow .pro-list a{ padding:12px;}
}
@media screen and (max-width: 1024px){
	.productshow .warp{ flex-wrap:wrap;}
	.productshow .pro-list{ width:100%; padding:0;}
	.pro-txt{ width:100%;}
	.productshow .pro-list{ display:flex; justify-content:space-between; margin-bottom:30px;}
	.productshow .pro-list a{ width:calc(33.33% - 10px); margin:5px;}
}
@media screen and (max-width: 850px){
    .productshow{ padding:40px 0;}	
    .productshow .pro-list a{ font-size:1.4em;}
    .pro-txt .txts .color .cs span{ width:16px; height:16px; margin:2px;}
    .pro-txt .txts .btn a{ font-size:1.4em; padding:8px 12px;}
}
@media screen and (max-width: 650px){
	.pro-txt{ flex-wrap:wrap;}
    .pro-txt .imgs,.pro-txt .txts{ width:100%;}
    .pro-txt .txts{ padding:20px 0 0 0;}
    .productshow .pro-list{ flex-wrap:wrap;}
    .productshow .pro-list a{ width:calc(100% - 10px); margin:5px;}
}
@media screen and (max-width: 450px){
	.pro-txt .txts .tit h3{ font-size:1.6em; }
    .pro-txt .txts .tit h4{ font-size:1.4em; margin-bottom:12px;}
}

/*strength*/
@media screen and (max-width: 1680px){
    .str1{ padding:60px 20px;}
    .str1 .tit p{ margin-top:20px;}
    .str2 .txt{ padding:20px 6%;}
    .str3{ padding:80px 0;}
    .str3 .icons{ align-items:center;}
    .str3 .icons .icon img{ width:100px;}
    .str3 .icons{ border-radius:30px;}
    .str4{ padding:80px 0;}
}
@media screen and (max-width: 1450px){
    .str2 .img{ min-height:500px;}	
    .str4 .imgs .img img{ width:140px;}
}
@media screen and (max-width: 1250px){
	.str1 .imgs{ margin-top:30px;}
     .str2 .txt{ padding:20px;}
     .str3,.str4{ padding:60px 0;}
}
@media screen and (max-width: 1024px){
    #m1 .mb .more{ margin-top:40px !important;}	
    .str2 .img{ min-height:400px;}
    .str2 .txt p{ line-height:1.5;}
    .str3 .icons .icon img{ width:80px;}	
    .str4 .imgs .img{ margin-top:20px;}
}
@media screen and (max-width: 850px){
	.str3 .icons .icon img{ width:80px;}	
	.str3 .icons .icon{ padding:40px 30px;}
    .str4 .imgs .img{ width:25%;}
    .str4 .imgs .img:nth-child(5n){ border-right: 1px solid #d8d8d8;}
     .str4 .imgs .img:nth-child(4n){ border-right:none;}
     .str1 .imgs{ flex-wrap:wrap;}
     .str1 .imgs .img{ width:calc(50% - 10px); margin:5px;}
     .str1 .imgs .img:nth-child(3){ display:none;}
    .str2{ flex-wrap:wrap;}
    .str2 .txt{ width:100%; padding:30px 20px;}
    .str2 .img{ width:100%;}
    .str3 .warp{ flex-wrap:wrap;}
    .str3 .warp .tit{ width:100%; margin-bottom:30px;}
    .str3 .warp .i-tit{ margin:0;}
    .str3 .icons .icon{ padding:20px;}
    .str3 .icons{ margin:0 0 0 auto;}
}
@media screen and (max-width: 650px){
	.str1{ padding:40px 20px;}
	.str1 .imgs .img{ width:calc(100% - 10px); margin:5px;}
	.str3 .icons .icon img{ width:60px;}
	.str3,.str4{ padding:40px 0;}
	.str4 .imgs .img{ width:33.33%;}
    .str4 .imgs .img:nth-child(4n){ border-right: 1px solid #d8d8d8;}
     .str4 .imgs .img:nth-child(3n){ border-right:none;}
}

/*equipment*/
@media screen and (max-width: 1680px){
	.equipment { width: calc(100% - 240px);}
}
@media screen and (max-width: 1024px){
	.equipment { width: calc(100%);}
}
@media screen and (max-width: 450px){
    .equipment .img{ width: calc(100% - 10px); margin: 5px;}
    .honor .img{ width: calc(50% - 10px); margin: 5px;}	
}

/*news*/
@media screen and (max-width: 1680px){
    .news-t .dot{ margin-top:50px;}
    .news-t{ padding:50px 0 80px 0;}
    .news-t .dot .txt h3{ font-size:2em; height:64px;   -webkit-line-clamp: 2;}
}
@media screen and (max-width: 1450px){
	.news-t .dot{ margin-top:40px;}
	.news-t .dot .txt{ padding:30px;}
	.news-t .dot .txt span{ font-size:1.6em; padding:8px 20px;}
}
@media screen and (max-width: 1250px){
	.news-t{ padding:40px 0 60px 0;}
	.news-t .dot .txt p { line-height: 24px;  height: 72px; -webkit-line-clamp: 3;}
}
@media screen and (max-width: 1024px){
	.news-t .dot .txt h3{ height:32px;   -webkit-line-clamp: 1; margin-bottom:10px;}
	.news-t .dot .txt p { height: 48px; -webkit-line-clamp: 2;}
	.news-t .dot .txt h4{ margin:10px 0 20px 0;}
	.news-t .dot .txt span{ font-size:1.4em;}
	.news-t{ padding:20px 0 40px 0;}
}
@media screen and (max-width: 850px){
	.news-t .dot .img,.news-t .dot .txt{ width:100%;}
	.news-t .dot a{ flex-wrap:wrap;}
	.news-t .dot .txt{ padding:20px;}
}
@media screen and (max-width: 650px){
	.news-t .dot .txt h3{ font-size:1.6em;}
}


/*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: 1680px){
    .contact-t{ padding:80px 0;}
    .contact-t .ctxt .tl .t2 p{ font-size:2.4em;}
    .contact-t .ctxt{ margin-top:40px;}
    .contact-t .ctxt .tl .td{ padding:30px;}
    .contact-t .ctxt .tt{ padding:50px 40px;}
    .contact-t .ctxt .tt h3{ font-size:2em; margin-bottom:30px;}
    .contact-t .cd .ci{ padding:25px;}
    #container{ height:500px;}
    .map .tip{ top:calc(50% - 100px); left: calc(50% - 100px); width: 200px; height: 200px;}
}
@media screen and (max-width: 1450px){
	.contact-t{ padding:60px 0;}
	.contact-t .cd .ct h4{ font-size:1.6em; margin:5px 0 20px 0;}
    .contact-t .cd .ct p{ font-size:1.8em;}
    .contact-t .cd{ padding:30px;}
    .contact-t .cd .ci img{ width:40px;}
}
@media screen and (max-width: 1250px){
	.contact-t .ctxt .tl .td{ padding:20px;}
	.contact-t .ctxt .tl h3{ margin-bottom:10px;}
	.contact-t .ctxt .tl .t2 p{ font-size:1.8em;}
	.contact-t .ctxt .tt{ padding:30px 20px;}
	.contact-t .ctxt .ti{ width:180px;}
	.contact-t .ctxt .tt { width: calc(100% - 180px);}
	#container{ height:400px;}
    .contact-t .ctxt .tl .td { height: calc(50% - 4px);}
    .contact-t .ctxt .tr{ width: calc(70% - 10px); }
	.contact-t .cd{ padding:20px 10px;}
    .contact-t .cds{ flex-wrap:wrap; margin-top:20px;}
    .contact-t .cd{ width: calc(33.33% - 20px); margin:10px; border-radius:10px;} 
}
@media screen and (max-width: 1024px){
	.contact-t .ctxt .tl .td { border-radius:10px; height: auto; width:calc(50% - 4px); margin:0 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.contact-t .ctxt .tl{ width:100%; margin-bottom:10px;}
	.contact-t .ctxt{ flex-wrap:wrap;}
	.contact-t .ctxt .tr{ width:100%; border-radius:10px;}
	.contact-t .cds{ margin-top:40px;}
	.contact-t .cds{ flex-wrap:wrap;}
	.contact-t .cd{ width: calc(50% - 20px); margin:10px;}
    .contact-t .ctxt .tt h3{ font-size:1.8em; margin-bottom:20px;}
    .contact-t .dot{ width: calc(100% + 10px); margin-left: -5px;}
    .contact-t .dot .d{ width: calc(50% - 10px); margin:0 5px 20px 5px; }
    .contact-t .btn .fc-btn{ margin-top:20px;}
    .contact-t .cd{ width: calc(33.33% - 10px); margin:5px;}
    .contact-t .cd .ct h4{ font-size:1.4em;}
    .contact-t .cd .ct h3{ font-size:1.6em; margin-top:10px;}
    .contact-t .cd .ct p{ font-size:1.6em;}
    .contact-t{ padding:40px 0;}
    .map .tip{ top:calc(50% - 80px); left: calc(50% - 80px); width: 160px; height: 160px;}
}
@media screen and (max-width: 850px){
	.contact-t .ctxt{ margin-top:20px;}
	.contact-t .cd .ct h3{ font-size:1.4em;}
	.contact-t .ctxt .tl .t2 p{ font-size:1.6em;}
}
@media screen and (max-width: 650px){
	.contact-t .dot .d{ width: calc(100% - 10px);}
	.contact-t .cd{ width: calc(50% - 10px);}
}
@media screen and (max-width: 450px){
    .contact-t .ctxt .tl .td{ width:100%; margin-bottom:5px;}
    .contact-t .ctxt .tl h3{ font-size:1.6em; margin-bottom:6px;}
    .contact-t .ctxt .ti{ width:100%; height:300px;}
    .contact-t .ctxt .tr{ flex-wrap:wrap;}
    .contact-t .ctxt .tt{ width:100%;}
    .contact-t .cd{ padding:20px 10px; width: calc(100% - 10px)}
}