@charset "utf-8";
@media only screen and (max-width:1800px){ 
	.indhonor .swiper-button-prev {left:0px}
	.indhonor .swiper-button-next{right:0px}
	.indhonor .swiper-container {margin:0 80px}
	.indpics .swiper-slide5 .cons .title {margin:4% 0 0 0}
}

@media only screen and (max-width:1650px){ 
	.pro_show .mySwiper {margin-left:100px;margin-right:100px}	
	.pro_show .swiper-button-prev {left:0}
	.pro_show .swiper-button-next{right:0}
	.indpics .swiper-wrapper .cons .title {font-size:40px; line-height:50px;}
	.indpics .swiper-wrapper .cons .content {font-size:20px;}
	.indpics .swiper-slide4 .cons .content,.indpics .swiper-slide140 .cons .content{font-size:40px; line-height:50px;}
	.indpics .swiper-slide4 .cons .title {margin:8% 0 0 0}
	.indpics .swiper-slide140 .cons .content {margin-left:85px}
}

@media only screen and (max-width:1440px){ 
	.wrap {margin:0 4%}
	.indabout .wrap {margin:0 auto}
	.indyw li .subject {max-width:auto}	
	.foot dl {float:left;margin:0 0 0 20%;}
	.foot dl:nth-child(2) {margin-left:18%}
	.qualitycontrol .row .col .title {font-size:20px; line-height: 30px;}
	.indpics .swiper-slide5 .cons .title {margin:3% 0 0 0}	
	.about .indnum li {margin-left:85px}
	.factory ul {width:106%;margin:25px 0 0 -3%;}
	.factory li {width:27.3333%;margin:55px 3% 0 3%;}
	.show_adv li .cons2 .c {font-size:18px;margin:10px 0 0 0}
}

@media only screen and (max-width:1100px){ 
	html,body,input,button,select,textarea {font-size:14px;}
	.page_wrap {padding:30px 0 0 0;}
	.pager a,.pager span,.pager font {margin:2px 5px;width:25px; height:25px; line-height:23px;border-radius:25px;}   
	.pager font {margin:0;} 
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px}	
	::-webkit-scrollbar {width: 5px;}
	.phonemenu { display:block;}	
	.fixtop {height:50px;}
	.fixtop .logo {top:13px;}
	.fixtop .logo a img {height:24px;}
	.fixtop .navpc {display:none;}
	.fixtop .en {top:11px;right:38px}
	.fixtop .en a {font-size:12px;}
	.fixtop .en i {height:12px;margin:8px 8px 0 10px}
	.topblank {height:50px}
	.indpics .swiper-wrapper .cons .title {font-size:25px; line-height:35px;letter-spacing: 1px;}
	.indpics .swiper-wrapper .cons .content {font-size:14px;letter-spacing:0.2px;margin:5px 0 0 0}	
	.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:5px;}
	.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;}
	.indabout .wrap {margin:0 4%}	
	.indabout {padding:40px 0; }
	.indabout .text .t {font-size:20px; line-height: 30px; letter-spacing: 0.5px}
	.indabout .text .c {margin:15px 0 40px 0;}
	.indabout ul {width:100%;margin:-30px auto 30px auto}
	.indabout li {margin-top:30px}
	.indabout li:hover {top:0}
	.indabout li .pic {border-width:1px;border-radius:10px;width:68px;height:68px;}
	.indabout li .pic img {height:50px;}
	.indabout li .title {font-size:16px;margin:10px 0 0 0;}
	.indmore a {height:27px; line-height:26px;border-radius:27px;width:105px;letter-spacing:0.5px}
	.indmore a span {font-size:20px; line-height:20px;margin:4px -4px 0 -2px}
	.indmore a:hover {width:105px}	
	.indservice {padding:40px 0}
	.indsubject {font-size:20px; line-height:30px;margin:0 0 35px 0}
	.indsubject:before {bottom:-5px;margin-left:-18px;width:36px;height:2px;}
	.new_telst {margin:0 0 30px 0;padding:0px 0 0 0}
	.new_telst li {font-size:16px;width:25%;border-bottom-width:1px;padding:0 0 15px 0}
	.new_telst li img {margin:-0px 10px 0 0;height:25px}
	.new-wrap .cons .icon img {height:30px}
	.new-wrap .cons .title {font-size:20px; line-height:30px;margin:10px 0}
	.new-wrap .cons .content {margin:0 0 20px 0}	
	.indyw {padding:35px 0 40px 0}
	.indyw li {height:349px;}
	.indyw li:before {border-radius:5px}
	.indyw li .pic {border-radius:5px}
	.indyw li .subject {left:10%;bottom:20px;width:80%; font-size:18px; line-height:28px;}
	.indyw li .text {left:4%;bottom:20px;width:92%;}
	.indyw li .text .title {font-size:18px; line-height: 28px;margin:0 0 10px 0;}	
	.indyj {padding:40px 0; background-attachment:scroll;}
	.indyj ul,.indyj li {min-height:230px}
	.indyj li {padding:20px 20px 0 20px;}
	.indyj li:before {top:30px;height:170px;}
	.indyj li .icon {width:60px;height:60px; background-size:cover; }
	.indyj li h3 {font-size:25px; line-height: 25px}
	.indyj li .content {font-size:14px;max-width:auto;margin-top:15px}
	.foot {padding:30px 0;}
	.foot dl {margin:0 0 0 16.5%;max-width:260px}
	.foot dl:nth-child(2) {margin-left:20.5%}
	.foot dt {margin:0 0 10px 0;padding:0 0 0 15px}
	.foot dd p {margin:5px 0}	
	.indcase {padding:35px 0 40px 0}
	.indcase li {border-radius:5px}
	.indcase li h2 {left:15px;bottom:13px;font-size:16px; line-height:26px; letter-spacing: 0.2px}	
	.indnews ul {margin-bottom:35px}
	.indnews li .pic {border-top-left-radius:5px;border-top-right-radius:5px;}
	.indnews li .cons {padding:15px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
	.indnews li .cons .title {height:25px; line-height: 25px;}
	.indnews li .cons .title a {font-size:16px;}
	.indnews li .cons .content { line-height:22px;height:44px; margin:10px 0 10px 0;font-size:14px}
	.indnews li .cons .addtime {font-size:14px}
	.indhonor,.indnews {padding:35px 0 40px 0;}
	.indpartner {padding:35px 0 40px 0}	
	.indpartner .cons {margin:10px 0 0 0}
	.indpartner .cons .pic {width:120px;}
	.indpartner .cons .text {margin:0 0 0 20px;}	
	.indhonor .swiper-slide .title {height:20px; line-height: 20px;margin:15px 0 0 0;}
	.indhonor .swiper-slide .title a {font-size:14px}
	.swiper-button-next,.swiper-button-prev {margin-top:-12px;width:27px;height:25px;}
	.swiper-button-next:after,.swiper-button-prev:after {font-size:16px;width:27px;padding:0;height:25px;line-height:25px;}
	.indhonor .swiper-container {margin:0 50px}
	.indhonor .swiper-button-next,.indhonor .swiper-button-prev {margin-top:2px;}	
	.culture {padding:40px 0 45px 0}
	.culture ul {padding:40px 0 0 0;}
	.culture li {border-radius:10px}
	.culture li:after {border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
	.culture li .pic {border-radius:10px}
	.culture li .cons {bottom:20px;left:10%;width:80%}
	.culture li .cons .content {font-size:16px; line-height:24px;margin:10px 0 0 0;min-height:48px}
	.historysubject {font-size:22px; line-height:32px;padding:35px 0 30px 0}
	.honor {padding:0 0 40px 0}
	.honor ul {width:104%;margin:-30px 0 0 -2%}
	.honor li {width:29.3333%;margin:30px 2% 0 2%}
	.honor li .pic {padding:5px}
	.honor li .title {margin:15px 0 0 0;}
	.partner {padding:0 0 50px 0;margin:-10px 0 0 0}
	.contact {margin:-10px 0 50px 0;padding:0}
	.contact .cons .pic {width:100%}
	.contact .cons .pic img {width:120px;margin:0 auto}
	.contact .cons .text {margin:20px 0 0 0}
	.contact .ctcons {margin:40px 0 0 0; line-height:1.8}
	.contact .ctcons img {margin:0}
	.news {padding:0;margin:-10px 0 40px 0}
	.news ul {margin-top:-3%;margin-bottom:0}
	.news li {margin-top:3%}
	.maincurrent {padding:8px 0 10px 0}
	.nshow {padding:35px 0 40px 0;}
	.nshow .wrap {margin:0 4%}
	.nshow .title {font-size:20px; line-height:30px;}
	.nshow .title2 {font-size:13px;margin:0 0 25px 0;padding:10px 0 15px 0}
	.nshow .content img {margin:5px 0}	
	.research {margin:5px 0 50px 0}
	.research i {top:37px;}
	.research .new_telst {width:100%;margin:0 0 40px 0}
	.research .new_telst li {font-size:16px; line-height:21px;}
	.research .new_telst li .pcover {border-radius:5px}
	.research .new-wrap .pic {border-radius:5px;width:42%;}
	.research .new-wrap .cons {width:53%;margin:0 0 0 5%}
	.research .new-wrap .cons .title {font-size:20px; line-height:30px;margin:0 0 15px 0}
	.research .new-wrap .cons .content {font-size:14px; line-height: 1.8}	
	.material .new-wrap dl {width:104%;margin:-40px 0 0 -2%}
	.material .new-wrap dd {width:46%;margin:40px 2% 0 2%}
	.material .new-wrap dd .picm {border-radius:5px}
	.material .new-wrap dd .consm .titlem {font-size:18px; line-height:28px;margin:15px 0 6px 0}
	.material .new-wrap dd .consm .contentm {line-height:1.8}	
	.qualitycontrol {margin:0px 0 0 0;padding:35px 0 40px 0}
	.qualitycontrol .row {margin-top:-30px}
	.qualitycontrol .row .col {margin-top:30px}
	.qualitycontrol .row .col .title {font-size:16px; line-height:26px;}
	.qualitycontrol .row .col .pic {border-radius:5px;margin:20px 0 20px 0}
	.qualitycontrol .row .col .content li {padding:0 0 0 7px}
	.qualitycontrol .row .col .content .in {font-size:14px}
	.qualitycontrol .row .col .content li:before {top:14px;width:3px;height:3px;}
	.prosubject1 {margin:-10px auto 30px auto}
	.prosubject1 .text {padding:0 0 30px 0;line-height:1.8}
	.pro_solution {margin:0 0 40px 0}
	.pro_solution .cons .historysubject {margin:0 0 15px 0;padding:0; text-align: left;font-size:20px;line-height:30px}
	.pro_solution .cons .text { line-height: 1.8}
	.pro_solution .wrap {padding:0 0 30px 0}
	.pro_solution .pic {border-radius:5px;}	
	.pro_adv {margin:0 0 40px 0}
	.pro_adv .historysubject {margin:0;padding:0 0 30px 0}
	.pro_adv ul {border-radius:5px;}
	.pro_adv ul:before {border-radius:5px;}
	.pro_adv li {min-height:435px;}	
	.pro_adv li .cons1 {top:100px;}
	.pro_adv li .cons1 .icon img {height:40px;}
	.pro_adv li .cons1 .title {font-size:18px; line-height:28px; letter-spacing: 0.5px;margin:10px 15px 0 15px;max-width:auto;}
	.pro_adv li .cons2 {top:130px;}
	.pro_adv li .cons2 .in {max-width:320px;margin:0 auto}
	.pro_adv li .cons2 .title {font-size:18px; line-height:28px;margin:0 15px}
	.pro_adv li .cons2 .content { line-height:1.8;margin:20px 15px 0 15px; letter-spacing: 0.2px}
	.pro_adv li.active .cons2 {top:110px}	
	.namemj {top:-60px}
	.product {padding:0 0 50px 0;}
	.product .historysubject {padding:0 0 30px 0;}
	.product .swiper-slide {border-radius:5px}
	.product .swiper-slide a:before {border-radius:5px}
	.product .swiper-slide p,.product .swiper-slide p img {border-radius:5px}
	.product .swiper-slide h2 {bottom:15px;left:15px;border-radius:4px;font-size:14px; line-height:22px;padding:0px 8px 2px 8px; letter-spacing: 0.5px}
	.product .swiper-button-next,.product .swiper-button-prev {margin-top:24px;width:27px;}
	.product .swiper-button-next:after,.product .swiper-button-prev:after {width:27px;}
	.product .swiper-horizontal>.swiper-pagination-bullets,.product .swiper-pagination-bullets.swiper-pagination-horizontal,.product .swiper-pagination-custom,.product .swiper-pagination-fraction {bottom:-35px;}
	.bannerin_show .cons h2 {font-size:20px; line-height:30px;letter-spacing: 1px;margin-top:-15px;}	
	.show_solution {margin-top:40px}
	.show_adv {margin:-30px 0 40px 0}
	.show_adv .historysubject {margin:0;padding:0 0 30px 0;}
	.show_adv li {padding:10px 20px 12px 20px;height:160px;border-radius:5px}
	.show_adv li .title {font-size:16px; line-height:24px;margin:-5px 0 5px 0}
	.show_adv li .content {font-size:16px; line-height:26px;}	
	.show_adv li .cons2 {top:15px;padding:0 20px 0 20px;}
	.show_adv li .cons2 .t,.show_adv li .cons2 .c {font-size:12px;}
	.show_adv li .cons2 .c {font-size:14px; line-height:1.6;margin:5px 0 0 0}	
	.pro_show {margin:0 0 80px 0}
	.pro_show .historysubject {margin:0;padding:0 0 30px 0}
	.pro_show .swiper-slide .pic {border-radius:5px}
	.pro_show .swiper-slide .title {height:50px; line-height:49px;border-bottom-width:1px;font-size:16px; text-align: center}
	.pro_show .mySwiper {margin-left:45px;margin-right:45px}	
	.pro_show  .swiper-button-next,.pro_show  .swiper-button-prev {margin-top:-10px;width:27px;}
	.pro_show  .swiper-button-next:after,.pro_show  .swiper-button-prev:after {width:27px;}
	.pro_show  .swiper-horizontal>.swiper-pagination-bullets,.pro_show  .swiper-pagination-bullets.swiper-pagination-horizontal,.pro_show  .swiper-pagination-custom,.pro_show  .swiper-pagination-fraction {bottom:-40px;}
	.indpics .swiper-slide5 .cons .title {margin:4% 0 0 0}
	.indpics .swiper-slide4 .cons .content,.indpics .swiper-slide140 .cons .content {font-size:25px; line-height:35px;}
	.indpics .swiper-slide140 .cons .content {margin:10px 0 0 55px}	
	.workshop .text {margin:-5px auto 35px auto;line-height:1.8}
	.workshop .indmore a {width:140px}
	.workshop .indmore a:Hover {width:140px}	
	.aboutsubject {font-size:22px; line-height:27px;}
	.about {padding:30px 0 40px 0}
	.about .cons {margin:20px 0 20px 0;line-height: 1.8}
	.about .cons li {padding:0 0 0 8px}
	.about .cons li:before {top:12px;}
	.about .indnum {margin:0 0 20px 0}
	.about .indnum li {margin:15px 0 15px 10%}
	.about .indnum li:nth-child(1) {margin-left:0}
	.about .indnum li h3 {font-size:30px; line-height:30px;}	
	.about .indnum li h3.h3 {font-size:14px; line-height:14px;margin:13px 0 0 0px}
	.about .indnum li h3 i {top:-17px;font-size:16px; line-height:16px}
	.about .indnum li .content {margin:5px 0 0 0;}
	.about .summry {font-size:18px; line-height: 1.8;}	
	.factory {padding:35px 0 40px 0;}
	.factory ul {width:104%;margin:-10px 0 0 -2%;}
	.factory li {width:29.3333%;margin:40px 2% 0 2%;}
	.factory li .t {font-size:18px; line-height: 26px;padding:0 0 10px 0;margin:0 0 12px 0;}
	.factory li .c {line-height:1.8}	
	.history {margin:-15px 0 40px 0}
	.history li .title {left:15px;margin-top:-13px;font-size:18px; line-height:23px;}
	.history li .content {margin:0 0 0 80px;padding:12px 0 13px 0; line-height: 1.8}	
	.qctext {font-size:18px; line-height:28px;margin:-10px 0 40px 0;}
	.honor_capa {padding:0 0 40px 0}
	.honor_capa ul {margin:-30px 0 0 -1%;width:102%}
	.honor_capa li {float:left;width:19.5%;margin:30px 1% 0 1%}
	.honor_capa li:nth-child(3) {width:33.5%}
	.honor_capa li .title {margin:10px 0 0 0;}
	.honor_capa li .pic img {height:180px;}
}

@media only screen and (max-width:788px){ 
	.indyw li {height:245px;}
	.indyw li:before {height:100%}
	.indyj li {width:50%;}
	.indyj li:nth-child(3):before {display:none;}
	.foot dl {margin:0 0 0 10.5%;}
	.foot dl:nth-child(2) {margin-left:8.5%}
	.qualitycontrol .row .col {width:30.9333%;}
	.qualitycontrol .clear3 {clear:both}
	.qualitycontrol .clear5 {display:none;}
	.indpics .swiper-slide4 .cons .title {margin:5% 0 0 0}
	.about .indnum li {margin-left:8%}
	.about .indnum li:nth-child(1) {margin-left:0}
	.factory li {width:46%;}
	.factory .clear2 {clear:both}
	.factory .clear3 {display:None;}	
	.honor_capa li {width:48%;margin:30px 1% 0 1%}
	.honor_capa li:nth-child(3) {width:48%}
	.product .swiper-slide {width:49.3%;padding:19.8% 0}
	.show_adv li .title,.show_adv li .content {opacity:0}
	.show_adv li .cons2 {top:0;padding:0 20px;opacity:1}
	.show_adv li .cons2 .t,.show_adv li .cons2 .c {color:#0050e0;font-size:12px;}
	.show_adv li .cons2 .c {font-size:14px; line-height:1.8;margin:8px 0 0 0;color:#222}
	.show_adv li:hover {background:#f9f9fa;color:#222}

}

@media only screen and (max-width:640px){ 
	.indpics .swiper-wrapper .cons .title {font-size:18px; line-height:28px;margin:0px 0 0px 0}
	.indpics .swiper-wrapper .cons .content {font-size:12px; line-height: 1.8;margin:0}		
	.indpics .swiper-wrapper .pic {padding:0;height:220px;}
	.indabout li {width:46%}
	.new_telst li {width:50%;margin:15px 0 0 0;}
	.new-wrap .pic {display:block;width:100%;}
	.new-wrap .cons {display:block; width:100%;margin:30px 0 0 0; text-align: center}
	.new-wrap .cons .indmore a {margin-left:auto}
	.new_telst {margin:-20px 0 25px 0;padding:0}	
	.indyw ul {width:100%;margin:-4% 0 0 0}
	.indyw li {width:100%;margin:4% 0 0 0;height:auto;padding:0}
	.indyw li.active {width:100%}
	.indyw li .pic {height:auto;padding:27.4% 0}
	.indyw li .subject,.indyw li.active .subject {display:none;}
	.indyw li .text,.indyw li.active .text {left:5%;bottom:8%;width:90%;opacity:1;}
	.indyw li .text .title {font-size:16px; line-height:26px;margin:0 0 8px 0;}
	.indyw li .text .content {font-size:12px; line-height: 1.7}	
	.foot {padding:30px 0 10px 0;}
	.foot dl {margin:15px 0;width:45%;max-width:100%}
	.foot dl:nth-child(2) {margin:15px 0}
	.foot dl.last {float:left;width:50%;margin:15px 0}
	.foot dl:nth-child(2),.foot dl:nth-child(4) {width:35%;margin-left:20%}
	.foot dd p {margin:2px 0}	
	.indcase li {width:48%;}
	.indcase li:nth-child(1),.indcase li:nth-child(6) {width:98%}
	.indcase li {padding:26.4% 0;}
	.indnews ul {width:100%;margin-left:0;margin-top:-4%}
	.indnews li {width:100%;margin:4% 0 0 0}	
	.indpartner .cons .pic {display:block; text-align: center;width:100%;margin:0px 0 15px 0}
	.indpartner .cons .pic img {width:120px}
	.indpartner .cons .text {display:block;margin:0}
	.indhonor .swiper-container {margin:0 45px}
	.culture ul {width:100%;margin:-4% 0 0 -0}
	.culture li {width:100%;margin:4% 0 0 0}
	.honor li {width:46%;}
	.honor .clear3 {display:none;}
	.honor .clear2 {clear:both}
	.contact .cons .text {margin:15px 0 0 0}	
	.research {margin:-20px 0 30px 0}
	.research .new-wrap .pic {width:100%;}
	.research .new-wrap .cons {width:100%;margin:30px 0 0 0}	
	.research .new_telst li {width:auto;margin:0 15px;border-width:1px; line-height:36px;padding:0}
	.manufacture .new_telst li {margin:0 10%;}
	.research i {top:73px;}
	.material i {top:36px;}
	.research .new_telst {margin-bottom:30px;margin-top:10px}	
	.qualitycontrol .row .col {width:47.6%;}
	.qualitycontrol .clear3 {display:none}
	.qualitycontrol .clear5 {display:none;}
	.qualitycontrol .clear2 {clear:both}
	.pro_solution .cons {width:100%; text-align: center}
	.pro_solution .cons .historysubject {text-align:center}
	.pro_solution .pic {width:100%;margin:30px 0 0 0}
	.prosubject1 {text-align:center}
	.product ul {width:100%;margin:-4% 0 0 0}
	.product .swiper-slide {width:100%;padding:40% 0;margin:4% 0 0 0}	
	.show_adv ul {width:100%;margin:-4% 0 0 0}
	.show_adv li {width:100%;margin:4% 0 0 0;padding:20px 15px 20px 15px;height:auto}
	.show_adv li .title,.show_adv li .content {display:none;}
	.show_adv li .cons2 { position:relative;height:auto;top:0;padding:0}
	.indpics .swiper-slide5 .cons .title {margin:4% 0 0 0}
	.indpics .swiper-slide4 .cons .title {margin:7% 0 0 0}
	.indpics .swiper-slide4 .cons .content,.indpics .swiper-slide140 .cons .content {font-size:18px; line-height:28px;letter-spacing: 1px; }
	.indpics .swiper-slide140 .cons .content {margin:5px 0 0 0}
	.about .indnum li {width:48%;margin:15px 0 15px 0;}
	.about .summry table td {width:100%;display:block;margin:10px 0}
	.culture li .cons .content {min-height:0;margin-bottom:10px}
	.factory ul {width:100%;margin:-5px 0 0 0; text-align: center}
	.factory li {width:100%;margin:35px 0 0 0;}	
	.honor_capa ul {margin:-30px 0 0 0;width:100%}
	.honor_capa li {width:100%;margin:30px 0 0 0}
	.honor_capa li:nth-child(3) {width:100%}
	.honor_capa li .pic img {height:220px;}
	.pro_adv ul {padding:15px 0}
	.pro_adv li {width:100%;border-left-width:0;border-top:1px solid rgba(255,255,255,0.5);min-height:0; display: block;padding:30px 0}
	.pro_adv li:nth-child(1) {border-width:0}
	.pro_adv li .cons1 {display:none;}
	.pro_adv li .cons2 { position:relative;top:0;width:auto;opacity:1}
	.pro_adv li .cons2 .in {max-width:auto}
	.pro_adv li.active {width:auto}
	.pro_adv li.active .cons2 {top:0}
	.show_solution2 .pic {padding:29.5% 0;}
}

@media only screen and (max-width:480px){ 
	.manufacture .new_telst li {margin:0 9%;}
}