@charset "utf-8";
@media (max-width:1500px){
	.float{ width:100%; left:0; margin-left:0;}
	.c-con{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;}	

	/*****/
	.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ height:88px; width:60px; line-height:88px;  margin-top:-44px; }
	.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:40px; } 


	.f1 > .c-con{ padding-left:0; padding-right:0; }
	/********/	
	.f5 > ul > li{ width: 23.5%; float: left; margin-right: 2%;}
	/****/
	.dataCount > ul > li > h3{ font-size: 64px; }
	.dataCount > ul > li > h3 > p{ font-size: 28px; }
	.dataCount > ul > li > h4{  font-size: 24px;}
}
@media (max-width:1440px){
	.header .hd-right{padding-left:12%;}
	/****/
	.dataCount > ul > li > h3{ font-size: 56px; }
	.dataCount > ul > li > h3 > p{ font-size: 24px; }
	.dataCount > ul > li > h4{  font-size: 20px;}
	/*****/
	
}
@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:240px; padding-top:15px; padding-bottom:15px; }
	/*.header .hd-right{ height: 90px;}*/
	.header .hd-right > .nav > ul > li > a{ font-size: 14px; }
	.header .hd-right > .nav > ul > li > p{ top:77px;}
	.header .hd-right > .nav > ul > li::after{border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 10px solid #FFF;  margin-left:-8px; }
	.tool-search,.tool-email,.tool-oa,.tool-language,.tool-search > h3{ font-size: 14px; }
	.tool-search > h3 i,.tool-email i{ font-size: 16px; }
	.header-blank{ height:77px;}
	/*****/
	.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ height:66px; width:48px; line-height:66px;  margin-top:-44px; }
	.swiper1 .swiper-button-next{ margin-right:0px; margin-left:auto;}
	.swiper1 .swiper-button-prev{ margin-left:0px; }
	.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:32px; } 

	/*******/	
	.mch > h3{ font-size: 32px; }
	.mch > div{ font-size: 20px;}

	/**********/
	.swiper1 .swiper-pagination-bullet{ width:10px; height:10px;  }
	.swiper1 .swiper-pagination-bullet-active{ width:10px;}
	/****/
	.dataCount > ul > li > h3{ font-size: 48px; }
	.dataCount > ul > li > h3 > p{ font-size: 24px; }
	.dataCount > ul > li > h4{  font-size: 20px;}
	
	/******/
	/*.newsTab > p,.servTab > p{  padding:0 30px; }*/
	.newsHot > div > h3{ font-size: 20px; height: 36px;line-height: 36px; }
	.newsHot > div > p{ font-size: 14px; }
	.newsList > ul > li > .nlItem-right > h3{ font-size: 20px; height: 48px;line-height: 48px; }	
	.newsList > ul > li + li{ border-top:1px solid #999; padding-top: 2%; }
	.newsList > ul > li:nth-last-of-type(1){ padding:2% 0 0 0; }
	.newsHot > div > p,.newsList > ul > li > .nlItem-right > p,.servMain > .servItem > ul > li > a > .siItem-about > p{  height: 24px; line-height: 24px;  font-size: 14px; }
	/*.newsList > ul > li{  padding:2.5% 0;}*/
	.newsList > ul > li > .nlItem-date,.newsHot-date{ width: 90px;}
	.newsHot-date{ height: 90px; }
	/****/
	.stepList > ul,.stepList > ul > li{ height: 200px; }
	.stepList > ul > li > .stepItemAbout > p{ width: 60px; height: 60px;}	
	.stepList > ul > li > .stepItemAbout > h3{ font-size: 14px; overflow: hidden; }

	/*****/
	.f2 > ul > li > a > h3{ font-size: 16px; }
	/******/
	.f3 > ul > li > a > h3,.f5 > ul > li > a > h3{ height:60px; line-height: 60px; font-size: 18px;  }

	/****/
	.QTCode{ width: 90px; }
}
@media (max-width:992px){
	.logo{ display:block; width:180px; padding-top:10px; padding-bottom:10px; }
	.header .hd-right{ /*height: 60px;*/ padding-left:5%; }
	.header .hd-right > .nav > ul > li,.hd-right > .nav > ul > li > p > a{ font-size: 12px; }
	.header .hd-right > .nav > ul > li > a,.header .hd-right > .nav > ul > li > p > a{padding:0 0; font-size: 12px;}
	.header .hd-right > .nav > ul > li > p{ top:67px;}
	.header .hd-right > .nav > ul > li > p > a{ height: 30px; line-height: 30px; }
	
	
	.header-blank{ height:67px;}

	/****/
	.dataCount > ul > li > h3{ font-size: 40px; }
	.dataCount > ul > li > h3 > p{ font-size: 24px; }
	.dataCount > ul > li > h4{  font-size: 20px;}
	

	/******/	
	.newsHot > div{ width: 100%; height: auto; box-sizing: border-box; padding:10px 10px 10px 0; }
	/*.newsHot > div > p{ height: 72px; }*/
	.newsHot > div > h3{ font-size: 18px; height: 36px;line-height: 36px; }
	.newsHot > div > p{ font-size: 14px; }
	/*.newsList > ul > li{  padding:2% 0 0 0;}*/
	/*.newsList > ul > li + li{ margin-top: 10px; }	*/
	/*.newsList > ul > li > .nlItem-right{}*/
	.newsList > ul > li > .nlItem-date{ margin-right: 10px; }
	.newsList > ul > li > .nlItem-date > h3 > span,.newsHot-date > h3 > span{  font-size: 36px; }
	.newsList > ul > li > .nlItem-right > p{ min-width: 0; width:100%; height: 24px; overflow: hidden; }
	.newsList > ul > li > .nlItem-right > h3{ font-size: 16px; height: 36px;line-height: 36px;}
	
	/******/
	.f2 > ul > li > a > h3{ font-size: 14px; }
	/******/
	.f3 > ul > li > a > h3,.f5 > ul > li > a > h3{ height:48px; line-height: 48px; font-size: 16px;  }
	/****/
	.f5 > ul > li > a > div{  font-size: 14px; }
}
@media (max-width:768px){	
	/*body{ padding-top: 60px; }*/
	.header{ background-color: #FFF; }
	.header .hd-con {justify-content: space-between; }
	.logo{ display:block; width:240px; padding-top:5px; padding-bottom:5px; }
	.header{  background-image: url(none);}
	.header .hd-right{ justify-content:flex-end; align-items:center; padding-right:30px; box-sizing: border-box;}
	.header .nav{display: none;}
	.header .nav-btn{ display: flex; }
	.header-blank{ height:60px;}		
	.swiper1 .swiper-pagination-bullet-active{width:12px; }
	.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ display: none; }

	/*****/
	.mch{ width: 100%;}
	.mch > h3{ font-size: 28px; }
	.mch > div{ font-size: 16px; margin-top: 5px; }

	/****/
	.dataCount > ul > li > h3{ font-size: 32px; }
	.dataCount > ul > li > h3 > p{ font-size: 20px; }
	.dataCount > ul > li > h4{  font-size: 18px;}

	
	/******/	
	.newsMain .newsItem{ flex-direction: column;}
	.newsHot,.newsList{ width: 100%;}
	.newsList > ul > li > .nlItem-right{ padding-top: 5px; padding-bottom: 5px; }
	.newsHot > div > p,.newsList > ul > li > .nlItem-right > p{ height: auto; max-height: 48px; line-height: 24px; }
	.newsList > ul > li > .nlItem-date{ margin-right: 10px; }
	.newsHot-date{ width: 72px;height: 72px; }	
	.newsList > ul > li > .nlItem-date > h3 > span{  font-size: 30px; }
	.newsHot-date > h3{ height: 40px; line-height: 40px; }
	.newsHot-date > h3 > span{  font-size: 30px; }
	.newsHot-date > p{ height: 20px; line-height: 20px; }
	.newsList > ul > li{ padding:0 0 12px 0; }
	.newsList > ul > li + li{  padding-top: 10px; }
	/*.newsList > ul > li{ margin-top: 10px; }*/

	/*****/	
	.f2 > ul > li{ width: 33.3333%;}
	.f2 > ul > li > a > h3{ font-size: 16px; }
	/******/
	.f3 > ul > li,.f5 > ul > li{ width: 48.6%; float: left; margin-right: 0;}
	.f3 > ul > li:nth-of-type(2n),.f5 > ul > li:nth-of-type(2n){ float: right; }
	.f3 > ul > li > a > h3,.f5 > ul > li > a > h3{ height:60px; line-height: 60px; font-size: 16px;  }
	/******/
	.stepList{  flex-direction: column;}
	.stepList > ul{ width: 100%;}
	.stepList > ul,.stepList > ul > li{ height: 200px; }
	.stepList > ul:nth-of-type(2n){ margin-top: 5%; }
	.stepList > ul > li > .stepItemAbout > h3{ font-size: 14px; overflow: hidden; }
	/******/
	.f5 > ul > li{ margin-top: 3%; }
	.f5 > ul > li:nth-of-type(1),.f5 > ul > li:nth-of-type(2){ margin-top: 0; }

	/********/
	.server > .c-con{ display: block; }
	.servLogo{ width: 66%; margin:0 auto;}
	.QTCode{ margin:0 auto; margin-top: 20px; }
	.contact{ width: 100%; margin-top: 5px; }
	.contact > h3,.contact > div{ text-align: center; }
	.contact > div{ line-height: 24px; }

	/******/
	.footer > .c-con{ display: block; }
	.copyright,.help{ height: auto;line-height: 24px; text-align: center; padding-right: 0;}
}

@media (max-width:640px){	

	/****/
	.dataCount > ul > li > h3{ font-size: 24px; }
	.dataCount > ul > li > h3 > p{ font-size: 14px; }
	.dataCount > ul > li > h4{  font-size: 14px;}

	.stepList > ul,.stepList > ul > li{ height: 160px; }
	.stepList > ul > li > .stepItemLine > span{ border-left:0; }
	.stepList > ul > li > .stepItemAbout{ transform: translateX(-0.5px); -webkit-transform: translateX(-0.5px); }
	.stepList > ul > li > .stepItemAbout > p{ width: 40px; height: 40px;}

	
}

@media (max-width:480px){
	.logo{ display:block; width:180px; padding-top:10px; padding-bottom:10px; }
	/*****/
	.mch > h3{ font-size: 24px; }
	.mch > div,.f2 > ul > li > a > h3{ font-size: 14px; }

	/****/
	.dataCount > ul > li{ width: 50%; margin-top: 10px; }
	.dataCount > ul > li.nth-of-type(1),.dataCount > ul > li:nth-of-type(2){ margin-top: 0; }
	/*.dataCount > ul > li > h3{ font-size: 20px; }
	.dataCount > ul > li > h3 > span{ font-size: 14px; }
	.dataCount > ul > li > p{  font-size: 14px;}*/

	/*****/
	.f3 > ul > li > a > h3{ height:48px; line-height: 48px; font-size: 14px;  }
	.f3 > ul > li,.f5 > ul > li{ width: 100%; float: left; margin-right: 0;margin-top: 10px;}
	.f5 > ul > li:nth-of-type(1){ margin-top: 0px; }
	.f5 > ul > li:nth-of-type(2){ margin-top: 10px; }
	.f3 > ul > li > a > h3,.f5 > ul > li > a > h3{ height:40px; line-height: 40px; font-size: 14px;  }
	.f5 > ul > li > a > div{ height: auto; line-height: 24px; }

	/*****/
	.servLogo{ width: 80%; margin:0 auto;}
	/***/

	.stepList > ul,.stepList > ul > li{ height: 140px; }
	.stepList > ul > li > .stepItemAbout > h3{ font-size: 12px; overflow: hidden; }
}
	
@media (max-width:375px){		
	
}