@media (min-width: 1201px){
.inner {
    max-width: 1400px;
    width:96%;
}
#header-top .inner{
  max-width:1700px;
}
}
video{
  max-width:100%;
  width:100%;
}
#header {
    position: fixed;
    z-index:15;
}
#header-top {
    z-index: 20;
    position: fixed;
    width: 100%;
}
div#main {
    background: #FFF;
}
.page-node-type-article #content {
    min-height: 400px;
    margin-top: -80px;
}
.header-right {
    position: relative;
    right: -30px;
    bottom: -30px;
}
.header-right input.form-search {
    border-radius: 20px;
}
.header-container.inner {
    float: left;
    width: 420px;
}
.header-body .header-container.main-menu-nav-primary{
    padding-top: 30px;
    float: left;
    width: calc(100% - 560px);
    background: none;
}
body .header-bg-base {
    background: rgba(0,0,0,.0);
    background: linear-gradient(rgba(1,83,169,1) ,rgba(1,83,169,0));
    border: none;
    width: 100%;
    padding: 0px 0 5vh 0;
}
.header-body .header-container.main-menu-nav-primary .inner.inside-c-tb {
    width: auto;
    text-align: right;
}
.main-menu-1-1 .nav-menu{
      display: inline-block;
}
.header-body {
  padding-right: 0; 
  padding-left: 0; 
  margin: 0 auto;
  min-height: 90px;
  max-width:1700px;
}
.header-body .header-container.inner, .header-body .header-row {
    height: 80px;
}

.fixed-menu{
    background: #FFF;
    opacity: 1;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    width:100%;
    z-index: 1000;
    border: none;
    position:fixed;
    box-shadow: 0 0 6px #555;
}
.fixed-topsearch{
  opacity: 1;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
@media (max-width: 992px) {
.header-container.inner {
    float: none;
    width: 100%;
}
#header-btns{
  background:none;
}
#header-top {
    position: relative !important;
    background-color: #0153a9;
    display:none;
}
.header-right {
    right: 0;
    bottom: 0;
}
}
@media screen and (max-width: 768px){
#site-logo {
    max-width: 80%;
}
#header .header-container .header-row .header-column #site-logo.header-logo img {
margin-top: 15px;
}
#header .header-container .header-row .header-column #header-btns {
    top: 20%;
}
.header-container.inner, .header-row{
  height:auto;
  position: relative;
}
#header .header-container .header-row .header-column{
  position: initial;
}
.fixed-menu{
  position: initial  !important;
}
.page-url-qr-code.t-c{
  display:none;
}
}
.main-menu-1-1 .nav-menu>.menu-item {
    padding: 16px 10px;
}
.menu.nav-menu ul.dropdown-menu>li>a,
.menu.nav-menu .dropdown .dropdown-menu>li>a{
    text-align: left;
    font-size: 14px;
}
.menu.nav-menuul .dropdown-menu,
.menu.nav-menu .dropdown .dropdown-menu{
    min-width: 160px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-top: 3px solid #0153A9;
    /*background-color:rgba(1,83,169,0.8);*/
}
/*.main-menu-1-1 .nav-menu .level-menu .menu-item {
    border-top: 1px solid rgba(255,255,255,0.3);
}*/
.main-menu-1-1 .nav-menu > .menu-item .menu-toggle:hover a,.main-menu-1-1 .nav-menu > .menu-item:hover a,.main-menu-1-1 .nav-menu > .menu-item:hover i,.main-menu-1-1 .nav-menu > .menu-item:hover span {
color: #FFF;
}
.main-menu-1-1 .nav-menu>.menu-item.active .menu-toggle a,.main-menu-1-1 .nav-menu>.menu-item.active a, .main-menu-1-1 .nav-menu>.menu-item:hover .menu-toggle a, .main-menu-1-1 .nav-menu>.menu-item:focus .menu-toggle a {
    color: #FFF;
}
.main-menu-1-1 .nav-menu>.menu-item.active .menu-toggle .active-submenu a,.main-menu-1-1 .nav-menu>.menu-item.active  .active-submenu a, .main-menu-1-1 .nav-menu>.menu-item:hover .menu-toggle .level-menu a, .main-menu-1-1 .nav-menu>.menu-item:focus .menu-toggle .level-menu a  .main-menu-1-1 .nav-menu > .menu-item .menu-toggle:hover .level-menu a,.main-menu-1-1 .nav-menu > .menu-item:hover .level-menu a,.main-menu-1-1 .nav-menu > .menu-item:hover .level-menu i,.main-menu-1-1 .nav-menu > .menu-item:hover .level-menu span{
      color: #333;
}
.main-menu-1-1 .nav-menu>.menu-item.active, .main-menu-1-1 .nav-menu>.menu-item:hover, .main-menu-1-1 .nav-menu>.menu-item:focus {
    background: none
}

.header-bg-base #site-logo img{
filter: grayscale(100%) brightness(100);
}
div#header.header-bg-base.fixed-top #site-logo img{
filter: initial;
}

.fixed-menu .main-menu-1-1 .nav-menu > .menu-item .menu-toggle a,.fixed-menu  .main-menu-1-1 .nav-menu > .menu-item > a,.fixed-menu  .main-menu-1-1 .nav-menu > .menu-item i,.fixed-menu  .main-menu-1-1 .nav-menu > .menu-item span {
color: #333;
}
.fixed-menu .main-menu-1-1 .nav-menu > .menu-item .menu-toggle:hover a,.fixed-menu  .main-menu-1-1 .nav-menu > .menu-item:hover a,.fixed-menu  .main-menu-1-1 .nav-menu > .menu-item:hover i, .fixed-menu .main-menu-1-1 .nav-menu > .menu-item:hover span {
color: #333 !important;
}
/*.fixed-top .main-menu-1-1 .nav-menu > .menu-item .menu-toggle a,.fixed-top .main-menu-1-1 .nav-menu > .menu-item > a,.fixed-top .main-menu-1-1 .nav-menu > .menu-item i,.fixed-top .main-menu-1-1 .nav-menu > .menu-item span {
        color: rgb(34, 34, 34);
}

.fixed-top .main-menu-1-1 .nav-menu > .menu-item .menu-toggle:hover a,.fixed-top .main-menu-1-1 .nav-menu > .menu-item:hover a,.fixed-top .main-menu-1-1 .nav-menu > .menu-item:hover i,.fixed-top .main-menu-1-1 .nav-menu > .menu-item:hover span {
        color: rgb(34, 34, 34) !important;
}
.fixed-top .main-menu-1-1 .nav-menu .level-menu .menu-item>a {
    color: #FFF !important;
}
*/

.banner {
    height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    font-size: 0 !important;
    background-image: url(../../bannerbg.jpg);
}
div#map1 {
    border: #eee solid 1px;
    width: 100%;
    height: 490px;
    margin-bottom: 40px;
}
.mapDiv img{
      max-width: initial;
}
/*****page taxonomy ******/
.title-inner h2{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.page-taxonomy .list-3.inside-b, .row.table.table-full .list-3.inside-b {
    padding-left: 0; 
}
.page-taxonomy .list-3.list-3-1 .list-content .list-item.list-item-line a p {
    font-size: 16px;
    overflow: inherit;
    text-overflow: inherit !important;
    white-space: inherit !important;
}
.page-taxonomy .list-3.list-3-1 .list-item .date {
    color: #999;
    font-size: 14px;
}
.page-taxonomy  .list-3.list-3-1 li.list-item.list-item-line {
    padding: 12px 10px !important; 

}
.page-taxonomy .field.field-name.field-type-string.field-label-hidden.field-item{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}
.ilist {
    margin-bottom: 15px;
    background: #FFF;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 15px 10px;
}
.ilist .daytime {
    width: 80px;
    font-size: 12px;
    text-align: center;
    font-family: arial;
    font-weight: 300;
    display: table-cell;
    vertical-align: top;
    padding: 0 10px;
    border-right: 1px solid #ECECEC;
    color: #0153a9;
}
.ilist .day {
    font-size: 32px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: 600;
}
.ilist .title {
    display: table-cell;
    vertical-align: top;
    padding: 10px 20px;
    line-height: 150%;
}
.ilist .title a{
font-size:16px;
color:#333;
font-weight:bold;
padding-bottom:10px;
}
.articlebody {
    width: calc(100% - 80px);
}
.ilist .ilistbody{
  font-size:14px;
  line-height:1.3;
    overflow: hidden !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color:#999;
    margin: 5px 20px;
}
.ilist:hover{
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0570dc',endColorStr='#0052A5',gradientType='1');
    background-image: linear-gradient(135deg,#0570dc, #0052A5);
    background-image: -webkit-linear-gradient(135deg, #0570dc, #0052A5);
    background-image: -moz-linear-gradient(135deg, #0570dc, #0052A5);
    background-image: -ms-linear-gradient(135deg, #0570dc, #0052A5);
    background-image: -o-linear-gradient(135deg, #0570dc, #0052A5);
    box-shadow: 2px 2px 6px #999;
}
.ilist:hover .daytime,.ilist:hover .title a{
color:#FFF;
}
.ilist:hover .ilistbody{
color:rgba(255,255,255,0.7);
}
/*********  hangci *******/
.hcblock {
    display: flex;
    flex-wrap: wrap;
}
.hcblock h3 {
  margin-top:20px;
    clear: both;
    width: 100%;
    padding:10px 20px;
    font-weight:600;
}
.historyd {
    width: 48%;
    margin: 1%;
}
.hc {
    position: relative; 
}
.hc-img{
    width: 100%;
    object-fit: cover;
    display: block;
    height: auto;
    aspect-ratio: 16/10;
    margin: 0;
    overflow: hidden !important;
    background-image:url(../../20210517_2.png);
    background-repeat:no-repeat;
    background-size:cover;
}
.hc:hover{
      transition: all 0.5s ease;
      transform: scale(1.05); 
}

.hc:before{
  position:absolute;
  width:100%;
  height:100%;
  content:"";
  background:rgba(0,0,0,0.5);
  left:0;
  top:0;
  z-index:4;
  opacity:0;
}
.hc:hover:before{
  position:absolute;
  width:100%;
  height:100%;
  content:"";
  background:rgba(0,0,0,0.5);
  left:0;
  top:0;
  transition: all 0.5s ease;
  z-index:4;
  opacity:1;
}
.hc-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.hc-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
.hc-info a{
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    text-shadow: 0 0 4px #333;
    line-height: 150%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 10% 15%;
    width: 100%;
    flex-wrap: wrap;
    align-content: center;
    position:relative;
    z-index:5;
}
.hc-info a span{
  display:block;
  width:100%;
  text-align:center;
}
.hc-info a span.hctitle{
  font-size:22px;
  margin-bottom:10px;
}
/******* video list ******/
.views-field-title a{
  display:block;
  color:#333;
  padding:5px;
}
.videolist{
  display:flex;
  flex-wrap: wrap;
}
/********** layout ***********/
.region-right {
    position: relative;
    top: -78px;
    margin-bottom: -70px;
}
.region-left {
    position: relative;
    top: -106px;
    margin-bottom: -100px;
}
.inner .breadcrumb {
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 14px;
    padding-bottom: 20px;
    border-bottom: 0;
}
.list-breadcrumb a, .list-breadcrumb li,.inner .breadcrumb .list-breadcrumb li .icon {
    color: #FFF !important;
}
.sidebar-menu-2-4.bg-lighter.js-sidebar {
    background: #0153a9;
    padding-left: 6px;
}
.sidebar-menu-2-4 .nav-menu>.menu-item>a {
    font-size: 15px;
    padding-left: 44px;
    padding-top: 24px;
    padding-bottom: 24px;
}
.sidebar-menu-2-4 .nav-menu>.menu-item>a:after{
  display:none;
}
.sidebar-menu-2-4 .nav-menu {
    padding-bottom: 300px;
    background:url(../../channel-bg-all.png) no-repeat center bottom #f6f6f6;
    background-size: 95%;
}

@media (min-width:992px){
.page-node-type-page .block-region-right, .page-node-type-article .block-region-right,.page-taxonomy .block-region-right  {
    padding-left: 30px;
}
}

.annualreport {
    padding-top: 40px;
}
.report {
    overflow: hidden;
    position: relative;
    padding: 0px 40px 25px 40px;
    margin-bottom: 30px;
    background: #f5f5f5;
}
.report .reportimg {
    position: relative;
    top: -30px;
    display:block;
}

.report .reportimg img {
    width: 100%;
    display:block;
}

.report .reportimg:before {
    content: "\e604";
    font-family: iconfont;
    font-size: 56px;
    position: absolute;
    bottom: 20%;
    left: 38%;
    color: #FFF;
    opacity: 0;
}
.report .reportimg:hover:before {
    opacity: 1;
}

.report .reportimg:hover {
    background: #000;
}

.report .reportimg img:hover {
    opacity: 0.5;
}
.report .reportname a {
    position: relative;
    font-size: 16px;
    color: #333333;
    line-height: 1.75;
    text-align: center;
    min-height: 60px;
    display: block;
}
.report:hover {
    background: #eef8f7;
    box-shadow:0 0 10px #999;
}
.report:hover .reportname {
    font-weight: bold;
}

.rowbg {
    background-color: #f8f8f8;
    margin:30px 20px;
    padding:14px;
    box-shadow:0 0 10px #CCC;
    transition:all 0.5s ease;
}
.rowbg  img{
  display:block;
}
.rowbg:hover{
  box-shadow:0 0 10px #999;
  transform:scale(1.02);
}
/******short code ****/
.newsmessage {
    padding: 40px 40px;
    font-size: 14px !important;
    background: #ECECEC;
    border-bottom: 1px solid #999;
}
.newsmessage p,.newsmessage div{
    font-size: 14px !important;
}