/* header */
.header {position:fixed;left: 0;top: 0;z-index: 2100;width: 100%;transition:all .4s ease;}
.header-content {width:1200px;height: 80px;margin: auto;position: relative;}
.header-left {position: relative;width: 100%;height: 100%;}
.header-logo {width:16%;height: auto;position: absolute;top: 50%;transform: translateY(-50%);left: 0;z-index: 11;}
.header-logo a {display: block;position: relative;width: 100%;}
.header-logo img{display: block;width: 100%;height: auto;}
.header-logo svg {fill: #fff!important;display: block;width: 80%;height: auto;}
.header-logo * {fill: #fff!important;}
.header-logo .baise {display: block;}
.header-logo .baise * {fill: #fff!important;}
.header-logo .heise {display: none;}
.header-right {position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 0;}
.header-nav,.header-search,.header-language,.header-right i,.header-right span {display: inline-block;vertical-align: middle;}
.header-nav li {display: inline-block;vertical-align: middle;margin-left: 40px;position: relative;padding: 15px 0;z-index:111;}
.header-nav li a.m1{color: #fff;font-size: 16px;line-height: 16px;position: relative;z-index:333;}
.header-nav li.cur a.m1 {color: #fff;font-weight: bold;}
.header-nav li.cur a.m1::before {content: '';width: 100%;height: 1px;position: absolute;left: 0;bottom: -10px;background: #fff;}
.header-nav li a.m1::after  {content: '';width: 0;height: 1px;position: absolute;left: 0;bottom: -10px;background: #fff;}
.header-nav li a.m1::before {content: '';width: 0;height: 1px;position: absolute;right: 0;bottom: -10px;transition:all .4s ease;background: #fff;}
.header-nav li:hover a.m1::after {width: 100%;transition:all .4s ease;}
.header-nav li:hover a.m1::before {width:100%;background: #fff;transition-delay: .4s;}
.header-right span {font-size: 16px;color: #fff;}
.header-right i {width: 18px;height: 18px;position: relative;margin-right: 5px;}
.header-search {margin: 0 20px 0 50px;}
.header-language {display: inline-block;vertical-align: middle;color: #7e7e7e;position: relative;padding-left: 25px;}
.header-language::before {content: '';width: 2px;height: 15px;position: absolute;top: 50%;transform: translateY(-50%);left: 0;background: #fff;}

.header-logo .logo{display: none;}
.header-logo .logo-white{display: block; filter: drop-shadow(0px 0px 2px #000);}
.black .header-logo .logo{display: block;}
.black .header-logo .logo-white{display: none;}
.scroll-top .header-logo .logo{display: block;}
.scroll-top .header-logo .logo-white{display: none;}

.header-nav-phone {display: block;position: fixed;right: 0;top: 0;z-index: 111;background: #333;width: 100%;height: 100%;transition:all .4s ease;transform: translateX(100%);}
.menu-toggle {display: none;width: 40px;height: 40px;position: absolute;overflow: hidden;right: 0;top: 50%;transform: translateY(-50%);}
.cd-nav-trigger {display: block;width: 40px;height: 40px;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#ccc;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#ccc;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #ccc;}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #ccc;}

.no-touch .header-nav-phone {transform: translateX(0);}
.no-touch .header  {z-index: 200;background: none;}
.header-nav-phone {padding-top: 70px;}
.header-nav-phone li {display: block;overflow: hidden;list-style: none;margin: 0;text-align: center;border-bottom: 1px solid #4c4c4c;}
.header-nav-phone li a {display: block;padding: 4% 0;font-size: 16px;color: #fff;}
.header.black .menu-toggle span.hamburger,.header.black .menu-toggle span.hamburger:after,.header.black .menu-toggle span.hamburger:before {background: #000;}
.search-language {text-align: center;padding: 8% 0;}
.search-language a{display: inline-block;vertical-align: middle;padding: 0 20px;position: relative;}
.search-language a::after {content: '';width: 1px;height: 20px;top: 0;z-index: 1;background: #999;position: absolute;right: 0;}
.search-language a:last-child::after {display: none;}
.search-language a i{display: block;width: 20px;height: 20px;position: relative;}
.search-language a i * {fill: #999!important;}
.share-icon {text-align: center;padding-top: 10%;}
.share-icon a{display: inline-block;vertical-align: middle;padding: 0 10px;position: relative;}
.share-icon a i{display: block;width: 25px;height: 25px;position: relative;}
.share-icon a i img {width: 100%!important;filter: invert(100%);opacity: .5;}
.share-icon a i svg{opacity: .5;}
.share-icon a .ewmshows {text-align: center;}
.share-icon a .ewmshows img{max-width: 80px;max-height: 80px;margin: auto;display: inline-block;}
.share-icon a:hover .ewmshows{display: block;opacity: 1;}



/* scroll - top - down - cur - on -hover */
.header.black {border-bottom: 1px solid #e6e6e6;}
.header.scroll-top,.header.scroll-down {border-bottom: 1px solid #f1f1f1;}
.header.black .header-logo .baise,.header.scroll-top .header-logo .baise,.header.scroll-down .header-logo .baise {display: none;}
.header.black .header-logo .heise,.header.scroll-top .header-logo .heise,.header.scroll-down .header-logo .heise {display: block;}
.header.black .header-logo .log0,.header.scroll-top .header-logo .log0,.header.scroll-down .header-logo .log0  {fill: #48207f!important;}
.header.black .header-logo .log1,.header.scroll-top .header-logo .log1,.header.scroll-down .header-logo .log1  {fill: #11b1bf!important;}
.header.black .header-nav li a,.header.scroll-top .header-nav li a,.header.scroll-down .header-nav li a{color: #271475;}
.header.black .header-nav li a:hover,.header.scroll-top .header-nav li a:hover,.header.scroll-down .header-nav li a:hover {color: #321e87;}
.header.black .header-search i *,.header.scroll-top .header-search i *,.header.scroll-down .header-search i *{fill: #271475;}
.header.black .header-language::before,.header.scroll-top .header-language::before,.header.scroll-down .header-language::before {background: #000;}
.header.black .header-language i *,.header.scroll-top .header-language i *,.header.scroll-down .header-language i *{fill: #271475;}
.header.black .header-right span,.header.scroll-top .header-right span,.header.scroll-down .header-right span  {color: #271475;}
.header.black .header-nav li.cur a,.header.scroll-top .header-nav li.cur a,.header.scroll-down .header-nav li.cur a  {color: #271475;}

.header.scroll-top,.header.scroll-down {background: #fff;}
.header.black.scroll-top,.header.black.scroll-down {background: #fff;}
.no-touch .header.scroll-top,.no-touch .header.scroll-down {background: none;border-bottom:none;}
.no-touch .header .header-logo .baise,.no-touch .header.scroll-down .header-logo .baise,.no-touch .header.scroll-top .header-logo .baise{display: block;}
.no-touch .header .header-logo .heise,.no-touch .header.scroll-down .header-logo .heise,.no-touch .header.scroll-top .header-logo .heise{display: none;}
.no-touch .header.black .header-logo .log0,.no-touch .header.scroll-top .header-logo .log0,.no-touch .header.scroll-down .header-logo .log0  {fill: #fff!important;}
.no-touch .header.black .header-logo .log1,.no-touch .header.scroll-top .header-logo .log1,.no-touch .header.scroll-down .header-logo .log1  {fill: #fff!important;}

.header.scroll-down {top: -100px;}

.header.black .header-nav li.cur a.m1::before,.header.black .header-nav li a.m1::after,.header.black .header-nav li a.m1::before {background: #271475;}

.index-banner {width: 100%;overflow: hidden;position: relative;background: #000;}
.index-banner-item .text{color: #fff;position: absolute;width: 90%;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;text-align: center;}
.index-banner-item .title-1{font-size: 32px; text-shadow: 1px 1px 5px black;}
.index-banner-item .title-2{font-size: 74px;line-height: 90px;font-weight: bold;padding: 10px 0; text-shadow: 1px 1px 5px black;}
.index-banner-item .line-3{width:478px;height: 7px;background: url('../img/line.png') center no-repeat;margin: 30px auto 50px auto; overflow: hidden;mix-blend-mode: screen;display: none;}
.index-banner-item .more-4 {clear: both;overflow: hidden;}
.index-banner-item .more-4 a {border: 1px solid #fff;display: inline-block;color: #fff;padding: 10px 35px;border-radius: 4px;background: #2a0263;font-size: 14px;width: auto;}
.index-banner-item .img{position: relative;}
.index-banner-item .img .pic {opacity: 1;}
.index-banner-swiper .swiper-slide-active .img .pic {animation: srmgani 4000ms 1 ease forwards;}
@keyframes srmgani{0%{transform:scale(1.05);} 100%{transform:scale(1.0);}}
.index-banner-swiper .title-1 {transform:translateY(200px);opacity:0;transition:all 0.2s;}
.index-banner-swiper .title-2 {transform:translateY(200px);opacity:0;transition:all 0.4s;}
.index-banner-swiper .title-3 {transform:translateY(200px);opacity:0;transition:all 0.7s;}
.index-banner-swiper .more-4  {transform:translateY(200px);opacity:0;transition:all 0.9s;}
.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .title-2,
.index-banner-swiper .swiper-slide-active .title-3,
.index-banner-swiper .swiper-slide-active .more-4 {transform:translateY(0px);opacity:1;}

.index-banner-swiper .banner-pagination {bottom: auto;margin-top: auto;transform: translateX(-50%);width: auto;left: 50%;height: 1px;bottom:15%;}
.index-banner-swiper .banner-pagination span {border-radius: 0;width:50px;height: 1px;background: #fff;margin: 0!important;transition:all .4s ease;opacity: .5;position: relative;margin-left: 8px!important;}
.index-banner-swiper .banner-pagination span::before{content: '';position: absolute;top:-4px;height: 6px;width:6px;left: -9px;border-radius: 100%;border: 1px solid #fff ;z-index: 2;transition:all .4s ease;}
.index-banner-swiper .banner-pagination span::after {content: '';position: absolute;top:-9px;height: 18px;width:18px;left: -14px;border-radius: 100%;background: rgba(255,255,255,.2);z-index: 1;display: none;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active {opacity: 1;background: rgba(255,255,255,.5);}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::after {display: block;}
.index-banner-swiper .banner-pagination span:last-child{background: none;width: 0px;}
.index-banner-swiper .banner-pagination span i{border-radius:0;background: #fff;left: 0px;width: 0;height: 1px;top: 0px;position: absolute;}
.index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active i {-webkit-animation: ws100 4000ms 1;animation: ws100 4000ms 1;}
@keyframes ws100{0%{width: 0%;} 100%{width: 100%;}}

.container{max-width: 1400px; margin: 0 auto; padding-top: 40px;}
.image-box{display: flex; padding: 20px; margin-bottom: 20px; background: #fff; align-items: center; border: 1px #f2f2f2 solid;}
.overlay-container{width: 375px; overflow: hidden;}
.overlay-container img{display: block; transition: all .5s ease-in-out;}
.overlay-container:hover img{transform: scale(1.1);}
.image-box-body{padding: 20px; flex: 1;}
.image-box-body h2{color: #0079BA; font-size: 16px; font-weight: bold;}
.image-box-body small{color: #919191; font-size: 12px; font-style: italic;}
.image-box-body p{font-size: 16px; color: #003969; margin-bottom: 20px; line-height: 1.5;}
.separator-2{display: block; width: 70px; height: 1px; margin: 15px 0 15px; background-color: #1896D0; position: relative; transition: all .3s ease 0s;}
.image-box:hover .separator-2{width: 100%;}
.image-box:hover .image-box-body p{color: #101010;}
.btn-info{display: flex; align-items: center; justify-content: center; width: 105px;}
.btn-info .iconfont{font-size: 12px; color: #fff;}