@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;}
}
@media screen and (max-width: 1920px) {
.warp{ max-width:1720px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iab .dots .dot .d {
    width: 320px;
    height: 320px;
}
.iab .txts {
    padding: 80px 6%;
}
.ip{padding: 50px 0 100px 0;}
}
/*index*/
@media screen and (max-width: 1680px) {
	.header .mune .m-dot a{ padding:32px 16px;margin:0 2px}
    .header .coms .cm h3{  padding: 32px 35px 32px 90px; }
    .header .logo{ padding:10px 30px;}
    .header .mune .m-dot a:after{ left:0;}
    .banner .swiper-slide .txt h3{ font-size:4.2em;}
    .banner .swiper-slide .txt h4{ font-size:5em;}
    .banner .swiper-slide .warp{ height:700px;}
    .itit h3{ font-size:4.2em;}
    .itit p{ font-size:2em;}
    .iab .dots .t p{ font-size:1.4em;}
    .iab .dots .dot .d h3{ font-size:2em;}
    .iab .txts .img .t h3, .iab .txts .txt h3{ font-size:4.2em;}
    .iab .dots .dot .d{ padding:30px 20px;}
    .iab .dots .dot{ margin-top:6%;}
    .iab .txts .img .t h3, .iab .txts .txt h3{ font-size:3.0em;}
    .iab .txts .txt p{ font-size:1.4em;}
	.iab .dots {
    padding: 168px 5%;
    background: #f9e344;
}
    .ip{ padding:50px 0 120px 0;}
    .ip .dots{ margin:60px 0 0 -10px;}
    .ip .tit .plist a{ font-size:1.6em;}
    .ip .dots .dot .txt .t h3{ font-size:2em;}
    .inews{ padding:80px 0;}
    .inews .txts .txt2 .nt .txt h3{ font-size:2em;}
    .footer .txts{ padding:60px 40px;}
    .footer .txts .t1>img{ width:260px;}
    .footer .txts .t2 .t h3{ font-size:3.6em;}
     .ip .dots .dot .txt .i img{ max-width:80%;}
	 .iab .dots .dot .d {
    width: 250px;
    height: 250px;
}
}
@media screen and (max-width: 1450px) {
	.header .logo{ padding:10px 30px;}
	.header .logo img {
    width: 70%;
}
   	.header .mune .m-dot a{ padding:22px 20px; margin:0; font-size:1.4em;}
    .header .mune .m-dot a:after{ top:30px; width:8px; height:8px;}
    .header .mune .m-dot:last-child a{ padding: 22px 0px 22px 20px;}
    .header .coms .cm h3{  padding: 22px 20px 22px 70px; font-size:1.4em;}
    .banner .swiper-slide .txt h4{ font-size:4em;}
    .banner .swiper-slide .txt h3{ font-size:3.2em;}
    .banner .swiper-slide .warp{ height:600px;}
    .iab .dots .dot .d h3{ font-size:1.6em; margin-top:10px;}
    .iab .dots .dot .d img{ width:80px;}
    .iab .txts{ padding:50px;}
    .itit h3{ font-size:3.6em; margin-bottom:10px;}
    .itit p{ font-size:1.6em;}
    .iab .txts .img .t h3, .iab .txts .txt h3{ font-size:2.4em;}
	.iab .txts .txt p {
    font-size: 1.4em;
}
    .iab .txts .img{ margin-top:6%;}
    .ip .dots .dot .txt .i img{ max-width:60%;}
    .ip .tit .plist a{ font-size:1.4em;}
    .inews .txts .txt2 .nt{ margin-bottom:20px;  padding-bottom:20px;}
    .inews .txts .txt2 .nt .txt h3{ margin-bottom:10px;}
    .inews .txts .txt2 .nt .txt span{ margin-top:20px;}
    .inews .txts .txt2 .nt .img{ width:200px;}
    .inews .txts .txt2 .nt .txt{ width: calc(100% - 200px); }
    .inews .txts .txt1 .txt{ padding:30px;}
    .inews .txts .txt1 .txt h3{ font-size:2em; margin-bottom:12px;}
    .inews .txts .txt1 .txt p{ font-size:1.6em; }
    .inews .txts .txt1 .txt span{ margin-top:20px;}
    .footer .txts{ padding:50px 20px;}
    .footer .two{ padding:50px 20px; text-align:center;}
    .header .coms .cmd a{ font-size:1.4em;}
	.iab .dots .dot .d {
    width: 220px;
    height: 220px;
}
.iab .dots {
    padding: 125px 5%;}
}
@media screen and (max-width: 1250px) {
	.header .logo{ padding:10px;}
	.header .logo img{ width:160px;}
	.banner .swiper-slide .txt{ padding-left:4%;}
	.header .mune .m-dot a{ padding:13px 10px; margin:0; font-size:1.4em;}
    .header .mune .m-dot a:after{ top:20px; width:8px; height:8px;}
    .header .mune .m-dot:last-child a{ padding: 13px 15px;}
    .header .coms .cm h3{ padding: 13px 20px 13px 50px;}
    .header .coms .cm:after,.header .coms .cm:before{ width:50px; clip-path: polygon(100% 0, 30px 0%, 0% 100%, calc(100% - 30px) 100%)}
    .header .coms .cm{ clip-path: polygon(100% 0, 30px 0%, 0% 100%, 100% 100%);}
    .banner .swiper-slide .txt h4{ font-size:3.2em;}
    .banner .swiper-slide .txt p{ font-size:1.6em;}
    .banner .swiper-slide .warp{ height:500px;}
    .iab .dots{ padding:40px 20px;}
    .iab .dots .dot .d{ padding:15px;}
    .iab .dots .dot .d p{ line-height:1.2;}
    .iab .txts .img .t h3, .iab .txts .txt h3{ font-size:2.8em;}
    .iab .txts .txt p{ font-size:1.4em;}
    .itit h3{ font-size:3.2em;}
    .ip .tit .plist a:after,.ip .tit .plist a:before{ width:5px;}
    .ip .tit .plist a:after{ left: 5px; }
    .ip .tit .plist a:before{ left: 10px;}
    .ip .tit .plist a{ padding: 4px 20px 4px 30px; }
    .ip{ padding:50px 0 80px 0;}
    .ip .dots .dot .txt .t h3{ font-size:1.8em;}
    .ip .dots .dot .txt .t p{ font-size:1.6em;}
	.inews{ padding: 60px 0;}
 	.inews .txts .txt2 .nt .txt h3{ font-size:1.8em;}
    .inews .txts .txt2 .nt .txt span{ font-size:1.6em;}
    .footer .two{ display:none;}
    .footer .txts{  width:100%;}

}
@media screen and (max-width: 1024px) {
	.banner .swiper-slide .warp{ height:400px;}
    .header .munes{ display:none;}	
    .iab .dots .dot .d img{ width:50px;}
    .iab .dots .dot .d p{ font-size:1.2em;}
    .iab .dots .dot .d h3{ font-size:1.4em;}
    .iab .txts{ padding:30px;}
    .itit h3{ font-size:2.4em;}
    .itit h3:after{ width:10px; height:4px; left:-15px; bottom:4px;}
    .iab .txts .img .t h3, .iab .txts .txt h3{ font-size:2em;}
    .iab .txts .txt p{letter-spacing: 0px;}
    .ip .dots .dot{ width: calc(50% - 20px); }
    .inews .txts{ margin-top:30px;}
    .inews .txts .txt2 .nt .txt h3{ font-size:1.6em;}
     .inews .txts .txt2 .nt{ margin-bottom:10px;  padding-bottom:10px;}
    .inews .txts .txt1 .txt h3{ font-size:1.6em;}
    .inews .txts .txt1 .txt{ padding:20px;}
    .inews .txts .txt1 .txt p{ font-size:1.4em;}
    .footer .t2{ display:none;}
    .footer .txts{ padding:30px 20px; display:block; text-align:center;}
    .footer .txts .t1 p{ max-width:100%; margin-top:0;}
    .ip .dots .dot .txt{ opacity: 1; }

    .proshow .pnbiaoge .table {
        overflow-x: scroll;
    }
}
@media screen and (max-width: 850px) {
	.banner .swiper-slide .txt p{ display:none;}
	.banner .swiper-slide .txt{ max-width:50%;}
	.banner .swiper-slide .warp{ height:300px;}
	.banner .swiper-slide .txt h4{ font-size:2.4em;}
	.banner .swiper-slide .txt h3{ font-size:2.2em;}
	.iab{ display:block; background-size: 100% 100%;}
	.iab>*{ width:100%; }
    .iab .txts .img{ margin-top:20px;}
    .ip .dots .dot{ width: calc(100% - 20px); }
    .inews .txts{ display:block;}
    .inews .txts .txt1{ width:100%; margin-bottom:30px;}
    .inews .txts .txt2{ width:100%;}
    .footer .txts .t1>img{ width:200px;}
    .itit p{ font-size:1.4em;}
    .ip .tit{ display:block;}
    .ip .tit .plist{text-align:right; margin-top:20px;}
    .ip .dots{ margin-top:40px;}
    .inews{ padding: 40px 0;}
    .bottomlist ul li img{ width:25px; height:25px;}
    .footer{ margin-bottom:37px;}
	.list-show .buttn a{ margin-left: 20px;}
}
@media screen and (max-width: 650px) {
	.ip .tit .plist a{ padding: 4px 10px 4px 20px; margin-left:6px;}
}
@media screen and (max-width: 450px) {
	.banner .swiper-slide .warp{ height:200px;}
	.banner .swiper-pagination{  bottom:15px;}
	.banner .swiper-slide .txt{ padding-bottom:30%;}
	.banner .swiper-slide .txt h4{ font-size:2em;}
	.banner .swiper-slide .txt h3{ font-size:1.8em;}
	.iab .txts{ padding:30px 20px;}
	.iab .txts .img .t h3, .iab .txts .txt h3{ font-size:1.6em;}
	.iab .txts .img .t{ left:4px;}
	.iab .txts .txt h3{ margin:5px 4px;}
	.iab .txts .txt p{ padding-left:4px;}
	.iab .dots .dot .d{ padding:10px;}
	.ip{ padding:40px 0 ;}
	.ip .dots .dot .txt .t h3{ font-size:1.6em;}
	.ip .dots .dot .txt .t p{ font-size:1.4em;}
	.inews .txts .txt1 .txt h3{ margin-bottom:10px;}
	.inews .txts .txt1 .txt p{ line-height:24px; height:48px;}
	.inews .txts .txt1 .txt span{ font-size:1.4em; margin-top:10px;}
	.inews .txts .txt2 .nt .img{ width:100%; margin-bottom:20px;}
	.inews .txts .txt2 .nt .txt{ width:100%;  padding:0;}
    .inews .txts .txt2 .nt .txt h3{ margin-bottom:0;}
    .inews .txts .txt2 .nt .txt span{ font-size:1.4em;  margin-top:10px;}
    .footer .txts{ padding:20px;}
    .footer .txts .t1>img{ width:140px; margin-bottom:10px;}
	.list-show .buttn a{ padding:6px 20px;}
}

/*about*/
@media screen and (max-width: 1680px) {
    .banners>.warp2{ height:500px;}
    .banners>.warp2 .t h3, .banners>.warp2 .t h4{ font-size:3.2em;}
    .banners>.warp2 .t h3:after{ width:70px; right:-45px;}
    .ab1{ padding:80px 0;}
    .ab1 .txt .tit h3{ font-size:3.2em;}
    .ab1 .txt .t p{ font-size:1.4em;}
    .ab1 .txt .tit p{ font-size:1.6em;}
    .ab1 .img{ padding:0 0 0 40px;}
    .ab2 .abt1{ padding:40px ;}
    .ab2 .abt1 .tds .t h3{ font-size:1.6em;}
    .ab2 .abt2 .t h3, .ab2 .abt3 .t h3{ font-size:2em;}
    .ab2 .abt2, .ab2 .abt3{ padding:40px 30px;}
    .ab2 .abt2 .tit, .ab2 .abt3 .tit{ margin-bottom:60px;}
    .ab2 .abt2 .tit h3:after, .ab2 .abt3 .tit h3:after{ bottom:-40px;}
    .ab2 .ab2-2{ padding:80px 0;}
    .ab2 .ab2-2 .imgs{ margin-top:40px;}
    .tits h3{ font-size:3.2em;}
    .tits p{ font-size:1.6em;}
    .ab3 .abps .abpb{ margin-top:60px;}
}
@media screen and (max-width: 1450px) {
	.banners>.warp2{ height:450px;}
    .banners>.warp2 .t h3, .banners>.warp2 .t h4{ font-size:2.4em;}
    .banners>.warp2 .t h3:after{ width:60px; right:-45px;}
    .ab1 .txt .tit h3{ font-size:2.8em;}
    .ab2 .abt .tit h3{ margin-bottom:5px;}

	.ab2 .abt .tit h3:after,.ab2 .abt2 .tit h3:after, .ab2 .abt3 .tit h3:after {
    bottom: -40px;
}
 .ab2 .abt3 .tit {
    margin-bottom: 30px;
}
    .tits h3{ font-size:2.4em;}
     .ab2 .ab2-2{ padding:60px 0 80px 0;}
    .ab2 .ab2-2 .imgs{ margin-top:20px;}
    .ab3,.ab4{ padding:60px 0;}
    .ab3 .abps .abpl span{ font-size:1.4em; margin-left:10px;}
    .tits:before,.tits:after{ width:6px;}
    .tits:before{ left:6px;}
    .tits{ padding-left:20px;}
    .tits p{ font-size:1.4em;}
    .ab3 .abps .abpl{ margin-top:-20px;}
}
@media screen and (max-width: 1250px) {
	.banners>.warp2{ height:400px;}
	.ab1{ padding:60px 0;}
	.ab1 .txt .tit h3{ font-size:2.4em;}
	.ab1 .txt .tit p{ font-size:1.4em;}
	.ab1 .txt .tit{ margin-bottom:8px;}
	.ab2 .abt2 .tit, .ab2 .abt3 .tit{ margin-bottom:40px;}
	.ab2 .abt2 .t h3, .ab2 .abt3 .t h3{ font-size:1.8em;}
	.tits h3{ font-size:2em;}
	.ab2 .ab2-2 .imgs>div,.ab3 .abps .abpb .box>div{ width: calc(20% - 10px); margin:5px;}
    .ab3 .abps .abpl span:after{ left: 5px; width:5px;}
    .ab3 .abps .abpl span:before{ left: 10px; width:5px;}
    .ab3 .abps .abpl span{ padding: 6px 10px 6px 20px; }
    .ab3 .abps .abpb{ margin-top:40px;}
     .ab2 .ab2-2{ padding:60px 0 60px 0;}
	 	.banners>.warp2 .t h3:after {
    width: 50px;
    right: -55px;
    top: -10px;
}
}
@media screen and (max-width: 1024px) {
	.banners>.warp2{ height:300px;}
	.ab1 .txt .tit h3{ font-size:2em;}
	.ab1 .warp{ display:block;}
	.ab1 .txt{ width:100%; margin-bottom:20px;}
	.ab1 .img{ width:100%;  padding:0; text-align:center;}
	.ab2 .ab2-1{ display:block;}
	.ab2 .abv{ width:100%; height:500px;}
	.ab2 .abt{ width:100%;}
	.ab2 .ab2-2 .imgs>div,.ab3 .abps .abpb .box>div{ width: calc(25% - 10px); margin:5px;}
	.ab3 .abps .abpl{ margin-top:20px;}
}
@media screen and (max-width: 850px) {
	.banners>.warp2 .t h3, .banners>.warp2 .t h4{ font-size:2em;}
	.banners>.warp2 .t h3:after{ width:50px; right:-30px;}
	.ab1{ padding:40px 0;}
    .ab2 .abt2,.ab2 .abt3{ height:240px;}
	.abhis .his-txt h1{    font-size: 3em;}
}
@media screen and (max-width:650px) {
	.ab2 .abv:after{ top:calc(50% - 30px); left:calc(50% - 30px); content: ""; width: 60px; height: 60px;}
	.ab2 .abv{ height:400px;}
	.ab2 .abt1{ padding:40px 20px; height:auto;}
	.ab2 .abt2, .ab2 .abt3{ height:auto; width:100%;}
	.ab2 .ab2-2 .imgs>div,.ab3 .abps .abpb .box>div{ width: calc(33.33% - 10px); }
	.tits h3{ font-size:1.8em;}
	.ab2 .ab2-2{ padding:40px 0;}
}
@media screen and (max-width:450px) {
	.ab3 .abps .abpl span{ margin-top:15px; margin-left:6px}
	.ab3{ padding:40px 0;}
	.ab2 .ab2-2 .imgs>div,.ab3 .abps .abpb .box>div{ width: calc(50% - 10px); }
	.ab2 .abt1{ background-size: auto 40% !important; background-position:bottom right;}
	.ab2 .abt1 .tds .t{ display:block;}
	.ab2 .abt1 .tds .t h3{ font-size:1.4em; width:100%;}
	.ab2 .abt2 .t h3, .ab2 .abt3 .t h3{ font-size:1.6em;}
}

/*product*/
@media screen and (max-width: 1680px) {
    .lists{ padding-left:20px;}
    .lists a{ padding:20px 35px; font-size:1.4em;}
    .lists a:after{ width:45px;}
}
@media screen and (max-width: 1450px) {
	.product-t{ padding:60px 0;}
	.product-t .pbs{ width: calc(100% + 10px); margin: 20px 0 0 -5px;}
    .product-t .pbs .pb{ width: calc(33.33% - 10px); margin: 5px 5px;}
}
@media screen and (max-width: 1250px) {
	.lists a{ margin:0 10px;}
}
@media screen and (max-width: 1024px) {
	.product-t .pbs .pb{ width: calc(50% - 10px);}
	.lists a{ padding: 12px 20px; margin: 0 10px; clip-path: polygon(100% 0, 20px 0%, 0% 100%, calc(100% - 20px) 100%); } 
    .lists a:after{ left: -11px; width: 24px;  clip-path: polygon(100% 0, 20px 0%, 0% 100%, calc(100% - 20px) 100%);}
    .lists{ padding-left:0;  clip-path: polygon(100% 0, 20px 0%, 0% 100%, calc(100%) 100%);}
}
@media screen and (max-width: 650px) {
	div.fy a,div.fy span.current,div.fy span.disabled{ padding:4px 8px; }
    .lists{ display:none;}
}
@media screen and (max-width: 450px) {
	.product-t{ padding:40px 0;}
	div.fy{ padding-top:20px;}
	.product-t .pbs .pb{ width: calc(100% - 10px);}
}


/*productshow*/
@media screen and (max-width: 1680px) {
	.productshow:after{ height:54px;}
	.proshow .txts .tit h3{ font-size:3.2em;}
    .proshow{ padding:80px 0;}
    .proshow .txts{ padding-left:40px;}
}
@media screen and (max-width: 1450px) {
	.proshow .txts .tit h3{ font-size:2.8em;}
	.proshow{ padding:60px 0;}
	.proshow .txts .tit{ margin-bottom:50px;}
	.proshow .txts .p-c{ padding:20px;}
}
@media screen and (max-width: 1250px) {
	.proshow .txts .tit h3{ font-size:2.2em;}
	.proshow .txts .tit{ padding:10px 0;}
	.proshow .txts input, .proshow .txts textarea{ font-size:1.4em;}
	.proshow .txts .pbtn{ font-size:1.4em;}
	.proshow .imgs .swiper-button-next,.proshow .imgs .swiper-button-prev{ width:20px; background-size:20px;}
    .proshow .btn a{ font-size:1.4em;}
}
@media screen and (max-width: 1024px) {
	.proshow .imgs{ width:100%; margin-bottom:40px;}
	.proshow .txts{ width:100%; padding:0;}
	.proshow .txts .tit{ margin-bottom:20px;}
	.proshow .txts .tit h4{ font-size:1.6em;}
	.proshow .btn{ margin-top:40px;}
	.proshow .btn a{ width:48%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.productshow:after{ height:38px;}
}
@media screen and (max-width: 850px) {
    .proshow .btn a{ width:100%;}
    .proshow .btn{ display:block;}
    .proshow .btn a:last-child{ text-align:left;}
}
@media screen and (max-width: 650px) {
    .proshow .imgs .mySwiper2{ margin-bottom:15px;}	
    .proshow .txts .p-c .dot,.proshow .txts textarea{ width:100%; float:none; }
    .proshow .txts textarea{margin-bottom:15px;}
    .proshow .txts .tit h3{ font-size:2em;}
    .proshow .imgs{ margin-bottom:20px;}
    .proshow{ padding:40px 0;}
}
@media screen and (max-width: 450px) {
	.proshow .txts .tit h3{ font-size:1.6em;}
	.proshow .txts .tit h4{ font-size:1.4em;}
	.proshow .txts .pt{ margin-bottom:10px;}
	.proshow .btn{ margin-top:10px;}
	.proshow .btn a{ padding:6px; margin-top:20px;}
}

/*product-zhusu*/
@media screen and (max-width: 1680px){
	.zhusu-t{ padding:60px 0;}
}
@media screen and (max-width: 1450px){
	.zhusu-t .txt .t{ margin:20px 0;}
	.zhusu-t .txt .t p{ font-size:1.4em;}
    .zhusu-t .imgs .img{margin: 10px 0;}
    .zhusu-t .zstip h3 { font-size:2em; margin: 40px 0 20px 0;}
    .zhusu-t .zst tr td{ font-size:1.6em;}
}
@media screen and (max-width: 1024px){
	.zhusu-t{ padding:40px 0;}
	.zhusu-t .zst tr td{ padding:8px;}
	.zhusu-t .zstip h3 { font-size:1.8em; margin: 20px 0 10px 0;}
	.zhusu-t .zst tr td{ font-size:1.4em;}
}
@media screen and (max-width: 650px){
    .zhusu-t .imgs .img{ width:100%;}
    .zhusu-t .imgs{ display:block;}	
    .zhusu-t .zst{ overflow:auto;}
    .zhusu-t .zst table{ min-width:800px;}
}

/*news*/
@media screen and (max-width: 1680px){
	.news-t .dots .dot{ margin:20px 25px;}
	.news-t .dots .dot .txt{ padding:50px 0 30px 0;}
	.news-t .dots .dot .txt h3{ font-size:2em; margin-bottom:10px;}
}
@media screen and (max-width: 1250px){
	.news-t .dots .dot .txt{ padding:20px 0 0px 0;}
	.news-t { padding: 40px 0;}
	.news-t .dots{ width: calc(100% + 10px); margin: 10px 0 0 -5px;}
    .news-t .dots .dot{ width: calc(50% - 10px); margin: 15px 5px;}
    .news-t .dots .dot .txt h3{ font-size:1.8em;}
    .news-t .dots .dot .txt span{ margin-top:15px;}
}
@media screen and (max-width: 650px){
	 .news-t .dots .dot{ 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;}
}

/*strength*/
@media screen and (max-width: 1680px){
	.strength-t .dots .dot .txt h3{ font-size:2em;}
    .strength-t .dots .dot .txt{ height:380px;}
}
@media screen and (max-width: 1450px){
	.strength-t .dots .dot .txt h3{ font-size:1.8em;}
    .strength-t .dots .dot .txt p{ font-size:1.4em;}
    .strength-t .dots .dot .txt p:after{ top:9px;}
}
@media screen and (max-width: 1250px){
    .strength-t .dots .dot .txt{ padding:30px 20px;}	
    .strength-t .t p{ font-size:1.4em; padding-left:10px;}
}
@media screen and (max-width: 1024px){
	.strength-t .dots{flex-wrap: wrap;}
    .strength-t .dots .dot{ width:50%;}	
}
@media screen and (max-width:650px){
	.strength-t .dots .dot{ width:100%;}	
	.strength-t .dots .dot .txt{ height:auto;}
	.strength-t{ padding-top:40px;}
	.strength-t .dots .dot .txt h3{ font-size:1.6em;}
	.strength-t .dots .dot .txt p:after{ width:6px; height:6px; top:12px; left:4px;}
	.strength-t .dots .dot .txt p{ padding-left:15px;}
}

/*digital*/
@media screen and (max-width: 1680px){
    .dig1 .txts .tds .td h3{ font-size:2em;}	
    .dig1 .txts .tds .td p{ font-size:1.4em;}
    .dig1 .txts .tds .td .t{ margin-bottom:10px;}
    .dig1 .txts .tds .td{ padding:20px;}
    .dig3 .dots{ margin-top:60px;}
    .dig3 .dots .dot .d h3{ font-size:2em;}
    .dig4{ padding-bottom:60px;}
    .dig2 .imgs .txt{ padding:0 40px;}
    .dig2 .imgs .txt h3{ font-size:2em;}
    .dig2 .imgs .txt h4{ margin-top:40px;}
    .dig2 .imgs .img .txt h4{ font-size:1.6em;}
}
@media screen and (max-width: 1450px){
    .dig1 .txts .tds{ padding:0 20px;}	
    .digltal-t .dig2 .t p, .digltal-t .dig3 .t p, .digltal-t .dig4 .t p{ font-size:1.4em; }
    .digltal-t .dig2 .t, .digltal-t .dig3 .t, .digltal-t .dig4 .t{ margin:30px 0;}
    .dig2 .img2{ margin-top:20px;}
    .dig3 .dots .dot .d{ padding:12px 6px;}
    .dig2 .imgs .img .txt{ padding:14px 6px;}
}
@media screen and (max-width: 1250px){
	.dig1{ padding:60px 0;}
	.dig1 .txts{ margin-top:30px;}
	.dig2, .dig3{ padding-bottom:60px}
    .dig3 .dots .dot{  margin-top:20px;}
    .dig3 .dots{ margin-top:40px;}
    .dig4 .table table tr td{ padding:8px;}
    .dig4{ padding-bottom:20px;}
    .dig3 .dots .dot .d h3{ font-size:1.6em;}
    .dig3 .dots .dot .d p{ font-size:1.4em;}
    .dig2 .imgs .txt{ padding:0 20px;}
    .dig2 .imgs .txt h3{ font-size:1.8em;}
    .dig2 .imgs .txt h4{ margin-top:20px;}
    .dig2 .imgs .img .txt h4{ font-size:1.4em;}
}
@media screen and (max-width: 1024px){
	.dig1 .txts{ flex-wrap:wrap;}
	.dig1 .txts .tds{ margin:10px 0; width:100%; padding:0; display:flex; flex-wrap:wrap;}
	.dig1 .txts .tds .td{ width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:0 !important; margin:0;}
    .dig1 .txts .img{ width:100%; text-align:center;}
    .dig1 .txts .img img{ max-width:400px;}
    .dig2 .img1{ display:block;}
    .dig2 .img1 .img img{ max-width:100%; margin:10px auto;}
    .dig2 .img1 .img:first-child,.dig2 .img1 .img:last-child{ text-align:center;}
    .dig3 .dots .dot{ flex-wrap:wrap; }
    .dig3 .dots .dot .d{ width:50%;}
    .dig4 .imgs .img1{ flex-wrap:wrap; }
    .dig4 .img1 .img{ width:100%; margin:10px 0;}
		.dig4 .img1 .img:first-child,.dig4 .img1 .img:last-child{ text-align:center;}
}
@media screen and (max-width: 1024px){
	.dig4 .table{ overflow-x:scroll;}
    .dig4 .table table{ min-width:1000px;}
    .dig2 .imgs .txt{ width:60% !important;}
    .dig2 .imgs .img .txt{ width:100% !important}
  
}
@media screen and (max-width: 850px){
	.dig2 .imgs,.dig2 .imgs:last-child{ display:block; max-width:100%; margin:0 auto;}
	.dig2 .imgs .txt{ width:100% !important; padding:20px ;}
	.dig2 .imgs .txt h3{ width:100%; font-size:1.6em;}
    .dig2 .imgs .img .txt{ width:100% !important}
	.dig2 .imgs .img{ margin:15px auto;}
}
@media screen and (max-width:650px){
	.dig1 .txts .tds .td{ width:100%; padding:15px;}
	.dig1 .txts .img img{ max-width:100%;}
	.dig3 .dots .dot .d{ width:100%;}
	.dig1{ padding:40px 0;}
	.dig1 .txts .tds .td h3,.dig1 .txts .tds .td h4{ font-size:1.4em;}
	.digltal-t .dig2 .t, .digltal-t .dig3 .t, .digltal-t .dig4 .t{ margin:10px 0;}
	.dig2, .dig3{ padding-bottom:40px;}
}

/*quality*/
@media screen and (max-width: 1680px){
	.quality-t{ padding:60px 0;}
	.quality-t .t p{ font-size:1.4em;}
}
@media screen and (max-width: 1450px){
	.quality-t .imgs{ width: calc(100 + 20px); margin: 0 0  0 -10px;}
    .quality-t .imgs .img{ width: calc(50% - 20px); margin: 10px;}
}
@media screen and (max-width: 1250px){
    .quality-t .t{ margin:20px 0;}	
}
@media screen and (max-width: 1024px){
	.quality-t .imgs{ width: calc(100 + 10px); margin: 0 0  0 -5px; }
    .quality-t .imgs .img{ width: calc(50% - 10px); margin: 5px;}
}
@media screen and (max-width: 650px){
	.quality-t .imgs .img{ width: calc(100% - 10px); }
	.quality-t{ padding:40px 0;}
}

/*contact*/
@media screen and (max-width: 1680px){

	.con1 .dot .t h3{ font-size:2em;}
	.con1 .dot p{ font-size:1.4em;}

	.con2 input, .con2 textarea{ margin-bottom:30px;}
	.con2 .warp .tits p{ font-size:2em;}
}
@media screen and (max-width: 1450px){
    .con2 .warp .tits p{ font-size:1.6em;}
    #container{ height:400px;}
    .con1 .dot .t h3{ font-size:1.8em;}
 	.con1 .dot {
    padding-left: 20px;
}
}
@media screen and (max-width: 1250px){
	.con1 .warp{ flex-wrap:wrap;}
	.con1 .tits{ width:100%; margin-bottom:40px;}
	.contact-t .form{ padding:0 20px;}
	.con2 input, .con2 textarea{ margin-bottom:20px; width:100%;}
	.con2 .fc-input {
    width: 100%;
}
}
@media screen and (max-width: 1024px){
	.con1 .dot{ padding-left:20px}
	.con1 .dot .t h4{ font-size:1.4em; letter-spacing:0;}
	.con2 .warp{ display:block;}
	.con2 .warp .tits{ width:100%; margin-bottom:40px;}
	.con2 .warp .form{ width:100%;}
	.contact-t{    padding: 40px 0;}
}
@media screen and (max-width: 850px){
	.con1 .dot{ width:100%; height:auto; margin:20px 0 0 0;}
	.con1 {padding:40px 0;}
	.con1 .tits{ margin-bottom:20px;}
	.con1 .dot:after, .con1 .dot:before{ display:none;}
	.con1 .dot .t{ padding-bottom:6px;}
	.con1 .dot .t h3{ font-size:1.6em;}
}
@media screen and (max-width: 650px){
	.con2 .btn{ text-align:center;}
	.con2 .btn .fc-btn{ padding:8px 60px;}
    .con2 .fc-input{ width:100%; margin-bottom:10px;}
    .con2 .dot{ display:block;}
     .con2{ padding:40px 0;}
     .contact{ background-position:80%;}
}