@charset "utf-8";
@media only screen and (max-width:1680px){ 
	.indpro .owl-carousel {width:auto;padding:0 100px}
	.indpro .owl-carousel .owl-nav .owl-prev {left:0px;}
	.indpro .owl-carousel .owl-nav .owl-next {right:0px;}
	.indpro .item .pic {padding:10%}
}

@media only screen and (max-width:1420px){ 
	.wrap {margin:0 4%}
	.aboutleft .in {width:100%;}
	.aboutleft .in .bg {  margin:8% 0 0 8%;}
	.aboutright .in {width:100%;padding:8%}	
	.indabout .text .title {margin:-6px 0 30px 0}	
	.indabout .text .title2 {padding:0 0 30px 0;margin:-15px 0 20px 0}
	.indabout .text .content {margin:0 0 30px 0;}
	.indabout .text .content h2 {margin:0 0 10px 0;}	
	.indexbg {padding:100px 0 130px 0}
}

@media only screen and (max-width:1200px){ 
	html,body,input,button,select,textarea {font-size:14px;}
	.phonemenu { display:block;}	
	.fixtop {height:50px;}
	.fixtop .logo,.fixtop.active .logo {top:5px}
	.fixtop .logo img {height:40px;}	
	.fixtop .navpc {display:none;}	
	.fixtop .cnen,.fixtop.active .cnen {top:11px;right:35px}
	.fixtop .cnen a {font-size:12px;margin:0 0 0 10px;}
	.topblank,.topblank.active {height:50px}
	.fixtop.active {top:0px}
	::-webkit-scrollbar {width: 0px;}	
	.owl-carousel .owl-nav{margin-top:-12px;display:none;}
	.owl-carousel .owl-nav .owl-prev:before,.owl-carousel .owl-nav .owl-next:before {font-size:14px;width:23px;padding:0 2px 0 0;height:25px;line-height:25px;}
	.owl-carousel .owl-dots {bottom:5px}
	.owl-carousel .owl-dots .owl-dot span{width:5px; height:5px;margin:0 5px;}
	.foot .up { padding:30px 0 30px 0;font-size:18px; line-height:28px; letter-spacing:0.5px;}
	.foot .down {padding:30px 0}
	.foot .down .text {font-size:14px;line-height:2}
	.bannerin .c {font-size:20px; letter-spacing:0.5px; line-height:1.4;}
	.bannerin .t {font-size:16px; line-height:26px; letter-spacing:1px;margin:2px 0 0 3px}
	.aboutleft .in .bg {width:280px;height:280px;}
	.aboutleft .in .bg .t {padding:110px 0 0 60px;font-size:30px; line-height:35px;}
	.aboutleft .in .bg .t2 {padding:10px 0 0 60px;font-size:23.5px; line-height:28px}
	.aboutleft .in .bg .t2 span {margin:0 0 0 10px}
	.aboutright .content {font-size:14px;margin:30px 0 0 0; letter-spacing: 0.5px; line-height: 1.8}
	.mainsubject {margin:0 0 30px 0}
	.mainsubject .t {font-size:20px; line-height:30px; letter-spacing:0.2px}
	.mainsubject .t2 {font-size:16px; line-height:26px; letter-spacing: 0.1px;}	
	.about li {padding:40px 0}
	.about li .pic {border-radius:10px}
	.about li .cons {width:45%;margin:0 0 0 5%}
	.about li .cons .subject {font-size:20px; line-height:30px; letter-spacing:0.2px}
	.about li .cons .title2 {font-size:14px; line-height:24px; letter-spacing: 0.1px; margin:0px 0 0 0}
	.about .title2:before {bottom:-15px;width:40px;height:2px;}
	.about li .cons .c {margin:40px 0 0 0;font-size:14px; line-height:1.8}
	.about li.li2 .cons {margin:0 5% 0 0}	
	.message {padding:40px 0 50px 0}
	.message .subject,.contact .subject {font-size:20px; line-height:30px;margin:0 0 15px 0;}
	.message ul {margin:-20px 0 0 0}
	.message li {margin:20px 0 0 0}
	.message li input[type="text"] {font-size:14px;}
	.message li.beizu {margin-top:40px}
	.message li textarea {font-size:14px;}
	.message li.btn {margin-top:30px}
	.message li.btn input {width:150px;border-radius:50px;font-size:16px; letter-spacing:1px;padding:8px 0 10px 0}
	.message li.btn input:hover {width:150px}
	.contact {padding:40px 0}
	.contact ul {margin-top:-20px}
	.contact li {margin-top:40px}
	.contact li .cons {margin-top:-5px}
	.contact li .cons .t {font-size:16px; line-height:26px;}
	.contact li .cons .t2 {font-size:14px; line-height:24px;margin:5px 0 0 0}
	.contact li .cons .c{margin:5px 0 0 0}
	.map {margin:20px 0 0 0}
	.product {padding:40px 0 50px 0}
	.product .proleft {width:100%;margin:0 0 40px 0; background: #fff;}
	.product .proleft dd {display:inline-block; vertical-align: top;width:25%}
	.product .proleft dd a {padding:7px 0px 8px 0px; text-align: center;font-size:14px}
	.product .proright {width:100%;}	
	.product .proright ul {margin-top:-20px}
	.product .proright li {margin-top:20px}
	.product .proright li .pic {padding:20px;}
	.product .proright li .title {margin:10px 0 0 0;font-size:14px}
	.page_wrap {padding:40px 0 0 0;}
	.pager a,.pager span,.pager font {margin:3px 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;}
	.pager i {line-height: 25px;margin:0 5px; letter-spacing: 1px}	
	.indexbg {padding:40px 0 45px 0}
	.indabout .pic {width:40%;}
	.indabout .text {width:55%}
	.indsubject {font-size:20px; line-height:30px;margin:-3px 0 15px 0}
	.indsubject:before {bottom:3px;height:5px;}
	.indabout .text .title2 {font-size:20px; line-height:30px;padding:0 0 10px 0;margin:-10px 0 9px 0}
	.indabout .text .content {margin:0 0 20px 0; line-height:1.8;font-size:16px;}
	.indabout .text .content h2 {margin:0 0 6px 0;font-size:18px}	
	.indmore a {height:30px; line-height:28px;width:120px; border-radius:25px;}
	.indmore a:hover {width:120px}	
	.indpro {padding:40px 0 40px 0}
	.indpro .content {font-size:16px;margin:5px 0 40px 0; line-height:1.8}
	.indpro .item .pic {padding:20px}
	.indpro .item .title {margin:15px 0 0 0;font-size:16px}
	.indpro .indmore {margin:35px 0 0 0}	
	.indpro .owl-carousel {width:auto;padding:0 40px}
	.indpro .owl-carousel .owl-nav{margin-top:-35px;display:block;}
	.indpro .owl-carousel .owl-nav .owl-prev {left:0px;}
	.indpro .owl-carousel .owl-nav .owl-next {right:0px;}
	.indpro .item .pic {padding:20px}
	.indtech {padding:40px 0;margin:0 0 -51px 0;}
	.indtech .t {font-size:20px; line-height:30px}
	.indtech .c {font-size:14px;margin:10px auto 30px auto;line-height:1.8;}
	.indexcontact {margin:40px 0 0 0;padding:40px 0}
	.factory {padding:35px 0 40px 0}
	.factory li {padding:0 0 0 35px}
	.factory li .logo {width:35px;height:35px;}
	.factory li .num { top:35px;width:35px;height:35px; line-height: 35px; font-size:18px;}
	.factory li .title {font-size:16px}
	
}

@media only screen and (max-width:788px){ 
	.contact li .pic {width:100%;}
	.contact li .cons {width:100%;margin:20px 0 10px 0}	
	.factory ul {margin-top:-20px}
	.factory li {width:48%;margin:20px 1% 0 1%; }
	.factory li .title {margin:10px 0 0 0; }
}

@media only screen and (max-width:640px){ 
	.foot .down .text {width:100%; text-align: center;font-size:13px}
	.foot .down .logo {display:none;}
	.aboutleft {display:none;}
	.aboutright {width:100%;}
	.aboutright .in {padding:30px 4% 50px 4%}
	.about li .pic { width:100%;}
	.about li.li2 .cons {margin:0 0 30px 0}
	.about li .cons {width:100%;margin:30px 0 0 0}	
	.message li {width:100%;}
	.message li.mtel {margin-left:0;margin-right:0}
	.contact ul {width:100%;margin:-25px 0 0 0;}
	.contact li {width:100%;margin:40px 0 0 0}
	.product .proright li {width:46%;}
	.product .proright .clear2 {display:block; clear: both}
	.product .proright .clear3 {display:none;}
	.indabout .pic {width:100%;}
	.indabout .text {width:100%;margin:30px 0 0 0}	
	.indabout .text .title2 {padding:0 0 17px 0;margin:0px 0 20px 0}
	.indabout .text .content {margin:0 0 30px 0;}
	.indabout .text .content h2 {margin:0 0 10px 0;}
	.indexbg {padding-top:4%}
	.indexcontact {padding:20px 0 35px 0}
	.indexcontact li .pic {display:none;}
	.indexcontact li .cons {width:100%;margin:0}
	.indpics .item {padding:30% 0}
	.factory ul {width:100%;margin:-25px 0 0 0}
	.factory li {width:100%;margin:25px 0 0 0;}
}