@charset "utf-8";
/* header&foot */
@font-face {font-family: "din"; src: url('../font/din.ttf');}
body{ font-size: 16px; background: url(../img/bj.png) 0 0 repeat-x #010e25;overflow: overlay; color: #9ebcfa;animation: bj 8s linear infinite; width: 100%; height: 100vh; min-width: 1840px; min-height: 900px;}
a{ color: #fff; cursor: pointer; transition: 0.3s;}
input{transition: 0.3s;}
.gdt{overflow: overlay;}
.tu h1{ position: relative; width: 100%; overflow: hidden; transition: 0.3s;}
.tu h1::before{ content: ""; display: block; padding-top: 60%;}
.tu h1 img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; display: block;transition: 0.3s; z-index: 3;}
header{ background: url(../img/topbj.png) center top no-repeat; position: relative; z-index: 92; width: 100%; height: 142px;}
.head{ width:1580px; margin: 0 auto;line-height: 57px;}
.topdh b{ color: #fff; font-weight: normal; font-size: 20px;}
.topdh img{ margin-right: 10px;}
.topxian{ position: absolute; width: 100%; height: 100%; background: url(../img/xian.png) center bottom no-repeat; top: 0; left: 0;animation: guang 2s infinite;z-index: -1;}
.logo img{ display: block;}
.logo{ position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: 93;}
.topguang{ display: block; position: absolute; z-index: 94;  left: 50%; transform: translateX(-50%); bottom: -11px; width: 200px;animation: guang 2.5s infinite;}
.box{ width: 100%; box-sizing: border-box; padding: 40px; padding-top: 0;}
.leribox{ width: 505px;}
.conbox{ width: 100%; background: url(../img/kfoot.png) right bottom no-repeat; min-height: 100px;}
.conbox .title{ width: 100%; height: 61px; background: url(../img/ktop.png) left top no-repeat; position: relative;}
.title h2{ font-size: 24px;letter-spacing: 2px; font-weight: bold;background: linear-gradient(to bottom, #afd1ff, #0c8df8);-webkit-background-clip: text; color: transparent; padding-left: 40px; line-height: 1;}
.title .guang{ width: 100px; position: absolute; left: 100px; bottom: 3px;animation: guang 2s infinite;}
.concon{ padding-left: 10px; background: url(../img/kxian.png) right top repeat-y; min-height: 100px; padding-bottom: 20px;}
.con1{ width: 460px; margin: 0 auto;overflow: hidden; height: calc(100vh - 361px - 142px - 80px - 10px - 61px); min-height: 270px;}
.tzlist{ width: 100%; line-height: 38px; font-size: 16px;color: #27ba85;}
.tzlist h3{ color: #fff; width: calc(100% - 120px);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.con2{width: 460px; margin: 0 auto;}
.bdbox{ width: 100%; margin-top: 20px;}
.inpk{ background-color: #124681;box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.25); border: 1px solid #4cb4ff;box-sizing: border-box; width: 100%; height: 50px;font-size: 16px; padding: 0 22px; border-radius: 10px; color: #fff;}
.bdbox:nth-child(1){ margin-top: 10px;}
.bdbox:last-child{ margin-bottom: 10px;}
.xia{ background-image: url(../img/xia.png); background-position: right 20px center; background-repeat: no-repeat;}
.anniut .inpk{ width: 212px; cursor: pointer;}
.anniut .inpk:nth-child(1){ background-color: #4378e5;}
select option{background-color: #f1f1f1;color: #000;font-size: 16px;padding: 10px;}
.boxconter{ width: 740px;}
.con3 .title h2{ text-align: center; width: 100%; padding: 0; margin-top: 5px; font-size: 26px; letter-spacing: 8px;}
.con3con{ background: url(../img/shu.png) center center no-repeat;background-size: 100%; width: 539px; height: 113px; margin: 0 auto; font-family: "din"; color: #fff; font-size: 36px;}
.con3con p{ padding-top: 30px;letter-spacing: 46.5px; padding-left: 92px;}
.indexmap{ width: 640px; margin: 0 auto; position: relative; margin-top: 20px;}
.indexmap img.map{ display: block; width: 100%;}
.more{ position: absolute; left: 50%; top: 45%; transform: translateX(-50%);}
.more>div{width: 240px; height: 240px; position: relative;}
.morebj{ width: 100%; height: 100%; background: url(../img/more.png) center center no-repeat;  background-size: 100%;animation: zhuan 2.5s linear infinite;-webkit-transform: rotate(360deg); }
.more a{position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); z-index: 4;  width: 120px; height: 120px; background-color: rgba(255, 255, 255, 1); border-radius: 100%; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #0d3c9c; font-weight: bold;}
.more:hover a{ background-color: #fff; width: 126px; height: 126px;}
/* .more:hover .morebj{animation-play-state: paused;} */
.con3{ margin-top: 5px;}
.con3ti{ text-align: center; font-size: 18px;color: #fff;}
.con3ti h2{font-size: 22px; margin-bottom: 10px;}
.con3box{ width: 100%; text-align: center; font-size: 16px;color: #fff; margin-top: 20px; margin-bottom: 10px;}
.con3box img{ width: 65px; margin: 0 auto; display: block; margin-bottom: 4px;animation: jian 2s linear infinite;}
.con3box span:nth-child(1) img{animation-delay: 0.5s;}
.con3box span:nth-child(2) img{animation-delay: 1s;}
.con3box span:nth-child(3) img{animation-delay: 1.5s;}
.con3box b{ font-size: 28px; font-family: "din";}
.con3box span{ display: block; width: 25%;}
.con3box p{ margin-top: 4px;}
.con4{ width: 460px; margin: 0 auto; color: #fff;}
.tabbg{ width: 100%;}
.tabbg tr{ font-size: 16px; border-bottom: 1px solid #2456be; text-align: center;}
.tabbg tr td{padding: 10px; box-sizing: border-box;}
.tabbg tr th{ background-color: #2456be;padding: 10px; text-align: center;}
.con4box{ width: 100%; height: calc(100vh - 142px - 322px - 61px - 80px - 10px); min-height: 270px;}
.tabbg tr td:nth-child(2){ width: 40%;}
.tabbg tr:last-child{ border-bottom: none;}
.waimap{width: 100%; height: calc(100vh - 340px); border: 1px solid #1960c3; margin-top: 12px; position: relative;}
.tishi{ background: rgba(1, 15, 37, 0.5); width: 68px; padding:6px 10px; position: absolute; z-index: 92;border: 1px solid #1960c3; right: 20px; top: 20px; font-size: 16px; color: #fff; line-height: ;}
.tishi img{ width: 16px; margin-right: 10px;}
.tishi>div{ margin: 10px 0; padding-left: 2px;}
.waimap .jiao img{ width: 42px;}
.waimap .jiao1{  left: -1px; top: -1px;}
.waimap .jiao2{ right: -1px; top: -1px;}
.waimap .jiao3{ left: -1px; bottom: -1px;}
.waimap .jiao4{ right: -1px; bottom: -1px;}
/* 弹窗 */
.tanbox{ width: 100%; height: 100%; position: fixed; z-index: 997; left: 0; top: 0; display: none; justify-content: center; align-items: center;}
.tanbox.active{ display: flex;}
.tancon{ width: 970px; height: 780px; border: 2px solid #002ebc; background-color: #122649; box-sizing: border-box;max-width: 92%; position: relative; max-height: calc(100% - 280px);box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.25); z-index: 992;}
.guanbi{ position: absolute; right: 20px; top: 20px; display: block; transition: 0.3s; z-index: 993;}
.bj{background-color: rgba(0, 0, 0, 0.7);}
.guanbi:hover{ transform: rotate(180deg);}
.tantit{ text-align: center; font-size: 24px; color: #fff; letter-spacing: 2px;}
.jiao img{ display: block; width: 100px; max-width: 10%;position: absolute; z-index: 992;}
.jiao1{  left: -3px; top: -3px;}
.jiao2{ right: -3px; top: -3px;}
.jiao3{ left: -3px; bottom: -3px;}
.jiao4{ right: -3px; bottom: -3px;}

.tantit{ background: url(../img/tanti.png) top center no-repeat; width: 545px; margin: 0 auto; background-size: 100%; max-width: 90%; line-height: 53px;}
.tanboxcon{ width: calc(100% - 40px); margin: 0 auto; margin-top: 20px; margin-bottom: 20px; padding: 0 20px; height: calc(100% - 40px - 53px); box-sizing: border-box; z-index: 993; position: relative;}
.banner{ position: relative;border: 5px solid #fff; width: 580px; margin: 0 auto;border-radius: 15px; box-sizing: border-box; max-width: 100%;}
.ban_bg{height:auto; width: 100%;}
.swiper-wrapper,.swiper-slide{ height: auto!important;}
.swiper-pagination-bullet{ width: 30px; height: 2px; background-color: #fff; margin: 0 5px!important; opacity: 1;border-radius: 0;}
.bannerdj>div{width: 35px; height: 35px;}
.bannerdj>div img{width: 100%; display: block;}
.swiper-button-prev:after,.swiper-button-next:after{ font-size: 0; color: #fff; opacity: 0;}
.swiper-button-next{ right: 3%;}
.swiper-button-prev{ left: 3%;}
.swiper-button-next, .swiper-button-prev{ transform: translateY(-50%); top: 50%; margin-top: 0;}
.xqlist{ color: #fff; font-size: 16px; width: 50%; padding-left: 6%; line-height: 40px; box-sizing: border-box;}
.xqtex{ width: 730px; max-width: 100%; margin: 0 auto; margin-top: 20px; /* background-color: #12387b; */ border: 2px solid rgba(255,255,255,0.1); border-radius: 5px; padding: 10px 0;}
.listbj{ background-color: #fff; width: 100%; height: 100%; color: #333; font-size: 14px; box-sizing: border-box; padding: 10px;}
.tablist{ width: 100%;}
.tablist th,.tablist td{ text-align: center; box-sizing: border-box; padding:14px 5px; font-size: 14px;color: #333;}
.xqanniu{ width: 56px; height: 24px; color: #2456be; margin: 0 auto; display: flex; justify-content: center; align-items: center;transition: 0.3s; border: 1px solid #2456be; border-radius: 5px;}
.xqanniu:hover{ background-color:#2456be ; color: #fff;}
.tablist td>div{ margin: 0 auto;}
.gongsi{ width: 260px;}
.fenye{ width: 100%; margin-top: 10px; display: flex; justify-content: center;}
.fenye a.on,.fenye a:hover{ background-color: #2456be; color: #fff;}
.fenye a{ width: 20px; height: 20px; display: flex; align-items: center; font-size: 12px; justify-content: center; color: #2456be; border: 1px solid #2456be; border-radius: 100%; margin: 0 9px;}

select::-ms-expand { display: none;} 
select {appearance:none; -moz-appearance:none; -webkit-appearance:none;}
input::placeholder{color:#fff;}
input::-webkit-inner-spin-button {-webkit-appearance: none;}
textarea{resize:none;} 
.tanbox.active{ display: flex;}
.cor0{ color: #ff3701;}
.cor1{ color: #27ba85;}
.cor2{ color: #1fc8ff;}
.cor3{ color: #ee3578;}
.cor4{ color: #f7b34a;}
.cor5{ color: #2456be;}
.cor6{ color: #098635;}
.dj{ cursor: pointer;}
.mtop30{ margin-top: 30px;}
.mtop20{ margin-top: 20px;}
.mtop10{ margin-top: 10px;}
/* 动画 */
.wxdh{animation: guang 3s infinite;}
@keyframes guang{
	0% {
	  opacity: 1;

	}
	50% {
	  opacity: 0.3;
	}
	100% {
	  opacity: 1;

	}
}
.wxdh2 img{ margin: 0 1px;animation: jian 2s infinite both;}
.wxdh2 img:nth-child(2){animation-delay: 0.5s;}
.wxdh2 img:nth-child(3){animation-delay: 1s;}
.wxdh2 img:nth-child(4){animation-delay: 1.5s;}
@keyframes jian {
  0%, 100% {
    opacity: 1;
  }
  25%,75%{
    
    opacity: 0.5;
    
  }
}
.wxdh3 {
  animation: bj 8s linear infinite both;
}
@keyframes bj {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 100% 0;
  }
  0% {
    background-position: 0 0;
  }
}
.wxdh4{animation: zhuan 3s linear infinite;}
@-webkit-keyframes zhuan{

 from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }

} 

::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-track{background-color:#ccc;}
::-webkit-scrollbar-thumb{background-color:#2456be;}
::-webkit-scrollbar-thumb:hover {background-color:#1fc8ff}
::-webkit-scrollbar-thumb:active {background-color:#1fc8ff}

@media only screen and (max-width:1880px) {
	.conbox .title h2{ font-size: 22px;}
	.indexmap{ margin-top: 10px;width: 540px;}
	.boxconter{ width: 700px;}
	.banner{ width: 500px;}
	.xqlist{ line-height: 30px; font-size: 15px;}
	.tablist th,.tablist td{ padding: 10px 5px;}
	.fenye{ margin-top: 6px;}
		
}
@media only screen and (max-width:1680px) {
	body{animation: bj 20s linear infinite both;}
	.tablist th,.tablist td{ padding: 6px 5px;}
}