@media (max-width:1200px){
	.float{ width:100%; left:0; margin-left:0;}
	.c-con{ width:100%; padding-left:10px; padding-right:10px; box-sizing:border-box;}
	.header > .hd-con,.youshi-list{ width:100%;}
	.header > .hd-con > .logo{ margin-left:10px;}
	.header > .hd-con > .btn-nav,.header > .hd-con > .phone{ right:10px;}
	.header > .hd-con > .banner{  width:288px; height:24px; margin-top:20px; }
	.nav > .nav-list{ padding-left:0; padding-right:0;}
	.nav > .nav-list > ul > li,.service > .serv-nav > .serv-nav-list > ul > li{ font-size:14px;}
	
	.flash > .c-con{ width:100%; left:0; margin-left:0;}
	.flash > .c-con .fc-logo > h3 > p{ font-size:20px;}
	.flash > .c-con .fc-logo > h3 > p:nth-of-type(2){ font-size:14px;}
	
	.youshi-header > h3 > p{ font-size:24px; padding-left:20px; padding-right:20px; transform:translateY(-60px); -webkit-transform:translateY(-60px); }
	.youshi-header > h3 > p > span:nth-of-type(1){ font-size:60px; }
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > p{ width:100%; height:auto; font-size:14px; line-height:30px;}
	
	.abocon > .ac-about{line-height:30px; font-size:14px;}
	
}
@media (max-width:992px){
	.header{}
	.header > .hd-con{ width:100%; padding-top:10px; padding-bottom:10px;}
	.nav > .nav-list > ul > li > a{ height:40px; line-height:40px; height:40px;}
	.header > .hd-con > .site,.nav > .nav-list > ul > li,.service > .servcon > .serv-menu > ul > li > p,.header > .site > .c-con{ font-size:12px;}
	.header > .hd-con > .site{ margin-bottom:0; padding-right:10px;}
	.header > .hd-con > .phone{ width:200px; height:40px; margin-top:-20px;}
	.header > .hd-con > .banner{ display:none;}
	
	
	.flash > .c-con .fc-logo > h3 > p{ font-size:16px;}
	.flash > .c-con .fc-logo > h3 > p:nth-of-type(2){ font-size:12px;}
	.flash > .c-con .fc-about{ width:20%;}
	
	.prods{ padding-left:0px; margin-top:10px; }
	.prods > .prodleft{ width:100%; height:72px; background-color:#efefef; position:inherit; margin-bottom:10px; }
	.prods > .prodleft > .pl-menu{ width:100%; box-sizing:border-box; padding-left:120px; position:relative;}
	.prods > .prodleft > .pl-menu > h3{ width:120px; height:72px; line-height:72px; position:absolute; left:0;top:0; }
	.prods > .prodleft > .pl-menu > .pl-menu-list > ul > li{ padding-left:10px; padding-right:10px; width:33.33%; display:inline-block; height:36px; line-height:36px; float:left; text-align:center; border-bottom:0; overflow:hidden; }
	.prods > .prodleft > .pl-menu > .pl-menu-list > ul > li::after,.prods > .prodleft > .pl-menu > .pl-menu-list > ul > li::before,.prods > .prodleft > .pl-contact{ display:none; }
	
	.youshi-header > h3{ width:60%;}
	.youshi-header > h3 > p{ font-size:20px; padding-left:20px; padding-right:20px; transform:translateY(-60px); -webkit-transform:translateY(-60px); }
	.youshi-header > h3 > p > span:nth-of-type(1){ font-size:60px; }
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3{ height:48px; line-height:48px;}
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3 > p{ height:36px; line-height:36px; padding-left:10px; padding-right:10px; width:48px; box-sizing:border-box; font-size:14px;}
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3 > a{ padding-left:60px; height:48px; line-height:48px; font-size:18px;}
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3::after{ left:70px;}
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > p{ width:100%; height:auto; font-size:12px; line-height:24px;}
	
	
	.about .about-header{ font-size:20px;}
	.about .about-icon{ width:600px;}
	.about .about-icon::after{ width:260px;}
	.about .about-icon::before{ width:260px; }
	.abocon > .ac-img{ width:50%;}
	.abocon > .ac-about{ width:50%; line-height:30px; overflow:hidden; font-size:12px; padding-left:10px;}

	
	.news-list > ul > li{ padding:10px; margin-right:1.2%; width:24.1%; }
	
	.search{ height:30px; padding-right:200px;}
	.search > p{ height:30px; line-height:30px; }
	.search > .search-form{ width:200px; height:30px; padding-right:30px;}
	.search > .search-form p:nth-of-type(1) input{  height:30px; line-height:30px; font-size:12px; }
	.search > .search-form p:nth-of-type(2){ width:30px; height:30px;}
	
}

@media (max-width:768px){	
	.header > .hd-con > .logo{ width:320px;}
	.header > .hd-con > .btn-nav{ display:inline-block;}
	.header > .hd-con > .phone,.nav > .nav-list{display:none;}
	
	.main{ padding-top:10px; padding-bottom:10px;}
	
	
	.flash > .c-con .fc-logo > h3 > p{ font-size:14px;}
	.flash > .c-con .fc-logo > h3 > p:nth-of-type(2){ font-size:10px;}
	.flash > .c-con .fc-about > p{ font-size:16px;}
	
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about{ width:50%; }
	
	.about{ padding-top:20px; padding-bottom:20px;}
	.about .about-header{ font-size:16px; margin-bottom:10px;}
	.about .about-icon{width:520px; height:25px;}
	.about .about-icon::after,.about .about-icon::before{ width:220px;}
	.about .about-icon > p{ width:20px; height:20px;}
	
	.abocon > .ac-img{ width:50%;}
	.abocon > .ac-about{ width:50%; line-height:24px; height:auto; overflow:hidden; font-size:12px; padding-left:10px;}
	
	.news{ padding-bottom:10px; background-image:url(none);}
	.cols-header > h3{ font-size:18px; }
	.cols-header > p{ font-size:12px;margin-top:5px;}
	.news-list > ul > li{ margin-right:0%; width:49.4%; margin-bottom:10px; }
	.news-list > ul > li:nth-of-type(2n){ float:right; }
	.news-btn{ width:100px; height:30px; line-height:30px; font-size:12px; margin-top:4px;}
	.news-btn > i{ font-size:12px;}
	
	.service{ padding-bottom:10px; }
	.service > .serv-nav{ margin-bottom:10px;}
	.service > .serv-nav > .serv-nav-list{ padding-top:10px; padding-bottom:10px; }
	.service > .serv-nav > .serv-nav-list > ul > li{ width:25%; font-size:12px; height:30px; line-height:30px; }
	
}



@media (max-width:640px){	
	.header > .site{ display:none;}
	.prods > .prodleft{ width:100%; height:72px; background-color:#efefef; position:inherit; margin-bottom:10px; }
	.prods > .prodleft > .pl-menu{ width:100%; box-sizing:border-box; padding-left:90px; position:relative;}
	.prods > .prodleft > .pl-menu > h3{ width:90px; height:72px; line-height:72px; position:absolute; left:0;top:0; font-size:14px; }
	.prods > .prodleft > .pl-menu > .pl-menu-list > ul > li{ width:50%; font-size:12px; height:24px; line-height:24px;}
	
	.tedian-cont > .td-cont-img{ display:none;}
	.tedian-cont > .td-list{ position:inherit;}
	.tedian-cont > .td-list > ul{ display:block;}
	.tedian-cont > .td-list > ul > li{ width:100%; height:auto;}	
	.tedian-cont > .td-list > ul > li + li{ margin-top:10px;}
	.tedian-cont > .td-list > ul > li:nth-of-type(2n){ border-right:0; border-left:4px solid #FFF;}
	.tedian-cont > .td-list > ul > li:nth-of-type(2n)::after{ left:-2px; right:auto;}
	.tedian-cont > .td-list > ul > li:nth-of-type(2n) > h3,.tedian-cont > .td-list > ul > li:nth-of-type(2n) > p{ padding-left:0; padding-right:0; text-align:left;}
	.tedian-cont > .td-list > ul > li > p{ height:auto;}

	
	.youshi-header > h3{ height:36px;}
	.youshi-header > h3 > p{ font-size:16px; padding-left:20px; padding-right:20px; transform:translateY(-40px); -webkit-transform:translateY(-40px); }
	.youshi-header > h3 > p > span:nth-of-type(1){ font-size:40px; }
	.youshi-list > ul > li > img{ display:none;}
	.youshi-list > ul > li > .ysl-cont{ position:inherit;}
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3{ height:40px; line-height:40px;}
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3 > p{ height:30px; line-height:30px; padding-left:10px; padding-right:10px; width:36px; box-sizing font-size:14px;}
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3 > a{ padding-left:50px; height:40px; line-height:40px; font-size:16px;}
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3::after{ left:50px;}
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > p{ height:48px; line-height:24px; overflow:hidden;}
	
	.flash > .c-con .fc-logo > h3 > p:nth-of-type(2),.flash > .c-con .fc-about > p,.flash > .c-con .fc-about > h3{ display:none;}
	
	.about .about-icon{width:420px; height:25px;}
	.about .about-icon::after,.about .about-icon::before{ width:180px;}
	
	.search{ height:auto; padding-right:0px;}
	.search > p{ height:30px; line-height:30px; padding-left:0px; padding-right:0px; }
	.search > .search-form{ width:100%; height:30px; padding-right:30px; position:inherit; margin-bottom:5px;}
	
	.abocon{ width:100%; height:auto; display:block; margin-top:20px;}
	.abocon > .ac-img,.abocon > .ac-about{ width:100%;}
	.abocon > .ac-about{ padding-left:0; height:auto; margin-top:10px;}
	
	.service > .servcon{ padding-right:10px;}
	.service > .servcon > .serv-contact > h3{ height:auto; }
	.service > .servcon > .serv-contact > p{ line-height:24px; font-size:12px;}
	.service > .servcon > .serv-erweima{ width:100%; margin-top:10px; height:auto; box-sizing:border-box; position:inherit; right:auto; left:0; top:0;  }
	.service > .servcon > .serv-erweima > p{ width:48px; height:48px; line-height:48px;}
	.service > .servcon > .serv-erweima > p i{ font-size:30px;}
	.service > .links{ line-height:24px; font-size:12px;}
	.footer > .copyright{ line-height:20px; padding-top:10px; padding-bottom:10px; font-size:12px;}
}
@media (max-width:480px){
	.header > .hd-con > .logo{ width:240px;}
	
	.youshi-header > h3{width:80%; height:30px;}
	.youshi-header > h3 > p{ font-size:14px; padding-left:10px; padding-right:10px; transform:translateY(-36px); -webkit-transform:translateY(-36px); }
	.youshi-header > h3 > p > span:nth-of-type(1){ font-size:30px; }
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > p{ display:none;}
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3{ height:auto; white-space:normal; }
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3 > p{ height:26px; line-height:26px;}
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3 > a{ height:auto; line-height:24px; font-size:14px;}
	.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3::after,.youshi-list > ul > li > .ysl-cont > .ysl-cont-about > h3::before{ display:none; }
	
	.flash > .c-con .fc-logo{ width:72%;}
	.flash > .c-con .fc-logo > h3 > p{ font-size:12px;}
	.flash > .c-con .fc-about{ width:26%; font-size:12px;}
	.flash > .c-con .fc-about > a{ width:100%; height:30px; line-height:30px;}
	
	.about .about-icon{width:320px; }
	.about .about-icon::after,.about .about-icon::before{ width:120px;}
	
	.news-list > ul > li{width:100%; margin-bottom:10px; }
	.news-list > ul > li .nl-text{ height:auto; line-height:20px; }
}
@media (max-width:375px){
	.header > .hd-con{ padding-top:15px; padding-bottom:15px;}
	.header > .hd-con > .logo{ width:200px;}
	
	.about .about-icon{width:240px; }
	.about .about-icon::after,.about .about-icon::before{ width:90px;}
	
	.service > .servcon > .serv-contact > h3 > img{ width:auto; max-width:100%;}
	}