@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) {
	.header .m-list>a{ padding:35px 20px;}
	.header .ms{ padding:33px 10px;}
	.banner .swiper-pagination-bullet{ width:80px;}
	.iab{ padding:100px 0 140px 0;}
	.iab .txts{ margin-bottom:80px;}
	.iab .txts .tit h3,.ipl .tit h3,.iab2 .txts .txt h3,.inews .left h3{ line-height:72px; font-size:6.4em;}
	.ipl{ padding:140px 0 160px 0;}
	.iab2{ padding:120px 0 80px 0;}
	.itq .tit h4{ font-size:11em;}
	.itq .tit h3{ margin-bottom:-110px;}
	.itq .tit{ padding:90px 0 60px 0;}
	.inews{ padding:120px 0;}
	.footer .fo0 .warp{ padding:60px 20px 30px 20px;}
	.footer .fo2{ padding:30px 0;}
}
@media screen and (max-width: 1440px) {
	.header .m-list>a { padding: 25px 15px; font-size:1.4em;}
	.header .logo>a>img{ padding:8px 10px; width:240px;}
	.header .ms{ padding:26px 10px;}
	.header .ms img{ width:18px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px;}
	.banner .swiper-pagination-bullet{ height:4px;}
	.iab .txts .tit h3,.ipl .tit h3,.iab2 .txts .txt h3,.inews .left h3{ line-height:60px; font-size:5.2em;}
	.iab .txts .tit p{ font-size:2.4em; line-height:32px;}
	.iab .txts .tit span{ margin-bottom:25px;}
	.iab{ padding:100px 0;}
	.iab .txts .txt h3{ font-size:2em;}
	.ipl .plt .gallery-thumbs{ margin-top:-22%;}
	.ipl{ padding:120px 0;}
	.iab2{ padding:100px 0 80px 0;}
	.iab2 .txts:after{ font-size:14em;}
	.iab2 .txts .txt,.inews .left{ padding:0 40px 0 80px;}
	.itq .tit h3{ font-size:4em; margin-bottom:-90px; margin-left:120px;}
	.itq .tit h4{ font-size:10em;}
	.itq .dot .txt h3{ font-size:2.8em;}
	.itq .dot .txt p{ line-height:20px;}
	.inews{ padding:100px 0;}
	.footer .fo0 .fm a{ margin-left:50px;}
	.footer .fo0 .fi img{ width:200px;}
	.footer .fo0 .fm{ margin-top:100px;}
}
@media screen and (max-width: 1250px) {
	.banner .swiper-pagination-bullet{ width:60px;}
	.iab,.iab2,.ipl{ padding:80px 0;}
	.ipl .plt .gallery-top img{ max-width:90%;}
	.iab .txts .tit h3,.ipl .tit h3,.iab2 .txts .txt h3,.inews .left h3{ line-height:52px; font-size:4.6em;}
	.iab .txts{ margin-bottom:50px;}
	.ipl .plt .gallery-thumbs .swiper-slide{ padding:24px 0;}
	.ipl .plt .gallery-thumbs{ height:520px;}
	.ipl .plt .gallery-thumbs .swiper-slide h3{ font-size:2em;}
	.itq .tit{ padding:60px 0;}
	.itq .tit h4{ font-size:8em;}
	.itq .tit h3{ font-size:3.2em;  margin-bottom:-70px; margin-left:14%;}
	.itq .dot .txt h3{ font-size:2em; margin:10px 0; line-height:24px;}
	.itq .dot .txt{ padding:30px 20px;}
	.inews .right{ padding-left:0;}
	.inews .left p{ font-size:2.4em;}
	.footer .fo0 .warp{ padding:30px 20px;}
	.footer .fo1 .txt h3{ margin-bottom:15px;}
	.footer .fo1 .two .img{ margin-bottom:25px;}
	.footer .fo0 .fm a{ margin-left:20px;}
	.footer .fo1 .txt{ width:50%;}
	.footer .fo1 .two .t .fst{ width:240px;}
}
@media screen and (max-width: 1024px) {
	.header .m-list,.footer .fo1,.footer .fo0{ display:none;}
	.footer .fo2{ padding:15px 0; border:none;}
	.banner .swiper-slide img{ width:130%; margin-left:-15%;}
	.iab .txts .tit h3,.ipl .tit h3,.iab2 .txts .txt h3,.inews .left h3{ line-height:48px; font-size:4.2em;}
	.iab .txts .tit p{ font-size:2em; line-height:24px;}
	.ipl .plt .gallery-thumbs .swiper-slide h3{ font-size:1.8em; line-height:24px; width:calc(100% - 80px);}
	.ipl .plt .gallery-thumbs .swiper-slide h4{ display:none;}
	.iab2 .txts .txt, .inews .left{ padding:0 40px 0 0;}
	.itq .tit h4{ font-size:6em;}
	.itq .tit h3{ font-size:2.4em; margin-bottom:-50px; margin-left:10%;}
	.inews .news1-slider .swiper-slide .txt p { width: 100%; -webkit-line-clamp: 2; height: 48px;}
	.inews .news1-slider .swiper-slide .txt{padding: 10px 20px;}
	.inews .news1-slider .swiper-slide .date h3{ font-size:4em; padding:15px 0 30px 0;}
	.inews .news1-slider .swiper-button-next, .inews .news1-slider .swiper-button-prev{ width:40px; height:30px; background-size:60%;}
	.inews .news1-slider .btns{ right:20px; width:100px; bottom:20px;}
	.inews .news1-slider{ padding-bottom:60px;}
	.inews .left p{ font-size:2em; line-height:24px;}
	.joinshow .txt .t1 p{ width:100%;}
}
@media screen and (max-width: 850px) {
	.header .logo>a>img{ width:160px; padding:10px 0;}
	#hamburger{ top:20px; right:20px;}
	.banner .swiper-pagination-bullet{ width:40px; height:2px;}
	.iab, .iab2, .ipl{ padding:60px 0;}
	.iab .txts .tit{ width:100%; margin-bottom:30px;}
	.iab .txts .tit h4{ margin:10px 0;}
	.iab .txts .tit p{ font-size:1.6em;}
	.iab .txts .txt{ width:100%; }
	.iab .txts .txt h3{ font-size:1.6em; margin-bottom:10px;}
	.iab .txts .tit h3, .ipl .tit h3, .iab2 .txts .txt h3, .inews .left h3{ font-size:3.2em; line-height:36px;}
	.ipl .tit h4{ font-size:1.4em;}
	.ipl .plt{ margin-top:50px;}
	.ipl .plt>*{ float:none; width:100%;}
	.ipl .plt .gallery-thumbs{ margin-top:40px; height:420px;}
	.ipl .plt .gallery-thumbs .swiper-slide{ height:fit-content;}
	.iab2 .txts:after{ font-size:10em;}
	.iab2 .txts .txt{ width:100%; margin-bottom:30px;}
	.iab2 .txts .img{ width:100%;}
	.itq .tit h4{ font-size:4em;}
	.itq .tit h3{ margin-bottom:0; width:100%; margin-left:0;}
	.itq .tit{ padding:30px 0;}
	.itq .dot{ width:100%;}
	.inews{ padding:60px 0;}
	.inews .left{ width:100%; margin-bottom:40px;}
	.inews .left span{ margin-bottom:25px;}
	.inews .left h4{ margin:10px 0;}
	.inews .right{ width:100%;}
	.inews .news1-slider .swiper-slide .date h3{ font-size:3.2em;}
	.inews .news1-slider .swiper-slide .txt h3{ font-size:1.6em; margin-bottom:5px;}
}
@media screen and (max-width: 650px) {
	.iab, .iab2, .ipl{ padding:40px 0;}
	.iab .txts .tit span{ margin-bottom:15px;}
	.iab .txts{ margin-bottom:30px;}
	.footer .fo2 p{float:none; display:inline;}
	.footer .fo2 p:last-child{ float:none; margin-left:12px;}
	.inews .news1-slider .swiper-slide:hover .txt h3{font-size: 1.6em; }
	.bottomlist ul li img{ width:25px; height:25px;}
	.footer{ margin-bottom:37px;}
}
@media screen and (max-width: 450px) {
	.iab .txts .tit h3, .ipl .tit h3, .iab2 .txts .txt h3, .inews .left h3{ font-size:2.4em; line-height:28px;}
	.iab .txts .tit span{ height:10px;}
	.iab .txts .tit p{ font-size:1.4em; line-height:16px;}
	.iab .txts .txt h3{ font-size:1.4em; line-height:24px;}
	.iab .txts .txt p{ line-height:20px;}
	.ipl .tit h3{ margin-bottom:10px;}
	.ipl .plt .gallery-top img{ max-width:100%;}
	.ipl .plt .gallery-thumbs .swiper-slide{ padding:12px 0;}
	.ipl .plt .gallery-thumbs .swiper-slide h3{ font-size:1.6em;}
	.ipl .plt .gallery-thumbs{ height:240px;}
	.ipl .plt .gallery-thumbs .swiper-scrollbar-drag{ width:6px; margin-left: -1px;}
	.iab2 .txts .txt, .inews .left{ padding:0;}
	.iab2 .txts .txt h4{ font-size:1.4em; margin-top:10px;}
	.iab2 .txts .txt p{ line-height:20px;}
	.itq .tit h4{ font-size:3.2em;}
	.itq .tit h3{ font-size:2em;}
	.inews .left span{ margin-bottom:15px; height:10px;}
	.inews .left p{ font-size:1.6em; line-height:20px;}
	.inews .news1-slider .swiper-slide .btn{ opacity:0.6;}
	.inews .news1-slider .swiper-slide .date{ width:60px; padding:10px 4px;}
	.inews .news1-slider .swiper-slide .date h3{ font-size:2.4em; padding:10px 0;}
	.inews .news1-slider .swiper-slide .txt{ padding:4px 10px;}
	.inews .news1-slider .swiper-slide .txt h3{ font-size:1.4em; line-height:20px; height:20px;}
	.inews .news1-slider .swiper-slide .btn img{ width:14px; padding:0 10px;}
	.inews .news1-slider .swiper-slide .txt p{ height:40px; line-height:20px;}
	.inews .news1-slider .btns{ width:100%; right:0;}
	.inews{ padding:40px 0;}
}

/*news*/
@media screen and (max-width: 1600px) {
	.banners,.banners .txts{ height: 500px;}
	.banners .txt h3{ font-size:5.2em;}
	.banners .txt h4{ font-size:2em;}
	.news-t{ padding:80px 0 60px 0;}
	.news-t .n2{ margin-top:80px;}
}
@media screen and (max-width: 1440px) {
	.banners,.banners .txts{ height: 450px;}
	.news-t .n2 .dot { width: calc(33.33% - 30px);  margin: 0 15px;}
	.news-t .n2 { width: calc(100% + 30px); margin-left: -15px;}
}
@media screen and (max-width: 1250px) {
	.banners,.banners .txts{ height: 400px;}
	.banners .txt h3{ font-size:4.2em;}
	.banners .txt h4{ font-size:1.6em;}
	.news-t .n1 .txts .dot a{ padding:20px 0;}
	.fy2{ margin-top:40px;}
}
@media screen and (max-width: 1024px) {
	.news-t{ padding:60px 0;}
	.news-t .n1 .txts{ padding-left:20px;}
	.news-t .n1 .txts .dot a .date{ width:80px;}
	.news-t .n1 .txts .dot a .date h3{ font-size:4.2em; margin-bottom:4px;}
	.news-t .n1 .txts .dot a .date h4{ font-size:1.6em;}
	.news-t .n1 .txts .dot a .t h3{ font-size:1.6em; line-height:28px; height:28px; margin-bottom:4px;}
	.news-t .n1 .txts .dot a .t p{ line-height:20px; height:40px;}
	.news-t .n1 .txts .dot a span{ width:60px;}
	.news-t .n1 .txts .dot a span img{ width:12px;}
	.news-t .n2 .dot .txt{ padding:10px 10px 0 10px}
	.news-t .n2 .dot .txt h3{ line-height:20px; height:40px;}
	.news-t .n2 .dot .txt .t{ margin-top:25px;}
}
@media screen and (max-width: 850px) {
	.banners,.banners .txts{ height: 300px;}
	.banners .txt h3{ font-size:2.8em;}
	.news-t .n1 .img{ max-width:600px; margin:0 auto 30px auto; width:100%; float:none;}
	.news-t .n1 .txts{ width:100%; padding-left:0; float:none; max-width:600px; margin:0 auto;}
	.news-t .n1 .txts .dot:hover{ width: 100%; margin-left: 0%;}
	.news-t .n2 .dot { float:none;  max-width:400px; margin:30px auto 0 auto; width: 100%; }
	.news-t .n2 { width: 100%;  margin:30px 0 0 0; }
	.fy2{ text-align:center; margin-top:30px;}
}
@media screen and (max-width: 450px) {
	.banners .txt h4{ font-size:1.4em; line-height:20px;}
	.banners,.banners .txts{ height: 240px;}
	.news-t{ padding:40px 0;}
	.news-t .n1 .txts .dot a{ padding:10px 0;}
	.news-t .n1 .txts .dot a span{ display:none;}
	.news-t .n2{ 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;}
}


/*recruitment*/
@media screen and (max-width: 1800px) {
	.recruitment-t .join .left form{ max-width:65%;}
}
@media screen and (max-width: 1600px) {
	.recruitment-t .rec-line .warp2>h3{ padding-top:100px;}
	.recruitment-t .rec-line .warp2>h3{ font-size:5.2em; line-height:60px;}
	.recruitment-t .rec-line .warp2 .tit{ padding-top:80px;}
	.recruitment-t .join .left form{ max-width:75%;}
}
@media screen and (max-width: 1440px) {
	.recruitment-t .rec-line .warp2>h3{ padding-top:80px;}
	.recruitment-t .rec-line .warp2>h3{ font-size:4.2em; line-height:50px; margin-bottom:16px;}
	.recruitment-t .rec-line .warp2>p{ font-size:1.6em; line-height:24px;}
	.recruitment-t .rec-line .warp2 .tit h3{ font-size:3.2em; margin-bottom:6px;}
	.recruitment-t .rec-line .warp2 .tit h4{ font-size:1.8em; line-height:32px;}
	.recruitment-t .join .left form{ max-width:90%;}
	.recruitment-t .join .right .dots .dot{ padding:40px;}
	.recruitment-t .join .right .dots .dot h3{ margin-bottom:20px;}
	.recruitment-t .join .right .dots .dot .do{ margin-bottom:10px;}
	.recruitment-t .join .left .fc-input{ padding:6px 10px;}
}
@media screen and (max-width: 1250px) {
	.recruitment-t .rec-line .warp2>h3{ font-size:3.2em; line-height:32px;}
	.recruitment-t .rec-line .warp2>p{ font-size:1.4em; line-height:20px;}
	.recruitment-t .rec-line .warp2 .tit{ padding-top:40px;}
	.recruitment-t .rec-line .warp2 .tit h3{ font-size:2.4em;}
	.recruitment-t .rec-line .warp2 .tit h4{ font-size:1.4em;}
	.recruitment-t .join .left h3{ font-size:2em; margin-bottom:25px;}
	.recruitment-t .join{ margin-top:40px;}
}
@media screen and (max-width: 1024px) {
	.recruitment-t .rec-line .warp2>h3{ padding-top:60px;}
	.recruitment-t .join .left,.recruitment-t .join .right{ display:block; width:100%;} 
	.recruitment-t .join .left form,.recruitment-t .join .left .btn .fc-btn{ float:none; max-width:100%;}
	.recruitment-t .join .left{ padding:30px 20px;}
	.recruitment-t .join .left .btn .fc-btn{ width:100%; margin:0;}
}
@media screen and (max-width: 850px) {
	.recruitment-t .join .right .dots .dot{ padding:20px;}
	.recruitment-t .join .right .dots .dot h3{ margin-bottom:10px; font-size:1.6em;}
	.recruitment-t .join .right .dots .dot .do{ margin-bottom:4px;}
}
@media screen and (max-width: 650px) {
	.recruitment-t .join .right .dots .dot{ width:100%;}
	.recruitment-t .join .left .btn .fc-btn{ font-size:1.4em; padding:6px 10px;}
	.recruitment-t .rec-line .warp2>h3{ padding:40px 0 0 0; font-size:2em; line-height:28px;}
	.recruitment-t .rec-line .warp2 .tit h3{ font-size:2em; margin-bottom:0;}
	.recruitment-t .join{ margin-top:20px;}
	.recruitment-t .rec-line .warp2>p{ display:inline;}
}
@media screen and (max-width: 450px) {
	.recruitment-t .join .left h3{ font-size:1.6em; margin-bottom:10px;}
	.recruitment-t .join .left .dot .fc-input{ margin-bottom:15px;}
}

/*contact*/
@media screen and (max-width: 1600px) {
	.contact-t .form .dot{  width: calc(100% + 60px); margin: 0 0 0 -30px;}
	.contact-t .form .dot .fc-input{ width: calc(50% - 60px); margin: 10px 30px;}
}
@media screen and (max-width: 1400px) {
	.contact-t{ padding:100px 0 80px 0;}
	.contact-t .tit h3{ font-size:3.2em; margin-bottom:4px;}
	.contact-t .tit h4{ font-size:2.4em;}
	.contact-t .tit{ margin-bottom:50px;}
}
@media screen and (max-width: 1200px) {
	#container{ height:400px;}
	.contact-t .btn .fc-btn{ font-size:1.6em;}
	.contact-t .form .dot{  width: calc(100% + 20px); margin: 0 0 0 -10px;}
	.contact-t .form .dot .fc-input{ width: calc(50% - 20px); margin: 10px 10px;}
}
@media screen and (max-width: 1024px) {
	.contact-t .dots .dot img{ width:30px;}
	.contact-t .tit h3{ font-size:2.8em;}
	.contact-t .tit h4{ font-size:1.6em;}
	.contact-t{ padding:60px 0;}
}
@media screen and (max-width: 850px) {
	.contact-t textarea{ margin:10px 0 30px 0;}
	.contact-t .dots .dot{width:50%; display:block; float:left;}
	.contact-t .dots .dot h4{ height:48px;}
	.contact-t .dots .dot:first-child{ border-left:1px solid #505050;}
}
@media screen and (max-width: 650px) {
	.contact-t .form .dot{  width: calc(100%); margin: 0 0 0 0px;}
	.contact-t .form .dot .fc-input{ width: calc(100%); margin: 5px 0px; padding:6px 12px;}
	.contact-t .form{ margin-top:40px;}
	.contact-t .tit h4{ font-size:1.4em; line-height:20px;}
	.contact-t .tit h3{ font-size:2em;}
	.contact-t{ padding:40px 0;}
	#container{ height:300px;}
	.contact-t .btn .fc-btn{ font-size:1.4em;}
}

/*models*/
@media screen and (max-width: 1600px) {
	.models .tit .txts{ height:400px;}
	.models .tit .txt h3{ font-size:5.2em;}
	.models .tit .txt h4{ font-size:2.4em;}
	.models .mods .modl{ padding:40px;}
	.models .mods .modb{ padding:50px 40px;}
	.models{ padding-bottom:120px;}
}
@media screen and (max-width: 1400px) {
	.models .tit .txts{ height:360px;}
	.models .mods .modb .box .txt h3{ font-size:2em;}
	.models .mods .modb .box { width: calc(33.33% - 20px); margin: 10px 10px;}
	.models .mods .modb .box .txt{ padding:14px 0;}
	.models .mods .modb .box:hover .txt{ padding: 14px 5%;}
}
@media screen and (max-width: 1200px) {
	.models .tit .txts{ height:300px;}
	.models .tit .txt h3{ font-size:3.6em;}
	.models .tit .txt h4{ font-size:2em;}
	.models{ padding-bottom:60px;}
	.models .mods .modb{ padding:40px 20px;}
	.models .mods .modb .box .txt h3{ font-size:1.6em;}
	.models .mods .modl{ padding:20px;}
}
@media screen and (max-width: 1024px) {
	.models .tit .txts{ height:240px;}
	.models .tit .txt h3{ font-size:2.8em;}
	.models .tit .txt h4{ font-size:1.6em;}
	.models .mods .modb .box { width: calc(50% - 20px); margin: 10px 10px;}
	.models .mods .modl a{ width:20%; margin:10px 0;}
	.models .mods .modl a img{ max-width:40px;}
}
@media screen and (max-width: 850px) {
	.models .mods .modb{ padding:20px 20px;}
	.models .tit .txts{ height:200px;}
	.models .mods .modb .box .txt{ padding:10px 0;}
	.models .mods .modb .box:hover .txt{ padding: 10px 5%;}
	.models .mods .modb .box .txt h3{ font-size:1.4em;}
}
@media screen and (max-width: 650px) {
	.models .mods .modb .box { width: calc(100% - 20px); margin: 10px 10px;}
	.models .mods .modl a{ width:25%;}
}
@media screen and (max-width: 450px) {
	.models .tit .txts{ height:120px;}
	.models .tit .txt h3{ font-size:2em; margin-bottom:4px;}
	.models .tit .txt h4{ font-size:1.4em;}
	.models .mods .modl{ padding:10px;}
	.models .mods .modl a p{ font-size:1.2em;}
	.models .mods .modb{ padding:20px 0;}
	.models .fy2{ margin-top:0px;}
}

/*about*/
@media screen and (max-width: 1600px) {
	.about-t .ab1 .tit{ padding:100px 0 80px 0;}
	.about-t .ab1 .tit h3{ font-size:4.6em; line-height:52px;}
	.about-t .ab1 .tit p{ font-size:1.8em;}
	.about-t .ab1 .txt{ padding-bottom:80px;}
	.about-t .ab-tit h3{ font-size:3.2em; margin-bottom:6px;}
	.about-t .ab-tit h4{ font-size:2.4em;}
	.about-t .ab3 .box .t .tt{ padding:60px 60px 40px 60px;}
	.about-t .ab4{ padding:90px 0;}
	.about-t .ab4 .dots{ margin-top:30px;}
}
@media screen and (max-width: 1400px) {
	.about-t .ab1 .tit{ padding:80px 0;}
	.about-t .ab1 .tit h3{ font-size:3.8em; line-height:42px;}
	.about-t .ab1 .tit p{ font-size:1.6em; line-height:24px;}
	.about-t .ab1 .txt .t p{ line-height:24px; margin-bottom:10px;}
	.about-t .ab2 .dots{ margin:60px 0 0 0; width:calc(100%); }
	.about-t .ab2 .dots .dot{ width:calc(25% - 20px); margin:0 10px;}
	.about-t .ab2{  padding-bottom:60px;}
	.about-t .ab-tit h3{ font-size:2.8em; margin-bottom:4px;}
	.about-t .ab-tit h4{ font-size:1.8em;}
	.about-t .ab3 .box{ margin-top:30px;}
	.about-t .ab3 .box .t .tt p{ font-size:1.6em; line-height:24px;}
	.about-t .ab3 .box .t .tt p span { margin: 0 10px 2px 0;}
	.about-t .ab4{ padding:70px 0;}
}
@media screen and (max-width: 1250px) {
	.about-t .ab2 .dots .dot .d h3{ font-size:1.6em;}
	.about-t .ab1 .txt .img{ margin:0 20px 10px 0;}
	.about-t .ab1 .tit{ padding:60px 0;}
	.about-t .ab1 .tit h3{ font-size:2.8em; line-height:32px; margin-bottom:15px;}
	.about-t .ab1 .txt{ padding-bottom:60px;}
	.about-t .ab2 .dots{ margin:30px 0 0 0;}
	.about-t .ab3 .box .t .tt{ padding:10% 10% 20px 10%;}
}
@media screen and (max-width: 1024px) {
	.about-t .ab1 .tit{ padding:40px 0;}
	.about-t .ab1 .tit h3{ font-size:2em; line-height:24px;}
	.about-t .ab1 .tit p{ font-size:1.4em; }
	.about-t .ab1 .txt .img{ float:none; width:100%; margin-bottom:30px;}
	.about-t .ab-tit h3{ font-size:2em;}
	.about-t .ab-tit h4{ font-size:1.4em; line-height:24px;}
	.about-t .ab2 .dots .dot .d img{ width:30px;}
	.about-t .ab2 .dots .dot .d{ top:36%;}
	.about-t .ab3 .box>*{ display:block; }
	.about-t .ab3 .box .t{ overflow:hidden;}
	.about-t .ab3 .box .t>*{ float:left; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.about-t .ab3 .box .t .tt{ padding:5% 4%;}
}
@media screen and (max-width: 850px){
	.about-t .ab4{ padding:50px 0;}
	.about-t .ab3 .box .t .tt p{ font-size:1.4em;}
	.about-t .ab4 .ab4-slider{ margin-top: 30px;}
}
@media screen and (max-width: 650px){
	.about-t .ab2 .dots .dot { width: calc(50% - 20px);  margin: 10px;}
	.about-t .ab2{ padding-bottom:40px;}
	.about-t .ab3 .box .t>*{ float:none; width:100%; }
	.about-t .ab3 .box .t .tt{ padding:30px;}
	.about-t .ab4 .dots .dot { width: calc(50% - 20px);}
}
@media screen and (max-width: 450px){
	.about-t .ab1 .tit p{ display:inline;}
	.about-t .ab1 .txt .img{ margin-bottom:20px;}
	.about-t .ab1 .txt{ padding-bottom:40px;}
	.about-t .ab2 .dots .dot .d h3{ font-size:1.4em; line-height:20px;}
	.about-t .ab4{ padding:40px 0;}
}