/* ==========================================================================
   Index Page
   ========================================================================== */
.ibanner{ position:relative; height:940px; line-height: 0; background: url(../img/banner_bg.jpg) no-repeat center center; background-size:cover ;}
.ibanner .bimg{ position: absolute; height: 100%; width: 100%; top: 0; left: 0; text-align: center;display: flex; align-items: center; justify-content: center; flex-direction: column;}
.ibanner .b-dot{ background: url(../img/get.png) no-repeat center center; background-size:cover ; width: 80px; height: 80px; position: absolute; bottom: 40px; left: 0; right: 0; margin: 0 auto; animation: ban-dot 2s infinite; cursor: pointer;}
@keyframes ban-dot{
	0%{ bottom: 40px;}
	50%{ bottom: 60px;}
	100%{ bottom: 40px;}
}

.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { background-repeat:no-repeat; background-position:center center; background-size:auto 100%;text-align: center;font-size: 18px;/* Center slide text vertically */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; position:relative;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}


.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .swiper-button-prev{ left:0;}
.ibanner .swiper-button-next{ right:0;}
.ibanner .swiper-button-prev, .ibanner .swiper-button-next{ top:0; bottom:0; margin:auto 0; background:#ffa31f; width:36px; height:80px; line-height:80px; text-align:center;}
.ibanner .swiper-button-prev i, .ibanner .swiper-button-next i{ color:#fff; font-size:2rem;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ bottom: 35px!important;}
.ibanner .swiper-pagination-bullet{background: #ffffff; opacity: 1; position: relative; margin: 0 30px!important;}
.ibanner .swiper-pagination-bullet-active:after{ content: ""; border: 1px solid #fff; background: rgba(255,255,255,0.3);  display: block; position: absolute; width: 36px; height: 36px; border-radius: 30px; top: -15px; left: -15px;}

.module_cate{width:95%;background-color:#f5f5f5;}
.module_cate .cate_tit{text-align:center;background:#d11734;color:#fff;padding:40px 10px;font-size:1.8rem}
.module_cate .cate_tit p{font-size:3.5rem;line-height:1;}
.module_cate ul{margin: 1em 4%;position: relative;}
.module_cate ul li{padding: 0 10px;line-height: 3.5rem;margin-bottom: 10px;background-color: #fff;}
.module_cate ul li a{display: block;position: relative}
.module_cate ul li i{position: absolute;right: 0;width: 16px;height: 16px;top: 50%;margin-top: -8px;background: #000000;border-radius: 50%}
.module_cate ul li i:before{display: block;content: '';position: absolute;width: 9px;height: 1px;left: 50%;top: 50%;margin-left: -4px;background: #fff;transition:all .3s}
.module_cate ul li i:after{display: block;content: '';position: absolute;width: 1px;height: 9px;top: 50%;left: 50%;margin-top: -4px;background: #fff;transition:all .3s}
.module_cate ul li:hover i:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:50%;}
.module_cate img{width: 100%}
/*.module_cate .subCate {
	position: absolute;
	left: 100%;
	top: 0;
	bottom: auto;
	width: 300px;
	background: #fff;
	border: 1px solid #e7e5e6;
	padding: 10px 20px;
	z-index: 10;
	display: none;
}*/
.module_cate .subCate {
	background: #fff;
	padding: 0 20px;
	line-height: 2.2
}
.module_cate .subCate dl {
	border-bottom: 1px solid #fff;
	padding-left: 25px;
	background: url('../img/i1.jpg') center left no-repeat;
}
.module_cate .subCate a{font-size: 14px}
.module_cate .subCate a:hover{transform:translate(10px);}
.module_cate li.open .subCate{display: block;}

.sect_k1{ position: relative; background: url('../img/bg_about.png') center top no-repeat;background-size: cover; padding: 9%; overflow: hidden;}
.sect_k1 .bg_hu{ width: 100%; height: 905px; position:absolute; bottom: 0; left: 0; background: url('../img/bg_hu.png') center top no-repeat;background-size: cover; z-index: 1000; }

.sect_k1 .earth{ width:100%; height: 1264px; background: url('../img/bg_map.png') center top no-repeat; left:0; top: 10%; background-size: contain; position:absolute; z-index: 800;   animation:turn 200s linear infinite;}
.sect_k1 .wx{ width:211px; height: 176px; background: url('../img/bg_wx.png') center top no-repeat; right:13%; top: 5%; background-size: contain; position:absolute; z-index: 800;   animation:turn2 10s linear infinite; opacity: 0.3;}
@keyframes turn{
      0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}
    }
@keyframes turn2{
      0%{ top: 5%;}
      50%{ top: 15%;}
      100%{ top: 5%;}
    }
    
.sect_k1 .wrap{ position: relative; z-index: 2000;}
.sect_k1 .box1{ text-align: center; padding-top: 10rem; color: #ffffff; font-size: 5rem;}
.sect_k1 .box1  span{}
.sect_k1 .block-1{ font-size: 16px; line-height: 30px; color: #c0c4d1; text-align: center; font: "微软雅黑";}
.sect_k1 .block-1 p{ padding-top: 3rem;}
.sect_k1 .block-2{ clear: both; overflow: hidden; width: 65%; margin: 0 auto; padding: 4%;}
.sect_k1 .block-2 .b_1{ float: left; width: 25%; text-align: center; color: #ffffff;}
.sect_k1 .block-2 .b_1 div{ cursor: pointer; -webkit-transition: -webkit-transform 2s ease-out; -moz-transition: -moz-transform 2s ease-out; -o-transition: -o-transform 2s ease-out;  -ms-transition: -ms-transform 2s ease-out;}
.sect_k1 .block-2 .b_1 div:hover{-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); }
.sect_k1 .block-2 .b_1 p{ font-size: 40px;}
.sect_k1 .block-2 .b_1 p em{ font-size: 14px; font-style: normal;}
.sect_k1 .block-2 .b_1 span{ font-size: 14px; line-height: 50px;}

.sect_k1 .more{text-align: right;}
.sect_k1 .more a{ color: #8b8b8b; font-size:3.7rem; position: relative; font-family: albb-Regular;font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.sect_k1 .more a:after{ content: ""; height: 1px; width: 82px; background: #8b8b8b; position: absolute; display: block; right: 26px; bottom: 0;}
.sect_k1 .more a:hover{ color: #d4b980;}
.sect_k1 .more a:hover::after{ background: #d4b980;}



.sect_k2{ position: relative; background: url(../img/bg_1.jpg) repeat;}
.sect_k2 .box-title{ text-align: center; position: relative; top: -5rem; z-index: 3000;}
.sect_k2 .box-title i,.sect_k2 .box-title1 i{ font-size: 8rem; font-style: normal; color: #e3e6ec; text-transform: uppercase;}
.sect_k2 .box-title p,.sect_k2 .box-title1 p{ text-align: center; color: #1056a9; font-size: 5.5rem; position: relative; top: -5rem;}
.sect_k2 .box-title1{ text-align: center; position: relative; }

.sect_k2 .span-6{ top: -7rem; margin: 0; width: 48%;  overflow: hidden;}


.sect_k2 .block-2{ padding-top: 8rem; text-align: center;}
.sect_k2 .block-2 p{ color: #333333; font-size: 4.5rem; line-height: 8rem;}
.sect_k2 .block-2 span{ color: #333333; font-size: 2rem; line-height: 6rem;}


.sect_k4{position: relative; background: url('../img/bg_news.jpg') center top no-repeat;background-size: cover; padding: 9%; overflow: hidden;}
.sect_k4 .title-1{ text-align: left;line-height:14rem;} 
.sect_k4 .title-1.t-1{ text-align: right;}
.sect_k4 .title-1 span{ color:#ffffff; font-size: 4.5rem; display: inline-block; vertical-align: middle;}

.sect_k4  .img-box2 { margin-bottom: 0; border: 0;}
.sect_k4  .img-box2 .icon{ border: 0; background: #eee;}
.sect_k4  .img-box2 .icon img{ width: 100%;}
.sect_k4  .ntit{ color: #e3e6ec; font-family: "微软雅黑";}
.sect_k4  .ntit h3{ font-size: 2.4rem; line-height: 5rem;  font-style: normal;}
.sect_k4  .ntit p{ font-size: 1.4rem; line-height: 3rem;}
.sect_k4  .ntit span{ font-size: 1.5rem; line-height: 3rem;}
.sect_k4 .jbox_c{ opacity:0.5;transition: all 0.5s;}
.sect_k4 .jbox_c:hover{ opacity:1;transition: all 0.5s;}
.sect_k4 .border{ border-left: 1px solid #62718d; padding-left: 12%; position: relative;}
.sect_k4 .border:after{ width: 120%; height: 1px; content: ""; display: block; position: absolute; left: 0; top: 50%; background: #62718d; z-index: 1000; }
.sect_k4 a.more {display: inline-block; background: #0066eb; font-size: 1.8rem; width: 300px; height: 75px; text-align: center; line-height: 75px; color: #fff; margin-top: 6rem; border-radius: 5px;}
.sect_k4 a.more:hover{ background: #f36171; border-color: #f36171;}

.title-2{ font-size: 18px; text-align: left; line-height: 60px;}
.brow{}
.brow h3 a{ font-size: 2.2rem;line-height: 4rem; color:#e3e6ec; font-style: normal;}
.brow span{ font-size: 1.8rem; color:#e3e6ec; line-height: 60px;}

.bk_wx{ position: fixed; z-index: 10000000; background: #fff; width: 320px; height: 320px; margin: auto auto; top: 0; right: 0; left: 0; bottom: 0; text-align: center; display: none;}
.bk_wx span{ display: block; color: #000; font-size: 4rem; position: absolute; right: 1rem; top: 1rem; line-height: 4rem; cursor: pointer;}
.bk_wx img{ position: absolute; display: block; bottom: 20%; left: 0; right: 0; margin: 0 auto; width: 60%;}

.layer-mask {
	width: 100%;
	height: 100%;
	opacity: 0.7;
	transition: all 0.5s;
	background-color: #fffefe;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}

.swiper-slide-active .layer-mask {
	display: none;
}

.button {
    width: 10%;
    margin: 0 auto;
    bottom: -60px;
    position: relative;
    z-index: 1002;}
.button-left{ width: 45px !important; height: 46px !important; background: url('../img/bt_l.png') center center no-repeat !important; background-size: cover;}
.button-right{ width: 45px !important; height: 46px !important; background: url('../img/bt_r.png') center center no-repeat !important; background-size: cover;}




.section6 .item { display: inline-block; vertical-align: top;
position: relative;
  overflow: hidden;
}
.section6 .item .img_block {
  overflow: hidden;
  background: #ffffff;
  background: url('../img/xbg_2.jpg') center bottom no-repeat ;
  text-align: center; width: auto; position: relative; max-width: 100%; 
  height: 603px; text-align: center;display: flex; align-items: center; justify-content: center; flex-direction: column;
}
.section6 .item .img_block.b1{ background: url('../img/xbg_1.jpg') center center no-repeat ;}
.section6 .item .img_block a b{font-size: 5rem; color: #1056a9; line-height: 10rem;}
.section6 .item .img_block a span{color: #1056a9; font-size: 1.5rem;}
.section6 .item .img_block img{ width: auto; text-align: center;}
.section6 .item .txt_block {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, #1a80e5 0%,#083a81 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a80e5', endColorstr='#083a81',GradientType=0 )
  padding: 0 4vw;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;height: 603px; text-align: center;display: flex; align-items: center; justify-content: center; flex-direction: column;
}
.section6 .item .txt_block a{ z-index: 1000;}
.section6 .item .txt_block a img{ width: auto;}
.section6 .item .txt_block a b{ font-size: 5rem; color: #ffffff; line-height: 10rem;}
.section6 .item .txt_block a span{ color: #ffffff; font-size: 1.5rem;}
.section6 .item .txt_block .txt-bg { background: url(../img/xbg_1.png) center bottom no-repeat ; width: 100%;position: absolute; z-index: 1; right: 0; bottom: 0; height: 100%;}

.cirle{ width: auto; height: 108px; background:  url(../img/co_2.png) no-repeat center; }
@keyframes cirle{
      0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}
    }
.section6 .cirle img {animation:cirle 10s linear infinite; top: -1px; left: -3px; position: relative;}
.section6 .item img {
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.section6 .item.active .txt_block {
  opacity: 1;
  visibility: visible;
}
.section6 .item.active .txt_block .txt-bg{}
.section6 .cirle2{ position: relative;}
.voice{width: 70px;height: 50px;position: absolute;top: -5px; bottom: 0; left: 0; right: 0; margin: auto auto;}
.voice span{width: 5px;height: 100%;background-color: #fff;border-radius: 4px;animation: voice1 2s linear infinite; display: inline-block; vertical-align: middle;margin: 0 5px;}
.voice span:nth-child(2){animation-duration: 1.5s;	animation-delay: .5s;}
.voice span:nth-child(3){}
.voice span:nth-child(4){animation-duration: 1.2s;	animation-delay: .3s;}

@keyframes voice1{
	0%{ height: 100%;}
	50%{ height: 5%;}
	100%{ height: 100%;}
}