@charset "utf-8";
@media only screen and (max-width:1600px){
	.wrap {margin:0 4%}
	.foot dl {margin:0 8% 0 0}
	.contact .mleft .cons .in {width:auto;padding:0 8%}    
    .aboutcons .mleft {width:52%; height:auto;padding:20.25% 0;position: relative; background-size:cover; background-position: center; background-repeat: no-repeat}
    .aboutcons .mleft .in {padding:0 4.9% 0 7%; position: absolute;left:0;top:0;width:88.1%;}
    .aboutcons .mleft .in .in2 {position: relative; overflow: hidden;padding:32.4% 0}
    .aboutcons .mright {width:43%}    
    .sshow .cons .table4 td {width:24.25%;}
    .sshow .cons .table4 td:nth-child(2),.sshow .cons .table4 td:nth-child(4),.sshow .cons .table4 td:nth-child(6) {width:1%}
    .sshow .cons .table4 td .overflow .in {padding:15% 6% 0 6%;font-size:14px; }
    .sshow .cons .table4 td .overflow strong,.sshow .cons .table4 td .overflow b {font-size:16px;}
}

@media only screen and (max-width:1400px){
	.indpartner li {height:252px;}
	.indpartner li .pic {width:450px;height:252px;}
	.indpartner li .cons {margin:0 0 0 450px;padding:0 3% 0 4%; }
	.indpartner li.li2 .cons {margin:0 450px 0 0}
	.indpartner li .cons .c {margin:10px 0 0 0}
    .indpartner li .cons .m {margin:20px 0 0 0}
	.foot dl {margin:0 5% 0 0}
	.contactmap .in .cons {padding:0 5%;}
}

@media only screen and (max-width:1200px){
	.phonemenu { display:block;}
	.fixtop { height:50px; }
	.fixtop .logo  { width:36px; height:26px; margin:12px 0 0 0}
	.fixtop .navpc {margin:13px 35px 0 0; position: absolute;right:0;top:0}
	.fixtop .navpc li {display:None;}
	.fixtop .navpc li.en {display:block;}
	.fixtop .navpc li a.a { height:20px; line-height:20px;font-size:14px;padding:0}	
	.owl-carousel .owl-dots { bottom:5px;}
	.owl-carousel .owl-dots .owl-dot span{width:20px; height:2px;margin:0 3px;}
	.indpics .item .cons .t {font-size:30px; line-height:40px;letter-spacing: 2px;margin:0 0 25px 0}
	.indpics .item .cons .m a {width:120px; height: 35px; line-height: 34px;border-radius:35px;letter-spacing:0.5px;font-size:14px}
	.indpics .item .cons .m a span {font-size:20px;margin:1px 0 0 0}
	.indpics .item .cons .m a:Hover {width:120px;}	
	.indsubject {font-size:25px; line-height:35px;padding:35px 0 25px 0}
	.indpro ul {margin-bottom:40px}
	.indpro li .pic a {font-size:12px;width:80px; height: 25px; line-height: 23px;border-radius:25px;bottom:10px;margin-left:-40px;}
	.indpro li .title {margin:10px 0 0 0}
	.indpro li .title a {font-size:16px;}
	.indpro li:hover .pic a {width:80px;margin-left:-40px}	
	.indservice ul {width:105%;margin:-30px 0 0 -2.5%}
	.indservice li {width:28.3333%;margin:30px 2.5% 0 2.5%;}
	.indservice li .pic {width:70px; height:70px;border-width:5px}
	.indservice li .pic img {width:40px;height:40px;margin:15px auto 0 auto}
	.indservice li .title {font-size:20px; line-height:30px;margin:10px 0 5px 0}
	.indservice .more {padding:30px 0 40px 0;}
	.indservice .more a {width:100px; height:30px; line-height:28px;}	
	.indpartner li { height:auto;min-height:170px;padding:20px 0 30px 0}
	.indpartner li .pic {width:268px;height:150px;top:25px;left:20px}
	.indpartner li .cons {margin:0 0 0 268px;padding:0 20px 0 50px; height:auto; vertical-align: top;}
	.indpartner li .cons .c {margin:10px 0 0 0}
    .indpartner li .cons .m {margin:20px 0 0 0}
	.indpartner li.li2 .cons {margin:0 268px 0 0}	
	.indstep ul {margin-top:-30px}
	.indstep li {margin-top:30px;width:15%}	
	.foot {padding:30px 0 30px 0;margin:50px 0 0 0; line-height:2}
	.foot dl {margin:0;display:none;}
	.foot dl.last {float:left;display:block}
	.foot dt {margin:0 0 15px 0}
	.foot dt a {font-size:20px; line-height:30px;}
	.footer {padding:15px 0 20px 0}
	.footer .mleft {padding:0 0 0 56px}
	.footer .mleft:before {width:41px; height: 30px;top:8px}
	.namemj {top:-50px}	
	.bannerin .cons .t {font-size:30px; line-height:40px;letter-spacing: 0px;margin:-50px 0 10px 0}
	.bannerin .cons .c {font-size:15px; line-height: 1.8; letter-spacing: 0px}
	.icondot {width:30px;height: 30px;bottom:80px;margin-left:-15px;font-size:16px; line-height:32px;}
	.maincurrent {height:50px; line-height:48px;margin:-50px 0 0 0;font-size:14px;}
	.maincurrent span.icon-home1 {font-size:20px;margin:0px 8px 0 20px}
	.maincurrent span.icon-iconfonti {font-size:18px;margin:1px 0px 0 0px}
	.indpics .icondot {bottom:30px}
	.about {padding:30px 0 70px 0}
	#certify .swiper-slide {padding:5px;}
	#certify .swiper-slide,#certify .swiper-slide .in {width:630px;height:420px;}
	#certify .swiper-slide .in .cons .title {margin:0 0 20px 0}
	#certify .swiper-slide .in .cons .title a {font-size:20px; line-height: 30px;letter-spacing: 1px}
	#certify .swiper-slide .in .cons .more a { width:70px;font-size:12px;height:22px; line-height: 20px}
	#certify .swiper-slide .in .cons .more a:hover {width:70px;}
	#certify .swiper-pagination {bottom:-35px;}
	#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;width:10px;height:10px} 
    .factory .item .cons .c { font-size:13px;letter-spacing:0px;line-height: 1.6}
    .factory .item .cons .c b,.factory .item .cons .c strong {font-size:15px;margin:-2px 0 0 0;line-height: 1.6}
	.factory .item .cons .t {font-size:20px; line-height:30px;}
	.factory .item .cons .t .m{font-size:12px; width:70px; height: 22px; line-height: 20px;border-radius:22px;margin-top:10px}
	
	.contactmap .in {border:2px solid #dcdcdc;}
	.contactmap .in .cons {padding:0 5%;}
	.contactmap .in .cons li {margin:10px 0}
	.contactmap .in .cons li .pic { width:20px;}
	.contactmap .in .cons li .pic img {width:20px}
	.contactmap .in .cons li .title {margin:0 0 0 30px;}
	.message ul {margin-top:-30px}
	.message li { margin-top:30px;border-bottom-width:1px}
	.message li span {top:10px;font-size:14px;}
	.message li p {margin:0 0 0 70px;}
	.message li p input {height: 45px;}
	.message li.email p {margin:0 0 0 45px}
	.message li.beizu p {margin:40px 0 0 0}
	.message li.beizu textarea {height:80px;}
	.message li.btn {margin-top:30px}
	.message li.btn input {width:100px; height:auto;padding:6px 0 9px 0;line-height:16px; border-radius:30px; font-size:16px}		
	.fshow .title {font-size:25px; line-height:35px;margin:40px 0 30px 0}
	.fshow .c { padding:35px 20px 40px 20px;font-size:15px; letter-spacing: 1px}
	.fshow .c b,.fshow .c strong {font-size:20px;margin:-3px 0 0 0}
	.fshow .cons {margin:30px 0 0 0}
	.fshow .cons table {margin:0 0 15px 0}
	.fshow .cons table td {padding:1% 0;width:49%;}
	.fshow .cons table td:nth-child(2) {width:2%}
	.fshow .cons table td img {border-radius:5px;}
	.fshow .cons h3 {font-size:18px}	
	.service .subject {font-size:20px; line-height:30px;padding:40px 0 30px 0; letter-spacing: 1px}
	.service ul {width:103%;margin:-3% 0 0 -1.5%}
	.service li {width:30.3333%;margin:3% 1.5% 0 1.5%; }
	.service li .cons {padding:8px 20px 20px 20px}
	.service li .cons .t {height:45px; line-height:45px; }
	.service li .cons .t:before {top:15px; width:15px; height: 15px}
	.service li .cons .t a {font-size:18px; padding:0 30px 0 0}
	.service li .cons .c {font-size:14px;line-height: 25px; height: 100px; }
	.sshow .title { font-size:25px; line-height:35px;padding:40px 0 20px 0}
	.sshow .cons {font-size:16px}
	.sshow .cons table td {width:49%;padding:1% 0}
	.sshow .cons table td:nth-child(2) {width:2%}
	.sshow .cons h3 {font-size:20px; line-height:30px;margin:0px 0 20px 0}
	.contact .mleft .cons .in .t {font-size:25px; line-height:35px;letter-spacing: 1px;margin:0 0 10px 0}
	.contact .mleft .cons .in .c {font-size:18px; line-height:2}	
	.service .prosubject .t {font-size:25px; line-height:35px;padding:40px 0 15px 0}
	.service .prosubject .c {font-size:14px;margin:0 0 30px 0}	
	.mshow .title {font-size:25px; line-height:35px;padding:40px 0 20px 0;margin:0 0 25px 0}
	.mshow .cons {font-size:14px;}
	.mshow .cons img {margin:5px 0}
	.mshow .back {margin:40px 0 0 0}
	.mshow .back a {width:150px; height: 35px;line-height: 34px;font-size:14px}
	.mshow .back a span {margin:1px 5px 0 0;font-size:20px}	
	.products .type {font-size:20px; line-height: 30px;margin:40px 0 20px 0}
	.products ul {margin-top:-30px}
	.products dl {width:102%;margin:-2% 0 0 -1%}
	.products dd {border-radius:5px;width:31.3333%;margin:2% 1% 0 1%}
	.products dd .pcover {border-radius:5px}
	.products dd .cons {font-size:16px; line-height: 26px;letter-spacing: 1px;}	
	.maincurrent_pro {margin:40px 0 0 0;padding:5px 0 0 0}
	.maincurrent_pro .wrap {padding:0 0 5px 0}	
	.relaxpro .subject {font-size:20px; line-height: 20px; margin:40px 0 50px 0}
	.relaxpro .subject:before {bottom:-20px;width:20px;margin-left:-10px}
	.relaxpro .item .pic {margin:0 0 10px 0}
	.relaxpro .item .title a {font-size:16px;}	
	.relaxpro .owl-carousel {margin:0 50px}
	.relaxpro .owl-carousel .owl-nav{margin-top:-35px;}
	.relaxpro .owl-carousel .owl-nav .owl-prev {left:-50px;}
	.relaxpro .owl-carousel .owl-nav .owl-next {right:-50px;}	
	.owl-carousel .owl-nav .owl-prev:before,.owl-carousel .owl-nav .owl-next:before {font-size:16px;width:28px;padding:0 2px 0 0;height:30px;line-height:30px; }    
    .aboutcons {margin:0 0 60px 0}
    .aboutcons .subject {font-size:25px; line-height:35px;margin:40px 0 30px 0}
    .aboutcons .mright .t {font-size:18px; line-height:28px;margin:-5px 0 15px 0}
    .aboutcons .mright .c {font-size:14px;}
    .aboutcons .mright .c:before {width:40px; height:2px;bottom:-20px;}    
    .sshow .cons .table4 td .overflow {padding:0 0 36px 0;}
    .sshow .cons .table4 td .overflow .in {padding:5% 3% 0 4%;font-size:12px; }
    .sshow .cons .table4 td img {margin:0 0 8px 0}
    .sshow .cons .table4 td .overflow strong,.sshow .cons .table4 td .overflow b {font-size:14px;}    
    .sshow .back {margin:20px 0 -30px 20px; }
    .sshow .back a {font-size:14px}
    .sshow .back a span {margin:1px 4px 0 0}    
    .sshow .cons .table2 td {width:49%;padding:1% 0}
    .sshow .cons .table2 td:nth-child(2) {width:2%}    
    .sshow .cons .table3 {margin:0px 0 0 0}
    .sshow .cons .table3 tr:nth-child(2) td {padding:0.5% 0;font-size:0; line-height: 0;}
    .sshow .cons .table3 td {width:32.6666%;}
    .sshow .cons .table3 td:nth-child(2),.sshow .cons .table3 td:nth-child(4){width:1%}
    .sshow .cons .table3 td .overflow {font-size:16px; line-height:26px}
    .about {padding:0px 0 40px 0}
}

@media only screen and (max-width:788px){
	.topblank {display:block;height:50px}
	.indpics .item,.bannerin {height:350px; }	
	.indpics .item .cons {padding:0px 0 0 0}
	.indpics .item .cons .t {font-size:25px; line-height:35px;letter-spacing: 1px;margin:0 0 20px 0}
	.indpics .item .cons .m a {width:110px; height: 30px; line-height: 29px;border-radius:30px;}
	.indpics .item .cons .m a:Hover {width:110px;}
	.icondot {display:none;}
	#certify .swiper-slide,#certify .swiper-slide .in {width:570px;height:380px;}
	.service li {width:47%;}

}

@media only screen and (max-width:640px){
	.indpics .item,.bannerin {height:300px;}
	.indpro li {width:48%;}
	.indservice li {width:45%;}
	.indservice .clear2 {clear:both}
	.indservice .clear3 {display:none;}	
	.indpartner li {height:auto;padding:0;min-height:0}
	.indpartner li .pic { position:relative;width:auto;height:auto;padding:28.1% 0;left:0;top:0;}
	.indpartner li .cons {margin:0;padding:20px 20px 30px 20px;}
	.indpartner li.li2 .cons {margin:0}
	.footer .mleft {width:100%; }
	.footer .mright {width:100%; text-align:left;padding:10px 0 0 56px}
	#certify .swiper-slide,#certify .swiper-slide .in {width:330px;height:220px;}
	.contactmap .in {height:auto}
	.contactmap .in .cons {width:92%;padding:15px 4% 20px 4%;}
	.contactmap .in .map {width:100%}	
	.ashow .title {padding-left:0%;margin:0 0 20px 0; text-align: center}
	.ashow .mleft {width:100%;margin:0 0 30px 0}
	.ashow .mright {width:100%;}
	.service li {width:97%;}
	.service li .cons .c {line-height: 25px; height:auto; }
	.contact .mleft {width:100%;height:400px}
	.contact .map {width:100%;}
	.message .indsubject span {display:block;font-size:0; line-height:5px}
	.products dd {width:48%;padding:15% 0}
    .aboutcons .mleft {width:100%;padding:38.95% 0;}
    .aboutcons .mleft .in .in2 {padding:32.4% 0}    
    .aboutcons .mright {width:100%;margin:40px 0 0 0}
    .sshow .cons .table4 {margin-top:-10px}   
    .sshow .cons .table4 td {width:100%;display:block}
    .sshow .cons .table4 td:nth-child(2),.sshow .cons .table4 td:nth-child(4),.sshow .cons .table4 td:nth-child(6) {width:0%;height:10px; line-height:0px;font-size:0}
    .sshow .cons .table4 td .overflow .in {padding:10% 4% 0 5%;font-size:14px; }
    .sshow .cons .table4 td .overflow strong,.sshow .cons .table4 td .overflow b {font-size:16px;}
}

@media only screen and (max-width:480px){
	#certify .swiper-slide,#certify .swiper-slide .in {width:300px;height:200px;}
}




