@media (max-width: 1600px) { .home-banner { height: 370px; } }

@media (max-width: 1440px) { .container { width: 1024px; }
  .site-top-nav .container, .header .container, .footer .container { width: 1200px; }
  .home-main .section-classes .classes-slide .item { height: 300px; }
  .inside-banner { padding-top: 100px; padding-bottom: 100px; }
  .list-img-wrapper { margin-left: -15px; margin-right: -15px; }
  .module-news-list { margin-left: -15px; margin-right: -15px; }
  .news-item { padding-left: 15px; padding-right: 15px; }
  .classes-item { padding-left: 15px; padding-right: 15px; }
  .footer .contact-wrapper .map .contact-con h1 { font-size: 16px; }
  .footer .contact-wrapper .map .contact-con p { font-size: 12px; word-break: break-all; } }

@media (max-width: 1200px) { .site-top-nav .container, .header .container, .footer .container { width: 1024px; }
  .home-banner .pagination { bottom: 20px !important; }
  .home-banner .button-prev, .home-banner .button-next { display: none; }
  .footer .contact-wrapper .map .contact-con h1 { font-size: 14px; } }

@media (max-width: 1024px) { .custom-service { top: auto; right: 30px; bottom: 100px; border: none; background-color: inherit; }
  .custom-service .heading { display: none; }
  .custom-service ul { padding: 0; }
  .custom-service ul li { margin: 7px 0; }
  .custom-service ul a { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 100%; background-color: #fff; border-bottom: none; border: 2px solid #02bd16; font-size: 0; }
  .custom-service ul a img { height: auto; padding: 10px; margin-right: 0; }
  .custom-service .qrcode { display: none; }
  .footer .contact-wrapper .message { width: 30%; }
  .footer .contact-wrapper .message .float-left, .footer .contact-wrapper .message .float-right { float: none; width: 100%; padding-left: 0; padding-right: 0; }
  .footer .contact-wrapper .map { width: 70%; } }

@media (max-width: 768px) { 
    body{padding-top:100px;}
    .container { width: 768px; }
    .site-top-nav{position:fixed; left:0; top:0; z-index:100;width:100%; background-color:#fff;}
  .site-top-nav .container, .header .container, .footer .container, .member-wrapper .container { width: 768px; }
  .header { position: fixed; z-index: 1000; top: 40px; left: 0; right: 0; width: 100%; background-color: #fff; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; /*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);*/ }
  .home-banner { /*margin-top: 60px;*/ }
  .header .logo a { height: 60px; }
  .header .logo a img { padding: 10px 0; }
  .navbtn { display: block; position: absolute; z-index: 999; top: 15px; right: 15px; width: auto; height: auto; padding: 0 5px; border-radius: 4px; background-color: #ee8300; cursor: pointer; }
  .navbtn span { display: block; width: 25px; height: 2px; margin: 6px 0; border-radius: 5px; background-color: #fff; transition: all 0.3s; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
  .navbtn.navclose { position: fixed; }
  .navbtn.navclose span:nth-child(1) { -o-transform: translateY(8px) rotate(45deg); -moz-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); }
  .navbtn.navclose span:nth-child(2) { opacity: 0; }
  .navbtn.navclose span:nth-child(3) { -o-transform: translateY(-8px) rotate(-45deg); -moz-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }
  .navbar { position: fixed; z-index: 990; top: 0; left: -70%; display: block; width: 70%; height: 100%; padding: 15px; margin-top: 0; overflow-y: auto; transition: left, 0.5s; -o-transition: left, 0.5s; -moz-transition: left, 0.5s; -webkit-transition: left, 0.5s; }
  .navbar:before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: #ededed; }
  .navbar:after { content: ''; opacity: 0; visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); transition: all, 0.5s; -o-transition: all, 0.5s; -moz-transition: all, 0.5s; -webkit-transition: all, 0.5s; }
  .navbar.nav-show { left: 0; transition: left, 0.5s; -o-transition: left, 0.5s; -moz-transition: left, 0.5s; -webkit-transition: left, 0.5s; }
  .navbar.nav-show:after { opacity: 1; visibility: inherit; }
  .navbar .item { z-index: 9; clear: both; width: 100%; height: auto; line-height: normal; margin-left: 0; background-color: #fff; }
  .navbar .item::before { display: none; }
  .navbar .item:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; }
  .navbar .item:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden; }
  .navbar .item > a { width: 100%; height: 45px; line-height: 45px; text-align: left; padding-left: 15px; padding-right: 15px; color: #333; font-size: 14px; border-width: 2px; border-bottom: 1px solid #efefef; }
  .navbar .item > a::before { display: none; }
  .navbar .item .dropdown { position: absolute; z-index: 99; top: 0; right: 0; display: block; width: 45px; line-height: 45px; text-align: center; color: #999; font-size: 26px; cursor: pointer; transition: all, 0.3s; -o-transition: all, 0.3s; -moz-transition: all, 0.3s; -webkit-transition: all, 0.3s; }
  .navbar .item .dropdown.icon-down { right: 2px; transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); }
  .navbar .item.current a >, .navbar .item:hover a > { border-width: 1px; }
  .navbar .child-nav { display: none; opacity: 1; position: inherit; z-index: 99; width: 100%; padding-left: 15px; border-top: none; border-radius: 0; box-shadow: none; background-color: #fff; border-bottom: 1px solid #efefef; transition: all, 0s; -o-transition: all, 0s; -moz-transition: all, 0s; -webkit-transition: all, 0s; }
  .navbar .child-nav a { color: #777; font-size: 13px; border-top: 1px solid #efefef; }
  
  /* Mega Menu Mobile */
    .navbar .item.mega-menu{position:relative;}
  .navbar .item.mega-menu .child-nav { display: none !important; }
  .navbar .item.mega-menu .dropdown { display: none !important; }
  
  /* 隐藏滚动导航项的下拉图标和下拉菜单 */
  .navbar .item .nav-scroll ~ .dropdown { display: none !important; }
  .navbar .item .nav-scroll ~ .child-nav { display: none !important; }
  .home-main .section-blogs ul li { width: 50%; }
  .home-main .section-about-us .item .picture { width: 150px; height: 150px; }
  .home-main .section-about-us .item .intro { width: calc(100% - 150px); height: auto; padding-left: 20px; }
  .home-main .section-about-us .item .intro .text { margin-top: 10px; }
  .inside-main .side-left, .inside-main .side-right { float: none; width: 100%; padding-left: 0; }
  .inside-main .side-left { display: none; }
  .details-side-left { float: none; width: 100%; }
  .details-side-left .video-js { height: 400px; }
  .details-side-right { float: none; width: 100%; padding-left: 0; margin-top: 50px; }
  .related-news { margin-left: -5px; margin-right: -5px; }
  .related-news .news-item { float: left; width: 20%; padding-left: 5px; padding-right: 5px; }
  .footer .contact-wrapper .head-title { margin-bottom: 15px; }
  .footer .contact-wrapper .message { float: none; width: 100%; overflow: hidden; }
  .footer .contact-wrapper .map { float: none; width: 100%; margin-top: 30px; padding-left: 0; overflow: hidden; }
  .footer .contact-wrapper .map iframe { width: 100%; height: 260px; }
  .footer .contact-wrapper .map .contact-con { width: 100%; }
  .module-news-list { margin-left: -10px; margin-right: -10px; }
  .news-item { padding-left: 10px; padding-right: 10px; }
  .pay-member-main { padding-top: 30px; padding-bottom: 30px; }
  .pay-member-main .item { width: 100%; margin: 20px 0; }
  .pay-member-main .btn .button-link { width: 80%; max-width: 200px; margin-left: auto; margin-right: auto; }
  .layui-layer-iframe { width: 80% !important; height: 50% !important; } 
  .footer .friend .item ul li{width:20%;}
}

@media (max-width: 767px) { 
    .footer .feedback-inlinie{margin-top:10px;}
    .button-link.large { line-height: 38px; padding-left: 20px; padding-right: 20px; font-size: 14px; }
  .button-link.medium { line-height: 28px; padding-left: 10px; padding-right: 10px; font-size: 12px; }
  .container { width: 100%; }
  .site-top-nav .container, .header .container, .footer .container, .member-wrapper .container { width: 100%; }
  .site-top-nav .register { max-width: 150px; margin-right: 15px; font-size: 13px; }
  .site-top-nav .login { width: auto; line-height: 22px; font-size: 12px; }
  .site-top-nav .language a, .site-top-nav .language span { margin-left: 10px; font-size: 13px; }
  .home-banner { height: 200px; }
  .home-banner .pagination { bottom: 15px !important; }
  .home-banner .pagination span { width: 10px; height: 10px; margin: 0 8px !important; }
  .home-main .head-title { padding-top: 50px; padding-bottom: 25px; }
  .home-main .head-title h3 { height: 40px; line-height: 30px; font-size: 26px; }
  .home-main .head-title h3::before, .home-main .head-title h3::after { width: 100px; }
  .home-main .head-title h3::before { left: -100px; }
  .home-main .head-title h3::after { right: -100px; }
  .home-main .head-title::after { margin-top: 10px; }
  .home-main .section-classes .classes-slide .item { height: 185px; }
  .home-main .section-classes .classes-slide .item h2 { margin-bottom: 15px; font-size: 20px; }
  .home-main .section-classes .classes-slide .item .large { line-height: 28px; padding-left: 10px; padding-right: 10px; font-size: 12px; }
  .home-main .section-classes .more { margin-top: 20px; }
  .home-main .section-classes .classes-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .home-main .section-classes .classes-grid .classes-grid-item .service-card-img { height: 160px; }
  .home-main .section-classes .classes-grid .classes-grid-item .service-card-content { padding: 15px 15px 20px; }
  .home-main .section-classes .classes-grid .classes-grid-item .service-card-content h3 { font-size: 16px; margin-bottom: 10px; }
  .home-main .section-classes .classes-grid .classes-grid-item .service-card-content p { font-size: 12px; margin-bottom: 15px; min-height: auto; }
  .home-main .section-classes .classes-grid .classes-grid-item .service-card-content .service-card-btn { padding: 8px 25px; font-size: 14px; }
  .home-main .section-news .news-search { display: block; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; }
  .home-main .section-news .news-search select { float: left; width: 48%; height: 35px; margin-left: 0; margin-right: 0; padding-left: 10px; margin-bottom: 20px; font-size: 14px; }
  .home-main .section-news .news-search select:nth-child(2) { float: right; }
  .home-main .section-news .news-search [type='submit'] { width: 90px; height: 35px; margin-left: auto; margin-right: auto; font-size: 14px; }
  .home-main .section-news .news-search [type='submit']::after { width: 15px; font-size: 26px; }
  .home-main .section-news .more { margin-top: 20px; }
  .home-main .section-activity { margin-top: 30px; padding-bottom: 50px; }
  .home-main .section-activity .picture { float: none; width: 100%; margin-top: 20px; }
  .home-main .section-activity .article-item { float: none; width: 100%; margin-top: 20px; padding-left: 0; }
  .home-main .section-activity .article-item .head { height: auto; line-height: normal; }
  .home-main .section-activity .article-item .head .title { float: none; max-width: none; width: 100%; font-size: 16px; }
  .home-main .section-activity .article-item .head .date { float: none; width: 100%; text-align: left; }
  .home-main .section-activity .article-item .more { margin-top: 20px; }
  .home-main .section-blogs { padding-top: 0; }
  .home-main .section-blogs .blogs-title { float: none; width: 100%; padding-top: 50px; padding-bottom: 25px; padding-right: 0; text-align: center; font-size: 0; }
  .home-main .section-blogs .blogs-title h3 { position: relative; display: inline-block; width: auto; height: 40px; line-height: 30px; font-size: 26px; }
  .home-main .section-blogs .blogs-title h3::before, .home-main .section-blogs .blogs-title h3::after { content: ''; position: absolute; top: 0; width: 100px; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; }
  .home-main .section-blogs .blogs-title h3::before { left: -100px; background-image: url("../img/home_s_t_black_l.png"); }
  .home-main .section-blogs .blogs-title h3::after { right: -100px; background-image: url("../img/home_s_t_black_r.png"); }
  .home-main .section-blogs .blogs-title::before { display: none; }
  .home-main .section-blogs .blogs-title::after { content: ''; position: static; display: block; width: 85px; height: 4px; margin-top: 10px; margin-left: auto; margin-right: auto; background-color: #ee8300; }
  .home-main .section-blogs ul { width: 100%; padding-left: 0; }
  .home-main .section-blogs ul li { width: 100%; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; padding-right: 0; font-size: 14px; }
  .home-main .section-blogs ul li::before { left: 0; }
  .home-main .section-about-us .item { float: none; width: 100%; margin-bottom: 15px; overflow: hidden; }
  .home-main .section-about-us .item .picture { width: 120px; height: 120px; }
  .home-main .section-about-us .item .intro { width: calc(100% - 120px); height: auto; padding-left: 15px; }
  .home-main .section-about-us .item .intro h5 { font-size: 14px; }
  .home-main .section-about-us .item .intro .text { line-height: 20px; font-size: 12px; }
  .home-main .section-about-us .item .intro .more { margin-top: 10px; }
  .home-main .section-team .team-category { flex-wrap: wrap; justify-content: space-between; padding-top: 0; margin-bottom: 20px; }
  .home-main .section-team .team-category::before { display: none; }
  .home-main .section-team .team-category a { width: 48%; margin: 7px 0; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
  .home-main .section-team .team-category a::before, .home-main .section-team .team-category a::after { display: none; }
  .inside-banner { padding-top: 126px; padding-bottom: 40px; }
  .inside-banner h3 { font-size: 34px; }
  .inside-main { padding-top: 15px; padding-bottom: 50px; }
  .inside-main .crumbs { padding-bottom: 10px; }
  .inside-main .side-right .module-news-list { margin-left: -10px; margin-right: -10px; }
  .inside-main .side-right .news-item { padding-left: 10px; padding-right: 10px; }
  .inside-main .side-right .module-team-list .item { margin-top: 20px; }
  .list-img-wrapper { margin-top: 10px; margin-left: -7px; margin-right: -7px; }
  .classes-item { width: 50%; margin-top: 15px; padding-left: 7px; padding-right: 7px; }
  .classes-item .title { font-size: 13px; }
  .list-blogs-wrapper ul li { line-height: 40px; padding-left: 10px; padding-right: 10px; }
  .list-blogs-wrapper ul li .title { font-size: 13px; }
  .list-blogs-wrapper ul li .date { font-size: 13px; }
  .single-wrapper { font-size: 13px; }
  .details-side-left .video-area { padding-left: 0; padding-right: 0; margin-top: -15px; margin-left: -15px; margin-right: -15px; }
  .details-side-left .video-shade { padding-left: 10%; padding-right: 10%; }
  .details-side-left .video-shade .wrapper { width: 100%; }
  .details-side-left .video-shade .close { right: 0; top: 0; }
  .details-side-left .video-shade .text { font-size: 13px; }
  .details-side-left .video-js { height: 300px; }
  .details-side-left .heading-title-area { margin-top: 20px; padding-bottom: 10px; }
  .details-side-left .heading-title-area .title { font-size: 20px; }
  .details-side-left .heading-title-area .other span { margin-right: 10px; margin-bottom: 10px; font-size: 13px; }
  .details-side-left .heading-title-area .other span .iconfont { width: 15px; }
  .details-side-left .article-content { line-height: 1.8; padding-left: 0; padding-right: 0; font-size: 14px; }
  .details-side-left .article-content ol, .details-side-left .article-content ul { padding-left: 20px; }
  .details-side-right { display: none; }
  .list-pagination { margin-top: 30px; }
  .list-pagination a, .list-pagination span { height: 28px; line-height: 28px; font-size: 12px; }
  .footer .follows-us { padding-top: 20px; padding-bottom: 30px; }
  .footer .follows-us h3 { font-size: 26px; }
  .footer .contact-wrapper { padding-top: 30px; padding-bottom: 30px; }
  .footer .contact-wrapper .message .box { overflow: hidden; }
  .footer .contact-wrapper .message .float-left { float: none; width: 100%; padding-right: 0; }
  .footer .contact-wrapper .message .float-right { float: none; width: 100%; padding-left: 0; }
  .footer .contact-wrapper .map .contact-con { padding-right: 0; margin-top: 0; }
  .footer .contact-wrapper .map .contact-con h1 { font-size: 20px; }
  .footer .friend { padding-top: 20px; padding-bottom: 10px; }
  .footer .friend .item { padding-top: 20px; }
  .footer .friend .item h3 { font-size: 16px; }
  .footer .friend .item ul li { width: 33.33%; margin-bottom: 15px; }
  .footer .friend .item ul li span { height: 45px; margin-bottom: 5px; }
  .footer .copyright { padding-left: 10px; padding-right: 10px; padding-bottom: 20px; font-size: 13px; }
  .custom-service { right: 15px; bottom: 65px; }
  .custom-service ul a { width: 40px; height: 40px; }
  .custom-service ul a img { padding: 8px; }
  .back-top { right: 15px; bottom: 15px; width: 40px; height: 40px; }
  .back-top .iconfont { font-size: 30px; }
  .news-item { width: 50%; margin-top: 20px; }
  .news-item .title { margin-top: 15px; margin-bottom: 10px; font-size: 14px; }
  .news-item .text { line-height: 1.6; margin-bottom: 5px; font-size: 12px; }
  .news-item .date { float: left; line-height: 1; }
  .news-item .button-link { display: none; }
  .module-team-list .item { width: 100%; margin-top: 10px; margin-bottom: 10px; }
  .module-team-list .item .picture { width: 120px; height: 120px; }
  .module-team-list .item .intro { display: block; width: calc(100% - 120px); height: auto; padding-left: 15px; padding-top: 5px; }
  .module-team-list .item .intro .head { height: 15px; }
  .module-team-list .item .intro .head h5 { font-size: 16px; }
  .module-team-list .item .intro .head span { line-height: 18px; font-size: 12px; }
  .comment-wrapper .no-login { padding-top: 25px; padding-bottom: 25px; }
  .comment-wrapper .no-login .button-link { line-height: 33px; }
  .comment-wrapper .user-face { margin-right: 15px; width: 45px; }
  .comment-wrapper .comment-count { padding-left: 0; padding-right: 0; font-size: 16px; }
  .comment-wrapper .comment-send { padding-left: 0; padding-right: 0; }
  .comment-wrapper .comment-send .textarea-container textarea { height: 80px; padding-left: 8px; padding-right: 8px; font-size: 13px; }
  .comment-wrapper .comment-list { padding-left: 0; padding-right: 0; }
  .comment-wrapper .comment-list .item { padding-top: 20px; }
  .comment-wrapper .comment-list .content { padding-bottom: 10px; }
  .comment-wrapper .comment-list .content .con-head .user-name { float: none; width: 100%; font-size: 14px; }
  .comment-wrapper .comment-list .content .con-head .date { float: none; width: 100%; font-size: 12px; }
  .comment-wrapper .comment-list .content .text { font-size: 13px; }
  .details-toolbar { display: block; height: auto; padding-top: 10px; padding-bottom: 15px; overflow: hidden; }
  .details-toolbar .iconfont { width: 20px; height: 30px; font-size: 40px; }
  .details-toolbar .praise, .details-toolbar .dislike { height: 30px; margin-right: 15px; font-size: 13px; }
  .details-toolbar .dislike { margin-right: 0; }
  .details-toolbar .dislike .iconfont { padding-bottom: 5px; }
  .details-toolbar .share { float: right; }
  .details-toolbar .share .points { display: none; }
  .details-toolbar .share .iconfont { margin-right: 0; }
  .details-toolbar .share .bshare-custom .bshare-qzone { margin-left: 0; }
  .register-login { width: 300px; padding-top: 50px; padding-bottom: 50px; }
  .register-login h1 { font-size: 24px; }
  .register-login .user-why { margin-top: 10px; }
  .register-login .main .form-input .verify-code .pic-code, .register-login .main .form-input .verify-code .button-link { font-size: 12px; }
  .register-login .main .form-input .verify-code .button-link { padding-left: 5px; padding-right: 5px; }
  .register-login .main .pay-info .pay-code { width: 135px; }
  .register-login .main .pay-info .upload-pay-pic { width: 135px; }
  .register-login .main .pay-info .upload-pay-pic .img-area { width: 135px; height: 135px; }
  .register-login .forget { margin-top: 0; font-size: 14px; }
  .register-login .agreement { font-size: 12px; line-height:1.5; }
  .register-login .other .title span { font-size: 14px; }
  .register-login .other ul li .iconfont { font-size: 50px; }
  .member-wrapper { padding-top: 20px; padding-bottom: 30px; }
  .member-wrapper .side-left, .member-wrapper .side-right { float: none; width: 100%; }
  .member-wrapper .side-left { min-height: auto; border-right: none; }
  .member-wrapper .side-left .user-head { padding-top: 20px; padding-bottom: 20px; }
  .member-wrapper .side-left .user-head .picture label { opacity: 1; }
  .member-wrapper .side-left .user-nav { border-left: 1px solid #eee; overflow: hidden; }
  .member-wrapper .side-left .user-nav a { float: left; width: 33.33% !important; padding-top: 15px; padding-bottom: 15px; font-size: 14px; border-left: none; border-right: 1px solid #eee; }
  .member-wrapper .side-left .user-nav a.current { color: #fff; background-color: rgba(238, 131, 0, 0.5); }
  .member-wrapper .side-right { margin-top: 30px; }
  .member-wrapper .form-box { margin-bottom: 20px; }
  .member-wrapper .form-box h3 { padding-bottom: 10px; }
  .member-wrapper .form-box .btn .button-link { line-height: 38px; font-size: 15px; }
  .member-wrapper .input-box span { font-size: 15px; }
  .member-wrapper .input-box input, .member-wrapper .input-box textarea { width: 100%; }
  .pay-member-main .item { padding-left: 0; padding-right: 0; }
  .pay-member-main .heading { padding-top: 20px; padding-bottom: 20px; }
  .pay-member-main .heading h2 { font-size: 22px; }
  .pay-member-main .heading .price { margin-top: 10px; font-size: 14px; }
  .pay-member-main .intro { padding-top: 20px; padding-bottom: 20px; font-size: 13px; }
  .pay-member-main .intro .text { height: auto; line-height: 1.8; font-size: 13px; }
  .form-input label .title { font-size: 14px; }
  .form-input label input { color: #666; font-size: 14px; } 
  .footer .contact-wrapper .map{flex-direction:column;}
  .footer .contact-wrapper .map .contact-us,.footer .contact-wrapper .map .google-map{width:100%;}

}

@media (max-width:600px){
    .home-main .section-classes .classes-slide .item h2{display:flex; justify-content:center; align-items:center; width:100%; min-height:50px; font-size:14px; line-height:1.3; background-color:rgba(238,131,0,0.6); }
    .home-main .section-classes .classes-grid { grid-template-columns: 1fr; gap: 20px; }
    .home-main .section-classes .classes-grid .classes-grid-item .service-card-img { height: 200px; }
    .home-main .section-classes .classes-grid .classes-grid-item .service-card-content h3{ font-size: 18px; }
    .footer .friend .item ul{display:flex; flex-wrap:wrap;}
    .footer .friend .item ul li{font-size:12px; line-height:1.4;}
}

@media (max-width:350px){
    .home-main .section-about-us .item .intro .text{display:none;}
    .home-main .section-about-us .item .intro h5{line-height:1.6;}
    .footer .friend .item ul li{width:50%;}
}