html{
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}
.logo_box{
  width:10%;
  height:auto;
  position: absolute;
  left:50%;
  z-index:999;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  margin-top: -7%;
}
body{
  width:100%;
}
#slidershow{
  width:100%!important;
  height:100%!important;
  position: absolute;
  left:50.1%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
a:hover{
  text-decoration: none;
}
.nav-center a:hover{color:#92653e}
.nav_left{
  width:40%;
  float:left;
  display:flex;
}
.nav_right{
  width:40%;
  position: absolute;top:0px;right:0px;
  z-index:9;float:right;
}
.nav_right li{
  position: relative;
  float:left;
  padding-left:30px;
  padding-right:30px;
}
.nav_left li{
  position: relative;
  float:right;
  padding-left:30px;
  padding-right:30px;
}
.nav_right a,
.nav_left a{color:#015cb5;font-size: 16px;}
.nav_right li:hover a , .nav_left li:hover a{color:#92653e}
.nav_right li:hover a::before, 
.nav_left li:hover a::before{
  content: '';
  width:30px;
  height:100%;
  position: absolute;
  left:0px;
  background:url('/img/master/nav_icon1.png');
  background-size:auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.nav_right li:hover a::after,
.nav_left li:hover a::after{
    content: '';
    width:30px;
    height:100%;
    position: absolute;
    right:0px;
    background:url('/img/master/nav_icon2.png');
    background-size:auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.nav_bot{
  top:-10px
}
.box_imgs{
  width:100%;
  position:absolute;
  z-index:998;
}
.header{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-orient: vertical;
}
.box-lbt{
  width:90%;
  height:800px;
  position: relative;
  margin:0 auto;
  overflow: hidden;
}

.zx-top{
  width:100%;
}
.zx-bottom{
  width:100%;
  margin-top: 15px;
  z-index:999; 
}
.header-top{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
  background:#015cb5;
  width:100%;
  padding-top:10px;
  padding-bottom:10px;
  height:auto;
}
.header-footer{
  width:100%;
  height:30px;
  background-color: #015cb5;
}
.header-nav{
    /*width:530px;*/
    font-size:14px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}

.menu-right{
  position:absolute;
  right:0rem;
  display:inline-block;
  width:190px;
  color:#fff;  
  font-size:14px;
}

.header-center{
	width:90%;
	height:115px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	align-items: center;
    margin:10px auto 0 auto;
}
.header-center-bottom{
	width:90%;
	height:100px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	display: -webkit-flex;
	align-items: center;
    margin:0 auto;
}
.nav_left{
  width:40%;
  float:left;
  display:flex;
}
.logo_box_2{
	float:left;
	width:20%;
	text-align:center;
}
.logo_box_2 img{
	width:130px;
	margin-top: -15px;
}
.nav_cell_l_1{
	width:60%;
	text-align:right;
}
.nav_cell_l_2{
	width:40%;
	text-align:center;
}
.nav_cell_r_1{
	width:40%;
	text-align:center;
}
.nav_cell_r_2{
	width:60%;
	text-align:left;
}
.nav_cell:hover a{
	color:#92653e
}
.nav_cell:hover a::before{
  content: '';
  width:30px;
  height: 20px;
  position:absolute;
  background:url('/img/master/nav_icon1.png');
  background-size:auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  transform:translateX(-30px);
}
.nav_cell:hover a::after{
    content: '';
    width:30px;
    height:20px;
    position:absolute;
    background:url('/img/master/nav_icon2.png');
    background-size:auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.banner_box{
	float:left;
	width:20%;
	text-align:center;
}
.banner_box img{
	width:50%;
	margin-top: -100px;
    position: relative;
    z-index: 999;
}
@media screen and (max-width:1024px) {	
	.header-center{
		height:100px;
	}
	.logo_box_2 img{
		width:105px;
	}
}
@media screen and (max-width:900px) {	
	.nav_cell a{
		font-size:14px;
	}
	.nav_cell:hover a::before{
	  width:20px;
	  height: 15px;
	  transform:translateX(-20px) translateY(4px);
	}
	.nav_cell:hover a::after{
		content: '';
		width:20px;
		height:15px;
		transform:translateY(4px);
	}
}

.nav-center{
  padding-top:19px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.header-nav li{
    display:inline;
    padding-left:10px;
    padding-right:10px;
}

.header-nav li a ,.nav-right li a{
  color:#fff;
  text-decoration: none;
}

.nav-center li{
  position: relative;
  list-style: none;
  float:left;
  padding-top:1px;
  padding-bottom:1px;
  padding-left:30px;
  padding-right:30px;
  font-size:16px;
}

.nav-center li a{
  color:#114076;
}
.nav-center li:hover a::before{
    content: '';
    width:30px;
    height:100%;
    position: absolute;
    left:0px;
    background:url('/img/master/nav_icon1.png');
    background-size:auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.nav-center li:hover a::after{
  content: '';
  width:30px;
  height:100%;
  position: absolute;
  right:0px;
  background:url('/img/master/nav_icon2.png');
  background-size:auto 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.icon-li{
  position:relative;

  height:auto;
  margin-left:30px;
  margin-right:30px;
}
.icon-li-top{
  width:147px;
}
.icon-img{
  width:100%;
  height:75px;
  position:absolute;
  top:-26px;left:0;right:0;
  z-index:999;
}
.icon-img-bottom{
  width:200px;
  position:absolute;
  bottom:-34px;
  left:-30px;right:0;
}

.fills{
   width:100%;
}
.carousel-item.active .fills .img-one{
  -webkit-animation:my  6s;
  -webkit-transform:scale(1.2);
      -ms-transform:scale(1.2);
          transform:scale(1.2);
}
@keyframes my{
  from{-webkit-transform:scale(1);transform:scale(1);}
  to{-webkit-transform:scale(1.2);transform:scale(1.2);}
}
@-webkit-keyframes my{
  from{-webkit-transform:scale(1);transform:scale(1);}
  to{-webkit-transform:scale(1.2);transform:scale(1.2);}
}


.carousel-item.active .carousel-caption-3 img{
    opacity:0;
    -webkit-animation:my2  2.1s;
    -webkit-animation-delay: 1s;
    -webkit-animation-fill-mode:forwards;
}
@keyframes my2{
   0%{opacity:0;}
  50%{opacity:.5;}
  100%{opacity:1;}
}
@-webkit-keyframes my2{
  0%{opacity:0;}
  50%{opacity:.5;}
  100%{opacity:1;}
}
.main-navbar{
  background: #015cb5;
}

.navbar{
    background: #015cb5;
}

.nav-link {
  font-size: 15px;
}

.ml-auto, .mx-auto {
    margin-left: 0!important;
}
.top-comp{
  position:relative;
  margin:15px auto;
}
.btn-box{
  width:100%;
  height:auto;
  overflow:auto;
  background:#015cb5;
  display:none;
}
.btn-block{
  width:60px;
  height:auto;
  float:right;
  border:1px solid transparent;
  background-color:transparent;
  overflow:hidden;
  cursor:pointer;
  display:none;
  text-align:center;
}
.box-btn{
  width:60px;
  position:absolute;
  right:10px;
  top:5px;
  background-color:transparent;
  border:1px solid transparent;
  cursor: pointer;
  display:none;
  overflow:hidden;
  text-align:center;
}
.btn-margin{
  margin-top:10px;
}
.btn-img{
  width:20px;
  height:20px;
  cursor:pointer;
}

.from{
  width:340px;
  text-align:center;
  padding-top:20px;
  padding-bottom:20px;
  margin:0 auto;
  font-size:16px!important;
}
.top-logo{
  width:260px;
}
.top-box{
  float:right;
}
.top-box .input{
  border:1px solid #b1b1b1;
  border-right:none;
}
.newsletter-box .input{
  width:180px;
  height:30px;
}
.newsletter-box .button{
  height:30px;
  width:40px;
  border-radius:0;
  background-color:#015cb5;
}
.top-slogan{
    font-size: 16px;
    float: right;
    margin-top: 12px;
}
.navbar{
  padding:0 1rem
}
.nav-link{
  padding:1rem;
}
.navbar-nav li:hover{
  background-color:#000;
}
.search-btn{
  display:block;
  float:right;
  background-color:#015cb5;
  width:30px;
  height:30px;
  padding: 1px 5px 5px 5px;
}
.search-btn img{
  width:20px;
  height:20px;
}
 .top-display{
  display:block;
 }

@media screen and (min-width:1024px) {	
	.zx-bottom{
	   margin-top:40px!important;
	}
}
@media screen and (min-width:2130px) {	
	.zx-bottom{
	   margin-top:40px!important;
	}
}
@media screen and (max-width: 948px) {
  .nav_bot{top:-17px}
}
@media screen and (max-width: 858px) {
  .zx-top{
    padding-bottom: 10px;
  }
}
@media screen and (max-width:384px) {
  .btn-margin{
      margin-top:0px;
  } 
}

@media screen and (max-width:768px) {
  .wrapper_top{
    margin-top: 0px;
  }
    .header{
      display:none;
    }
  .detNav{
    padding:0px;
    text-align:center;
  }
  .detNav li span{
    width:100%;
  }
  .top-logo{
    width:200px;
  }
  .top-comp{
    margin:10px auto;
  }
  .top-display{
    display:none;
  }
  .box-btn{
        display:block;
  }
  .btn-block{
    display:block;
  }
  .top-slogan{
      float:none;
      color:#fff;
  }
  #searchArticle{
    width:340px;
  }
  .from .input{
    width:300px;
    height:40px;
  }
  .from .search-btn{
    width:40px;
    height:40px;
    padding-top:4px;
    background:#025bb5;
  }
  .from .search-btn img{
    width:30px;
    height:30px;
  }
  .top-logo{
    margin:12px 0px;
  }
  .navbar-nav  li  a{
    display: block;
    padding-top:14px;
    padding-bottom:14px;
    color:#fff;
    font-size: 17px;
  }
  .navbar-nav > li{
    border-bottom:1px solid #eff5f5;
  }
}
@media screen and (min-width:768px) and (max-width:992px){
    .menu-right{width:70px;}   
}
@media screen and (max-width:400px) {
  .from{
    width:250px;
    margin:0 auto;
  }
  #searchArticle{
    width:230px;
  }
  .from .input{
    width:200px;
    height:30px;
  }
  .from .search-btn{
    width:30px;
    height:30px;
    padding-top:0px;
    padding-left:0px;
  }
}

@media screen and (max-width:320px) {
  .from{
    width:200px;
    margin:0 auto;
  }
  #searchArticle{
    width:200px;
  }
  .from .input{
    width:160px;
    height:30px;
  }
  .from .search-btn{
    width:30px;
    height:30px;
    padding-top:0px;
    padding-left:0px;
  }
   .btn-top{
    width:40px;
    padding-top:0px;
    margin-top:10px;
  }
}