@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 .logo,.htop .tip{ padding:20px 0;}
    .header .menu .m-dot>a{ padding:16px 10px;}
    .banner .swiper-slide{ height:740px;}
    .banner .ban1 .txt h3{ font-size:5.2em;}
    .banner .ban2 .txt h3{ font-size:4.2em;}
    .banner .ban1 .txt h4{ font-size:2.8em; margin:30px 0 10px 0;}
    .iab .txts{ padding-right:4%;}
    .iab .txts .dot .d{ padding:10px 14px;}
    .ip{ padding:60px 0;}
    .i-tit h4{ font-size:5.2em;}
    .ip .pbd .t h3{ font-size:2em;}
    .ip .pbd .pt{ padding:16px 0;}
    .iser{ padding:70px 0 50px 0;}
    .inews{ padding:80px 0;}
    .inews .box .tt .td{ padding:20px 20px;}
    .footer{ padding:80px 0 110px 0;}
}
@media screen and (max-width: 1450px) {
	.header .logo,.htop .tip{ padding:14px 0;}
    .header .menu .m-dot>a{ padding:12px 0;}
    .banner .swiper-slide{ height:640px;}
    .banner .ban1 .txt h3{ font-size:4.2em;}
    .banner .ban2 .txt{ margin:8% 0  0 4%;}
    .more{ font-size:1.4em;  padding:8px 12px;}
    .more span{ width:16px; height:16px; font-size:1em; padding:0;transform: translateY(0px);}
    .iab .txts .dot .d h3 span{ font-size:26px;}
    .iab .txts .dot .d p{ font-size:1.4em;}
    .iab .txts .t a{ font-size:1.4em; margin-top:0;}
    .inews .box .tn .txt>span{ font-size:1.4em;}
    .iab{ padding:50px 0;}
    .i-tit h4{ font-size:4.2em;}
    .i-tit h3{ font-size:2.4em;}
    .ip .pbd .t{ padding:8px 5px;}
    .ip .pbd .pt h3{ font-size:1.4em;}
    .ip .pbd .pt h3 span{ width:20px; height:20px;}
    .ip .pbd .pt h3 span:after{ top:5px;}
    .iser .txt .more{ margin-top:12%;}
    .inews .box .tt h4{ margin-bottom:0;}
    .inews .box .tt h3{ margin-bottom:0;}
    .inews .box .tn .txt h3{ font-size:2em;}
    .inews .nbox a{ font-size:1.4em;}
    .footer{ padding:40px 0;}
    .footer .fo1 .logo img{ width:200px;}
}
@media screen and (max-width: 1250px) {
	.header .logo .t h3{ font-size:2em; }
	.header .logo .t p{ transform:scale(0.85); transform-origin : 0 100% 0;}
    .htop .tip .tel h3{ font-size:2em;}
    .header .menu .m-dot>a{ font-size:1.4em; padding:8px 0;}
    .header .menu .m-dot:hover>a:after, #m1 .m1:after, #m2 .m2:after, #m3 .m3:after, #m4 .m4:after, #m5 .m5:after, #m6 .m6:after{ height:3px !important;}
    .header .menu{ border-bottom:5px solid #eee;}
    .banner .swiper-slide{ height:540px;}
    .banner .ban2 .txt h3{ font-size:3.2em; margin-bottom:17px;}
    .banner .ban2 .txt a{ margin-top:20px;}
    .banner .ban1 .txt h4{ font-size:2em; margin-bottom:14px;}
    .banner .ban1 .txt p{ font-size:1.4em;}
    .banner .ban2 .txt h3 span:last-child{ font-size:24px;}
    .banner .ban2 .txt p{ font-size:14px;}
    .banner .ban1 .txt h3{ font-size:3.2em;}
    .banner .ban1 .txt a{ margin-top:20px;}
    .iab .iabv:after{ top:calc(50% - 35px); left: calc(50% - 35px); width: 70px; height: 70px; }
    .iab .txts .t{ margin-bottom:20px;}
    .ip .plist .pl .plt h3{ padding:8px 12px;}
    .ip .plist .pl{ margin-bottom:20px;}
    .ip .pbd .pt{ padding:8px 0;}
    .inews{ padding:40px 0 60px 0;}
    .inews .box .tt p { height: 24px; -webkit-line-clamp: 1;}
    .inews .box .tt h4{ font-size:1.6em;}
    .footer .fo2 .fs{ margin:10px 0;}
    .header .menu .m-dot>a{ width:140px;}
	
	.header .menu .m-dot .md{  border-top:3px solid #eb6200;}
}
@media screen and (max-width: 1024px) {
    .header .menu,.header .logo .t{ display:none;}
    .header .logo{ padding:10px 0;}
    .header .logo img{ width:140px;}
    .htop .tip{ display:none;}
    .banner .swiper-slide{ height:440px;}
    .banner .ban1 .txt h3{ font-size:2.4em;}
    .banner .ban1 .txt h4{ margin:10px 0; font-size:1.4em;}
    .banner .ban2 .txt h3{ font-size:2.4em;}
    .banner .ban2 .txt h3 span:last-child{ font-size:18px;}
    .iab .warp{flex-wrap: wrap;}
    .iab .txts{ width:100%;  padding:0; margin-bottom:30px;}
    .ip{ padding:40px 0;}
    .i-tit h4{ font-size:3.6em;}
    .i-tit h3{ font-size:2em;}
    .ip .plist .pl{ width:240px;}
    .ip .pbd{ width: calc(33.33% - 30px); margin: 0 15px;}
    .ip .pbd:nth-child(4){ display: none;}
    .iser{ padding:50px 0;}
    .iser .txt{ width:100%; padding:0; margin-bottom:40px;}
    .iser .txt .more{ margin-top:20px;}
    .iser .warp{ display:block; }
    .iser .img{ width:100%;}
    .inews .box .nt{ display:block;}
    .inews .box .tn{ width:100%; margin-top:30px;}
    .inews .box .tt{ width:100%; padding:0;}
    .footer .fo1,.fsreach{ display:none;}
    .footer .fo2 .txt{ text-align:center;}
    .footer .fo2 .fs{ display:none;}
    .footer{ padding:20px 0;}
    .footer .fo2{ width:100%; display:block;}
}
@media screen and (max-width: 850px) {
	.banner .swiper-slide{ height:340px;}
	.banner .ban1 .txt a,.banner .ban2 .txt a{ display:none;}
    .banner .ban2 .txt{ margin:40px 0 0 20px;}
    .iab .txts .dot .d h3 span{ font-size:20px;}
    .iab .txts .dot .d img{ width:18px; margin-bottom:-4px;}
    .ip .plist .pl .plt h3{ padding:4px;}
    .ip .plist .pl .plt{ margin-top:20px;}
    .ip .plist .pl .plt:after{ width:6px; height:6px; background-size:100%; top:12px; right:10px;}
    .ip .pbd{ width: calc(50% - 30px); margin: 10px 15px;}
    .ip .pbd:nth-child(4){ display: block;}
    .bottomlist ul li img{ width:25px; height:25px; }
    .footer{margin-bottom:37px;}
}
@media screen and (max-width: 650px) {
	.banner .swiper-slide{ height:240px;}
    .inews{ padding:40px 0;}
    .banner .ban1 .txt{ margin-top:20px;}
    .banner .ban1 .txt h3{ font-size:2em;}
    .banner .ban2 .txt{ margin-top:20px;}
}
@media screen and (max-width: 450px) {
	.banner .ban2{ background-position:60% 0;}
	.banner .ban2 .txt h3{ margin-bottom:0px;}
	.banner .ban1 .txt{ width:100%;}
	.iab{ padding:40px 0;}
	.iab .txts .t a{ padding:8px 8px;}
	.iab .txts .dot .d{ padding:2px;}
	.iab .iabv:after{ top:calc(50% - 25px); left: calc(50% - 25px); width: 50px; height: 50px; }
	.i-tit h4{ font-size:2.4em;}
	.ip .pbd{ width: calc(100% - 10px); margin: 5px 5px;}
	.ip .pbd .t h3{ font-size:1.8em;}
	.iser{ padding:40px 0;}
	.inews .box .tt .td{ padding:10px 5px;}
	.inews .box .tn a{ display:block;}
	.inews .box .tn .img{ width:100%; margin-bottom:20px;}
	.inews .box .tn .txt{ width:100%;}
	.inews .box .tn .txt h4{ margin:10px 0;}
	.inews .box .tn .txt h3{ font-size:1.6em; height:24px; line-height: 24px; -webkit-line-clamp: 1;}
	.inews .box .tn .txt>span{ padding:8px; margin:20px 0;}
	.inews .box .tt h3{ font-size:1.4em;}
}

/*about*/
@media screen and (max-width: 1680px) {
	.banners,.banners .warp{ height:550px;}
	.ab1{ padding:70px 0;}
    .tits h3{ font-size:3.2em;}
}
@media screen and (max-width: 1450px) {
	.banners .txt h3{ font-size:2.6em;}
	.banners .txt{ padding-left:4%;}
	.banners .warp:after{ font-size:6.8em;}
	.banners,.banners .warp{ height:450px;}
    .ab3 .time-txt .box p{ font-size:1.6em;}
    .ab3 .time-txt .box h3{ font-size:5.2em;}
    .ab4,.ab3{ padding:80px 0;}
    .ab4 .swiper-slide .t h3{ font-size:1.8em; }
    .ab4 .swiper-slide .t p{ font-size:2.8em;}
    .tits h3{ font-size:2.8em;}
}
@media screen and (max-width: 1250px) {
	.banners .txt{ padding-left:0%;}
	.banners .txt h4{ font-size:2em;}
	.banners .warp:after{ font-size:4.2em;  padding-right:40px;}
	.tits h3{ font-size:2.4em;}
	.tits p{ font-size:1.4em;}
	.ab1 .txts .ab1t p{ margin-top:10px;}
	.ab2 .imgs{ margin-top:30px;}
	.ab2 .swiper .swiper-pagination{ width:70%;}
}
@media screen and (max-width: 1024px) {
	.banners,.banners .warp{ height:350px;}
	.banners .txt h3{ font-size:2.4em;}
    .banners .txt h4{ font-size:1.8em;  margin:10px 0; padding:0;}
    .ab1 .txts .txt{ padding-right:20px;}
    .ab1 .txts .dtxt .tip h3{ font-size:1.4em;}
    .ab1 .dt .d .i img{ width:30px;}
    .ab2{ padding:60px 0;}
    .ab3 .time-txt .box h3{ font-size:4.2em;}
    .ab3 .tld p{ font-size:1.6em; margin-top:10px;}
    .ab4, .ab3{ padding:60px 0;}
    .ab4 .swiper-slide .t h3{ font-size:1.6em; }
    .ab4 .swiper-slide .t p{ font-size:2.4em;}
    .ab4 .btns{  --swiper-navigation-size: 40px; }
    .ab4 .swiper-slide:after{ height: 0;}
    .ab4 .swiper-slide .t:after,.ab4 .swiper-slide .t{ right:0;}
    .ab4 .swiper-slide .t{ padding:10px;}
    .ab4 .abe-slider{ padding:20px 0 10px 0;}
    .ab5 img{ width:60px;}
    .ab1 .txts .dtxt .tip{ padding:20px 0;}
    .ab3 .deve-dots:after{ height:140%; width:140%; left:-20%; top:20%;}
}
@media screen and (max-width: 850px) {
    .ab3 .tld p{ font-size:1.4em; margin-top:0}	
    .banners .txt p{ display:none;}
    .banners .txt h3{ font-size:2em;}
    .banners .txt h4{ font-size:1.4em;}
    .banners .warp:after{ font-size:3.6em; bottom:20px;}
    .ab1{ padding:50px 0;}
    .tits h3{ font-size:2em;}
    .ab1 .txts{ display:block;}
    .ab1 .txts .txt{width:100%; margin-bottom:20px;}
    .ab1 .txts .img{  width:100%; text-align:right;}
    .ab1 .txts .img img{max-width:500px;}
    .ab2 .swiper .swiper-pagination{ width:60%;}
    .ab3 .time-txt .box h3{ font-size:3.2em; margin-right:0px;}
    .ab3 .time-txt .box p{font-size:1.4em; line-height:1.5; margin-bottom:6px; padding-left:8px;}
    .ab3 .time-txt .box p:after{ left:-1px; top:8px;}
    .ab3 .time-txt .box{ display:block; padding-bottom:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}
@media screen and (max-width: 650px) {
	.banners,.banners .warp{ height:250px;}
	.ab1{ padding:40px 0;}
	.ab1 .txts .txt{ padding:0;}
	.ab2{ padding:40px 0;}
    .ab2 .swiper .swiper-pagination{ width:40%;}
    .ab4, .ab3{ padding:40px 0;}
    .ab3 .tld p{ transform:scale(0.8);}
    .ab4 .swiper-slide .t h3{ font-size:1.4em; }
    .ab4 .swiper-slide .t p{ font-size:1.8em;}
    .banners .warp:after{ font-size:2.4em; bottom:20px;}
}

/*product*/
@media screen and (max-width: 1680px) {
	.product-t .pb{ width: calc(100% + 30px); margin-left: -15px;}
    .product-t .pbd{ width: calc(33.33% - 30px); margin: 15px;}
    .product-t .pbd .pt{ padding:12px 0;}
}
@media screen and (max-width: 1450px) {
    .nlist a{ padding:12px 4%;}
    .product-t .pbd .t{ padding:10px 5px;}
    .product-t .pbd .t h3{ font-size:2em;}
    .product-t .pbd .pt h3 span{ width:20px; height:20px; padding:0;}
	.productshow .n-top .nlist a,.product-t .n-top .nlist a{ padding: 10px 18px;}
}
@media screen and (max-width: 1250px) {
	.product-t{ padding:60px 0;}
	.nlist a{ font-size:1.4em; padding:8px 3%;}
	.product-t .pbd .pt h3{ font-size:1.4em;}
	.product-t .n-top{ padding-bottom:20px;}
	.productshow .n-top .nlist,.product-t .n-top .nlist{ width: 100%; justify-content: center; margin-top: 40px;}
}
@media screen and (max-width: 1024px) {
	.product-t .n-top{ display:block;}
	.nlist{ width:100%; margin-top:20px; flex-wrap:wrap;}
	.product-t .pb{ width: calc(100% + 10px); margin-left: -5px;}
    .product-t .pbd{ width: calc(33.33% - 10px); margin: 5px;}
    .product-t .pbd .t h3{ font-size:1.6em;}
	.productshow .n-top .nlist a,.product-t .n-top .nlist a{ padding: 8px 14px;}
}
@media screen and (max-width: 850px) {
	 .product-t .pbd{ width: calc(50% - 10px);}
	.productshow .n-top .nlist a,.product-t .n-top .nlist a{
		padding: 6px 12px; min-width: 42%; text-align: center;}
	.productshow .n-top .nlist,.product-t .n-top .nlist{ width: 100%; justify-content: center; margin-top: 20px;}
}
@media screen and (max-width: 650px) {
	.product-t .pbd{ width: calc(100% - 10px);}
	.product-t{ padding:40px 0;}
	div.fy{ padding-top:20px;}
}

/*productshow*/
@media screen and (max-width: 1680px) {
	.n-top{ padding-bottom:60px;}
	.pst{ padding:20px;}
    .productshow{ padding:60px 0;}
}
@media screen and (max-width: 1450px) {
	.pst .txt h4{ font-size:2.4em;}
	.pst .txt h3{ font-size:2em;}
	.productshow .pmore .tits h3{ font-size:2.8em;}
	.productshow .pmore .pmd .txt h3{ font-size:1.8em;}
	.productshow .pmore .pmd .txt h4{font-size:1.4em;}
}
@media screen and (max-width: 1250px) {
	.pst .txt{ padding:20px;}
	.pst .txt h4{ font-size:2em;}
	.pst .txt h3{ font-size:1.8em;}
    .pst .txt p{ font-size:1.4em;}
    .pstable table tr td{ font-size:1.4em;}
	.productshow .pmore .tits h3{ font-size:2.2em;}
}
@media screen and (max-width: 1024px) {
	.n-top{ display:block;}
	.pst{ padding:0; display:block; margin:0 auto 20px auto; max-width:660px;}
	.pst .img{ width:100%; padding:20px;}
	.pst .txt{ width:100%;}
	.pstable{ overflow-x:scroll;}
	.pstable table{ min-width:1100px;}
    .productshow .btn a{ font-size:1.4em;}
    .pstable table tr td{ padding:8px;}
    .n-top{ padding-bottom:40px;}
	.productshow .pmore .pmd{ width: calc(50% - 20px);}
}
@media screen and (max-width: 850px) {
    .productshow{ padding:40px 0;}
    .pst .img{ padding:10px;}
    .pst .txt h4{ font-size:1.8em;}
    .pst .txt h3{ font-size:1.4em; margin-bottom:10px;}
    .productshow .btn{ margin-top:20px;}
}
@media screen and (max-width: 650px) {
	.productshow .pmore .tits h3{ font-size:1.8em;}
	.productshow .pmore .pmd{ width: calc(100% - 20px);}
	.productshow .pmore .pmd .txt{ padding:12px;}
	.productshow .pmore .pmd .txt h3{ font-size:1.6em; line-height:20px; height:20px;}
}

/*news*/
@media screen and (max-width: 1680px) {
	.news-t .nbox .date h3{ font-size:4.2em;}
    .news-t .nbox .txt h3{ font-size:2em; margin:25px 0;}
    .news-t .nbox{ padding:30px 0;}
}
@media screen and (max-width: 1450px) {
	.news-t .nbox .txt{ width:60%;}
    .news-t .nbox .txt h3{ font-size:1.8em; margin:15px 0;}
    .news-t .nbox .date h3{ font-size:3.6em;}
}
@media screen and (max-width: 1250px) {
	.news-t .nbox .txt .l{ font-size:1.4em; padding:4px;}
	.news-t .nbox .txt .a{ height:27px;}
	.news-t{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.news-t .nbox a{ flex-wrap:wrap; }
	.news-t .nbox .txt{ width:100%; margin-top:20px;}
	.news-t .nbox .txt h3{ font-size:1.4em; margin:0;}
	.news-t .nbox .img{ width:40%;}
	.news-t .nbox .date{ width:200px;}
}
@media screen and (max-width: 850px) {
	.news-t .nbox .img{ width:calc(100% - 240px);}
	.news-t .nbox{ padding:12px 0;}
	.news-t{ padding:40px 0;}
}
@media screen and (max-width: 650px) {
	.news-t .nbox .img{ width:calc(100%);  margin:10px 0 0 0;}
	.news-t .nbox .date h3{ font-size:2.4em; height:auto;}
	.news-t .nbox .date .d span{ width:12px; height:12px;}
    div.fy a,div.fy span.current,div.fy span.disabled{ padding:4px 8px; }
}

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

/*service*/
@media screen and (max-width: 1680px) {
	.ser1 .txts .t2 h3{ font-size:6.2em;}
	.ser1 .txts .t h4{ font-size:3.2em;}
	.ser1{ padding:80px 0;}
	.ser2{ padding:80px  0 100px 0;}
	.ser2 .dots{ margin-top:60px;}
	.ser3 .txt .tb h3{ font-size:3.2em; margin-top:20px;}
	.ser4 .dots .dot .img img{ width:80px;}
    .ser4 .dots .dot .t h3{ font-size:2em; margin:10px 0;}
    .ser4 .ser4-t{ margin:30px 0;}
    .ser5 .txts .t1 h3 span{ font-size:1.6em;}
    .ser5{ padding:80px 0;}
}
@media screen and (max-width: 1450px) {
	.ser1 .txts .t2{ padding:10px;}
	.ser1 .txts .t2 h3{ font-size:5.2em;}
    .ser1 .txts .t h4{ font-size:2.8em; padding:0 50px;}
    .ser2 .dots .dot .t1 p{ font-size:2.4em; }
    .ser3{ padding:60px 0;}
    .ser3 .txt .tb h3{ font-size:2.8em;}
    .ser4 .dots .dot .img img{ width:60px;}
     .ser5 .txts .t1 h3 span{ font-size:1.4em;}
    .ser5 .txts .t4 p{ margin-top:0;}
    .ser5 .btns{  --swiper-navigation-size: 50px; }
}
@media screen and (max-width: 1250px) {
	.ser1{ padding:60px 0;}
	.ser1 .txts .t2 h3{ font-size:4.2em;}
	.ser3 .txt .tb h3{ font-size:2.4em; margin-top:10px;}
	.ser3 .txt .dot{ margin:40px 0;}
	.ser4{ padding:80px 0;}
}
@media screen and (max-width: 1024px) {
    .ser1 .txts .t1{ margin-top:40px;}	
    .ser1 .txts .t h4{ font-size:2.4em;}
    .ser1 .txts .t2{ margin-top:20px;}
    .ser2{ padding:60px 0;}
    .ser2 .dots{ max-width:740px; width:100%;  margin:30px auto 0 auto; flex-wrap:wrap; }
    .ser2 .dots .dot{ max-width: calc(50% - 20px); margin:10px 10px; width:350px;}
    .ser2 .dots .dot .t1{ left:0;}
    .ser3 .txt{ width:100%;}
    .ser3 .txt .dots{  display:flex;}
    .ser3 .txt .dots .dot{ width:50%; margin:0 0 30px 0;}
    .ser3 .ser-img{ width:100%;}
    .ser4 .dots .dot .img img{ width:40px;}
    .ser4 .dots .dot .img{ padding:15px;}
    .ser4 .dots .dot .t h3{ font-size:1.6em;}
    .ser4 .dots{ flex-wrap:wrap;}
    .ser4 .dots .dot{ width: calc(50% - 40px); margin-bottom:20px;}
    .ser4{ padding:60px 0 20px 0;}
    .ser5{ padding:60px 0;}
    .ser5 .txts a{ font-size:1.4em;}
}
@media screen and (max-width: 850px) {
	.ser1 .txts{ flex-wrap:wrap;}
    .ser1 .txts .txt{ width:100%; padding:0;}
    .ser1 .txts .t2{ width:100%;  margin-bottom:20px;}
    .ser1 .txts .t2 h3{ font-size:2.4em;}
    .ser1 .txts .img{ width:100%;}
    .ser2 .dots .dot .t1{ padding:12px;}
    .ser2 .dots .dot .t1 h3{ font-size:1.6em;}
    .ser2 .dots .dot .t1 p{ font-size:2em;}
    .ser3 .txt .tb h3{ font-size:2em;}
}
@media screen and (max-width: 650px) {
	.ser1{ padding:40px 0;}
	.ser1 .txts .t h4{ font-size:1.8em;}
	.ser1 .txts .t h4:after{ top:-05px; left: 0px; }
    .ser1 .txts .t h4:before{ bottom:0px; right: 0px; }
    .ser1 .txts .t1 p{ margin-top:20px;}
    .ser2 .dots .dot{ max-width: calc(100% - 20px); }
    .ser3 .txt .tb h3{ font-size:1.6em;}
    .ser3 .txt .dots{ display:block; }
    .ser3 .txt .dots .dot{ width:100%;}
    .ser3 .txt .d .t h3{ font-size:1.4em;}
    .ser4 .dots .dot{ width:100%;}
    .ser5 .txts .swiper-slide{ padding:10px;}
    .ser5 .txts .t1 h3 span{ font-size:1.2em;}
    .ser5 .txts .t4{ margin-top:20px;}
    .ser5 .btns{  --swiper-navigation-size: 30px; }
}

/*contact*/
@media screen and (max-width: 1680px) {
	.contact-t{ padding:60px 0;}
	.c1t .dots{ padding:40px 0;}
	.c1t .dots .dot p{ font-size:3.2em;}
	.c1t .dots .dot h3{ font-size:2em;}
    #container{ height:550px;}
    .c2t{ padding:60px 0 0 0;}
    .c2t input, .c2t textarea{ font-size:1.4em; padding:10px 20px 10px 60px;}
    .c2t .dot .d{ width: calc(50% - 10px); margin:10px 5px;}
    .c2t .dot{ width: calc(100% + 10px); margin:40px 0 0 -5px; }
    .c2t .d h3{ margin-bottom:4px;}
    .c2t .btn .fc-btn{ margin:40px 0 0 0; padding:12px 20px;}
}
@media screen and (max-width: 1450px) {
	.c1t .dots .dot p{ font-size:2.4em;}
	.c1t .dots .dot img{ width:50px;}
}
@media screen and (max-width: 1250px) {
	#container{ height:450px;}
	.c2t textarea{ background-position: 10px 10px !important;}
	.c2t input, .c2t textarea{ font-size:1.4em; padding:10px 20px 10px 40px;}
	.c2t input{ background-position:10px center !important;}
	.c1t .dots .dot p{ font-size:2em;}
	.c1t .dots .dot h3{ font-size:1.8em;}
}
@media screen and (max-width: 1024px) {
	#container{ height:350px;}
	.c2t .dot{ margin-top:20px;}
	.c2t .btn .fc-btn{ padding:8px 20px;}
}
@media screen and (max-width: 850px) {
	.c1t .dots .dot img{ width:40px;}
	.c1t .dots .dot h3{ font-size:1.6em;}
	.c1t .dots .dot p{ font-size:1.8em;}
	.map .tip img{ width:120px;}
	.c2t input, .c2t textarea{ background-size:16px !important;}
	.c2t input, .c2t textarea{ padding:5px 20px 5px 32px;}
    .c2t{ padding:40px 0 0 0;}
    .c2t .btn .fc-btn{ font-size:1.4em;}
}
@media screen and (max-width: 650px) {
    .c1t .dots .dot h3{ font-size:1.4em;}	
    .c1t .dots .dot p{ font-size:1.6em;}
    .c2t .btn .fc-btn{ margin-top:20px;}
    .contact-t{ padding:40px 0;}
    .c2t .d h3{ font-size:1.4em;}
    .c2t .dot .d{ width: calc(100% - 10px); margin:0 5px 5px 5px;}
}
@media screen and (max-width: 450px) {
	.c1t .dots{ padding:0px 0 20px 0; display:block;}
	.c1t .dots .dot{ margin:20px 0 0 0;}
}