@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: 1800px){
	.ip .boxs .gallery-top .left .txts .t1{ padding:50px 30px;}
}
@media screen and (max-width: 1600px){
	.header .logo img{ width:80px;}
	.header .logo{ padding:5px 15px;}
	.header .mune .dot .lun{ padding:25px 25px;}
	.header .mune .dot .search,.header .mune .dot .group{ padding:25px 20px;}
	.banner .swiper-slide,.banner .txt{ height:700px;}
	.banner .txt h3 {font-size:6.5em;}
	.banner .txt h4{ font-size:2em; padding:5px 0 20px 0; }
	.banner .txt p{ font-size:3.2em;}
	.iab .right .dot h5{ font-size:6em;}
	.header .mune .mcen .m-list>a{font-size:1.6em; padding:5px 15px; margin:26px 10px 14px 10px;}
}
@media screen and (max-width: 1400px){
	.banner .swiper-slide,.banner .txt{ height:550px;}
	.banner .ban1 .txt .t{ padding:4% 12% 0 0;}
	.banner .txt h3 {font-size:5.5em;}
	.banner .txt h4{ font-size:1.6em; }
	.banner .txt p{ font-size:2.8em;}
	.tits h3{ font-size:2.4em;}
	.tits h4{ font-size:1.4em;}
	.iab .right .dot{ background-size:40% auto !important;}
	.iab .left .txt h3{ font-size:2.4em;}
	.iab .right .dot{ height:300px;}
	.is{ padding:120px  0 50px 0;}
	.is .txt .imgs:first-child img{ width:180px;}
	.ip .boxs .gallery-top .right{ height:650px;}
	.icompany .boxs .box .t2 .t h3{ font-size: 20px;}
	.icompany .boxs .box .t2 .t{ padding:0 20px; max-width: 100%;}
	.icompany .boxs .box .t2 .t h4{ margin-bottom:10px;}
	.icompany .boxs .box .t2 .t p{ height:48px; -webkit-line-clamp:2;}
}
@media screen and (max-width: 1250px){
	.header .mune .mcen .m-list>a,.header .mune .dot .group{ font-size:1.4em;}	
	.header .mune .dot .search{ padding:20px 15px;}
	.header .logo img{ width:65px;}
	.header .mune .dot .lun{ padding:20px 15px;}
	.header .mune .mcen .m-list>a{ padding:5px 10px; margin:16px 5px 14px 5px;}
	.header .mune .mcen{ margin-left: 15%; background-image:linear-gradient(180deg,#fff 0%,#fff 26%,#137a13 26%,#137a13 76%,#fff 76%,#fff 100%);}
	.header .mune .dot .group{ padding:20.5px 15px;}
	.banner .swiper-slide,.banner .txt{ height:450px;}
	.banner .txt h3 {font-size:4.55em;}
	.banner .txt h4{ font-size:1.4em; padding-bottom:10px;}
	.banner .txt p{ font-size:2.2em;}
	.iab .right .dot{ padding:15px;}
	.iab .right .dot{ height:260px;}
	.iab .left .txt h4{ font-size:1.8em; margin-bottom:12px;}
	.iab .left .txt p{ font-size:1.4em; line-height:24px;}
	.iab .right .dot h4{ font-size:1.6em;}
	.iab .right .dot h5 span{ line-height:50px;}
	.iab .right .dot h5{ font-size:4.2em;}
	.iab .right .dot h5 p{ font-size:16px;}
	.is .txt .img2 h3, .is .txt .img2 h4, .is .txt .img2 p{ padding:0 20px;}
	.ip .boxs .gallery-top .left .txts .t1 h3{ font-size:2em; height: 24px;}
	.icompany .boxs .box .t1 p{ font-size:16px;}
	.icompany .boxs .box .t2 .t h3{ font-size: 16px;}
	.icompany .boxs .box .t2 .t h4{ font-size:12px; line-height:14px;}
}
@media screen and (max-width: 1024px){
	.header .mune{ display:none;}
	.banner .swiper-slide,.banner .txt{ height:350px;}
	.ip .boxs .gallery-top .left .txts .t2{ padding:0 20px;}
	.ip{ overflow:hidden; padding-bottom:20px;}
	.ip .boxs .dots{ width:100%; position:static; padding:0;}
	.ip .boxs .gallery-top .left{ float:none; width:100%;}
	.ip .boxs .gallery-top .right{ width:100%; text-align:center; padding-bottom:60px; height:fit-content;}
	.ip .boxs .gallery-top .right img{ max-width:400px;}
	.ip .boxs .gallery-top .swiper-pagination{ width:100%; padding:20px;}
	.ip .boxs .gallery-top:after, .ip .boxs .gallery-top:before{ bottom:24px;}
	.footer .fo1{ display:none;}
	.icompany .boxs .box { width: calc(50% - 20px);}
	.icompany .boxs .box .t1 p{ display:none;}
	.icompany .boxs .box .t2{ opacity: 1; background:rgba(0,0,0,0.4);}
	.icompany .boxs .box .t2 .t{ margin-top:0;}
	.icompany .boxs .box .t2 .t h4{ display:none;}
	.icompany .boxs .box .t2 .t h3{ line-height:20px;}
}
@media screen and (max-width: 850px){
	.banner .txt h3 {font-size:3.2em;}
	.banner .txt p{ font-size:2em;}
	.banner .swiper-pagination-bullet{ width:8px; height:8px;}
	.banner .swiper-pagination{ bottom:10px;}
	.iab .tits { margin: 40px auto 30px auto;}
	.tits h3{ font-size:2em;}
	.tits h4{ font-size:1.2em;}
	.iab .left, .iab .right{ display:block; width:100%;}
	.iab .right .dot h5{ padding:10% 0;}
	.iab .left .txt h3{ padding:20px 0 10px 0; font-size:2em;}
	.iab .left .txt h4{ font-size:1.6em;}
	.iab .right .dot{ height:240px;}
	.footer .fo2 .left,	.footer .fo2 .right{ float:none; display:inline;}
	.footer .fo2{ text-align:center;}
	.footer{ margin-bottom:37px;}
	.bottomlist ul li img{ width:25px; height:25px;}
}
@media screen and (max-width: 650px){
	.banner .swiper-slide,.banner .txt{ height:240px;}
	.header .logo img{ width:40px;}
	#hamburger{ top:12px; right:10px;}
	.banner .txt h3 {font-size:2.4em;}
	.banner .txt h4{ padding:4px 0;}
	.banner .txt p{ font-size:1.6em;}
	.tits{ padding:0 20px;}
	.iab .left .txt h3{ font-size:1.8em;}
	.iab .right .dot{ height:200px;}
	.ip .boxs .gallery-top .left .txts .t1{ padding:20px;}
	.ip .boxs .gallery-top .left .txts .t1 h4{ line-height:18px;}
	.ip .boxs .gallery-top .left .txts .t2 .t h3{ font-size:2.4em}
	.ip .boxs .gallery-top .left .txts .t2 .t h4{ font-size:1.6em; line-height:24px;}
	.is .txt .t p{ line-height:24px; padding:0 20px;}
	.is .txt .t h3{ font-size:2em;}
	.is .txt .imgs:first-child img{ width:100px;}
	.is .txt .img1, .is .txt .img2{ height:280px;}
	.is .txt .imgs:last-child{ margin-top:30px;}
	.is .txt .imgs:first-child{ margin-top:-40px;}
	.ip .boxs .gallery-top .left .txts>*{ width:100%; display:block; padding:20px;}
	.ip .boxs .gallery-top .left .txts .t2{ padding:20px;}
	.is{ padding:60px  0 40px 0;}
	.ip .boxs{ margin-top:40px;}
	.icompany .boxs .box { width: calc(100% - 20px);}
}
@media screen and (max-width: 450px){
	.banner .ban1 .txt .t{ padding:4% 0 0 0;}
	.banner .ban2 .txt .t{ padding-bottom:40%;}
	.tits{ padding:0 10px;}
	.iab .right .dot h3{ line-height:20px; margin-bottom:10px;}
	.iab .right .dot h5{ font-size:3.5em;}
	.ip .boxs{ margin-top:20px;}
	.is .txt .img1, .is .txt .img2{ display:block; width:100%; margin:20px 0; float:none;}
	.is .txt{ display:block;}
	.ip .boxs .dots .gallery-thumbs p{ line-height:18px;}
}

/*about*/
@media screen and (max-width: 1800px){
	.about-t .ab2 .tits2{ margin-bottom:50px;}
	.about-t .ab3{ padding:85px 0 0px 0;}
	
	.about-t .ab3 .development{ overflow-x: scroll; overflow-y: hidden;}
}
@media screen and (max-width: 1600px){
	.banners{ height:450px;}
	.banners h3{font-size:16em;right: 180px;width: 595px;}
	.about-t .ab1{ padding:40px 0;}
	.about-t .ab2 { padding: 50px 0 15px 0;}
	.about-t .ab2 .tits2{ margin-bottom:30px;}
	.about-t .ab2 .txts p{ margin-bottom:20px;}
	.about-t .ab3{ padding:60px 0 0px 0;}
	.about-t .ab4 .left .txt{ padding:60px 20px;}
	.about-t .ab4 .right .tits2 { padding: 60px 20px 40px 20px;}
	.about-t .ab5{ padding:70px 0 100px 0;}
	.about-t .ab5 .tits2{ margin-bottom:60px;}
	.about-t .ab5 .ab5-slider:after, .about-t .ab5 .ab5-slider:before{ width:80px;}
	.about-t .ab5 .ab5-slider{ padding:0 80px;}
	.about-t .ab6 .left .txt{ padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.about-t .ab7{ padding:80px 0 100px 0;}
	.about-t .ab7 .dots{ margin-top:40px;}
	
	.about-t .ab3 .t2{ padding-top:100px;}
	.about-t .ab3 .t2 h4,.about-t .ab3 .t2 h3{ font-size:2.8em; }
	.about-t .ab3 .t2 p{ font-size:2em;}
	.about-t .ab3 .development .dbt .db h3{ font-size:3.6em;}
}
@media screen and (max-width: 1400px){
	.tits2 h3{ font-size:2em;}
	.tits2 span{ margin:0 0 5px 10px;}
	.tits2 h4{ font-size:1.8em;}
	.about-t .ab2 .name img{ width:180px;}
	.about-t .ab2 .name p{ padding-right:20px;}
	.about-t .ab3{ padding:40px 0 0px 0;}
	.about-t .ab4 .left .txt,.about-t .ab4 .right .tits2{ padding:20px;}
	.about-t .ab5{ padding:60px 0;}
	.about-t .ab5 .tits2{ margin-bottom:40px;}
	.about-t .ab5 .ab5-slider:after, .about-t .ab5 .ab5-slider:before{ width:40px;}
	.about-t .ab5 .ab5-slider{ padding:0 40px;}
	.about-t .ab6 .left .tits2{ margin:40px 0;}
	.about-t .ab6 .left .t .d{ padding-left:6%; margin-bottom:10px;}
	.about-t .ab7 .dots .left{ width:30%;}
	.about-t .ab7 .dots .right{ width:70%;}
	.about-t .ab7{ padding:60px 0 80px 0;}
	.about-t .ab4>*{ vertical-align:top;}
}
@media screen and (max-width: 1200px){
	.banners{ height:350px;}
	.banners h3{font-size:10em;right: 110px;width: 450px;}
	.about-t .tits { margin: 45px auto;}
	.about-t .ab1 .txts .txt p{ line-height:24px;}
	.tits2 h4{ margin-top:5px;}
	.about-t .ab2 .tits2{ margin-bottom:20px;}
	.about-t .ab4 .right .boxs .img1{ width:50%;}
	.tits2 h4{ font-size:1.6em;}
	.about-t .ab7 .dots .left .dot{ padding:20px 0px; margin-right:20px; width:100%; min-width:auto;}
	
	.about-t .ab3 .development .dbt .db{ min-width:120px;}
	.about-t .ab3 .development .dbt .db:nth-child(2) .t{ padding-bottom: 40px;}
	.about-t .ab3 .development .dbt .db:nth-child(3) .t{ padding-bottom: 80px;}
	.about-t .ab3 .development .dbt .db:nth-child(4) .t{ padding-bottom: 120px;}
	.about-t .ab3 .development .dbt .db:nth-child(5) .t{ padding-bottom: 160px;}
	.about-t .ab3 .development .dbt .db:nth-child(6) .t{ padding-bottom: 200px;}
	.about-t .ab3 .development .dbt .db:nth-child(7) .t{ padding-bottom: 240px;}
	.about-t .ab3 .development .dbt .db:nth-child(8) .t{ padding-bottom: 280px;}
	.about-t .ab3 .development .dbt .db:nth-child(9) .t{ padding-bottom: 320px;}
	.about-t .ab3 .development .dbt .db:nth-child(10) .t{ padding-bottom: 320px;}
	.about-t .ab3 .development .dbt .db:nth-child(11) .t,.about-t .ab3 .development .dbt .db:nth-child(12) .t,.about-t .ab3 .development .dbt .db:nth-child(13) .t{ padding-bottom: 320px;}
	.about-t .ab3 .development{ margin-top:-80px;}
	.about-t .ab3 .t2{ padding-top:40px;}
	.about-t .ab3 .t2 h4,.about-t .ab3 .t2 h3{ font-size:2em; line-height:20px;}
	.about-t .ab3 .t2 p{ font-size:1.6em;}
	.about-t .ab3 .development .dbt .db h3{ font-size:3.2em;}
}
@media screen and (max-width: 1024px){
	.about-t .ab1 .txts .txt{ margin-top:10px;}
	.about-t .ab1 .txts .right{ margin-top:60px;}
	.about-t .ab5{ padding:40px 0 60px 0;}
	.about-t .ab5 .ab5-slider .swiper-button-prev, .about-t .ab5 .ab5-slider .swiper-button-next { width: 40px; height: 40px; background-size: 40px 40px;}
	.about-t .ab5 .tits2{ margin-bottom:20px;}
	.about-t .ab7{ padding:40px 0;}
	.about-t .ab7 .dots .left{ width:100%; margin-bottom:20px;}
	.about-t .ab7 .dots .left .dot{ padding:20px; height:180px; width:50%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0;}
	.about-t .ab7 .dots{ margin-top:20px;}
	.about-t .ab7 .dots .right{ width:100%; text-align:center;}
}
@media screen and (max-width: 850px){
	.about-t .ab1 .txts>*{ width:100%; }
	.about-t .ab1 .txts .right{ margin-top:20px;}
	.about-t .ab4>*{ display:block;}
	.about-t .ab4 .right,.about-t .ab4 .left{ width:100%; float:none;}
	.about-t .ab4 .left .txt{ max-width:100%; background:#fff;}
	.about-t .ab4 .left .txt .img{ text-align:center;}
	.about-t .ab4 .right .boxs .img1{ width:340px;}
	.about-t .ab4 .right .boxs .t p{ line-height:24px;}
	.about-t .ab6>*{ float:none;}
	.about-t .ab6 .left{ width:100% !important; padding-bottom:30px; overflow:hidden;}
	.about-t .ab6 .right{ width:100%;}
	.about-t .ab7 .dots .left .dot{ width:100%; height:fit-content;}
	
	.about-t .ab3 .development .dbt .db .t{ height:220px; margin-top:20px;}
	.about-t .ab3 .development .dbt .db{ min-width:120px;}
	.about-t .ab3 .development .dbt .db:nth-child(2) .t{ padding-bottom: 40px;}
	.about-t .ab3 .development .dbt .db:nth-child(3) .t{ padding-bottom: 40px;}
	.about-t .ab3 .development .dbt .db:nth-child(4) .t{ padding-bottom: 40px;}
	.about-t .ab3 .development .dbt .db:nth-child(5) .t{ padding-bottom: 40px;}
	.about-t .ab3 .development .dbt .db:nth-child(6) .t{ padding-bottom: 40px;}
	.about-t .ab3 .development .dbt .db:nth-child(7) .t{ padding-bottom: 40px;}
	.about-t .ab3 .development .dbt .db:nth-child(8) .t{ padding-bottom: 40px;}
	.about-t .ab3 .development .dbt .db:nth-child(9) .t{ padding-bottom: 40px;}
	.about-t .ab3 .development .dbt .db:nth-child(10) .t{ padding-bottom: 40px;}
	.about-t .ab3 .development .dbt .db:nth-child(11) .t,.about-t .ab3 .development .dbt .db:nth-child(12) .t,.about-t .ab3 .development .dbt .db:nth-child(13) .t{ padding-bottom: 40px;}
	.about-t .ab3 .development{ margin-top:20px;}
	.about-t .ab3 .t2{ padding-top:20px;}
	.about-t .ab3 .t2>*{ display:inline-block; margin-right:12px;}
	.about-t .ab3 .t2 h4{ margin:0 12px 0 0;}
	.about-t .ab3 .t2 h4,.about-t .ab3 .t2 h3{ font-size:2em; line-height:20px;}
	.about-t .ab3 .t2 p{ font-size:1.6em;}
	.about-t .ab3 .development .dbt .db h3{ font-size:3.2em;}
	.about-t .ab3 .development .dbt .dm img{ width:100vh; display: none;}
	.about-t .ab3 .development .dbt .dm{ height:80px; background:#03833c;  border-top-left-radius:100%;  border-top-right-radius:60%;}
}
@media screen and (max-width: 650px){
	.banners{ height:240px;}
	.banners h3{font-size:6em;right: 70px;width: 310px;}
	.about-t .tits { margin: 25px auto;}
	.tits2 h3{ font-size:1.8em;}
	.tits2 span{ margin:0 0 0 10px; width:20px;}
	.tits2 h4{ font-size:1.4em;}
	.about-t .ab1,.about-t .ab2{ padding:30px 0;}
	.about-t .ab2 .name img{ width:120px;}
	.about-t .ab5 .tits2 p{ line-height:20px;}
	.about-t .ab4 .right .boxs .img1{ width:50%;}
	.about-t .ab5 .ab5-slider:after, .about-t .ab5 .ab5-slider:before{ width:0px;}
	.about-t .ab5 .ab5-slider{ padding:0 0px;}
	
	
}
@media screen and (max-width: 450px){
	.about-t .ab1 .txts .txt p,.about-t .ab2 .txts p,.about-t .ab4 .right .boxs .t p{ line-height:20px;}
	.about-t .ab3{ padding-top: 30px;}
	.about-t .ab5{ padding:30px 0;}
	.about-t .ab4 .right .boxs .t p{ font-size:1.2em;}
	.about-t .ab4 .right .boxs .t h3{ font-size:1.6em;}
	.about-t .ab4 .right .boxs .t{ bottom:5px; right:5px;}
	.about-t .ab5 .ab5-slider .swiper-button-prev, .about-t .ab5 .ab5-slider .swiper-button-next { width: 30px; height: 30px; background-size: 30px 30px;}
	.about-t .ab6 .left .t .d{ padding:0;}
	.about-t .ab6 .left .tits2{ margin:30px 0 20px 0;}
	.about-t .ab6 .left .t .d{ margin-bottom:0;}
	.about-t .ab7 .dots .left .dot{ padding:20px 0;}
}

/*news*/
@media screen and (max-width: 1200px) {
	.news-t .tits { margin: 40px auto;}
	.n-list .list{ margin-bottom:30px;}
	.news-t .nboxs .box .txt{ padding:45px 2% 20px 2%;}
}
@media screen and (max-width: 1024px) {
	.news-t .nboxs .box .img{ width:240px;}
	.news-t .nboxs .box .txt{ padding:30px 2% 20px 2%;}
	.news-t .nboxs .box .txt h3{ font-size:1.6em; margin-bottom:5px;}
	.news-t .nboxs .box .txt { width: calc(100% - 320px);}
	.news-t .fy{ padding:30px 0;}
	.n-list .list a{ margin:2px 5px;}
	.n-list .list a{ padding:10px 20px;}
}
@media screen and (max-width: 650px) {
	.news-t .nboxs .box .img{ width:100%;}
	.news-t .nboxs .box .txt { width: calc(100% - 80px);}
	.news-t .nboxs .box .txt{ padding:10px 2% 20px 2%;}
	.news-t .fy{ padding:10px 0 30px 0;}
}
@media screen and (max-width: 450px) {
	.n-list .list a{ padding:10px 30px;}
	.news-t .nboxs .box .img{ text-align:center;}
}

/*newsshow*/
@media screen and (max-width: 1550px) {
	.newsshow{ padding: 0 0 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:0 0 40px 0;}
	.newsshow .btn a { padding: 8px 10px;}
}

/*join*/
@media screen and (max-width: 1600px) {
	.join-t .tits { margin: 80px auto 70px auto;}
	.join-t .j1 .dots { padding: 60px 30px 70px 30px;}
}
@media screen and (max-width: 1400px) {
	.join-t .tits { margin: 60px auto 40px auto;}
	.join-t .j1 .dots .dot img{ width:60px;}
	.join-t .j1 .dots .dot .img{ left:-30px; top:20px;}
	.join-t .j1 .dots .dot h3{ font-size:2.4em; padding:12px 0 20px 0;}
	.join-t .j1 .dots .dot p{ line-height:24px;}
	.join-t .j1 .dots .dot{ height:360px;}
	.join-t .j1 .dots { padding: 40px 20px 40px 10px;}
	.join-t .j1 .dots .dot { width: calc(25% - 40px); margin: 0 20px;}
	.join-t .j2 .dots .join-slider .swiper-slide{ padding:20px;}
	.join-t .j2 .dots .join-slider .swiper-slide .ds{ padding:5px 0 15px 0;}
	.join-t .j2 .dots .join-slider .swiper-slide h3{ font-size:2em;}
}
@media screen and (max-width: 1200px) {
	.join-t .j2 .dots .btns{ left:0;}
	.join-t .j1 .dots .dot { width: calc(50% - 40px); margin:10px 20px; height:240px;}
	.join-t .j1 .dots .dot p{ height:110px;}
	.join-t .j1 .dots { padding: 10px 20px 40px 10px;}
}
@media screen and (max-width: 850px) {
	.join-t .tits { margin: 40px auto 20px auto;}
	.join-t .j1 .dots .dot{ height:280px;}
	.join-t .j1 .dots .dot p{ height:160px;}
	.join-t .j1 .dots .dot .img{ top:10px;}
	.join-t .j1 .dots .dot h3{ font-size:2em;}
	.join-t .j2 .dots .join-slider{ width:100%; padding:20px 0 80px 0;}
	.join-t .j2 .dots .swiper-button-prev{ margin-top:-50px; left:0px;}
	.join-t .j2 .dots .swiper-button-next{ margin-top:-50px; right: 0px;}
	.join-t .j2 .dots .swiper-button-prev,.join-t .j2 .dots .swiper-button-next{ background-color:#008d43; border-radius:50%;  z-index:4;}
	.join-t .j2 .dots .btns{ width:100%;}
	.join-t .j2 .dots .swiper-pagination .on{ font-size:1.5em;}
	.join-t .j2 .dots .btns:before,.join-t .j2 .dots .btns:after{ display:none;}
	.join-t .j2{ padding:30px 0;}
}
@media screen and (max-width: 650px) {
	.join-t .j1 .dots .dot { width: calc(100%); margin:10px 0; height:auto;}
	.join-t .j1 .dots .dot p{ height:auto;}
	.join-t .j1 .dots .dot span{ margin-top:30px;}
	.join-t .j1 .dots .dot .img{ left:20px;}
	.join-t .j1 .dots .dot .img img{ width:40px;}
	.join-t .j2{ background-size:cover !important;}
}
@media screen and (max-width: 450px) {
	.join-t .j1 .dots{ padding:20px 0;}
}

/*joinshow*/
@media screen and (max-width: 1400px) {
	.joinshow{ padding-bottom:80px;}
}
@media screen and (max-width: 1024px) {
	.joinshow .join-list .dot h3{ font-size:1.4em;}
	.joinshow .join-list .dot>*{ padding:8px 12px;}
}
@media screen and (max-width: 850px) {
	.joinshow{ padding-bottom:40px;}
	.joinshow .join-list .dot{ width:100%;}
}
@media screen and (max-width: 650px) {
	.joinshow .join-list .dot h3{ width:90px;}
	.joinshow .join-list .dot p{ width:calc(100% - 90px); }
}

/*product*/
@media screen and (max-width: 1400px) {
	.product-list .dot img{ width:120px;}
	.product-list .dot{ height:240px;}
	.product-boxs { padding: 50px 0 60px 0;}
	.product-boxs .box{ margin:20px 15px;}
}
@media screen and (max-width: 1200px) {
	.product-boxs .box .txt>*{ height:60px;}
	.product-boxs .box .txt p{ padding:0 20px; margin: 14px 0;align-content: }
}
@media screen and (max-width: 1024px) {
	.product-list .dot img{ width:80px;}
	.product-list .dot p{ line-height:18px;}
	.product-list .dot{ height:200px;}
	.product-boxs { padding: 40px 0 50px 0;}
	.product-boxs .box .txt>*{ height:50px;}
	.product-boxs .box .txt p{ padding:0 20px; margin: 9px 0;}
	.product-boxs .box { width: calc(33.33% - 20px); margin:10px 10px;}
	.product-boxs .box:hover:after{ height:10px;}
}
@media screen and (max-width: 850px) {
	.product-boxs .box { width: calc(50% - 20px);}
}
@media screen and (max-width: 650px) {
	.product-list .dot{ padding:12px; width:50%; display:block; float:left; height:fit-content;}
	.product-list .dot span{ margin:5px auto;}
	.product-boxs .box:hover p{ font-size:1.6em;}
	.product-boxs .box .txt>*{ height:40px;}
	.product-boxs .box .txt p{font-size:1.4em; width:calc(100% - 40px); margin: 3px 0; padding:0 10px;}
	.product-boxs .box .txt span{ width:40px;}
	.product-list .dot p{ display:none;}
}
@media screen and (max-width: 450px) {
	.product-list .dot img{ width:60px;}
	.product-boxs .box { width: 100%; margin:10px 0;}
	.product-boxs { padding: 30px 0 40px 0;}
}

/*contact*/
@media screen and (max-width: 1400px) {
	.contact-t{ padding:80px 0;}
	.contact-t .txts{ margin:40px 0 0 0;}
}
@media screen and (max-width: 1200px) {
	.contact-t .left{ padding:20px;}
	.contact-t input, .contact-t textarea{ padding:10px 15px}
	.contact-t .right form .box1 .fc-input,.contact-t .right form .fc-input{ margin-bottom:30px;}
	.contact-t .left{ height:440px;}
	#container{ height:450px;}
}
@media screen and (max-width: 1024px) {
	.contact-t .btn .fc-btn{ font-size:1.6em !important; padding:12px 40px; margin-top:40px;}
	.contact-t .left .dot h3{ font-size:1.8em;}
	.contact-t .left{ height:400px;}
}
@media screen and (max-width: 850px) {
	.contact-t .left{ width:100%; max-width:460px; float:none; margin:0 auto;margin-bottom:40px; }
	.contact-t .right{ width:100%;  padding-left:0;max-width:460px; margin:0 auto; float:none;}
	.contact-t .right form .box1 .fc-input {  width: calc(100% - 20px);}
	.contact-t .right form .box1 .fc-input,.contact-t .right form .fc-input{ margin-bottom:14px;}
	.contact-t .btn .fc-btn{ width:100%; margin-top:25px;}
	.contact-t{ padding:60px 0;}
}
@media screen and (max-width: 450px) {
	.contact-t{ padding:40px 0;}
	.contact-t input, .contact-t textarea{ font-size:1.4em;}
	.contact-t .left .dot{ padding:10px 0;}
	.contact-t .left{ height:340px; margin-bottom:30px;}
	.contact-t .left .dot p{ font-size:1.4em;}
	#container{ height:350px;}
}

/*service*/
@media screen and (max-width: 1600px) {
	.service-t .txt{ margin:80px auto;}
	.service-t .txt .imgs:first-child{ width:180px;}
	.service-t .tits { margin: 80px auto 60px auto;}
}
@media screen and (max-width: 1200px) {
	.service-t .txt .t p{ line-height:24px;}
}
@media screen and (max-width: 1024px) {
	.service-t .txt{ margin:40px auto;}
	.service-t .txt .imgs:first-child{ width:120px;}
	.service-t .txt .img{ height:240px;}
	.service-t .txt .imgs:first-child{ margin-top:-60px; margin-bottom:15px;}
	.service-t .txt .imgs:last-child{ margin-top:20px;}
	.service-t .txt .t h3{ font-size:2em;}
	.service-t .tits { margin: 40px auto 30px auto;}
}
@media screen and (max-width: 850px) {
	.service-t .txt .img{ width:100%; display:block; margin:20px 0;}
	.service-t .txt{ display:block;}
	.service-t .txt>*{ margin:20px 0;}
	.service-t .txt .imgs:first-child{ margin-top:0px; }
	.service-t .txt{ margin:0}
	.service-t .boxs{ padding:30px 0;}
	.service-t .txt .img{ height:auto; padding:20px 0;}
	.service-t .txt .img:first-child{ border-right:none;}
}

@media screen and (max-width: 1550px) {
	.quality{ padding:40px 0;}
}
@media screen and (max-width: 1024px) {
	.quality .tit{ padding:20px 20px 0 20px;}
	.download .tits,.network .tits,.quality .tits{ margin-bottom:40px}
}
@media screen and (max-width: 600px) {
	.newsshow .tit h3{ margin-bottom:10px;}
	.quality .tit .dot h4{ padding:2px 0;}
	.download .boxs2 { padding: 20px;}
	.download .boxs2 .box p{ width:calc(100% - 60px);}
	.download .boxs2 .box span{ width:60px;}
}