.navbar
{
-webkit-box-shadow:none;
box-shadow:none;
border:none;
border-radius: 0;
min-height: 56px;
margin:0px;
background:none;
background-color:var(--color2);}
.navbar-toggle{
   border-color: white !important;}
.navbar-toggle .icon-bar {
    background-color:white  !important;}

.navbar-toggle:focus,
.navbar-toggle:hover {
    background-color: white  !important;}
.navbar-toggle:focus .icon-bar,
.navbar-toggle:hover .icon-bar{
    background-color: var(--color3) !important;}
.navbar .navbar-nav
{
width:100%;
background:none;
margin:0 auto;}

.navbar .navbar-nav>li>a{
    color:#fff;
    background:none;  
    font-family: "΢ÈíÑźÚ";   
    font-size: 16px; 
    border-radius:0;     
    height:56px;
    line-height:56px;
    text-align:center;}     
.navbar .navbar-nav>li:last-child>a{   
    border-right:none;}     




.nav>li>a {    
    padding: 0px;}
    
.navbar .navbar-nav>li>a:hover,
.nav > li > a:hover
{
color:var(--color3);
background:white;
font-weight:bold;}
.navbar-nav>.open>a,
.navbar-nav>.open>a:focus,
.navbar-nav>.open>a:hover {
    color:white !important;
    background:var(--color3) !important;}

@media(min-width:768px){

.navbar .navbar-nav
{
display: flex;
justify-content:space-between;}
.navbar .navbar-nav>li{
flex-grow:1;}

.container-fluid,
.navbar-collapse
{
padding-right:0px;
padding-left:0px;}
.navbar-header
{
display:none;}
.nav > li:hover .dropdown-menu 
{display: block;} 
}
.dropdown-menu
{
border:none;
border-radius:0px;
border-top: 0.5px solid #fff;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
-webkit-box-shadow: none;
box-shadow: none;
width:100%;
background-color:var(--color2);
min-width:100% !important;}


.dropdown-menu > li > a
{
color: white;
font-family: "΢ÈíÑźÚ";   
font-size: 16px; 
line-height:40px;
height:auto;
text-align:center;
width:100%;
white-space: normal;
border-bottom:0px solid #e5e5e5;}
.dropdown-menu > li > a:hover
{
color:white;
background:var(--color3);}
@media (max-width: 767px){

    .dropdown-menu>li>a {
        color: #fff !important;
        line-height:200% !important;}
    
    .dropdown-menu>li>a:focus,
    .dropdown-menu>li>a:hover {
        color: #fff !important;
        background-color: var(--color3) !important;}  
}



.dtlb-tm{   
  width:1440px;}
.slick-dotted.slick-slider {
    margin-bottom: 0px !important;}
.home-sidebar {
    position: absolute !important;
    top: 705px;
    right: 30px;
    z-index: 99;
    width: 150px;
    padding: 32px 16px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(41,89,230,.3);
    background-color: #fff;}



.sidebar-main-title {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #333;}    
.sidebar-item {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;}
.sidebar-item.i1 .icon {
    background-image: url(/images/home_link_1.png);}
.sidebar-item.i2 .icon {
    background-image: url(/images/home_link_2.png);}
.sidebar-item.i3 .icon {
    background-image: url(/images/home_link_3.png);}
.sidebar-item .icon {
    width: 72px;
    height: 72px;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    background-color: #f7f7f7;}
.sidebar-item .title {
    line-height: 18px;
    max-width: 92px;
    margin: 12px auto 0;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    text-align: center;
    -webkit-transition: .3s all ease;
    -ms-transition: .3s all ease;
    transition: .3s all ease;}   
.sidebar-item.i1:hover .icon {
    background-image: url(/images/home_link_1_active.png);}
.sidebar-item.i2:hover .icon {
    background-image: url(/images/home_link_2_active.png);}
.sidebar-item.i3:hover .icon {
    background-image: url(/images/home_link_3_active.png);}
.sidebar-item:hover .title {
    color: #2959e6;} 

.btlb4-tm{  

    position: relative;
    height: 108px;
    padding: 0 0 0;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 1px dashed #d2d2d2;}

.btlb4-tm-rq{  
    position: absolute;
    left: 0;
    top: 18px;
    width: 72px;
    height: 72px;
    line-height: 1;
    background: #fff;
    color: var(--color1);
    text-align: center;
    border: 1px solid var(--color1);
    overflow: hidden;
    border-radius: 8px;}

.btlb4-tm:hover .btlb4-tm-rq{  
   
    background:var(--color1);
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}

.btlb4-tm-day{
    padding-top:10px;
    font-size: 24px; 
    font-weight:bold;   
    display: block;
    width: 100%;
    white-space: nowrap;}

.btlb4-tm-month{
    padding-top:10px;
    font-size: 14px;
    display: block;
    width: 100%;
    white-space: nowrap;}
.btlb4-tm-btq{   
    margin-left:25px;
    margin-top:0px;}
.btlb4-tm-bt a{
    font-size: 16px;
    font-weight: 700;
    color: #333;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;}
.btlb4-tm-zy{
    color:#999;}
.btlb3-bt{
    margin-top:50px;
    height: 40px;
    line-height: 34px;
    width: 100%;  
    border-bottom: 1px solid #d7d7d7;}
.btlb3-bt h2{
    font-size: 24px;
    color:#333;
    font-weight: bold;
    float: left;
    padding: 0 4px;
    border-bottom: 5px solid var(--color1);
    line-height: 34px;
    margin:0px;}

.btlb3-gd{
    float: right;}

.block-more-button {
    height: 32px;
    padding: 0 32px 0 12px;
    margin-top:6px;
    border-radius: 0px;
    border: none;
    color: var(--color1);
    background: transparent url(images/icon_more.png) no-repeat;
    background-position: 48px center;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;}
.block-more-button:hover {
    background-color: var(--color1);
    color: #fff;
    background-image: url(/images/icon_more_white.png);}

.btlb3-lb{
list-style: none;
padding-top:10px;}
.btlb3-tm{
width:100%;
margin:0px;
padding:0px;
line-height: 48px;
height:48px;
background: url(/images/xdd.png) no-repeat 2px 23px;}
.btlb3-tm:hover {
    background: #fcfcfc url(images/xdd_h.png) no-repeat 2px 23px;}
.btlb3-tm-bt{
  font-size: 16px;
  color: #333;  
  margin-left:15px;   
  display:inline-block;
  width:calc(100% - 90px - 15px); 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}

.btlb3-tm-rq{
  float: right;
  color: #999; 
  font-size: 16px;}






.ljlb2-lb{
list-style: none;
padding-top:20px;
background:none;
width:100%;
border-top:1px solid #cccccc;}
.ljlb2-tm{
    height: 54px;
    line-height: 54px;
    background: #f2f2f2;
    border-left: 4px solid var(--color1);
    margin-bottom: 12px;
    padding: 0 25px 0 15px;}

.ljlb2-tm-bt{
    display: block;
    background: url(/images/icon2.png) left center no-repeat;
    padding-left: 30px;
    height: 54px;
    color: #333333;
    font-size:16px;}

.ljlb2-tm:hover a
{  
    margin-left: 5px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}

.gyjy-lb{   
    padding:40px 0px 60px 0px;}
.gyjy-tm{                
    margin-bottom: 24px;   
    margin-left:15px;  
    margin-right:15px;    
    border-radius: 0px;
    box-shadow: 0 0 15px rgba(0,0,0,.1);  
    overflow: hidden;
    border-radius: 8px 
;}

.gyjy-tm-tp{   
    height: 160px;  
    padding:15px;
    background-color:#fff;     
    overflow: hidden;}
.gyjy-tm-tp img{ 
transition: all .5s ease-out;}
.gyjy-tm:hover .gyjy-tm-tp img{
transform: matrix(1.3,0,0,1.3,0,0);}
.gyjy-tm-bt{
    width: 100%;
    height: 56px;  
    line-height: 32px;
    padding: 12px 30px ;
    font-size: 16px;
    color: #333;
    background:white;
    text-align:center;
    -webkit-transition: .3s all ease;
    -ms-transition: .3s all ease;
    transition: .3s all ease;}
.gyjy-tm:hover .gyjy-tm-bt{
    background-color:var(--color1);
    color: #fff;}




.slick-dots {   
    bottom: 30px !important;}
.footer {
    padding: 0;
    background: #2959e6 url(images/footer_bg.png) no-repeat center/cover;
    color: #fff;}

.inner, .outer {
    position: relative;
    display: block;}
.footer-link {
    position: relative;
    padding: 40px 0px 20px 0px;}


.footer-link ul {
    display: flex;
    justify-content: left;}

.footer-link li {
    font-size: 16px;
    font-weight: 700;
    color: #fff;}
.footer-link li a {   
    margin-right:30px;     
    color: #fff;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;}

.footer-info {
    padding: 40px 0 30px;
    line-height: 2;}
.footer-info p {
    font-size: 17px;
    line-height: 24px;
    color: #fff;}
.footer-qrcode {
    padding-top: 20px;}
.footer-qrcode ul {
    display: flex;
    justify-content: right;}
.footer-qrcode li {
    margin: 0 12px;}
.footer-qrcode-item {
    text-align: center;}
.footer-qrcode-item img {
    width: auto;
    height: 100px;}
.footer-qrcode-item p {
    padding-top: 5px;
    font-size: 14px;
    color: #fff;}
@media(max-width:768px){
  .footer-link ul{
      flex-direction:column;}
  .footer-link li {
    margin-bottom:20px;}
}