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


/*index*/
@media screen and (max-width: 1680px){
    .header .menus .md>a{ padding: 50px 25px 36px 25px; }
    .header .menus .lun{  margin: 44px 0 15px 50px;}
    .header .menus .md .m-list{top:107px;}
    .iab .txt{ padding:8%;}
    .iab .txt .t h4{ font-size:4.2em;}
    .iab .txt .dots .dot h4 span{ font-size:52px;}
    .inews{ padding:140px 40px;}
    .inews .txts .txt .t h3{ margin-bottom:20px; font-size:4.2em; height:48px; line-height:48px;}
    .inews .txts .txt .t span{ margin:30px 0 20px 0;}
    .iv .iv-box{ width:52%;}
    .iv .iv-box .box .box1:after,.iv .iv-box .box .box2 .b:after{ top:calc(50% - 60px); left: calc(50% - 60px); width: 120px; height: 120px; }
    .warp{ padding:0 80px;}
    .footer .fo2 .left h3{ font-size:3.6em;}
}
@media screen and (max-width: 1440px){
	 .header .menus .md .m-list{top:97px;}
	.header .logo{ padding:20px 0;}
	 .header .menus .md>a{ padding: 40px 25px 36px 25px; }
    .header .menus .lun{  margin: 34px 0 15px 50px;}
    .ip .tit .t h3{ font-size:2em; line-height:1.2;}
    .ip .tit .t{ padding:20px 6% 20px 16%;}
    .ip .tit:after{ height:26px;}
    .ip .ip-slider .tip p{ font-size:2em;}
    .iab .txt{ padding:8% 4%;}
    .iab .txt .t h4{ font-size:3.6em; }
    .iab .txt .t p{ font-size:1.4em;}
    .iab .txt .t{ margin-bottom:20px;}
    .iab .txt .dots .dot h4 span{ font-size:42px; line-height:1.2;}
    .iab .txt .dots .dot h3{ font-size:1.6em;}
    .iab .img .tit h3{ font-size:2em;}
    .iab .img .tit{ padding:14px 60px;}
     .inews{ padding:100px 40px;}
    .inews .txts .txt .t h3{ font-size:3.2em; margin-bottom:8px;}
    .inews .txts .txt .t:after{ width:100px; background-size:contain !important;}
    .inews .txts .txt .t{ padding-right:120px;}
    .iv .iv-box{ padding:40px;}
    .iv .iv-box .tit h3{ font-size:2em;}
    .iv .iv-box .box .box2{ width: calc(100% + 10px); margin-left: -5px; }
    .iv .iv-box .box .box2 .b{  width: calc(50% - 10px); margin: 10px 5px 0 5px;}
    .iv .iv-box .box .box1, .iv .iv-box .box .box2 .b{ margin-top:10px;}
    .iv .iv-box .box .box1:after,.iv .iv-box .box .box2 .b:after{ top:calc(50% - 50px); left: calc(50% - 50px); width: 100px; height: 100px; }
    .warp{ padding:0 40px;}
    .footer .fo2{ padding:20px 0;}
    .footer .fo1 .fo1-box .f-menu .dot{ padding-left:60px;}
    .footer .fo1 .fo1-box .left img{ width:70px;}
    .footer .fo2 .left h3{ font-size:3.2em;}
    .footer .fo1 .fo1-box .left p{ line-height:1.5;}
}
@media screen and (max-width: 1250px){
	.header.hd .menus .md .m-list{top:75px;}
	.header .menus .md .m-list{ padding:10px 0;}
	.header .logo img{ width:200px;}
	.header .logo{ padding:28px 0;}
	.header .menus .md>a{ padding: 40px 15px 36px 15px; }
	.header.hd .menus .md>a{ padding: 30px 20px 24px 20px;}
    .header.hd .menus .lun{ margin: 26px 0 15px 30px;}
    .ip .tit .t h3{ font-size:1.6em;}
    .iab .txt .t h4{ font-size:2.4em;}
    .iab .txt .dots .dot h4 span{ font-size:36px;}
    .inews{ padding:80px 20px;}
    .inews .txts .txt{  width: calc(50% - 30px); margin: 0 15px;}
     .inews .txts .txt .t h3{ font-size:2.4em; line-height:28px; height:28px;}
    .inews .txts .txt .t span{ margin:16px 0 10px 0;}
    .inews .txts .txt .t:after{ width:80px;}
    .iv .iv-box{ padding:40px 20px;}
}
@media screen and (max-width: 1024px){
    .header .menus,.footer .fo2,.footer .fo1 .fo1-box .f-menu{ display:none;}
    .header .logo{ padding:14px 0;}	
    #hamburger:before, #hamburger:after, #hamburger span{ background:#cd000c;} 
    .header.hd .logo{ padding: 10px 0;}
    .iab>*{ display:block; width:100%;}
    .iab .img{  height:340px; width:100%; background-attachment: fixed;}
    .iab .txt{ padding:60px 40px;}
    .inews{ padding:20px 20px;}
    .inews .txts .txt{  width: calc(100%); margin: 30px auto; max-width:600px; float:none;}
    .iv .iv-box{ width:90%;}
    .iv {
        background: url(../images/webp/iv-bg.webp) center right no-repeat;
    }
    .footer .fo1 .fo1-box{  padding:30px 0; text-align:center; }
    .footer .fo1 .fo1-box .left{width:100%;}
    .footer .fo1 .fo1-box .left img{ width:40px;}
    .footer .fo1{ padding:0 20px;}
	.iv .iv-box .tit a{ font-size: 1.4em;}
}
@media screen and (max-width: 850px){
	.header .logo img{ width:160px;}
	.header .logo,.header.hd .logo{ padding:20px 0;}
	.header.hd .logo img{ transform: scale(1);}
    #m1 .header{ position:static;}
    #m1 .header.hd{ position:fixed;}
}
@media screen and (max-width: 650px){
	.header .logo,.header.hd .logo{ padding:12px 0;}
    .ip .tit .t{ padding:10px 40px 10px 120px;}
    .ip .ip-slider .tip p{ font-size:1.6em;}
    .ip .ip-slider{ padding:40px 0;}
    .iv .iv-box{ width:100%;}
    .bottomlist ul li img{ width:25px; height:25px;}
    .footer{ margin-bottom:35px;}
    .iab .txt .dots .dot.d2{ padding:30px;}
    .iab .txt .dots .dot h4 span{ font-size:28px;}
	.footer .fo1{ padding:0;}
    .footer .fo1 .warp{ padding:0 10px;}
	.warp{ padding:0 20px;}
}
@media screen and (max-width: 450px){
    .banner-slider img{ width:115%; margin-left:-5%;}	
    .iab .img .tit h3{ font-size:1.6em; line-height:1.2;}
    .iab .img .tit{ padding:10px 12px;}
    .iab .txt{ padding:40px 20px;}
    .iab .txt .t h4{ font-size:2em;}
    .iab .txt .dots .dot.d1,.iab .txt .dots .dot.d2{ width:100%; padding:20px 0;}
    .iab .txt .dots .dot.d1{ border-bottom:1px solid #3e3e3e; border-right:none;}
    .inews .txts .txt .t h3{ font-size:2em;}
    .inews .txts .txt .t{ padding-right:60px;}
    .inews .txts .txt .t:after{ width:50px;}
    .iv .iv-box .tit{ padding:0;}
    .iv .iv-box .tit h3{ font-size:1.6em;}
    .iv .iv-box .box .box1:after,.iv .iv-box .box .box2 .b:after{ top:calc(50% - 30px); left: calc(50% - 30px); width: 60px; height: 60px; }
     .iv .iv-box .box .box2 .b{  width: calc(100% - 10px); margin: 10px 5px 0 5px;}
    .footer .fo1 .fo1-box{ padding:20px 0;}
}

/*product*/
@media screen and (max-width: 1680px){
    .product .p-tit .pt h3{ font-size:2.8em; padding:30px 80px 30px 160px}
    .product .p-tit .plt{ padding-left:60px;}
}
@media screen and (max-width: 1440px){
	.product .p-tit .pt h3{ font-size:2.4em; padding:20px 80px 20px 160px}
    .product .p-tit .plt a{ line-height:60px;} 
     .product .p-tit .plt{ padding-left:40px;}
    .product .p-boxs .pbox{ padding:20px 0;}
}
@media screen and (max-width: 1250px){
	.product .p-tit .pt h3{ font-size:2em;}
	.product .p-tit .plt a{ font-size:1.4em; margin: 0 10px;}
	div.fy{ padding:10px 15px; margin:20px 0 40px 0;}
}
@media screen and (max-width: 1024px){
	.product .p-tit .pt h3{ font-size:1.6em; padding:10px 40px 10px 120px}
    .product .p-tit .plt a{ line-height:40px;} 
    .product .p-tit .plt a:hover:after, .product .p-tit .plt a.lock:after{ height:6px;}
    .product .p-tit .plt a{ margin:0;}
    .product .p-boxs .pbox .t p{ font-size:1.6em;}
}
@media screen and (max-width: 850px){
	.product .p-tit .pt h3{width:100%; background-size:cover !important; padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.product .p-tit .pt{ float:none; text-align:center;}
	.product .p-tit .plt{ width:100%; padding:0;}
	.product .p-tit .plt a{ padding:10px;}
}
@media screen and (max-width: 450px){
	 .product .p-boxs .pbox{ width: calc(100% - 20px); margin:0 10px 10px 10px; }
	 div.fy a, div.fy span.current,div.fy span.disabled{ padding:4px 8px; }
	 div.fy *:first-child,div.fy *:last-child{ margin-top: -4px;}
	 div.fy{ padding:5px 5px;}
	.banners.pro{ height: 180px;}
}


/*productshow*/
@media screen and (max-width: 1680px){
    .proshow-tit{ padding:120px 0 100px 0;}
    .proshow-tit h4{ font-size:24em;}
    .proshow-vi .pv-box .pvb .img img{  width:1000px;}
    .proshow-vi{  padding:90px 0 90px 30px;}
    .proshow-details .pdbs .pdb .t h3{ font-size:3.2em;}
    .proshow-details .warp2{ max-width:1240px;}
    .proshow-details .pb-tit h3{ font-size:3.2em;}
    .proshow-details .pb-tit h4{ font-size:2em;}
}
@media screen and (max-width: 1440px){
	.proshow-tit{ padding:80px 0 100px 0;}
    .proshow-tit h4{ font-size:22em;}
    .proshow-tit h3{ font-size:2.8em;}
    .proshow-tit p{ font-size:2.4em;}
    .proshow-vi .pv-box .pvb .img img{  width:900px;}
    .proshow-details .warp2{ max-width:1040px;}
    .proshow-details .pdbs .pdb .t h3{ font-size:2.4em;}
    .proshow-details .tit h3{ font-size:2.8em; margin-bottom:30px;}
    .proshow-details{ padding:60px 0 50px 0;}
     .proshow-details .pb-tit h3{ font-size:2.8em;}
}
@media screen and (max-width: 1250px){
	.proshow-tit{ padding:60px 0 80px 0;}
    .proshow-tit h4{ font-size:20em;}
    .proshow-tit h3{ font-size:2.4em; }
    .proshow-tit p{ font-size:2em;}
    .proshow-vi{  padding:60px 0 60px 30px;}
    .proshow-vi .pv-box .pvb{   margin-bottom:30px;}
    .proshow-details .pb-tit{  padding-top:50px;}
    .proshow-base table tr td{ font-size:1.4em; padding:14px 20px;}
    .proshow-base{ padding:60px 0;}
}
@media screen and (max-width: 1024px){
	.proshow-tit{ padding:60px 0;}
    .proshow-tit h4{ font-size:16em;}
    .proshow-tit h3{ font-size:2em; }
    .proshow-tit p{ font-size:1.8em;}
	.proshow-base .imgs .color h3{ font-size: 1.4em;}
	.proshow-base .imgs .color span{ width: 40px; margin-left: 6px;}
}
@media screen and (max-width: 850px){
	.proshow-tit h4{ font-size:14em;}
	.proshow-vi .pv-box .pvb .img img{  width:600px;}
	.proshow-vi .pv-box .img.pv:after{ top:calc(50% - 50px); left: calc(50% - 50px); width: 100px; height: 100px; }
	.proshow-details{ padding:40px 0;}
	.proshow-details .tit h3{ font-size:2.4em; margin-bottom:14px;}
	.proshow-details .pdbs .pdb .t h3{ font-size:2em;}
	.proshow-details .pb-tit h3{ font-size:2em; margin-bottom:10px;}
	.proshow-details .pb-tit h4{ font-size:1.6em;}
	.proshow-base{ padding:40px 0;}
	.proshow-base .imgs{ margin: 0 auto 40px auto;}
	.proshow-base .table{ overflow-x:scroll;}
	.proshow-base .table table{ min-width:900px;}
}
@media screen and (max-width: 650px){
	.proshow-tit{ padding:40px 0;}
	.proshow-tit h4{ font-size:10em;}
	.proshow-vi .pv-box .pvb .img img{  width:350px;}
	.proshow-vi .pv-box .img{ padding-right:10px;}
	.proshow-vi .pv-box .img.pv:after{ top:calc(50% - 40px); left: calc(50% - 40px); width: 80px; height: 80px; }
	.proshow-vi .pv-box::-webkit-scrollbar { height: 10px;}
	.proshow-vi .pv-box .pvb{ margin-bottom:10px;}
	.proshow-details .tit h3{ font-size:2em;}
	.proshow-details .pdbs .pdb .t h3{ font-size:1.6em;}
	.proshow-details .pb-tit{ padding-top:30px;}
}
@media screen and (max-width: 450px){
	.proshow-tit{ padding:20px 0;}
	.proshow-tit h4{ font-size:8em;}
	.proshow-tit h3{ font-size:1.6em; }
	.proshow-tit p{ font-size:1.4em;}
    .proshow-vi{  padding:40px 0 40px 10px;}
    .proshow-vi .pv-box .pvb .img img{  width:280px;}
    .proshow-details .pdbs .pdb .t h3{ font-size:1.4em; padding:0 20px;}
    .proshow-details .tit h3{ font-size:1.6em;}
    .proshow-base .imgs .mySwiper{ margin-top:20px;}
    .proshow-base .imgs .mySwiper .swiper-button-next:after,.proshow-base .imgs .mySwiper .swiper-button-prev:after{ font-size:3em;}
}


/*about*/
@media screen and (max-width: 1680px){
	.about .nums .nd{ padding: 25px 60px 15px 60px; }
	.about .nums .nd h4 span{ font-size:36px;}
    .about-t .ab1{ padding:90px 0;}
    .about-t .ab1 .tit h3{ font-size:3.2em;}
    .about-t .ab1 .tit h4{ font-size:2em;}
    .about-t .ab2 .box .txt h3{ font-size:2em;}
    .about-t .ab2 .box .txt h4{ font-size:3.2em; margin:20px 0 30px 0;}
    .about-t .ab2 .box1 .txt{ padding-right: 4%;}
    .about-t .ab2 .box2 .txt{ padding-left: 4%;}
    .about-t .ab3 .boxs .box .t h3{ font-size:2em;}
    .about-t .ab3 .boxs .box .t p{ margin-top:12px;}
    .about-t .ab4 .img2{ margin-bottom:80px;}
    .about-t .ab5{ padding:60px 0;}
    .about-t .ab6 .tit-line .t{ padding:30px 20px;}
    .about-t .ab6 .tit-line .img{ width:400px;}
    .about-t .ab6 .tit-line .t{ width:calc(100% - 400px);}
    .about-t .ab6 .tit-line .t h3{ font-size:2.8em;}
    .about-t .ab6 .tit-line .t p{ font-size:2em;}
    .about-t .ab6 .group .top h3,.about-t .ab6 .group .gds .gd h3{ font-size:2em;}
    .about-t .ab6 .group .gds .gd h3{ width:42px;}
     .about-t .ab3 .boxs{width: calc(100%); margin-left: 0px;} 
    .about-t .ab3 .boxs .box{ width: calc(50% - 20px); margin: 40px 10px 0 10px; float:left;}
    .about-t .ab3 .boxs .box .t{ padding: 20px 15px 0 15px;}
}
@media screen and (max-width: 1440px){
	.about .nums .nd h3{ font-size:1.6em;}
	.about .nums .nd h4 span{ font-size:32px;}
	.about-t .ab1{ padding:70px 0;}
	.about-t .ab1 .t p{ margin:12px auto 0 auto;}
	.about-t .ab1 .tit h3{ font-size:2.8em;}
	.about-t .ab2{ padding:60px 0;} 
	.about-t .ab2 .box .txt h4{ font-size:2.8em; margin:20px 0 20px 0;}
    .about-t .ab2 .box1{ margin-bottom:60px;}
}
@media screen and (max-width: 1250px){
	.about-t .ab2 .box .txt h3{ margin-top:10px; font-size:1.6em; border-left: 15px solid #cd000c;}
    .about-t .ab2 .box .txt h4{ font-size:2em;}
    .about-t .ab5 .honor .hl .hi{ padding:28px;}	
    .about-t .ab6 .group .gds .gd{ margin:0 15px;}
    .about-t .ab6 .group .gds .gd h3{ font-size:1.6em;}
    .about-t .ab6 .tit-line .t h3{ font-size:2em;}
    .about-t .ab6 .tit-line .t p{ font-size:1.6em;}
    .about-t .ab6 .tit-line .img{  width:360px;}
    .about .nums:after{ width:6%;}
}
@media screen and (max-width: 1024px){
	.about .nums .nd{ padding: 15px 30px; }
    .about .nums .nd h4 span{ font-size:28px;}
    .about-t .ab1{ padding:50px 0;}
    .about-t .ab1 .tit{ margin-bottom:20px;}
    .about-t .ab1 .tit h3{ font-size:2em; margin-bottom:4px;}
    .about-t .ab1 .tit h4{ font-size:1.6em;}
    .about-t .ab5 .honor .hr{ padding:20px;}
    .about-t .ab5 .honor .hl .hi{ padding:24px;}
     .about-t .ab4 .img2{ margin-bottom:40px;}
}
@media screen and (max-width: 850px){
	.about .nums:after{ width:0;}
	.about .nums .nd h4 span{ font-size:24px; margin-right:6px;}
	.about .nums .nd h4{ font-size:1.4em;}
    .about .nums .nd{ padding: 15px 10px; }
    .about-t .ab2 .box2 .img,.about-t .ab2 .box1 .txt{ float:none; width:100%;}
    .about-t .ab2 .box1 .img,.about-t .ab2 .box2 .txt{ float:none; width:100%;}
    .about-t .ab2 .box .img{ margin-bottom:30px;}
    .about-t .ab2 .box1 .txt{ padding-right: 0%;}
    .about-t .ab2 .box2 .txt{ padding-left: 0%;}
    .about-t .ab2 .box1{ margin-bottom:30px;}
    .about-t .ab3 .boxs .box{ width: calc(100% - 20px); margin: 40px 10px 0 10px; float:left;}
    .about-t .ab5 .honor .hl .hi{ width: calc(100% - 20px); margin: 10px; padding:5px;}
    .about-t .ab5 .honor .hl{ width:35%;}
    .about-t .ab5 .honor .hr{ width:calc(65% - 20px); margin:10px; padding:5px;}
    .about-t .ab6 .tit-line .img{  width:220px;}
    .about-t .ab6 .tit-line .t{ padding:10px 20px;}
    .about-t .ab6 .tit-line .t h3{ font-size:1.8em;}
    .about-t .ab6 .tit-line .t p{ font-size:1.4em;}
    .about-t .ab6 .group .top h3, .about-t .ab6 .group .gds .gd h3{ font-size:1.4em;}
    .about-t .ab6 .group .top{ margin-bottom:20px;}
    .about-t .ab6 .group .gds .gd h3{ width:30px; padding:12px 6px;}
    .about-t .ab6 .group .gds .gd{ margin:0 4px;}
    .about-t .ab4{background-image:linear-gradient(180deg,#cd000c 0%,#cd000c 40%,white 40%,white 100%); }
     .about-t .ab6 .tit-line .t{ width:calc(100% - 220px);}
}
@media screen and (max-width: 650px){
    .about .nums .nd h4 span{ font-size:20px;}
    .about .nums .nd h3{ font-size:1.4em;}
    .about-t .ab2 .box .txt p{ margin-top:0;}
    .tits p{ font-size:1.4em;}
    .about-t .ab3 .boxs .box .t h3{ font-size:1.6em;}
    .about-t .ab4 .img2>div{ width: calc(100% - 10px); margin: 5px;}
    .about-t .ab5 .honor .hl{ width:100%;}
    .about-t .ab5 .honor .hl .hi{ width: calc(50% - 20px); margin: 10px; padding:5px;}
    .about-t .ab5 .honor .hr{ width:calc(100% - 20px); margin:10px; padding:5px;}
}
@media screen and (max-width: 450px){
	.about .nums .nd{ padding: 10px 4px; }
	 .about-t .ab1,.about-t .ab2,.about-t .ab3,.about-t .ab5,.about-t .ab6 .group{ padding:40px 0;}
	 .about-t .ab2 .box .txt h3{ margin-top:10px; font-size:1.4em; border-left: 5px solid #cd000c;}
	 .about-t .ab2 .box .txt h4{ font-size:1.6em; margin:10px 0;}
	  .about-t .ab3 .boxs .box{ width: calc(100%); margin: 20px 0px 0 0px; }
	  .about-t .ab3 .boxs .box .t{ padding:20px 0 0 0;}
	  .about-t .ab4 .tits{ padding: 40px 0 20px 0;}
	   .about-t .ab5 .honor .hl .hi,.about-t .ab5 .honor .hr{ width: calc(100% ); margin: 10px 0; padding:5px;}
	   .about-t .ab6 .tit-line .img,.about-t .ab6 .tit-line .t{  width:100%;}
	   .about-t .ab6 .group .gds .gd h3{ width:24px; padding:12px 0px;}
}

/*news*/
@media screen and (max-width: 1680px){
	.banners{ height:500px;}
    .banners .txt h3{ font-size:3.2em; line-height:1.5;}
    .news-t .txts .txt .t h3{ font-size:3.2em; height:36px; line-height:36px;}
    .tits h3{ font-size:3.2em;}
    .tits h4{ font-size:2.2em;}
    .news-t .txts .txt{ width: calc(50% - 60px); margin: 20px 30px;}
    .news-t .txts .txt .t span{ margin:15px 0;}
}
@media screen and (max-width: 1440px){
	.banners{ height:450px;}
	.banners .txt h3{ font-size:2.4em;}
	.tits h3{ font-size:2.8em;}
    .tits h4{ font-size:2em;}
    .news-t .txts .txt .t h3{ margin-bottom:6px; font-size:2.4em; height:28px; line-height:28px;}
    .news-t .txts .txt{ width: calc(50% - 30px); margin: 20px 15px;}
     .news-t .txts .txt .t span{ margin:5px  0 15px 0;}
    .news-t{ padding:60px 0;}
}
@media screen and (max-width: 1250px){
	.banners{ height:400px;}
	.fy2 a{ font-size:1.4em; }
	.fy2{  margin:20px 0 0 0;}
	.news-t .n-list{ margin: 20px 0;}
	.news-t .n-list a{ font-size:1.4em}
}
@media screen and (max-width: 1024px){
	.news-t .txts .txt .t h3{ font-size:2em;}
	.tits h3{ font-size:2.4em;}
    .tits h4{ font-size:1.6em;}
}
@media screen and (max-width: 850px){
	.banners{ height:300px;}
	.banners .txt h3{ font-size:2em;}
	.news-t .txts .txt{ width: calc(100% - 30px); margin: 20px 15px;}
	.tits h3{ font-size:2em;}
    .tits h4{ font-size:1.4em;}
}
@media screen and (max-width: 650px){
	.tits h3{ font-size:1.8em;}
	.news-t .txts .txt{ width: calc(100%); margin:20px 0px;}
	.news-t .txts .txt .t h3{ font-size:1.6em; line-height:20px; height:20px;}
	.news-t{ padding:40px 0;}
}

/*newsshow*/
@media screen and (max-width: 1680px){
	.newsshow .content-wrap .tit h4{font-size:2em;}
}
@media screen and (max-width: 1440px){
	.newsshow .content-wrap .tit h3{ font-size:3em;}
}
@media screen and (max-width: 1250px){
	.newsshow .content-wrap{  padding:40px 20px;}
	.newsshow .content-wrap .tit h3{ font-size:2.4em;}
	.newsshow .content-wrap .tit{ padding-bottom:14px;}
	.newsshow .btn a{ font-size:1.6em; padding:12px 20px;}
}
@media screen and (max-width: 1024px){
	.newsshow{ padding:60px 0;}
	.newsshow .txt{ padding:0px 20px;}
	.newsshow .tit{ padding:30px 20px;}
	.newsshow .btn{ padding:20px;}
	.newsshow .content-wrap .tit h3{ font-size:2em;}
	.newsshow .content-wrap .tit h4{font-size:1.6em;}
	.newsshow .btn a{ font-size:1.4em; }
	.newsshow .txt img{ padding:20px 0;}
}
@media screen and (max-width: 650px){
	.newsshow{ padding:40px 0;}
	.newsshow .content-wrap .tit h3{ width:100%; float:none; line-height:1.2}	
	.newsshow .content-wrap .tit h4{ width:100%; font-size:1.4em;}
	.newsshow .btn a{ float:none; width:100%;}
	.newsshow .btn a:last-child{ text-align:left;}
	.newsshow .btn a:last-child span{ border-right:1px solid #888; border-left:none;}
	.newsshow .btn a{ padding:12px 6px;}
}

/*join-t*/
@media screen and (max-width: 1680px){
	.join-t .txt h4{ font-size:2.4em;}
	.join-t .txt p{ font-size:1.4em;}
}
@media screen and (max-width: 1440px){
	.join-t .txt h4{ font-size:2em; margin-bottom:10px;}
	.join-t{  padding:60px 0;}
}
@media screen and (max-width: 1240px){
	.join-t .dots .dot { padding: 40px 120px 40px 40px;}
	.join-t .tit h3{ font-size:2.4em; line-height:28px;}
	.join-t .dots .dot .rec-tit h3{ font-size:2em;}
	.join-t .txt{ margin-top:20px;}
}
@media screen and (max-width: 1024px){
	.join-t .dots .dot .rec-tit{ width:120px;}
	.join-t .dots .dot .rec-txt a{ margin-top:40px;}
	.join-t{ padding:60px 0;}
	.join-t .dots .dot:after{ top:30px;  right: 60px; }
	.join-t .dots .dot:before{ top:35px;  right: 55px; }
	.join-t .dots .dot { padding: 40px 60px 40px 20px;}
	.fy2 a{ font-size:1.4em;}
	.fy2{ margin-top:10px;}
	.join-t .dots .dot .rec-txt .rec-t{ height:auto;}
}
@media screen and (max-width: 850px){
	.join-t{ padding:40px 0;}
	.join-t .dots .dot .rec-tit,.join-t .dots .dot>*{ width:100%;}
	.join-t .txt h4{ font-size:1.6em; line-height:1.5;}
	.join-t .tit h3{ font-size:2em; margin-bottom:4px;}
	.join-t .dots{ margin-top:20px;}
	.join-t .dots .dot>*,.join-t .dots .dot{ display:block; }
	.join-t .dots .dot .rec-tit{ margin-bottom:20px;}
	.join-t .dots .dot { padding: 30px 60px 30px 20px;}
}
@media screen and (max-width: 650px){
	.join-t .dots .dot { padding: 40px 0px 30px 0px;}
	.join-t .dots .dot:after{ top:20px;  right: 30px; }
	.join-t .dots .dot:before{ top:25px;  right: 25px; }
	.join-t .dots .dot .rec-tit h3{ font-size:1.4em;}
	.fy2{ float:none; text-align:center;}
	.join-t .dots .dot .rec-txt a{ padding:8px 20px; font-size:1.4em;}
}
@media screen and (max-width: 450px){
	.join-t .tit h3{ font-size:1.6em; line-height:20px;}
	.join-t .dots .dot { padding: 30px 0px 30px 0px;}
	.join-t .dots .dot .rec-tit h3{ font-size:1.6em; }
	.join-t .dots .dot .rec-tit{ margin-bottom:10px;}
}

/*contact*/
@media screen and (max-width: 1680px){
    .contact-t .txts .txt h3{ font-size:2em;}
    .contact-t .txts .txt{ padding:60px 20px 20px 4%;}
    .contact-t .feedback .tit h3{ font-size:2.4em;}
    .contact-t input{ font-size:1.6em;}
    .contact-t .feedback{ padding:60px 0 50px 0;}
    .map .txt h3{ font-size:3.2em;}
}
@media screen and (max-width: 1440px){
	.contact-t .txts .txt p{ line-height:1.5;}
    .contact-t .txts .txt{ height:310px;  padding:50px 20px 20px 60px;}
    #container{ height:500px;}
    .contact-t .form .dot input{ width: calc(50% - 40px); margin: 15px 20px; }
    .contact-t .form .dot{ width: calc(100% + 40px); margin-left: -20px;}
    .contact-t .txts .txt img{ width:100px;}
    .map .txt h3{ font-size:2.6em;}
}
@media screen and (max-width: 1250px){
	.contact-t .txts .txt h3{ font-size:1.8em;}
	.contact-t input{ font-size:1.4em;}
	.contact-t .form .dot input{ margin:10px 20px;}
    .contact-t .feedback .tit h3{ font-size:2em; margin-bottom:10px;}
    .map .txt h3{ font-size:2.4em;}
}
@media screen and (max-width: 1024px){
	#container{ height:400px;}
	.contact-t .txts .txt{ padding:40px 20px 20px 60px; height:280px; width: calc(50% + 20px); margin-left: -20px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
    .contact-t .feedback .tit{ width:100%; padding:0;}
    .contact-t .feedback .form{ width:100%;}
    .contact-t .btn .fc-btn{ margin:30px auto 0 auto;}
    .contact-t .btn{ text-align:center;}
    .contact-t .feedback{ padding:40px 0;}
    .contact-t .txts .txt h3{ font-size:1.6em; margin-bottom:10px;}
    .map .txt h3{ font-size:2em;}
}
@media screen and (max-width: 850px){
	.contact-t .txts .txt{ padding:30px 20px 20px 40px;}
	.contact-t .form .dot input{ width: calc(100% - 40px); }
	.map .txt h3{ font-size:1.8em;}
}
@media screen and (max-width: 650px){
	.contact-t .txts .txt{ padding:30px 20px; height:auto; width: calc(100%); margin-left:0px;}
    .map .txt h3{ font-size:1.6em;}
}

/*video*/
@media screen and (max-width: 1680px){
	.video-t{ padding: 60px 0;}
	.video-t .txts{ margin-top:20px;}
}
@media screen and (max-width: 1440px){
	.video-t .txts .txt .img:after{top:calc(50% - 50px); left: calc(50% - 50px); width: 100px; height: 100px;}
    .video-t .txts .txt .t h3{ font-size:2em;}
    .video-t .txts .txt{ margin:20px 30px;}
}
@media screen and (max-width: 1250px){
	.video-t .txts .txt{ width: calc(50% - 40px); margin:30px 20px 0 20px;}
}
@media screen and (max-width: 1024px){
	.video-t .txts .txt{ width: calc(50% - 20px); margin:20px 10px 0 10px;}
	.video-t .txts .txt .t h3{ font-size:1.6em; height:24px; line-height:24px;}
}
@media screen and (max-width: 850px){
	.video-t{ padding: 40px 0;}
	.video-t .txts .txt .img:after{top:calc(50% - 40px); left: calc(50% - 40px); width: 80px; height: 80px;}
}
@media screen and (max-width: 650px){
	.video-t .txts .txt{ width: calc(100%); margin:10px 0px 0 0px;}
}

/*proshow*/
@media screen and (max-width: 1440px){
	.pro-txt .tit h3 { font-size:2em;}
	.pro-txt .tit{ margin:20px 0;}
	.pro-txt .pds .pd h3{ font-size:1.8em;}
	.pro-txt .ptxt table tr td{ padding:16px 30px;}
}
@media screen and (max-width: 1250px){
	.pro-imgs .imgs .gallery-thumbs{ height:400px;}
	.pro-txt .tit{ margin:10px 0;}
	.pro-txt .pds,.pro-txt .tit,.pro-txt .ptxt{ padding:0 20px;}
	.pro-txt .pds{ margin-bottom:30px;}
    .pro-txt{ padding:0;}
    .pro-txt .ptxt table tr td{ font-size:1.4em; padding:10px 20px;}
    .pro-txt .pds .pd h3{ font-size:1.6em;}
    .pro-imgs .imgs .tip{ top:30px; left: 30px; }
	.pro-imgs .imgs .tip h3{ font-size: 2.4em; }
	.pro-imgs .imgs .tip h4{ font-size: 1.6em; }

}
@media screen and (max-width: 1024px){
	.pro-imgs .imgs{ display:block;}
	.pro-imgs .imgs .gallery-top{ width:100%; margin-bottom:20px;}
	.pro-imgs .imgs .gallery-thumbs{ height:auto; width:100%; margin:0; padding:0 34px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .pro-imgs .imgs .swiper-button-next, .pro-imgs .imgs .swiper-button-prev{ width:30px; height:100%;  background: url(../images/product/pbtn2.jpg) center center no-repeat; }
    .pro-imgs .imgs .swiper-button-next{ left:auto ; }
    .pro-imgs .imgs .swiper-button-prev{  right:0;}
    .pro-imgs .imgs{ margin-top:20px;}
    .pro-imgs .imgs .tip{ top:10px; left: 10px; }
	.pro-imgs .imgs .tip h3{ font-size: 1.8em; }
	.pro-imgs .imgs .tip h4{ font-size: 1.4em; }

}
@media screen and (max-width: 650px){
	.proshow .pro-imgs{ padding: 30px 0;}
	.pro-imgs .imgs .swiper-button-next, .pro-imgs .imgs .swiper-button-prev{ width:20px; background-size:100%;}
    .pro-imgs .imgs .gallery-thumbs{ padding:0 24px;}
    .pro-txt .tit h3{ font-size:1.6em;}
    .pro-txt>*{ padding:20px 0;}
    .pro-txt .pds .pd h3{ font-size:1.4em; padding:6px;}
    .pro-txt .pds{ margin-bottom:20px;}
    .pro-txt .ptxt table tr td{ padding:4px 10px; }
    .pro-txt .table{ overflow:auto;}
    .pro-txt .table table{ min-width:800px;}
    .pro-txt .pds .pd{ width:100%; margin:10px 0;}
    .pro-imgs .imgs .tip{ top:6px; left: 6px; }
	.pro-imgs .imgs .tip h3{ font-size: 1.6em; }
}