@charset "utf-8";

@media only screen and (max-width:1200px){
	.wrap {margin:0 4%}
	.phonemenu { display:block;}
	::-webkit-scrollbar {width:2px}	
	html,body,input,button,select,textarea {font-size:14px}
	.fixtop .navpc {display:none;}
	.fixtop {height:50px}
	.fixtop .logo,.fixtop.active .logo { width:109px; height:26px;top:12px;}
	.tblank {height:50px}
	.fixtop.active {top:0}
	.tblank.active {height:50px}
	.swiper-button-next,.swiper-button-prev {margin-top:-12px;width:25px;height:25px;display:none}
	.swiper-button-next:after,.swiper-button-prev:after {font-size:12px;width:25px;height:25px;line-height:25px; }
	.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;}
	.foot {padding:40px 0; }
	.foot i.icon {display:none;}
	.foot .mleft {padding:0 150px 0 0}
	.foot .mleft .company {margin:-3px 0 15px 0}
	.foot .mleft li {margin-top:3px}
	.foot .mleft li.tel {margin-left:30px}
	.foot .mleft li span {width:23px;font-size:16px; line-height: 16px;margin:5px 0 0 0}
	.foot .mleft li.address span {font-size:18px;margin-top:4px}
	.foot .mright {width:110px;}
	.foot .mright p {font-size:12px}
	.footer {padding:15px 0;}
	.about {padding:40px 0 50px 0}
	.mainsubject {margin:0 0 30px 0}
	.mainsubject .t {font-size:20px; line-height:25px;letter-spacing:0.5px;}
	.mainsubject .e {font-size:12px}
	.mainsubject .e:before {bottom:-10px;width:20px;height:2px;}
	.about .aboutleft {margin:4px 0 0 0}	
	.ind3 {padding:40px 0 45px 0;}
	.ind3 .title {font-size:18px;letter-spacing: 0px;}
	.ind3 .content {letter-spacing: 0px;margin:5px 0 30px 0}
	.ind3 ul {width:104%;margin:-4% 0 0 -2%}
	.ind3 li {width:29.3333%;margin:4% 2% 0 2%;}
	.ind3 li h2 {height:35px;font-size:16px; line-height: 33px;}
	.indabout {padding:40px 0 45px 0}
	.indabout .t {font-size:20px; line-height:28px; letter-spacing:1px;left:0px}
	.indabout .c {font-size:12px; line-height: 20px;margin:2px 0 20px 0; letter-spacing: 0px}
	.indabout .t2 {font-size:20px; line-height:28px; letter-spacing: 1px;left:0px}
	.indabout .c2 {margin:5px 0 30px 0}
	.indabout .content {border-width:1px;padding:20px;font-size:14px;}	
	.indcase {padding:40px 0 45px 0}
	.indcase .subject p {font-size:20px; line-height:25px;letter-spacing: 1px}
	.indcase .subject p:before {top:14px;left:-60px;width:50px;height:1px; }
	.indcase .subject p:after{top:14px;right:-60px;width:50px;height:1px;}
	.indcase .cons .t {font-size:16px; line-height: 23px; letter-spacing: 1px;margin:15px 0 2px 0}
	.new_telst { margin:25px 0 0 0;}
	.new_telst li { height:30px; line-height:28px;font-size:14px;padding:0 20px;border-radius:30px;margin:5px; letter-spacing:0.5px}
	.indmore {margin:30px 0 0 0}
	.indmore a {height:30px;font-size:14px; letter-spacing: 0px;line-height:28px;padding:0 20px 0 20px;border-radius:30px;}
	.indmore a p {display:none;}	
	.policy {padding:40px 0 40px 0}
	.policy .cons {padding:20px 20px 0 20px}
	.policy .cons .t {font-size:18px; line-height:23px; letter-spacing:1px;margin:0 0 3px 0}
	.policy .more {padding:0 20px 20px 20px}	
	.mainsubject2 {margin:0 0 20px 0}
	.mainsubject2 .t {font-size:20px; line-height: 25px;letter-spacing:1px;margin:0 0 2px 0}
	.mainsubject2 .e {font-size:12px; line-height: 20px}
	.mainsubject2 .e:before {bottom:-10px;width:30px;height:2px;}
	.pshow {padding:40px 0 50px 0}
	.pshow .content {margin:40px 0 0 0}	
	.contact {margin:40px 0 50px 0}
	.contact .mleft {width:150px;}
	.contact .mleft li {margin:0 0 5px 0}
	.contact .mleft li a {height:35px; line-height:33px;font-size:16px; letter-spacing:0px}
	.contact .mright {margin:0 0 0 180px;}
	.contact .mright .map {margin:30px 0}
	.contact .mright .wx {width:120px;}
	.contact .mright .wx p {font-size:12px}	
	.message .indsubject h2 {font-size:20px; line-height: 25px;top:-3px; letter-spacing: 0}
	.message .indsubject p {margin:5px 0 15px 0;font-size:14px}
	.message li {width:100%;margin:0px 0 0 0}
	.message li.email {margin:0px 0 0 0}
	.message li span {top:18px}
	.message li.name p ,.message li.tel p{margin:0 0 0 45px;}
	.message li.email p {margin:0 0 0 60px;}
	.message li.beizu {margin:17px 0 0 0}
	.message li.beizu textarea {height:150px;padding:10px 15px;}
	.message li.btn {margin:20px 0 0 0}
	.message li.btn input {padding:5px 0 7px 0;border-radius:33px;width:120px;}
	.case li .cons .t:before {width:35px;height:2px;bottom:-10px;}	
	.clist {padding:10px 0 50px 0}
	.clist .subject {font-size:20px; line-height:25px; margin:0 0 40px 0; letter-spacing:0.5px}
	.clist .subject:before {bottom:-10px;width:38px;height:2px; }
	.clist li .title a {font-size:14px;height:40px; line-height:38px;}
	.page_wrap {padding:35px 0 0 0}
	.pager a,.pager span,.pager font {margin: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: 28px; margin:0 5px; letter-spacing: 1px}	
	.indcase dl {margin-top:15px}
	.indcase dd h2 {font-size:16px; line-height:26px;}	
	.ywcate {margin:35px 0 55px 0; }
	.ywcate:before {top:39px;}
	.ywcate li {margin:0 3%}
	.ywcate li a {font-size:16px; line-height:26px;}
	.ywcate li:before {bottom:-15px;width:30px;margin-left:-15px;height:5px;}
	.yw1 li .title a {height:35px; line-height:33px;font-size:14px}
	.ywblank {height:50px}	
	.yw2 li {margin:30px 0 0 0;padding:0 5px 0 3px}
	.yw2 li:before {width:3px;}
	.yw2 li:after {left:11px;top:47px;font-size:25px; line-height: 25px}
	.yw2 li .in {border-top-right-radius:15px;padding:15px 30px 0 30px}
	.yw2 li .in:before {bottom:-5px;height:70px; }
	.yw2 li .in:after {bottom:-5px;}
	.yw2 li .title a {font-size:16px; line-height:24px;}
	.yw2 li .title2 { left:33px;bottom:13px;}
	.yw3 {min-height:0px}
	.yw3 {margin:0}
	.yw3 .mleft li a {height:35px; line-height:33px;font-size:14px;}

}

@media only screen and (max-width:788px){

}


@media only screen and (max-width:640px){
	.foot .mleft {padding:0}
	.foot .mright { position:relative;width:100%;text-align:left;margin:25px 0 0 0}
	.foot .mright img {width:110px}
	.foot .mleft li.tel {margin-left:0; float:none; clear: both}
	.about .aboutleft {width:100%;}
	.about .aboutright {width:100%;margin:30px 0 0 0}
	.ind3 ul {width:100%;margin:-5% 0 0 0}
	.ind3 li {width:100%;margin:5% 0 0 0;padding:38.3% 0}
	.policy ul {width:100%;margin:-4% 0 0 0}
	.policy li {width:100%;margin:4% 0 0 0;padding:29.2% 0}
	.contact .mleft {display:none;}
	.contact .mright {margin:0}
	.case li {padding:30.4% 0}
	.clist ul {width:100%;margin:-4% 0 0 0}
	.clist li {width:100%;margin:4% 0 0 0}
	.indcase dl {width:100%;margin:-4% 0 0 0;padding:25px 0 0 0}
	.indcase dd {width:100%;margin:4% 0 0 0}
	.yw1 ul {width:100%;margin:-4% 0 0 0}
	.yw1 li {width:100%;margin:4% 0 0 0}
	.ywcate {margin:30px 0 30px 0; }
	.ywcate:before {display:none;}
	.ywcate li {margin:5px 3%}
	.ywcate li a {font-size:16px; line-height:26px;}
	.ywcate li:before {bottom:-5px;width:100%;left:0;margin-left:0;height:1px;}
	.yw3 .mleft {display:block; position: relative;width:102%;margin:-2% 0 30px -1%; text-align: left;}
	.yw3 .mleft li {display:inline-block;width:48%;margin:2% 1% 0 1%; text-align: center}
}