@charset "utf-8";
@media (max-width:1600px){
	
}
@media (max-width:1440px){
	
}
@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;}	
	.f1 > .c-con{ padding-left:0; padding-right:0; }
	/*.logo{ display:block; width:360px; padding-top:20px; padding-bottom:20px; }*/
	/*.header .hd-right{ height: 90px;}*/
	.header .hd-right > .nav > ul > li > a{ font-size: 14px; }
	.header .hd-right > .nav > ul > li > p{ top:90px;}
	.header-blank{ height:90px;}
	.header .hd-right{  padding-left:5%;}
	.header .hd-right > .nav > ul > li > p{ top:70px;}
	.header-blank{ height:70px;}

	/*******/
	.swiper1 .swiper-slide > a > .swiperAbout{ width:100%; margin-left: 0; left:0; }
	.swiper1 .swiper-slide > a > .swiperAbout > .swiperItemTitle > h3{ font-size: 44px; }

	/*******/	
	.mch > h3{ font-size: 32px; }
	.mch > div > p{ font-size: 32px; height: 40px; line-height: 40px; }
	/******/
	.aboutRight > div{  font-size: 14px;  max-height: 208px; }
	
	/******/
	/*.newsTab > p,.servTab > p{  padding:0 30px; }*/
	.newsHot > div > h3{ font-size: 16px; height: 60px;line-height: 60px; }
	.newsList > ul > li > .nlItem-right > h3{ font-size: 20px; height: 48px;line-height: 48px; }
	.newsHot > div > p,.newsList > ul > li > .nlItem-right > p,.servMain > .servItem > ul > li > a > .siItem-about > p{  height: 48px; line-height: 24px;  font-size: 14px; }

	.newsList > ul > li > .nlItem-date{  padding-top: 6px; }
	.newsList > ul > li{}	
	.newsList > ul > li > .nlItem-right > h3{width: 100%; min-width: 0; height: 32px; line-height: 32px; box-sizing: border-box;  font-weight: normal; font-size: 18px; overflow: hidden; /*white-space: nowrap; text-overflow: ellipsis;*/ text-align: left;}
	.newsList > ul > li > .nlItem-right > p{ width:100%;height: 40px;line-height: 20px; text-align: left; font-size: 14px; color: #999; overflow: hidden; }
	/****/
	.onlineAbout{ font-size: 24px;}
	.QTCode{ width: 100px;}
	.frLogo{  width: 150px;}
	
}
@media (max-width:992px){
	.logo{ display:block; width:120px; padding-top:5px; padding-bottom:5px; }
	.header .hd-right{ /*height: 60px;*/ padding:0 0 0 0; }
	.header .hd-right > .nav > ul > li,.hd-right > .nav > ul > li > p > a{ font-size: 12px; }
	.header .hd-right > .nav > ul > li > a{padding:0 0;}
	/*.header .hd-right > .nav > ul > li > p{ top:60px;}
	.header .hd-right > .nav > ul > li > p > a{ height: 30px; line-height: 30px; }*/
	.header-blank{ height:60px;}

	/*******/
	.swiper1 .swiper-slide > a > .swiperAbout > .swiperItemTitle > h3{ font-size: 36px; }
	.swiper1 .swiper-slide > a > .swiperAbout > .swiperItemBtn{ width:150px;height: 40px; line-height: 40px;border-radius: 30px;  font-size: 16px; }
	
	/******/
	.aboutRight > div{  font-size: 14px;  max-height: 130px; }
	/******/	
	.newsHot > div{ width: 100%; height: auto; box-sizing: border-box; padding:0 10px 10px 0; }
	.newsHot > div > p{ height: 72px; }
	/*.newsList > ul > li + li{ margin-top: 10px; }	*/
	.newsHot > div > h3{ font-size: 14px; height: 48px;line-height: 48px; }
	.newsList > ul > li > .nlItem-date{  padding-top: 6px; }
	.newsList > ul > li > .nlItem-right > h3{ font-size: 16px; height: 32px;line-height: 32px; }
	.newsList > ul > li > .nlItem-right > p{ height: 24px;line-height: 24px;  }

	/******/
	.swiper5 .swiper-slide > a > h3{  font-size: 16px; }
	/****/
	.onlineAbout{ font-size: 20px;}

	.juMain > ul > li > .nl-about > .nlAbout-title{ height: 40px; line-height: 20px; font-size: 14px; }
	.juMain > ul > li > .nl-about > .nlAbout-more{ font-size: 12px; }

}
@media (max-width:768px){	
	/*body{ padding-top: 60px; }*/
	.header{ background-color: #FFF; }
	.header .hd-con {justify-content: space-between; }
	.logo{ display:block; width:120px; padding-top:5px; padding-bottom:5px; }
	.header .hd-right{ width: 0px; padding-right:0; display: none; }
	.header{  background-image: url(none);}
	.header .hd-right{ justify-content:flex-end; align-items:center; padding-right:10px; box-sizing: border-box;}
	.header .nav{display: none;}
	.header .nav-btn{ display: flex; }
	.header-blank{ height:60px;}		
	/*******/
	.swiper1 .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%; }
	.swiper1 .swiper-pagination-bullet-active{ width:10px;}
	.swiper1 .swiper-slide > a > .swiperAbout > .swiperItemTitle > h3{ font-size: 30px; }
	.swiper1 .swiper-slide > a > .swiperAbout > .swiperItemTitle > p{ font-size: 14px; }
	.swiper1 .swiper-slide > a > .swiperAbout > .swiperItemBtn{ width:150px;height: 40px; line-height: 40px;border-radius: 30px;  font-size: 16px; }
	.swiper1 .swiper-pagination-bullet-active{width:12px; }

	/*****/
	.mch{ width: 100%;}
	.mch > h3{ font-size: 22px; }
	.mch > div > p{ font-size: 22px; height: 32px;line-height: 32px;}

	
	/******/	
	.newsMain .newsItem{ flex-direction: column;}
	.newsHot,.newsList{ width: 100%;}
	.newsHot > div > p,.newsList > ul > li > .nlItem-right > p,.servMain > .servItem > ul > li > a > .siItem-about > p{ height: auto }
	.newsList > ul > li{ margin-top: 10px; }
	/*******/
	.about{ background-image: url(../images/about2.png); }
	.aboutMain{ display: block;}
	.aboutImg,.aboutRight{ width:100%; }
	.aboutRight{ padding-left: 0; margin-top: 10px; }
	.aboutRight > h3{ font-size: 18px; }
	.aboutRight > div{ max-height: none; }
	
	/*******/
	.box{height: 0; }
	.box2{height: auto; }
	/****/
	.juAbout{ width:100%; height: auto; margin-bottom: 0; position:initial; margin-top: 0px; box-sizing: border-box; padding: 10px 0 0 0; }
	.juAbout > h3{ height: 24px; }
	.juAbout > h3 > p{ display: inline; }
	/*******/
	.onlineMain{ flex-direction: column; padding:20px;}
	.onlineAbout,.onlineForm{ width:100%; margin-right: 0;}
	.onlineAbout{ text-align: left; margin-bottom: 15px;}
	.onlineAbout{ font-size: 16px;}
	.onlineForm{ height: auto; flex-direction: column; align-items: flex-start; }
	.onlineForm > p:nth-of-type(1),.onlineForm > p:nth-of-type(2){ width: 100%; margin-right: 0; margin-bottom: 10px;}

	/*********/
	.footer > .c-con{ padding-top: 20px; padding-bottom:20px; }
	.footNav{ padding-bottom: 20px; }
	.footNav > ul > li{ width: 20%; height: 30px; line-height: 30px; font-size: 14px; }
	.footMain{ display: block; }
	.footLeft{ width:100%; box-sizing: border-box; padding:0; }
	.footRight{ width: 100%; flex-direction: column; justify-content: center; padding:20px 0 10px 0;}
	.server,.copyright{ text-align: center; }
}

@media (max-width:640px){	
	/*******/
	.swiper1 .swiper-slide > a > .swiperAbout > .swiperItemTitle > h3{ font-size: 24px; }
	.swiper1 .swiper-slide > a > .swiperAbout > .swiperItemTitle > p{ font-size: 14px; }
	.swiper1 .swiper-slide > a > .swiperAbout > .swiperItemBtn{ width:120px;height: 40px; line-height: 40px;border-radius: 30px;  font-size: 16px; }

	.juMain > ul > li{ width: 100%; margin-right: 0%; }
	.juMain > ul > li + li{ margin-top: 10px; }
	.juMain > ul > li > .nl-about > .nlAbout-date{ height: 40px; line-height: 40px; padding-top: 0; padding-bottom: 0; }
	.juMain > ul > li > .nl-about > .nlAbout-title{ width: 100%; height:auto; line-height: 24px; margin-top: 10px; margin-bottom: 10px; font-size: 14px; }
}

@media (max-width:480px){
	.swiper1 .swiper-slide > a > .swiperAbout{  justify-content: center; padding-top: 0}
	.swiper1 .swiper-slide > a > .swiperAbout > .swiperItemTitle > p{ font-size: 14px;}
	.swiper1 .swiper-slide > a > .swiperAbout > .swiperItemBtn{display: none; }
	.footNav > ul > li{ width: 32%; margin-right: 2%; height: 30px; line-height: 30px; font-size: 14px; }
	.footNav > ul > li:nth-of-type(3n){ margin-right: 0; }
	
}
	
@media (max-width:375px){		
	/*******/

	.swiper1 .swiper-slide > a > .swiperAbout > .swiperItemTitle > h3{ font-size: 20px; box-sizing: border-box; padding:0 20%;}
	/*.swiper1 .swiper-slide > a > .swiperAbout > .swiperItemTitle > h3,*/.swiper1 .swiper-slide > a > .swiperAbout > .swiperItemTitle > p{ display: none; }
}