@charset "utf-8";
/* CSS Document */

/*index*/
@media screen and (max-width: 1680px) {
	.header .logo{ padding:18px 40px;}
	.header.up .logo{ padding:10px 40px;}
	.banner .txt h3{ font-size:4.8em;}
	.ip{ padding:180px 0 220px 0;}
    .ip .txt h3,.ips .txt h3,.inews .tit h3,.iab .txt h3{ font-size:5.8em; margin-bottom:30px;}
    .ip .txt p,.ips .txt p,.inews .tit p,.iab .txt p{ font-size:1.6em;}
    .ip .txt a,.ips .txt a,.inews .tit a{ font-size:2em;}
    .icase .tit .warp2{ margin-bottom:120px;}
    .icase .txts .swiper-slide .t{ padding:0 10px 0 0;}
    .icase .txts .swiper-button-prev, .icase .txts .swiper-button-next{ width:30px; }
    .icase{ padding:70px 0 120px 0;}
    .inews{ padding:150px 0;}
    .footer .fo1{ padding:60px 0 40px 0;}
    .footer .fo2{  padding-bottom:50px;}
}
@media screen and (max-width: 1450px) {
	.header .logo img{ width:60px;}
    .header .head .hml a{ padding:0 30px;}
    .header form .hb{width: 16px;background-size: contain !important;}
    .header .tip .lun a{ font-size:1.4em;}
    .header .head{ padding:0 20px;}
    .banner .txt h3{ font-size:4.2em;}
    .banner .swiper-slide{ height:600px;}
    .ip{ padding:120px 0;}
    .ip .txt h3,.ips .txt h3,.inews .tit h3,.iab .txt h3{ font-size:4.2em; margin-bottom:30px;}
    .ip .txt a,.ips .txt a,.inews .tit a{ font-size:1.6em;}
    .ips{ padding-bottom:100px;}
    .icase .tit h3{ font-size:4.2em;}
    .icase .txts .swiper-slide .t p { height: 160px;  -webkit-line-clamp: 8;}
    .icase .txts .swiper-slide .t h3 {  height: 72px; -webkit-line-clamp: 3;}
    .icase .tit .warp2{ margin-bottom:60px;}
}
@media screen and (max-width: 1250px) {
	.header .tip{ padding: 0 20px;}
    .header .logo{ padding:10px 40px;}	
    .header .head .hml a{ font-size:1.4em;}
    .banner .txt h3{ font-size:3.6em;}
    .ip{ padding:80px 0;}
    .ip .txt h3, .ips .txt h3, .inews .tit h3, .iab .txt h3{ font-size:3.2em;}
    .ip .txt p, .ips .txt p, .inews .tit p, .iab .txt p{ font-size:1.4em;}
    .ip .txt a, .ips .txt a, .inews .tit a{ font-size:1.4em;  padding:8px 20px;}
    .icase .tit h3{ font-size:3.6em;}
    .icase .txts .swiper-button-prev, .icase .txts .swiper-button-next{ width:20px;}
    .inews .in-box .box p{ font-size:1.4em;}
    .iab .img{ margin-top:40px;} 
    .footer .fo1 .fm img{ width:60px;}
    .footer .fo2{ padding-bottom:30px;}
	.footer .fo1 .fc{ width: 400px;}
}
@media screen and (max-width: 1024px) {
	.header .tip>div{  padding:10px 0;}
	.header .head .hml a{ padding: 0 20px;}
	.banner .txt h3{ font-size:2.8em;}
	.ip .txt h3, .ips .txt h3, .inews .tit h3, .iab .txt h3{ font-size:2.8em; margin-bottom:20px;}
    .icase .tit h3{ font-size:2.8em;}
    .inews .tit a{ margin:20px 0 40px 0;}
    .inews .in-box .box { width: calc(50% - 20px); margin: 0 10px;}
    .inews{ padding:60px 0 80px 0;}
    .iab{ padding-bottom:60px;}
    .footer form{ margin-bottom:40px;}
}

@media screen and (max-width: 680px) {
	.header2 .head,.header2 .more{ display:none;}
    #hamburger{ right:25px;}
    .header2.up{ left:0;}
    .bottomlist{ left:0;} 
}
@media screen and (max-width: 450px) {
	.ip{ padding:40px 0;}
	.ips{ padding-bottom:40px;}
	.ips .warp2{ display:block;}
	.ips .txt{  margin-bottom:40px;}
	.ips .img{ width:100%;}
	.icase .tit h3{ font-size:2.4em; margin-bottom:12px;}
	.icase .tit p{ font-size:1.4em;}
	.icase{ padding:40px 0;}
	.icase .tit .warp2{ margin-bottom:30px;}
	.icase .txts .swiper-slide .t p { height: 80px;  -webkit-line-clamp: 4;}
	.icase .txts .swiper-slide .t h3 { height: 48px; -webkit-line-clamp: 2;}
	.inews .tit a{ margin:20px 0;}
	.footer .fo1 .fm a{ width:40%; text-align:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .bottomlist ul li img{ width:25px; height:25px;}
    .footer{ margin-bottom:37px;}
    .inews .in-box .box p{ margin-top:10px;}
    .header2 .logo{ padding:6px 0; width:60px;}
    #hamburger{ right:15px;}
    .ips .txt{ margin-bottom:30px;}
	.footer .fo1{ padding: 20px 0;}
	.footer .fo2{ padding-bottom: 12px;}
	.iab{ padding-bottom: 40px;}
	.iab .img{ margin-top: 20px;}
	.inews{ padding: 40px 0;}
}


/*product*/
@media screen and (max-width: 1680px) {
	.header2 .head a{ font-size:1.6em; margin-right:40px;}
    .header2 .logo{ width:140px;}
    .lists .list2{ padding-left:20px;}
    .lists a{ font-size:1.6em;}
    .product{ padding:80px 0 60px 0;}
    .product .tit h3{ margin-bottom:40px;}
}
@media screen and (max-width: 1450px) {
	.product .tit h3{ font-size:3.6em; margin-bottom:20px;}
	.product .plb{ padding:20px 0;}
	.header2 .logo{ width:100px; padding:14px 0;}
	.header2 .logo img{ width:50px;}
	.header2 .head a{ font-size:1.4em; margin-right:24px;}
	.header2 form .hb{ width:16px; background-size:contain;}
    .header2 .lun a{ font-size:1.4em;}
    .lists .list2{ padding-top:16px}
    .lists a{ font-size:1.4em; margin-right:15px;}
}
@media screen and (max-width: 1250px) {
	.product .pdots .pd { width: calc(50% - 20px);  margin: 20px 10px;}
    .product .pdots .pd .t{ padding-top:20px;}
    .product{ padding:60px 0 40px 0;}
    .product .tit h3{ font-size:3.2em;}
    .header2 form{ display:none;}
}
@media screen and (max-width: 1024px){
    .product .tit h3{ font-size:2.8em; }
}

@media screen and (max-width: 680px) {
	.lists.up { top: 68px;  left: 0;}
}
@media screen and (max-width: 450px) {
	.lists a{ width:40%; margin:10px 5px; }
	.lists.up a{display:none;}
	.lists.up a.lock{ display:block;}
	.lists.up .list2{ padding:5px 10px;}
    .product .tit h3{ font-size:2em; margin-bottom:10px;}
    .product .pdots .pd { width: calc(50% - 20px);  margin: 10px 10px;}
    .product{ padding:40px 0;}
}


@media screen and (max-width: 680px) {
	.lists.up { top: 68px;  left: 0;}
}
@media screen and (max-width: 450px) {
	.lists a{ width:40%; margin:10px 5px; }
	.lists.up a{display:none;}
	.lists.up a.lock{ display:block;}
	.lists.up .list2{ padding:5px 10px;}
    .product .tit h3{ font-size:2em; margin-bottom:10px;}
    .product .pdots .pd { width: calc(50% - 20px);  margin: 10px 10px;}
    .product{ padding:40px 0;}
}



/*productshow*/
@media screen and (max-width: 1680px) {
    .proshow .ptxt h3{ font-size:4.2em; margin-bottom:40px;}	
    .proshow .ptxt{ padding:20px 60px;}
    .proshow .ptxt p{ font-size:1.6em; margin-bottom:14px;}
    .proshow .pro-txts .pimgs .back a{ padding:20px 40px;}
    .proshow .pro-imgs .swiper-button-next, .proshow .pro-imgs .swiper-button-prev{ width:30px; height:60px;}
    .pdate .tit h3{ font-size:4.2em; margin-bottom:60px;}
    .pmore .tit h3{ font-size:4.2em; margin-bottom:50px;} 
    .pmore{ padding:70px 0;}
    .pdate .tit h3{ margin-bottom:40px; font-size:3.2em;}
}
@media screen and (max-width: 1450px) {
	.proshow .ptxt h3{ font-size:3.6em; margin-bottom:30px;}
    .pdate{ padding:70px 0;}
    .pmore .tit h3{ font-size:3.6em;}
    .pmore{ padding:0 0 50px 0;}
}
@media screen and (max-width: 1250px) {
	.proshow .pro-imgs .swiper-button-next, .proshow .pro-imgs .swiper-button-prev{ width:20px; height:40px;}
    .proshow .ptxt{ padding:20px 40px;}
    .proshow .ptxt h3{ font-size:3.2em; margin-bottom:20px;}
    .proshow .ptxt p{ font-size:1.4em; margin-bottom:6px;}
    .pdate .tit h3{ font-size:2.4em; margin-bottom:20px;}
    .pmore .tit h3{ font-size:2.4em; margin-bottom:30px;}
}
@media screen and (max-width: 1024px) {
    .proshow .ptxt h3{ font-size:2.4em;}
    .proshow .pro-txts .pimgs .back a{ padding:20px;}
    .proshow .ptxt h3{ margin-bottom:10px;}	
    .pdate{ padding:40px 0;}
    .pmore .tit h3{ font-size:2em;}
}

@media screen and (max-width: 450px) {
	.proshow .pro-imgs .swiper-button-next, .proshow .pro-imgs .swiper-button-prev{ width:16px;}
	.proshow .pro-imgs{ padding:0 10px 30px 10px;}
	.proshow .ptxt h3{ font-size:1.8em;}
	.proshow .ptxt{ padding:20px;}
    .pdate .tit h3{ font-size:2em;}
    .pmore .tit h3{ font-size:1.8em; margin-bottom:12px;}
    .pmore .pmdot .pmd .t p{ margin-top:6px;}
    .pmore{ padding-bottom:20px;}
}


/*project*/
@media screen and (max-width: 1680px) {
	.project-dots .tit h3{ font-size:5em; margin-bottom:20px;}
	.project-ban a{ font-size:1.6em;}
    .project-ban .swiper-button-next, .project-ban .swiper-button-prev{ width:80px;}
    .project-dots .tit p{ font-size:2em;}
    .project-dots .pj-ds .pjd a{ padding:12px;}
    .project-ban{ margin:0 0 60px 0;}
    .project-dots .pj-ds .pjd { width: calc(50% - 20px);  margin: 20px 10px;}
    .project-dots .pj-ds{ padding:30px 0;}
}
@media screen and (max-width: 1450px) {
	.project-dots .tit h3{ font-size:4em;}
    .project-dots .tit p{ font-size:1.6em;}
    .project-dots{ padding-bottom:40px;}
    .project-dots .pj-ds{ padding:10px 0;}
    .project-dots .pj-ds .pjd .t p{ font-size:1.4em;}
    .project-ban .swiper-button-next{ right:20px;}
    .project-ban .swiper-button-prev{ left: 20px;}
}
@media screen and (max-width: 1250px) {
	.project-dots .tit h3{ font-size:2.8em;}
    .project-ban a{ font-size:1.4em; padding:6px;}
    .project-ban{ margin:0 0 40px 0;}
    .project-dots .tit p{ font-size:1.4em; }
}
@media screen and (max-width: 1024px) {
    .project-dots .tit h3{ font-size:2.2em; margin-bottom:10px;}
    .project-dots{ padding-bottom:40px;}
}

@media screen and (max-width: 450px) {
	.project-dots .pj-ds .pjd{ margin: 10px;}
	.project-dots .tit{ padding: 0;}
	.project-ban .swiper-button-next, .project-ban .swiper-button-prev{ width: 60px;}
	.project-ban .more{ bottom: 20px;}
	.project-dots .tit h3{ font-size: 2em;}
	.project-dots .pj-ds .pjd { width: 100%; margin:10px 0;}
	div.fy a, div.fy span.current, div.fy span.disabled{ padding:4px 8px; }
}


/*projectshow*/
@media screen and (max-width: 1680px) {
	.pjs-ban .txt h3{ font-size:8em;}
	.pjs-txt{ padding:80px 0;}
	.pjs-txt .txt p{ font-size:1.6em;}
	.pjs-txt .t .d{ margin-bottom:20px;}
	.pjs-txt .t p{ font-size:1.4em;}
	.pjs-imgs .tit h3{ font-size:2em; margin-bottom:20px;}
	.pjs-imgs .pimgs { width: calc(100% + 20px);  margin: 0 0 0 -10px;}
    .pjs-imgs .pimgs .img {  width: calc(33.33% - 20px);  margin: 10px 10px;}
    .pjs-imgs{ padding-bottom:60px;}
}
@media screen and (max-width: 1450px) {
	.pjs-ban .txt h3{ font-size:6em;}   
    .pjs-txt .t .d{ margin-bottom:10px;}
    .pjs-txt{ padding:60px 0;}
}
@media screen and (max-width: 1250px) {
	.pjs-ban .txt h3{ font-size:4em;}   
    .pjs-txt .txt p{ font-size:1.4em;}
    .pjs-txt .t h3{ font-size:1.6em;}
    .pjs-imgs .tit h3{ font-size:1.8em; margin-bottom:10px;}
    .pjs-txt{ padding:40px 0;}
}

@media screen and (max-width: 680px){
	.pjs-ban .txt h3{ font-size:2.4em;}
}
@media screen and (max-width: 450px) {
	.pjs-txt{ padding:30px 0;}
	.pjs-imgs .pimgs .img { width: calc(50% - 10px); margin: 5px;}
    .pjs-imgs{ padding-bottom:40px;}
}


/*video*/
@media screen and (max-width: 1680px) {
    .video .tit h3{ font-size:5em; margin-bottom:30px;}
    .video{ padding:70px 0;}
    .video .vdots .vd .t p{ font-size:1.6em;}
}
@media screen and (max-width: 1450px) {
	 .video .tit h3{ font-size:4em; margin-bottom:20px;}
	 .video .vdots .vd .img:after{ background-size:60px;}
	 .video .vdots .vd .t{ padding-top:20px;}
	 .video .vdots .vd {  width: calc(33.33% - 30px);  margin: 20px 15px;}
}
@media screen and (max-width: 1250px) {
	.video .vdots .vd .t p{ font-size:1.4em;}
	.video .vdots .vd .t{ padding-top:10px;}
    .video .vdots{ padding:0 20px;}
    .video .vdots .vd {  width: calc(33.33% - 20px);  margin: 10px 10px;}
}
@media screen and (max-width: 1024px) {
	.video{ padding:40px 0;}
	.video .tit h3{ font-size:2.8em; }
	.video .vdots .vd .t p { line-height: 24px; height: 48px;}
}

@media screen and (max-width: 680px) {
	.video .vdots .vd { width: calc(50% - 20px);}
	.video .vdots .vd .img:after { background-size: 40px;}
}
@media screen and (max-width: 450px) {
	.video .vdots .vd { width: calc(100%); margin:10px 0;}
}


/*finshes*/
@media screen and (max-width: 1680px) {
	.material-t .tit h3{ font-size:4.8em; margin-bottom:20px;}
    .material-t .tit p{ font-size:1.6em;}
}
@media screen and (max-width: 1450px) {
	.material-t .mdots .md {  width: calc(25% - 20px);  margin: 10px 10px;}
    .material-t .mdots .md .t p{ margin-top:10px;}
    .material-t{ padding:60px 0;}
}    
@media screen and (max-width: 1250px) {
	.material-t .tit h3{ font-size:3.2em; margin-bottom:10px;}
	.material-t .tit p{ font-size:1.4em; line-height:1.5;}
}

@media screen and (max-width: 680px) {
	.material-t .mdots .md { width: calc(50% - 20px);}
}
@media screen and (max-width: 450px) {
	.material-t{ padding: 40px 0;}
	.material-t .mdots{ margin-top: 20px;}
	.material-t .tit h3{ font-size: 2.4em;}
	.material-t .mdots .md { width: calc(100% - 20px);}
}


/*finsheshow*/
@media screen and (max-width: 1680px) {
	.mashow .mas .txt h3{ font-size:2em; margin-bottom:10px;}
    .mashow .mas .txt p{ font-size:1.6em; }
    .mashow{ padding:40px 0 60px 0;}
    .mashow .mas .txt{ padding:0 40px;}
    .mamore .tit h3{ font-size:2.4em; margin-bottom:30px;}
}
@media screen and (max-width: 1450px) {
	.mamore{ padding:60px 0;}
	.mashow .mas{ margin-top:20px;}
}
@media screen and (max-width: 1250px) {
	.mashow .mas .txt h3{ font-size:1.8em;}
	.mashow .mas .txt p{ font-size:1.4em;}
	.mamore .tit h3{ font-size:2em; margin-bottom:20px;}
	.mamore{ padding:40px 0;}
	.mamore .mdots .md { width: calc(25% - 20px);  margin: 0px 10px;}
}

@media screen and (max-width: 650px){
	.mashow .mas{ display: block;}
	.mashow .mas .img{ width: 100%; margin-bottom: 20px;}
	.mashow .mas .txt{ width: 100%; padding: 0 20px;}
	.mamore .mdots .md { width: calc(50% - 20px); margin: 10px;}
	.mamore .mdots .md .t p{ margin-top: 10px;}
}
@media screen and (max-width: 450px){
	.mashow{ padding: 40px 0;}
	.mashow .mas .txt{ padding: 0;}
	.mashow .mas .txt p{ line-height: 1.5;}
	.mamore{ padding: 20px 0;}
	.mamore .tit h3{ font-size: 1.8em; margin-bottom: 10px;}
	.mamore .mdots .md { width: calc(50% - 10px); margin: 5px;}
}



/*sale network*/
@media screen and (max-width: 1680px) {
	.sale .shop .sd h3{ font-size:1.8em;}
	.sale .shop .sd{ padding:12px;}
}
@media screen and (max-width: 1450px) {
	.sale .shop .sd p{ font-size:1.4em;}
	.sale .shop .sd h3{ margin-bottom:12px;}
	.sale .shop .sd h3 span img{ width:14px;}
    .sale .shop .sd h3 span{ width:24px;}
    .sale .shop .sd p{ padding-left:24px;}
}
@media screen and (max-width: 1250px) {
    .sale .shop .sd h3{ font-size:1.6em;}
}
@media screen and (max-width: 1024px) {
	.sale .shop .sd h3{ margin-bottom:6px;}
	.sale .shop .sd{ padding:8px 12px;}
	.sale .shop{ margin:12px;}
}

/*news*/
@media screen and (max-width: 1680px) {
	.banners .txt h3{ font-size:8em;}
	.news-t .ndots .nd { padding: 30px 20px;  width: calc(33.33% - 40px); margin: 30px 20px;}
    .news-t .ndots .nd .t{ padding-top:40px;}
}
@media screen and (max-width: 1450px) {
	.banners .txt h3{ font-size:6em;}
	.news-t .ndots .nd { padding: 20px 10px; }
	.news-t .ndots .nd .t{ padding-top:30px;}
    .news-t .ndots .nd .t p{ font-size:1.6em; margin-bottom:10px;}
}
@media screen and (max-width: 1250px) {
	.banners .txt h3{ font-size:4.8em;}
	.news-t .ndots .nd { padding: 14px 10px;  width: calc(33.33% - 20px); margin: 10px 10px;}
    .news-t .ndots .nd .t{ padding-top:10px;}
    .news-t .ndots{ padding:0 20px;}
    .news-t .ndots .nd .t p{ font-size:1.4em; margin-bottom:0px;}
    .news-t{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
    .news-t{ padding:40px 0;}
}

@media screen and (max-width: 680px){
	.banners .txt h3{ font-size:3.2em;}
	.banners{ height:400px;}
	.news-t .ndots .nd { padding: 8px; width: calc(50% - 10px);  margin: 5px;}
}
@media screen and (max-width: 450px){
	.banners .txt h3{ font-size:2.4em;}
	.banners{ height:320px;}
	.news-t .ndots .nd { padding: 8px 8px 12px 8px; width: calc(100%);  margin: 5px 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;}
}

/*about*/
@media screen and (max-width: 1680px) {
    .ab-tit h3{ font-size:6em; margin-bottom:40px;}
    .ab-tit{ padding:90px 20px;}
    .ab1 .txt h3, .ab2 .txt h3{ font-size:5em; margin-bottom:30px;}
    .ab1 .txt p, .ab2 .txt p{ font-size:1.6em;}
    .ab2 .txt{ padding-left:6%;}
    .ab3{ padding:120px 0;}
    .ab3 .tit h3{ font-size:5em; margin-bottom:60px;}
    .ab3 .swiper-slide .txt h3{ font-size:5em; margin-bottom:20px;}
    .ab3 .swiper-slide .txt p{ font-size:1.6em; }
    .ab3 .swiper-slide .txt{ padding:30px 60px;}
    .ab4{ padding:260px 0;}
    .ab4 .txt h3{ font-size:5em;}
    .ab4 .txt p{ font-size:1.6em;}
    .ab4 .txt a{ font-size:2em;}
}
@media screen and (max-width: 1450px) {
    .ab-tit h3{ font-size:5em; margin-bottom:30px;}
    .ab-tit p{ font-size:1.6em; }	
    .ab1 .txt h3, .ab2 .txt h3{ font-size:4em; margin-bottom:20px;}
    .ab1 .txt p, .ab2 .txt p{ font-size:1.4em;}
    .ab3{ padding:80px 0;}
    .ab3 .swiper-slide .txt h3{ font-size:4em; line-height:1.2;}
    .ab3 .swiper-slide .txt p{ font-size:1.4em;}
    .ab3 .swiper-slide .txt{ padding:30px;}
    .ab4{ padding:200px 0;}
    .ab4 .txt h3{ font-size:4em; }
    .ab4 .txt p{ font-size:1.4em;}
    .ab4 .txt a{ font-size:1.8em;}
}
@media screen and (max-width: 1250px) {
	.ab-tit{ padding:70px 20px;}
	.ab-tit h3{ font-size:4em; margin-bottom:10px;}
	.ab-tit p{ font-size:1.4em;}
	.ab1 .txt h3, .ab2 .txt h3{ font-size:3.2em;}
	.ab3 .tit h3{ font-size:4em; margin-bottom:30px;}
    .ab4{ padding:180px 0;}
    .ab4 .txt h3{ font-size:3.2em;}
    .ab4 .txt a{ font-size:1.6em;}
}
@media screen and (max-width: 1024px) {
	.ab-tit{ padding:50px 20px;}
	.ab-tit h3{ font-size:3.2em;}
	.ab1 .txt h3, .ab2 .txt h3{ font-size:2.4em;}
	.ab1 .txt p, .ab2 .txt p{ line-height:1.5;}
	.ab3 .tit h3{ font-size:3.2em;}
	.ab3 .swiper-slide .txt h3{ font-size:2.4em; margin-bottom:10px;}
    .ab4{ padding:150px 0;}
    .ab4 .txt h3{ font-size:3.2em; margin-bottom:20px;}
    .ab4 .txt a{ font-size:1.4em;}
}

@media screen and (max-width: 680px) {
    .ab-tit h3{ font-size:2.4em;}
    .ab1, .ab2{ display:block;}
    .ab1 .txt h3, .ab2 .txt h3{ font-size:2em;}	
    .ab1 .img{ width:100%; margin-bottom:20px;}
    .ab-tit{ padding:30px 20px;}
    .ab1 .txt{ width:100%; padding:20px;}
    .ab1 .txt h3, .ab2 .txt h3{ margin-bottom:6px;}
    .ab2 .img{ width:100%; margin-bottom:20px;}
    .ab2 .txt{ width:100%; padding:0 20px;}
    .ab3{ padding:40px 0;}
    .ab3 .tit h3{ font-size:2.4em; margin-bottom:20px;}
    .ab3 .swiper-slide{ display:block;}
    .ab3 .swiper-slide .img{ width:100%;}
    .ab3 .swiper-slide .txt{ padding:20px; width:100%;}
    .ab3 .btns{ left:0; top:0;}
    .ab4 .txt h3{ font-size:2.4em; margin-bottom:10px;}
    .ab4{ padding:80px 0;}
}
@media screen and (max-width: 450px) {
	.ab-tit h3{ font-size:2em;}
	.ab-tit p{ line-height:1.5;}
	.ab1 .txt h3, .ab2 .txt h3{ font-size:1.6em;}
	.ab3 .btns .swiper-button-next, .ab3 .btns .swiper-button-prev{ width:40px; height:40px;}
	.ab3 .btns{ width:40px; height:80px;}
	.ab3 .swiper-slide .txt h3{ font-size:2em;}
	.ab3 .swiper-slide .txt{ padding:20px 0;}
	.ab4{ padding:60px 0;}
	.ab4 .txt h3{ font-size:2em;}
	.ab4 .txt p{ line-height:1.5;}
}


/*contact*/
@media screen and (max-width: 1680px) {
	.contact-t .cmore{ padding:40px 0;}
    .contact-t .c-tit h3{ font-size:3.6em;}
    .contact-t .c-tit p{ font-size:1.6em;}
    .contact-t .cmore .cd h4{ font-size:1.8em;}
    .contact-t .cmore .cd p{ font-size:1.4em;}
    .contact-t .cmore .cd h3{ font-size:3.6em;}
    .contact-t .cmore .cd a{ font-size:1.6em;}
    .contact-t .cfd .tit h3{ font-size:3.6em; margin-bottom:20px;}
    .contact-t .fc-input{ margin-bottom:20px;}
    .contact-t .btn .fc-btn{ margin-top:30px;}
    .contact-t .btn .fc-btn{ padding:6px 40px;}
    .contact-t .bm p{ font-size:1.4em;}
    .contact-t form .d h3{ margin-bottom:12px;}
}
@media screen and (max-width: 1450px) {
	.contact-t .cmore .cd h3{ font-size:3.2em;}
	.contact-t .cmore .cd h4{ font-size:1.6em; margin:10px 0;}
	.contact-t .c-tit,.contact-t .cfd{ padding:60px 0;}
	.contact-t form .d h3{ font-size:1.4em;}
	.contact-t .fc-input{ margin-bottom:0;}
	.contact-t .btn .fc-btn{ font-size:1.6em; padding:4px 40px;}
}
@media screen and (max-width: 1250px) {
	.contact-t .c-tit, .contact-t .cfd{ padding:40px 0;}
	.contact-t .c-tit h3{ font-size:3.2em; margin-bottom:10px;}
	.contact-t .cmore .cd h3{ font-size:2.4em;}
	.contact-t .cfd .tit h3{ font-size:2.4em; margin-bottom:10px;}
	.contact-t .btn .fc-btn{ margin-top:20px;}
}
@media screen and (max-width: 1024px) {
	.contact-t .c-tit, .contact-t .cfd{ padding:30px 0;}
    .contact-t .c-tit h3{ font-size:2.4em;}
    .contact-t .cmore{ padding:20px 0;}
    .contact-t .cmore .cd h3{ font-size:2.4em;}
    .contact-t .cmore .cd h4{ font-size:1.4em;}
    .contact-t .cmore .cd a{ padding:8px 12px; font-size:1.4em;}
    .contact-t form .d{ margin:8px 15px;}
    .contact-t .btn .fc-btn{ font-size:1.4em; padding:6px 30px;}
}

@media screen and (max-width: 680px) {
	.contact-t .c-tit h3,.contact-t .cmore .cd h3,.contact-t .cfd .tit h3{ font-size:2em;}
	.contact-t .c-tit p{ font-size:1.4em;}
	.contact-t .cmore .cd p{ line-height:1.5;}
	.contact-t .cmore .cd{ width:100%; margin-bottom:20px;}
    .contact-t .cmore{ padding:0;}
    .contact-t form .d { width: calc(100%); margin:10px 0;}
    .contact-t .btn{ padding:0;}
    .contact-t .btn .fc-btn{ padding:4px 20px;}
}
@media screen and (max-width: 450px) {
	.contact-t .c-tit h3, .contact-t .cmore .cd h3, .contact-t .cfd .tit h3{ font-size:1.8em; margin-bottom:6px;}
	.contact-t .cmore .cd h4{ margin:0;}
	.contact-t input, .contact-t textarea{ padding:6px 8px;}
}



/*login*/
@media screen and (max-width: 1680px) {
	.login .login-txt{ padding:20px;}
	.login .login-txt .tit h3{ font-size:2em;}
	.login input{ margin-bottom:16px;}
	.login .lb{ padding:10px 0; font-size:1.6em;}
	.login .btn{ margin-top:10px;}
    .login .login-txt .tit{ margin-bottom:20px;}
}
@media screen and (max-width: 1250px) {
	.login input{ padding:8px 12px;}
    .login .login-txt .tit h3{ font-size:1.6em;}
    .login .lb{ font-size:1.4em; padding:4px;}
}

@media screen and (max-width: 450px) {
	.login .login-txt{ max-width:300px; padding:10px;}
	.login .yz img{ height:40px;}
	.login input{ margin-bottom:12px;}
}



/*download*/
@media screen and (max-width: 1680px) {
	.download-t .ndots .nd {  padding: 0px 0px;  width: calc(25% - 40px);  margin: 20px 20px;}
    .download-t .ndots .nd .t{ padding-top:30px;}
    .download-t .ndots .nd .t p{ font-size:1.6em; margin-bottom:10px;}
}
@media screen and (max-width: 1450px) {
	.download-t{ padding:50px 0;}
	.download-t .ndots .nd .t{ padding-top:12px;}
    .download-t .ndots{ padding:0 20px;}
    .download-t .ndots .nd { width: calc(25% - 20px);  margin: 20px 10px;}
}
@media screen and (max-width: 1250px) {
	.download-t .ndots .nd .t p{ font-size:1.4em; }
}

@media screen and (max-width: 680px) {
	.download-t{ padding:40px 0;}
	.download-t .ndots .nd {  width: calc(33.33% - 20px); margin: 10px 10px;}
}
@media screen and (max-width: 450px) {
	.download-t{ padding:20px 0;}
	.download-t .ndots .nd {  width: calc(50% - 10px); margin:10px 5px;}
}