@charset "UTF-8";

/* 定义变量 */
.colmain{color:#005298;}
.colmain2{color:#5abfb4;}
.colmain3{color:#be6fc6;}
.colfff{color:#fff;}
.colb1b1{color:#b1b1b1;}
.col8282{color:#828282;}
.colccc{color:#ccc;}
.col000{color:#000;}
.col333{color:#333;}
.col666{color:#666;}
.col999{color:#999;}

/* 旋转效果 */
.trans{transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;display:block;}
.trans:hover .trans0{transform:rotateY(360deg);-o-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;}

/* 外部字体 */
@font-face{font-family:'Oswald';src:url(../fonts/Oswald-Medium.ttf);}
.Oswald{font-family:Oswald;}

/* 4个角效果*/
.image-border{position:absolute;width:20px;height:20px;transition:all 0.5s;}
.image-border1{top:21px;left:21px;border-left:2px solid #005298;border-top:2px solid #005298;}
.image-border2{top:21px;right:21px;border-right:2px solid #005298;border-top:2px solid #005298;}
.image-border3{bottom:21px;left:21px;border-bottom:2px solid #005298;border-left:2px solid #005298;}
.image-border4{bottom:21px;right:21px;border-right:2px solid #005298;border-bottom:2px solid #005298;}
.image-border.colmain{border-color:white;z-index:2;}
.swiper-slide:hover .image-border{transition:all 0.5s;width:20%;height:20%;}
body::-webkit-scrollbar{width:6px;height:6px;}
body::-webkit-scrollbar-track{background:#efefef;border-radius:5px;}
body::-webkit-scrollbar-thumb{background:#333;border-radius:5px;}
body::-webkit-scrollbar-thumb:hover{background:#005298;}
html{overflow-x:hidden;width:100%;}
body{margin:0px;padding:0px;margin:0px auto;zoom:1;position:relative;font-size:12px;line-height:24px;font-family:Arial,Microsoft YaHei,"微软雅黑","宋体";color:#333;width:100%;max-width:1920px;line-height:1.4;overflow-x:hidden;background-color:#fff;}
*:focus{outline:none!important;}
img{max-width:100%;}
ul,ul li{list-style:none;}
dl,dd{margin:0;padding:0;}
.h1,.h2,.h3,.h4,.h5,.h6,.p,ul,li{padding:0px;margin:0px;}
select,input,textarea{border-radius:0;-webkit-border-radius:0;color:#333;}
input:focus{outline:none;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}
textarea,input,select{background:none;border:none;margin:0;padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{display:block;}
figure,figcaption{margin:0px;padding:0px;}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}
img{border:none;border:0;vertical-align:middle;max-width:100%;}
a{color:#333;text-decoration:none;}
a:focus{outline:none;-moz-outline:none;}
a:hover{text-decoration:none;color:#000;}
.clearfix::after{content:"";display:block;height:0;visibility:hidden;clear:both;font-size:0px;}
.clearfix{zoom:1;}
.clear{clear:both;height:0px;overflow:hidden;}

/* 公共部分 */
.w1024{width:1024px;margin:0 auto;}
.w1200{width:1200px;margin:0 auto;}
.w1280{width:1280px;margin:0 auto;}
.w1366{width:1366px;margin:0 auto;}
.containers{margin:0 auto;padding:0 5.25%;}
.conts{padding:0 12.5%;}
.eklp1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.eklp2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.eklp3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.eklp4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.eklp5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}
.eklp6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}
.eklp7{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;}
.mask{background-color:rgba(0,0,0,0.6);width:100%;height:100%;position:absolute;top:0;left:0;}
.ab_center{box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-webkit-transition:all 0.5s;text-align:center;}
.ab_100center{box-sizing:border-box;position:absolute;top:50%;width:100%;left:0%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);text-align:center;transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-webkit-transition:all 0.5s;}
.ab_80center{box-sizing:border-box;position:absolute;top:50%;width:80%;left:7%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);text-align:center;transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-webkit-transition:all 0.5s;}
.teal{text-align:center;}
.teallef{text-align:left;}
.tealju{text-align:justify;}
.tealrig{text-align:right;}
.fontwei{font-weight:bold;}
.fontline{font-weight:lighter;}
.textind{text-indent:2em;}
.upcase{text-transform:uppercase;}
.fl{float:left;}
.fr{float:right;}
.con_editer{line-height:1.5;font-size:15px;}
.con_editer img{margin:0 auto;display:block;width:auto;height:auto;max-width:100%;}
.ul{display:block;}
.ul::after{clear:both;display:block;content:'';}
.ul li{display:block;float:left;}
.backcon{background-size:contain;background-repeat:no-repeat;background-position:center center;}
.backcov{background-size:cover;background-repeat:no-repeat;background-position:center center;}
.disblock{display:block;}
.linhei20{line-height:2;}
.linhei18{line-height:1.8;}
.linhei16{line-height:1.6;}
.linhei24{line-height:24px;}
.linhei28{line-height:28px;}
.linhei30{line-height:30px;}
.linhei32{line-height:32px;}
.linhei36{line-height:36px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.font26{font-size:26px;}
.font28{font-size:28px;}
.font30{font-size:30px;}
.font32{font-size:32px;}
.font36{font-size:36px;}
.font38{font-size:38px;}
.font40{font-size:40px;}
.font48{font-size:48px;}
.font60{font-size:60px;}
.font72{font-size:72px;}
.font100{font-size:100px;}
.widhei100{width:100%;height:100%;top:0;left:0;}
.trantime{transition:all 0.35s;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;-ms-transition:all 0.35s;-o-transition:all 0.35s;}
.trantime::after,.trantime::before,.trantime:hover{transition:all 0.35s;-webkit-transition:all 0.35s;-moz-transition:all 0.35s;-ms-transition:all 0.35s;-o-transition:all 0.35s;}

/* 公共部分end */
@media (max-width:1440px){
  .containers{padding:0 3%;}
}
@media (max-width:1024px){
  .w1024{width:95%;padding:0 2.5%;}
  .conts{padding:0 2.5%;}
}
@media (max-width:1200px){
  .w1200{width:95%;padding:0 2.5%;}
  .font12{font-size:10px;}
  .font14{font-size:12px;}
  .font15{font-size:13px;}
  .font16{font-size:14px;}
  .font18{font-size:16px;}
  .font20{font-size:18px;}
  .font22{font-size:18px;}
  .font24{font-size:20px;}
  .font26{font-size:21px;}
  .font28{font-size:21px;}
  .font30{font-size:22px;}
  .font32{font-size:23px;}
  .font36{font-size:24px;}
  .font38{font-size:26px;}
  .font40{font-size:28px;}
  .font48{font-size:32px;}
  .font60{font-size:36px;}
  .font72{font-size:40px;}
  .font100{font-size:42px;}
}

@media (max-width:1280px){
  .w1280{width:95%;padding:0 2.5%;}
}
.hoverlist_bg{width:100%;height:100%;position:absolute;overflow:hidden;display:block;left:0;top:0;}
.list_bg{width:100%;height:100%;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;}
.hoverlist_bg:hover .list_bg{transform:scale(1.05);transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);}
.lista{display:block;overflow:hidden;position:relative;}
.list_bg01{width:100%;height:100%;transform:scale(1);transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);}
.lista:hover .list_bg01{transform:scale(1.05);transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);}
.re_posi{position:relative;}
.ab_posi{position:absolute;}
.tb{display:table;width:100%;height:100%;}
.tbc{display:table-cell;vertical-align:middle;}

/* 单行文本省略号 */
.dot{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.dot2,.dot3,.dot4,.dot5{ display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical;}

/* 多行文本省略号 */
.dot2{ -webkit-line-clamp:2;}
.dot3{ -webkit-line-clamp:3;}
.dot4{ -webkit-line-clamp:4;}
.dot5{ -webkit-line-clamp:5;}

/* 首页内容 */

.index_server{padding:50px 0;position:relative;}
.index_server .conts .massages{width:405px;position:absolute;left:100%;top:33%;max-width:44%;}
.index_server .conts .massages .quyu{padding-right:15px;background:url(../images/map/sanjiao.png) center right no-repeat;cursor:pointer;}
.index_server .conts .massages .tit{padding:23px 22px;color:#fff;background-color:#3385cc;padding-left:112px;position:relative;}
.index_server .conts .massages .tit span.ableft{position:absolute;left:22px;top:23px;width:90px;}
.index_server .conts .massages .top_quyu{display:none;position:absolute;z-index:111;background:#3385cc;width:100%;left:0;padding-top:15px;padding-bottom:15px;}
.index_server .conts .massages .top_quyu dd{line-height:2;cursor:pointer;}
.index_server .conts .massages .top_quyu dd:hover{ background: #186AAB;}
.index_server .conts .massages .tit_details{padding:5px 0px 3px;background-color:#f2f9fc;}
.index_server .conts .massages .tit_details dd{padding:18px 22px;border-bottom:1px solid #fff;line-height:2;}
.index_server .conts .massages .tit_details dd:last-child{border-bottom:none;max-height:300px;overflow:auto;}
.index_server .conts .maps{width:68.75%;position:relative;top:-50px;}
.index_server .conts .maps .ab_posi{opacity:0;}
.index_server .conts .maps .ab_posi.on{opacity:1;}
.index_server .conts .maps .map1{width:21.4%;top:0;right:3.1%;}
.index_server .conts .maps .map2{width:3.4%;top:35.4%;right:25.8%;z-index:2;}
.index_server .conts .maps .map3{width:17%;top:30.5%;right:15.3%;z-index:1;}
.index_server .conts .maps .map4{width:21.4%;top:53.3%;right:19%;z-index:2;}
.index_server .conts .maps .map5{width:12%;top:51.5%;right:14%;z-index:1;}
.index_server .conts .maps .map6{width:32%;top:69.9%;right:16%;z-index:1;}
.index_server .conts .maps .map7{width:58.5%;top:46.5%;right:37%;}
.index_server .conts .maps .map8{width:83%;top:1%;right:16.8%;}
.index_server .conts .maps .txts{position:absolute;color:#333;font-size:16px;z-index:2;}
.index_server .conts .maps .txts::before{position:relative;content:'';display:block;width:20px;height:30px;background:url(../images/map/map.png) center center no-repeat;background-size:contain;margin:0 auto;}
.index_server .conts .maps .txts1{right:9%;top:22%;}
.index_server .conts .maps .txts2{right:25%;top:34%;z-index:3;}
.index_server .conts .maps .txts3{right:24%;top:42%;}
.index_server .conts .maps .txts4{right:29%;top:64%;}
.index_server .conts .maps .txts5{right:15%;top:57%;}
.index_server .conts .maps .txts6{right:28%;top:81%;}
.index_server .conts .maps .txts7{right:50%;top:64%;}
.index_server .conts .maps .txts8{right:52%;top:40%;}
.index_server .conts .maps .txts.on{color:#fff;text-shadow:0 0 2px #000;}
.index_server .conts .maps .txts.on::before{background:url(../images/map/map_bai.png) center center no-repeat;background-size:contain;}
.index_server .conts .maps .map_main{z-index:-1;}
.index_server .map_bg{z-index:-1;position:absolute;left:0;bottom:0;}
.index_server .big_title {
  position: relative;
  display: inline-block;
  color: #00529b;
  margin-bottom: 40px;
font-size: 36px;
}
.index_server .big_title::after {
  content: '';
  position: absolute;
  width: 42%;
  height: 1px;
  background: #00529b;
  left: 0;
  bottom: -19px;
}

.mapList{
	margin:0 auto;
	width: 640px;
}
.mapList li{
	float: left;
	width: 50%;
	margin-bottom: 20px;
	line-height: 2em;
}
.notice{ display: none;}

@media (max-width: 768px) {

	.notice{ display: block;}

	.mapList{
		width: 90%;
	}
}

/* 首页结束__________________________________________________________________________________________________________________________________________*/


/* 响应式 */

@media screen and (max-width:1440px){
  .header .logo img{height:30px;max-width:200px;}
  .header .header_warp{padding-left:210px;}
}
@media screen and (max-width:1300px){
  .index_server .conts .maps .txts{font-size:12px;}
  .index_server .conts .maps .txts::before{height:18px;}
}
.max992{display:none;}
.min992{display:block;}
.max768{display:none;}
.min768{display:block;}
@media screen and (max-width:992px){

  .index_section1 .right .icons img{max-width:60px;}
  .index_section1 .bao{padding-right:0;}
  .index_section1 .right{width:100%;position:relative;right:0;top:0;height:220px;}
  .index_section1 .left{padding-left:2.5%;padding-right:2.5%;}

  .max992{display:block;}
  .min992{display:none;}
}
@media screen and (max-width:768px){
  .max768{display:block;}
  .min768{display:none;}

  .index_server .conts .maps .txts::before{height:14px;}
  .index_server .conts .maps .txts1{right:7%;top:20%;}
  .index_server .conts .maps .txts2{right:24%;top:33%;z-index:3;}
  .index_server .conts .maps .txts3{right:22%;top:40%;}
  .index_server .conts .maps .txts4{right:27%;top:62%;}
  .index_server .conts .maps .txts5{right:13%;top:55%;}
  .index_server .conts .maps .txts6{right:26%;top:79%;}
  .index_server .conts .maps .txts7{right:48%;top:62%;}
  .index_server .conts .maps .txts8{right:50%;top:38%;}
  .index_server .conts .massages{width:100%;position:relative;left:0;top:0;max-width:100%;}
  .index_server .conts .maps{width:100%;top:-30px;}

}

@-webkit-keyframes fadeInUp2 {
  from {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
    -webkit-transform: translate3d(0, 10%, 0);
    -moz-transform: translate3d(0, 10%, 0);
    -ms-transform: translate3d(0, 10%, 0);
    -o-transform: translate3d(0, 10%, 0);
}
  to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp2 {
  from {
    opacity: 0;
    transform: translate3d(0, 10%, 0);
    -webkit-transform: translate3d(0, 10%, 0);
    -moz-transform: translate3d(0, 10%, 0);
    -ms-transform: translate3d(0, 10%, 0);
    -o-transform: translate3d(0, 10%, 0);
}
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
  }
}
.fadeInUp2 {
  -webkit-animation-name: fadeInUp2;
  animation-name: fadeInUp2;
}