@charset "utf-8";
@media only screen and (max-width:2000px){	
    .fixtop .navpc {width:900px;}
    .fixtop .navpc li {padding:0 15px;}    
    .technology {padding-left:27%;}
}

@media only screen and (max-width:1800px){	
    .fixtop .logo .text {display:none;}
    .technology {padding-left:22%;}
    .technology .swiper-slide {width:600px;}
}

@media only screen and (max-width:1620px){	
    .home-service .swiper-container,.home-case .swiper-container {margin:0 80px}
    .swiper-button-prev {left:0}
    .swiper-button-next{right:0}
    .about-top .text .title {margin-top:-10%}
    .technology {padding-left:18%;}
    .technology .swiper-slide {width:635px;}
}

@media only screen and (max-width:1500px){	
    .fixtop .navpc {width:810px;}
    .fixtop .navpc li {padding:0 10px;}
    .wrap {margin:0 4%}
    .home-about .wrap {margin:0 2.2%}
    .home-service .swiper-slide .text .title {font-size:23px;}
    .home-service .swiper-slide .text .subtitle {font-size:12px;margin:5px 0 0 0}
    .home-service .swiper-slide .text .icon {margin:25px 0}
    .home-service .swiper-slide:hover .text .icon {margin:30px 0}
    .home-service .swiper-slide .text .icon img {height:60px;}
    .home-service .swiper-slide .text .content { line-height: 25px;min-height:75px;font-size:14px}
    .home-partner li img {max-width:80%;max-height:auto;}
    .home-partner li {height:auto;padding:20px 0}
    .home-case .swiper-slide .pic {padding:30px;}
    .home-case .swiper-slide .title a {font-size:16px}
    .home-case .swiper-slide .title {height:45px; line-height: 43px; }
    .technology {padding-left:16%;}
    .technology .swiper-slide {width:605px;}
    .floatmenu {left:4%;margin-left:0}
    .foot .area:after {right:17%}
}

@media only screen and (max-width:1440px){	
    .foot .area:before,.foot .area:after {left:17%;}
    .foot .area:after {left:auto;right:17%}
    .foot .area .ct {width:17%;}
    .foot .area dl {margin:0 0 0 3.4%}
    .foot .area .wx {width:15%;}
    .foot .area .wx .pic img {max-width:160px;margin-top:2px}
    .foot .area .wx .t {font-size:20px;line-height: 30px;}
    .foot .area .wx .c {font-size:12px;}    
    .layout_subject {padding:0 0 0 30px;}
    .layout_subject:before {top:5px;height:280%}
    .culture {padding:100px 0;}
    .culture .col-3 {gap:30px;padding-top:10px}
    .culture .col-3 .col {width:calc(33.3333% - 20px);width:-webkit-calc(33.3333% - 20px);}
    .culture li .layout_subject {margin-top:50px;}
    .culture li .content {padding:0 0 0 30px;font-size:18px}
    .contact dd .c {font-size:16px;max-width:200px}
    .contact dd {padding:50px 0 40px 0}
    .contact dd .t {margin:15px 0 40px 0;}
    .contact dd .c {min-height:60px;font-size:20px;max-width:250px;margin:0 auto}
    .showcons {width:58%}
    .technology {padding-left:18%;}
    .technology .swiper-slide {width:570px;}    
    .foot .area:before,.foot .area:after {left:20%;}
    .foot .area:after {left:auto;right:16%}
    .foot .area .ct {width:20%;}
}

@media only screen and (max-width:1400px){	
    .fixtop .navpc {right:-48px;width:900px;}
    .fixtop .navpc li {padding:0 15px;}
    .fixtop .tel {display:none}    
}

@media only screen and (max-width:1300px){	
    .foot .area:before,.foot .area:after {left:21%;}
    .foot .area:after {left:auto;right:16%}
    .foot .area .ct {width:21%;}
    .foot .area dl {margin:0 0 0 2.8%}
}


@media only screen and (max-width:1200px){	
	body {line-height:1.8;}
	html,body,input,button,select,textarea,big,small {font-size:14px;}
	.phonemenu { display:block;}
	::-webkit-scrollbar {width: 1px;}
	.page_wrap {padding:35px 0 0 0;}
	.pager a,.pager span,.pager font {margin:1px 3px;width:23px; height:23px; line-height:21px;border-radius:3px;}
	.pager font {font-family:'宋体';margin:0px; line-height: 23px; }
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:12px;}
	.pager i {line-height: 25px;margin:0 5px; letter-spacing: 2px}	    
    .fixtop {height:50px}
    .fixtop .logo,.fixtop.active .logo  {top:7px;}
    .fixtop .logo a {width:113px; height:34px;}
    .fixtop .navpc {display:none;}
    .top-blank {height:50px;}
    .fixtop.active {top:0;}
    .top-blank.active {height:50px;}
    .indpics .swiper-slide {padding:28% 0}    
    .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;}
    .swiper-pagination-bullet {width:5px;height:5px;}
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;}  
    .home-subject-2 h2 {font-size:25px;}
    .home-subject-2 h2:before {bottom:-2px;height:5px; }
    .home-subject-2 .subtitle {font-size:12px;margin:0px 0 15px 0}
    .home-more { height:25px; line-height: 22px;}
    .home-more a {padding:0 12px;font-size:12px}
    .home-about {padding:1px 0 40px 0;padding:40px 0;}
    .home-about .wrap {margin:0 2.5%}
    .home-about .text {padding:20px;margin-left:-30px;}
    .home-about .text .content {margin:0 0 20px 0}    
    .home-service .swiper-slide .text .title {font-size:20px;}
    .home-service .swiper-slide:hover .text .icon {margin:25px 0}
    .home-service .swiper-container,.home-case .swiper-container {margin:0 50px}
    .swiper-button-next,.swiper-button-prev {width:30px;height:30px;margin-top:-15px;}
    .swiper-button-next:after,.swiper-button-prev:after {font-size:14px;width:30px;height:30px;line-height:30px;}
    .home-subject {padding:40px 0 30px 0; }
    .home-subject h2 {font-size:25px;}
    .home-subject .subtitle {font-size:14px;margin:10px auto 0 auto;}
    .home-subject .subtitle:before {top:12px;left:-40px;width:30px;}
    .home-subject .subtitle:after {top:12px;right:-40px;width:30px;}
    .home-service {padding:1px 0 40px 0}    
    .home-number {padding:40px 0; background-size:20%}
    .home-number li h2 {font-size:35px; line-height: 35px;}
    .home-number li h3 {font-size:14px; line-height: 14px;margin:6px -5px 0 3px}
    .home-number li .content {font-size:16px;margin:5px 0 0 -5px;}
    .home-news {padding:0 0 40px 0;}
    .indnews .row {width:28.5%;margin:0 3% 0 0;}
    .indnews .row .pic {height:180px}
    .indnews .row .addtime {padding:10px 0 0 0;}
    .indnews .row .title {font-size:16px; line-height: 20px;height:20px;margin:5px 0 20px 0; }
    .indnews .row .more {padding:0 0 10px 0}
    .indnews li {padding:8px 0 8px 0;}
    .indnews li .addtime {top:5px;}
    .indnews li .title {line-height: 20px;height:20px; padding:0 60px 0 0}
    .home-news .home-subject .subtitle {padding-left:30px}
    .home-news .home-subject .subtitle:before {width:25px;}
    .home-news .home-subject .subtitle:after {right:-30px;width:25px;}
    .home-news .home-more {top:67px}    
    .home-partner {padding:0 0 50px 0}
    .home-partner ul.col-5 {gap:15px;}
    .home-partner ul.col-5 .col {width:calc(20% - 12px);width:-webkit-calc(20% - 12px)}
    .home-partner li {padding:15px 0}
    .home-partner li:hover {top:0;}    
	.footbg {padding:30px 0 0 0;}
	.foot .pics {margin:0 0 20px 0}
	.foot .pics .updown {padding:0 0 5px 0}
	.foot .pics .updown img {height:40px}
	.foot .pics .logo {float:right;margin:12px 0 0 0}
	.foot .pics .logo img {height:25px}
	.foot .area:before,.foot .area:after {display:none;}
	.foot .area .ct {width:60%;padding:0;}
	.foot .area .ct .t {font-size:18px;margin:0 0 25px 0}
	.foot .area .ct .t:before {bottom:-12px;width:30px;}
	.foot .area .ct .c {font-size:14px; line-height: 1.8;max-width:100%}
	.foot .area dl {display:none;}
	.foot .area .wx {width:180px;padding:0;text-align: right}
	.foot .area .wx .pic img {max-width:120px;margin:0px 0 0 auto}
	.foot .area .wx .t {font-size:18px;line-height: 28px;margin:10px 0 3px 0}
	.foot .area .wx .c {font-size:12px;}
	.foot .btline {margin:20px 0 30px 0}	
	.foot .company {font-size:16px;padding:0 0 10px 0}
	.foot .social li {margin:5px 0 0 15px;}
	.foot .social li img.icon {height:20px}
	.foot .social li h2 {width:100px;bottom:30px;left:-40px}
	.foot .social li h2 img {border-radius:5px;}
	.footer{padding:10px 0 65px 0;font-size:13px;margin:30px 0 0 0}
	.footer .links a {margin:0 0 0 10px}    
    .fixright {top:auto;bottom:0;margin-top:0;width:100%;background: #2154aa; text-align: center}
    .fixright li {margin:0;float:left;width:25%;border-left:1px solid rgba(255,255,255,0.15); position: static}
    .fixright li:nth-child(1) {border:0}
    .fixright li .tubiao {border-radius:0;width:100%;background: none;margin:0 auto;width:40px; height: 40px; line-height: 40px;box-shadow:0 0 0 rgba(0,0,0,0)}
    .fixright li .tubiao span {font-size:20px}
	.fixright li.tel .tubiao span {font-size:21px;color:#fff}
	.fixright li.up .tubiao span {font-size:21px}
	.fixright li .cons {width:0;height:0; overflow: hidden;left:-500px;bottom:-500px}	
    .fixright li:hover .tubiao { background:none;color:#fff}	
	.fixright li:hover .tubiao {color:#fff}
	.fixright li:hover .tubiao span {color:#fff}
	.fixright li.wx .cons {left:0;right:0;top:auto;bottom:40px;width:92%;height:80px;border-radius:0;padding:20px 4%; overflow: visible;background:rgba(255,255,255,0.95);}	
	.weixin .pcover {width:80px;height:80px}
	.weixin .wright {left:100px;top:6px;font-size:14px; line-height:24px;text-align:left;}
	.weixin .wright span {font-size:30px;line-height:25px;}	
    .home-case {padding:0 0 50px 0}    
    .home-product {padding:0 0 50px 0;}
    .home-product ul.col-3 {gap:30px;margin-bottom:40px}
    .home-product .col-3 .col {width:calc(33.3333% - 20px);width:-webkit-calc(33.3333% - 20px); }
    .home-product .col-3 .col:hover {top:0}
    .home-product li .pic {padding:4%;}
    .home-product li .pic h2 { overflow: hidden}
    .home-product li .title {height:30px;line-height: 30px; margin:15px 0 0px 0}
    .home-product li .title a {font-size:16px;}
    .mainmenu li a {font-size:16px; height:40px; line-height: 38px;padding:0 20px}
    .about-subject h2 {font-size:25px;}
    .about-subject p {font-size:13px;margin:5px 0 30px 0}
    .about {padding:40px 0}    
    .namemj {top:-60px}
    .about-partner {padding-top:40px}    
    .layout_subject {padding:0 0 0 20px;}
    .layout_subject:before {top:5px; width:1px;height:330%}
    .layout_subject .cn {font-size:25px; line-height: 25px;}
    .layout_subject .en {font-size:20px; line-height: 20px;margin:10px 0 25px 0;}
    .culture {padding:40px 0;}
    .culture .col-3 {gap:20px;padding-top:0px}
    .culture .col-3 .col {width:calc(33.3333% - 13.3333px);width:-webkit-calc(33.3333% - 13.3333px);}
    .culture li .layout_subject {margin-top:30px;}
    .culture li .content {padding:0 0 0 20px;font-size:16px}
    .about-partner ul {padding-top:0px}    
    .contact {padding:50px 0 0 0}
    .contact .col-4 {gap:20px;padding-top:0px;}
    .contact .col-4 .col {width:calc(50% - 15px);width:-webkit-calc(50% - 15px)}
    .contact dd {padding:30px 0 30px 0}
    .contact dd .pic {width:45px; height: 45px;}
    .contact dd .pic img {width:25px;margin:10px auto 0 auto;}
    .contact dd .t {font-size:18px;margin:10px 0 25px 0;}
    .contact dd .c {min-height:50px;font-size:16px;max-width:200px;}
    .map {margin:40px 0 0 0}
    .map iframe,#container {height: 400px}
    .namemj-2 {position:absolute;top:-50px}    
    .news {padding:40px 0}
    .blog ul {padding-top:0px}
    .blog li {min-height:167px; padding:20px;}
    .blog li.lifull {padding:25px 0 30px 0;}
    .blog li .pic {left:20px;top:20px;width:200px;height:167px;}
    .blog li .cons {margin:0 0 0 230px;padding:20px 0 0 0}
    .blog li.lifull .cons {padding:0 20px}
    .blog li .cons .t {height:20px; line-height: 20px;}
    .blog li .cons .t a {font-size:16px;}
    .blog li .cons .c {margin:15px 0 20px 0; line-height: 25px; height:50px;font-size:13px;}
    .blog li .cons .m {font-size:14px;}
    .blog li .cons .m .home-more {right:5px;top:-1px;border-radius:25px}
    .nshow .title {font-size:20px; line-height: 30px;margin:45px 0 5px 0}
    .nshow .text {padding:20px;margin:30px 0 0 0;font-size:14px; line-height: 1.8}
    .prevnext {margin:20px 0 45px 0;padding:20px 0 0 0;font-size:14px; line-height: 24px;}
    .prevnext .prev {padding:0 0 0 90px;}
    .prevnext .back {top:-2px}
    .prevnext .back a {height:30px; line-height: 28px;width:80px;}
    .prevnext .next .in2 {padding:0 0 0 90px;}
    .prevnext p {;height:30px; line-height: 28px;width:80px;margin-top:5px}    
    .mainleft {display:none;}
    .mainright {float:none;width:100%;margin:0}
    .case_subject {margin:0 0 30px 50px}
    .case_subject .en {font-size:20px; letter-spacing: 0px;}
    .case_subject .en i {width:40px;height:2px;left:-50px;top:10px}
    .case_subject .en p {width:40px;height:2px;left:10px;top:10px}
    .case_subject .en p i {width:50px;top:0}
    .case_subject .cn {font-size:20px;margin-top:8px}
    .case {padding:15px 0 50px 0}
    .case .col-3 {gap:20px;}
    .case .col-3 .col {width:calc(33.3333% - 13.3333px);width:-webkit-calc(33.3333% - 13.3333px);}
    .case .home-case {padding:0}
    .home-case .swiper-slide .pic {padding:20px;}
    .products {padding:10px 0 50px 0}
    .products .content {padding:18px 25px 20px 25px;margin:0 0 30px 0;font-size:14px;font-weight:400; line-height: 1.8}
    .products .content h2 {top:-36px;height:35px; line-height: 33px;padding:0 15px;font-size:16px}
    .navbar {display:none;}
    .product-show {padding:40px 0 50px 0}
    .product-show .subject {font-size:20px; line-height: 30px;margin:0 0 20px 0;}
    .showpic {width:35%; margin:10px 0 0 0;padding:20px}
    .showcons {width:60%;margin:20px 0 0 0}
    .showcons .t {font-size:25px; line-height: 30px;padding:0 0 0 15px;margin:-15px 0 30px 0}
    .showcons .t:before {top:7px;width:4px;height:65%;}
    .showcons .c {font-size:14px; line-height: 1.8}
    .showcons .c h3,.showcons .c h2,.showcons .c h1 {font-size:18px; line-height: 28px;padding:0 0 5px 0;margin:0 0 10px 0}
    .capacity {padding:40px 0 50px 0}
    .capacity h2 {font-size:20px; margin:0 0 20px 0}
    .capacity h2:before {width:40px;height:2px;margin-left:-20px;bottom:-15px;}
    .capacity td,.capacity th {padding:5px 10px;}
    .capacity .quality-bg {padding:15px 20px;font-size:14px;font-weight:400; line-height: 1.8;margin:0 0 10px 0;border-radius:5px}
    .capacity h3 {height:30px; line-height: 28px;border-radius:30px;padding:0 15px;font-size:16px;margin:5px 0 0 15px}
    .capacity .line {border-radius:5px;padding:5px 15px;font-size:14px;}
    .floatmenu,.device-subject {display:none;}
    .equipmentmain {margin:40px 0 0 0}
    .technology {padding-left:4%;}
    .technology .list {margin:0 0 130px 0}
    .technology .swiper-slide {width:400px;}
    .technology .swiper-slide .cons {padding:0 0 40px 20px;}
    .technology .swiper-slide .cons:before {top:5px;width:2px;height:80%}
    .technology .swiper-slide .cons .num {font-size:50px;}
    .technology .swiper-button-next,.technology .swiper-button-prev {bottom:-85px;}
    .swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{bottom:-35px}
    .swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{bottom:-69px;}
    .technology .activeIndex,.technology .total {bottom:-84px;}
}

@media only screen and (max-width:788px){
    .home-about .wrap {margin:0 2.4%}
    .home-service .swiper-slide .pic {padding:70% 0}
    .home-product .col-3 .col {width:calc(50% - 20px);width:-webkit-calc(50% - 20px); }
    .top-pic .pic {padding:20% 0}
    .top-pic .text .title {font-size:20px; letter-spacing: 1px;}
    .top-pic .text .subtitle {font-size:13px; margin:8px 0 0 0; letter-spacing: 0;}
    .about-top .text .title {margin-top:-8%}
    .case .col-3 .col {width:calc(50% - 13.3333px);width:-webkit-calc(50% - 13.3333px);}
}

@media only screen and (max-width:640px){
    .home-about {padding:4% 0 4% 0}
    .home-about .wrap {margin:0 4%}
    .home-about .wrap {display:block}
    .home-about .pic {width:100%;}
    .home-about .text {width:100%; margin-left:0}
    .home-service .swiper-container,.home-case .swiper-container {margin:0 45px}
    .home-number {padding:20px 0; background-size:80%}
    .home-number ul.both-end {flex-wrap: wrap}
    .home-number li {width:50%;padding:20px 0}
    .indnews .row {width:100%;margin:0;}
    .indnews .row:nth-child(2) {margin-top:30px}
    .indnews ul {width:100%;border-top:0}
    .indnews .row .pic {height:auto;padding:33.3333% 0}
    .home-partner ul.col-5 {gap:10px;}
    .home-partner ul.col-5 .col {width:calc(33.3333% - 13.3333px);width:-webkit-calc(33.3333% - 13.3333px)}
    .home-partner li {padding:10px 0}
    .foot .area {text-align:center;}
    .foot .area .ct .t:before {left:50%;width:20px;margin-left:-10px;}
	.foot .area .ct {text-align:center;display:inline-block;margin:0 auto;width:auto;float:none;}    
	.foot .area .wx {width:100%; text-align:center;margin:0;padding:30px 0 0 0}
	.foot .btline {margin:20px 0 16px 0}
	.footer .copy {width:100%; text-align: center;padding-top:5px}
	.footer .links {width:100%; text-align:center}
    .about .text {width:100%;margin:0}
    .about .pic {width:100%;margin-top:30px}
    .about .both-end {display:block}
    .menu-4 li {padding:0;width:25%}
    .menu-4 li a {padding:0;font-size:15px}
    .about-subject {text-align:center}    
    .culture .col-3 {gap:0;display:block}
    .culture .col-3 .col {width:100%;margin-top:50px}
    .culture .col-3 .col:first-of-type {margin-top:0}    
    .contact .col-4 {gap:0;}
    .contact .col-4 .col {width:100%;margin-top:4%}
    .contact .col-4 .col:first-of-type {margin-top:0}
    .contact dd .c {min-height:0;font-size:16px;max-width:100%;padding:0 30px}    
    .blog li {min-height:130px}
    .blog li .pic {width:156px;height:130px;}
    .blog li .cons {margin:0 0 0 176px;padding:2px 0 0 0}
    .prevnext .prev {width:100%;float:none;display:block;}
    .prevnext .back {display:none;}
    .prevnext .next {width:100%;float:none;display:block; text-align: left;margin-top:20px}
    .case .col-3 {gap:0;}
    .case .col-3 .col {width:100%;margin-top:4%}
    .case .col-3 .col:first-of-type {margin-top:0}
    .showpic {width:100%;}
    .showcons {width:100%;margin:50px 0 0 0}
    .capacity td,.capacity th {font-size:12px; line-height: 1.6;}
    .technology .swiper-slide {width:350px;}
}

@media only screen and (max-width:480px){
    .home-service .swiper-slide .pic {padding:0;height:400px}
    .home-product ul.col-3 {gap:0;margin-top:-30px}
    .home-product .col-3 .col {width:100%;margin-top:30px}
    .blog li .cons .m .home-more {display:none;}
    .blog li {min-height:115px}
    .blog li .pic {width:100px;height:115px;}
    .blog li .cons {margin:0 0 0 115px;padding:2px 0 0 0}
    .blog li .cons .c {margin:10px 0 10px 0;}
    .technology .swiper-slide {width:300px;}
}