body {background: #FFF; }
body:lang(zh-CN) {
    font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
}
a {
    color: rgba(255, 255, 255, 0.3);
    text-decoration: none;
    background-color: transparent;
}
ul,li {list-style: none;}
.lead { font-size: 1.15rem;}
.none {display: none;}

.logo {width: 100%;}
.navbar-expand-lg .navbar-nav .nav-link{ padding: .5rem 2rem; font-size: 1.1rem;}
.tac {text-align: left;}
.nav-w {color: #43FFEF;}

.nerr {justify-content: space-between;display: flex;}
.bag_top {background-color: rgb(0 0 0 / 80%); border-bottom: 1px solid rgba(255,255,255,0.1);}
.bg_img {width: 100%; border-radius: 14px;}
.pl-md-4, .px-md-4 { padding-left: 0 !important;}

.carousel-caption {bottom:auto; top: 8.5rem;}
.carousel-caption h2 {
    font-size: 50px;
    line-height: 50px;
    font-weight: 500;
    margin-bottom: 1rem;
    color: #CFD0D4;
}
.carousel-caption p {
    font-size: 1.25rem;
    line-height: 32px;
    font-weight: 300;
    margin-bottom: 1rem;
    color: rgba(255,255,255,.7);
}
.carimg_1 {background:#000 url(../img/top_1.jpg)no-repeat center bottom; background-size: cover;}
.carimg_2 {background: url(../img/top_2.jpg)no-repeat center bottom; background-size: cover;}
/* .carimg_3 {background:url(../img/top_2.jpg)no-repeat center bottom; background-size: cover;} */

.tecimg_1 {background:url()no-repeat center bottom; background-size: contain;}
.tecimg_2 {background:#000 url()no-repeat center bottom; background-size: contain;}
.tecimg_3 {background:#000 url()no-repeat center bottom; background-size: contain;}

.carousel-indicators li {width: 18px; height: 18px; border-radius: 20px; border:0; background-clip: inherit; background-color: #000;}
.carousel-indicators .active {width: 45px; background-color: #fff;}

h2.text-center {font-size: 4.5rem;}
.col_h {color: #FF0000;}
.card {border-radius: .7rem; overflow: hidden; border:0;  margin: -4px}

.card .t-img { width: 90%; margin: auto;}

.nbx {background: #FAFAFA; line-height: 54px;  padding:0 1rem; font-size: .9rem; color: #888;}
.nbx img {border-radius: 50%; width: 2.5rem; height: 2.5rem; margin-right: 10px;}

.card-text {color: #6E6E73;}
p.card-text {font-size: .9rem; margin-bottom: .5rem;}
h6.card-text {margin-bottom: .8rem; font-weight: 300; font-size: 1.1rem; line-height: 1.6rem;
    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}
.btn-group  {display: block ruby; color: #000; margin-top: .3rem;}
.card-body {border-top: 1px solid #F2F2F2;}
.card-body img { width: 29px;}
.card-body .btn-group  span {line-height: 38px;}

.bg-fen {background: #F5F5F7;}
.bg-1 {background-color: #FFF3F2; }
.bg-2 {background-color: #F5F5F7; }
.bg-3 {background-color: #FFF9F3; }
.bg-4 {background-color: #E0EDE6; }
.bg-5 {background-color: #D9D9D9; }

.bg-img {background: url(../img/bg-3.jpg) top center no-repeat; background-size: cover ; }


.img_1 {height: 480px; background:#000 url(../img/img_1.jpg)no-repeat center left; background-size: cover; align-items: center; display: flex;}
.img_1 h2 {color:#FFF;}

.col_btn {
    position: absolute;
    right: 8%;
    bottom: 6%;
    display: inline-block;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: .375rem 2rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 20px;
    border: 1px solid #FFF;
}
.pop_btn {
    display: inline-block;
    font-weight: 500;
    color: #FF0000;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    padding: .375rem 2rem;
    font-size: 1rem;
    line-height: 2.5;
    opacity: 0.7;
    text-decoration:none;
    border:0;
}

.snk li {margin-bottom: 1.2em; font-size: 1rem; color: #333;}
.snk .fs_s { font-size: 1.2rem}
.snk .togo { width: 100%; margin: auto; min-width: 240px;}
.snk .togo2 { width: 62%; margin: auto;}

.list-unstyled {font-size: 13px; font-weight: 300; line-height: 24px; text-align: left; margin-top: 30px; text-align: center;}
.flex-jc {justify-content: center;}


footer {background: #323232;}
footer .logo {width: 70%;  margin-left: 30px;}
footer .nav-link {font-size: 1.2rem; display: block; padding: 0.5rem 0rem; font-weight: 400;}
.foot_txt .d-block { padding-left: 2.5rem;}

.foo_nav li {padding: .5rem 1.4rem ;}
.foo_nav li  a {color: #FFF;}

.foo_img {color: #FFF; position: relative; overflow: hidden;}
.foo_img P {  position: absolute; left: 50%; top: 0; margin-left:-298px; }
.foo_img img { width: 54px; margin: auto 1rem auto 1.5rem;}
.foot_logo {width: 240px; margin-left: 15px;}
.foot_txt { border-top: 1px solid #8A8B8F; color: #bbb; line-height: 26px;}

#non-loop > .tns-item { padding: 15px;}

.qr_t { font-size: 14px; color: #FFF; font-weight: 300;}
.call {font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 1.9rem;}

.news { font-size: 1.05rem; line-height: 30px;}
.news h3 {font-size: 3.4rem; line-height: 4rem; color: #222; font-weight: 400; margin-top: 6rem; margin-bottom:.5rem;}
.news h4 {font-size: 2.4rem; line-height: 3rem; color: #222; font-weight: 400; margin-bottom:3rem;}
.news p.lead {font-size: 1.4rem; font-weight: 300; margin-bottom:.6rem;}
.news .t-img { width: 100%;}

.auout {color: #040000;}
.auout img { width: 98%;}
.auout h1 {font-weight: 500;font-size: 4.5rem;}
.about_t { text-align: left; color: #5a5a5a; font-size: 1.25rem; line-height: 2.4rem; display: flex; align-items: center;}
.about_t span {display: block;  font-size: 1.1rem; color: #000; font-weight: 500;}
.about_bo { border-top: 1px solid #ccc;}


.brand {background: #F5F5F8;}
.brand img { height: 170px;}
.brand h2 { margin-top: 3.2rem; margin-bottom: 1rem; color: #333; font-weight: 500; font-size: 2.2rem;}
.brand p { margin-top: 0; margin-bottom: .4rem; font-size: 1.25rem; line-height: 2.4rem; color: #6E6E73;}
.col-lg-20 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20;
  }

.shade {width: 100%; height: 100%; position: fixed; top: 56px; left: 0; background-color:rgba(34,34,34,0.7); z-index: 1; visibility: hidden;}
.shade.open { visibility: visible;}
.order-md-2 {
    text-align: left;
    padding-right: 0rem;
    padding-left: 4rem;

  }
  .disyy { text-align-last: left; font-size: 2rem; color: #222; font-weight: 500;}
  .disyy span{  font-weight: 300;}

.artist_tit  h1 { font-weight: 500; font-size: 4.5rem; color: #222;}
.artist_tit  p { font-weight: 400; font-size: 1.2rem; margin-top: 2.5rem;}

.artist h5{color: #6E6E73; font-size: 1.2rem; font-weight: 400;}
.artist h2{color: #222;font-weight: 400; line-height: 3.5rem;margin-bottom: .3rem;}
.artist .rounded-circle {width: 54%; padding: 2.8rem;}

.about_tit h1 { font-weight: 500;  font-size: 4.5rem; color: #222; }
.about_tit h3 { font-weight: 500;  font-size: 4rem; color: #222; }

.qr { width: 56%; border: 1px solid #8A8B8F; border-radius: 6px; background: #FFF;}
.qr img { width: 100%; padding: 12px; }
.lian { padding-bottom:  6rem !important;}
.lian h2 {color: #222; font-size: 3rem;}
.lian p {color: #666; font-size: 1.2rem; margin-bottom: .5rem;}
.dow-img { width: 73%;}
.shop_box {background-color: rgb(255 255 255 / 0.9) !important;box-shadow:  0 0.5rem 1rem rgb(0 0 0 / 65%) !important; margin-top: 180px;}
.bo-r {border-right: 1px solid #ccc;}

.map {background: #D9D9D9; width: 100%;}
.map img { width: 100%; border-radius: 18px;}
.pingtai {justify-content: space-between; padding:0px 17%; height: 100%; margin-top: 2%;}
 
body,.carousel-item,.container { min-width: 360px;}

.art h2 {font-size: 1.2rem; font-weight: 400;}
.art h3 {font-size: 1rem; font-weight: 400;margin-bottom: 1rem;}
.art p {font-size: 2rem; font-weight: 400; color: #222; margin-bottom: .3rem;}

.works-img {
    min-width: 240px;
    margin: 5px 0 40px 0;
    width: 42%;
}
.nav-item .nav-link.tab-name.active {
    color: #43FFEF;
}
.flx-ac {display: flex; align-items: center;}

.normat-avatar {
    width: 60%;
}

/* 图片滚动 */

@media (min-width: 1680px) {
    /* .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl { max-width: 1440px;}*/

    .art { max-width: 100%; margin: auto; } 
    .card { margin: -4px}
    .pingtai {margin-top: 7%;}


}


@media (min-width: 1920px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl { max-width: 1600px;}

    .art { max-width: 1920px; margin: auto; }
}



@media (min-width: 2500px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl { max-width: 1920px;}

    .art { max-width: 1920px; margin: auto; }
 }

 
 @media (max-width: 991.98px){
    body { padding-top: 0px;}
     br {display: none;}
    /* .bag_top {background-color:#090909; display: none;} */
    .offcanvas-collapse {width:60%; background-color:rgba(34,34,34,1); z-index: 3;}
    .off_box {height: 100%; background-color: #222; float: right; margin-right: -20px;}
    .navbar-nav ,.nav-item {margin-top: 1rem;}
    .nav-link {text-align: center;}
    .img_1 .t_txt {margin:0 10% 0 2%;}

    .carousel-item { height:24rem;  }
    .carousel-caption { right:5%; top: 2rem; left:5%; padding-top: 20px;}
    .carousel-caption h1 { font-size: 30px; margin-bottom: 1rem; text-align: center;}
    .carousel-caption h2 {font-size: 25px; line-height: 25px; text-align: center;}
    .carousel-caption p { font-size: 1rem; line-height: 22px;}

    .feature {padding: 3rem 2rem 4rem; height: auto;}
    .feature h2 {font-size: 28px; }
    .feature h4 {font-size: 18px; }
    .feature h5 {font-size: 18px;}
    .feature p { font-size: 13px; line-height: 22px; margin-bottom: 2rem;}
    .feature-title,.fea_l,.fea_r {width:100%; margin: auto; position: initial; }
    .fea_img { width: 200px; top: auto; left: auto; bottom: 0; right: 0; margin-top:0px;  margin-left:0px;}

    .col_bobx_1,.col_bobx_2,.pop_1,.pop_2,.pop_3,.pop_4,.join_bobx_1,.join_bobx_2 {margin-bottom: 1.5rem;}
    .display-5 {font-size: 1.2rem;}
    .col_btn {display: none;}
    .plan img { width: 64%; margin-top: 3rem;}
    .lead {font-size: .9rem;}
    .plan_txt p {line-height: 26px; text-align: left;}
    .list-unstyled {font-size: 14px; text-align: center; margin: 30px auto;}
    .col_bobx_2 img {  width: 60%; }
    .join_btn {width: 100%; font-size: 1.2rem;}

    footer .logo {width: 90%;  margin-left: 30px auto;}
    .foot_logo { width: 120px; }
    .foot_b2 br {display: block;}

    .jd  { margin:4rem auto 0;}
    .jd .tite {font-size: 28px; }
    .jd .txt {font-size: 16px;}
    .jd_txe h2 { font-size: 24px;}
    .jd_txe p {font-size: 15px; margin-bottom: 1rem;}
    .jd_txe {padding: 0; text-align: center;}
    .order-md-2 {padding: 0;  text-align: center;}
    .featurette-divider {  margin: 1rem 0; }
 


}