.pc{display: block;}
.wap{display: none;}
.header-nav__item.active .header-nav__link,
.header-nav__link:hover {
 border-bottom:2px solid #7f7f7f
}
.container {
 max-width:1366px;
 width: 100%;
}
.m-picture {
 position:relative;
 margin:15px 0;
 cursor:pointer
}
.m-picture:hover .m-picture__wrap {
 display:block
}
.m-picture__wrap {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 display:none
}
.m-picture__mask {
 width:100%;
 height:100%;
 background:rgba(0,0,0,.5)
}
.m-picture__txt {
 position:absolute;
 top:50%;
 width:100%;
 left:0;
 text-align:center;
 color:#fff;
 font-size:30px;
 line-height:1;
 margin-top:-15px
}
.m-title__more,
.m-title__txt {
 line-height:20px;
 height:20px
}
.m-title {
 border-left:5px solid #dcdcdc;
 padding-left:10px;
 overflow:hidden;
 margin-bottom:15px
}
.m-title__txt {
 font-size:18px;
 font-weight:700
}
.m-title__more {
 font-size:14px;
 color:#000
}
.header {
 height:70px;
 background-color:#fff;
 position: relative;
 padding-left: -15px;
 padding-right: -15px;
}
.logo {
 margin-top:13px
}
.logo img {
 height:44px
}
.header-nav {
 margin-top:21px
}
.nav>li.header-nav__item:last-child ul.header-nav-menu{
    display: none!important;
}
.header-nav__item {
 padding:0 15px
}
.header-nav__item:hover .header-nav-menu {
 display:block
}
.header-nav__link {
 padding:0 0 5px!important;
 color:#000
}
.header-nav__link:hover {
 background-color:transparent!important
}
.header-nav-menu {
 position:absolute;
 z-index:999;
 background:#fff;
 width:120px;
 border:1px solid #ddd;
 list-style:none;
 margin:0;
 padding:3px 0;
 top:25px;
 left:-15px;
 display:none
}
.header-nav-menu__link {
 font-size:12px;
 display:block;
 text-align:center;
 padding:8px 15px;
 color:#333
}
.footer-link,
.footer-right,
.topbar__l,
.topbar__r {
 color:#fff;
 font-size:12px
}
.header-nav-menu:after,
.header-nav-menu:before {
 position:absolute;
 width:0;
 height:0;
 border:8px dashed transparent;
 content:' ';
 display:block;
 border-bottom-style:solid;
 border-width:0 8px 8px;
 left:50%;
 margin-left:-9px
}
.header-nav-menu:before {
 border-bottom-color:#ddd;
 top:-8px
}
.header-nav-menu:after {
 border-bottom-color:#fff;
 top:-7px
}
.topbar__l{display: flex;justify-content: space-between;}
.topbar__l .lang img{height: 14px;}
.topbar__l .lang a{color: #ffffff;margin: 0 5px;}
.footer {
 background-position: center center;
 background-repeat: no-repeat;
 height:270px;
 overflow:hidden;
 padding-top:50px
}
.footer-htit {
 font-size:14px;
 margin-bottom:15px
}
.footer-btit {
 font-size:12px;
 margin-bottom:20px
}
.footer-btit,
.footer-htit {
 color:#fff
}
.footer-right {
 padding:30px 0;
 border-top:1px solid #fff;
 line-height:1
}
.footer-link {
 display:inline-block;
 border-left:1px solid #fff;
 line-height:1;
 padding:0 30px
}
.footer-link:first-child {
 padding-left:0;
 border-left:0 none
}
.topbar {
 height:30px;
 line-height:30px;
 background:#000
}
.index-banner {
 height:800px
}
.index-banner .item{background-repeat: no-repeat;background-position: center;height: 800px;background-size: cover;}
.index-mb {
 margin-bottom:60px!important
}
.company-profile__txt {
 text-align:justify;
 color:#888
}
.product-list__bd {
 background-color:#000;
 padding:25px 0;
 text-align:center
}
.product-list__tit {
 font-size:24px;
 margin-bottom:10px
}
.product-list__sub {
 font-size:12px;
 margin-bottom:30px
}
.product-list__more {
 font-size:12px;
 padding-bottom:5px;
 border-bottom:1px solid #fff
}
.product-list__more:active,
.product-list__more:focus,
.product-list__more:hover {
 text-decoration:none;
 border-bottom-color:#23527c
}
.product-list__more,
.product-list__sub,
.product-list__tit {
 color:#fff
}
.index-support {
 margin-top:-15px;
 margin-bottom:-15px
}
.partner-title {
 background-color:#000;
 text-align:center;
 padding:15px 0
}
.partner-title__txt {
 font-size:24px;
 padding-bottom:6px
}
.partner-title__sub {
 font-size:14px;
 border-top:1px solid #fff;
 padding-top:6px;
 display:inline-block
}
.partner-title__sub,
.partner-title__txt {
 color:#fff;
 font-weight:600
}
.partner-list {
 width:800px;
 margin:0 auto
}
.partner-list__wrap {
 background-color:#fbfbfb;
 padding:60px 0
}
.partner-list-indicators {
 bottom:-20px
}
.partner-list-indicators li {
 background-color:#c9c9c9;
 width:5px;
 height:5px;
 border:0;
 margin:0 3px;
 border-radius:50%
}
.partner-list-indicators li.active {
 background-color:#000;
 width:5px;
 height:5px;
 margin:0 3px
}
.partner-list__link {
 padding:30px 0;
 display:block;
 margin:0 auto;
 width:140px
}
.partner-list__img {
 height:70px;
 width:140px;
 background:red
}
.concatus-form {
 padding:40px 0
}
.concatus-form__hd {
 text-align:center;
 margin-bottom:40px
}
.concatus-form__tit {
 font-size:24px
}
.concatus-form__mt {
 margin-top:24px
}
.concatus-form__sub {
 font-size:14px;
 display:inline-block;
 color:#999;
 border-top:1px solid #999;
 padding-top:6px;
 margin-top:6px
}
.concatus-form__ipt,
.concatus-form__submit,
.concatus-form__tarea {
 width:100%;
 border:2px solid #dcdcdc;
 padding:10px;
 font-size:12px
}
.concatus-form__ipt:focus,
.concatus-form__submit:focus,
.concatus-form__tarea:focus {
 outline:0
}
.concatus-form__tarea {
 height:162px
}
.concatus-form__tarea::-webkit-input-placeholder {
 color:#9c9c9c
}
.concatus-form__ipt {
 height:38px
}
.concatus-form__ipt::-webkit-input-placeholder {
 color:#9c9c9c
}
.concatus-form__submit {
 height:38px;
 background:#000;
 color:#fff;
 border:0
}
.map-address {
 background:url(../image/home_24.jpg) center center no-repeat;
 height:114px
}
.index-footer {
 background-color:#000;
 line-height:30px;
 color:#fff;
 font-size:12px
}
.sns {
 position:relative;
 width:330px;
 height:84px;
 margin:25px auto
}
.sns-list {
 margin:0;
 padding:0;
 list-style:none
}
.sns-list li {
 width:40px;
 height:40px;
 display:inline-block;
 margin:0 10px;
 background-repeat:no-repeat;
 background-image:url(../image/sns.png)
}
.sns-list .sns-dh {
 background-position:1px 0
}
.sns-list .sns-yj {
 background-position:-57px 0
}
.sns-list .sns-cz {
 background-position:-114px 0
}
.sns-list .sns-wx {
 background-position:-171px 0
}
.sns-extra,
.sns-txt {
 font-size:12px;
 color:#8c8c8c;
 margin-bottom:5px
}
.sns-wx-img {
 width:70px;
 height:70px;
 position:absolute;
 right:0;
 top:15px;
}
.business-nav {
 background-color:#f2f2f2
}
.business-nav__item {
 float:left;
 -webkit-text-size-adjust:none;
 height:100px;
 width:330px;
 text-align:center
}
.business-nav__item.active,
.business-nav__item:hover {
 text-decoration:none;
 background-color:#303030
}
.business-nav__item.active .business-nav__sub,
.business-nav__item.active .business-nav__txt,
.business-nav__item:hover .business-nav__sub,
.business-nav__item:hover .business-nav__txt {
 color:#fff;
 border-color:#fff
}
.business-nav__txt {
 display:inline-block;
 font-size:12px;
 border-top:1px solid #b8b8b8;
 border-bottom:1px solid #b8b8b8;
 padding:6px 0;
 margin-top:24px
}
.business-nav__sub {
 font-size:12px;
 margin-top:10px
}
.business-nav__sub,
.business-nav__txt {
 color:#555
}
.business-agent-product {
 margin-top:80px
}
.business-agent-product__img {
 width:330px;
 height:285px;
 float:left
}
.business-agent-product__concat,
.business-agent-product__name,
.business-agent-product__txt {
 margin-left:370px
}
.business-agent-product__name {
 margin-top:16px
}
.business-agent-product__txt {
 line-height:24px;
 margin-bottom:15px;
 margin-top:15px
}
.business-agent-product__concat {
 border-top:1px solid #b9b9b9;
 border-bottom:1px solid #b9b9b9
}
.business-agent-product__concat-txt {
 margin-bottom:0;
 padding:10px 0
}
.business-authorize-item {
 padding-right:350px;
 padding-top:35px;
 background-repeat:no-repeat;
 background-position:right center
}
.business-authorize-item__wrap {
 border-bottom:1px solid #e6e6e6
}
.business-authorize-item__step span {
 display:inline-block;
 background-color:#e6e6e6;
 width:40px;
 height:60px;
 line-height:60px;
 text-align:center;
 font-size:18px
}
.business-authorize-item__tit {
 font-size:28px;
 margin-top:40px;
 margin-bottom:40px
}
.business-authorize-item__des {
 font-size:12px;
 line-height:20px;
 margin-bottom:25px
}
.business-authorize-item--fst {
 background-image:url(404.png)
}
.business-authorize-item--sec {
 background-image:url(404.png)
}
.business-authorize-item--thr {
 background-image:url(404.png)
}
.concat-banner {
 height:526px;
 background:url(404.png) center center no-repeat
}
.concat-type__sub,
.concat-type__tit {
 font-size:20px;
 text-align:center;
 font-weight:700
}
.concat-type-wrap {
 padding:50px 0
}
.concat-type-list {
 margin:55px -7px 0;
 display: flex;
}
.concat-type-item {
 text-align: center;
 width: 100%;
 height: 294px;
 flex: 1;
 margin: 0 7px;
 position: relative
}
.concat-type-item__back,
.concat-type-item__front {
 position:absolute;
 width:100%;
 height:100%;
 -webkit-transition:all 2s;
 transition:all 2s;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d
}
.concat-type-item__front {
 padding:30px 0;
 border:1px solid #000;
 -webkit-transform:rotateY(0);
 transform:rotateY(0)
}
.concat-type-item:hover .concat-type-item__front,
.concat-type-item__back {
 -webkit-transform:rotateY(-180deg);
 transform:rotateY(-180deg)
}
.concat-type-item:hover .concat-type-item__back {
 -webkit-transform:rotateY(0);
 transform:rotateY(0)
}
.concat-type-item__img {
 width:100%;
 height:100%
}
.concat-type__addr {
 width:108px;
 height:108px;
 border-radius:50%;
 background-color:#191919;
 color:#fff;
 text-align:center;
 font-size:28px;
 padding:20px;
 line-height:36px;
 display:inline-block
}
.concat-type__name {
 margin-top:30px
}
.concat-type__name span {
 display:inline-block;
 border-bottom:1px solid #6dacc6;
 padding-bottom:5px;
 font-size:18px
}
.concat-type__phone {
 margin-top:25px
}
.concat-type__phone p {
 display:inline-block;
 text-align:left;
 font-size:13px
}
.about-company p,
.about-jiazhi__txt {
 text-align:justify
}
.about-company {
 font-size:12px
}
.about-company p {
 color:#8c8c8c;
 line-height:24px
}
.about-company b {
 color:#000
}
.about-item {
 margin:0 auto 45px;
 width:740px
}
.about-item__con {
 width:430px;
 padding:10px 0;
 border-bottom:1px solid #ddd
}
.about-item__img {
 width:230px;
 height:120px;
 background-color:red;
 border:1px solid #ddd
}
.about-item__tit {
 color:#000;
 margin-bottom:20px
}
.about-course,
.about-item__txt,
.about-jiazhi__txt {
 color:#8c8c8c;
 font-size:12px;
 line-height: 22px
}
.about-course__item {
 line-height: 24px
}
.about-item__tit em {
 font-size:16px;
 font-style:normal
}
.about-item__tit span {
 padding:0 10px
}
.about-course {
 margin-bottom:40px;
 margin-top:40px
}
.about-tb-jianjie {
 background:url(../image/about_03.jpg) 15px top no-repeat;
}
.about-tb-licheng {
 margin-top:80px;
 background:url(../image/about_16.jpg) 15px top no-repeat
}
.about-tb-linian {
 background:url(404.png) 15px top no-repeat;
 margin-top:80px
}
.about-tb-jiazhi {
 background:url(404.png) 15px top no-repeat;
 margin-top:80px;
 margin-bottom:50px
}
.support-page {
 background-color:#f2f2f2
}
.support-container {
 background-color:#fff
}
.support-nav {
 float:none!important;
 background-color:#f2f2f2;
 flex-wrap: wrap;
}
.support-nav__link {
 color:#303030!important
}
.support-nav__item.active .support-nav__link,
.support-nav__item:hover .support-nav__link {
 background-color:#303030!important;
 color:#fff!important
}
.support-notice {
 margin-top:60px
}
.support-notice-con {
 background-color:#303030;
 color:#fff;
 font-size:12px;
 padding:60px 20px;
 text-align:justify;
 height:196px
}
.support-notice-tit {
 font-size:14px;
 font-weight:bolder;
 margin-top:40px
}
.support-notice-sub {
 font-size:12px
}
.aboutpp {
 background-color:#fff
}
.carousel-indicators li {
 border-color:#666
}
.carousel-indicators>.active {
 background-color:#666
}

ul,li{list-style-type: none;margin: 0;padding: 0;}
em{font-style: normal;}
.flexer{display: flex;}
.grid{display: grid;}
h2.title{font-size: 24px;text-align: center;margin-bottom: 20px;font-weight: 700;}
h2.title em{font-size: 14px;text-transform: uppercase;color: #999;font-weight: 400;}
.subtitle{color: #888;padding: 30px 0;display: block;}
.m-top{padding-top: 60px;}
.m-bottom{padding-bottom: 60px;}


.about .subtitle{text-align: center;font-size: 18px}
.about-brand{width: 100%;}
.about-brand .item{flex: 1;}
.about-brand .box{padding: 0 2.5rem;text-align: center;}
.about-brand .icon{background-color: #000;display: block;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;width: 5.4rem;height: 5.4rem;padding: 1.2rem;margin: 0 auto;}
.about-brand .icon img{max-width: 100%;max-height: 100%;}
.about-brand .item h3{font-size: 24px;}
.about-brand .item p{font-size: 18px;color: #888;}

.busin-list ul{grid-template-columns: repeat(4,1fr);grid-gap: 20px;}
.busin-list ul>li .busin-imgs{width: 100%;height: 0;padding-bottom: 120%;position: relative;overflow: hidden}
.busin-list ul>li .busin-imgs img{position:absolute;width:auto;height:100%;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);}
.busin-list ul>li h3{font-size: 18px;font-weight; 400}
.busin-list ul>li p{font-size: 12px;}
.busin-list ul>li a{color: #333;text-decoration: underline;font-size: 14px;}

.service-item{margin: 30px 0;display: flex;}
.service-item:nth-child(2n) .col-sm-5{order: -1;}
.service-item .s-imgs{position: relative;height: 0;padding-bottom: 60%;overflow: hidden}
.service-item .s-imgs img{position:absolute;width: 100%;height: auto;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);} 
.service-item .s-box{margin: 20px 15px 0;width: 100%;display: block;}
.service-item h3{border-bottom: 1px solid #e6e6e6;margin-bottom: 15px;padding-bottom: 10px;}
.service-item h3 i{font-style: normal;width: 50px;height: 50px;background-color: #000;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);color: #fff;text-align: center;line-height: 50px;font-size: 22px;margin-right: 15px;}
.service-item h3 span{display: block;color: #888;font-size: 12px;font-weight: 400;margin-top: 10px;}
.service-item .s-box .s-cont p{position: relative;margin-bottom: 30px;padding-left: 50px;}
.service-item .s-box .s-cont p::before{content: 'A';position: absolute;width: 40px;height: 40px;border: 2px solid #a2a2a2;top: 3px;left: 0;text-align: center;line-height: 40px;font-size: 20px;font-weight: 700;}
.service-item .s-box .s-cont p:nth-child(2)::before{content: 'B';}
.service-item .s-box .s-cont p:nth-child(3)::before{content: 'C';}
.service-item .s-box .s-cont p:nth-child(4)::before{content: 'D';}
.service-item .s-box .s-cont p:nth-child(5)::before{content: 'E';}
.service-item .s-box .s-cont strong{font-size: 20px;}
.service-item .s-box .s-cont em{color: #888;}
.service-item .col-sm-5{display: flex;align-items: center}


.case-list ul{grid-template-columns: repeat(4, 1fr);grid-gap: 10px;}
.case-list ul>li i{display: block;width: 100%;height: 0;padding-bottom: 70%;position: relative;border: 1px solid #ededed;}
.case-list ul>li img{position: absolute;width: 100%;height: 100%;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);}
.case-list ul>li h3{font-size: 12px;text-align: center;font-weight: 400;margin: 10px 0;}

.business-agent-product:nth-child(2n) .business-agent-product__img{float: right;}
.business-agent-product:nth-child(2n) .business-agent-product__name,.business-agent-product:nth-child(2n) .business-agent-product__txt,.business-agent-product:nth-child(2n) .business-agent-product__concat{margin-right: 370px;margin-left: 0;text-align: right;}

.support-first{display: flex;justify-content: center;padding-top: 60px;}
.support-box i{display: block;text-align: center;}
.support-box img{max-width: 100%;max-height: 100%;}
.support-box p{font-size: 12px;color: #888;}
.support-box a{color: #333;font-size: 12px;}
.support-text{padding: 30px 0}

.support-list{padding: 40px 0;}
.support-list ul{grid-template-columns: repeat(3, 1fr);grid-gap: 15px;}
.support-list i{width: 100%;height: 0;padding-bottom: 70%;position: relative;display: block;}
.support-list img{position: absolute;width: 100%;height: 100%;top: 50%;left: 50%; transform: translateY(-50%) translateX(-50%);}
.support-list h3{font-size: 16px;font-weight: 400;}
.support-list p{font-size: 12px;color: #888;}
.support-list a{font-size: 12px;color: #333;}



.container-fluid{padding-bottom: 20px}
.support-first img{width: 100%}
.concat-banner{background-position: center center;background-repeat: no-repeat;height:600px;background-size: cover;}
.intr{padding: 50px 10%;line-height: 24px;font-size: 20px}
.cats ul>li{margin-bottom: 50px;margin-left: -15px;margin-right: -15px;}
.cats ul>li:nth-child(2n) .cats-cont{order: -1;justify-content: flex-end;text-align: right;}
.cats-imgs,.cats-cont{margin: 0 15px;}
.cats-imgs{width: 56.666%;}
.cats-cont{width: 43.333%;display: flex;align-items: center}
.cats-cont h2{font-size: 24px;}
.cats-cont .cats-text{font-size: 18px;line-height: 24px;}
.cats-imgs i{position: relative;height: 0;padding-bottom: 60%;display: block;overflow: hidden;}
.cats-imgs img{position: absolute;height: 100%;right: 0;}
.cats ul>li:nth-child(2n) .cats-imgs img{left: 0;right: auto;}


h2.d-title,em.d-subtitle{text-align: center;}

.down-title{width: 80%;margin: 0 auto;text-align: center;padding: 50px 0 30px;}
.down-list ul,.down-sparkle ul{grid-template-columns: repeat(4,1fr);grid-gap: 15px;padding-top: 15px;padding-bottom: 30px;}
.down-list ul>li img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);}
.down-list ul>li i,.down-sparkle ul>li i{display: block;height: 0;position: relative;padding-bottom: 75%;}
.down-list ul>li img,.down-sparkle ul>li img{position:absolute;width:100%;height:100%;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);}
.down-list ul>li h3,.down-sparkle ul>li h3{font-size: 14px;text-align: center;font-weight: 400;}
.down-list ul>li .down-file{display: block;background-color: #000;color: #fff; text-align: center;padding: 5px 0;}
.down-sparkle{background-color: #f0eee4;}
.down-sparkle ul{grid-gap: 30px;}
.down-sparkle h2.d-title{margin: 0;padding: 20px 0 10px;} 
.down-sparkle ul{grid-template-columns: repeat(2,1fr)}
.down-sparkle ul>li{padding: 15px;}
.down-sparkle ul>li h3{text-align: left;}
.down-sparkle ul>li i{padding-bottom: 120%;}
.down-sparkle ul>li img{width: 100%;height: 100%;object-fit: cover;}
.down-sparkle ul>li p{font-size: 12px;}


.return {position:absolute;right:3%;top:50%;transform: translateY(-50%); z-index:100;cursor: pointer;}
.return svg{width: 30px;height: 30px;}

.sidebar{right:-50%;width:50%;background:#000000;position:fixed;top:0;min-height:100%;-o-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-moz-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-ms-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-box-shadow:rgba(0,0,0,0.08) 0 2px 5px;box-shadow:rgba(0,0,0,0.08) 0 2px 5px;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;z-index:2000;}
.sidebar .title {border-bottom:1px solid #666666;font-size: 1.6rem;display: flex;}
.sidebar .title h2{flex: 1;font-size: 1.67rem;color: #FFFFFF;margin: 1.67rem 0;text-align: center;font-weight: 400;}
.middle {margin: 1.87rem 0;}
.middle ul>li{width: 75%;margin: 0 auto;}
.middle ul>li>a{color: #FFFFFF;font-size: 1.287rem;padding: .87rem 0;display: block;}
.bottom{border-top: 1px solid #666666;}
.bottom ul{display: flex;border-right: 1px solid #f1f1f1f1;}
.bottom ul>li{display: flex;justify-content: center;align-items: center;flex: 1;padding: 1.4rem 0;}
.bottom ul>li svg{width: 20px;height: 20px;margin-right: 5px;}
.bottom ul>li span{display: inline-block;color: #FFFFFF;font-size: 1.2rem;line-height: 20px;}
#close{cursor: pointer;display: flex;align-items: center;justify-content: center;width: 10%;}
#close svg{width: 20px;height: 20px;}




@media screen and (max-width: 768px) {
    .container{width: 100%;}
    .pc{display: none;}
    .wap{display: block;}
    .index-banner{height: 100%;min-height: 320px;}
    .index-banner .item{height: auto;min-height: 320px;}
    .about-brand{flex-wrap: wrap;}
    .about-brand .item{width: 50%;flex: auto;}
    .about-brand .box{margin-bottom: 2.5rem;}
    .busin-list ul{grid-template-columns: repeat(2,1fr);}
    .service-item .col-sm-6{max-width: 50%;width: 100%;}
    .case-list ul{grid-template-columns: repeat(2, 1fr);}
    .concatus-form{padding: 2.8rem 15px;}
    
    .concat-banner{height: auto;min-height: 160px;}
    .concat-type-item{margin-bottom: 20px;}
    .imgsmain-text img{width: 100%;}

}
@media screen and (max-width: 428px) {
    .index-banner,.index-banner .item{min-height: 180px;}
    .index-banner{margin-bottom: 2.4rem!important;}
    .about em.subtitle{padding: 0;}
    .service-item .col-sm-6{max-width: 100%;}
    .service-item{flex-wrap: wrap;}
    .service-item:nth-child(2n) .col-sm-6:nth-child(2){order: initial;}
    .service-item .s-box{width: auto;}
    .busin-list ul{grid-template-columns:repeat(2,1fr)}
    .about-brand .item{width: 50%}
    .about-brand .box{padding: 0 .87rem}
    
    .intr{padding: 2.4rem 0;}
    .cats ul>li>a{flex-wrap: wrap;}
    .cats ul>li>a .cats-imgs,.cats ul>li>a .cats-cont{width: 100%;}
    .cats ul > li:nth-child(2n) .cats-cont{order: inherit;}
    .container-fluid{padding: 0 15px 20px;}
    .support-list ul{grid-template-columns: repeat(1,1fr);}
    .down-list ul{grid-template-columns: repeat(2,1fr);}
    .down-sparkle ul{grid-template-columns: repeat(1,1fr);}
    
    .concat-type-list{flex-wrap: wrap}
    .concat-type-item{flex: 1 1 45%;width: 50%;}
    
    .sidebar .title h2{font-size: 13.5px;}
    #close{width: 15%;}

    
    .bottom ul{flex-wrap: wrap;}
    .bottom ul>li{padding: .87rem 1.2rem;justify-content: flex-start;pad}
    .footer-link{padding: 0 1.4rem;}
    .pull-right{display: block;padding-top: .87rem;}


}