@charset "utf-8";
@media (max-width:1400px){
	.swiper1 .swiper-slide > a > .slideAbout{ width:100%; left:0; margin-left:0; box-sizing: border-box; padding:0 10%; }
	.swiper1 .swiper-slide > a > .slideAbout > h3{  font-size: 48px; }
	.swiper1 .swiper-slide > a > .slideAbout > p{ font-size:20px;}

	.prodFlash{ width:100%; padding:0 10px; box-sizing: border-box;}
	.colBanner{ width:1200px; margin:0 auto; position: relative; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; box-sizing: border-box; background-color: #FFF; padding:10px 10px; }

}
@media (max-width:1200px){

	.swiper1 .swiper-slide > a > .slideAbout > h3{  font-size: 36px; }
	.swiper1 .swiper-slide > a > .slideAbout > p{ font-size:18px;}


	.float{ width:100%; left:0; margin-left:0;}
	.c-con{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;}	
	/*.logo{ width: 400px; }*/
	/*.hd-center{ padding:0 8%; }*/
	.tools{margin-left:30px; }	
	.map,.language{ width: 24px; height:24px;  margin-left:10px; }
	.map a,.language a{width:24px; height: 24px; }
	.header-blank{ height:100px;}	
	.navlist > ul > li > div > a,.mcolHeader > p,.newsList > ul > li > a > .nlAbout > h4{ font-size: 14px; }
	.navlist > ul > li > div > p{ padding:0 6%; }
	.swiper1 .swiper-pagination{ padding-bottom:10px;}

	/******/
	.mcolHeader > h3{ font-size: 32px;}
	.mcolHeader > p,.colHonorTitle{ font-size: 14px; }

	/*****/
	.newsList > ul > li > a > .nlAbout > h3,.prodList > ul > li > a > .plAbout > h3,.superList > ul > li > a > .slAbout > h3{ font-size: 16px; }
	
	.mMapBrand,.mMapWork,.mMapWorkMap{ padding:15px 20px;}

	/*****/
	.cfAbout > h3{ font-size: 36px; }
	/*********/
	.prodColtabMob > h3{  height:60px; line-height:40px; font-size: 20px; }
	.prodColtabMob > h3::after{  right:25px; margin-top:-3px; border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 10px solid #0B82FF;}

	.location > .c-con{ height:60px; line-height:60px; }
	.location > .conFb{ line-height: 24px; height: auto; padding-top:15px; padding-bottom: 15px; text-align: center;-webkit-line-clamp:3; }
	.prodFlash{ width:100%; padding:0 10px; box-sizing: border-box;}
	.colBanner{ width:100%; padding:0 60px; background-color: transparent; }
	.prodColAbout > h3{ font-size: 24px; }

	/***/
	.aboutColtab > ul > li{ height:72px; }
	.aboutColtab > ul > li > a{ font-size:18px; }
	.colCultureJzg > ul > li > p > a,.colAboutFlash > div > p,.colCultureFlash > div > p,.colCultureFlash > div > h4,.colCultureHeader > div > p,.colCultureHeader > div > h4,.colCultureList > ul > li > div > a > p,.colCultureList > ul > li > div > a > h4{ font-size:20px; }
	/*****/
	.servProcess{  padding-left:0;  }
	.servProcess > ul > li > h3{ width:72px; height: 72px; line-height: 72px; font-size: 16px; }
	.colContact > ul > li{ width:49%; padding:10px;  margin-top: 10px; margin-right: 0;}


	.vfVideo > div{padding:20px;}
	.vfVideo > div > span{ right:1px; top:3px; cursor: pointer;}

	/******/
	.colCaseList > h3{  font-size: 18px; }
}
@media (max-width:992px){	
    .kuang{ height:84px;}
	.swiper1 .swiper-slide > a > .slideAbout > h3{  font-size: 24px; }
	.swiper1 .swiper-slide > a > .slideAbout > p{ font-size:16px;}
	.logo{ width: 160px; }
	.hd-con{ padding-top: 0; padding-bottom: 0; }
	.navlist > ul > li > div > a{ font-size: 13px; }
	.navlist > ul > li > div > p{ padding:0 2%; top:84px;}
	.navlist > ul > li::after{ top:84px; }
	.tools{ margin-left:20px; }
	.search{ display: none;}
	.map,.language{ width: 20px; height:20px;  margin-left:10px; }
	.language{ display: none; }
	.map a,.language a{width:20px; height: 20px; }
	.header-blank{ height:84px;}
	.navlist > ul > li > div > a{ height: 84px;line-height: 84px; }
	.navlist > ul > li > div > p{ top:84px; }
	/*.subnav{ height: 40px; }*/

	/******/
	.mcolHeader > h3,.mcolHeader > p{ font-size: 24px; font-weight: 550; }
	.mcolHeader > p{ font-size: 14px; }
	/******/
	.mcolMore > a{ width: 100px;height: 36px; line-height: 34px; font-size: 14px; }
	/*****/
	.newsList > ul > li > a > .nlAbout{ padding:6px 10px; }
	.newsList > ul > li > a > .nlAbout > h3,.prodList > ul > li > a > .plAbout > h3,.superList > ul > li > a > .slAbout > h3{ font-size: 16px; }
	.newsList > ul > li > a > .nlAbout > h4{ font-size: 14px; }

	/*******/
	.mMapBrand > h3,.mMapWork > h3{ font-size: 20px; font-weight: 550; }
	.mMapWorkMap{ width:240px;}

	/*****/
	.cfAbout > h3{ font-size: 24px; }
	.cfAbout > h4{ width:30px; height: 30px;}


	.onlineItem{ width:20px; margin-left: 10px; }

	.prodColtab > ul > li{ height: 60px;line-height: 60px;}
	.prodColAbout > h3{ font-size: 20px; }
	/***/
	.aboutColtab > ul > li{ height: 60px; }
	.aboutColtab > ul > li > a,.colCultureJzg > ul > li > p > a,.colAboutFlash > div > p,.colCultureFlash > div > p,.colCultureFlash > div > h4,.colCultureHeader > div > p,.colCultureHeader > div > h4,.colCultureList > ul > li > div > a > p,.colCultureList > ul > li > div > a > h4{ font-size:16px; }

	.swiper5 .swiper-slide > .histSlideAbout > h3{ height: 32px; font-size: 16px;line-height: 32px;}
	.swiper5 .swiper-slide > .histSlideAbout > p{height: 40px; font-size: 12px;line-height: 20px;} 
	.swiper5 .swiper-slide > .histSlideYear{  height: 48px; line-height: 48px; font-size: 20px; }

	/******/
	.servDownList > ul > li{ margin-top: 10px; }
	.sdlItemTitle{ height: 48px; line-height: 48px; font-size: 14px; padding-left:15px; padding-right: 15px;}
	.sdlItemTitle > p,.sdlItemBtn > p{ width: 24px; height:24px;  margin-top: 10px; }
	.sdlItemBtn{ width:120px; height: 48px; font-size: 12px;  }
	/****/
	.colNewsList > ul > li > a > .cnlAbout > h3{ font-size: 16px; }
	.colNewsList > ul > li > a > .cnlAbout > h4{font-size: 14px;}
	
	.colNewsList1 > ul > li > a > .cnlAbout > h3{ font-size: 16px; }
	.colNewsList1 > ul > li > a > .cnlAbout > h4{font-size: 14px;}
	/******/
	.colCaseList > h3{  font-size: 18px; }
	
	.chpAbout > h3,.chpAbout3 > h3,.chpAbout2 > h3{ font-size: 18px; }
	.chpAbout > p{ -webkit-line-clamp:4;}
	.chpAbout2 > h4,.bannerSaBtn{width:102px;height: 34px; line-height: 32px; font-size: 14px; }
	
	
	.bannerSaLeft > p{ font-size:12px} 
	.swiperB a.bannerSaBtn{width:82px;height: 30px; line-height: 30px; font-size: 14px; }
	.bannerSaLeft > h3{ font-size:16px; }
	.swiperB .swiper-slide > img{ width:100%; padding-bottom:78px; background-color:#1C7AD3}
	.swiperB .swiper-pagination{ bottom:-2%;}
	
	.prodDetail img{ width:100%}
	
}
@media (max-width:768px){
    .jidibiao td{ text-align:left; padding:5px;; line-height:21px !important}
    .jidibiao  tr td:first-child{ width:50%; padding:5px 0px 5px 0px}
	
    
	.col5Flash11{ top:30%}
	
	.colNewsList1 > ul > li{ width: 49%; }
    .colNewsList1 > ul > li:nth-of-type(4n){ margin-right:2%; }
	.colNewsList1 > ul > li:nth-of-type(2n){ margin-right: 0; }
		
    .abfMemo img{ width:100% !important; height:auto !important}
	.col5Flash11{ width: 90%; left:5%}
	.vFloatClose{ top:-56px; right:0px;}
    .kuang{ height:60px;}
	.detHeader > h3{ line-height:200%;}
	.colProdList > h3{ line-height:1.5; font-size:16px; margin-bottom:15px}
	.colHotPord2 > ul > li > div, .colHotPord2 > ul > li:nth-of-type(2n) > div {
	    flex-direction: column;
	}
	.colHotPord3 > ul > li > div, .colHotPord3 > ul > li:nth-of-type(2n) > div {
	    flex-direction: column;
	}
	
	.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ display: none; }
	.swiper1 .swiper-slide > a > .slideAbout{ padding:0 10%; }
	.swiper1 .swiper-slide > a > .slideAbout > h3{  font-size: 36px; }
	.swiper1 .swiper-slide > a > .slideAbout > p{ font-size:16px;}


	.site > .c-con,.location p{ font-size: 12px; } 
	.header{  background-image: url(none); padding-top:7px}
	.logo{ width:150px; padding-top: 0; padding-bottom: 0;}
	.hd-right{ width:100%; justify-content:flex-end; box-sizing: border-box; padding-right:6px;}
	.navlist{display: none;}
	.search{ display: flex; }
	.menu{ display: block; flex-shrink: 0;}
	.header-blank{ height:60px;}
	
	/******/
	.mcolHeader > h3{ font-size: 24px; }
	.mcolHeader > p{ font-size: 16px; }

	.mcolProdMore > a{  background: #007DFF; color: #FFF; border:1px solid #007DFF; padding-right: 0;}
	.mcolProdMore > a::after{ display: none; }

	/******/
	.superList > ul > li > a > .slAbout > h3{ font-size: 14px; }
	.superList > ul > li:nth-of-type(1){ margin-left:3%; }
	.superList > ul > li:nth-of-type(2){ margin-right:3%}

	.mcolMore > a{ width: 200px; height: 56px; line-height: 54px; font-size: 20px; }

	/*****/
	.cfAbout > h3{ font-size: 42px; }
	.cfAbout > h4{ width:36px; height: 36px;}

	/*****/	
	.pords > .c-con,.super > .c-con{  padding-bottom: 8%; }
	.prodList,.newsList{ padding:0 3% 8% 3%; }
	.prodList > ul > li,.newsList > ul > li{ width:100%; margin-right: 0%; margin-top: 10px;}
	.prodList > ul > li:nth-of-type(1),.newsList > ul > li:nth-of-type(1){ margin-top: 0; }
	.prodList > ul > li > a > .plAbout,.newsList > ul > li > a > .nlAbout{ padding:10px 20px 10px 20px; } 
	.newsList > ul > li > a > .nlAbout > h4{ font-size: 14px;}
	.newsList > ul > li > a > .nlAbout > h3,.prodList > ul > li > a > .plAbout > h3{ font-size: 20px;}


	.prodTab{ width:100%; padding:0 3%; box-sizing: border-box;}
	.prodTab > h3{ display: block; background-color: #FFF; box-sizing: border-box; padding:5% 10%; text-align: left;font-size: 22px; color:#007DFF; position: relative; font-weight: normal; }
	.prodTab > h3::after{content:  ' '; width:0;height: 0; margin-left:-8px; border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #007DFF; position: absolute; right:10%; top:50%; margin-top: -4px; }
	.prodTab > ul{ display: none; animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
	.prodTab:hover > ul{ display: block; }
	.superList > ul{ flex-wrap: wrap; justify-content: center;  }
	.superList > ul > li{ width:32%;}
	.superList > ul > li > a:hover > .slAside{ display: none; }
	.superList > ul > li > a > p,.superList > ul > li > a > p > img{ width:48px; height:48px; }
	.superList > ul > li > a > .slAbout{padding:10px; }

	/*******/
	.mColMap > .c-con{ width:85%; flex-direction: column; box-sizing: border-box; padding:0 5%; }
	.mMapBrand{ width:100%; }
	.mMapBrand,.mMapWork{ padding:5% 0; }
	.mMapRight{ border-top:1px solid #EEE; }
	.mMapWorkMap{ width:50%; align-self: center;}
	.mMapBrand > p,.mMapWork > p{ margin-top: 10px; margin-bottom: 10px; font-size:14px }

	/*******/
	.service > .c-con{ justify-content: center; padding-top: 6%; padding-bottom: 6%;}
	.servMenu{ width:auto; align-self: center; }
	.servMenu > h2{ display:block; height: 30px; line-height: 30px; font-weight: no-repeat; font-size:22px; padding-right: 30px; position: relative; font-weight: normal; border-right:1px solid #FFF;}
	.servMenu > h2 > a{ color: #FFF; }
	.servMenu > ul{ display: none; }
	.onlineItem{ width:48px; margin-left:50px;}
	.mbService{ display: block; }
	.footer > .c-con{  padding-top:10px; padding-bottom:10px;}
	.copyright{ font-size: 12px; display: none;}
	.mbCopyright{ display: block; }


	/******/
	.prodColtab{ display: none; }
	.prodColtab:hover > ul{ display: flex; }
	.prodColtab > ul > li{ width:50%; height: 48px;line-height: 48px; font-size: 14px;}
	.cooperate{ width:85%; padding:2% 5% 4% 5%; margin:0 auto; margin-top: 10%;}
	.cooperate > h3{ font-size: 20px; }	
	.cooperate > .cooperateList > ul > li{ width: 30%; margin-top: 4%; margin-right: 5% }
	.cooperate > .cooperateList > ul > li:nth-of-type(5n){ margin-right: 5%; }
	.cooperate > .cooperateList > ul > li:nth-of-type(3n){ margin-right: 0; }
	.prodColtabMob{ display: block; }
	.prodColtabMob > h3{  height:50px; line-height:30px; font-size: 16px; }
	.prodColtabMob > h3::after{  right:25px; margin-top:-3px; border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 10px solid #0B82FF;}
	
	.prodColSTab{ display: none; }
	.prodColtab3 > ul{ background-color: transparent; }
	.prodColtab3 > ul > li.pctItemActive,.prodColtab3 > ul > li:hover{ background-color: transparent; position: relative; }
	.prodColtab3 > ul > li.pctItemActive::after{ display: block; }
	.prodFlash2{ height:auto; }
	.prodFlash3{ height:0; overflow: hidden; }

	.prodCol{ width:94%; background-color: #EEE; }
	.prodFlash{ margin-top: 10px; margin-bottom: 5px; }
	.prodFlash .swiper-button-next,.prodFlash .swiper-button-prev,.prodFlash2 .swiper-button-next,.prodFlash2 .swiper-button-prev{ height:30px; width:30px; line-height:30px; margin-top:-15px; } 
	.colBanner{ width:100%; padding:0 7.6%;background-color: transparent; }
	.prodFlash2{ padding:0 7.8%; }
	.pcaMemo{flex-direction: column; }
	.pcaMemoLink{ flex-direction: row; justify-content: space-around; margin-left: 0; padding:5% 8%; }
	.pcaMemoLink > a + a{ margin-top: 0;}
	.pcaMemoLink > a{ display: flex; width: 45%;height: 54px;line-height:32px; padding:10px 20px; justify-content: space-around;}
	/*.pcaMemoLink > a + a{ margin-top: 10px;}*/
	.pcaMemoLink > a > p{ width:32px; height:32px;}
	.pcaMemoLink > a > p > img{ width:32px; height: 32px; }
	.pcaMemoLink > a > h4{ font-size: 20px; }
	.prodColAbout{ margin-bottom: 10px;}
	.prodColAbout > h3,.prodFlashHeader{ font-size: 18px; }
	.prodFlashHeader{ width:85%; margin:0 auto; }

	/********/
	.aboutColtab{ display: none; }
	.aboutBrand{ width:94%; margin:0 auto; }
	.aboutBrandF3{ flex-direction: column;}
	.abf3Item,.abf3Img{ width:100%; }
	.abf3Img > img{ width:360px;  }
	.aboutBrandF1 > h3,.abf3Item > h3{ font-size:24px; }
	.abfMemo,.abfMemoF3{line-height: 2; font-size:16px;}
	.aboutBrandF2{ flex-direction: column; padding:0 0; width:88%; margin:0 auto; }
	.abf2Logo{ display: none; }
	.abf2Banner{ width: 100%;margin-left: 0; }
	/*******/
	.colAboutFlash,.colCultureFlash{ width:94%; margin:0 auto; border:10px solid transparent;}
	.colAboutFlash img,.colCultureFlash img{ width:100%; }
	/******/
	.colAboutFlash > div > p,.colCultureJzg > ul > li > p > a{ font-size: 20px; }
	.colCultureFlash > div > p,.colCultureFlash > div > h4{font-size: 16px;}
	/*.colCultureFlash > div > h4{ font-size:20px; }*/
	.historyFlash{ height:0; overflow: hidden;padding:0 0; }
	.historyFlash2{ padding:0 0; height:auto; width:100%; margin:0 auto; background-color: transparent; margin-top: 5%;}
	/********/
	.colCultureHeader,.colCultureJzg,.colCultureList,.colJobList{ width:94%; height: auto; margin:0 auto;}
	.colCultureJzg > ul > li > p{padding-top: 60%;}
	.colCultureHeader{ padding-top: 38%; }
	.colCultureList{ position: relative; overflow: hidden;}
	.colCultureList > ul > li > div{justify-content: flex-end; align-items: flex-end;}
	.colCultureList > ul > li > div > a{height: auto; width:100%; padding:5%;  }
	.colCultureList > ul > li > div > a > p{ position: absolute; left:0; top:0; padding:4% 10%; line-height: 2;}
	/*.colCultureList > ul > li > div > a > h4{ font-size: 20px; }	*/
	.colCultureList > ul > li:nth-of-type(2n) > div > a > p{ text-align: left; }
	.colCultureList > ul > li:nth-of-type(2n) > div > a > p::after{ left:9%; margin-left:0; }
	.colCultureList > ul > li > div > a > p::after{ left:9%; }
	/*****/	
	.colNewsList,.colDetail,.colDetailPage,.servDownList,.freeback{ width: 94%; margin:0 auto; }
	.colNewsList > ul > li{ width: 100%; float: left; margin-right: 0; margin-bottom: 3%; background-color: #FFF; }
	.colNewsList > ul > li:nth-of-type(3n){ margin-right: 0; }
	.colJobList > ul > li > .cjlTitle{ height: auto; }
	.cjtAbout{ height:48px; }
	.colJobList > ul > li{ margin-bottom: 8%; }
	.colJobList > ul > li > .cjlMemo{ flex-direction: column; height: auto;}
	.cjlMemoAbout{ width:100%; -webkit-line-clamp:10; height:auto; line-height: 30px; }
	.colJobList > ul > li > .cjlMemo{ justify-content: flex-start;}
	.cjMemoBtn{ width:80px; height:48px; line-height: 48px; color: #007DFF !important; align-items: flex-start; width:100%; text-align: left; box-sizing: border-box; padding:0 20px;}
	.cjtBtn{  width: 80px; height: 48px; font-size:14px; box-sizing: border-box; }
	.cjtAbout > a{ font-size: 16px; }	
	.baseImgList > ul > li{ width:100%; float: left;margin-right:0; margin-top: 4%; }

	/******/
	.colHonorTitle{ line-height: 2; }
	.colDetailPage{ flex-direction: column; margin-bottom: 4%; }
	.colDetailPage > p{ width:100%; }
	.colDetailPage > p + p{ border-top: 1px solid #EEE; }
	/****/
	.servMap{ padding:0; }
	.servNetTab > p{ display: inline-block; float: none;}
	.servMap > p{ padding:0; }

	/******/
	.servDownList > ul > li{ margin-top: 10px; }
	.sdlItemTitle{ height: 40px; line-height: 40px; font-size: 14px; padding-left:10px; padding-right: 10px;}
	.sdlItemTitle > p,.sdlItemBtn > p{ width: 20px; height:20px;  margin-top: 10px; }
	.sdlItemBtn{ width:60px; height: 40px; font-size: 12px;  }
	.sdlItemBtn > p{ margin-right: 0; margin-top: 0;}
	.sdlItemBtn > span{display: none;}
	/*****/
	.servProcess > ul{ flex-direction: column;}
	.servProcess > ul > li{ width:100%;}
	.colContact > ul{ flex-direction: column; }
	.colContact > ul > li{ width:100%; padding:10px;  margin-top: 0px; margin-right: 0;}
	.colContact > ul > li > p,.servProcess > ul > li > .spItem > p{ font-size:20px; height: auto; line-height: 2; }
	.servProcess > ul > li > h3{ width:90px; height: 90px; line-height: 90px; font-size: 20px; }

	/****/
	/*.freeback > .fbItem{ padding-left:80px;}
	.freeback > .fbItem > h3{ width:80px;}*/
	.freeback > .fbItem{ width: 100%; margin-right: 0;}
	.freeback > .fbItem > h3,.freeback > .fbItem > p > input,.freeback > .fbItemTextarea > textarea,.fbSelect  h4{ font-size: 16px; }

	.vfVideo{ width:90%;}
	.vfVideo > div{padding:20px;}

	/******/
	.servProcess img{ width:100%; height:auto}
	.saleFlash{ height:auto; }

	/*********/
	.casesMain{ flex-direction: column; }
	.colCaseList{ width:100%; margin-right: 0;} 	
	.colCaseList > h3{ width: 100%;  font-weight: normal; font-size: 20px; text-align: left; line-height: 3; background-color: #FFF; border-radius: 10px; border:1px solid #007DFF; box-sizing: border-box; padding:0 3%; color: #007DFF; text-align: left; margin-bottom: 3%; position: relative;}
	.colCaseList > h3::after{ content: ' '; width:0; height:0; position: absolute; right:3%; top:50%; margin-top: -10px; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 12px solid #007DFF; }
	
	
	.chpAbout3 > h3,.chpAbout2 > h3{ font-size: 16px; line-height:20px }
	.chpAbout > h3{ font-size: 16px;}
	.chpAbout > p{ -webkit-line-clamp:4;}
	.chpAbout2 > p{ -webkit-line-clamp:2; line-height:24px }
	.chpAbout2 > h4,.bannerSaBtn{width:102px;height: 30px; line-height: 28px; font-size: 14px; }
	
	
	.bannerSaLeft > p{ font-size:12px} 
	.swiperB a.bannerSaBtn{width:102px;height: 30px; line-height: 30px; font-size: 14px; }
	.bannerSaLeft > h3{ font-size:16px; font-weight:bold}
	.swiperB .swiper-slide > img{ width:100%; padding-bottom:78px; background-color:#1C7AD3}
	.swiperB .swiper-pagination{ bottom:32%;}
	
	
	.colHotPord{ width:95%; margin:0 auto; }
	.colHotPord > ul > li > div,.colHotPord > ul > li:nth-of-type(2n) > div{ flex-direction: column; }
	.chpImg{ width:100%; }
	.chpAbout > p{ -webkit-line-clamp:10;}
	.colHotPord2{ width:95%; margin:0 auto; }
	.colHotPord2 > ul > li > a,.colHotPord2 > ul > li:nth-of-type(2n) > a{ flex-direction: column; }
	.chpImg2{ width:100%; }
	.chpAbout,.chpAbout2,.chpAbout3{ width:100%; box-sizing: border-box; padding:5%; }
	.chpAbout2 > p{ -webkit-line-clamp:10;}

	.colHotPord3{ width:95%; margin:0 auto; }
	.colHotPord3 > ul > li > a,.colHotPord3 > ul > li:nth-of-type(2n) > a{ flex-direction: column; }
	.chpImg3{ width:100%; }
	/*.chpAbout,.chpAbout2{ width:100%; box-sizing: border-box; padding:5%; }*/
	.chpAbout3 > p{ -webkit-line-clamp:10; height:auto;}
	.swiperB .swiper-slide > a > .slideAbout{ height: 100%; background-color: transparent;}
	.swiperB .swiper-slide > a > .slideAbout > .c-con{ flex-direction: column; }
	.bannerSaBtn{ margin-top: 20px; }
	
	

}

@media (max-width:640px){
	
	.swiper1 .swiper-slide > a > .slideAbout > h3{  font-size: 30px; }
	.swiper1 .swiper-slide > a > .slideAbout > p{ font-size:16px;}
	
	/******/
	.mcolMore > a{ width: 150px; height: 44px; line-height: 42px; font-size: 14px; }
	/*******/

	.newsList > ul > li > a > .nlAbout > h3,.prodList > ul > li > a > .plAbout > h3,.mbServlist > ul > li,.mbCopyright{ font-size: 16px;}

	.superList > ul > li > a > .slAbout > h3{ font-size: 12px; }
	
	.pcaMemoLink > a{ display: flex; width: 45%;height: 44px;line-height:32px; padding:6px 10px; justify-content: space-around;}
	/*.pcaMemoLink > a + a{ margin-top: 10px;}*/
	.pcaMemoLink > a > p{ width:24px; height:24px;}
	.pcaMemoLink > a > p > img{ width:24px; height: 24px; }
	.pcaMemoLink > a > h4{ font-size: 16px; }

	.aboutBrandF1 > h3,.abf3Item > h3/*,.colAboutFlash > div > p,.colCultureFlash > div > h4*/{ font-size:20px; }
	.abfMemo,.abfMemoF3,.colContact > ul > li > p,.servProcess > ul > li > .spItem > p{line-height: 2; font-size:16px;}
	.colCultureFlash > div > p{ font-size: 14px; }
	.colContact > ul > li > p{ height: auto;}
	/*****/
	.cfAbout > h3{ font-size: 32px; }
	.cfAbout > h4{ width:24px; height: 24px;}


	.mbServlist > ul > li{ /*transform: scale(0.8,0.8); -webkit-transform: scale(0.8,0.8);*/ flex-direction: column; }

	/*****/
	.colNav > header{ font-size: 24px; }
	.colNav > header > span > i{ font-size: 18px; }
	.colNavList > ul > li > h3,.colNavList > ul > li > p > a{ font-size:20px; }
	
	.col5Flash{ width:90%; position: absolute; left:5%;}
	
	
}

@media (max-width:480px){
	.float > .f-navlist > ul > li > a > p{ height: 48px; line-height: 48px; font-size: 14px; font-weight:bold }
	.float > .f-navlist > ul > li > p > a{ height: 30px; line-height: 30px;  font-size: 14px; }


	.swiper1 .swiper-slide > a > .slideAbout > h3{  font-size: 22px; }
	.swiper1 .swiper-slide > a > .slideAbout > p{ font-size:12px;}

	.search{ width:118px;}
	/******/
	.mcolMore > a{ width: 100px; height: 36px; line-height: 34px; font-size: 14px; }
	/******/
	.mcolHeader > h3{ font-size: 18px; }
	.mcolHeader > p{ font-size: 12px; font-weight:100;}
	/******/
	.newsList > ul > li > a > .nlAbout > h4{ font-size: 14px; }
	.newsList > ul > li > a > .nlAbout > h3,.prodList > ul > li > a > .plAbout > h3{ font-size: 14px;}

	.servMenu > h2{ height: 24px; line-height: 24px; font-size:16px; padding-right: 20px; }
	.onlineItem{ width:30px; margin-left:20px;}

	.prodTab > h3{font-size: 18px;}
	.prodTab > ul > li{ font-size: 14px; }

	/*.pcaMemo{ flex-direction: column;}*/
	.pcaMemoLink,.pcaMemoLink{ padding:10px 0; flex-direction: row;}
	.pcaMemoLink > a{ display: flex; width: 47.5%; height: 44px;line-height:32px; padding:6px 5px; justify-content: space-around;}
	/*.pcaMemoLink > a + a{ margin-top: 10px;}*/
	.pcaMemoLink > a > p{ width:20px; height:20px;}
	.pcaMemoLink > a > p > img{ width:20px; height: 20px; }
	.pcaMemoLink > a > h4{ font-size: 14px; }

	.prodFlash .swiper-button-next,.prodFlash .swiper-button-prev,.prodFlash2 .swiper-button-next,.prodFlash2 .swiper-button-prev{ height:24px; width:24px; line-height:24px; margin-top:-12px; }

	.aboutBrandF1 > h3,.abf3Item > h3,.colAboutFlash > div > p,.colCultureFlash > div > p,.colCultureJzg > ul > li > p > a{ font-size:18px; }
	.abfMemo,.abfMemoF3,.colContact > ul > li > p,.servProcess > ul > li > .spItem > p{line-height: 2; font-size:14px;}

	/********/
	.servNetTab > p{ width:90px;}
	.servProcess > ul > li > h3{ width:72px; height: 72px; line-height: 72px; font-size: 16px; }
	.mbServlist{ padding:0 0; }
	.mbServlist > ul > li{ height: auto; font-size: 12px;}
	.mbServlist > ul > li:last-child{ width:43%;}
	.mbServlist > ul > li > p,.mbServlist > ul > li > p > img{ width:20px; height:20px; }

	/*****/
	.cfAbout > h3{ font-size: 20px; }
	/*.historyFlash2*/

	/****/
	.freeback > .fbItem{ padding-left:80px;}
	.freeback > .fbItem > h3{ width:80px;}
	.freeback > .fbItem > h3,.freeback > .fbItem > p > input,.freeback > .fbItemTextarea > textarea,.fbSelect  h4,.mbCopyright{ font-size: 14px; }
	/*.mbServlist > ul{ flex-direction: column; }
	.mbServlist > ul > li{ width:100%; }
	.mbServlist > ul > li + li{ margin-top: 10px; }*/

	.downBox,.jobBox{ width:280px; height:280px;}
	.dbfInput{ width: 200px;}
	/*****/
	.colNav > header{ font-size: 20px; }
	.colNav > header > span > i,.colNavList > ul > li > h3,.colNavList > ul > li > p > a{ font-size: 18px; }

	/******/
	.swiper7 .swiper-slide > .histSlideAbout > h3{ width:72px; height: 72px; line-height: 72px;  }
	.swiper7 .swiper-slide > .histSlideAbout .ssaleItem p{ font-size: 14px;line-height: 24px;}

	.colCaseList > h3{ font-size: 16px; }
	.colCaseList > h3::after{ border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 10px solid #007DFF; margin-top: -5px;}
}
	
@media (max-width:375px){
		
	.abf3Img > img{ width:240px;  }
	.mbServlist > ul > li{ width:33.3333%; }
	
	/*.colNavList > ul > li > h3,.colNavList > ul > li > p > a{ font-size:14px; }*/
}

@media (max-width:320px){
		
	.search{ display:none}
	
	/*.colNavList > ul > li > h3,.colNavList > ul > li > p > a{ font-size:14px; }*/
}