@charset "utf-8";
@media only screen and (max-width:1800px){ 
	.bannerin .pic {padding:0;height:570px}
}

@media only screen and (max-width:1350px){ 
	.wrap {margin:0 4%}
	.foot .mleft {width:32%}
	.foot .mright {width:68%;}
	.foot .mright dl {margin:0 0 0 3%;}	
	.about .cons {font-size:16px;padding:20px 3% 20px 4%}
	.about .cons .mar {margin:10px 0}
	.about .cons table {margin:40px 0 0 0;}
	.about .cons td:nth-child(1) {width:28%}
	.about .cons td:nth-child(2) {width:39%}
	.about .cons td:nth-child(3) {width:33%}
	.about .cons td:before {top:3px;width:2px;height:40px;}
	.about .cons td strong {font-size:22px;}
	.about .cons td sup {font-size:14px;margin:4px 0 0 0}
	.indabout .more a:nth-child(2) {margin:0 30px }
	.indabout .more img {width:140px;}
}

@media only screen and (max-width:1200px){ 
	.fixtop .navpc ul {padding:0 81px 0 0}
	.fixtop .navpc li {margin:0 0 0 30px;}	
	.honor {padding:0 80px; margin:30px 0 -20px 0}
	.honor .swiper-slide.small img {width:100%}
	.honor .swiper-slide p {font-size:16px; line-height: 25px;min-height:50px;opacity:1}	
	.indabout .more img {width:120px;}
}

@media only screen and (max-width:1044px){ 	
	.phonemenu { display:block;}
	html,body,input,button,select,textarea {font-size:14px;}	
	.swiper-button-next,.swiper-button-prev {margin-top:-12px;width:25px;height:25px;}
	.swiper-button-next:after,.swiper-button-prev:after {font-size:14px;width:23px;height:25px;line-height:25px;}
	.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;}
	.swiper-pagination-bullet {width:20px;height:2px;}
	.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px}
	.indpics .swiper-button-next,.indpics .swiper-button-prev {display:none;}
	.page_wrap {padding:30px 0 0 0;}
	.pager a,.pager span,.pager font {margin:2px 5px;width:25px; height:25px; line-height:24px; border-radius:25px;}   
	.pager font {margin:0;} 
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;}
	.pager i {line-height:23px;margin:0 5px; letter-spacing: 2px}
	::-webkit-scrollbar {width:5px}
	.indpics .swiper-wrapper .cons .title {font-size:25px; line-height:35px;letter-spacing:0.5px;margin:30px 0 0 0}
	.indpics .swiper-wrapper .cons .content {font-size:16px;margin:5px 0 30px 0; letter-spacing:0.5px}
	.indmore a {height:28px; line-height:26px;font-size:13px;padding:0 15px; letter-spacing: 0.5px;}
	.indmore a:hover {padding:0 15px; letter-spacing:0.5px}	
	.fixtop {height:50px;}
	.fixtop .logo {top:10px;}
	.fixtop .logo a {height:30px; width:90px;}
	.fixtop .navpc {display:none;}
	.fixtop .en {top:12px; line-height: 25px;margin:0 40px 0 0}
	.fixtop .en span {font-size:16px;margin:0 5px 0 0;}
	.topblank {height:50px}
	.topblank.active {height:50px}
	.fixtop1 .logo a {background-position:top;}
	.fixtop1 .navpc li a.a {color:#fff}
	.fixtop1 .navpc li a.a p i {background:none}
	.fixtop1 .navpc li.check a.a {color: #fff}
	.fixtop1 .en a {color:#fff}
	.fixtop.active {top:0px;}
	.fixtop.active .logo {top:10px}
	.fixtop.active .en {top:12px}	
	.fixtop1 .nav__icon {background-color:#fff;}
	.fixtop1 .nav__icon:before,.fixtop1 .nav__icon:after {background:#fff}	
	.fixtop1.active .nav__icon,.fixtop1:hover .nav__icon {background-color:#1d9fd5;}
	.fixtop1.active .nav__icon:before,.fixtop1.active .nav__icon:after,.fixtop1:hover .nav__icon:before,.fixtop1:hover .nav__icon:after {background:#1d9fd5}
	.fixtop1 .phonemenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}	
	.video-btn{width:30px; height:30px;margin:-15px 0 0 -15px}
	.video_cons i {width:20px; height:20px; margin:-10px -10px 0 0;}
	.indabout {padding:0 0 40px 0}
	.indabout .mleft .content  {font-size:14px; line-height: 1.8}
	.indabout .mleft .content .mar {margin:10px 0}
	.indabout  .mright:before {right:-25px;top:-20px;width:180px;height:187px; background-size:100%}
	.indabout  .mright .in {padding:43.8% 0;border-top-right-radius:80px;border-bottom-left-radius:80px;}
	.indabout  .mright i { width:80px;height:80px;margin:-40px 0 0 -40px;}
	.indabout  .mright img {border-top-right-radius:80px;border-bottom-left-radius:80px}
	.indabout .indmore {margin:20px 0 35px 0}
	.indabout .more a:nth-child(2) {margin:0 20px }
	.indabout .more a img {height:50px;width:auto}
	.indabout .more a:hover {top:-0px}	
	.indsubject {padding:40px 0 25px 0;}
	.indsubject .t {font-size:22px; line-height: 22px; letter-spacing: 0.1px;}
	.indsubject .e {letter-spacing: 0.1px;margin:5px 0 0 0;font-size:13px}
	.indsubject .more {top:42px;}
	.indsubject .more span {font-size:25px;}
	.new_telst li { height:40px; line-height:39px;font-size:16px;border-top-right-radius:40px}
	.indpro {padding:0 0 40px 0}
	.indpro dd {border-right-width:2px}
	.indpro dd .icon{padding:30px 0 0 0}
	.indpro dd .icon img {height:50px}
	.indpro dd .title {margin:0 0 30px 0;}
	.indpro dd .title a {font-size:14px;}
	.indpro dd .pic {height:150px;}
	.indpro dd:hover .pic span {width:30px;height:30px;margin:-15px 0 0 -15px;}	
	.indtech {padding:40px 0;}
	.indtech .in {width:50%;}
	.indtech .in .cons {padding:20px 25px 30px 30px}
	.indtech .in .cons .e {font-size:25px; line-height: 35px;}
	.indtech .in .cons .t {font-size:20px; line-height: 30px;margin:0px 0 15px 0}
	.indtech .in .cons .c {font-size:14px;margin:0 0 25px 0}
	.indmore2 a {height:28px; line-height: 27px;font-size:13px;padding:0 15px; letter-spacing: 0.2px;}
	.indmore2 a:hover {padding:0 15px; letter-spacing: 0.2px}	
	.indnews {padding:0 0 40px 0}
	.indnews li .cons {padding:15px 15px 20px 15px;}
	.indnews li .cons .title {height:25px; line-height:25px;}
	.indnews li .cons .title a {font-size:16px;}
	.indnews li .cons .content {line-height: 25px; height:100px; margin:10px 0 15px 0;}
	.indnews li .cons .more a {letter-spacing: 0.1px}		
	.foot {padding:30px 0 80px 0}
	.foot .tel {border-bottom-width:1px; padding:0 0 15px 60px;}
	.foot .tel span.icon {font-size:50px; line-height:50px;}
	.foot .tel .c {font-size:12px; line-height: 12px; letter-spacing:0.2px;padding:2px 0 4px 0}
	.foot .tel .t {font-size:28px; line-height: 30px;letter-spacing: 0.2px;}
	.foot .cons {margin:15px 0 30px 0}
	.foot .mleft {width:100%}
	.foot .mleft i {font-size:12px}
	.foot .mright {width:100%;}
	.foot .mright dl {display:none;}
	.foot .focus .subject {letter-spacing: 0.5px; font-size:16px;margin:0 0 10px 0}
	.foot .focus li {margin:0 15px 0 0;}
	.foot .focus li:hover {top:0}
	.foot .focus li img {height:20px}
	.foot .focus li .pic {left:-10px;bottom:30px;}
	.foot .logo {width:94px; height:31px; margin:25px 0 0 0}
    .fixright {top:auto;bottom:0;margin-top:0;width:100%;background: rgba(29,159,213,0.9); text-align: center;border-top:1px solid rgba(255,255,255,0.15)}
    .fixright li {margin:0;float:left;width:20%;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;}
    .fixright li .tubiao span {font-size:20px}
	.fixright li .cons {width:0;height:0; overflow: hidden;left:-500px;bottom:-500px}	
    .fixright li:hover .tubiao { background:none;color:#fff}	
	.fixright li.wx .cons {left:0;right:0;top:auto;bottom:40px;width:92%;height:80px;border-radius:0;padding:4% 4%; overflow: visible;background:rgba(255,255,255,0.9);}	
	.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;}	
	.bannerin .pic {height:auto;padding:16% 0}
	.bannerin .cons {font-size:25px; line-height: 1.6;}	
	.bgline {height:1px;}
	.namemj {top:-50px}
	.namemj1 {top:-50px}
	.navbar {height:auto;box-shadow:0 0 10px rgba(0,0,0,0.2);}
	.navbar.active {top:50px;}
	.navbar-nav li {margin:0 4% 0 0;height:40px; line-height:39px}
	.navbar-nav li a {font-size:14px}
	.aboutblank.active {height:40px}	
	.aboutsubject {border-bottom-width:1px;padding:40px 0 20px 0;margin:0 0 25px 0}
	.aboutsubject .t {font-size:20px; line-height:20px;}
	.aboutsubject .e {letter-spacing: 0.1px;font-size:13px;padding:2px 0 8px 0}
	.about .cons {font-size:14px;padding:30px 3% 30px 4%}
	.about .cons table {margin:30px 0 0 0;}
	.about .cons td {font-size:12px;line-height: 1.4;padding:0 0 0 10px}
	.about .cons td:nth-child(1) {width:24%}
	.about .cons td:nth-child(2) {width:38%}
	.about .cons td:nth-child(3) {width:38%}
	.about .cons td:before {top:3px;width:1px;height:35px;}
	.about .cons td strong {font-size:18px;}
	.about .cons td sup {font-size:12px;margin:2px 0 0 0}	
	.culture li .cons .title {font-size:20px; line-height:30px;margin:0 0 10px 0}
	.culture li .cons .content {font-size:16px;}	
	.development {padding:0 0 50px 0;}
	.development .text {max-width:500px;font-size:14px;margin:0 0 40px 0; }
	.development .bg {top:-20px;width:355px; height:200px;}
	.development li:before {height:200px;border-top-left-radius:60px;border-bottom-right-radius:60px}
	.development li .cons {left:8%;bottom:8%;width:84%;}
	.development li .cons .title {font-size:20px; line-height:30px;margin:0 0 5px 0;}
	.development li .cons .content {font-size:14px; line-height: 22px;min-height:88px}
	.development li .pic {border-top-left-radius:60px;border-bottom-right-radius:60px}
	.development li:hover .cons .content {margin:10px 0 20px 0}	
	.honor {padding:0 40px; margin:0px 0 0px 0}
	.honor .swiper-slide {padding:10px }
	.honor .swiper-slide h2 {padding:5px;box-shadow:0 0 10px rgba(0,0,0,0.15)}
	.honor .swiper-slide p {font-size:14px;}
	.honor .swiper-button-next,.honor .swiper-button-prev {width:25px;height:25px;margin-top:-45px;border-width:1px;}
	.honor .swiper-button-next:after,.honor .swiper-button-prev:after {font-size:16px;width:23px;height:25px;line-height:25px; }	
	.procate {font-size:20px; line-height:30px;padding:40px 0 25px 0}
	.product {padding:4% 0 50px 0}
	.product li .pic a {padding:20px; }
	.product li .cons {padding:15px 15px 20px 15px;}
	.product li .cons .title {height:24px; line-height:24px;}
	.product li .cons .title a {font-size:16px;}
	.product li .cons .title2 {line-height:20px;height:40px}
	.product li .cons .title2 a {font-size:14px;}	
	.product li .cons .gs {font-size:13px;line-height: 23px; height: 92px; margin:10px 0 15px 0}
	.product li .cons .more a {font-size:14px;}
	.product li .cons .more a i {width:15px;height:15px; line-height:14px;font-size:14px; margin:5px 5px 0 0}	
	.procateshow .back {top:1px}
	.procateshow .back a {font-size:14px;letter-spacing: 0.1px;}
	.procateshow .back a span {font-size:14px;margin:2px 0 0 10px}
	.proshow {padding:40px 0 40px 0}
	.proshow .pic {margin:5px 0 0 0}	
    .proshow .pic .up {padding:3%;}
    .proshow .pic .indmore {margin:30px 0 0 0}	
	.proshow .cons td {padding:5px 0}
	.download {padding:40px 0 50px 0;}
	.download li {margin:2px 0 0 0;}
	.download li .t1 {width:90%;font-size:16px; line-height: 26px;padding:8px 10% 10px 20px; }
	.download li .t2 {width:10%}
	.download li .t2 span {font-size:20px; line-height:20px;margin:12px 0 0 0}
	.accordionservice .submenu {padding:10px 20px 20px 20px;}
	.download dd {padding:8px 200px 10px 25px}
	.download dd a {font-size:14px; line-height: 24px;}
	.download dd span {left:-2px;top:10px;font-size:20px; line-height: 20px}
	.download dd p {right:8px;top:8px;width:200px; font-size:14px; line-height: 24px}
	.procate img {height:25px;margin:2px 10px 0 0}	
	.application {padding:40px 0 50px 0;}
	.application li .cons {padding:20px;}
	.application li .cons .title { line-height: 30px;margin:0 0 10px 0;height:30px; overflow: hidden}
	.application li .cons .title a {font-size:20px;}
	.application li .cons .content {line-height: 25px; height:75px}
	.tech {padding:35px 0 50px 0;}
	.tech ul {margin-top:-30px}
	.tech li {margin-top:30px;}
	.tech li .title {height:36px;line-height:18px;margin:15px 0 0 0;font-size:12px}	
	.about_rd {margin:30px 0 40px 0;padding-top:0;padding-bottom:0}
	.about_rd .cons {font-size:14px; line-height: 1.8}
	.about_rd .cons .martop {margin:5px 0 0 0}	
	.rdlabol {margin:0 0 50px 0;}
	.rdlabol .subject {font-size:20px; line-height: 20px;margin:0 0 20px 0}
	.rdlabol .swiper-button-prev {left:-12px}
	.rdlabol .swiper-button-next{right:-12px}
	.rdlabol .swiper-button-next,.rdlabol .swiper-button-prev {margin-top:4px;}	
	.newsfirst .pic {height:260px; }
	.newsfirst .cons {padding-top:35px}
	.newsfirst .cons .t {height:50px; line-height:50px;}
	.newsfirst .cons .t a {font-size:16px;}
	.newsfirst .cons .c {margin:15px 0 20px 0; line-height: 20px; height:60px;font-size:12px}
	.newsfirst .cons .a {font-size:14px;left:-10px;}
	.newsfirst .cons .a span {font-size:14px;margin:0px 10px 0; }
	.news {padding:35px 0 50px 0}
	.news li .cons {padding:15px 10px 20px 15px;}
	.news li .cons .title {height:25px; line-height:25px;}
	.news li .cons .title a {font-size:16px}
	.news li .cons .content {line-height: 20px; height:60px;margin:10px 0 20px 0;font-size:12px}
	.news li .cons .date {font-size:14px; left:-5px;}
	.news li .cons .date span {font-size:14px;margin:0px 7px 0;}	
	.nshow {padding:10px 0 20px 0}
	.nshow .title {font-size:20px;line-height: 30px;padding:20px 0 20px 0;margin:0 0 15px 0}
	.nshow .content {font-size:14px;margin:30px 0 0 0}
	.hotnews {margin:20px 0 0 0;}
	.hotnews .subject {font-size:20px;padding:0 0 25px 0}
	.contact {border-top-left-radius:60px;border-bottom-right-radius:60px}
	.contact .pic {border-top-left-radius:60px;border-bottom-right-radius:60px}
	.contact .cons .subject {font-size:20px; line-height:30px;margin:0 0 15px 0}
	.contact .cons li {margin:5px 0}
	.contact .cons li .p {top:4px;width:25px;}
	.contact .cons li .p img {width:18px}
	.contact .cons li .t {margin:0 0 0 30px;font-size:14px}	
	.map {margin:0 0 30px 0}
	.map .subject,.message .subject {font-size:20px;margin:0 0 20px 0}
	.map iframe,#container {height:400px;}
	.join {padding:30px 0 40px 0;}
	.join .cons .t {font-size:20px; line-height: 30px;margin:0 0 35px 0;}
	.join .cons .t:before {bottom:-15px;width:25px;height:4px;}
	.join .cons .c {font-size:14px; }
	.join .pic {border-top-right-radius:60px;border-bottom-left-radius:60px;}	
	.job {padding:35px 0 45px 0}
	.job .subject {font-size:20px;letter-spacing: 0.5px;margin:0 0 -10px 0}
	.job li {padding:15px 25px 20px 25px;margin:30px 0 0 0;}
	.job li .name {font-size:16px;margin:0 0 3px 0}
	.job li .time {font-size:13px;margin:4px 0 0 0}
	.job li .time span {font-size:16px;margin:-3px 8px 0 0;}
	.job li .col {font-size:14px;margin:2px 0}
	.job li .more {right:25px;top:67px;width:156px}
	.job li .more a {height:30px; line-height:29px;font-size:14px;}	
	.jobshow {padding:30px 0 40px 0;}
	.jobshow .in {padding:20px 10px 30px 10px}
	.jobshow .name {letter-spacing: 0.5px;font-size:16px;padding:0 15px}
	.jobshow .name font {font-size:20px;}
	.jobshow .money {padding:0 15px;font-size:16px;}
	.jobshow .money font {font-size:20px;}
	.jobshow .text {padding:15px;margin:20px 0 30px 0;font-size:14px;}
	.jobshow .text li {width:50%;margin:3px 0}
	.jobshow .text li.col {width:50%}
	.jobshow .cons {padding:0 15px;font-size:14px; line-height: 1.8}
	.jobshow .cons h4 {font-size:18px;margin:0 0 20px 0;}
	.jobshow .more {margin:30px 0 0 15px}
	.jobshow .more a {height:32px; line-height:30px;padding:0 25px;font-size:16px;}
	.proshow .cons .title {font-size:20px; line-height:30px;margin:0 0 15px 0}
	.apppoint {top:-50px}	
	.applysamples {padding:30px 0 40px 0}
	.applysamples .subject {font-size:22px; line-height:32px;margin:0 0 25px 0}
	.applysamples li {margin:10px 0 0 0}
	.applysamples li span {top:6px;width:180px;}
	.applysamples li span i {margin:3px 5px 0 0}
	.applysamples li p {margin:0 0 0 200px;}
	.applysamples li p input[type="text"] {padding:8px 10px 10px 10px}	
	.applysamples li p textarea {padding:10px 10px 12px 10px;}
	.applysamples li #mbtn {padding:6px 0 8px 0;width:160px;margin:0px 0 0 200px; letter-spacing: 0.5px}
	.applysamples li #mbtn:Hover {width:160px; letter-spacing: 0.5px}
	.message {margin:0 0 40px 0}
}

@media only screen and (max-width:788px){ 
	.indpics .swiper-wrapper .pic {padding:50% 0;height:auto}
	.product li {width:50%}
	.application li {width:48%;}
	.application .clear2 {display:block; clear: both;}
	.application .clear3 {display:none;}
	.rdlabol .swiper-slide {padding:15.1% 0}
	.news li {width:48.4%;}
	.indabout .more a:nth-child(2) {margin:0 10px }

}

@media only screen and (max-width:640px){ 
	.foot .mleft span.yn {display:none;}
	.indabout .mleft {width:100%}
	.indabout .mright {margin:60px 0 0 0;width:100%}
	.new_telst li { height:35px; line-height:34px;font-size:14px;border-top-right-radius:35px}
	.indpro dd {width:50%;}
	.indpro dl.dl3 dd{width:50%}
	.indpro dd .pic {height:120px;}
	.indtech .in {width:100%;}
	.indnews ul {width:100%;margin:-30px 0 0 0}
	.indnews li {width:100%;margin:30px 0 0 0;}	
	.bannerin .cons {font-size:16px;}
	.bannerin .pic {padding:22% 0}	
	.about .pic {width:100%;}
	.about .cons {width:90%;padding:25px 5% 30px 5%;}	
	.culture li .pic {width:100%}
	.culture li .cons {position:relative;width:90%;padding:20px 5% 25px 5%;height:auto}
	.culture li:nth-child(2) .pic,.culture li:nth-child(4) .pic,.culture li:nth-child(6) .pic {margin:0}	
	.development .text {max-width:auto;padding:0}
	.development .bg {display:none;}	
	.development ul {width:100%;margin:-20px 0 0 0;}
	.development li {width:100%;margin:20px 0 0 0}
	.development li .cons .title {font-size:25px; line-height:35px;}
	.development li .cons .content {min-height:0;margin-top:10px}
	.development li:before {height:250px;}	
	.proshow .pic {width:100%;}
	.proshow .cons {width:100%;margin:40px 0 0 0}
	.proshow .pic .up {padding:10%;}	
	.download li .t1 {width:85%;}
	.download li .t2 {width:15%}
	.download dd {padding:8px 0 10px 25px}
	.download dd p {position:relative;top:0;width:100%; text-align: left;font-size:12px; line-height: 22px;margin:0 0 0 8px}
	.application ul {width:100%;margin:-20px 0 0 0}
	.application li {width:100%;margin:20px 0 0 0;}
	.tech li {width:43%;}
	.rdlabol .swiper-slide {padding:30.7% 0}
	.newsfirst {margin:0 0 4% 0}
	.newsfirst .pic {width:100%;height:auto;padding:31% 0}
	.newsfirst .cons {width:90%;padding:10px 5% 20px 5%}	
	.news ul {width:100%;margin:-4% 0 0 0}
	.news li {width:100%;margin:4% 0 0 0}
	.join .cons {width:100%}
	.join .pic {width:100%;margin:30px 0 0 0}
	.job li .name {width:100%;}
	.job li .time {text-align:left;width:100%;margin:5px 0 15px 0}
	.job li .col {width:100%;}
	.job li .col2 {width:100%}
	.job li .more {position:relative;right:auto;left:0;top:0;width:140px;margin:25px 0 0 0}
	.jobshow .text li {width:100%;}
	.jobshow .text li.col {width:100%}	
	.indpics .swiper-wrapper .cons .title {font-size:20px; line-height:30px;}
	.indpics .swiper-wrapper .cons .content {font-size:13px;letter-spacing:0.5px}	
	.message #mbeizu {width:100%;}
	.message ul {width:100%;margin:14px 0 0 0}
	.applysamples .subject {margin-bottom:10px}
	.applysamples li {margin:20px 0 0 0}
	.applysamples li span {position:relative;top:0;width:auto}
	.applysamples li p {margin:0;}
	.applysamples li #mbtn {padding:6px 0 8px 0;width:160px;margin:0px 0 0 200px; letter-spacing: 0.5px}
	.applysamples li #mbtn {margin-left:0}
}