@charset "utf-8";
@media only screen and (max-width:2000px){
	.indpics .swiper-slide,.bannerin .pic {padding:0;height:615px;}
}

@media only screen and (max-width:1600px){
	.indmidpic .indmore2 {margin-top:1%}
	.indpro .swiper-container {margin:0 80px}
	.indpro .swiper-button-next,.indpro .swiper-button-prev {margin-top:20px;}
	.indpro .swiper-button-prev {left:-25px}
	.indpro .swiper-button-next{right:-25px}
	.indpro .swiper-button-next:after,.indpro .swiper-button-prev:after {font-size:100px;line-height:100px}
	.indmidpic .indmore2 {margin-left:90px}	
}

@media only screen and (max-width:1440px){
	.wrap {margin:0 4%;}
	.proshow .mleft {width:42%}
	.proshow .mright {width:50%}
}

@media only screen and (max-width:1320px){
	.bannerin .cons .t,.bannerin .cons .c {padding:0}
	.proshow .mleft {width:45%}
	.proshow .mright {width:47%}
}

@media only screen and (max-width:1200px){
	html,body,input,button,select,textarea {font-size:16px}
	.indpics .swiper-slide,.bannerin .pic {height:400px}
	.indpics .swiper-slide .cons .text {font-size:25px; line-height: 35px;margin:4% 0 0 0}
	.indpics .swiper-slide .cons .line {height:1px;width:83px;margin:13px 0 0 }
	.indpics .swiper-slide .cons .indmore {margin-top:20px}
	.indmore p {padding:0 10px;height:28px; line-height: 26px; border-top-left-radius:3px;border-bottom-left-radius:3px;font-size:14px;}
	.indmore span {width:28px;height:28px; line-height: 28px; font-size:18px;border-top-right-radius:3px;border-bottom-right-radius:3px;}
	.indmore a:Hover p,.indapplication li:hover .cons .indmore a p,.support li:hover .cons .indmore a p {padding:0 10px}	
	.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:8px;}
	.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;}
	.phonemenu { display:block;}	
	.fixtop {height:50px; }
	.fixtop .logo,.fixtop.active .logo {top:12px;}
	.fixtop .logo img {height:26px;}
	.fixtop .navpc {display:none;}
	.fixtop .ad {display:None;}
	.fixtop .lansearch {right:30px;top:-2px;}
	.fixtop .lansearch .lan {margin:0 10px 0 0;font-size:16px}
	.fixtop .lansearch .lan .btn span.icon-diqiu {font-size:16px;margin:1px 8px 0 0}
	.fixtop .lansearch .lan .btn span.icon-xialajiantouxiao {margin:3px 0 0 3px}
	.fixtop .lansearch .lan .list {top:50px;padding:0}
	.fixtop .lansearch .lan .list .in {padding:12px 0 15px 25px;width:80px;}
	.fixtop .lansearch .lan .list p {margin:2px 0}
	.fixtop .lansearch .lan .list p:nth-child(1) {font-size:15px}
	.fixtop .lansearch .search {display:none;}
	.tblank {height:50px;}
	.fixtop.active {top:0}
	.fixtop.active .lansearch .btn {margin-top:0}
	.tblank.active {height:50px}
	::-webkit-scrollbar {width: 1px}
	.indsubject {font-size:25px; line-height: 25px;margin:40px 0 30px 0}
	.indpro .swiper-slide {padding:0 5px}
	.indpro ul {width:104%;margin:-4% 0 0 -2%}
	.indpro li {float:left;width:46%;margin:4% 2% 0 2%;border-radius:5px;border-width:1px;}
	.indpro li .pic { padding:20px 20px 40px 20px;border-top-left-radius:5px;border-top-right-radius:5px;}
	.indpro li .pic .cons {font-size:14px;padding:0 20px 20px 20px;max-width:80%}
	.indpro li .pic .cons .t2 {line-height: 19px;margin:0 0 2px 0}
	.indpro li .pic .cons .gs { line-height:19px;}
	.indpro li .title {height:35px; line-height: 35px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
	.indpro li .title p {padding:0 45px 0 20px;font-size:20px; line-height: 33px;}
	.indpro li .title span {width:35px; line-height: 35px;font-size:20px; }
	.indmidpic {margin:-36px 0 0 0; }
	.indmidpic .pic {top:36px;}
	.indmore2 p {font-size:14px;padding:0 10px;height:30px; line-height: 28px; border-top-left-radius:5px;border-bottom-left-radius:5px;}
	.indmore2 span {width:30px;height:30px; line-height: 30px; font-size:18px;border-top-right-radius:5px;border-bottom-right-radius:5px;}
	.indmore2 a:Hover p {padding:0 10px}
	.indmidpic .indmore2 {margin:-1% 0 0 20px}	
	.indapplication {margin:40px 0;}
	.indapplication li {min-height:260px;margin:20px 0 0 0}
	.indapplication .pic {width:274px;height:260px;}
	.indapplication .cons {margin:0 0 0 279px;padding:20px 20px 0 30px;height:260px;}
	.indapplication .cons .title {height:30px; line-height: 30px;}
	.indapplication .cons .title a {font-size:20px}
	.indapplication .cons .gs_content { line-height: 25px; height:125px;margin:10px 0 20px 0}	
	.foot {padding:30px 0;font-size:14px}
	.foot .t {font-size:20px; line-height: 30px; margin:0 0 25px 0}
	.foot .t:before {bottom:-8px;width:55px;height:1px;}
	.foot .ct .in .c {font-size:16px;margin:120px 0 0 0}
	.foot .follow {margin:40px 0 0 0}
	.foot .follow ul {margin-top:30px}
	.foot .follow li img {height:20px}
	.foot .follow .c {margin:20px 0 0 0}
	.bannerin .cons .t {font-size:25px; line-height:35px;}
	.bannerin .cons .c {font-size:14px;}	
	.contact .subject {font-size:25px; line-height:35px;margin:40px 0 25px 0}
	.contact .ad {font-size:20px; line-height:30px;}
	.contact .address {padding:0 0 0 45px;margin:20px 0 30px 0; line-height: 1.6}
	.contact ul {width:104%;margin:-4% 0 40px -2%}
	.contact li {width:46%;margin:4% 2% 0 2%;}
	.contact li .t {height:40px; line-height: 38px;padding:0 20px;font-size:20px}
	.contact li .c {padding:15px 20px 25px 20px;}
	.contact .summry {padding:20px 25px 30px 25px;margin:0 0 40px 0}
	.contact .summry h1,.contact .summry h2,.contact .summry h3 {font-size:20px;margin:0 0 5px 0}
	.contact li:hover {top:0}
	.bannerin.left .cons .t {font-size:25px; line-height:32px;margin:10% 0 5px 0}
	.page_wrap {padding:40px 0 0 0;}
	.pager a,.pager span,.pager font {margin:2px 5px;width:25px; height:25px; line-height:25px;border-radius:25px;}
	.pager font {margin:0;} 
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:14px;}
	.pager i {line-height: 25px;margin:0 5px; letter-spacing: 1px}
	.procate {margin:40px 0 0 0}
	.procate li a {height:32px; line-height: 30px;padding:0 15px;font-size:20px}
	.prosummry {padding:15px 20px 20px 25px;}
	.prosubcate {margin:20px 0 0px 0}
	.prosubcate li {margin:1px 15px 0 0}
	.prosubcate li a {font-size:16px;border-bottom-width:1px;}
	.products {margin:-30px 0 50px 0}
	.products li {border-radius:5px;}
	.products li .pic {padding:30px;border-top-left-radius:5px;border-top-right-radius:5px;}
	.products li .title {height:35px; line-height: 35px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
	.products li .title p {padding:0 45px 0 15px;font-size:16px; line-height: 33px; }
	.products li .title span {width:35px; line-height: 35px;font-size:22px;}	
	.proshow .classname {border-bottom-width:1px;margin:40px 0 30px 0;font-size:25px;line-height: 35px;padding:0 0 10px 0}
	.proshow .classname span {font-size:16px; line-height:24px;margin:0 0 0 10px}
	.proshow .mright .t {font-size:20px; line-height:30px;margin:0 0 20px 0}
	.proshow .mright .gs {margin:0 0 30px 0}
	.proshow .mright .gs h2 {font-size:18px;margin:0 0 10px 0;line-height: 28px;}
	.proshow .subject {height:35px; line-height: 33px;padding:0 15px;font-size:20px;margin:40px 0 30px 0}
	.prevnext {margin:40px 0 50px 0;padding:15px 20px 12px 20px}
	.prevnext .prev,.prevnext .next { font-size:16px; line-height: 24px; padding:0 0 0 25px}
	.prevnext p {top:3px;width:16px;height:16px; line-height: 16px;}
	.prevnext p span {margin:0 1px 0 0;}
	.prevnext .next {padding:0 25px 0 0;}
	.proshow .content table {margin-top:-10px}
	.proshow .mleft {width:45%}
	.proshow .mright {width:50%}
	.spec-scroll .prev,.spec-scroll .next{ height:56px; line-height:56px;}
	.spec-scroll .items,.spec-scroll .items ul{height:56px;}
	.spec-scroll .items ul li    {width:65px;}
	.spec-scroll .items ul li img{width:50px;height:50px}
	.applications {padding:40px 0}
	.applications li {border-radius:5px}
	.applications li .cons .t {font-size:25px; line-height: 30px;}
	.applications li .cons .t2 {font-size:16px; line-height:24px;margin:5px 0 0 0}
	.applications li.last span {font-size:16px; line-height: 16px;margin:7px 0 0 2px}	
	.ashow {margin:30px 0 40px 0}
	.ashow .mleft {border-radius:5px}
	.ashow .mright .t {font-size:25px; line-height: 30px;margin:0 0 15px 0;}
	.productsrelax {padding:20px 0 0 0}
	.productsrelax .indsubject {margin:0 0 5px 0;font-size:25px; line-height: 25px}	
	.support {margin:0 0 40px 0}
	.support ul {margin:-40px 0 0 0}
	.support li {margin:40px 0 0 0}
	.support li .pic {margin:5px 0 0 0; }
	.support li .cons .title a {font-size:20px; line-height:25px;}
	.support li .cons .content {margin:15px 0 30px 0}
	.about {margin:30px 0 50px 0}
	.about h1,.about h2,.about h3 {font-size:20px;margin:5px 0}
	.searchproducts {margin-top:-20px}
	.indpro .swiper-container {margin:0 25px}
	.indpro .swiper-button-next,.indpro .swiper-button-prev {margin-top:10px;}
	.indpro .swiper-button-next:after,.indpro .swiper-button-prev:after {font-size:30px;line-height:30px;}
	.indpro .swiper-button-prev {left:-10px}
	.indpro .swiper-button-next{right:-10px}
	.indmidpic .indmore2 {margin-left:45px}
	.indpro .bg {width:600px;height:520px;}
}

@media only screen and (max-width:788px){
	.indpics .swiper-slide,.bannerin .pic {height:300px}
	.indpics .swiper-slide .cons .text {font-size:16px; line-height:24px;margin:5% 0 0 0}
	.indmidpic .indmore2 {margin-top:0px}
	.foot .ct .in .c {font-size:16px;margin:25px 0 0 0}
	.products {margin:-20px 0 50px 0}
	.products li {width:47%;}
	.applications li {width:48%;padding:20.6% 0}
}

@media only screen and (max-width:640px){
	.indpics .swiper-slide,.bannerin .pic {height:200px}
	.indpro ul {width:100%;margin:-4% 0 0 0}
	.indpro li {width:100%;margin:4% 0 0 0}
	.indpro li .pic {padding:20px 10% 40px 10%;}
	.indpro li:nth-child(2) .pic .cons,.indpro li:nth-child(4) .pic .cons,.indpro li:nth-child(6) .pic .cons {text-align:left;left:0;right:auto;}
	.indmidpic {padding:0;height:150px;}
	.indmidpic .indmore2 {margin-top:0px; position: relative;top:60px}
	.indmidpic .pic {left:50%;width:50%;}	
	.indapplication li {min-height:0}
	.indapplication .pic {position:relative;width:auto;height:auto;padding:47.3%}
	.indapplication .cons {margin:5px 0 0 0;height:auto;padding:20px 20px 30px 20px}
	.indapplication .cons .gs_content {height:auto}	
	.foot {text-align:center; line-height: 1.6}
	.foot .ad {width:100%}
	.foot .ct {position:relative;width:100%;text-align:center;margin:30px 0 -10px 0}
	.foot .follow {width:100%;}
	.foot .follow li {margin:0 5px}
	.foot .t:before {left:50%;width:50px;margin-left:-25px;}
	.foot .ct .in {margin:0 auto;display:block; text-align: center}
	.foot .ct .in .c {font-size:14px}	
	.bannerin .cons .t {font-size:20px; line-height:30px;}
	.contact ul {width:100%;margin:-4% 0 40px 0}
	.contact li {width:100%;margin:4% 0 0 0}
	.contact .ad {text-align:center}
	.bannerin.left .cons .t {font-size:20px; line-height:27px;margin:8% 0 0 0}
	.products li {width:97%;}
	.proshow .mleft {width:100%}
	.proshow .mright {width:100%;margin:40px 0 0 0}
	.proshow .content td {font-size:13px;}
	.proshow .content table {margin-top:-20px}
	.prevnext .prev,.prevnext .next {width:100%}
	.prevnext .next {margin:0;text-align:left;padding:0 0 0 25px}
	.prevnext .next p {right:auto;text-align:left;left:0;margin:0}
	.prevnext .next p span {margin:0 0 0 1px;transform: rotateY(0deg);-ms-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
	.applications ul {width:100%;margin:-4% 0 0 0; }
	.applications li {width:100%;margin:4% 0 0 0;padding:43.5% 0}
	.ashow .mleft {width:100%;}
	.ashow .mright {width:100%;margin:30px 0 0 0}
	.productsrelax .indsubject {margin:0 0 20px 0}
	.support li .pic {width:100%;margin:0 0 25px 0}
	.support li .cons {width:100%}
	.searchproducts {margin-top:-5px}	
	.indpro li .pic .cons {font-size:11px;padding:0 10px 10px 10px;max-width:100%}
	.indpro li .pic .cons .t2 {line-height: 18px;margin:0 0 2px 0}
	.indpro li .pic .cons .gs { line-height:1.4;}
	.indpro li .title p {padding:0 40px 0 15px;font-size:16px;}

}