@charset "utf-8";
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box}
*,body{padding:0px;	margin:0px;color: #01d4f9;font-family: "微软雅黑";}
body{ background:#000d4a url(../images/bg.jpg) center top; background-size:cover;color:#666; padding-bottom: 30px;font-size: 1rem;}
li{ list-style-type:none;}
table{}
i{ margin:0px; padding:0px; text-indent:0px;}
img{ border:none; max-width: 100%;}
a{ text-decoration:none; color:#399bff;}
a.active,a:focus{ outline:none!important; text-decoration:none;}
ol,ul,p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
a:hover{ color:#06c; text-decoration: none!important}


.clearfix:after, .clearfix:before {
	display: table;
	content: " "
}
 .clearfix:after {
	clear: both
}
.pulll_left{float:left;}
.pulll_right{float:right;}
/*谷哥滚动条样式*/

  ::-webkit-scrollbar {width:5px;height:5px;position:absolute}
  ::-webkit-scrollbar-thumb {background-color:#5bc0de}
  ::-webkit-scrollbar-track {background-color:#ddd}

  body{
    line-height: 1.15;
    font-size: 1rem;
    margin: 0;
    padding: 0;
  }
  
*{
  margin: 0;
  padding: 0;
  font-weight: normal;
}
ul{
  list-style: none;
}
a{
  text-decoration: none;
}


.head{ height:1.05rem; background: url(../images/head_bg.png) no-repeat center center; background-size: 100% 100%; position: relative;z-index: 99;  flex: 1 1 100%; height: 4.5rem; }
.head h1{ color:#01d4f9; text-align: center; font-size: 2rem; line-height:4.25rem; font-weight: 700;}
.head h1 img{ width:2.75rem; display: inline-block; vertical-align: middle; margin-right: .75rem}

.weather{ position:absolute; right:3rem; top:0.75rem; line-height: 1.05rem;}
.weather span{color:rgba(255,255,255,.7); font-size: .75rem; padding-right: .1rem;}
.weather div{ font-size: .75rem; }


.viewport {
  /* 限定大小 */
  min-width: 1024px;
  max-width: 1920px;
  min-height: 780px;
  margin: 0 auto;
  /*background: url(../images/logo.png) no-repeat 0 0 / contain;*/
  flex-wrap: wrap;
  padding: 0rem 0.833rem 0;
  display: flex;
  flex-direction: row;
}
.colwarp{  
flex: 1 1 100%;
z-index: 99;    
/*background: rgb(0,0,0,0.8);*/}
.col-umn-2{
  flex: 1 1 22%;
    position: relative;
    z-index: 99;      
    margin: 1rem 0.833rem 0;
   /* background: rgb(0,0,0,0.8);*/
  }
.col-umn-3{
flex: 1 1 25%;
  position: relative;
  z-index: 99;      
  margin: 1rem 0.833rem 0;
 /* background: rgb(0,0,0,0.8);*/
}
.col-umn-4{
flex: 1 1 33.333%;
  margin: 1rem 0.833rem 0;
  position: relative;
  z-index: 99;    
  /*  background: rgb(0,0,0,0.8);*/
}
.col-umn-5{
  flex: 1 1 54%;
    margin: 1rem 0.833rem 0;
    position: relative;
    z-index: 99;    
    /*  background: rgb(0,0,0,0.8);*/
  }
  .col-umn-6{
    flex: 1 1 40%;
      margin: 1rem 0.833rem 0;
      position: relative;
      z-index: 99;    
      /*  background: rgb(0,0,0,0.8);*/
    }
.colmai{
flex: 5;
position: relative;
z-index: 99;    
 /* background: rgb(0,0,0,0.8);*/
margin: 1rem 0.833rem 0;
}
.colmai:nth-child(2){
flex: 4;
}
.panel {
  /* 边框 */
  box-sizing: border-box;
  border: 2px solid red;
  border-image: url(../images/border.png) 51 38 21 132;
  border-width: 2.125rem 1.583rem 0.875rem 5.5rem;
  position: relative;
  margin-bottom: 0.833rem;
}
.panel .inner {
  /* 装内容 */
  /* height: 60px; */
  position: absolute;
  top: -2.125rem;
  right: -1.583rem;
  bottom: -0.875rem;
  left: -5.5rem;
  padding: 1rem 1.5rem;
}
.panel h3{
  font-size: 1rem;
  color: #fff;
}
/* 概览区域 */
.overview{
  height: 5.75rem;
}
.overview .inner{
  display: flex;
  justify-content: space-between;
}
.overview .inner .item{text-align: center;}
.overview h4{
  font-size: 1.5rem;
  padding-left: 0.2rem;
  color: #fff;
  margin-bottom: 0.333rem;
}
.overview span{
  font-size: 1rem;
  color: #4c9bfd;
  font-weight: 700;
}

/*大背景*/

canvas {
	width:100%;height:120%;/*默认全屏显示 可自己设置高度640px*/
	display:inline-block;vertical-align:baseline;
	position:absolute;
	/*z-index:-1;*/
	}
 .canvaszz{  /*用来解决视频右键菜单，用于视频上面的遮罩层*/
	width:100%;
	background:#000d4a url(../images/bg.jpg) center top; background-size:cover;
	height:120%;
	position:absolute;
	z-index:10;
		filter:alpha(opacity=80);  
      	-moz-opacity:0.8;  
      	-khtml-opacity: 0.8;  
      	opacity: 0.8;
	}

  .swiper-container {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    /* 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;
  }
  .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding:0.25rem 1.5rem;
   
}
.media-body {
  -ms-flex: 1;
  flex: 1;
}
.rounded-circle {
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
}
.media-body h4{font-size: 1rem;}
.media-body p{
  margin-top:  0.25rem;
  margin-bottom: 1rem;}