@charset "utf-8";
@media (max-width:1200px){	
	.float{ width:100%; left:0; margin-left:0;}
	.c-con{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;}	
	
	.header{ background-position: center -10px;}
	.nav > ul > li > a{ font-size: 14px;  }
	.swiper1 .swiper-pagination{ padding-bottom:10px;}
	.serv-tool > ul > li{width: 50%;text-align: center}
	.serv-tool > ul > li img{
		margin: 10px auto;
	}
	
	.col-location > .c-con > h4{ left:10px;}
	.col-location > .c-con > h3{ font-size: 44px;}
	.col-location > .c-con > h4{  font-size: 28px; left:10px;}
	.ycl-pinzhi > ul > li > .col-pzli-about > h3{  font-size: 24px;}
}
@media (max-width:992px){
	.site > .c-con,.cols > .item > .item-about > .ia-con > { font-size: 12px; }
	.logo{ padding-top: 10px; padding-bottom: 10px; width:400px; }
	.nav > ul > li > a{ font-size: 14px; height: 55px; line-height:55px; }
	.search{ width: 160px; padding-right:40px;}
	.search p:nth-of-type(2),.search p:nth-of-type(2) > input{ width:40px;}

	.tuijian > header{ font-size: 18px; }
	.tuijian > .tj-list > ul > li > a > h3 > p{ font-size: 14px; }
	.kecheng > header > p,.kecheng > .kc-list > ul > li > .kcl-about > .kcl-about-title > h3{ font-size: 22px; }
	.kecheng > header > h3 > span{ font-size: 22px; }

	.imgsheader > .c-con > header > h3{  font-size: 24px; }
	.imgsheader > .c-con > .imgstab > p,.yuanliao > .yl-tabT > p{ font-size: 16px; }

	.cols > .item:nth-of-type(3){padding: 10px; }
	.cols > .item > .item-about > .ia-con > h3{ font-size: 24px; }
	.inews > header,.ylc-col > .ylc-col-tab > p,.ylc-col > .ylc-col-tab2 > p{ font-size: 16px; }
	.inews > .inews-list > ul > li{ font-size: 12px; margin-top: 0}
	.inews > .inews-btn{ padding:5px 10px;  font-size: 12px; margin-top: 10px; }

	.col-location > .c-con > h3{ font-size: 40px;}
	.col-location > .c-con > h4{  font-size: 24px; left:10px;}

	.prod-col > a > p > span{ font-size: 22px;}
	.prod-list > ul > li > .pl-about > p{font-size: 14px; }
	.prod-list > ul > li > .pl-about > h3 > p{font-size: 12px;}
	.prod-list > ul > li > .pl-img > p > span{ width:36px; }
	.cola-flash-icon{ width: 180px;  position: absolute;left:-10px;}
	.yl-header > h3 > p,.yl-header > h4{ font-size: 24px; }
	.ycl-pinzhi > ul > li > .col-pzli-about > h3{  font-size: 20px;}
	
}
@media (max-width:800px){
	.servc-contact{
		width: 50%;
		flex: initial!important;
		margin-bottom: 15px;
	}
	.serv-con > .servc-ewm {
		height: auto;
		display: flex;
		width: 50%;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
}
@media (max-width:768px){	
	.online{ width:60px; margin-top: -133px;}
	.online > .online-list > ul > li > a > h3{display: none}
	.online > .online-list > ul > li > a > p,.online > .online-list > ul > li:nth-of-type(5) > a > p{ line-height: 30px; }
	.online > .online-list > ul > li > a > p > i{ font-size: 20px; }

	.site > .c-con,.cols > .item > .item-about > p,.cols > .item > .item-about > p > i,.imgs > .imgs-list > ul > li > a > h3{ font-size: 12px; } 
	.header{  background-image: url(none);}
    .logo{ padding-top: 10px; padding-bottom: 10px; width:260px; }
	.logo img{ width:100%; }
	.search,.jd{display: none;}

	.tuijian > header{ font-size: 16px; }
	.kecheng > .kc-list{ margin-top: 10px; }

	.imgsheader > .c-con > header > h3{  font-size: 20px; }
	.imgsheader > .c-con > header > h4 > p{ width: 48px; }

	.cols{ display: block; }
	.cols > .item{ width:49%; margin-right:0;  float: left; }
	.cols > .item:nth-of-type(2){ float: right; }
	.cols > .item:nth-of-type(3){ width:100%; height: auto; margin-top: 10px;}
	.cols > .item > .item-about > p{ width:90px; }
	.imgs > .imgs-list > ul > li > a > h3{ height: 32px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding:4px 10px; }

	.serv-tool > ul > li > i,.location > .c-con > i,.yuanliao > .yl-tabT > p{ font-size: 14px; }
	.serv-con{ padding-top: 10px; padding-bottom:10px; }
	.serv-con > .servc-contact > h3{ font-size: 16px; }
	.serv-con > .servc-contact > .servc-list > ul > li > h3,.serv-con > .servc-contact > .servc-list > ul > li > p{ font-size: 12px; line-height: 20px; }
	.serv-con > .servc-ewm{ }
	.serv-tool > ul > li,.serv-con > .servc-ewm > h3,.location > .c-con{ font-size: 12px; }

	.footer > .c-con{ display: block; }
	.footer > .c-con > .copyright,.footer > .c-con > .fnavlist{ width:100%; }
	.footer > .c-con > .fnavlist { text-align: left; }

	.prod-col > a > p > span{ font-size: 20px;}
	.cola-tab > .c-con > p{ width:100px; font-size: 14px; }
	.prod-class > ul > li{ width:25%;}	
	.prod-class > ul > li:nth-of-type(8n){ border-right:1px solid #f0e8e8; }
	.prod-class > ul > li:nth-of-type(4n){ border-right:1px solid #FFF; }
	.prod-class > ul > li > a > p{ width:100px; margin:0 auto; }
	.prod-title > p{ width:50%; }
	.prod-title > h3{ font-size: 16px; }
	.prod-list > ul > li{ width: 48.5%; float: left;  margin-right:0; }
	.prod-list > ul > li:nth-of-type(5n){ margin-right:0; }
	.prod-list > ul > li:nth-of-type(2n){ float: right;}
	.prod-list > ul > li > .pl-img > p > span{ width:60px; }
	.cola-flash-icon{ width: 150px;  position: absolute;left:-10px;}
	.col-location > .c-con > h3{ font-size: 32px;}
	.col-location > .c-con > h4{  font-size: 20px; left:10px;}
	.swiper3 .swiper-button-next,.swiper3 .swiper-button-prev{ height:30px; width:30px; line-height:26px; margin-top: -15px; } 
	.swiper3 .swiper-button-next i,.swiper3 .swiper-button-prev i{ font-size:16px; }
	.yl-header > h3 > p,.yl-header > h4{ font-size: 20px; }

	.ylc-item-about{ padding:10px 20px; font-size: 12px; }
	.ylc-col > .ylc-col-tab > p{  height: 30px; line-height: 30px; width:20%; }
	.ylc-col > .ylc-col-tab > p.on{ height: 42px; line-height: 42px; }
	.ylc-col > .ylc-col-tab > p:nth-of-type(4){ width:40%; }
	.ylc-col > .ylc-col-tab2 > p{  height: 30px; line-height: 30px; width:20%; }
	.ylc-col > .ylc-col-tab2 > p.on{ height: 42px; line-height: 42px; }
	.ylc-col > .ylc-col-tab2 > p:nth-of-type(4){ width:40%; }
	.ycl-col-cen > .ycl-col-item{ background-size: 80% auto;}
	.ycl-col-cen > .ycl-col-item > header,.ycl-col-cen > .ycl-col-item2 > header{ font-size: 14px; }
	.ycl-pinzhi > ul > li > .col-pzli-about > h3{  font-size: 16px;}
	.ycl-pinzhi > ul > li > .col-pzli-about > div > p{font-size: 12px; line-height: 24px;}
.ycl-pinzhi > ul > li > .col-pzli-about > div > p::after{ top:10px;}
			
}

@media (max-width:640px){	
	.site{ display: none; }
	.logo{ width:160px; padding-top: 6px; padding-bottom:6px;}
	
	.nav{ display: none; }
	.menu{ display: block; }

	.header-blank{height:58px;} 


	.tuijian{ padding-top: 20px; padding-bottom:20px; }
	.tuijian > .tj-list > ul > li{ width: 48.6%;  margin-right:0; margin-top: 10px; }
	.tuijian > .tj-list > ul > li:nth-of-type(2n){  float: right;}
	.tuijian > .tj-list > ul > li > a > h3 > p,.tuijian > .tj-list > ul > li > a > h3 > p:nth-of-type(2),.tuijian > .tj-list > ul > li > a > h3 > p > i{ font-size: 12px; }
	.kecheng > .kc-list > ul > li{width:50%;}
	.kecheng > header > p,.kecheng > .kc-list > ul > li > .kcl-about > .kcl-about-title > h3{ font-size: 16px; }
	.kecheng > .kc-list > ul > li > .kcl-about > .kcl-about-title > p{ width:20px; height: 20px; line-height: 14px;  }
	.kecheng > header > h3 > span{ font-size: 18px; }
	.kecheng > header > p{ margin-top: 10px; }


	.imgsheader > .c-con > .imgstab > p,.ylc-col > .ylc-col-tab > p,.ylc-col > .ylc-col-tab2 > p{ font-size: 14px; }


	.cols > .item > .item-about > .ia-con > h3{ font-size: 20px; }
	.cols > .item > .item-about > .ia-con > p{ font-size: 12px; line-height: 20px; }

.col-location{  padding-top: 20px; padding-bottom: 20px;  }
	.col-location > .c-con > h3{ font-size: 24px;}
	.col-location > .c-con > h4{  font-size: 16px; left:10px;}
	.col-location > .c-con > p{ font-size: 12px; }
	
	.serv-tool > ul > li{ width:100%; }
	.serv-tool > ul > li:nth-of-type(3n+1)::after{ display: none; }
	
	.serv-con > .servc-contact > .servc-list > ul > li{  padding-right:20px; }
	.serv-con > .servc-ewm{ align-self: center; }

	.cola-about > ul > li > .cola-about-title{ width: 80px; }
	.ycl-pinzhi > ul > li > .col-pzli-img{ width:160px; }
}

@media (max-width:505px){
	.servc-contact {
		width: 100%;
	}
	.servc-contact img{
		display: block;
		margin: 0 auto;
	}
	.serv-con > .servc-ewm {
		width: 100%;
	}
}
@media (max-width:480px){	
	.logo{ padding-top: 2px; padding-bottom: 2px; }
	.header-blank{height:55px;}	

	.imgsheader > .c-con > header > h3{  font-size: 16px; }
	.imgsheader > .c-con > header > p{ line-height: 20px; height: auto; }

	
	.cols > .item{ width:100%;  }
	.imgs > .imgs-list > ul > li{ width:49%;  margin-right: 0%; margin-top:5px; margin-bottom:5px; }
	.imgs > .imgs-list > ul > li:nth-of-type(2n){ float: right; }

	.pord-header > .ph-about > .ph-about-img{  box-sizing: border-box; padding:10px;}
	.pord-header > .ph-about,.pord-header > .ph-about > .ph-about-title > h3,.pord-header > .ph-about > .ph-about-title > p{padding-left:0px; }
	.pord-header > .ph-about > .ph-about-title{ width: 110px;}
	.pord-header > .ph-about > .ph-about-title > h3,.pord-header > .ph-about > .ph-about-title > p{ ; font-size: 16px; }
	.pord-header > .ph-about > .ph-about-title > p,{ font-size: 12px;  }

	.prod-col > a > p > span{ font-size: 16px;}
	.prod-list > ul > li > .pl-img > p > span{ width:36px; }

	.cola-tab > .c-con > p{ width:33.33%; }
	.prod-title > p{ width:60%; }
	.prod-title > h3,.ylc-col > .ylc-col-tab > p,.ylc-col > .ylc-col-tab2 > p{ font-size: 12px; }
	.prod-class > ul > li > a > p{ width:100%; margin:0 auto; }
	.prod-class > ul > li > a > h3{  font-size: 12px; height: 30px; line-height: 30px; }
	.cola-flash-icon{top:10px;}
	.col-location{ padding-top: 10px; padding-bottom:20px; }
	.col-location > .c-con{ display: block;  }
	.col-location > .c-con > h3{ font-size: 20px; width:100%; text-align: left; }
	.col-location > .c-con > p{ width:100%; text-align: left; margin-top:5px; }
	.col-location > .c-con > h4{  font-size: 14px; left:auto; margin-top: -20px;right:10px; }
	.yl-header > h3 > p,.yl-header > h4{ font-size: 16px; }
	.yl-header > h5{ width:60%; }
	.ycl-pinzhi > ul > li{  display: block;  }
	.ycl-pinzhi > ul > li > .col-pzli-img{ width:50%; }
    .ycl-pinzhi > ul > li:nth-of-type(2) > .col-pzli-img{ width:100%; }
	.ycl-pinzhi > ul > li > .col-pzli-about{ flex: auto; width:100%; margin-top: 10px; }
}
@media (max-width:375px){
	.prod-col > a > p > span{ font-size: 14px;}
	.prod-class > ul > li{ width:50%;}
	.prod-class > ul > li:nth-of-type(8n){ border-right:1px solid #f0e8e8; }
	.prod-class > ul > li:nth-of-type(2n){ border-right:1px solid #FFF; }
	.prod-class > ul > li > a > p{ width:100px; margin:0 auto; }
	
	.serv-con{  display: block; }
	.serv-con > .servc-contact{ width:100%; }
	.serv-con > .servc-ewm{ margin-top: 10px; }
	.serv-con > .servc-ewm > p{ width:122px; }
	.serv-con > .servc-ewm > h3{ width:122px; }
	
}