@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;}		
	.logo{ display:block; width:380px; }
	.hd-right > .nav > ul > li > a{ height: 90px; line-height: 90px;}
	.hd-right > .nav > ul > li > a,.hd-right > .quick > h3,.hd-right > .quick > h3 > i{ font-size: 14px; }
	.hd-right > .nav > ul > li > p{top:90px;}
	.hd-right > .search > p{ top:90px; }
	.header-blank{ height:90px;}
	.swiper1 .swiper-pagination{ padding-bottom:10px;}
	
	.newsList > ul > li{ height: 24px; line-height: 24px;}
	.cols .c-con{ padding-right:320px; }
	.colMain{ padding-right:10px; }
	.colNewsHot-about > h3{ font-size: 16px; }
	.colAside{right:10px;}
	.colMain,.colAside{ padding-top: 10px; }
	.colAbout{ padding-top: 20px; }
	.groupList > ul > li > a > .glAbout > h3{ font-size: 20px; }
}
@media (max-width:1100px){
    .online{display:block;}
    .contact, .footNav{width:100%}
}
@media (max-width:992px){
	.logo{ display:block; width:320px; padding-top:12px; padding-bottom:12px; }
	.hd-right > .nav{padding:0 0;}

	.hd-right > .nav > ul > li > a{ height: 66px; line-height: 66px;}
	.hd-right > .nav > ul > li > p{top:66px;}
	.hd-right > .search{ width:40px;}
	.hd-right > .search > p{ top:66px; }
	.hd-right > .quick > h3,.hd-right > .quick > h3 > i,.hd-right > .nav > ul > li > a,.newsMain > header > p,.ftopMenu > a,.location,.location i,.colNewsList > ul > li,.groupType > ul > li > a{ font-size: 12px; }	
	.header-blank{ height:66px;}

	.news,.about{ width: 50%; }


	.footerLeft > header img{ width: 50%; }
	.online{ display: block; }
	.pic{ margin-top: 10px; }

	.cols .c-con{ padding-right:260px; }
	.colMain,.colAside{ padding-top: 10px; }
	.colAside{ width: 240px; }
	.colAside-ads > ul > li:nth-of-type(2) > a > div{ padding-left:30%; }
	

	.colAbout > header > h3{ font-size: 18px; }
	.colAbout > header > p{ font-size: 14px; }

	.groupType{ padding:20px;}
	.groupList > ul > li > a > .glAbout > h3{ font-size: 16px; }
	.groupList > ul > li > a > .glAbout > div{ font-size: 12px; line-height: 24px; height: 96px; }
    
	.footNav{width:100%}
	
}
@media (max-width:768px){	
	.site > .c-con,.mcols > .c-con > .mcolItem > div > div{ font-size: 12px; } 
	.header{  background-image: url(none);}
	.logo{ width:240px; padding-top: 10px; padding-bottom: 10px}
	.nav,.hd-right{display: none;}
	.menu{ display: block; }
	.header-blank{ height:56px;}
	.swiper1 .swiper-pagination-bullet{width:10px; height:10px; border-radius:50%; }
	.f1{ display: block; padding-top: 10px; padding-bottom:10px; }
	.news,.about{ width: 100%; }
	.newsHot{ width: 100%; height: auto; margin-top: 10px; margin-bottom:10px; }
	.newsHot > div{ height: auto; }
	.about{ margin-top: 10px; }
	.about > ul > li > a > .aboutItem > .aboutItem-title > h3,.about > ul > li > a > .aboutItem > .aboutItem-link i{ font-size: 22px; }
	.about > ul > li > a > .aboutItem > .aboutItem-title > p{ font-size: 18px; }
	.leader-list{  padding-bottom: 10px; }

	.footer > .c-con{ display: block; position: relative; }
	.footerLeft{padding-right: 3%;}
	.footerLeft > header img{ width: 200px; }
	.footerEwm{width: 100%;margin-top: 2%;}
    
    .footNav a{}
	.ftop > .c-con{ display: block; }
	.ftopMenu,.location{ width:100%; text-align: left; }
	.location{ height: auto; line-height: 40px;  border-bottom:1px solid #EEE;}
	.ftopMenu > a{white-space: nowrap; height: 40px; line-height: 40px; padding:0 0; margin:0 8px 0 0; /*width:20%;*/ text-align: center;}

	/*.cols .c-con{ padding-right:260px; }*/
	.colMain,.colAside{ padding-top: 10px; }
	/*.colAside{ width: 240px; }*/
	.colNewsHot{ display: block; }
	.colNewsHot-img,.colNewsHot-about{ width:100%; padding-left:0; }
	/*.colNewsHot-img{ flex-shrink: initial; }*/
	.colNewsHot-about > h3,.colAside-ads > ul > li > a > div > h3,.colContact-about > h3,.colCompany > header{ font-size: 14px; }
	.colNewsHot-img{ /*margin-top: 10px*/}
	.colNewsHot-about > div{ height: auto; }
	.colNewsList > ul > li{ width: 100%; height: 26px; line-height: 26px;}
	.colAside-ads > ul > li{ /*width: 23.5%; margin-right:2%; float: left;*/ width:100%;}
	.colAside-ads > ul > li:nth-of-type(4n){ margin-right:0; }

	.honor-list{  height: 0; padding-bottom:0;}
	.honor-list2{  height:auto; }

	.colAbout{ padding-top: 10px; }
	.colAbout > header > h3{ font-size: 14px; }
	.colAbout > header > p{ font-size: 12px; }

	.colContact{ display: block;}
	.colContact-map,.colContact-about{ width: 100%; }
	.colContact-about{ margin-top: 10px; }
	.colContact-about > h4{ margin-top: 0%; margin-bottom:0%; }
	.colCompany > div > ul > li{ width:100%; margin-right: 0; }

	.groupType{ padding:10px;}

	.groupList > ul > li > a > .glAbout > h3{ font-size: 14px; }
	.groupList > ul > li > a,.groupList > ul > li:nth-of-type(2n) > a{ display: block; padding-top: 10px; padding-bottom:10px;}
	.groupList > ul > li > a > .glImg,.groupList > ul > li > a > .glAbout{ width: 100%; }
	.groupList > ul > li > a > .glAbout,.groupList > ul > li:nth-of-type(2n) > a > .glAbout{ margin-top: 10px; padding-left:0; padding-right:0;}
	.groupList > ul > li > a > .glAbout > h3{ line-height: 24px; }
	.groupList > ul > li > a > .glAbout > div{ font-size: 12px; height: auto; margin-top: 5px; }
}

@media (max-width:640px){	
	.about > ul > li > a > .aboutItem > .aboutItem-title > h3,.about > ul > li > a > .aboutItem > .aboutItem-link i{ font-size: 18px; }
	.about > ul > li > a > .aboutItem > .aboutItem-title > p{ font-size: 16px; }
	.cols .c-con{ padding-right:200px; }
	.colAside{ width: 180px; }
	.groupType{ padding:5%;}
	.groupType > ul > li{ width: 32%; padding-top: 32%;}
	.groupType > ul > li:nth-of-type(6n){ margin-right:2%; }
	.groupType > ul > li:nth-of-type(3n){ margin-right:0; }
}

@media (max-width:480px){
	.about > ul > li > a > .aboutItem > .aboutItem-title > h3,.about > ul > li > a > .aboutItem > .aboutItem-link i{ font-size: 16px; }
	.about > ul > li > a > .aboutItem > .aboutItem-title > p{ font-size: 12px; }

	.leader-list{  height: 0; padding-bottom:0;}
	.leader-list2{  height:auto; padding-bottom:10px;}
	.cols .c-con{ display: block; padding-right:0; }
	.colMain,.colAside{ width:100%; padding-top: 10px; }
	.colMain{ padding-right:10px; border-right: 0; box-sizing: border-box; min-height: auto;}
	.colAside{ position: inherit; width:100%;  box-sizing: border-box; padding-right:10px; right:0}

	.colAside-ads > ul > li > a > div > h3{  font-size: 20px; margin-bottom: 3%;}
	.colAside-ads > ul > li > a > div > p{  font-size: 14px;  }
	.colAside-ads > ul > li:nth-of-type(2) > a > div{ padding-left:45%; }
	.groupType{ padding:10px;}
}
	
@media (max-width:375px){	
	.colAside-ads > ul > li > a > div > h3{  font-size: 16px; margin-bottom: 3%;}
	.colAside-ads > ul > li > a > div > p{  font-size: 12px;  }
	
	
	
}