/*header*/
.carousel{position:relative;width:100%;height:100%;}
.banner-section{position:fixed;left:0;top:0;right:0;bottom:0;}
.banner-container{height:100%;position:relative;overflow:hidden;}
.banner-container .banner{position:absolute;top:0;left:0;width:100%;height:100%;}
.fixed-mask{padding-top:100vh;position:relative;transition:all .5s cubic-bezier(.5,0,.2,1) 0s;-webkit-transition:all .5s cubic-bezier(.5,0,.2,1) 0s;-moz-transition:all .5s cubic-bezier(.5,0,.2,1) 0s;-ms-transition:all .5s cubic-bezier(.5,0,.2,1) 0s;-o-transition:all .5s cubic-bezier(.5,0,.2,1) 0s;z-index:-1;}
/*pc*/
.nav-menu{position: fixed;top:0;left:0;height:0;width:100%;z-index:999;background-color: #fff;box-shadow: 5px 0 10px rgba(0,0,0,.125);transition: all .2s;overflow: hidden;}
.nav-menu>.container{text-align:right;vertical-align: middle;}
.nav-menu-list>li{display:inline-block;margin:0 25px;}
.nav-menu-list>li>a{height:60px;line-height:60px;display:block;position:relative;}
.nav-menu-list>li>a:after{content:'';width:0;height:3px;background-color:transparent;position:absolute;bottom:10px;left:0;background-color:#00c7ff;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.nav-menu-list>li>a:hover:after{width:100%;}
.main-nav{position:fixed;top:0;left:0;width:100%;height:90px;z-index:1000;border:0;margin-bottom:0;border-radius: 0;padding:0;background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0));transition: all 0.2s;pointer-events: none;}
.main-nav .container{padding:0;position:relative;}
.navbar-brand{height:auto;padding:30px 0;pointer-events: auto;}
.navbar-label{position:absolute;top:0;right:152px;line-height:90px;z-index:1000;pointer-events: auto;}
.navbar-label a{color:#fff;}
.navbar-search{position:absolute;top:0;right:76px;z-index:1000;pointer-events: auto;}
.navbar-search .header-button{position:relative;display: block;width:76px;height:90px;margin: 0;padding: 0;outline: none;overflow: hidden;background-color:transparent;border: none;cursor: pointer;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.navbar-search .header-button.open{background-color: rgba(80, 85, 89, 0.88);}
.navbar-search i{display:block;font-size:24px;color:#fff;}
.navbar-search .icon-close,.navbar-search .header-button.open .icon-search{display:none;}
.navbar-search .header-button.open .icon-close{display:block;font-size:40px;}
.navbar-search .header-button .navbar-toggler-close,.navbar-search .header-button.open .navbar-toggler-txt{display:none;}
.navbar-search .header-button.open .navbar-toggler-close{display:block;}
.search-form{position: absolute;top: 0;right:76px;width:437px;display:none;padding:18px 20px;overflow: hidden;background-color: rgba(80, 85, 89, 0.88);}
.search-form.open {height:90px;display:block;}
.search-form fieldset {position: relative;margin: 0 76px 0 0;padding: 0;border: none;}
.search-form input {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;display: block;height:54px;}
.search-form input[type="search"] {width: 100%;padding: 0 5px 0 22px;background: #fff;border: none;}
.search-form button[type="submit"] {position: absolute;bottom: 18px;right:20px;width:76px;height:54px;margin: 0;padding: 0;font-size:0;font-weight: 700;text-transform: uppercase;color: #516270;border: none;cursor: pointer;}
.search-form button[type="submit"] i{color:#516270;}
.navbar-events{position:absolute;top:0;right:0;z-index:1000;pointer-events: auto;}
.navbar-events .navbar-toggler{padding:18px 24px;background:#1f8dd6;border-radius:0;border:0;}
.navbar-events .navbar-collapse2{width:249px;padding:20px 0;position:absolute;top:90px;right:0;background-color: rgba(80, 85, 89, 0.88);}
.navbar-events .navbar-nav{margin:0;}
.navbar-events .navbar-nav>li{width:100%;}
.navbar-events .navbar-nav .nav-link{padding:15px 30px;display: block;position:relative;}
.navbar-events .navbar-nav .dropdown-menu{min-width:200px;height:250px;overflow-y:auto;background-color: transparent;border:0;top: 0;left:-200px;background-color: rgba(80, 85, 89, 0.88);}
.navbar-events .navbar-nav .dropdown-menu::-webkit-scrollbar{width:5px;height:5px;background: transparent;border-radius:5px;}
.navbar-events .navbar-nav .dropdown-menu::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius:5px;background:transparent;  } 
.navbar-events .navbar-nav .dropdown-menu::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
.navbar-events .dropdown-item{color:#fff;font-size:14px;padding:5px 35px;display: block;}
.navbar-events .dropdown-item:hover{color:#00c7ff;background-color: transparent;}
.navbar-events .navbar-nav .nav-link i{position:absolute;top:15px;right:20px;}
.navbar-events i{display:block;font-size:24px;color:#fff;}
.navbar-toggler-txt{color:#fff;font-size:14px;}
.navbar-nav>li>a{color:#fff;font-size:16px;position:relative;}
.nav>li>a:focus,.nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color:transparent;}
.navigation{position:absolute;bottom:0;left:0;z-index:2000;width:100%;height:100px;background-color: rgba(0,0,0,.45);}
.nav-box .item{float:left;text-align:center;padding:20px 20px 20px 0;}
.nav-box .item a{display:block;color:#fff;font-size:18px;padding:20px 0;position:relative;font-weight:bold;}
.nav-box .item a:after{content:'';width:0;height:3px;background-color:transparent;position:absolute;bottom:10px;left:0;background-color:#00c7ff;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.nav-box .item a:hover:after{width:100%;}
.nav-box .item .dropdown{position: absolute;left: 0;top: 0;width: 100%;transform: translateY(-100%);height: 0;z-index:99999;overflow: hidden;transition: all .25s ease-in-out;color: #fff;background-color: rgba(0,0,0,.4);opacity: 0;}
.nav-box .item .dropdown .container{padding:20px 0;}
.dropdown-frame{position:relative;overflow:hidden;}
.dropdown-frame img{max-width:100%;height:auto;transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.dropdown-frame:hover img{transform: scale(1.1);}
.dropdown-summary{line-height:28px;font-size:13px;opacity:.8;margin:0;text-align:left;box-sizing: border-box;}
.nav-box .item .dropdown-links li{position:relative;box-sizing: border-box;list-style: none;width:33%;height:40px;float:left;text-align:left;}
.nav-box .item .dropdown-links li a{display:block;color:#fff;padding:10px 5px 10px 20px;font-size:13px;}
.nav-box .item .dropdown-links li:after{content:"";display:block;position:absolute;top:14px;left:7px;width:0;height:0;border-top:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #fff;}
.nav-box .item .dropdown-links li a:hover{background-color:hsla(0,0%,100%,.26)}
.nav-box .item .dropdown-links li a:after{display:none;}
.nav-box .item .dropdown-links5 li{width:auto}
.nav-box .item .dropdown-links5 li:nth-child(2){width:100%;}
.nav-box .item:hover .dropdown{height:auto;min-height:240px;opacity:1}
.nav-box .item:hover .dropdown:hover{background-color:rgba(0,0,0,.7)}
.navigation .static{position:static;}
.follow,.toplink{text-align:right;}
.follow-box{display:inline-block;position:relative;}
.follow-box a{display:block;width:28px;height:28px;margin:13px;}
.follow-box a i{display: inline-block;color: #fff;font-size: 28px;transition: all .3s;}
.follow-box .code{position: absolute;z-index:99;bottom:70px;right: -25px;padding:5px;width:110px;background-color:#fff;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:5px;box-sizing:border-box;visibility: hidden;opacity: 0;transform:translateY(-10px);transition:all 0.2s ease-out 0s;}
.follow-box .code a{display:block;width:100%;height:auto;margin:0;}
.follow-box .code:after{content:'';position:absolute;left:50%;top:100%;margin-left:-8px;width:0;height:0;border:8px solid transparent;font-size:0;border-top-color:#fff;}
.follow-box.code img{width:100%;height:auto;}
.follow-box:hover .code{visibility:visible;opacity:1;transform:none;}
.footer-follow .follow-box a{width:50px;height:50px;line-height:50px;background: hsla(0,0%,100%,.26);border-radius:50%;text-align:center;}
.footer-follow .follow-box i {font-size: 22px;margin-right: 0;}
.footer-follow .follow-box .code{bottom:80px;right:-20px;}
.toplink a{color:#fff;display:inline-block;}
.toplink a:after{content: "/";padding: 0 10px;}
.toplink a:last-child:after{display:none;}
.toplink a:hover{color:#00c7ff;}
.fixedok .main-nav{background: #1f8dd6;box-shadow: 5px 0 10px rgba(0,0,0,.125);}
.fixedok .navbar-brand{padding:15px 0;background-color: #1f8dd6;}
.fixedok .navbar-events .navbar-toggler{background-color:#fff;}
.fixedok .navbar-events i,.fixedok .navbar-events .navbar-toggler-txt{color:#1f8dd6;}
.fixed-mask.fixed{padding-top:0}
/*footer*/
.footer{background: #212121;color: #ddd;padding: 70px 0;position: relative;}
.footer p{margin: 0;line-height: 2em;}
.footer .footnav{padding-top: 20px;font-size: 12px;color: hsla(0,0%,100%,.4);}
.footer .footnav a:hover{color:#fff;}
.footer .copyright{font-size: 12px;color: hsla(0,0%,100%,.4);}
.footer a, .footer a:hover, .footer a:link, .footer a:visited {text-decoration: none;color: inherit;transition: all .2s;}
.footer .footer-logo img{max-width:auto;height:auto;}
.footer .sign{position: absolute;bottom: 20px;right: 20px;height: 300px;max-height: calc(100% - 80px);opacity: .06;pointer-events: none;}
.footer-logo{text-align:right;}
.footer-icons{margin:20px 0;}
.footer-icons .title{position: relative;color:#fff;height:62px;line-height:62px;padding-left:80px;}
.footer-icons .wx{background: url(images/wx.png) left center no-repeat;}
.footer-icons .wb{background: url(images/wb.png) left center no-repeat;}
.footer-icons .dy{background: url(images/dy.png) left center no-repeat;}
.footer-icons .code{position: absolute;z-index: 99;bottom:110%;padding:10px;width:150px;background-color:#fff;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,0.15);border-radius:5px;box-sizing:border-box;visibility: hidden;opacity: 0;transform:translateY(-10px);transition:all 0.2s ease-out 0s;}
.footer-icons .code:after{content:'';position:absolute;left:50%;top:100%;margin-left:-8px;width:0;height:0;border:8px solid transparent;font-size:0;border-top-color:#fff;}
.footer-icons .code img{width:100%;height:auto;}
.footer-icons .code a{display:block;width:100%;height:auto;margin:0;}
.footer-icons:hover .code{visibility:visible;opacity:1;transform:none;}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1340px;}
}
@media (max-width: 1439px) and (min-width:1100px){
    .nav-pc li{width:auto;}
    .nav-pc li h3{padding-left:10px;padding-right:10px;}
    .footlink li h3{margin:0 20px;padding-right:20px;}
    .footer-icons .title{font-size:14px;}
}
@media (max-width:991px){
	.fixed-mask{padding-top:0;}
	.banner-section{position:static;padding-top:56px;}
	.banner-container .banner{position:static;height:51vw;}
	.navigation{height:auto;padding:5px 0;}
	.main-nav .container{padding:0 15px;}
	.fixedok .navbar-brand,.navbar-brand{padding:15px 0;}
    .nav-menu{display:none;}
    .main-nav{background:#1f8dd6;}
	.footer-logo{text-align:center;}
	.follow,.toplink{text-align:center;}
	.toplink a:after{padding:0 2px;}
	.navbar-toggler-icon{width:20px;height:2px;}
	.footer{padding:30px 0;}
}
@media (max-width: 767px){
	.navigation{position:static;}
	.main-nav{height:56px;}
    .fixedok .navbar-brand,.navbar-brand{padding:8px 0;}
    .navbar-logo>img{max-width:100%;height:40px;}
	.navbar-events .navbar-toggler{padding:11px 15px;}
	.navbar-events .navbar-collapse2{top:56px;}
	.navbar-search{position:static;margin-right:40px;float:right;}
	.navbar-toggler-txt,.navbar-search .header-button.open .navbar-toggler-close{display:none;}
	.navbar-search .header-button{width:30px;height:56px;background-position: center center;}
	.search-form{width:100%;top:56px;right:0;}
	.search-form.open{height:70px;}
	.search-form input,.search-form button[type="submit"]{height:34px;}
	.navbar-search .header-button.open .icon-close{font-size:24px;}
	.navbar-events .navbar-nav .nav-link{padding:10px 20px;}
	.navbar-events .dropdown-toggle:after{top:20px;}
	.follow-box a{margin:0}
	.follow-box a i{font-size:20px;}
    .topbanner img{max-width:100%;height:auto;min-height:50px;}
    .navbar-menu{background-color:#878a9a;}
}