@charset "utf-8";
@import url("//at.alicdn.com/t/font_2875522_wvm2bni5uae.css");
:root{
--mainColor:#b5b5b6;
--hoverColor:#f8c9c9;
--headColor:#f8c9c9;
--borderColor:#0C6;
	}
	.index h2{ margin-top:50px; text-align:center;}
	.index .lead{ position:relative; margin-bottom:30px; font-size:16px;text-align:center;}
	.index .lead a{ display:block; position:absolute; right:0; bottom:0;}

/* CSS Document */
    html, body { background-color: #fff !important;font-family:"Microsoft YaHei UI", "Microsoft YaHei UI Light";font-size: 14px;color:#000;margin: 0;padding: 0;}

@media (min-width: 1920px){
		.container{ width:1360px !important;}
}
	.logo{ margin-top:0.5vw; margin-bottom:1vw; width:25%; float:left; margin-top:2.5%;}
	  .logo img{ max-width:280px; width:100%}
	  .lead{ color:#666}
	  .lead a{ float:right; color:#000;font-size:14px;}
	  
 .swiper-container {width: 100%;}
.searchBar{ display:block; padding:5px; position:absolute; background: rgba(100%,100%,100%,0.5); border:#efefef solid 1px; border-radius:5px; z-index:101; bottom:18%; left:0; right:0; width:50%; margin:auto}
 .searchBar input{ border:none; line-height:45px; height:45px;}
 .searchBar span{float:left; display:block; height:100%; background-color: #fff; line-height:45px; height:45px;}
 .searchBar span input{ width:100%;outline: none; text-indent:1rem;}
 .searchBar span input:focus{ border-color: rgba(82,168,236,.8);}
 .searchBar span:nth-child(1){float:left; width:85%;}
 .searchBar span:nth-child(2){float:left; width:15%; text-align:center; background-color:var(--headColor); font-size:18px; color:#666; cursor:pointer;}
/* .searchBar span:nth-child(2):hover{ background: linear-gradient(135deg,#ff8fc2,#ff6ca1);}*/


    .swiper-slide { text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: 
center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; overflow:hidden;}

		.swiper-wrapper .swiper-slide:nth-child(1){ background-color:#0070C0;}
		.swiper-wrapper .swiper-slide:nth-child(2){ background-color: #008FD7;}
		.swiper-wrapper .swiper-slide:nth-child(3){ background-color:#10AEC0;}
		.swiper-w .swiper-slide{ height:100%}
		.swiper-h .swiper-slide:nth-last-child(1){ height:80%}
		
.tags a{ padding:5px; display:inline-block}
	.f14 { font-size: 14px; }
	.f15 { font-size: 15px; }
	.f16 { font-size: 16px; }
	.f17 { font-size: 17px; }
	.f18 { font-size: 18px; }
	.f19 { font-size: 19px; }
	.f20 { font-size: 20px; }
	.f21 { font-size: 21px; }
	.f22 { font-size: 22px; }
	.f24 { font-size: 24px; }

	.tags .c-1 { color: #ff1716 ; }
	.tags .c-2 { color: #0b9e94; }
	.tags .c-3 { color: #d39f17; }
	.tags .c-4 { color: #ff006b; }
	.tags .c-5 { color: #049cff; }
	.tags .c-6 { color: #606060; }
	.tags .c-6 { color: #8b4bfa; }
	.tags .c-7 { color: #4b991f; }
		

.swiper-slide img{max-height:640px;}
.swiper-slide img{width:100% !important;min-height:100%;transform: scale(1.5,1.5);transition:1s linear 3s;}
.swiper-slide-active img,#swiper1 .swiper-slide-duplicate-active img{transition:6s linear;transform: scale(1,1);}

		.swiper-w .swiper-slide .slideText{ position:absolute; width:80%; padding:2%;top:25%;left:0; right:0; text-align:center; margin:auto; text-shadow:#666 0 0 10px;}
		.swiper-w .swiper-slide .slideText .more{ margin:1vh 0 0 0;}
		.swiper-w .swiper-slide h4{   font-size:3vw; color:#FFF; margin-bottom:1.5vw;}
		.swiper-w .swiper-slide p{  font-size:1.8vw; color:#FFF;}
		
		
		
.cateGroy{overflow:hidden; clear:both; }
  .cateGroy li{ height:45px;margin-bottom:20px; list-style:none;  transition:all ease-in-out .3s;}
  .cateGroy li:hover{ transition:all ease-in-out .3s;}
  .cateGroy li a{ border:var(--headColor) solid 3px; color:#999; display:block;height:100%; position:relative;  text-align:center;border-radius:20px; overflow:hidden; font-size:16px; }
  .cateGroy li a:hover{border-color:#ff8fc2;}
  .cateGroy li a[data-text]:before,.cateGroy li a[data-text]:after{content:attr(data-text); position:absolute; width:100%; height:100%;left:0;right:0}
  .cateGroy li a[data-text]:before{top:20%; transition:all ease-in-out .2s;}
  .cateGroy li a[data-text]:hover:before{top:-10%; opacity:0; transition:all ease-in-out .2s;}
  .cateGroy li a[data-text]:after{top:80%; opacity:0; transition:all ease-in-out .2s;}
  .cateGroy li a[data-text]:hover:after{top:20%; transition:all ease-in-out .2s;opacity:1; color:#ff8fc2}
		
	/*首页横向切换*/
video{position: absolute;right: 0;bottom: 0;top: 0;height: 100%;min-width: 100%;width: auto; height:auto;z-index: -100; background: url(index.png) no-repeat; background-size: cover; z-index:10; overflow:hidden;}
	.firstPage{ z-index:100; }
	.firstPage h1{ color:#FFF ; font-size:5vw; margin-bottom:3vw;}
	.firstPage p{ color:#FFF ; font-size:2vw;margin-bottom:1vw;}
.bizMask{ height:100%; width:100%; background:#000 0.3; position:absolute0 ;left:0; right:0; top:0; bottom:0; z-index:2; }
	/*================*/
	/* 通过改变animation-timing-function 制作弹性切换效果 
	.swiper-wrapper{
		    transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;}
	*/
	.secondPage{ color:#FFF}
	.secondPage h2{ font-size:2.5vw; margin:5vw 0 2.5vw 0; text-align:center}
	.secondPage p{ line-height:1.5; color:#ccc;font-size:1.2vw;margin-bottom:2vw}
.copr h2{ margin:20px auto;}
.copr .row>div img{ border:#eee solid 1px; width:100%; height:auto; margin-bottom:10px;}

.indexAbout{ color:#fff ; margin:50px auto}
.indexAbout h2{font-size:32px; margin:50px auto 10px auto; text-align:center; }
.indexAbout .content{ line-height:35px; font-size:16px;}
.indexAbout .lead{ text-align:center;color:#fff ; margin-bottom:30px;}

.aboutContent{ font-size:14px; line-height:2;}
.aboutContent .row{ margin-bottom:10px;}

.lang{ height:20px;  overflow:hidden; text-align:right;}	
.lang a{ display:inline-block; margin-right:10px; color:#999}
.lang a img{ width:20px; margin-right:10px;}

.team{padding:30px 0 50px 0}
.team h2{padding-bottom:30px;color:#333;}
.team .lead{color:#666;font-size:16px;}
.indexPro{ overflow:hidden}
.indexPro h2{ color:#05a0a3; font-weight:bold;}
.indexBiz{}
  .indexBiz h2{ margin-bottom:10px; color:#333;font-size:28px; }
  .indexBiz h4{ margin-top:20px; }
  .indexBiz .row{ margin-bottom:3vw; overflow:hidden;}
  .indexBiz .row>div>div{background-color: #fff;transition:ease-in-out all .3s; margin-bottom:10px; padding:5px; color:#999}
  .indexBiz .row>div>div>h4{ margin-top:20px; color:#006 }
  .indexBiz .row>div>div>img{ min-height:160px;}
  .indexBiz .row>div>div:hover{ transition:ease-in-out all .5s;  color:#000;}
  
  .pagination>li>a{ color:#05a0a3}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #05a0a3;
    border-color: #05a0a3;
}


.cloud{ position:absolute; left:10%; z-index:120;top:10%}
.countDiv{ width:60%; margin:0 auto}
  .countDiv>div{ border-right:solid 1px #FFFFFF;margin-bottom:2vw;}
  .countDiv h2{font-weight:bold; padding-top:10px; font-size:2vw;margin:0.5vw; }
  .countDiv .count-text{ color:#eee; font-size:0.6vw;}

#breadcrumb{margin-top:10px; margin-bottom:2vw; background-image: linear-gradient(180deg,#efefef, #ffffff);}
#breadcrumb > a{ color:#666;}
#breadcrumb > a + a:before {color: #CCCCCC;content: "/ ";padding: 10px; }
.bread{ height:4vw; line-height:4vw; position:relative;}
.bread .container{ background-color: #fff; position:absolute; top:-80%; margin:auto; left:0; right:0; box-shadow:#333 0 -5px 5px; border-radius: 5px 5px 0 0}
	
.fbt{display: block;width: 180px;line-height: 40px;border-radius: 25px;margin: 0 auto;background: #00438f;color: #fff;text-align: center;-webkit-transition: all 500ms ease;transition: all 500ms ease;font-size:0.8vw;}
.fbt:hover{background: #002a5a;}

.header{ position:absolute; left:0; right:0;top:0; z-index:200;/*background:rgba(0,0,0,.3)background:linear-gradient(180deg, rgba(0,0,0,1),rgba(0,0,0,.4), rgba(0,0,0,0));*/}
       .navMenu{ list-style:none;  margin:0 auto; float:right; margin-top:4%; }
	   .navMenu  li{ display:inline-block; padding:0 15px 0 15px; position:relative; }
	   .navMenu  li a{ display:block; /*color:#05a0a3;*/color:#fff;height:55px; line-height:55px;font-size:18px; position:relative; text-decoration:none;}
	   .navMenu>li>a{text-shadow: 2px 2px  2px #000000;}
	   .navMenu li  a:hover{ color:#FFF;}
	   .navMenu li  span{ position:absolute; right:-2px;top:20%; z-index:100; color:#FFF;display:none;}
	   .navMenu  li>a:before{content:"";height:3px;width:0;bottom:5px; margin:0 auto; left:0; right:0;position:absolute;transition:all ease-in-out .3s; z-index:100}
       .navMenu  li.hover>a:before{content:"";  width:100%;  background-color:#93c0f5; transition:all ease-in-out .3s}
	    .navMenu  li dl{text-align:center; position:absolute;top:42px;left:0; right:0; background:rgba(255,255,255,0.7); z-index:300; width:100%;transition:all ease-in-out .3s; margin:auto; border-radius:5px; opacity:0;}
	    .navMenu  li:hover dl{transition:all ease-in-out .3s;top:40px; opacity:1}
		.navMenu li dl dt{ list-style:none; font-weight:normal; clear:both; display:block;}
		.navMenu  li dl dt a{ color:#666; font-size:14px;  line-height:35px; height:35px; }
		.navMenu  li dl dt a:hover{ color:#333; font-size:14px;  line-height:35px; height:35px; }
		
	   
 .indexNews{}
	 .indexNews h2{ margin-bottom:5px;  font-size:32px; margin:50px auto; text-align:center; }
	 .indexNews>div{position:relative; }
	 .indexNews>div>div>div{min-height:6vw; position:relative;transition:ease-in-out all .3s;}
	 .indexNews>div>div>div:hover{transition:ease-in-out all .3s;box-shadow:5px 5px 5px #ccc}
	 .indexNews>div>div>div{text-align:left; margin-bottom:3vw}
	 .indexNews>div>div img{ width:100%; height:220px;}
	 .indexNews>div>div>div>a{height:160px;display:block;background-color: #FFF; color:#666; text-decoration:none;}
	 .indexNews>div>div>div>a{padding:10px; display:block;}
	 .indexNews>div>div>div>a:hover{ min-height:6vw;display:block; color:#05a0a3;background-color: #FFF;top:-10px;transition:ease-in-out all .3s;}
	 .indexNews>div>div>div>a>p:nth-child(1){ font-size:20px; }
	 .indexNews>div>div>div>a>p:nth-child(2){ font-size:14px;}
	 .indexNews>div>div>div>a>p:nth-child(3){font-size:12px; color:#999;}
	 
.indexPro  a{border:#eee solid 1px;box-shadow:0 0 16px #efefef; display:block; color:#666}
.indexPro  a>p:nth-child(1){height:220px; display:block;color:#222;  margin-bottom:20px;  overflow:hidden;}
.indexPro  a>p:nth-child(1) img{display:block;margin:0 auto;width:100%;object-fit:cover;transform:scale(1); transition:all .3s cubic-bezier(0.24,1,0.30,1);object-fit:cover}
.indexPro  a>p:nth-child(1):hover>img{ transform:scale(1.1); transition:all .3s cubic-bezier(0.24,1,0.30,1)}
.indexPro  a>p:nth-child(2){ padding:0 20px;text-overflow :ellipsis; overflow:hidden;white-space:nowrap;}


.indexPro  a>p:nth-child(3){ padding:0 20px;}
.indexPro  a>p:nth-child(3) span{ color:#46b8da}
.indexPro  a>dl{ display:block;height:10vh; background: rgba(255,255,255,0.6);transition:ease-in-out 0.3s all;padding:25px 20px 0}
.indexPro  a>dl>dt{ line-height:40px;}
.indexPro  a>dl>dd{ color:#666}
.indexPro  a:hover dl{height:12vh;bottom:-25px;transition:ease-in-out 0.3s all}
     .indexPro span{color:#fff !important; display:inline-block; margin-right:5px; font-style:normal; padding:3px 8px 3px 8px; font-size:14px; border-radius:2px; }
	.indexPro .price{background-color: #f8c9c9;}
	.indexPro .ask{  background-color: #75Bce8;}
	.indexPro .intro{  background-color:#75Bce8;}
	


.pro h2{ font-size:3vh; margin:2vw auto; position:relative;}
.pro h2:after{ content:""; height:5px;color:#CCC;background-color: #05a0a3; position:absolute; width:8vw;bottom:-1vw; left:0; z-index:100; line-height:45px;}
.pro a{ display:block;position:relative;color:#222; border:#eee solid 1px; margin-bottom:30px; padding-bottom:5px; overflow:hidden;box-shadow:0 0 16px #efefef}
.pro a>img{height:35vh;display:block;margin:0 auto;width:100%;object-fit:cover;transform:scale(1); transition:ease-out all .5s}
.pro a:hover>img{ transform:scale(1.2); transition:ease-out all .5s}
.pro a>dl{ display:block;height:10vh; background: rgba(255,255,255,0.6);position:absolute;left:0;right:0;bottom:-25px;transition:ease-in-out 0.3s all;padding:25px 20px 0}
.pro a>dl>dt{ line-height:40px;}
.pro a>dl>dd{ color:#666}
.pro a:hover dl{height:12vh;bottom:-25px;transition:ease-in-out 0.3s all}
	 

     .more{ transition:ease-in-out all .2s;color:#05a0a3;display:block; text-align:center;margin:3vh auto; width:160px; border:#05a0a3 solid 1px; line-height:35px;height:35px; clear:both; margin-bottom:30px; text-decoration:none; position:relative;overflow:hidden}
	   .more:before{content:"→";position:relative;left:-100px;transition:ease-in-out all .2s; overflow:hidden}
	   .more:hover{ background-color:#05a0a3; border:#07696b solid 1px; transition:ease-in-out all .2s;color:#fff;text-decoration:none;}
	   .more:hover:before{content:"→"; left:-5px;transition:ease-in-out all .2s;}


.contactMap h2{text-align:center; }
  .contactMap .lead{ text-align:center; font-size:16px;  }

.aboutPage h2{ margin:2vw auto; position:relative;}
.aboutPage h2:after{ content:""; height:2px;color:#CCC;background-color: var(--headColor); position:absolute; width:100%;bottom:-1vw; left:0; z-index:100; line-height:45px;}
 .aboutPage .pic{ padding-top:5%;}
  .aboutPage .pic img{align-items: center; height:465px;}


.newsList{ list-style:none;}

	.newsList .row{ clear:both; padding:20px 0 20px 0; border-bottom:#CCC solid 1px;transition:all ease-in-out .3s;}
	.newsList .row:hover{ background-color: #fbc9c9;transition:all ease-in-out .3s; }
	.newsList .row img{ height:160px;width:100%;}
	.newsList .row a{ font-size:24px; display:block;margin-bottom:2vw; color:#333; transition:all ease-in-out .3s;}
	.newsList .row a:hover{ color:#600;transition:all ease-in-out .3s;}
	.newsList .row em{ color:#999}
	
.adList{ list-style:none;}
	.adList h2:after{ content:""; height:5px;color:#CCC;background-color: #05a0a3; position:absolute; width:8vw;bottom:-1vw; left:0; z-index:100; line-height:45px;}
	.adList .row{ clear:both; padding:20px 0 20px 0; transition:all ease-in-out .3s;}
	.adList .row>div{ margin-bottom:35px; overflow:hidden;}
	
	.adList .row>div>div:nth-child(1){width:43%; float:left; overflow:hidden;border-radius:5px;}
	.adList .row>div>div:nth-child(1) img{ height:160px;width:100%;  transform:scale(1);transition:all ease-in-out .3s;}
	.adList .row>div>div:nth-child(1):hover img{ transform:scale(1.1);transition:all ease-in-out .5s;}

	.adList .row>div>div:nth-child(2){width:57%; float:left; padding-left:20px;}
	.adList .row>div>div:nth-child(2)>a{ font-size:18px; display:block;color:#333; transition:all ease-in-out .5s;    text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.adList .row>div>div:nth-child(2) p{ color:#666;margin-top:10px; }
	.adList .row>div>div:nth-child(2) p:nth-child(2){height:85px;}
	.adList .row>div>div:nth-child(2)>a:hover{ color:#666;transition:all ease-in-out .3s; text-decoration:none}
	.adList .row>div>div:nth-child(2)>p>a{ color:#fff; display:inline-block; margin-right:5px; font-style:normal; padding:3px 8px 3px 8px; font-size:14px; border-radius:5px; }	
	.adList .price{background-color: #fd6969;}
	.adList .ask{  background-color: #75Bce8;}
.tagList li{ list-style:none; }
.tagList li a{ font-size:14px; color:#333; line-height:55px; }
.tagList li p{ font-size:12px; color:#999 }
/*=============*/

@charset "utf-8";
/* CSS Document */
.caseList{ list-style:none;}
	.caseList h2:after{ content:""; height:5px;color:#CCC;background-color: #05a0a3; position:absolute; width:8vw;bottom:-1vw; left:0; z-index:100; line-height:45px;}
	.caseList .row{ clear:both; padding:20px 0 20px 0; transition:all ease-in-out .3s;}
	.caseList .row>div{ margin-bottom:25px; }
	.caseList .row>div>a{ display:block; border:#efefef solid 1px; overflow:hidden;color:#333;transition:all ease-in-out .5s; box-shadow:#CCC 0 0 5px; }
	.caseList .row>div>a:hover{ text-decoration:none;}
	.caseList .row>div>a>div{overflow:hidden;}
	.caseList .row>div>a>div img{ height:200px;width:100%;  transform:scale(1);transition:all ease-in-out .3s;}
	.caseList .row>div>a>div:hover img{ transform:scale(1.1);transition:all ease-in-out .5s;}
    .caseList .row>div>a>p{ padding-left:20px;}
	.caseList .row>div>a>p:nth-child(2){ color:#666;margin-top:10px; font-size:18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.caseList .row>div>a>p:nth-child(3){ height:60px;}
	.caseList .row>div>div:nth-child(3) a:hover{ color:#666;transition:all ease-in-out .3s; text-decoration:none}
	.caseList .row>div>a>p:nth-child(4) em{ color:#999; border-radius: 2px;border: 1px solid #f8c9c9; color: #f8c9c9; list-style:none; font-style:normal; padding:2px;}	
	
.newsShow{}
.newsShow h2{ margin:3vw 0 1vw 0}
.newsInfo{ line-height:35px; color:#888 }


.jobList{list-style:none;}
.jobList h2{ font-size:3vh; margin:4vw auto; position:relative;}
.jobList  h2:after{ content:""; height:5px;color:#CCC;background-color: #05a0a3; position:absolute; width:8vw;bottom:-1vw; left:0; z-index:100; line-height:45px;}
.jobList a{ border:#CCC solid 1px; display:block; padding:10px; height:25vh; position:relative; top:0;transition:all ease-in-out .3s; background-color: #efefef;}
.jobList a:hover{ top:-5px;transition:all ease-in-out .3s;}
.jobList a p:nth-child(1){ font-size:16px; font-weight:bold; border-bottom:2px #999 solid; line-height:55px; height:55px; margin-bottom:20px;}



.indexBt{ position:relative; overflow:hidden; height:45vh; overflow:hidden}
.indexBt p{position:absolute; left:0; right:0; top:30%;margin:auto; z-index:100; font-size:58px; color:#FFF; text-align:center;}



/*===============================*/
.partner{}
.partner h2{ text-align:center;}
.partner .lead{text-align:center; font-size:16px;}
.partner .row li{ list-style:none; margin-bottom:20px;}
.partner .row li img{ width:100%; border:#efefef solid 2px;transition:all ease-in-out .3s;}
.partner .row li img:hover{ width:100%; border:#93c0f5 solid 2px;transition:all ease-in-out .3s; box-shadow:#CCC 0 0 15px;}


.content{ font-size:16px !important; line-height:2}
.content img{ max-width:100% !important;}
.footer{background-color: #212121;padding: 25px 60px; min-height:320px; line-height:2; color:#666}
.footer .row>div{ border-right:#333 solid 1px; height:260px;}

.footer .ewm p{ width:33.33%; float:left; text-align:center}
.footer .ewm p img{ width:90%;}
.footer .ewm p span{ display:block; line-height:35px;  color:#666; }


.footer h4{ margin-bottom:30px; color:#fff}
.footer li{ list-style:none;}
.footer a{color:#666}
.footer a:hover{color:#666}

#baiduMap{min-height:380px;border-width:10px;  border-color: transparent;border-style:solid;border-color:rgba(255,255,255,0.5); margin:10px 5px 5px 5px; background-color:#FFF; width:100%; clear:both;top:0px; transition:0.3s ease-in-out all; box-shadow:#333 0 0 0px; }

#fDiv{  position:fixed; right:5px; bottom:30%; line-height:50px; }
#fDiv span{width:50px; height:50px; line-height:50px; display:block; color:#FFF; font-size:3vh; text-align:center;background-color:#efefef;border-radius:5px; margin-bottom:5px; color:#666;transition:0.3s ease-in-out all;cursor:pointer; }

#fDiv span:nth-child(1):hover{background-color:#30c082; color:#FFF;transition:0.3s ease-in-out all;box-shadow:#999 0 0 5px;}
#fDiv span:nth-child(2):hover{background-color:#ffb100; color:#FFF;transition:0.3s ease-in-out all;box-shadow:#999 0 0 5px;}
.icon-erweima div{ display:none; width:260px; height:80px; position:absolute; right:100%; top:-5px; z-index:10;transition:0.3s ease-in-out all; }
.icon-erweima div img{ display:inline-block; width:120px;}
.icon-erweima:hover div{ display:block;transition:0.3s ease-in-out all; }
#toTop{ }


@media screen and (max-width:767px){
	.header{/* background:rgba(255,255,255,0.3);*/}
	.logo{ margin-top:15px; width:60%; max-width:160px;}
	.mNavBtn {display:block;width:24px;height:16px;right:10px;top:30px;position:fixed;cursor:pointer;z-index:15;}
	.mNavBtn.active{ margin-right:20px;}
    .mNavBtn.active span{background: var(--hoverColor); }
    .mNavBtn.active .line2 {display:none;}
    .mNavBtn.active .line1 {transform:rotate(45deg);top:7px;}
    .mNavBtn.active .line3 {transform:rotate(-45deg);bottom:7px;}
    .mNavBtn span {position:absolute;left:0;width:24px;height:2px;background:var(--hoverColor); -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
    .mNavBtn span.line1 {top:0;}
    .mNavBtn span.line2 {top:7px;}
    .mNavBtn span.line3 {bottom:0;}
	.swiper-container{ }
	   .swiper-w .swiper-slide h4{ font-size:4vw; }
		.swiper-w .swiper-slide p{font-size:2vw; }
	
	.firstPage h1{font-size:8vw; margin-bottom:3vw;}
	.firstPage p{ font-size:3vw;margin-bottom:3vw;}
	video{height: 1000px !important}
	.fbt{ font-size:3vw}
	
	.secondPage h2{ font-size:6vw; margin-bottom:3vw}
	.secondPage p{ line-height:2; color:#ccc;font-size:2vw;margin-bottom:2vw}
	
	.searchBar{ display:none;}
  .indexBt img{ height:160px; object-fit:cover}
  .indexBt p{font-size:28px; }
  .contactMap h2{margin-bottom:3vw;  font-size:8vw; }
	

   .header{ height:80px;}
   .navMenu{position: fixed; top:-5px; right: -100%; left: auto; width: 100%; height:100%; background:rgba(0,0,0,0.7); padding: 50px 40px 0; text-align: center; -webkit-transition: all 300ms ease; transition: all 300ms ease;}
   .active{right: 0; display:block;margin-top:0px;}
   .navMenu li{ display:block !important;  margin:0; padding:0;}
   .navMenu li a{ display:block;color:#eee !important;height:8vh; line-height:8vh;font-size:4vh !important; overflow:hidden; }
   .navMenu li a:hover{color:#fff !important;}
   .navMenu li a:before{content:"";height:3px;width:0;bottom:0%; margin:0 auto; left:0; right:0;position:absolute;transition:all ease-in-out .3s}
   .navMenu li a:hover:before{content:"";  width:40%;  background-color:#666; transition:all ease-in-out .3s}
   .navMenu li dl{ display:none !important;}
   .navMenu li  span{ display:none;}
   .swiper-slide img{ min-height:200px;}
   
   .aboutPage h2:after{ bottom:-3vw; }
   .bread{background-color: #efefef; height:6vw; line-height:6vw}
   
   	.adList .row>div>div:nth-child(1) img{ height:120px;}
	
   .indexBiz{ }
   .indexBiz .row>div>div>img{height:60px;}
  .aboutPage h2{ font-size:4vw; margin:5vw auto}
  .indexPro>div{ margin-bottom:20px;}
  .indexPro a>p:nth-child(1){ height:120px;}
  	.adList .row>div{  clear:both; }
  
  .cateGory li{ height:30px; font-size:14px;}  
	.container{width:98% !important}
	.content{ font-size:3vw !important; line-height:2}
	.footer{ line-height:5vw}
	.btLink{ display:none;}
	.footer .row>div{ border-right:none; margin-bottom:5vw; }
	
	.adList .row>div>div:nth-child(1){ width:100%;}
	.adList .row>div>div:nth-child(1) img{ height:220px;}
	.adList .row>div>div:nth-child(2){ width:100%; padding-left:0; padding-top:20px; }
	}
	
	.btLink p{ width:20%; float:left;}
	.btLink p a{ display:block;}
	
	.page{ margin:0 auto; text-align:center;}
	.pagination>li>a{color:#f8c9c9 !important;}
	.pagination>.active>a{ background-color:#f8c9c9 !important; color:#FFF !important; border-color:#f8c9c9 !important; }
	
	.showTips{ position:fixed; left:0; right:0; top:0; bottom:0;height:100%; width:100%; margin:auto;background:rgba(0,0,0,.7);z-index:10000;  display:none;}
	.showTips  .tipsContent{position: relative; top:15%;width: 90%;max-width: 320px;margin: 4em auto;background: #FFF;border-radius: .25em .25em .4em .4em;text-align: ceneter;box-shadow: 0 0 20px rgb(0 0 0 / 20%); overflow:hidden;}
	.showTips  .tipsContent h4{ font-size:16px; margin-top:20px; text-indent:2rem;}
	.showTips  .closeTips{ float:right; display:inline-block;  cursor:pointer; padding:20px; }
	.showTips>div>div{ overflow:hidden; width:100%; }
	.showTips li{ float:left; list-style:none; width:50%;text-align:center;}
	.showTips img{width:100%; display:inline-block;}
	.showTips a{ display:block; height:45px; line-height:45px; clear:both;}