.wrap{width:100%;overflow:hidden}
*{outline:none}
img{width:100%}
a{-webkit-transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;-ms-transition:all .3s ease-in 0s;transition:all .3s ease-in 0s}
.layui-container{width:80%;margin:0 10%;padding:0}

.bg_load{position:fixed;top:0;left:0;z-index:2000000;display:flex;width:100%;height:100%;text-align:center;justify-content:center;align-items:center;background:#fff;}
.bg_load img{width:200px;display:block;position:absolute;margin-top:-10%}
.loader{font-size:20px;width:1em;height:1em;border-radius:50%;text-indent:-9999em;animation:load-effect 1s infinite linear;zoom:.5}
@keyframes load-effect{0%{box-shadow:0 -3em 0 .2em #2a2c57,2em -2em 0 0 #2a2c57,3em 0 0 -.5em #2a2c57,2em 2em 0 -.5em #2a2c57,0 3em 0 -.5em #2a2c57,-2em 2em 0 -.5em #2a2c57,-3em 0 0 -.5em #2a2c57,-2em -2em 0 0 #2a2c57}
12.5%{box-shadow:0 -3em 0 0 #2a2c57,2em -2em 0 .2em #2a2c57,3em 0 0 0 #2a2c57,2em 2em 0 -.5em #2a2c57,0 3em 0 -.5em #2a2c57,-2em 2em 0 -.5em #2a2c57,-3em 0 0 -.5em #2a2c57,-2em -2em 0 -.5em #2a2c57}
25%{box-shadow:0 -3em 0 -.5em #2a2c57,2em -2em 0 0 #2a2c57,3em 0 0 .2em #2a2c57,2em 2em 0 0 #2a2c57,0 3em 0 -.5em #2a2c57,-2em 2em 0 -.5em #2a2c57,-3em 0 0 -.5em #2a2c57,-2em -2em 0 -.5em #2a2c57}
37.5%{box-shadow:0 -3em 0 -.5em #2a2c57,2em -2em 0 -.5em #2a2c57,3em 0 0 0 #2a2c57,2em 2em 0 .2em #2a2c57,0 3em 0 0 #2a2c57,-2em 2em 0 -.5em #2a2c57,-3em 0 0 -.5em #2a2c57,-2em -2em 0 -.5em #2a2c57}
50%{box-shadow:0 -3em 0 -.5em #2a2c57,2em -2em 0 -.5em #2a2c57,3em 0 0 -.5em #2a2c57,2em 2em 0 0 #2a2c57,0 3em 0 .2em #2a2c57,-2em 2em 0 0 #2a2c57,-3em 0 0 -.5em #2a2c57,-2em -2em 0 -.5em #2a2c57}
62.5%{box-shadow:0 -3em 0 -.5em #2a2c57,2em -2em 0 -.5em #2a2c57,3em 0 0 -.5em #2a2c57,2em 2em 0 -.5em #2a2c57,0 3em 0 0 #2a2c57,-2em 2em 0 .2em #2a2c57,-3em 0 0 0 #2a2c57,-2em -2em 0 -.5em #2a2c57}
75%{box-shadow:0 -3em 0 -.5em #2a2c57,2em -2em 0 -.5em #2a2c57,3em 0 0 -.5em #2a2c57,2em 2em 0 -.5em #2a2c57,0 3em 0 -.5em #2a2c57,-2em 2em 0 0 #2a2c57,-3em 0 0 .2em #2a2c57,-2em -2em 0 0 #2a2c57}
87.5%{box-shadow:0 -3em 0 0 #2a2c57,2em -2em 0 -.5em #2a2c57,3em 0 0 -.5em #2a2c57,2em 2em 0 -.5em #2a2c57,0 3em 0 -.5em #2a2c57,-2em 2em 0 0 #2a2c57,-3em 0 0 0 #2a2c57,-2em -2em 0 .2em #2a2c57}
100%{box-shadow:0 -3em 0 .2em #2a2c57,2em -2em 0 0 #2a2c57,3em 0 0 -.5em #2a2c57,2em 2em 0 -.5em #2a2c57,0 3em 0 -.5em #2a2c57,-2em 2em 0 -.5em #2a2c57,-3em 0 0 -.5em #2a2c57,-2em -2em 0 0 #2a2c57}
}
header{height:80px;position:relative}
.header-wrap{background:#fff;z-index:500;position:fixed;width:100%;height:80px;box-sizing:border-box;border-bottom:#ddd 1px solid}
.header-wrap .logo{width:150px;display:inline-block;vertical-align:middle;line-height:80px}
.flex-box{display:-webkit-box;display:-webkit-flex;display:flex}
.flex-box-item{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.flex-top{align-items:top}
.flex-center{align-items:center}
.menu{display:-webkit-box;display:-webkit-flex;display:flex}
.menu li{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.menu li>a{display:block;margin:24px 0 0 0;line-height:56px;font-size:16px;text-align:center;font-weight:700}
.menu li.active a{color:#2a2c57}
.menu li a:hover{color:#86272b}
.menu li .sub-menu{position:absolute;width:100vw;box-shadow:3px 3px 3px rgba(0,0,0,.1);top:80px;opacity:1;background:#f6f6f6}
.menu li .sub-menu>.flex-box{display:none;position:relative}
.menu li .brands-menu{opacity:0;height:0;overflow:hidden;padding:0;box-sizing:border-box}
.menu li:hover .sub-menu>.flex-box{display:-webkit-box;display:-webkit-flex;display:flex}
.menu li:hover .brands-menu{opacity:1;height:auto;overflow:hidden}
.menu li:hover .sub-menu{opacity:1;height:auto;min-height:180px}
.menu-text{width:92%;position:relative;box-sizing:border-box;padding:40px 400px 40px 40px;font-size:15px;line-height:34px;text-align:justify;text-align-last:left;text-indent:36px}
.menu-text .menu-img{position:absolute;width:250px;right:100px}
.sub-menu .sub-link{background:#fff;width:30%;text-align:right;min-height:250px}
.sub-link .sub-link-box{width:200px;display:inline-block;padding:30px}
.sub-link .sub-link-box a{display:block;line-height:46px;text-align:center;padding-right:40px;font-size:16px;position:relative}
.sub-link .sub-link-box a::after{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-4px;right:2px}
.swiper-brands-menu{width:90%;height:100%;display:block}
.swiper-brands-menu .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-brands-menu .swiper-slide a{display:block;width:70%;margin:40px 15%;box-sizing:border-box;background:#fff;color:#333}
.swiper-brands-menu .swiper-slide a p{font-size:14px;line-height:40px}
.swiper-brands-menu .swiper-slide a:hover{background:#86272b;color:#fff}
.swiper-brands-menu .swiper-button-next,.swiper-brands-menu .swiper-button-prev{background:rgba(0,0,0,.5)}
.swiper-brands-menu .swiper-button-next::after{content:" ";display:inline-block;height:10px;width:10px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-5px;right:10px}
.swiper-brands-menu .swiper-button-prev::after{content:" ";display:inline-block;height:10px;width:10px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;-webkit-transform:matrix(-.71,.71,.71,.71,0,0);transform:matrix(-.71,.71,.71,.71,0,0);position:absolute;top:50%;margin-top:-5px;left:10px}
a.search-btn{display:block}
.search_icon{font-size:24px;width:80px;line-height:80px;border-left:#ddd 1px solid;box-sizing:border-box;text-align:center}
.search_icon:hover{background:#2a2c57;cursor:pointer}
.search_icon:hover i{color:#fff}
.index-swiper{width:100%;overflow:hidden;position:relative}
.index-swiper .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.index-swiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.index-swiper .swiper-pagination-bullet{width:16px;height:16px;text-align:center;line-height:20px;font-size:0;opacity:1;background:rgba(255,255,255,.4)}
.index-swiper .swiper-pagination-bullet-active{width:20px;height:20px;background:#fff}
.index-swiper .ani{color:#fff;font-size:45px;font-weight:700}
.index-swiper .swiper-button-prev{left:0;width:50px;height:80px;background:rgba(0,0,0,.2);line-height:80px;text-align:center}
.index-swiper .swiper-button-next{right:0;width:50px;height:80px;background:rgba(0,0,0,.2);line-height:80px;text-align:center}
.index-swiper .swiper-button-next::after{content:" ";display:inline-block;height:18px;width:18px;border-width:2px 2px 0 0;border-color:#fff;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-9px;right:20px}
.index-swiper .swiper-button-prev::after{content:" ";display:inline-block;height:18px;width:18px;border-width:2px 2px 0 0;border-color:#fff;border-style:solid;-webkit-transform:matrix(-.71,.71,.71,.71,0,0);transform:matrix(-.71,.71,.71,.71,0,0);position:absolute;top:50%;margin-top:-9px;left:20px}
.index-swiper .swiper-button-next:hover,.index-swiper .swiper-button-prev:hover{background:#2a2c57}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:none;overflow:hidden;outline:0;background:rgba(0,0,0,.75)}
.modal-open{padding:0!important}
.modal-backdrop.in{opacity:1}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:rgba(0,0,0,.8)}
.menu_icon{float:left;padding:48px 0 0}
.menu_icon ul{margin:0;padding:0;list-style:none}
.menu_icon ul li a{color:#000}
#search_bar{padding:0!important}
#search_bar .modal-content{position:relative;border:none;border-radius:0;background-color:transparent;box-shadow:none}
#search_bar .modal-dialog{margin:0;padding:0;width:100%;max-width:100%;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0);transform:translate(0)}
#search_bar a.close{position:fixed;right:0;margin:0;width:80px;height:80px;background:#fff;color:#000;text-shadow:none;font-weight:400;font-size:22px;line-height:1;opacity:1;border:0;right:0;text-align:center;line-height:80px;cursor:pointer}
#search_bar .modal-header{padding:0;border-bottom:none}
#search_bar .search-global{position:absolute;top:50vh;margin-top:-122px;width:70%}
#search_bar .search-global__input{width: 100%;
    height: auto!important;
    border: none;
    border: 1px solid #fff!important;
    background-color: transparent;
    color: #fff;
    letter-spacing: -3px;
    font-weight: 600;
    font-size: 45px;
    line-height: 75px;
    opacity: 1;
    text-indent: 20px;}
#search_bar .search-global__btn{position:absolute;top:0;right:16px;display: inline-block;line-height: 75px; border:none;background-color:transparent;color:#fff;font-size:42px;cursor:pointer;transition:all .3s;padding: 0 20px;}
#search_bar .search-global__note{margin-top:25px;color:#fff;font-size:15px}
#search_bar ::placeholder{color:#fff;opacity:1}
#search_bar .modal-body{float:left;margin:0;padding:0;width:100%}
#search_bar .navbar-search{float:left;display:flex;width:100%;justify-content:center}
#video{padding:0!important}
#video .modal-content{position:relative;border:none;border-radius:0;background-color:transparent;box-shadow:none}
#video .modal-dialog{margin:0;padding:0;width:100%;max-width:100%;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0);transform:translate(0)}
#video a.close{position:fixed;right:0;margin:0;width:80px;height:80px;background:#fff;color:#000;text-shadow:none;font-weight:400;font-size:22px;line-height:1;opacity:1;border:0;right:0;text-align:center;line-height:80px;cursor:pointer}
#video .modal-body{text-align:center;height:100vh}
#video video{width:65%;height:auto}
.index-about{padding:50px 0}
.index-about .title-box{position:relative;padding-bottom:30px;text-align:center}
.index-about .title-box h1{font-weight:700;color:#f2f2f2;font-size:50px;line-height:80px}
.index-about .title-box h2{line-height:80px;font-size:24px;font-weight:700;color:#2a2c57;margin-top:-80px}
.index-about .title-box small{font-size:12px;line-height:20px;color:#bbb;letter-spacing:18px}
.index-about .about-text{font-size:15px;line-height:30px}
.index-about .about-text p{text-align:justify;text-align-last:left;padding:5px 0;text-indent:36px;color:#666}
.index-about .about-img{text-align:right;position:relative}
.index-about .about-img>.img{width:70%;margin-left:30%;overflow:hidden;position:relative;text-align:center}
.index-about .about-img>.img img{transition:all .6s ease;width:100%}
.index-about .about-img .img .play{transition:all .3s;cursor:pointer;position:absolute;display:block;width:100%;background:rgba(0,0,0,.1);height:100%;font-size:44px;color:#fff}
.index-about .about-img .img .play i{vertical-align:middle;position:absolute;top:50%;margin-top:-24px}
.index-about .about-img span{display:block;position:absolute;background:#f6f6f6;width:40%;padding:20px;box-sizing:border-box;top:15%;left:15%}
.index-about .about-img:hover .play{background:rgba(0,0,0,.4)}
.index-xm{padding:50px 0 80px 0;background:#f2f2f2;position:relative}
.index-xm .title-box{position:relative;padding-bottom:30px;text-align:center}
.index-xm .title-box h1{font-weight:700;color:#fff;font-size:50px;line-height:80px}
.index-xm .title-box h2{line-height:80px;font-size:24px;font-weight:700;color:#86272b;margin-top:-80px}
.index-xm .title-box small{font-size:12px;line-height:20px;color:#bbb;letter-spacing:18px}
.index-xm a.xm-more{display:block;width:80px;height:80px;border-radius:50%;background:#f2f2f2;position:absolute;bottom:-30px;left:50%;margin-left:-20px;text-align:center;line-height:80px;font-size:15px}
.index-xm a.xm-more::before{transition:all .3s ease-in 0s;content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#333;border-style:solid;-webkit-transform:matrix(.71,.71,.71,-.71,0,0);transform:matrix(.71,.71,.71,-.71,0,0);position:absolute;top:50px;left:36px}
.index-xm a.xm-more:hover{background:#86272b;color:#fff}
.index-xm a.xm-more:hover::before{border-color:#fff}
.card10 img{width:780px}
.card10 .swiper-slide{height:360px;overflow:hidden}
.card10 .con{position:absolute;bottom:-70%;left:0;width:100%;height:100%;z-index:2;display:block;padding:9% 30px 0;transition:bottom .3s;box-sizing:border-box}
.card10 .bg{width:100%;position:absolute;top:0;left:0;height:100%;background:#fff;z-index:1;opacity:0}
.card10 .font-bg{width:100%;position:absolute;top:0;left:0;height:100%;background:#000;z-index:1;opacity:0;transition-property:opacity;transition-duration:.3s;transition-delay:.2s}
.card10 .tit{font-size:20px;line-height:35px;color:#fff;font-weight:700}
.card10 .en{font-size:13px;color:#fff;opacity:.6;line-height:24px;min-height:24px;text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap}
.card10 .en i{margin-right:10px}
.card10 .font{font-size:15px;color:#fff;line-height:34px;margin-top:18px;text-align:justify;text-align-last:left}
.card10 .more{display:block;margin-top:40px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:url(../image/wel02.png) no-repeat center}
.card10 .swiper-slide:hover .con{bottom:0}
.card10 .swiper-slide:hover .font-bg{opacity:.5}
.card10 .swiper-button-prev{left:5%;width:50px;height:80px;background:rgba(0,0,0,.2);line-height:80px;text-align:center}
.card10 .swiper-button-next{right:5%;width:50px;height:80px;background:rgba(0,0,0,.2);line-height:80px;text-align:center}
.card10 .swiper-button-next::after{content:" ";display:inline-block;height:18px;width:18px;border-width:2px 2px 0 0;border-color:#fff;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-9px;right:20px}
.card10 .swiper-button-prev::after{content:" ";display:inline-block;height:18px;width:18px;border-width:2px 2px 0 0;border-color:#fff;border-style:solid;-webkit-transform:matrix(-.71,.71,.71,.71,0,0);transform:matrix(-.71,.71,.71,.71,0,0);position:absolute;top:50%;margin-top:-9px;left:20px}
.card10 .swiper-button-next:hover,.card10 .swiper-button-prev:hover{background:#2a2c57}
.blog__area{padding:50px 0;background:#fff}
.blog_title h2{line-height:40px;font-size:24px;font-weight:700;color:#2a2c57;margin-bottom:10px}
.blog_title h4{font-size:14px;color:#999;line-height:20px}
.blog_title_right{text-align:right;line-height:20px;color:#999;padding:10px 0}
.blog_title_right a{display:inline-block;padding:0 20px;color:#333}
.blog_title_right a:hover{color:#86272b}
.blog_title_right a+a{border-left:#ddd 1px solid}
.blog__post{display:block;background:#fff}
.blog__post:hover{box-shadow:0 16px 32px 0 rgba(0,0,0,.04)}
.blog__thumb{overflow:hidden}
.blog__img{position:relative}
.blog__img img{width:100%;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-ms-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}
.blog__post:hover .blog__img img{transform:scale(1.2)}
.blog__date{transition:all .3s ease-in 0s;position:absolute;right:40px;bottom:-10px;background:#2a2c57;height:50px;width:70px;clip-path:polygon(0 0,100% 22.22%,100% 100%,0 100%);padding-top:25px;text-align:center}
.blog__post:hover .blog__date{background:#86272b}
.blog__date p{font-size:14px;color:#fff;margin-bottom:0;letter-spacing:1px;font-family:arial,verdana;line-height:20px}
.blog__date p span{font-size:18px;display:block;line-height:20px;margin-top:0}
.blog__date i{font-size:40px;color:#fff}
.blog__content{padding:20px 20px 10px 20px;box-sizing:border-box;border:#eee 1px solid;text-align:center;position:relative;border-top:0}
.blog__content span{font-size:14px;color:#86272b;margin-bottom:15px;display:inline-block}
.blog__content h4{transition:all .3s ease-in 0s;font-size:14px;margin:5px 0;line-height:24px;font-weight:700;text-align:justify;text-align-last:left;height:48px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#333;padding-right:100px}
.blog__post:hover .blog__content h4{color:#2a2c57}
.blog__content>span.more{top:20px;right:10px;font-size:13px;color:#333;position:absolute;display:inline-block;line-height:20px;margin-top:15px;border:#ddd 1px solid;color:#999;padding:5px 10px}
.blog__post:hover span.more{color:#2a2c57;border:#2a2c57 1px solid}
.index-notice{padding:30px 0;background:#f6f6f6;font-size:0}
.index-notice .title-box{display:inline-block;width:10%;vertical-align:top}
.index-notice .title-box h2{font-size:20px;color:#86272b;font-weight:700;border-right:#ddd 1px solid;line-height:30px}
.index-notice .notice-box{display:inline-block;width:90%}
.swiper-notice{width:100%;height:100%;display:block;overflow:hidden}
.swiper-notice .swiper-slide{text-align:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-notice .swiper-slide a{display:block;font-size:16px;line-height:30px;box-sizing:border-box;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding:0 100px 0 30px}
.swiper-notice .swiper-slide a::before{display:block;content:"";position:absolute;width:5px;height:5px;background:#2a2c57;left:10px;top:12px}
.swiper-notice .swiper-slide a:hover{background:#86272b;color:#fff}
.swiper-notice .swiper-slide a span{position:absolute;right:10px;color:#999;font-size:14px}
.swiper-notice .swiper-slide a:hover span{color:#fff}
.swiper-notice .swiper-slide a:hover::before{background:#fff}
.footer{background:#333;width:100%;padding-top:50px}
.footer a{color:#fff;display:inline-block;padding:0 20px}
.footer .foot_part1{padding:20px 0;border-bottom:1px solid #1d1d1d;font-size:0;border-top:1px solid #4a4a4a;}
.footer .foot_part1 dl{width:10%;display:inline-block;vertical-align:top}
.footer .foot_part1 dl dt{font-size:15px;line-height:1;color:#fff;margin-bottom:15px;font-weight:700}
.footer .foot_part1 dl dt .lin{width:50px;height:3px;background:#86272b;margin-top:18px;display:block;margin-bottom:25px}
.footer .foot_part1 dl dd{font-size:14px;color:#ccc;line-height:1;margin-bottom:12px}
.footer .foot_part1 dl dd a{padding:0}
.footer .foot_part1 dl.last .qr{vertical-align:bottom}
.footer .foot_part1 dl.last .qr .t{font-size:12px;height:32px;display:table-cell;vertical-align:bottom;line-height:1.6;margin-left:15px}
.footer .foot_part1 dl.dl01{width:11%}
.footer .foot_part1 dl.dl02{width:11%}
.footer .foot_part1 dl.dl03{width:11%}
.footer .foot_part1 dl.dl04{width:11%}
.footer .foot_part1 dl.dl05{width:29%}
.footer .foot_part1 dl.dl06{width:15%}
.footer .foot_part2{padding:27px 0;border-bottom:1px solid #1d1d1d;border-top:1px solid #4a4a4a;color:#ccc}
.footer .foot_part2 dl{width:20%;display:inline-block;color:#fff;line-height:1;font-size:13px}
.footer .foot_part2 dl dd{margin-bottom:16px;color:#ccc}
.footer .foot_part2 dl dd:last-child{margin-bottom:0}
.footer .foot_part3{padding:23px 0;line-height:1;border-top:1px solid #4a4a4a}
.footer .foot_part3 .s{font-size:13px;color:#ccc}
.footer .foot_part3 .foot_a{float:right;color:#fff}
.footer .foot_part3 .foot_a a{display:inline-block;color:#ccc}
.footer .foot_part3 .foot_a a:hover{color:#2a2c57}
.gotop{display:none;width:50px;height:50px;background-color:#2a2c57;color:#fff;text-align:center;overflow:hidden;border-radius:50px;font-size:20px;line-height:50px;position:fixed;bottom:30px;right:15px;cursor:pointer;z-index:1000;box-sizing:border-box}
.index-news-swiper{width:100%}
.index-news-swiper .swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.index-news-swiper .swiper-slide a{display:block;width:100%}
.index-news-swiper .swiper-slide img{width:100%}
.index-news-swiper .swiper-slide .title{text-align:left;position:absolute;width:100%;background:rgba(0,0,0,.6);line-height:40px;padding:0 100px 0 20px;box-sizing:border-box;bottom:0;z-index:100;display:block;color:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index-news-swiper .swiper-button-prev{left:0;width:50px;height:80px;background:0 0;line-height:80px;text-align:center}
.index-news-swiper .swiper-button-next{right:0;width:50px;height:80px;background:0 0;line-height:80px;text-align:center}
.index-news-swiper .swiper-button-next::after{content:" ";display:inline-block;height:18px;width:18px;border-width:2px 2px 0 0;border-color:#fff;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-9px;right:20px}
.index-news-swiper .swiper-button-prev::after{content:" ";display:inline-block;height:18px;width:18px;border-width:2px 2px 0 0;border-color:#fff;border-style:solid;-webkit-transform:matrix(-.71,.71,.71,.71,0,0);transform:matrix(-.71,.71,.71,.71,0,0);position:absolute;top:50%;margin-top:-9px;left:20px}
.index-news-swiper .swiper-pagination{width:100px;right:0;left:auto}
.index-news-swiper .swiper-pagination-bullet{background:#fff}
.index-news-swiper .swiper-pagination-bullet-active{background:#fff}
.index-news{margin-left:10px}
.index-news a{display:block;padding:0 50px 0 100px;position:relative;height:80px}
.index-news a *{transition:all .3s}
.index-news a+a{margin-top:15px}
.index-news a .date{font-size:14px;color:#999;display:block;position:absolute;left:0;text-align:center;border:#ddd 1px solid;width:80px;height:80px;line-height:24px;padding:16px;box-sizing:border-box}
.index-news a .date span{display:block;border-bottom:#ddd 1px solid;font-size:18px}
.index-news a h4{font-size:18px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:30px}
.index-news a p{font-size:14px;line-height:20px;text-align:justify;text-align-last:left;height:40px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#999}
.index-news a:hover h4{color:#86272b}
.index-news a:hover .date{color:#fff;background:#2a2c57;border:#2a2c57 1px solid}
.index-news a::after{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#bbb;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-3px;right:20px}
.index-news a:hover::after{right:0;border-color:#2a2c57}
.mob-header{display:none}
.mob-block{display:none}
.banner{background-repeat:no-repeat;background-position:top center}
.banner .wrap{background-color:rgba(42,44,87,.3);background-position:center top;background-repeat:no-repeat;padding:90px 0;position:relative}
.banner .wrap .toptitle{text-align:center}
.banner .wrap .title{font-size:36px;line-height:70px;font-weight:700;letter-spacing:0;color:#fff;margin:0}
.banner .wrap .link {display: none;}
.banner .wrap .link li{display:inline-block;color:rgba(255,255,255,.6)}
.banner .wrap .link li a{color:rgba(255,255,255,.6)}
.path{height:50px;line-height:50px;font-size:16px;text-align:center;border-bottom:#ddd 1px solid}
.path a{color:#000;display:inline-block;padding:0 15px;height:48px;line-height:48px;margin:0 15px;position:relative}
.path a.active{border-bottom:2px solid #2a2c57;color:#2a2c57}
.path a:hover{color:#2a2c57}
.path.layui-breadcrumb{text-align:left}
.path.layui-breadcrumb a{padding:0;margin:0;color:#333!important}
.path.layui-breadcrumb a:hover{color:#2a2c57!important}
.path.layui-breadcrumb a cite{color:#86272b}
.about-box{font-size:16px;line-height:32px;padding:30px 0;color:#666;max-width:1200px;margin: 0 auto}
.about-box .title{font-size:20px;font-weight:700;line-height:60px;text-align:center;color:#2a2c57;position:relative}
.about-box .title::after{content:'';display:block;width:50px;border-bottom:#ddd 1px solid;position:absolute;left:50%;margin-left:-25px;top:50px}
.about-box p{text-align:justify;text-align-last:left;padding:8px 0;text-indent:40px}
.about-box .about-icon{margin-top:60px}
.about-box .about-icon li{display:block;text-align:center}
.about-box .about-icon .icon{transition:all .3s ease 0s;width:120px;height:120px;display:block;margin:0 auto 22px;background:#f6f6f6;line-height:120px;text-align:center;color:#2a2c57;border-radius:50%}
.about-box .about-icon .icon i{font-size:52px;transition:all .3s ease 0s;vertical-align:middle}
.about-box .about-icon .tit{color:#2a2c57;text-align:center;font-size:18px;margin:15px 0}
.about-box .about-icon .number{font-size:20px;color:#2a2c57;font-family:Arial;font-weight:700}
.about-box .about-icon .txt{font-size:14px;color:#6e6e6e;margin-top:7px;padding:0 15%;height:44px;overflow:hidden;line-height:20px}
.about-box .about-icon li:hover .icon{background:#2a2c57}
.about-box .about-icon li:hover .icon i{font-size:60px;color:#fff}
.organization-box{padding:30px 0;border-top:#ddd 1px solid;text-align:center}
.organization-box .title{font-size:20px;font-weight:700;line-height:60px;text-align:center;color:#2a2c57;position:relative}
.organization-box .title::after{content:'';display:block;width:50px;border-bottom:#ddd 1px solid;position:absolute;left:50%;margin-left:-25px;top:50px}
.organization-box img{width:auto;max-width:100%}
.memorabilia-box{padding:50px 0;background:url(../image/sjbg.png) #f6f7ff right bottom no-repeat;background-size:35%}
.his-list .tit{font-size:24px;color:#2a2c57;font-weight:700;margin-bottom:45px}
.his-list .box{width:100%}
.his-list .box .item{position:relative;overflow:hidden;padding-bottom:30px;font-size:0}
.his-list .box .item:before{content:"";position:absolute;top:0;left:10%;width:1px;height:100%;background:#2a2c57}
.his-list .box .item:last-child:before{height:0;width:0}
.his-list .box .item .n{display:inline-block;font-size:18px;color:#2a2c57;line-height:1;width:10%;vertical-align:top}
.his-list .box .item .q{display:inline-block;position:absolute;width:14px;height:14px;background:#fff;border:2px solid #2a2c57;border-radius:50%;z-index:1;left:10%;margin-left:-8px}
.his-list .box .item .con{display:inline-block;font-size:14px;color:#555;line-height:1.6;width:90%;padding-left:5%;box-sizing:border-box}
.his-list .box .item .con p{margin-bottom:20px}
.honor-box{padding:50px 0;text-align:center}
.honor-box .title{font-size:20px;font-weight:700;line-height:60px;text-align:center;color:#2a2c57;position:relative}
.honor-box .title::after{content:'';display:block;width:50px;border-bottom:#ddd 1px solid;position:absolute;left:50%;margin-left:-25px;top:50px}
.swiper-honor{width:100%;height:100%;display:block}
.swiper-honor .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-honor .swiper-slide>div{display:block;margin:40px 0;box-sizing:border-box;background:#f6f6f6;color:#333;width:100%}
.swiper-honor .swiper-slide>div p{font-size:14px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block;padding:0 10px;box-sizing:border-box}
.swiper-honor .swiper-slide>div:hover{background:#86272b;color:#fff}
.swiper-honor .swiper-button-next,.swiper-honor .swiper-button-prev{background:rgba(0,0,0,.5)}
.swiper-honor .swiper-button-next::after{content:" ";display:inline-block;height:10px;width:10px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-5px;right:10px}
.swiper-honor .swiper-button-prev::after{content:" ";display:inline-block;height:10px;width:10px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;-webkit-transform:matrix(-.71,.71,.71,.71,0,0);transform:matrix(-.71,.71,.71,.71,0,0);position:absolute;top:50%;margin-top:-5px;left:10px}
.news-box{padding:20px 0}
#pager{text-align:center;margin:20px 0}
.page-news{margin:0 auto;font-size:0}
.page-news a{display:inline-block;padding:10px 60px 10px 120px;position:relative;height:100px;margin:20px 0;background:#f6f6f6;box-sizing:border-box;width:48%}
.page-news a:nth-child(2n){margin-left:4%}
.page-news a *{transition:all .3s}
.page-news a .date{font-size:14px;color:#fff;display:block;position:absolute;left:10px;text-align:center;background:#2a2c57;border:#2a2c57 1px solid;width:80px;height:80px;line-height:24px;padding:16px;box-sizing:border-box}
.page-news a .date span{display:block;border-bottom:#ddd 1px solid;font-size:18px}
.page-news a h4{font-size:18px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:36px}
.page-news a p{font-size:14px;line-height:20px;text-align:justify;text-align-last:left;height:40px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#999}
.page-news a:hover{background:#f6f6f6}
.page-news a:hover h4{color:#333}
.page-news a:hover .date{background:#86272b;border-color:#86272b}
.page-news a::after{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#bbb;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-3px;right:20px}
.page-news a:hover::after{right:10px}
.site-detail{padding:40px 0;text-align:center;max-width: 1200px;margin:0 auto;}
.site-detail .site-h1{font-size:26px;line-height:50px;margin-bottom:20px;font-weight: bold;}
.site-detail .site-h2{line-height:40px;border-bottom:#eee 1px solid;margin-bottom:10px;    position: relative;}
.site-detail .site-h2 span{display:inline-block;color:#999;font-size:14px;}
.site-detail .site-h4{font-size:22px;line-height:40px;margin-bottom:20px;font-weight: bold;}
.site-text{font-size:20px;color:#666;line-height:40px;text-align:left}
.site-text p{margin:15px 0}
.site-text img{max-width:800px;width:auto;margin:20px 0}
.detail_page{border-top:#eee 1px solid;line-height:70px}
.detail_page>div{text-align:left}

.detail_page>div:last-child{text-align:right}
.detail_page>div a{color:#333;font-size:14px;line-height:30px;display: block;position: relative;box-sizing:border-box;width: 100%;}
.detail_page>div:first-child a{padding-left:50px;}
.detail_page>div:first-child a span{display: inline-block;position: absolute;left: 0;}
.detail_page>div:last-child a{padding-right:50px;}
.detail_page>div a cite{display: block;position: relative;box-sizing:border-box;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.detail_page>div a cite i{font-style: normal;position: absolute;display: inline-block;}
.detail_page>div:first-child a cite{padding-left: 15px;}
.detail_page>div:first-child a cite i{left: 0;}
.detail_page>div:last-child a cite{padding-right: 15px;}
.detail_page>div:last-child a cite i{right: 0;}
.detail_page>div:last-child a span{display: inline-block;position: absolute;right: 0;}
.detail_page>div a:hover {color:#86272b}
.contact_box{text-align:center;padding-bottom:50px;padding-top:50px}
.contact_box h1{font-size:34px;line-height:60px;font-weight: bold;}
.contact_box p{color:#666;font-size:18px;line-height:46px}
.brands-box{padding:50px 0}
.brands a{display:block;position:relative;width:100%;overflow:hidden}
.brands a .con{position:absolute;width:100%;right:0;height:100%;color:#fff;padding:40px;box-sizing:border-box;bottom:-61%;transition:all .3s}
.brands a .con .tit{font-size:24px;font-weight:700;line-height:60px}
.brands a .con .en{font-size:13px;color:#fff;opacity:.6;line-height:24px;min-height:24px;text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap}
.brands a .con .font{font-size:15px;color:#fff;line-height:34px;margin-top:18px;text-align:justify;text-align-last:left}
.brands a .con .more{transition:all .3s ease .2s;display:block;margin-top:40px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:url(../image/wel02.png) no-repeat center}
.brands a:hover .con{background:rgba(0,0,0,.5);bottom:0}
.brands a:hover .more{margin-left:50px}
.tips-text{padding:40px 0 0 0}
.tips-text p{text-align:center;font-size:15px;line-height:20px;color:#666;}
.no-list{text-align:center;font-size:16px;line-height:50px;padding:30px 0}
.search-box{width:70%;padding:20px 150px 20px 0;margin:0 auto;position:relative;box-sizing:border-box}
.search-box input{width:100%;height:50px;border:#ddd 1px solid;text-indent:20px;font-size:16px;box-sizing:border-box}
.search-box a{position:absolute;width:150px;height:50px;border:0;right:0;font-size:18px;background:#2a2c57;color:#fff;cursor:pointer;text-align: center;line-height: 50px;}
.search-box a i{font-size:24px;margin-right:10px}
.search-box a:hover{opacity:.8}
.search-list{border-top:#ddd 1px solid;margin-top:50px}
.search-list a{display:block;box-sizing:border-box;padding:15px 250px 15px 35px;font-size:16px;line-height:40px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-list a:hover{color:#86272b;background:#f6f6f6}
.search-list a time{display:block;width:100px;position:absolute;right:100px;color:#999}
.search-list a::before{transition:all .3s;content:'';display:block;width:5px;height:5px;background:#2a2c57;left:15px;top:32px;position:absolute}
.search-list a:hover::before{background:#86272b}
.search-list a::after{transition:all .3s;content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-4px;right:80px}
.search-list a:hover::after{right:40px}
.brands-detail{padding:50px 0 20px 0}
.swiper-brands-big,.swiper-brands-small{width:100;overflow:hidden}
.swiper-brands-big .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.swiper-brands-big .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.swiper-brands-big{width:100%;height:300px;margin-left:auto;margin-right:auto}
.swiper-brands-big .swiper-slide{background-size:cover;background-position:center}
.swiper-brands-big{height:80%;width:100%}
.swiper-brands-big .swiper-button-prev{left:15px;margin-top:-60px}
.swiper-brands-big .swiper-button-next{right:15px;margin-top:-60px}
.swiper-brands-big .swiper-button-next,.swiper-brands-big .swiper-button-prev{background:rgba(0,0,0,.5);width:30px;height:50px}
.swiper-brands-big .swiper-button-next::after{content:" ";display:inline-block;height:10px;width:10px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-5px;right:10px}
.swiper-brands-big .swiper-button-prev::after{content:" ";display:inline-block;height:10px;width:10px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;-webkit-transform:matrix(-.71,.71,.71,.71,0,0);transform:matrix(-.71,.71,.71,.71,0,0);position:absolute;top:50%;margin-top:-5px;left:10px}
.swiper-brands-small{height:20%;box-sizing:border-box;padding:10px 0}
.swiper-brands-small .swiper-slide{background:#000;width:25%;height:100%;cursor:pointer}
.swiper-brands-small .swiper-slide-thumb-active{opacity:1}
.swiper-brands-small .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;opacity:.4}
.swiper-brands-small .swiper-slide-thumb-active img{opacity:1}
.brands-detail .brands .tit{font-size:24px;font-weight:700;border-top:#ddd 1px solid;border-bottom:#ddd 1px solid;line-height:80px}
.brands-detail .brands .add{font-size:16px;line-height:30px;margin:20px 0}
.brands-detail .brands .add i{margin-right:10px}
.brands-detail .brands .js{font-size:14px;color:#666;line-height:28px}
.news-box .title{font-size:24px;font-weight:700;border-top:#ddd 1px solid;line-height:50px;padding-top:20px}
.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#2a2c57;}
.back{display: inline-block;font-size: 14px;color: #333;position: absolute;
    right: 0;}
.back i{margin-right: 10px;}
.back:hover{color:#86272b;}
.text-logo{width: 20%;
    position: absolute;}
	.fir-link{border-bottom: 1px solid #1d1d1d;padding-bottom: 20px;font-size: 0;}
	.fir-link a{display: inline-block;width: 25%;font-size: 14px;line-height: 20px;box-sizing: border-box;}
	.fir-link a:hover{text-decoration: underline;}
	.contact-box{padding-bottom: 50px;}
	#container{height: 500px;}
.table-info{border: #000 2px solid;
    width: 100%;border-collapse: collapse;
    border-spacing: 0;}
.table-info td{border: #000 1px solid;padding:5px}
@media screen and (max-width:1440px){.layui-container{width:90%;margin:0 5%}
.swiper-brands-menu .swiper-slide a{margin:40px 10%;width:80%}
.his-list .box .item:before{left:18%}
.his-list .box .item .n{width:18%}
.his-list .box .item .q{left:18%}
.his-list .box .item .con{width:82%}
.brands a .con{bottom:-60%}
.brands a .con .tit{line-height:50px}
}
@media screen and (max-width:1366px){.brands a .con{bottom:-50%}
.page-news a{width:100%}
.page-news a:nth-child(2n){margin-left:0}
}
@media screen and (max-width:1024px){.layui-container{width:94%;margin:0 3%}
#search_bar .search-global__input{font-size:40px;letter-spacing:1px}
.card10 .swiper-button-prev{left:0;width:.6rem;height:1rem;line-height:1rem}
.card10 .swiper-button-next{right:0;width:.6rem;height:1rem;line-height:1rem}
.card10 .swiper-button-next i,.card10 .swiper-button-prev i{color:#fff;font-size:.4rem}
.card10 .swiper-slide .con{bottom:0;box-sizing:border-box;padding:10%;transform:left .3s}
.card10 .font{font-size:1rem;line-height:2;margin-top:.2rem}
.card10 .tit{font-size:1.6rem;line-height:2}
.card10 .font-bg{opacity:.5}
.card10 img{width:100%}
/*.card10 .swiper-slide:hover .con{bottom:0;left:5%}*/
.blog__area .layui-col-space30{padding:0;font-size:0}
.blog__area .layui-col-md4{width:50%;display:inline-block}
.blog__area .layui-col-md4:nth-child(4){display:inline-block}
.menu-text{padding:20px 200px 20px 20px}
.menu-text .menu-img{position:absolute;width:180px;right:0}
.brands a .con{bottom:-54%}
.brands a .con .tit{line-height:40px;font-size:20px}
.brands a .con .font{font-size:13px;color:#fff;line-height:24px;margin-top:5px;text-align:justify;text-align-last:left;height:48px;overflow:hidden}
.brands a .con .more{margin-top:10px}
}
@media screen and (max-width:991px){.index-notice .title-box{width:15%}
.index-notice .notice-box{width:85%}
.pc-header{display:none}
.pc-block{display:none}
.mob-block{display:block}
.mob-header{display:block;position:fixed;z-index:1000;background:#fff;width:100vw;border-bottom:#ddd 1px solid;box-sizing:border-box}
.mob-header .flex-box-item{text-align:center;line-height:80px}
.mob-header .flex-box-item img{width:20vw}
.menu-button{display:block;width:80px;height:80px;padding:25px 0;box-sizing:border-box;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-right:#ddd 1px solid}
.menu-button .bar:nth-of-type(1){margin-top:0}
.menu-button .bar:nth-of-type(3){margin-bottom:0}
.bar{position:relative;display:block;width:40px;height:4px;margin:8px auto;background-color:#333;border-radius:10px;-webkit-transition:.3s;transition:.3s}
.menu-button:hover .bar:nth-of-type(1){-webkit-transform:translateY(1.5px) rotate(-4.5deg);-ms-transform:translateY(1.5px) rotate(-4.5deg);transform:translateY(1.5px) rotate(-4.5deg)}
.menu-button:hover .bar:nth-of-type(2){opacity:.9}
.menu-button:hover .bar:nth-of-type(3){-webkit-transform:translateY(-1.5px) rotate(4.5deg);-ms-transform:translateY(-1.5px) rotate(4.5deg);transform:translateY(-1.5px) rotate(4.5deg)}
.cross .bar:nth-of-type(1){top:0px;-webkit-transform:translateY(15px) rotate(-45deg);-ms-transform:translateY(15px) rotate(-45deg);transform:translateY(15px) rotate(-45deg)}
.cross .bar:nth-of-type(2){opacity:0}
.cross .bar:nth-of-type(3){top:6px; -webkit-transform:translateY(-15px) rotate(45deg);-ms-transform:translateY(-15px) rotate(45deg);transform:translateY(-15px) rotate(45deg)}
.cross:hover .bar:nth-of-type(1){top:0px; -webkit-transform:translateY(13.5px) rotate(-40.5deg);-ms-transform:translateY(13.5px) rotate(-40.5deg);transform:translateY(13.5px) rotate(-40.5deg)}
.cross:hover .bar:nth-of-type(2){opacity:0}
.cross:hover .bar:nth-of-type(3){top:4px;-webkit-transform:translateY(-13.5px) rotate(40.5deg);-ms-transform:translateY(-13.5px) rotate(40.5deg);transform:translateY(-13.5px) rotate(40.5deg)}
.blog__area .layui-col-md4.blog_title{width:100%;text-align:center}
.blog__area .blog_title_right{text-align:center;margin-bottom:20px}
.footer .foot_part1 dl.dl01,.footer .foot_part1 dl.dl02,.footer .foot_part1 dl.dl03,.footer .foot_part1 dl.dl04,.footer .foot_part1 dl.dl06{display:none}
.footer .foot_part1 dl{width:20%}
.footer .foot_part1 dl.dl05{width:75%}
.mob-menu{display:none;position:fixed;width:100vw;height:92%;background:#fff;z-index:999;overflow-y:auto}
.mob-menu dl{display:block;border-top:#ddd 1px solid;font-size:16px;line-height:40px}
.mob-menu dl dt a.active{background:#2a2c57;color:#fff}
.mob-menu dl dt a{line-height:60px;text-indent:10%;display:block;padding-right:100px;position:relative;color:#333}
.mob-menu dl.sub-menu dt a::after{content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8cd;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-3px;right:5%}
.mob-menu dl.sub-menu.open dt a::after{-webkit-transform:matrix(.71,.71,.71,-.71,0,0);transform:matrix(.71,.71,.71,-.71,0,0);border-color:#2a2c57}

.mob-menu dl.sub-menu.open dt a.active::after{border-color: #fff;}
.mob-menu dl.sub-menu.open a{color:#2a2c57;font-weight:700}
.mob-menu dl.sub-menu.open a.active{color: #fff;}
.mob-menu dl.sub-menu dd{padding:0 5% 10px 5%;font-size:0}
.mob-menu dl.sub-menu.open dd a{display:inline-block;background:#f6f6f6;margin:8px 2% 0 0;font-weight:400;font-size:15px;width:23.5%;text-align:center}
.mob-menu dl.sub-menu.open dd a:nth-child(4n){margin-right:0}
.mob-menu dl dd{display:none}
.about-text h2,.about-text small{text-align:center;display:block}
.index-news{margin:0}
.page-news{margin:0}
#video video{width:100%}
.index-about .about-img>.img{width:100%;margin: 0;}
.index-about .about-img span{left:0}
.path .layui-container{width:100%;padding:0}
.path .layui-container{display:-webkit-box;display:-webkit-flex;display:flex}
.path .layui-container a{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding:0;margin:0;font-size:.8rem}
.path.layui-breadcrumb .layui-container{display:block}
.path.layui-breadcrumb .layui-container a{display:inline-block}
.his-list .box .item:before{left:25%}
.his-list .box .item .n{width:25%}
.his-list .box .item .q{left:25%}
.his-list .box .item .con{width:75%}
.detail_page{padding:2rem 0;line-height:2rem}

.detail_page>div a{font-size:1rem;border-radius:3px;line-height:2.6rem;display:inline-block;background:#2a2c57;color:#fff;padding:0 2rem;width: auto;}
.detail_page>div.no-page a{background: #ddd;}
.detail_page>div:first-child a{padding-left: 2rem;}
.detail_page>div:last-child a{padding-right: 2rem;}
.detail_page>div a cite{display:none}
.detail_page>div:first-child a span,.detail_page>div:last-child a span{position: relative;}
.site-text img{width:100%}
.brands a .con{height:auto;background:rgba(0,0,0,.3);bottom:0;padding:15px 40px}
.brands a .con .more{left:0;margin-left:0}
.brands a:hover .con{background:rgba(0,0,0,.3);bottom:0}
.brands a:hover .con .more{margin-left:0}
.bg_load img{margin-top: -20%;}
.loader{margin-top: 10%;}
.fir-link a{width: 33.33%;}
#container{height:50vh;}
}
@media screen and (max-width:560px){header{height:60px}
.cross .bar:nth-of-type(1){top: -5px;-webkit-transform:translateY(15px) rotate(-45deg);-ms-transform:translateY(15px) rotate(-45deg);transform:translateY(15px) rotate(-45deg)}
.cross .bar:nth-of-type(2){opacity:0}
.cross .bar:nth-of-type(3){top:6px; -webkit-transform:translateY(-15px) rotate(45deg);-ms-transform:translateY(-15px) rotate(45deg);transform:translateY(-15px) rotate(45deg)}
.cross:hover .bar:nth-of-type(1){top:-4px; -webkit-transform:translateY(13.5px) rotate(-40.5deg);-ms-transform:translateY(13.5px) rotate(-40.5deg);transform:translateY(13.5px) rotate(-40.5deg)}
.cross:hover .bar:nth-of-type(2){opacity:0}
.cross:hover .bar:nth-of-type(3){top:4px;-webkit-transform:translateY(-13.5px) rotate(40.5deg);-ms-transform:translateY(-13.5px) rotate(40.5deg);transform:translateY(-13.5px) rotate(40.5deg)}

.mob-header{height:60px}
.mob-header .flex-box-item{line-height:60px}
.search_icon{height:60px;width:60px;line-height:60px}
.menu-button{width:60px;height:60px;padding:20px 0}
.bar{width:34px;margin:5px auto}
#search_bar .search-global{width: 90%;}
#search_bar .search-global__input{font-size:1.5rem;letter-spacing:2px;line-height: 4rem;text-indent: 0.5rem;}
#search_bar .search-global__btn{font-size: 2rem;padding: 0 0.5rem;line-height: 4rem;}
.blog__area .layui-col-md4{width:100%}
.footer .foot_part3{line-height:24px}
.footer .foot_part1 dl{width:100%}
.footer .foot_part1 dl.dl05{width:100%}
.footer .foot_part1 dl.last{text-align:center;margin-top:20px}
.footer .foot_part1 dl.last img{width:50%}
.footer .foot_part1 dl.last .qr .t{display:block;line-height:30px}
.index-about .title-box small{letter-spacing:5px}
.index-notice .title-box{width:100%;text-align:center;margin-bottom:10px}
.index-notice .title-box h2{border:0}
.index-notice .notice-box{width:100%}
#search_bar a.close{width:60px;height:60px;line-height:60px}
.mob-menu dl.sub-menu dd{padding:0 5% 10px 5%}
.mob-menu dl.sub-menu.open dd a{text-align:center;width:47.5%;margin:5px 5% 0 0;font-size:14px}
.mob-menu dl.sub-menu.open dd a:nth-child(2n){margin-right:0}
.index-swiper .ani{font-size:1.2rem}
.card10 img{height:100%;width:auto}
.index-xm a.xm-more{width:50px;height:50px;bottom:-20px;margin-left:-25px;line-height:50px;font-size:12px}
.index-xm a.xm-more::before{height:6px;width:6px;top:30px;left:22px}
.card10 .font{font-size:12px;line-height:20px}
.index-news a{padding:0 20px 0 70px;height:60px}
.index-news a+a{margin-top:20px}
.index-news a::after{right:0}
.index-news a .date{font-size:12px;padding:5px;width:60px;height:60px}
.index-news a .date span{font-size:14px}
.index-news a h4{font-size:15px;line-height:24px}
.index-news a p{font-size:12px;line-height:18px;height:36px}
.page-news a{padding:0 20px 0 70px;height:60px;margin-bottom:0}
.page-news a+a{margin-top:20px}
.page-news a::after{right:0}
.page-news a .date{font-size:12px;padding:5px;width:60px;height:60px;left:0}
.page-news a .date span{font-size:14px}
.page-news a h4{font-size:15px;line-height:24px}
.page-news a p{font-size:12px;line-height:18px;height:36px}
#video a.close{width:60px;height:60px;line-height:60px}
.his-list .box .item:before{left:25%}
.his-list .box .item .n{font-size:14px}
.his-list .box .item .q{left:25%;width:4px;height:4px;margin-left:-4px}
.his-list .box .item .con{width:75%}
.brands a{height:80vw}
.brands a img{width:auto;height:100%}
.tips-text p{text-align:center;font-size:13px;line-height:28px;color:#666}
.search-box{width:100%;padding:10px 90px 10px 0}
.search-box input{height:40px;text-indent:10px;font-size:14px}
.search-box a{width:90px;height:40px;font-size:14px;line-height: 40px;}
.search-box a i{font-size:18px;margin-right:5px}
.no-list{font-size:14px;line-height:40px;padding:10px 0}
.search-list{margin-top:20px}
.search-list a{padding:0 100px 0 15px;font-size:14px;line-height:46px}
.search-list a time{right:15px;width:auto}
.search-list a::before{left:0;top:20px}
.search-list a::after{right:0}
.brands-detail{padding:30px 0 10px 0}
.brands .tit{font-size:20px;line-height:50px}
.brands .add{font-size:14px;line-height:30px;margin:10px 0}
.news-box .title{font-size:16px;line-height:30px}
.back{display: none;}
.banner .wrap .link {display: block;}
.swiper-honor .swiper-slide>div p{overflow: unset;white-space: normal;}
.text-logo{display: none;}
.loader{margin-top:40%;}
.fir-link a{width:50%;}
}
