@charset "utf-8";
/* CSS Document */
    html, body {height: 100%; position:relative; background-color: #fff !important;font-family:微软雅黑, 微軟正黑體, 黑體, "microsoft jhenghei", arial, sans-serif;font-size: 14px;color:#000;margin: 0;padding: 0;}
	a{color:#214f9b}

.index h2{ position:relative;color:#214f9b; font-size:32px; margin:36px auto;text-align:center }
.index h2:before{ position:absolute; content:' '; height:3px; top:40%; background-color: #ccc; width:30%; left:10%}
.index h2:after{ position:absolute; content:' '; height:3px; top:40%; background-color: #ccc; width:30%; right:10%}

.header{ left:0; right:0;top:0; z-index:200; background: rgba(255,255,255,1); width:100%; border-bottom:#efefef solid 1px; }
	.logo{margin:15px auto 20px auto }
	.logo img{ max-width:480px; width:100%}
	.logoRight{ font-size:18px;margin:25px auto 20px auto; border-left:solid #CCC 1px; }
	.logoRight span{ color:#C00;font-weight:bold;}
	.logoRight span i{ font-size:30px; font-style:normal;  color:#333;    font-family: 'impact';}
	.logoRight p{ margin-top:10px;}

	  
.navMenu{ list-style:none;  margin:0 auto; background: linear-gradient(5deg, #193fc0, #17bfd4); }
	.navMenu  li{ display:inline-block; padding:0 25px 0 25px; position:relative; }
	.navMenu  li a{ display:block;color:#fff; height:55px; line-height:55px;font-size:18px; position:relative; text-decoration:none;text-transform:uppercase; }
	.navMenu li  a:hover{ color:#FF9}
	.navMenu  li a:before{content:"";height:3px;width:0;bottom:5px; margin:0 auto; left:0; position:absolute;transition:all ease-in-out .3s; z-index:2002}
	.navMenu  li a:hover:before{width:100%;  background-color:#FFF; transition:all ease-in-out .3s}
	.navMenu  li.hover a:before{content:"";  width:100%;  background-color:#FFF; transition:all ease-in-out .3s}
	.navMenu  li dl{ position:absolute;top:45px; left:0; right:0; visibility:hidden; background-color: #fff; z-index:200; padding:10px; width:100px;transition:all ease-in-out .3s; }
	.navMenu  li:hover dl{ visibility:visible;transition:all ease-in-out .3s;top:35px; }
	.navMenu li dl dt{ list-style:none; font-weight:normal; line-height:45px; height:45px;}


	  
    .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;width: 100%;}
		.swiper-w .swiper-slide{ height:100%; background-color: #efefef;}
		.swiper-w .swiper-slide img{ width:100% !important}
		.swiper-w .swiper-slide .slideText{background:rgba(0,0,0,0.3); position:absolute; width:50%; padding:2%;bottom:15%;left:10%; text-align:left;}
		.swiper-w .swiper-slide .slideText .more{ margin:1vh 0 0 0;}
		.swiper-w .swiper-slide h4{   font-size:2vw; color:#FFF;}
		.swiper-w .swiper-slide p{  font-size:1vw; 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;}
	*/
	.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{ margin:50px auto; padding-top:30px; }
.indexAbout div{ line-height:35px; font-size:16px; color:#999}

.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;}


.indexBiz{}
  .indexBiz h2{ margin-bottom:10px; color:#333;}
  .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:#214f9b}
.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: #214f9b;
    border-color: #214f9b;
}


.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:45px; line-height:45px}
	
.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;}


	 
.indexNews{ clear:both; }
.indexNews>div>h4{ height:45px; line-height:45px; font-size:22px; color:#666;}
.indexNews>div>li{ line-height:40px; height:40px; list-style:none;}
.indexNews>div>li>span{ float:right; color:#999;}
.indexNews>div>li>a{  color:#333; display:block; font-size:18px; text-decoration:none;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.indexNews>div>li>a:hover{  color:#214f9b; }

	 
.indexPro h2{margin:50px auto;text-align:center;}
.indexPro .proCategory{ margin:20px auto; clear:both; overflow:hidden;}
.indexPro .proCategory li{ list-style:none; text-align:center}
.indexPro .proCategory li a{display:block;background: #09F;color: #FFF;border-radius: 5px;transition: all 0.5s ease-in-out; margin:15px auto; padding:10x; line-height:45px;height:45px;}
.indexPro .proCategory li:hover a{ box-shadow: 0 4px 15px 0 rgb(65 132 234 / 55%); background:#06F;  padding-left:20px;text-indent:1em;transition:all 0.5s ease-in-out;}



.indexPro .row>div>a{box-shadow:0 0 16px #efefef; background-color: #fff;border:#eee solid 1px;text-align:center; margin-bottom:30px;}
.indexPro .row>div>a{ display:block;position:relative;color:#222; }
.indexPro .row>div>a>i{height:200px;display:block;margin:0 auto;width:100%;overflow:hidden; }
.indexPro .row>div>a>i>img{height:100%; width:100%;transform:scale(1); transition:ease-out all .3s}
.indexPro .row>div>a:hover>i>img{ transform:scale(1.2); transition:ease-out all .3s}
.indexPro .row>div>a>p{line-height:60px;color:#666;display:block;height:60px;background-color: #fff;left:0;right:0;bottom:-25px;padding:5px}



.Pro h2{ font-size:3vh; margin:2vw auto; position:relative;}
.Pro h2:after{ content:""; height:5px;color:#CCC;background-color: #214f9b; position:absolute; width:8vw;bottom:-1vw; left:0; z-index:100; line-height:45px;}
.Pro .row>div>a{box-shadow:0 0 16px #efefef; background-color: #fff;border:#eee solid 1px;text-align:center; margin-bottom:30px;}
.Pro .row>div>a{ display:block;position:relative;color:#222; }
.Pro .row>div>a>i{height:20vh;display:block;margin:0 auto;width:100%;overflow:hidden; }
.Pro .row>div>a>i>img{height:100%; width:100%;transform:scale(1); transition:ease-out all .3s}
.Pro .row>div>a:hover>i>img{ transform:scale(1.2); transition:ease-out all .3s}
.Pro .row>div>a>p{line-height:60px;color:#666;display:block;height:60px;background-color: #fff;left:0;right:0;bottom:-25px;padding:5px}
	 

     .more{ background-color: #214f9b;transition:ease-in-out all .2s;color:#FFF;display:block; text-align:center;margin:3vh auto; width:100%;max-width:300px; border:#214f9b solid 1px; line-height:4vh;height:4vh; clear:both; margin-bottom:30px; text-decoration:none; position:relative;overflow:hidden; color:#FFF !important;}
	   .more:before{background-color: #fff; content:"详细信息"; position:absolute;left:0;top:0; right:0;transition:ease-in-out all .2s; overflow:hidden; width:0}
	   .more:hover{border:#214f9b solid 1px; transition:ease-in-out all .2s;color:#214f9b !important;text-decoration:none;}
	   .more:hover:before{ transition:ease-in-out all .2s; width:100%;}


.indexContact h2{margin-bottom:2vw; text-align:center; }
 .leader{color:#fff; margin-bottom:2vw}

.aboutPage h2{ font-size:3vh; margin:2vw auto; position:relative;}
.aboutPage h2:after{ content:""; height:5px;color:#CCC;background-color: #214f9b; 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:3vh; margin:4vw auto; position:relative;}
	.newsList h2:after{ content:""; height:5px;color:#CCC;background-color: #214f9b; position:absolute; width:8vw;bottom:-1vw; left:0; z-index:100; line-height:45px;}
	.newsList .row>div{ margin-bottom:20px;}
	.newsList .row>div>a{padding:20px; display:block; border-bottom:#CCC solid 1px;transition:all ease-in-out .5s;  border:#efefef solid 1px; color:#666; border-radius:5px; overflow:hidden; background-color: #fff;}
	.newsList .row>div a:hover{ transition:all ease-in-out .5s;border:#214f9b solid 1px; box-shadow:#rgba(0,0,0,.3) 0 0 5px;}
	
	.newsList .row>div a h4{ font-size:24px; display:block;margin-bottom:2vw; color:#333; transition:all ease-in-out .3s;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	.newsList .row>div>a p{ margin:30px auto;}
	.newsList .row>div img{ height:160px;width:100%;}
	.newsList .row>div em{ color:#999}
	
.newsShow{}
.newsShow h2{ margin:3vw 0 1vw 0}
	.newsShow .swiper-container{} 
	.newsShow  .swiper-container {width: 100%;height: 320px !important;margin-left: auto;margin-right: auto;}
	.newsShow  .swiper-slide {background-size: cover;background-position: center; }
	.newsShow  .gallery-top {height: 80%;width: 100%;}
	.newsShow  .gallery-thumbs { height: 100px !important;box-sizing: border-box;padding: 5px 0; margin-top:30px;}
	.newsShow  .gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 0.6;border:#eee solid 2px;cursor:pointer}
	.newsShow  .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border:#214f9b solid 2px;}
.newsInfo{ line-height:55px; height:55px;}


.jobList{list-style:none;}
.jobList h2{ font-size:3vh; margin:4vw auto; position:relative;}
.jobList  h2:after{ content:""; height:5px;color:#CCC;background-color: #214f9b; 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:15%; line-height:2; right:0; top:25%;margin:auto; z-index:100; font-size:35px; color:#FFF; }





.content{ font-size:1vw !important; line-height:2}
.footer{background-color: #214f9b;padding: 25px 60px; min-height:280px; line-height:2; color:#FFF}
.footer li{ list-style:none;}
.footer a{color:#FFF}

#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; }

#toTop{ width:5vh;height:5vh; position:fixed; right:0; bottom:10%; background-color:#666; border-radius:3vh; cursor:pointer;}
#toTop span{ display:block; color:#FFF;line-height:4vh; font-size:3vh; text-align:center; }
.mobileDiv{ width:100%; position:fixed; z-index:2024; bottom:0; left:0; right:0; height:45px; text-align:center; background: #efefef; border-top:#ccc solid 1px; line-height:45px; display:none; font-size:18px}

@media screen and (max-width:767px){
	.header{border-bottom:none !important;}
	.logo{ margin-top:0px;  max-height:80px;border-bottom:none !important;}
	.logo img{ margin-top:20px;  max-height:60px; width:auto !important}
	
	
	.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;}
	.swiper-container{ margin-top:60px;}
	   .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}
 
  .indexBt{ height:20vh}
  .indexBt img{ object-fit:cover}
  .indexBt p{font-size:22px; }
  .indexContact h2{margin-bottom:3vw; color:#FFF; font-size:8vw; }
     .index h2{ font-size:26px; margin: 20px auto;}
		.index h2:before{ width:20%; }
		.index h2:after{width:20%; }

   .header{ height:80px;position:fixed; box-shadow:rgba(51,51,51,0.3) 0 0 10px }
   .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;margin-top:0px;}
   .navMenu li{ display:block !important;  margin:0; padding:0;}
   .navMenu li a{ display:block;color:#214f9b !important;height:8vh; line-height:8vh;font-size:4vh !important; overflow:hidden; }
   .navMenu li a:hover{color:#033 !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;}
   
   .aboutPage h2:after{ width:14vw;bottom:-3vw; }
   .bread{background-color: #efefef; height:45px; line-height:45px}
   
   .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}
	.mobileDiv{ display:block}
	}