@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; user-select:none;}
	a{color:#214f9b}

.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 10px auto }
	.logo img{ max-width:580px; width:100%}
	
	.logoRight{ font-size:18px; 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;}
	
    h2{color:#214f9b; margin:25px auto; text-align:center; font-weight:bold; font-size:32px;}
	  
.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:40px; line-height:40px;font-size:16px; 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;}
		.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-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{ background-color: #efefef;}
.indexAbout h2{text-align:center; }
.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; line-height:45px;height:45px; background-color: #efefef; border-radius:5px; text-indent:2rem}
#breadcrumb > a + a:before {color: #CCCCCC;content: "/ ";padding: 10px; }

	
.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{ margin-bottom:20px;}
.indexNews h4{ height:45px; line-height:45px; font-size:22px; color:#666;}
.indexNews li{ line-height:40px; height:40px; list-style:none;}
.indexNews li span{ float:right; color:#999;}
.indexNews li>a{  color:#333; display:block; font-size:18px; text-decoration:none;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.indexNews li>a:hover{  color:#214f9b; }

	 
.indexPro h2{margin:30px 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:5px auto; padding:10x; line-height:45px;height:45px;}
.indexPro .proCategory li:hover a{ background:#06F;  padding-left:20px;text-indent:1em;transition:all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-o-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:6vh;height:6vh; 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:32px; position:relative; border-bottom:#eee solid 2px; padding-bottom:15px;}
	.newsList .row a{transition:all ease-in-out .5s;  line-height:55px;color:#666;overflow:hidden; background-color: #fff; text-indent:2rem; font-size:16px;}
	.newsList .row li{border-bottom:#efefef solid 1px;}
	.newsList .row li span{ float:right}
	.newsList .row  a:hover{ transition:all ease-in-out .5s; box-shadow:#rgba(0,0,0,.3) 0 0 5px; background-color:#03C; color:#FFF}

	
.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:0; line-height:2; right:0; top:25%;margin:auto; z-index:100; font-size:2vw; color:#FFF; width:80%; text-align:center }





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


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

@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}
	h2{ font-size:5vw}
	
	.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:2vw; margin:0 auto }
  .indexContact h2{margin-bottom:3vw; color:#FFF; font-size:8vw; }
	

   .header{ height:80px;position:fixed; }
   .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: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}
	
	}