﻿/*header*/
.logo1 {width:275px;height:52px;}
.logo2 {width:180px;height:100px;}

.main-nav1{position: fixed;transform: translateY(-120%);z-index:2000;transition: .5s;}
.main-nav .container-fluid{max-width:1620px;}
.show-label{position:absolute;top: -35px;right:15px;z-index: 1;}
.show-label2{position:absolute;top: -85px;right:625px;z-index: 1;}
.topnav a{color:#c7011c;display:inline-block;margin:0 5px;}
.topnav a.home{padding-left:25px;/* background: url(../images/home.png) left center no-repeat; */text-shadow: 1px 1px 0px #fff;}
.topnav a.ss{padding-left:25px;/* background: url(../images/search.png) left center no-repeat; */text-shadow: 1px 1px 0px #fff;}
.navbar>.container-fluid .navbar-brand{margin-left:0;}
.navbar-brand{padding:15px 15px;height:auto;transition:.5s;}
.navbar-brand>img{max-width:100%;height:auto;}
.nav>li>a:focus,.nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color:transparent;}
.navbar-link{position:relative;}
.navbar-link li a{display: block;height:80px;line-height: 80px;font-size: 18px;position: relative;color: #fff;/*padding:0 15px;*/-webkit-transition: all .3s linear;font-size: 21px;font-weight: bold;}
.navbar-link li a span{padding: 6px 0px;}
.navbar-link li.open a span{color:#c7011c;background:#fff;border-radius:5px;}
.navbar-link li a:before{display: block;/* content: ""; *//* position: absolute; *//* left: 50%; *//* -webkit-transform: translateX(-50%)scale(0); *//* bottom:0; *//* width: 83.3333%; *//* height: 2px; *//* background: #c7011c; *//* -webkit-transition: all .3s linear; */}
.navbar-link li a:after{display: block;/* content: ""; *//* position: absolute; *//* left: 50%; *//* -webkit-transform: translateX(-50%)scale(0); */bottom:-20;/* width: 2px; *//* height:20px; *//* background: #c7011c; *//* -webkit-transition: all .3s linear; */}
.navbar-link li.open a:before{-webkit-transform: translateX(-50%)scale(1)}
.navbar-link li.open a:after{-webkit-transform: translateX(-50%)scale(1)}
.dropdown-menu2{position: absolute;top:100%;left:50%;transform:translate(-50%,0);width:580px;display:none;}
.navbar-link .dropdown-ul7,.navbar-link .dropdown-ul8{left:0;}
.navbar-link .dropdown-ul8{left:auto;right:0;transform:translate(0);}
.dropdown-item{padding:26px 20px; margin-top:2px; border-left: 2px solid #c7011c;border-right: 2px solid #c7011c;border-bottom: 2px solid #c7011c;width:100%;background: #fff;/* border-radius:70px; */}
.dropdown-item .dropdown-frame img{width:100%;height:auto;border-radius:20px;}
.dropdown-item .dropdown-summary{font-size:16px;color: #1ed3bd;line-height: 2.2;}
.dropdown-item .dropdown-subcolumn{width:100%;}
.dropdown-item .dropdown-subcolumn li{margin:5px 0;text-align:center;}
.dropdown-item .dropdown-subcolumn li a{font-size:16px;color:#565656;height:30px;line-height:30px;padding:0;}
.dropdown-item .dropdown-subcolumn li a:after,.dropdown-menu2 .dropdown-subcolumn li a:before{display:none;}
.dropdown-item .dropdown-subcolumn li a:hover{color:#c7011c;}
.nav .open .dropdown-menu2{display:block;}
.navbar-toggle{margin-right:0;}
.navbar-toggle .icon-bar{background:#fff;}
.navbar-link2>li>a{color:#fff;font-size:18px;padding:15px 25px;position:relative;text-align: center;}
.navbar-link2 .dropdown-menu:after{content: '';height: 3px;width: 100%;position: absolute;left: 0;top: 0;background:#c7011c;}
.navbar-link2 .dropdown-menu li a{color:#333;display: block;font-size:16px;padding: 0 13px;margin-bottom: 1px;background: #fff;white-space: nowrap;line-height:45px;text-align:center;}
.navbar-link2 .dropdown-menu li a:hover{color:#fff;background-color:#c7011c;}
.navbar-link2 .dropdown-menu, .dropdown-menu > li > a {-webkit-border-radius: 0px;-moz-border-radius: 0px;-o-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;font-weight: normal;}
.navbar-link2 .dropdown-menu {border:none;-webkit-box-shadow: 0 3px 12px rgba(0,0,0,.05);box-shadow: 0 3px 12px rgba(0,0,0,.05);-webkit-transition: .25s;-o-transition: .25s;transition: .25s;}
.navbar-toggle .icon-bar{background-color: #ffffff;}
/*.index-home.showdiv .main-nav{position:fixed;z-index:2;}*/

/*
.showdiv .main-nav1{transform: translateY(0);}
.showdiv .main-nav1	.container-fluid,.showdiv .main-nav1 .header-main{height: 100%;display: flex;align-items: center;justify-content: space-between;}
.showdiv .main-nav1 .navbar-main{width:80%}
.showdiv .main-nav1 .navbtn{top:15px;right:20px;background:none;}
.showdiv .index-banner-fixed{position:fixed;top:0;left:0;}
*/
.index-banner-section{/*height:100vh;*/position: relative;overflow: hidden;}
.index-banner-fixed{width: 100vw;/*height: 100vh;*/overflow: hidden;}
.slide-down{width:60%;position: relative;z-index:100;bottom: 0;left: 0;right: 0;margin:0 auto;}
.slide-down-box{position: relative;display: flex;align-items: center;justify-content: center;}
.slide-down-box .down{position: absolute;top: 0;right: 0;bottom:36px;left: 0;display: flex;align-items: flex-end;justify-content: center;}
.slide-down-box .down-click{position: relative;height: auto;z-index: 1;}
.slide-down-box .down-icon {-webkit-animation: scroll 2s cubic-bezier(.15,.41,.69,.94) infinite;-moz-animation: scroll 2s cubic-bezier(.15, .41, .69, .94) infinite;animation: scroll 2s cubic-bezier(.15,.41,.69,.94) infinite;}
::-webkit-input-placeholder{color: #fff;} 
:-moz-placeholder{color: #fff;} 
::-moz-placeholder{color: #fff;} 
:-ms-input-placeholder{color: #fff;}
input::-webkit-input-placeholder{color: #fff !important;}
input:-moz-placeholder {color: #fff !important;}
input::-moz-placeholder {color: #fff !important;}
input:-ms-input-placeholder {color: #fff !important;}
@keyframes scroll{
	0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
	50%{-webkit-transform:translateY(18px);-moz-transform:translateY(18px);-o-transform:translateY(18px);transform:translateY(18px)}
	100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}
/*footer*/
.footer{padding:40px 0;min-height:228px;background: #c7011c;position: relative;z-index: 1;}
.footer-logo img{width:inherit;max-width:100%;height:auto;}
.copyright{color:#fff;font-size:12px;line-height:30px;border-top:1px solid #ffffff;padding-top:20px;}
.copyright a{color:#fff;}
.footer-info p{color:#fff;font-size:16px;padding-left:45px;border-bottom: 1px dashed #ffffff;line-height:38px;margin-bottom:10px;}
.footer-info p span{display:inline-block;padding-left:20px;/* border-left:1px dashed #00a4bc; */}
.footer-info .tel{background: url(../images/tel.png) 10px center no-repeat;}
.footer-info .address{background: url(../images/address.png) 10px center no-repeat;}
.footer-info .mail{background: url(../images/mail.png) 10px center no-repeat;}
.footer-icons .pic{padding:10px;background-color:#fff;}
.footer-icons .pic img{width:100%;height:auto;}
.footer-icons .text{position: relative;font-size:15px;color:#fff;text-align:center;}




/**页脚开始**/

#footer .inner {  position:relative;}
.foot_logo { padding-top: 53px; width: 100%; float: left; }
.foot_logo img { display: block;  margin: 0 auto;width:180px;height:100px;}
.foot_icon { margin-top: 15px; width: 100%; float: left; }
.foot_icon ul { width: 203px; margin: 0 auto; }
.foot_icon ul li { margin-left: 27px; float: left;  }
.foot_icon ul li:nth-child(1) { margin-left: 0px;}
.foot_icon ul li img.ico { width: auto;}
.foot_icon ul li a{display: block;position: relative;}
.foot_icon ul li span.code{position: absolute;width: 80px;height: 80px;background: #fff;left: 50%; margin-left: -40px; top: -85px;z-index: 8;opacity: 0;visibility: hidden;transition: .5s}
.foot_icon ul li span.code img { width: 80px;height: 80px; }
/*
.foot_icon ul li span.code:after{content: '';border: 10px solid transparent;border-bottom-color: #fff;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);} */
.foot_icon ul li a:hover span.code{opacity: 1;visibility: inherit;transform: translateY(0);}
.foot_banquan { margin-top: 35px; width: 100%; float: left;}
.foot_banquan p { font-size: 14px; color: #fff; line-height: 20px;text-align: center; }
#footer {background: url(/static/picture/footer.png) no-repeat bottom center;height: 371px;background-size: cover;background-position: center;}


@media (min-width: 769px){
	.navbar-right .dropdown-menu{position:absolute;top:100%;left:50%;z-index:99;padding:5px 0;box-shadow: 0 0 10px rgb(0 0 0 / 30%);background: #fff;border-radius: 0 0 10px 10px;transform: translateX(-50%);transition: .3s;}
.index-home  .main-nav{position: fixed;z-index:2;}
	.header-main{width:100%;position:relative;padding: 0 20px;z-index:100;background: #c7011ce3;margin-top:80px;border-radius:20px;box-shadow: 0 0 10px rgba(186, 184, 184, 0.15);color: #fff;}
.main-nav{width:100%;border-radius:0;margin-bottom:0;border:0;position:absolute;top:0;left:0;z-index:1;}

    
    .activity-icon,
    .title-mobile,
    .body-mobile {
        display: none;
    }
}

@media (min-width: 1460px){
 	.container {
     	width: 1440px;
 	}
	.footer .col-md-2{width:10%;}
}
@media (max-width: 1500px){
    .container {
        width: auto;
        padding-left:40px;
        padding-right:40px;
    }
    .navbar-link li a{padding:0 10px;}
}
@media (max-width: 1400px){
    .navbar-link li a{font-size:16px;}
    .navbar-logo .logo1{max-width:240px;object-fit: cover;}
	.container {
        width: auto;
        padding-left:30px;
        padding-right:30px;
    }
}
@media (max-width: 1200px) and (min-width:992px){
    .navbar-header{top:0;}
    .navbar-logo .logo1{max-width:200px;}
    .navbar-link li a{font-size:14px;}
}
@media (max-width: 1200px){
    .container {
        padding-left:20px;
        padding-right:20px;
    }
}
@media (max-width: 1199px){
.index-banner-section,.index-banner-fixed{position: relative;height: 60vw;}
.slide-down{top:-50px;margin-bottom:-50px;}
.slide-down-box>img{height:30px;}
.slide-down-box .down{bottom:12px;}
.slide-down-box .down-icon img{max-width:12px;}
}
@media (max-width: 999px){
    .container {
        padding-left:10px;
        padding-right:10px;
    }
}
@media (max-width: 768px){
	body { }
	/*
	 .container {
        padding-left:0px;
        padding-right:0px;
    }
	*/

	.main-nav{/* position:static; */width:100%;/* border-radius:0; *//* margin-bottom:0; *//* border:0; *//* top:0; *//* left:0; *//* z-index:1; */ margin-bottom:0px;}
	.header-main{width:100%;/* position:relative; *//* padding:0 40px; *//* z-index:100; */background: #c7011ce3;/* margin-top:80px; *//* border-radius:20px; *//* box-shadow: 0 0 10px rgba(186, 184, 184, 0.15); */color: #fff;}
    .navbtn{display:none;}
    .navbar-toggle{margin-right:0;}
    .navbar-brand{height: 50px;padding: 10px 10px;}
	.topbanner img{max-width:100%;height:auto;min-height:50px;}
    .navbar-menu{background-color:#878a9a;}
    .navbar-logo>img{max-width:100%;height:30px;}
	.navbar-link .dropdown-menu{width:100%;}
    .navlist li{width:auto;text-align:left;}
	.navbar-nav>li>a{padding:10px 10px;height:inherit;line-height:inherit;text-align:left;}
    .navbar-link>li:nth-child(5){margin-left:0;}
    .topbox.showdiv .dropdown-menu li a{color:#fff;}
    .navlist .dropdown-menu li a{text-align:left;}
    .myCarousel{padding-top:50px;}
    .navlist>li> a:after{bottom:0;}
    .footer-nav>li{margin-bottom:20px;}
    .footer-top{padding-top:50px;background-size:cover;}
    .footer-logo{text-align:center;}
	.footer-logo img{max-width:200px;}
    .footer-icons .tit{font-size:0;background-position: center center;}
	#footer {background: url(/static/picture/footer2.png) no-repeat bottom center;height: 371px;background-size: cover;background-position: center;}
	
	/* pc首页内容隐藏开始 */
	
	/* pc首页内容隐藏结束  */
	

	.foot_logo { padding-top: 50px; width: 100%; margin:auto; }
.foot_logo img { display: block;  margin: 0 auto;width:180px;height:100px;}
    
    .body-mobile {
        background-color: #c7011ce3;
        color: #321c1c;
        font-family: Arial, sans-serif;
        padding: 20px 0;
        width: 100%;
        margin: 0 auto;
    }
    .title-mobile {
        padding: 10px;
        text-align: center;
        color: #fff;
        font-size: 30px;
        font-weight: bolder;
    }
    .activity-icon {
        float: left;
        width: 27%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 15px;
        background: linear-gradient(to bottom, #fbeada, #fdc2a0, #f6a673);
        border: 3px solid white;
        box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
        min-height: 100px;
        text-align: center;
        margin: 10px 3%;
        box-sizing: border-box;
    }
    .activity-icon span {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .activity-text {
        font-size: 14px;
        font-weight: bold;
        color: #333;
    }
	.index-home {display:none;}
	.section-index {display:none;}
	.breadbanner {display:none;}
}

@media (max-width: 480px){
	.footer-info p{font-size:12px;}
	.footer-icons{max-width:120px;margin:20px auto;}
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 15px 6px;
}

/* 倒计时专用样式 */
@media screen and (max-width: 768px) {
.countdown-container {
    /* width: 98%; */
    /* display: flex; */
    /* justify-content: center; */
    margin: 15px 15px 25px 15px;
}

.countdown-box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    /* max-width: 98%; */
    /* width: 90%; */
}

.countdown-unit {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    border-radius: 10px;
    padding: 12px 8px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.countdown-unit:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: 0.5s;
}

.countdown-unit:hover:before {
    left: 100%;
}

.countdown-value {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 4px;
    transition: transform 0.3s ease;
}

.countdown-label {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    text-transform: uppercase;
}

.countdown-title {
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* 数字变化时的动画效果 */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.pulse {
    animation: pulse 0.5s ease;
}
}

 @media screen and (min-width: 769px) {
            .countdown-container {
                display: none;
            }
           
        }
/* 响应式调整 */
@media (max-width: 480px) {
    .countdown-value {
        font-size: 22px;
    }
    .countdown-label {
        font-size: 10px;
    }
    .countdown-title {
        font-size: 16px;
    }
}

	
	
	