@charset "utf-8";
/* CSS Document */
	@media (min-width: 1900px){}
html, body {height: 100%; position:relative; background-color: #fff !important;}   
a{ color:#666;}
body {background: #eee;font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;color:#000;margin: 0;padding: 0;}

.logo{ margin-top:0.5vw;}
 .logo img{ max-width:260px; width:100%; margin-top:30px;}
 
.swiper-container {width: 100%;}
	.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{ background-color:#efefef;}	
	  .swiper-w .swiper-slide{ height:100%; position:relative}
	  .swiper-w .swiper-slide p{ height:100%; position:absolute; top:40%; left:0; right:0; font-size:56px; color:#FFF;}
	  .swiper-h .swiper-slide:nth-last-child(1){ height:80%}
	/*首页横向切换*/

	
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;}	*/


  
.aboutContent{ font-size:14px; line-height:2;}.aboutContent .row{ margin-bottom:10px;}
.lang{ height:35px;  overflow:hidden; text-align:right; background-color: #296dab; color:#FFF; line-height:35px;}	
.lang a{ display:inline-block; margin-right:10px; color:#999}
.lang a img{ width:20px; margin-right:10px;}



.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 }
#breadcrumb > a + a:before {color: #CCCCCC;content: "/ ";padding: 10px; }
.bread{background-color: #efefef; height:4vw; line-height:4vw}
	
.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{ background: rgba(255,255,255,1); margin:0 auto; border-bottom:#eee solid 1px;}
       .navMenu{ list-style:none;margin-top:50px; float:right;}
	   .navMenu  li{ display:inline-block; padding:0 15px 0 15px; position:relative;}
	   .navMenu  li a{ display:block;color:#333;line-height:30px; font-size:1vw; position:relative; text-decoration:none; }
	   .navMenu  li a:before{content:"";height:3px;width:0;bottom:0%; margin:0 auto; left:0;background-color:#009; right:0;position:absolute; bottom:-5px;transition:all ease-in-out .3s}
	   .navMenu  li a:hover:before{width:100%;   transition:all ease-in-out .3s; }
       /*.navMenu  li.hover a:before{content:"";  width:100%;  background-color:#009; transition:all ease-in-out .3s}*/
	   .navMenu  li dl{ position:absolute;top:30px; display:none; width:200px; background:rgba(255,255,255,1); z-index:819; left:0; right:0; margin:auto; box-shadow:rgba(153,153,153,0.3) 0 0 15px; }
	   .haSon:before{ content:'‣';position:absolute;left:0px; top:-5px; bottom:0; margin:auto; font-size:25px;}
	   .navMenu  li dl dt a{font-weight:normal !important; font-size:16px!important; line-height:45px; text-indent:1em; color:#333 !important}
	   .navMenu  li:hover dl{ display:block;}
	        .moveDown{ position:fixed;left:0; right:0;  z-index:200; }
	   	   /*.moveDown{background-color:transparent;border-bottom:none;}
		   .moveDown a{ color:#FFF !important;}*/
	   
.indexAbout{ padding:50px 0 10px 0}
.indexAbout h2{margin-bottom:10px; color:#666;font-size:28px; margin:30px auto;font-size:28px;font-weight:bold;}
.indexAbout h2 span{ font-size:14px; font-weight:normal;}
.indexAbout div{ line-height:35px; font-size:16px; color:#999}


.indexPro li{ list-style:none; position:relative; margin-bottom:15px; }
.indexPro li a{ display:block; position: inherit;overflow:hidden; box-shadow:#CCC 0 0 5px; color:#666}
.indexPro li a p{ margin:0; list-style:none; height:45px; line-height:45px; left:0; right:0; text-align:center; margin: auto; margin-top:20px; }
.indexPro>li>a img{ display:block; width:100%;transition:all ease-in-out .3s;transform:scale(1)}
.indexPro>li>a:hover img{ transition:all ease-in-out .3s;transform:scale(1.1)}


.projectsList h2{ margin:30px auto;}
.projectsList h2 span{ font-size:14px; font-weight:normal;}  
.projectsList li{ list-style:none; position:relative; }
.projectsList li a{display:block; position: inherit;overflow:hidden;}
.projectsList li a p{ margin:0; list-style:none; position:absolute; bottom:0; height:45px; line-height:45px; left:0; right:0; text-align:center; background: rgba(0,0,0,0.8); z-index:1; margin: auto; }
.projectsList li a img{ display:block; width:100%;transition:all ease-in-out .3s;transform:scale(1);height:260px;}
.projectsList>li>a:hover img{ transition:all ease-in-out .3s;transform:scale(1.1)}
.projectsList>li>a:hover{ color:#FFF;}




.indexBiz{padding: 50px 0 10px 0;} 
  .indexBiz h2{ margin-bottom:20px; color:#333;font-size:28px;font-size:28px;font-weight:bold;margin:30px auto }
  .indexBiz h2 span{ font-size:14px; font-weight:normal;}  .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{ height:160px;}  .indexBiz .row>div>div:hover{ transition:ease-in-out all .5s;  color:#000;}  

    .indexCategroy{ margin:30px auto}
	.indexCategroy li{ line-height:45px; list-style:none; text-align:center; }
	.indexCategroy li a{ font-size:16px; display:block;background-color: #f6f6f6; margin:0 5px 10px 0; transition:all ease-in-out 0.3s; border:#efefef solid 1px;}	.indexCategroy li a:hover{ background-color:#03F;transition:all ease-in-out 0.3s; color:#FFF}
  
 .indexNews{}
	 .indexNews h2{ margin-bottom:5px; color:#333;  margin:20px auto; font-size:28px;font-weight:bold;}	 .indexNews h2 span{ font-size:14px; font-weight:normal;}	 .indexNews>div{position:relative;background-color: #fff; padding-top:50px; }
	 .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:#036;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;}	 

     .more{ transition:ease-in-out all .2s;display:block; text-align:center;margin:0 auto; width:160px; border:#666 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:#006; border:#006 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;}

.indexContact h2{margin-bottom:2vw;  font-size:28px;font-weight:bold; }
.indexContact h2 span{ font-size:14px; font-weight:normal;}
 .leader{color:#fff; margin-bottom:2vw}

.aboutPage h2{ font-size:2vw; margin:2vw auto; position:relative;}
.aboutPage h2:after{ content:""; height:5px;color:#CCC;background-color: #00438f; position:absolute; width:8vw;bottom:-1vw; left:0; z-index:100; line-height:45px;}
.aboutPic [class*='col-'] {padding-right: 0;padding-left: 0;}

.newsList{ list-style:none;}	
.newsList h2{ font-size:2vw; margin:4vw auto; position:relative;}	
.newsList h2:after{content:"news"; height:5px;color:#CCC;background-color: #00438f; position:absolute; width:8vw;bottom:-1vw; left:0; z-index:100; line-height:45px;}
	.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: #efefef;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:#00438f;transition:all ease-in-out .3s;}	.newsList .row em{ color:#999}
	
.newsShow{}
.newsShow h2{ margin:3vw 0 1vw 0}
.newsInfo{line-height:55px; height:55px;}
.proList li{list-style:none; position:relative;margin-bottom:30px;}
.proList li a{display:block; position: inherit;overflow:hidden;}
.proList li a p{margin:0; list-style:none; position:absolute; bottom:0; height:45px; line-height:45px; left:0; right:0; text-align:center; background: rgba(0,0,0,0.8); z-index:1; margin: auto; }
.proList>li>a img{display:block; width:100%;height:13vw;transition:all ease-in-out .3s;transform:scale(1)}
.proList>li>a:hover img{transition:all ease-in-out .3s;transform:scale(1.1)}
.proList>li>a:hover{color:#FFF;}


.indexBt{ position:relative; 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;}


.content{ font-size:1vw !important; line-height:2}
.content h1{ background-color: #f2f2f2; height:55px; line-height:55px; font-size:28px; text-indent:1rem}
.footer{background-color: #212121;padding: 25px 60px; min-height:280px; line-height:2vw; color:#666}
.footer a{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; }



@media screen and (max-width:767px){
	.logo{ margin-top:-10px;}	
	  .mNavBtn {display:block;width:24px;height:16px;right:10px;top:40px;position:fixed;cursor:pointer;z-index:15;}	
	  .mNavBtn.active{ margin-right:20px;}    
	  .mNavBtn.active span{background: #00438f; }
	  .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:#369; -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;}	
	.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}
	
	
  .indexBt img{ height:160px; object-fit:cover}
  .indexBt p{font-size:28px; }
  .indexContact h2{margin-bottom:3vw; color:#FFF; font-size:8vw; }
   .swiper-w .swiper-slide p{ height:100%; position:absolute; top:40%; left:0; right:0; font-size:28px; color:#FFF;}	

   .header{ height:80px;}   
	.navMenu{position: fixed; top:-5px; right: -100%; left: auto; width: 100%; height:100%; background: #fff; padding: 100px 40px 0; text-align: center; -webkit-transition: all 300ms ease; transition: all 300ms ease;}
	.active{right: 0; display:block; z-index:1000}
	.navMenu li{ display:block !important; padding:0 2vw 0 2vw;}
	.navMenu li a{ display:block;color:#06C !important;height:15vw; line-height:15vw; font-size:6vw !important; overflow:hidden; }
	.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{ position:relative; top:20px; left:0; right:0; margin:auto;}
	.navMenu li dl dt{ line-height:40px; height:40px;  }
   
   .aboutPage h2:after{ width:14vw;bottom:-3vw; }
   .bread{background-color: #efefef; height:6vw; line-height:6vw}
   
   .indexBiz{ }
   .indexBiz .row>div>div>img{height:60px;}		   
    .aboutPage h2{ font-size:4vw; margin:5vw auto}
	.container{width:98% !important}
	.content{ font-size:3vw !important; line-height:2}
	.footer{ line-height:5vw}
	.proList>li>a img{display:block; width:100%;height:28vw;transition:all ease-in-out .3s;transform:scale(1)}
	}
	
	
	
	
.pc-slide {width:100%;margin: 0 auto;}
.view .swiper-container {width: 100%;height: 300px;}
.view .arrow-left {background:  #CCC no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.view .arrow-right {background: #CCC no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.preview {width: 100%;margin-top: 10px;position: relative; background-color: #efefef;}

.preview .swiper-container {width:100%;height: 82px;margin-left: 35px;}
.preview .swiper-slide {width: 87px;height: 82px;cursor:pointer;margin-right:5px;}
.preview .slide6 {width: 82px;}
.preview .arrow-left {background: url(images/feel3.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview .arrow-right {background: url(images/feel4.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 9px;height: 18px;z-index: 10;}
.preview img{padding: 1px; display:block; }
.preview .active-nav{border:1px solid #F00 !important;}
.preview .active-nav img {padding: 0;}