.main-color{color:#11216c}
.w1200{width:1200px;margin:auto}
.w1400{width:1400px;margin:auto}
.w1600{width:1600px;margin:auto}
@font-face{font-family:'BLACK';src:url('../fonts/GEO415M.TTF')}
.icon{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;-moz-osx-font-smoothing:grayscale}
.bg-f5{background:#f5f5f5}
.page-bg{background:#f8f8f8}
.pt-80{padding-top:80px}
.box-border{box-sizing:border-box}
.font-72{font-size:4.5rem}
.font-60{font-size:3.75rem}
.font-36{font-size:2.25rem}
.font-32{font-size:2rem}
.font-30{font-size:1.875rem}
.font-28{font-size:1.75rem}
.font-24{font-size:1.5rem}
.font-20{font-size:1.25rem}
.font-48{font-size:3rem}
.font-42{font-size:2.625rem}
.font-18{font-size:1.125rem}
.font-16{font-size:1rem}
.font-14{font-size:14px}
.font-12{font-size:12px}
.color-f{color:#fff}
.color-3{color:#333}
.color-6{color:#666}
.color-9{color:#999}
.color-home{color:#11216c}
.ho-img{position:absolute;top:0;left:0;right:0;bottom:0;min-width:auto;min-height:auto;width:100%;height:100%;transform:none;transition:transform .5s ease;object-fit:cover;max-height:100%}
.swiper-pagination-bullet-active{background:#11216c}
.flex-1{flex:1}
.pt-110{padding-top:110px}
header{position:fixed;top:0;left:0;right:0;z-index:99;padding:0 4%}
header.active-h .head-nav{height:68px}
header .head-nav{height:110px;transition:height .5s}
header .head-nav .logo{height:100%}
header .head-nav .logo .logo-img{display:block}
header .head-nav .logo .h-logo-img{display:none}
header .head-nav ul{height:100%}
header .head-nav ul>li{height:100%;margin:0 34px}
header .head-nav ul>li a{position:relative}
header .head-nav ul>li a::before{content:'';position:absolute;left:50%;right:50%;bottom:0;height:2px;background:rgba(255,255,255,0.9);transition:.5s;overflow:hidden}
header .head-nav ul>li a:hover{color:#fff}
header .head-nav ul>li a:hover::before{left:0;right:0}
header .head-nav ul>li.active a{color:#fff}
header .head-nav ul>li.active a::before{left:0;right:0}
header .head-nav .info a,header .head-nav .info span{width:44px;height:44px;border-radius:50%;background-color:rgba(255,255,255,0.3)}
header .head-nav .info .common{transition:.5s;position:relative}
header .head-nav .info .common img{position:absolute;left:-20px;right:-20px;height:88px;display:none;top:130%}
header .head-nav .info .common:hover{transform:translateY(-10px)}
header .head-nav .info .common:hover img{display:block;top:110%}
header .head-nav .info .location:hover{background:#0374ff}
header .head-nav .info span:hover{background:#2b884c}
header .head-nav .info .store{transition:transform .5s}
header .head-nav .info .store:hover{transform:translateY(-10px);background:url(../images/icon/tm2.png);background-size:cover}
header .head-nav .info .store:hover .icon{opacity:0}
header .menu .icon{font-size:24px}
header.page-active{border-bottom:1px #ddd solid}
header.active,header.page-active{background:#fff}
header.active .logo .logo-img,header.page-active .logo .logo-img{display:none}
header.active .logo .h-logo-img,header.page-active .logo .h-logo-img{display:block}
header.active ul>li>a,header.page-active ul>li>a{color:#333}
header.active ul>li>a::before,header.page-active ul>li>a::before{background:#333}
header.active ul>li>a:hover,header.page-active ul>li>a:hover{color:#333}
header.active ul>li>a:hover::before,header.page-active ul>li>a:hover::before{left:0;right:0}
header.active ul>li.active a,header.page-active ul>li.active a{color:#333}
header.active ul>li.active a::before,header.page-active ul>li.active a::before{left:0;right:0}
header.active .info a,header.page-active .info a,header.active .info span,header.page-active .info span{background:rgba(0,0,0,0);border:1px #ddd solid}
header.active .info a .icon,header.page-active .info a .icon,header.active .info span .icon,header.page-active .info span .icon{color:#666}
header.active .info .common:hover,header.page-active .info .common:hover{border:1px #fff solid}
header.active .info .common:hover .icon,header.page-active .info .common:hover .icon{color:#fff}
@keyframes navtop{0%{top:120%}
100%{top:100%}}.move-right .icon{transition:.5s}
.move-right:hover .icon{transform:translateX(10px)}
footer{background:#0b2548}
footer .foot-nav ul li{margin-right:64px}
footer .foot-nav ul li:last-child{margin-right:0}
footer .foot-nav ul li a{display:block;color:rgba(255,255,255,0.55);line-height:36px}
footer .foot-nav ul li a:hover{color:rgba(255,255,255,0.8)}
footer .foot-nav p{color:rgba(255,255,255,0.55)}
footer .foot-nav .contact h2{color:#f1cba3;font-family:'BLACK'}
footer .foot-nav .contact .info span{width:44px;height:44px;background:rgba(255,255,255,0.5);display:flex;justify-content:center;align-items:center;border-radius:50%}
footer .foot-nav .contact .info img{position:absolute;left:-20px;right:-20px;bottom:110%;height:84px;opacity:0;z-index:-1;transition:.5s}
footer .foot-nav .contact .info div:hover img{opacity:1;z-index:1}
footer .foot-nav .contact .info a,footer .foot-nav .contact .info div{transition:.5s}
footer .foot-nav .contact .info a:hover,footer .foot-nav .contact .info div:hover{transform:translateY(-10px)}
footer .foot-nav .contact .info .location span:hover{background:#0374ff}
footer .foot-nav .contact .info div span:hover{background:#2b884c}
footer .foot-nav .contact .info .store:hover span{background:url(../images/icon/tm2.png);background-size:cover}
footer .foot-nav .contact .info .store:hover span .icon{opacity:0}
footer .links span{font-size:14px;color:rgba(255,255,255,0.55)}
footer .links a{font-size:14px;color:rgba(255,255,255,0.55)}
footer .links a:hover{color:rgba(255,255,255,0.7)}
footer .code img{width:100px}
footer .copyright{border-top:1px rgba(255,255,255,0.2) solid}
footer .copyright p{color:rgba(255,255,255,0.3);font-size:14px}
footer .copyright a{color:rgba(255,255,255,0.3);font-size:14px;margin-left:10px}
footer .copyright a:hover{color:rgba(255,255,255,0.6)}
footer .copyright .info a span{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,0.3);display:flex;justify-content:center;align-items:center}
footer .copyright .info div span{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,0.3);display:flex;justify-content:center;align-items:center}
.foot-btn{position:fixed;bottom:0;left:0;right:0;background:#11216c;z-index:9999}
.foot-btn a{height:50px;width:25%;border-left:1px rgba(255,255,255,0.2) solid;box-sizing:border-box;font-size:12px;color:#fff}
.foot-btn a .icon{color:#fff;font-size:18px;margin-bottom:2px}
.foot-btn a:first-child{border-left:none}
.swiper-wrapper{height:auto !important}
.menu-container-mask{position:fixed;top:0;left:100%;width:100vw;height:100vh;overflow:hidden;z-index:1000;background-color:rgba(0,0,0,0.6);transition:.2s;z-index:9999}
.menu-container{position:absolute;top:0;right:0;width:60%;height:100%;overflow:hidden;background-color:#fff}
.top-menu-list{position:absolute;top:0;right:0;width:100%;height:100%;transition:.2s}
.top-menu-list.active{transform:translateX(-100%)}
.top-menu-list>li{height:48px;line-height:48px}
.top-menu-list>li li:first-child,.top-menu-list>li:first-child{height:45px}
.top-menu-list>li li:first-child>a,.top-menu-list>li:first-child>a{background-color:#f7f7f7;height:45px}
.top-menu-list>li a{height:100%;padding:0 32px 0 16px;display:flex;align-items:center;justify-content:space-between;color:#666;font-size:14px}
.top-menu-list>li a span{color:#666;font-size:14px}
.top-menu-list>li a .icon{color:#666;font-size:14px}
.top-menu-list>li .title-name{height:100%;padding:0 32px 0 16px;display:flex;align-items:center;justify-content:space-between;color:#666;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;white-space:normal;overflow:hidden}
.top-menu-list ul{position:absolute;left:100%;width:100%;background-color:#fff;top:0;height:100%;display:none}
.top-menu-list ul li{height:48px;line-height:48px}
.top-menu-list ul.active{display:block}
.home-banner .pagination{position:absolute;left:0;right:0;margin:auto;bottom:30px;z-index:2;display:flex}
.home-banner .pagination span{width:10px;height:10px;margin-right:20px;border:2px transparent solid;background:#848791}
.home-banner .pagination .swiper-pagination-bullet-active{border:2px #fff solid;background:transparent}
.home-banner .banner-text{position:absolute;left:0;top:0;bottom:0;right:0;display:flex;justify-content:center;margin:auto;flex-direction:column}
.home-banner .banner-text h2{color:#f1cba3}
.ho-h2 h2{line-height:70px}
.main-title{border-bottom:2px #11216c solid}
.home-about .more{background:#11216c;width:200px;height:52px}
.home-about .more:hover{color:rgba(255,255,255,0.7)}
.home-about .main-title img{position:absolute;right:36%;bottom:-2px}
.home-about .content .title p{line-height:30px}
.home-about .content ul{width:400px;margin-left:8%}
.home-about .content ul li{padding:60px 0;margin-bottom:36px;border-bottom:1px #11216c solid;position:relative;z-index:1}
.home-about .content ul li::before{content:'';position:absolute;left:-30px;top:0;bottom:0;width:0;transition:.5s;z-index:-1}
.home-about .content ul li:nth-child(1)::before{background:url(../images/index/about-bg1.jpg);background-size:cover}
.home-about .content ul li:nth-child(2)::before{background:url(../images/index/about-bg2.jpg);background-size:cover}
.home-about .content ul li:nth-child(3)::before{background:url(../images/index/about-bg3.jpg);background-size:cover}
.home-about .content ul li:last-child{margin-bottom:0;border-bottom:none}
.home-about .content ul li:hover{border-bottom:1px rgba(0,0,0,0) solid}
.home-about .content ul li:hover::before{width:calc(100% + 60px)}
.home-about .content ul li:hover h3{color:#fff}
.home-about .content ul li:hover p{color:#fff}
.home-about .content ul li h3{font-family:'BLACK';font-size:120px;line-height:120px}
.home-about .content ul li p{line-height:36px}
.home-adv .content .img{margin-right:100px}
.home-adv .content .text{position:absolute;left:0;top:0;bottom:0;right:0;padding-top:14%;display:flex;flex-direction:column;align-items:center}
.home-adv .content .text h3{line-height:52px}
.home-adv .content .text a{width:150px;height:40px;background:#fff}
.home-adv .content .text a:hover{background:#11216c;color:rgba(255,255,255,0.8)}
.home-adv .content ul{height:100%}
.home-adv .content ul li{height:30%;position:relative;background:#f7f9fe;z-index:1}
.home-adv .content ul li::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;transition:.5s;z-index:-1;background:url(../images/index/honor-bg.jpg) no-repeat;background-size:cover}
.home-adv .content ul li .img{height:54px;width:54px;display:flex;justify-content:center;align-items:center}
.home-adv .content ul li .img img{max-width:100%;max-height:100%}
.home-adv .content ul li .img .a{display:block}
.home-adv .content ul li .img .b{display:none}
.home-adv .content ul li h3{font-family:'BLACK'}
.home-adv .content ul li h3 i{font-family:'BLACK'}
.home-adv .content ul li p{line-height:32px}
.home-adv .content ul li:hover::before{width:100%}
.home-adv .content ul li:hover .img .b{display:block}
.home-adv .content ul li:hover .img .a{display:none}
.home-adv .content ul li:hover h3{color:#fff}
.home-adv .content ul li:hover p{color:#fff}
.home-merchants{background:url(../images/index/zs-bg.jpg);background-size:cover;position:relative}
.home-merchants .content{height:820px}
.home-merchants .content p{color:rgba(255,255,255,0.8);line-height:24px}
.home-merchants .content .desc{margin-top:6%;border-left:1px rgba(255,255,255,0.5) solid}
.home-merchants .content .desc a{width:20px;height:20px;border:1px rgba(255,255,255,0.8) solid;border-radius:50%;display:flex;justify-content:center;align-items:center;color:rgba(255,255,255,0.8)}
.home-merchants .content .img{position:absolute;left:0;top:0;bottom:0;right:0;width:500px;height:500px;display:flex;justify-content:center;align-items:center;margin:auto;z-index:2}
.home-merchants .content .img .text{position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}
.home-merchants .content .img .text a{width:180px;height:44px;background:#fff}
.home-merchants .content .img .text a:hover{background:#11216c;color:rgba(255,255,255,0.8)}
.home-merchants .content ul{position:absolute;left:0;top:0;bottom:0;right:0}
.home-merchants .content ul li{width:90px;height:90px;background:url(../images/index/icon-bg.png);background-position:center center;background-size:cover;display:flex;justify-content:center;align-items:center;position:absolute;z-index:1}
.home-merchants .content ul li:nth-child(1){top:40%;left:0;animation:sportst 4s linear infinite}
.home-merchants .content ul li:nth-child(2){top:55%;left:8%;animation:sportsb 3s linear infinite}
.home-merchants .content ul li:nth-child(3){top:40%;left:20%;animation:sportst 7s linear infinite}
.home-merchants .content ul li:nth-child(4){top:55%;left:26%;animation:sportsb 4.5s linear infinite}
.home-merchants .content ul li:nth-child(5){top:40%;right:26%;animation:sportst 3s linear infinite}
.home-merchants .content ul li:nth-child(6){top:55%;right:20%;animation:sportsb 5.5s linear infinite}
.home-merchants .content ul li:nth-child(7){top:40%;right:8%;animation:sportst 8s linear infinite}
.home-merchants .content ul li:nth-child(8){top:55%;right:0;animation:sportsb 6s linear infinite}
.home-merchants .link{position:absolute;left:0;right:0;top:30%;bottom:30%;display:flex;align-items:center}
.home-merchants .link .editorial{width:100%;height:100%;position:absolute;left:0;bottom:10px}
.home-merchants .link .parallax>use{animation:move-forever 12s linear infinite}
.home-merchants .link .parallax>use:nth-child(1){animation-delay:-1s}
.home-merchants .link .parallax>use:nth-child(2){animation-delay:-2s;animation-duration:10s}
.home-merchants .link .parallax>use:nth-child(3){animation-delay:-4s;animation-duration:12s}
@keyframes sportsb{0%{transform:translateY(0)}
50%{transform:translateY(30px)}
100%{transform:translateY(0)}}@keyframes sportst{0%{transform:translateY(0)}
50%{transform:translateY(-30px)}
100%{transform:translateY(0)}}@keyframes move-forever{0%{transform:translate(-90px, 0%);-webkit-transform:translate(-90px, 0%)}
100%{transform:translate(85px, 0%);-webkit-transform:translate(85px, 0%)}}@-webkit-keyframes move-forever{0%{transform:translate(-90px, 0%);-webkit-transform:translate(-90px, 0%)}
100%{transform:translate(85px, 0%);-webkit-transform:translate(85px, 0%)}}.home-product .ho-h2{border-top:2px #11216c solid}
.home-product ul li{width:32.5%;background:url(../images/index/pro-bg.jpg);background-size:cover;position:relative}
.home-product ul li::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;transition:.5s;overflow:hidden}
.home-product ul li:nth-child(1)::before{background:url(../images/index/pro1.jpg);background-size:cover}
.home-product ul li:nth-child(2)::before{background:url(../images/index/pro2.jpg);background-size:cover}
.home-product ul li:nth-child(3)::before{background:url(../images/index/pro3.jpg);background-size:cover}
.home-product ul li a{height:200px}
.home-product ul li a h4{transition:transform .5s}
.home-product ul li a .img{transition:transform .5s;position:relative;width:110px;height:90px}
.home-product ul li a .img img{position:absolute;left:0;top:0;bottom:0;right:0;display:flex;margin:auto;max-width:100%;max-height:100%}
.home-product ul li a .img img.h{opacity:1;z-index:1}
.home-product ul li a .img img.b{opacity:0;z-index:-1}
.home-product ul li:hover::before{width:100%}
.home-product ul li:hover h4{color:#fff;transform:translateX(10px)}
.home-product ul li:hover .img{transform:translateX(10px)}
.home-product ul li:hover .img img.h{opacity:0;z-index:-1}
.home-product ul li:hover .img img.b{opacity:1;z-index:1}
.home-product .product-container .marks{position:absolute;right:0;width:22%;top:0;bottom:0;z-index:1;overflow:hidden;background:linear-gradient(to right bottom, rgba(255,255,255,0.6), rgba(255,255,255,0.1));backdrop-filter:blur(10px)}
.home-product .product-container .marks a{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100%}
.home-product .product-container .sub-btn{position:absolute;left:0;width:74%;z-index:2;bottom:40px}
.home-product .product-container .sub-btn .btn-width{border-bottom:2px rgba(255,255,255,0.5) solid}
.home-product .product-container .sub-btn .title{position:relative}
.home-product .product-container .sub-btn .title::before{content:'';position:absolute;left:0;right:0;bottom:-2px;height:2px;background:#fff}
.home-product .product-container .product-btn{position:absolute;right:26%;bottom:40px;z-index:2}
.home-product .product-container .product-btn>div{margin-left:12px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.4);display:flex;justify-content:center;align-items:center}
.home-product .product-container .product-btn>div:hover{background:#fff}
.home-store{height:920px;background:url(../images/index/store-bg.jpg);background-size:cover;background-position:center center;position:relative}
.home-store::before{content:'';position:absolute;left:0;right:0;height:210px;bottom:0;background:url(../images/index/md.png) no-repeat;background-position:center bottom;z-index:1}
.home-store .content{z-index:2;position:absolute;left:0;right:0;bottom:0;top:0;display:flex;justify-content:center;align-items:center;flex-direction:column}
.home-store form select{display:block;width:516px;height:56px;border:1px #ddd solid;color:#333}
.home-store form button{width:240px;height:50px;background:#11216c}
.home-store form button:hover{color:rgba(255,255,255,0.7)}
.home-store form button:hover .icon{color:rgba(255,255,255,0.7)}
.home-news{background:url(../images/index/news-bg.jpg);background-size:cover}
.home-news ol li:hover a{color:#11216c}
.home-news .content .news-item{padding-left:120px}
.home-news .content .news-item ul li a .img{padding-top:65%;position:relative;overflow:hidden}
.home-news .content .news-item ul li a .img::before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(17,33,108,0.8);z-index:1}
.home-news .content .news-item ul li a .text{width:80%}
.home-news .content .news-item ul li a .text h4{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;white-space:normal;overflow:hidden}
.home-news .content .news-item ul li a .text p{line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;white-space:normal;overflow:hidden;height:48px}
.home-news .content .news-item ul li a:hover img{transform:scale(1.1)}
.home-news .content .news-item ul li.swiper-slide-next .img::before,.home-news .content .news-item ul li.swiper-slide-active .img::before{content:none}
.home-news .content .news-btn{position:absolute;left:0;top:0;bottom:0;right:0;margin:0}
.home-news .content .news-btn div{position:absolute;top:42%;z-index:3}
.home-news .content .news-btn div .icon{transition:.5s}
.home-news .content .news-btn div.prev{left:0}
.home-news .content .news-btn div.prev:hover .icon{transform:translateX(-10px)}
.home-news .content .news-btn div.next{right:0}
.home-news .content .news-btn div.next:hover .icon{transform:translateX(10px)}
.navbar-nav-more-body{position:fixed;top:0;left:100%;width:100vw;height:100vh;overflow:hidden;z-index:1000;background-color:rgba(0,0,0,0.6);transition:.2s}
.navbar-nav-more-body .box-shadown{position:absolute;top:0;left:0;width:40%;height:100%}
.navbar-nav-more-body .offcanva{position:absolute;top:0;right:0;width:60%;height:100%;overflow:hidden;background-color:#fff}
.navbar-nav-more-body .offcanvas-body{position:relative}
.navbar-nav-more-body .offcanvas-end{width:60%;z-index:999999}
.navbar-nav-more-body .top-menu-list{position:absolute;top:0px;right:0;width:100%;height:100%;transition:.2s;font-size:1rem;padding:0}
.navbar-nav-more-body .top-menu-list.active{transform:translateX(-100%)}
.navbar-nav-more-body .top-menu-list>li{height:3.5rem;line-height:3.5rem;padding:0}
.navbar-nav-more-body .top-menu-list>li li:first-child,.navbar-nav-more-body .top-menu-list>li:first-child{height:2.8rem}
.navbar-nav-more-body .top-menu-list>li li:first-child>a,.navbar-nav-more-body .top-menu-list>li:first-child>a{background-color:#f7f7f7;height:2.8rem}
.navbar-nav-more-body .top-menu-list>li a{height:100%;padding:0 1rem;display:flex;align-items:center;justify-content:space-between}
.navbar-nav-more-body .top-menu-list>li a:hover{color:#11216c}
.navbar-nav-more-body .top-menu-list ul{position:absolute;left:100%;width:100%;background-color:#fff;top:0;height:100%;padding:0;display:none}
.navbar-nav-more-body .top-menu-list ul.active{display:block}
.navbar-nav-more-body .top-menu-list .icon{font-size:16px;color:#666}
.navbar-nav-more-body .top-menu-list ul.active .icon{margin-right:.5rem}
.product-banner .banner-pro-nav{position:absolute;left:0;top:0;right:0;bottom:0}
.product-banner .banner-pro-nav a{flex-direction:column;align-items:center;margin:0 50px;width:240px;height:240px;justify-content:center;position:relative;z-index:1}
.product-banner .banner-pro-nav a .img{width:110px;height:90px;display:flex;justify-content:center;align-items:center}
.product-banner .banner-pro-nav a .img img{max-width:100%;max-height:100%}
.product-banner .banner-pro-nav a.active{background:linear-gradient(to right bottom, rgba(255,255,255,0.6), rgba(255,255,255,0.1));backdrop-filter:blur(10px)}
.position{height:78px;border-bottom:1px #eee solid}
.position .content{height:100%}
.position .category ul li a{display:flex;align-items:center;height:78px;position:relative}
.position .category ul li a::before{content:'';position:absolute;left:50%;right:50%;transition:.5s;bottom:-2px;height:2px;overflow:hidden;background:#11216c}
.position .category ul li:hover a,.position .category ul li.active a{color:#11216c}
.position .category ul li:hover a::before,.position .category ul li.active a::before{left:0;right:0}
.breadcrumb{margin-bottom:0rem;font-size:14px;color:#11216c}
.breadcrumb-item+.breadcrumb-item::before{content:var(--bs-breadcrumb-divider, ">")}
.breadcrumb-item{display:flex;align-items:center}
.breadcrumb-item a{color:#666;font-size:14px}
.breadcrumb-item a:hover{color:#11216c !important}
.product-list ul>li{justify-content:space-between;margin-bottom:0px}
.product-list ul>li:nth-child(even){flex-direction:row-reverse}
.product-list ul>li:nth-child(even) .banner-carousel .pro-btn{left:auto;right:-56px}
.product-list ul>li:nth-child(even) .banner-carousel .pro-btn div.next{background: url(../images/qhtby.png) no-repeat center top; !important}
.product-list ul>li:nth-child(even) .banner-carousel .pro-btn div.next .icon{color:#fff !important;transition:.5s}
.product-list ul>li:nth-child(even) .banner-carousel .pro-btn div.prev{background: url(../images/qhtbz.png) no-repeat center top; !important}
.product-list ul>li:nth-child(even) .banner-carousel .pro-btn div.prev .icon{color:#11216c !important;transition:.5s}
.product-list ul>li:last-child{margin-bottom:0}
.product-list ul>li .text{width:50%;padding-left:8%;padding-top:4%}
.product-list ul>li .text h4{width:70%;font-family:'BLACK'}
.product-list ul>li .text .product-title ol li a{line-height:26px;position:relative;transition:.6s;display:block; font-size:18px}
.product-list ul>li .text .product-title ol li a::before{content:'';position:absolute;width:0;left:0;top:10px;height:1px;background:#11216c;overflow:hidden;transition:.5s}
.product-list ul>li .text .product-title ol li.active a{padding-left:60px;color:#11216c; font-size:24px}
.product-list ul>li .text .product-title ol li.active a::before{width:50px}
.product-list ul>li .banner-carousel{width:50%}
.product-list ul>li .banner-carousel .img{width:670px;height:513px;display:block;position:relative;overflow:hidden}
.product-list ul>li .banner-carousel .pro-btn{position:absolute;left:-56px;bottom:0;width:150px;display:flex;z-index:1}
.product-list ul>li .banner-carousel .pro-btn div{width:50%;height:68px;display:flex;justify-content:center;align-items:center}
.product-list ul>li .banner-carousel .pro-btn div.next{background:#fff}
.product-list ul>li .banner-carousel .pro-btn div.next .icon{color:#11216c;transition:.5s}
.product-list ul>li .banner-carousel .pro-btn div.next:hover .icon{transform:translateX(10px)}
.product-list ul>li .banner-carousel .pro-btn div.prev{background:#11216c}
.product-list ul>li .banner-carousel .pro-btn div.prev .icon{color:#fff;transition:.5s}
.product-list ul>li .banner-carousel .pro-btn div.prev:hover .icon{transform:translateX(-10px)}
.page-position .back:hover{color:#11216c}
.product-page .content .page-container .img{height:710px;position:relative;overflow:hidden}
.product-page .content .pro-btn{position:absolute;right:-56px;bottom:0;width:112px;z-index:1}
.product-page .content .pro-btn div{width:50%;height:50px;display:flex;justify-content:center;align-items:center}
.product-page .content .pro-btn div.prev{background:#fff}
.product-page .content .pro-btn div.prev .icon{color:#11216c;transition:.5s}
.product-page .content .pro-btn div.prev:hover .icon{transform:translateX(10px)}
.product-page .content .pro-btn div.next{background:#11216c}
.product-page .content .pro-btn div.next .icon{color:#fff;transition:.5s}
.product-page .content .pro-btn div.next:hover .icon{transform:translateX(-10px)}
.product-page .content .desc h4{font-family:'BLACK'}
.product-page .content .desc h2{border-bottom:2px #11216c solid}
.product-page .content .desc .con{line-height:36px}
.product-page .content .desc .buy span{width:36px;height:36px;border-radius:50%;border:1px #ddd solid;display:flex;justify-content:center;align-items:center}
.product-page .content .desc .buy span .icon{color:#11216c}
.product-page .content .desc .buy a:hover{color:#11216c}
.product-page .content .desc .buy a:hover span{background:#11216c}
.product-page .content .desc .buy a:hover span .icon{color:rgba(255,255,255,0.8)}
.product-page .content .desc .info a{width:194px;height:50px;background:#11216c;color:#fff}
.product-page .content .desc .info a .icon{color:#fff}
.product-page .content .desc .info a:hover{color:rgba(255,255,255,0.7)}
.product-page .content .desc .info a:hover .icon{color:rgba(255,255,255,0.7)}
.product-page .content .desc .info h4{font-family:'BLACK'}
.product-page .content1 ol li a.active,.product-page .content1 ol li a:hover{color:#11216c}
.product-page .content1 .tab-content{padding:80px 120px}
.product-page .content1 .tab-content .tab-pane img{max-width:100%}
.product-page .content1 .related-case ul li .item:hover h4{color:#11216c}
.case-list ul li .item .img{padding-top:60%;overflow:hidden}
.case-list ul li .item h4{position:relative;padding-left:50px;transition:.5s}
.case-list ul li .item h4::before{content:'';position:absolute;left:0;top:12px;width:40px;height:1px;background:#333;transition:.5s}
.case-list ul li .item:hover img{transform:scale(1.1)}
.case-list ul li .item:hover h4{color:#11216c;padding-left:110px}
.case-list ul li .item:hover h4::before{width:100px;background:#11216c}
.pagination-box{text-align:center;line-height:32px;color:#595959}
.pagination-box select{margin:0 8px}
.pagination-box a,.pagination-box span{display:inline-block;width:32px;height:32px;line-height:30px;border:1px solid #e2e2e2;border-radius:2px;text-align:center;margin-right:8px;cursor:pointer;vertical-align:top;color:#666;font-size:14px}
.pagination-box a:last-child,.pagination-box span:last-child{margin-right:0}
.pagination-box a.active,.pagination-box span.active,.pagination-box a.current,.pagination-box span.current,.pagination-box a:hover,.pagination-box span:hover{background-color:#11216c;border-color:#11216c;color:#fff !important}
.pagination-box select{height:32px;border:1px solid #e2e2e2;box-sizing:border-box}
.pagination-box .prev_disabled,.pagination-box .next_disabled{background-color:transparent !important;border-color:#e2e2e2 !important;color:#e2e2e2 !important;cursor:no-drop}
.pagination-box .prev_disabled:hover,.pagination-box .next_disabled:hover{color:#e2e2e2 !important}
.pagination-box .page_num{border:none}
.pagination-box .prev::before,.pagination-box .prev_disabled::before{content:'<'}
.pagination-box .next::before,.pagination-box .next_disabled::before{content:'>'}
.case-page .carousel{position:fixed;width:68%;top:0;left:0;bottom:0;background:#212121;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 110px}
.case-page .carousel .page-container{width:100%;height:72%}
.case-page .carousel .page-container .img{position:relative;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}
.case-page .carousel .carousel-bto{width:100%}
.case-page .carousel .carousel-bto .case-btn{width:112px;display:flex;z-index:1}
.case-page .carousel .carousel-bto .case-btn div{width:50%;height:50px;display:flex;justify-content:center;align-items:center}
.case-page .carousel .carousel-bto .case-btn div.next{background:#fff}
.case-page .carousel .carousel-bto .case-btn div.next .icon{color:#11216c;transition:.5s}
.case-page .carousel .carousel-bto .case-btn div.next:hover .icon{transform:translateX(10px)}
.case-page .carousel .carousel-bto .case-btn div.prev{background:#11216c}
.case-page .carousel .carousel-bto .case-btn div.prev .icon{color:#fff;transition:.5s}
.case-page .carousel .carousel-bto .case-btn div.prev:hover .icon{transform:translateX(-10px)}
.case-page .carousel .case-pagination{z-index:10;color:rgba(255,255,255,0.3);font-size:24px}
.case-page .carousel .case-pagination .swiper-pagination-current{font-size:52px;color:#fff}
.case-page .text{width:32%}
.case-page .text .content .info p{line-height:28px}
.case-page .text .content .details{border-top:2px #11216c solid;line-height:28px}
.case-page .text .content .details img{max-width:100%}
.case-page .text .back{position:fixed;right:0;bottom:10%;width:182px;height:42px;background:#11216c;z-index:2}
.case-page .text .back .icon{transition:.5s}
.case-page .text .back:hover{color:rgba(255,255,255,0.7)}
.case-page .text .back:hover .icon{transform:translateX(10px)}
.strength-page .desc{line-height:36px;width:80%}
.strength-page .content1 .text{padding:110px;background:url(../images/page/pz-bg.jpg);background-size:cover}
.strength-page .content1 .text div p{color:rgba(255,255,255,0.8);line-height:36px;width:50%}
.strength-page .content1 .text ol{width:52%}
.strength-page .content1 .text ol li h4{font-size:80px;font-family:'BLACK'}
.strength-page .content1 .content1-container ul li .item{position:relative}
.strength-page .content1 .content1-container ul li .item .info{position:absolute;left:0;top:0;bottom:0;right:0}
.strength-page .content1 .content1-container ul li .item .info .introduce{width:40%;color:rgba(255,255,255,0.8);line-height:28px}
.strength-page .content2{background:#f8faff}
.strength-page .content2 .carousel ol{width:280px;position:relative;padding-bottom:36px}
.strength-page .content2 .carousel ol::before{content:'';position:absolute;left:0;top:0;width:1px;bottom:0;background:#ddd}
.strength-page .content2 .carousel ol li{width:130px;cursor:pointer;padding-left:30px;position:relative}
.strength-page .content2 .carousel ol li::before{content:'';position:absolute;top:0;left:-1px;width:3px;background:#11216c;height:0;overflow:hidden}
.strength-page .content2 .carousel ol li.active{color:#11216c}
.strength-page .content2 .carousel ol li.active::before{animation:gobto .5s forwards}
.strength-page .content2 .carousel .item{justify-content:space-between;align-items:center;position:relative}
.strength-page .content2 .carousel .item .img{width:48%;position:relative;height:600px;overflow:hidden}
.strength-page .content2 .carousel .item .info{width:45%}
.strength-page .content2 .carousel .item .info h4{width:130px;height:40px;display:flex;justify-content:center;align-items:center;background:#11216c;border-radius:20px 20px 20px 0}
.strength-page .content2 .carousel .item .info i{width:60px;height:2px;background:#11216c}
.strength-page .content2 .carousel .item .info .introduce{line-height:36px}
.strength-page .content2 .carousel .item span{position:absolute;right:0;bottom:0;font-size:120px;color:#e5e5e5;font-family:'BLACK'}
.strength-page .content2 .carousel .content2-btn{position:absolute;left:calc(48% - 56px);bottom:26px;width:112px;display:flex;z-index:1}
.strength-page .content2 .carousel .content2-btn div{width:50%;height:50px;display:flex;justify-content:center;align-items:center}
.strength-page .content2 .carousel .content2-btn div.prev{background:#fff}
.strength-page .content2 .carousel .content2-btn div.prev .icon{color:#11216c;transition:.5s}
.strength-page .content2 .carousel .content2-btn div.prev:hover .icon{transform:translateX(-10px)}
.strength-page .content2 .carousel .content2-btn div.next{background:#11216c}
.strength-page .content2 .carousel .content2-btn div.next .icon{color:#fff;transition:.5s}
.strength-page .content2 .carousel .content2-btn div.next:hover .icon{transform:translateX(10px)}
.strength-page .content3 .text{padding:110px;background:url(../images/page/bz-bg.jpg);background-size:cover}
.strength-page .content3 .text div p{color:rgba(255,255,255,0.8);line-height:36px;width:50%}
.strength-page .content3 .text ol{width:52%}
.strength-page .content3 .text ol li h4{font-family:'BLACK'}
.strength-page .content3 .text ol li h4 i{font-size:80px}
.strength-page .content3 ul li .item{overflow:hidden;position:relative}
.strength-page .content3 ul li .item .info{position:absolute;left:0;top:0;bottom:0;right:0;display:flex;flex-direction:column;justify-content:space-between}
.strength-page .content3 ul li .item .info .title p{max-width:360px;line-height:28px;color:rgba(255,255,255,0.8)}
.strength-page .content3 ul li .item .info .introduce{line-height:28px}
@keyframes gobto{0%{height:0}
100%{height:100%}}.hot-news ol li .img{height:690px;position:relative;overflow:hidden}
.hot-news ol li .text{width:62%}
.hot-news ol li .text a{transition:.5s}
.hot-news ol li .text h2{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;white-space:normal;overflow:hidden}
.hot-news ol li .text p{line-height:28px;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;white-space:normal;overflow:hidden}
.hot-news ol li:hover img{transform:scale(1.1)}
.hot-news ol li:hover .text a{transform:translateX(16px)}
.hot-news .carousel-info{position:absolute;right:0;bottom:0;z-index:10;display:flex;align-items:flex-end;flex-direction:column}
.hot-news .carousel-info .news-next:hover .icon{color:#11216c}
.hot-news .carousel-info .news-pagination{z-index:2;color:#333;font-size:36px}
.hot-news .carousel-info .news-pagination span{font-family:'BLACK'}
.hot-news .carousel-info .news-pagination .swiper-pagination-current{font-size:80px;color:#11216c;font-weight:bold}
.news-list ul li .item{align-items:center}
.news-list ul li .item .img{width:30%;position:relative;overflow:hidden;height:300px}
.news-list ul li .item .text h4{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;white-space:normal;overflow:hidden}
.news-list ul li .item .text .line{height:1px;background:#ddd}
.news-list ul li .item .text p{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;white-space:normal;overflow:hidden;line-height:30px;height:60px}
.news-list ul li .item .text span{font-family:'BLACK'}
.news-list ul li .item .text .more{width:160px;height:36px;display:flex;justify-content:center;align-items:center;border:1px #ddd solid;position:relative;z-index:1}
.news-list ul li .item .text .more::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;transition:.5s;overflow:hidden;background:#11216c;z-index:-1}
.news-list ul li .item:hover img{transform:scale(1.1)}
.news-list ul li .item:hover .more{border-color:#11216c;color:#fff}
.news-list ul li .item:hover .more::before{width:100%}
.about-page .content1 .text{line-height:36px}
.about-page .content1 .info h3{width:100px}
.about-page .content1 .info .details{border-left:1px #ddd solid}
.about-page .content1 .album1 .info1{position:absolute;top:14%;bottom:0;right:10%;width:36%}
.about-page .content1 .album1 .info1 p{color:rgba(255,255,255,0.7)}
.about-page .content1 .album1 .info1 img{max-width:90%}
.about-page .content1 .album2 .info2{position:absolute;left:0;top:0;bottom:0;right:0;display:flex;justify-content:space-between;align-items:center;margin:auto;padding:0 4%}
.about-page .content1 .album2 .info2 h2{color:#52371b}
.about-page .content1 .album2 .info2 p{position:absolute;right:4%;bottom:5%;line-height:24px}
.about-page .content1 .album3 .info3{position:absolute;left:0;top:0;bottom:0;right:0;display:flex;flex-direction:column;margin:auto}
.about-page .content1 .album3 .info3 .title{margin-top:12%}
.about-page .content1 .album3 .info3 a{margin-top:16%;width:240px;height:50px;display:flex;justify-content:center;align-items:center;background:#f1cba3}
.about-page .content1 .album3 .info3 a:hover{color:#11216c}
.about-page .content1 .album3 .info3 ul li{position:absolute;height:46%}
.about-page .content1 .album3 .info3 ul li::before{content:'';position:absolute;top:8px;left:0;width:10px;height:10px;background:#f1cba3;border-radius:50%;border:2px #fff solid;z-index:1}
.about-page .content1 .album3 .info3 ul li::after{content:'';position:absolute;left:5px;top:8px;width:1px;background:#fff;height:80%}
.about-page .content1 .album3 .info3 ul li:nth-child(3){right:0;top:32%}
.about-page .content1 .album3 .info3 ul li:nth-child(2){right:22%;top:20%}
.about-page .content1 .album3 .info3 ul li:nth-child(2)::after{height:120%}
.about-page .content1 .album3 .info3 ul li:nth-child(1){right:44%;top:32%}
.about-page .content1 .album3 .info3 ul li h3{display:flex;align-items:flex-start;font-family:'BLACK'}
.about-page .content1 .album3 .info3 ul li h3 i{font-family:'BLACK'}
.about-page .content1 .m-album .m-album1 .info1{position:absolute;top:6%;bottom:0;left:4%;right:4%}
.about-page .content1 .m-album .m-album1 .info1 p{color:rgba(255,255,255,0.7)}
.about-page .content1 .m-album .m-album1 .info1 img{max-width:90%}
.about-page .content1 .m-album .m-album2 .info2{position:absolute;left:2%;top:4%;bottom:0;right:2%;margin:auto;padding:0 4%}
.about-page .content1 .m-album .m-album2 .info2 h2{color:#52371b}
.about-page .content1 .m-album .m-album2 .info2 p{line-height:24px}
.about-page .content1 .m-album .m-album3 .info3{position:absolute;left:0;top:0;bottom:0;right:0;display:flex;flex-direction:column;margin:auto}
.about-page .content1 .m-album .m-album3 .info3 .title{margin-top:6%}
.about-page .content1 .m-album .m-album3 .info3 a{position:absolute;bottom:30px;left:0;right:0;width:240px;height:50px;display:flex;justify-content:center;align-items:center;background:#f1cba3;margin:auto}
.about-page .content1 .m-album .m-album3 .info3 a:hover{color:#11216c}
.about-page .content1 .m-album .m-album3 .info3 ul{display:flex;justify-content:space-between}
.about-page .content1 .m-album .m-album3 .info3 ul li{position:relative;height:160%}
.about-page .content1 .m-album .m-album3 .info3 ul li::before{content:'';position:absolute;top:100px;left:50%;width:10px;height:10px;background:#f1cba3;border-radius:50%;border:2px #fff solid;z-index:1}
.about-page .content1 .m-album .m-album3 .info3 ul li::after{content:'';position:absolute;left:calc(50% + 4px);top:100px;width:1px;background:#fff;height:100%}
.about-page .content1 .m-album .m-album3 .info3 ul li h3{display:flex;align-items:flex-start;font-family:'BLACK'}
.about-page .content2{background:url(../images/page/honor-bg1.png) #f5f5f5 no-repeat;background-position-x:100%;background-position-y:bottom}
.about-page .content2 ol{border-bottom:2px #11216c solid}
.about-page .content2 ol li{margin-right:60px}
.about-page .content2 ol li a{position:relative}
.about-page .content2 ol li a:hover{color:#11216c}
.about-page .content2 ol li a::before{content:'';position:absolute;left:0;bottom:-2px;height:3px;width:0;transition:.5s}
.about-page .content2 ol li a.active{color:#11216c}
.about-page .content2 ol li a.active::before{width:100%}
.about-page .content2 .honor-container ul .swiper-slide .img{height:326px;display:flex;align-items:center;justify-content:center;background-color:#fff}
.about-page .content2 .honor-container ul .swiper-slide .img img{max-height:90%;max-width:90%}
.about-page .content2 .honor-top{position:absolute;right:0;top:-30px;align-items:flex-end}
.about-page .content2 .honor-top .honor-pagination{z-index:10;color:#666;font-size:24px}
.about-page .content2 .honor-top .honor-pagination span{font-family:'BLACK'}
.about-page .content2 .honor-top .honor-pagination .swiper-pagination-current{font-size:52px;color:#11216c;font-weight:bold}
.about-page .content2 .honor-top .honor-btn div{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#b7bcd3;border-radius:50%}
.about-page .content2 .honor-top .honor-btn div:hover:hover{background:#11216c}
.about-page .content3 .info{justify-content:center}
.about-page .content3 .info .img{position:relative}
.about-page .content3 .info .img .text{position:absolute;left:0;top:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center}
.about-page .content3 .info .desc{margin-top:5%}
.about-page .content3 .desc p{line-height:32px}
.about-page .content4{background:url(../images/page/course_bg.jpg);background-size:cover;background-position-x:center;background-position-y:bottom}
.about-page .content4 .course{position:relative}
.about-page .content4 .course::before{content:'';position:absolute;left:0;right:0;bottom:72px;border:1px #ddd solid}
.about-page .content4 .course ul li .item{margin-bottom:70px;opacity:.3;align-items:flex-start}
.about-page .content4 .course ul li .item .img{width:55%;padding-top:40%;position:relative;overflow:hidden}
.about-page .content4 .course ul li .item .desc{line-height:32px;height:280px;overflow-y:auto}
.about-page .content4 .course ul li .item h3{position:absolute;bottom:5%;right:5%;font-size:80px;font-family:'BLACK'}
.about-page .content4 .course ul li.swiper-slide-active .item{opacity:1}
.about-page .content4 .course .gallery-thumbs h3{color:#aaa;padding-top:30px;position:relative;cursor:pointer;font-family:'BLACK'}
.about-page .content4 .course .gallery-thumbs h3::before{content:'';position:absolute;left:calc(50% - 7px);top:-7px;width:14px;height:14px;border-radius:50%;border:3px #fff solid;background:#aaa}
.about-page .content4 .course .gallery-thumbs .swiper-slide-thumb-active h3{color:#11216c;font-size:36px}
.about-page .content4 .course .gallery-thumbs .swiper-slide-thumb-active h3::before{background:#11216c}
.about-page .content4 .course .thumbs-width{width:90%}
.about-page .content4 .course .course-next{position:absolute;right:10px;top:2px;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;background:#fff;box-shadow:0 0 8px 1px rgba(0,0,0,0.2);cursor:pointer;z-index:2}
.chairman-page .content1{background-color:#11216c}
.chairman-page .content1 .info{width:42%}
.chairman-page .content1 .info .desc{line-height:32px;color:rgba(255,255,255,0.6)}
.chairman-page .content1 .img{position:absolute;top:0;bottom:0;right:0;width:60%;display:flex;justify-content:center;align-items:flex-end}
.chairman-page .content1 .img img{max-width:100%;max-height:90%}
.chairman-page .chair-title{border-bottom:1px #333 solid}
.chairman-page .chair-title .chair-btn div{width:32px;height:32px;display:flex;justify-content:center;align-items:center;background:#b7bcd3;border-radius:50%}
.chairman-page .chair-title .chair-btn div:hover{background:#11216c}
.chairman-page .content3 ul li .item .img{height:230px;position:relative;overflow:hidden}
.chairman-page .content3 ul li .item h3{line-height:28px;height:56px;-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;white-space:normal;overflow:hidden}
.chairman-page .content3 ul li .item p{font-family:'BLACK'}
.chairman-page .content3 ul li .item:hover h3{color:#11216c}
.chairman-page .content3 ul li .item:hover img{transform:scale(1.1)}
.video-list .video-title{border-bottom:2px #11216c solid}
.video-list .video-title ol li.active a,.video-list .video-title ol li:hover a{color:#11216c}
.video-list ul li .item .img{height:292px;position:relative;overflow:hidden}
.video-list ul li .item .img::before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(17,33,108,0);z-index:1;transition:.5s}
.video-list ul li .item .img span{position:absolute;left:0;top:0;right:0;bottom:0;width:58px;height:58px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:50%;margin:auto;z-index:2;opacity:0;transition:.5s}
.video-list ul li .item h3{padding-left:1px}
.video-list ul li .item h3 span{width:28px;height:28px;border:1px #11216c solid;display:flex;justify-content:center;align-items:center;border-radius:50%}
.video-list ul li .item:hover .img img{transform:scale(1.1)}
.video-list ul li .item:hover .img::before{background:rgba(17,33,108,0.6)}
.video-list ul li .item:hover .img span{opacity:1}
.culture-page .content1 .text{position:absolute;left:0;top:0;bottom:0;right:0;padding:6% 0 0 5%}
.culture-page .content1 .text div{margin-top:5%}
.culture-page .content2 ul li .item{display:flex;justify-content:center;align-items:center;flex-direction:column}
.culture-page .content2 ul li .item img{max-width:90%}
.culture-page .content2 ul li h4{color:#16173c}
.culture-page .content3 ul{display:flex}
.culture-page .content3 ul li{width:15%;position:relative;height:600px;transition:.4s;border-left:1px rgba(17,33,108,0.5) solid}
.culture-page .content3 ul li:first-child{border-left:none}
.culture-page .content3 ul li .text{position:absolute;left:0;top:0;bottom:0;right:0;justify-content:space-between;flex-direction:column;display:none;z-index:2}
.culture-page .content3 ul li .text .desc{line-height:36px;animation:goheight .6s forwards}
.culture-page .content3 ul li .title{position:absolute;left:0;top:0;bottom:0;right:0;display:flex;justify-content:center;flex-direction:column;align-items:center;z-index:2}
.culture-page .content3 ul li .title span{width:14px;height:14px;background:#f1cba3;border-radius:50%;position:relative}
.culture-page .content3 ul li .title span::before{content:'';position:absolute;left:-10px;right:-10px;top:-10px;bottom:-10px;opacity:.3;background:#f1cba3;border-radius:50%;animation:opaci 1s linear infinite}
.culture-page .content3 ul li::before{content:'';position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.3);transition:.5s;z-index:1}
.culture-page .content3 ul li.on{width:55%}
.culture-page .content3 ul li.on::before{background:rgba(17,33,108,0.5)}
.culture-page .content3 ul li.on .text{display:flex;animation:font-opa .4s forwards}
.culture-page .content3 ul li.on .text h3{animation:goheight .8s forwards}
.culture-page .content3 ul li.on .text .desc{animation:goheight .8s forwards}
.culture-page .content3 ul li.on .title{display:none}
@keyframes opaci{0%{opacity:0}
50%{opacity:.3}
100%{opacity:0}}@keyframes font-opa{0%{opacity:0}
99%{opacity:0}
100%{opacity:1}}@keyframes goheight{0%{transform:translateY(-20px)}
100%{transform:translateY(0)}}.join-list .title{height:70px;border-top:2px #11216c solid}
.join-list .title p{width:120px;text-align:center}
.join-list ul{border:1px #ddd solid}
.join-list ul li{border-bottom:1px #ddd solid}
.join-list ul li:last-child{border-bottom:none}
.join-list ul li .name{height:80px;cursor:pointer;background:#11216c}
.join-list ul li .name p{color:#fff;width:120px;text-align:center}
.join-list ul li .name.collapsed{background:#fff}
.join-list ul li .name.collapsed p{color:#333}
.join-list ul li .desc .content{border-top:1px #ddd solid;font-size:16px;color:#666;line-height:28px}
.join-list ul li .desc p{font-size:16px;color:#666;line-height:28px}
.join-list ul li .desc img{max-width:100%}
.join-list ul li .desc a{width:130px;height:36px;background:#11216c;color:#fff;font-size:14px}
.join-list ul li .desc a:hover{color:rgba(255,255,255,0.7)}
.join-list ul li:nth-child(odd) .collapsed{background:#fafafa}
.merchants-page .content1{background:url(../images/page/merchants1.jpg) no-repeat;background-size:100% 100%}
.merchants-page .content1 .text{width:45%}
.merchants-page .content1 .text .desc p{line-height:36px;color:rgba(255,255,255,0.8)}
.merchants-page .content1 .text a{width:180px;height:42px;background:#fff;display:flex;justify-content:center;align-items:center}
.merchants-page .content1 .chart{width:55%;display:flex;flex-direction:column;align-items:flex-end}
.merchants-page .content1 .chart p{color:rgba(255,255,255,0.6)}
.merchants-page .content1 .chart img{max-width:96%}
.merchants-page .content1 ol li .item{height:300px;display:flex;justify-content:center;align-items:center;flex-direction:column}
.merchants-page .content1 ol li .item h3{line-height:88px}
.merchants-page .content1 ol li .item h3 i{font-size:88px;line-height:88px;font-family:'BLACK'}
.merchants-page .merchants-title{border-bottom:2px #11216c solid}
.merchants-page .merchants-title .merchants-btn div{width:32px;height:32px;display:flex;justify-content:center;align-items:center;background:#b7bcd3;border-radius:50%}
.merchants-page .merchants-title .merchants-btn div:hover{background:#11216c}
.merchants-page .content2 .case-container ul li{padding:6px}
.merchants-page .content2 .case-container ul li .item{box-shadow:1px 1px 14px 0 rgba(0,0,0,0.1);-webkit-box-shadow:1px 1px 14px 0 rgba(0,0,0,0.1);-moz-box-shadow:1px 1px 14px 0 rgba(0,0,0,0.1);min-height:600px}
.merchants-page .content2 .case-container ul li .item .text{width:50%;padding:70px 30px 60px 86px}
.merchants-page .content2 .case-container ul li .item .text span{width:50px;height:2px;background:#11216c}
.merchants-page .content2 .case-container ul li .item .text .desc{line-height:24px}
.merchants-page .content2 .case-container ul li i{font-family:'BLACK'}
.merchants-page .content2 .case-container ul li .img{display:flex;align-items:flex-end;justify-content:center;width:50%}
.merchants-page .content2 .case-container ul li .img img{max-width:100%;max-height:100%}
.merchants-page .content3 .adv-container ul li{padding:6px}
.merchants-page .content3 .adv-container ul li .item{box-shadow:1px 1px 14px 0 rgba(0,0,0,0.1);-webkit-box-shadow:1px 1px 14px 0 rgba(0,0,0,0.1);-moz-box-shadow:1px 1px 14px 0 rgba(0,0,0,0.1);position:relative;min-height:712px;overflow:hidden}
.merchants-page .content3 .adv-container ul li .item span{width:50px;height:2px;background:#11216c}
.merchants-page .content3 .adv-container ul li .item .desc{line-height:28px}
.merchants-page .content3 .adv-container ul li .item h6{position:absolute;right:30px;top:30px;font-family:'BLACK'}
.merchants-page .content3 .adv-container ul li .item a{position:absolute;left:0;bottom:-68px;right:0;height:68px;background:#11216c;display:flex;justify-content:center;align-items:center;transition:.5s}
.merchants-page .content3 .adv-container ul li .item a:hover{color:rgba(255,255,255,0.7)}
.merchants-page .content3 .adv-container ul li .item:hover a{bottom:0}
.merchants-page .content4{background:#11216c;background-size:cover;height:600px;position:relative}
.merchants-page .content4 .need{position:absolute;bottom:-300px;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:auto}
.merchants-page .content4 .need h3{font-family:'BLACK'}
.merchants-page .content4 ol li .item{height:380px;display:flex;justify-content:center;align-items:center;flex-direction:column}
.merchants-page .content4 ol li .item .img{height:100px;display:flex;justify-content:center;align-items:center}
.merchants-page .content4 ol li .item .img img{max-height:100%}
.merchants-page .content4 ol li .item .img span{width:40px;height:2px;background:#11216c}
.merchants-page .content4 ol li .item .img .desc{line-height:32px}
.merchants-page .content5{padding-top:460px;background-size:cover;background-color:#f5f0ec}
.merchants-page .content5 .title{width:50%}
.merchants-page .content5 .title .tel{border-top:2px #11216c solid}
.merchants-page .content5 .title h3{font-family:'BLACK'}
.merchants-page .content5 form .item{border-bottom:1px #b9bdca solid;position:relative}
.merchants-page .content5 form .item input{height:46px;line-height:46px;color:#939393;font-size:16px}
.merchants-page .content5 form .item span{color:red;font-size:12px;position:absolute;right:0;bottom:10px}
.merchants-page .content5 form .item input:focus,.merchants-page .content5 form .item select:focus,.merchants-page .content5 form .item textarea:focus{outline:-webkit-focus-ring-color auto 0}
.merchants-page .content5 form .item input::-webkit-input-placeholder{color:#939393}
.merchants-page .content5 form .item input:-moz-placeholder{color:#939393}
.merchants-page .content5 form .item input::-moz-placeholder{color:#939393}
.merchants-page .content5 form .item input:-ms-input-placeholder{color:#939393}
.merchants-page .content5 form .area{position:relative}
.merchants-page .content5 form .area span.error{color:red;font-size:12px;position:absolute;left:0;bottom:-20px}
.merchants-page .content5 form .area .distpicker{display:flex;justify-content:space-between}
.merchants-page .content5 form .area select{width:31%;line-height:46px;height:46px;border:none;background:none;color:#939393;font-size:16px;border-bottom:1px #b9bdca solid}
.merchants-page .content5 form button{width:260px;height:60px;background:#f1cba3;display:flex;justify-content:center;align-items:center;transition:.5s}
.merchants-page .content5 form button:hover{background:#ff8300}
.contact-page{background:url(../images/page/map.jpg);background-size:cover;background-position:center center;position:relative}
.contact-page .info{width:560px}
.contact-page .info h2{border-bottom:2px #11216c solid}
.contact-page .info .link span{width:24px;height:24px;border-radius:50%;background:#666;display:flex;justify-content:center;align-items:center}
.contact-page .info .link span .icon{font-size:12px;color:#fff}
.contact-page .info .link:hover{color:#11216c}
.contact-page .info .link:hover span{background:#11216c}
.contact-page .info form .item{border-bottom:1px #ddd solid;line-height:50px;position:relative}
.contact-page .info form .item span{position:absolute;right:0;bottom:0;top:0;color:red;font-size:12px}
.contact-page .info form input{width:100%}
.contact-page .info form textarea{width:100%;height:100px;background:none;border:none;resize:none}
.contact-page .info form .area{position:relative}
.contact-page .info form .area h5{color:#212121}
.contact-page .info form .area span.error{color:red;font-size:12px;position:absolute;right:0;top:10px}
.contact-page .info form .area .distpicker{display:flex;justify-content:space-between}
.contact-page .info form .area select{width:31%;line-height:46px;height:46px;border:none;background:none;color:#939393;font-size:14px;border-bottom:1px #b9bdca solid}
.contact-page .info form button{width:160px;height:42px;background:#11216c;display:flex;justify-content:center;align-items:center}
.contact-page .info form button:hover{color:rgba(255,255,255,0.7)}
.contact-page .navigation{position:absolute;right:25%;top:46%;transition:.5s}
.contact-page .navigation>.icon{transform:translateX(4px)}
.contact-page .navigation a{background:#fff;width:180px;height:40px;display:flex;justify-content:center;align-items:center}
.contact-page .navigation a span{width:24px;height:24px;border-radius:50%;background:#11216c;display:flex;justify-content:center;align-items:center}
.contact-page .navigation a span .icon{font-size:12px;color:#fff}
.contact-page .navigation a:hover{color:#11216c}
.contact-page .navigation:hover{transform:translateY(-10px)}
.activity-list ol li{margin-bottom:80px}
.activity-list ol li .item{align-items:center}
.activity-list ol li .item .text{width:40%;padding:0 80px}
.activity-list ol li .item .img{width:60%;position:relative;overflow:hidden;height:600px}
.activity-list ol li .item span{width:160px;height:40px;background:#11216c;align-items:center;justify-content:center}
.activity-list ol li .item span .icon{transition:.5s}
.activity-list ol li .item span:hover .icon{transform:translateX(5px)}
.activity-list ol li:nth-child(odd) .item{flex-direction:row-reverse}
.news-detail .title{border-bottom:1px #e3e3e3 solid}
.news-detail .content{line-height:24px;min-height:200px}
.news-detail .content img{max-width:100%;display:block;margin:auto}
.news-detail .news-detail-footer{border-top:1px #f5f5f5 solid}
.news-detail .news-detail-footer a{font-size:14px;color:#333}
.news-detail .news-detail-footer a:hover{color:#11216c}
.store-list form select{width:100%;display:block;height:68px;line-height:68px;border:1px #b9bdca solid;color:#212121}
.store-list form .item{height:68px;display:flex;align-items:center;justify-content:space-between;border:1px #b9bdca solid}
.store-list form .item button{transition:.5s}
.store-list form .item button:hover{transform:translateY(4px)}
.store-list form .item button:hover .icon{color:#11216c}
.store-list ul li .item .img{padding-top:64%;position:relative;overflow:hidden}
.store-list ul li .item .img .dh{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:rgba(17,33,108,0.6);z-index:1;opacity:0}
.store-list ul li .item .img .dh span{width:28px;height:28px;display:flex;justify-content:center;align-items:center;background:#fff;border-radius:50%}
.store-list ul li .item:hover .img img{transform:scale(1.1)}
.store-list ul li .item:hover .img .dh{opacity:1}
.layui-layer-btn .layui-layer-btn0{border-color:#11216c !important;background-color:#11216c !important}
#cnzz_stat_icon_1259903510{display:none !important}
.install-page .section1 h2{display:flex;justify-content:center;align-items:center}
.install-page .section1 h2 span{color:#ca2b2f;display:flex;align-items:center}
.install-page .section1 h2 span i{font-family:'BLACK'}
.install-page .section1 ul{display:flex;justify-content:space-between}
.install-page .section1 ul li{width:19%}
.install-page .section1 ul li .img{position:relative}
.install-page .section1 ul li .img span{position:absolute;width:44px;height:44px;background:#696969;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:auto;left:0;right:0;bottom:-22px;font-family:'BLACK'}
.install-page .section1 ul li p{color:#525252;line-height:30px}
.install-page .section2 a{position:relative}
.install-page .section2 a span{position:absolute;left:4%;bottom:4%;width:50px;height:50px;border:2px #fff solid;display:flex;justify-content:center;align-items:center;border-radius:50%;z-index:2}
.install-page .section3{background:url(../images/install/process-bg1.jpg) no-repeat;background-size:cover;background-attachment:fixed;background-position:center center}
.install-page .section3 h2{display:flex;justify-content:center;align-items:center}
.install-page .section3 h2 span{color:#f1cba3;font-family:'BLACK'}
.install-page .section4 .content{background:url(../images/install/pro-bg.png) no-repeat;background-size:100%;background-position:bottom center}
.install-page .section4 .content ul{display:flex;justify-content:space-between;position:relative}
.install-page .section4 .content ul li{display:flex;justify-content:center;align-items:center;flex-direction:column}
.install-page .section4 .content h6{position:absolute;right:0;bottom:-20px;color:#696969}
.install-page .section5{background:url(../images/install/safety-bg.jpg) no-repeat;background-size:cover;background-attachment:fixed;background-position:center center}
.install-page .section5 ul li .item{border-radius:8px;border:1px #c0daea solid;background:rgba(23,53,138,0.2);position:relative}
.install-page .section5 ul li .item h5{color:rgba(255,255,255,0.3);position:absolute;right:24px;bottom:20px;font-family:'BLACK'}
.install-page .section5 ul li .item p{line-height:30px}
.install-page .section6 ul li{display:flex;align-items:center}
.install-page .section6 ul li span{width:142px;height:42px;border-radius:22px;display:flex;justify-content:center;align-items:center;background:#17358a}
.install-page .section6 ol{border:10px #f3f4f2 solid}
.install-page .section6 ol li .item{border:1px #dfdfdf solid;margin-top:-1px;margin-left:-1px}
.install-page .section6 ol li .item .img{width:100%;height:230px;display:flex;justify-content:center;align-items:center}
.install-page .section6 ol li .item .img img{max-width:90%;max-height:96%}
.install-page .section7{background:url(../images/install/az-bg.jpg) no-repeat;background-size:cover;background-attachment:fixed;background-position:center center}
.install-page .section7 .img{display:flex;justify-content:center;align-items:flex-start}
.install-page .section7 .img img{max-width:100%}
.install-page .section8 ul{display:flex;justify-content:space-between;align-items:center}
.install-page .section8 ul li{position:relative}
.install-page .section8 ul li h4{position:absolute;left:0;right:0;width:120px;height:50px;background:#fff;border-radius:25px;box-shadow:0 0 8px 2px rgba(0,0,0,0.1);display:flex;justify-content:center;align-items:center;margin:auto;bottom:0}
.install-page .section8 .content{background:url(../images/install/ys-bg.jpg) no-repeat;background-size:cover;background-position:center center;padding:110px 0}
/*# sourceMappingURL=./style.css.map*/