/* INDEX */


/*labelbar_1*/

.angel-card {
  		padding-top: 33px;
       padding-bottom: 33px;
}

@media screen and (min-width:750px) {
    .scroll-animate {
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        transition: all 1s ease;
    }
    .scroll-animate-start {
        transform: translateY(180px);
        opacity: 0;
    }
}

a {
    text-decoration: none;
    color: #333;
}


/*轮播*/

.swiper-container {
    width: 100%;
}

.swiper-slide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}


/*labelbar_1*/

.labelbar_1 {
    width: 100%;
    height: 500px;
    position: relative;
}

.rowg {
    box-shadow: 0px 1px 14px #ddd;
    margin-right: -1px;
    margin-left: -1px;
}

.rowg .col-md-4 {
    padding-right: 0;
    padding-left: 0;
}

.row-btn .col-md-3 {
    padding-right: 0;
    padding-left: 0;
}


/*.ImgBtn {*/


/*    position: absolute;*/


/*    width: 100%;*/


/*    bottom: -80px;*/


/*    z-index: 99;*/


/*}*/

.ImgBtn {
    position: relative;
    width: 100%;
    z-index: 99;
    top: 25px;
}

.p_ImgBtn {
    height: 160px;
    cursor: pointer;
    background-color: #fff;
    color: rgb(18, 193, 162);
}

.p_ImgBtn:hover {
    background-color: #12c1a2;
    color: #fff;
}

#zhrk {
    height: 79px;
}


/*#czbm{height: 79px;}*/

#ltbm {
    height: 79px;
    width: 66px;
}

#gzrk {
    height: 59px;
    margin: 20px 0 0 0;
}

.zhrk_img {
    background: url("../img/zhrk.png"/*tpa=https://www.hbwhexpo.com/templates/calmlog/img/zhrk.png*/
    ) no-repeat center center;
    background-size: auto 100%;
}

.czbm_img {
    background: url("../img/baoming.png"/*tpa=https://www.hbwhexpo.com/templates/calmlog/img/baoming.png*/
    ) no-repeat center center;
    background-size: auto 100%;
    height: 75px
}

.p_ImgBtn:hover #czbm {
    background-image: url("../img/baoming1.png"/*tpa=https://www.hbwhexpo.com/templates/calmlog/img/baoming1.png*/
    );
}

.p_ImgBtn:hover #zhrk,
.p_ImgBtn.active #zhrk {
    background-image: url("../img/zhrk1.png"/*tpa=https://www.hbwhexpo.com/templates/calmlog/img/zhrk1.png*/
    );
}

.gzrk_img {
    background: url("../img/gzrk.png"/*tpa=https://www.hbwhexpo.com/templates/calmlog/img/gzrk.png*/
    ) no-repeat center center;
    background-size: auto 100%;
}

.p_ImgBtn:hover #gzrk {
    background-image: url("../img/gzrk_1.png"/*tpa=https://www.hbwhexpo.com/templates/calmlog/img/gzrk_1.png*/
    );
}

.ltbm_img {
    background: url("../../../attachment/20191020/af70f5c7909841a0a0280e8bc6d8b233.png"/*tpa=https://www.hbwhexpo.com/attachment/20191020/af70f5c7909841a0a0280e8bc6d8b233.png*/
    ) no-repeat center top;
    background-size: 100%;
}

.p_ImgBtn:hover #ltbm {
    background-image: url("../../../attachment/20191020/3a8daf1419ee43f7a7aefcb6f3cdeec6.png"/*tpa=https://www.hbwhexpo.com/attachment/20191020/3a8daf1419ee43f7a7aefcb6f3cdeec6.png*/
    );
}

.p_ImgBtn:hover #demo12 {
    border-left-color: #fff;
}

.p_ImgBtn:hover .xianjt {
    color: #fff;
    background-color: #fff;
    border-top: solid #fff 1px;
}

.p_ImgBtn_1:hover .p_ImgBtn_zo {
    transform: translateY(5px);
}

.xianjt {
    position: absolute;
    height: 1px;
    width: 157px;
    border-top: solid #01c09e 1px;
    left: 6px;
    top: 10px;
}

#demo12 {
    border: 5.5px solid transparent;
    border-left-color: #01c09e;
    width: 0;
    height: 0;
    position: absolute;
    left: 163px;
    top: 5px;
}

.p_ImgBtn_z {
    padding: 9px 0;
    width: 100%;
    height: 100%;
}

.p_ImgBtn_img {
    margin: 0 auto;
    text-align: center;
}

.p_ImgBtn_img-mtbm {
    height: 67px;
    margin-top: 12px;
}

.p_ImgBtn_t {
    padding-top: 10px;
    text-align: center;
}

.p_ImgBtn_t1 {
    font-size: 22px;
}

.p_ImgBtn_t2 {
    font-size: 12px;
    font-family: "Arial";
}

.p_ImgBtn_t3 {
    font-size: 14px;
}


/*labelbar_2*/

.labelbar_2 {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 800px;
    background-image: url("../img/bg_1.png"/*tpa=https://www.hbwhexpo.com/templates/calmlog/img/bg_1.png*/
    );
    position: relative;
    padding-top: 97px;
}

.order {
    text-align: center;
    padding-top: 90px;
}

.order .line {
    display: inline-block;
    width: 150px;
    height: 2px;
    background-color: #b1b1b1;
    padding: 0 15px;
    background-image: linear-gradient(45deg, #0dbaaa, #145a9c);
}

.order .line-right {
    background-image: linear-gradient(45deg, #0d904c, #74a017);
}

.line_z {
    display: block;
    height: 30px;
}

.line_z_color {
    color: #5a5a5a;
    margin-bottom: 14px;
}

.order .txt {
    font-size: 24px;
    font-family: "Arial";
    color: #555;
    vertical-align: middle;
    padding: 0 15px;
}

.aboutxt {
    font-size: 30px;
    height: auto;
    color: rgb(90, 90, 90);
}

.aboutus {
    padding: 0 105px;
    font-size: 16px;
    line-height: 30px
}

.aboutus_key {
    font-size: 16px;
    color: rgb(23, 184, 155);
}

.aboutus p {
    margin-bottom: 45px;
}

.details {
    width: 140px;
    height: 40px;
    background-color: #465452;
    color: #fff;
    line-height: 40px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.details:hover {
    background-color: #000;
}

.details1 {
    padding: 40px 0;
    color: #fff;
    line-height: 40px;
    text-align: center;
    margin: 0 auto;
}

.details1 a {
    vertical-align: top;
    color: #444;
    font-size: 16px;
    border-bottom: 2px solid #12c1a2;
    padding-bottom: 5px;
}

.details1 a:hover {
    color: #12c1a2
}

.rowg .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 14.279779%;
    padding-right: 0;
    padding-left: 0;
}

.p_ImgBtn_border {
    border-right: 1px solid #c3c3c3;
}

.rowg.row-ico-1202 {
    flex: 0 0 auto;
    flex-wrap: nowrap;
}

.rowg.row-ico-1202 .col-md-2 {
    -ms-flex: 0 0 1;
    flex: 0 0 1;
    max-width: 14.279779%;
    padding-right: 0;
    padding-left: 0;
    flex-shrink: 1;
}

.p_ImgBtn_zo {
    padding: 40px 0;
    width: 100%;
    height: 100%;
}

.p_ImgBtn_1 {
    height: 200px;
    cursor: pointer;
    background-color: #fff;
    color: rgb(18, 193, 162);
}

.p_ImgBtn_zo span {
    text-align: center;
    display: block;
    padding-bottom: 6px;
    font-size: 14px;
    color: rgb(154, 154, 154);
}


/*.ImgBtn_1 {*/


/*    position: absolute;*/


/*    width: 100%;*/


/*    bottom: -100px;*/


/*    z-index: 99;*/


/*}*/

.ImgBtn_1 {
    position: absolute;
    width: 100%;
    bottom: -100px;
    z-index: 99;
}

.gai_1 {
    height: 353px;
}

.labelbar_3:before {
    content: ' ';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: #000;
    opacity: .5;
}


/*labelbar_3*/

.labelbar_3 {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 492px;
    background-image: url("../../../attachment/20191202/13443683fe9748cb8859427af618bee9.jpg"/*tpa=https://www.hbwhexpo.com/attachment/20191202/13443683fe9748cb8859427af618bee9.jpg*/
    );
    background-color: #fff;
    position: relative;
    padding-top: 100px;
    background-size: 100%;
}

.sound-trigger--type-default-2.sound-trigger {
    display: inline-block;
    width: 80px;
    height: 80px;
    position: relative;
    margin: 10px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 80px;
}

.sound-trigger--type-default-2.sound-trigger:after {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 48;
    width: 100%;
    height: 100%;
    background-color: rgba(100, 218, 194, 0.2);
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 80px;
}

.sound-trigger--type-default-2.sound-trigger--type-hover:hover:after {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
}

.sound-trigger--type-default-2.sound-trigger--type-hover .sound-trigger__inner:hover {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    background-color: #12c1a2;
    vertical-align: middle;
}

.sound-trigger--type-default-2.sound-trigger--type-hover .sound-trigger__inner:hover i {
    text-shadow: none;
}

.sound-trigger--type-default-2.sound-trigger--type-hover .sound-trigger__inner:hover img {
    vertical-align: middle;
}

.sound-trigger--type-default-2.sound-trigger--type-hover .sound-trigger__speach {
    -webkit-animation: motion__hover 2s ease 0s infinite alternate;
    -moz-animation: motion__hover 2s ease 0s infinite alternate;
    -ms-animation: motion__hover 2s ease 0s infinite alternate;
    -o-animation: motion__hover 2s ease 0s infinite alternate;
    animation: motion__hover 2s ease 0s infinite alternate;
}

.sound-trigger--type-default-2 .sound-trigger__inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    -ms-border-radius: 80px;
    -o-border-radius: 80px;
    border-radius: 80px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #fff;
    color: #ececf5;
    cursor: pointer;
    position: relative;
    z-index: 50;
}

.sound-trigger--type-default-2 .sound-trigger__inner i {
    font-size: 40px;
    line-height: 80px;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

.center {
    margin-top: 40px;
    text-align: center;
    line-height: 360px;
}

.sound-trigger--type-default-2.sound-trigger--type-hover .sound-trigger__inner:hover .sj {
    border-top: 2px solid #fff;
}

.sj {
    border-top: 2px solid #a1a1a1;
    width: 25px;
    height: 2px;
    position: absolute;
    border-radius: 5px
}

.sj1 {
    transform: rotate(31deg);
    top: -0.9px;
}

.sj2 {
    transform: rotate(-210deg);
    top: 11.5px;
}

.sj3 {
    transform: rotate(-90deg);
    top: 5.3px;
    left: -51.1px;
}


/*labelbar_4*/

.tab-box {
    box-shadow: #ddd 0 0 12px;
}

.labelbar_4 {
    width: 100%;
    background-color: #fff;
    position: relative;
}

.ImgBtn_4 {
    padding-top: 80px;
}

.p_ImgBtn_4 {
    background-color: #fff;
}

.ImgBtn_4_left {
    position: absolute;
    left: 70px;
    width: 450px;
    height: 460px;
}

.ImgBtn_4_right {
    width: 55%;
    position: absolute;
    right: 0;
}

.new_right_color {
    background-color: #f4f4f4;
    height: 100px;
    margin: 20px;
    margin-right: 50px;
}

.new_right_color_mob {
    background-color: #f4f4f4;
    height: 100px;
    margin: 20px;
    margin-right: 50px;
    display: none;
}

#right_bar_ {
    display: none !important;
    ;
}

.new_right_color:hover {
    background-color: #01c09e;
}

.new_right_color:hover .bigdate {
    color: #fff;
}

.new_right_color:hover .mindate {
    color: #fff;
}

.new_right_color:hover .tile_bt {
    color: #fff;
}

.new_right_color:hover .tile_1 {
    color: #fff;
}

.new_left_color {
    margin-top: 20px;
    background-color: #f4f4f4;
    height: 460px;
    margin-left: 50px;
}

.pendant_z {
    padding: 5px 15px;
}

.pendant_1 {
    float: left;
}

.pendant_2 {
    font-size: 12px;
    color: rgb(136, 136, 136);
    height: 28px;
    line-height: 28px;
    display: inline-block;
    border: 1px solid #dedede;
    text-align: center;
    padding: 0 20px;
}

.pendant_3 {
    font-size: 12px;
    color: rgb(136, 136, 136);
    height: 28px;
    line-height: 28px;
    display: inline-block;
    border: 1px solid #dedede;
    border-left: 0px;
    margin-left: -4px;
    text-align: center;
    padding: 0 20px;
}

.pendant_4 {
    float: right;
}

.rotate {
    width: 28px;
    height: 28px;
    -webkit-transition: -webkit-transform 1s;
    position: relative;
    margin: auto;
    text-align: center;
}

.rotate:hover {
    -webkit-transform: rotate(90deg);
}

.new_left_img {
    width: 100%;
    height: 260px;
}

.tlit_2 {
    padding-left: 20px;
}

.tile {
    font-size: 16px;
    color: rgb(90, 90, 90);
    padding: 15px 0;
}

.tile_1 {
    font-size: 14px;
    color: rgb(136, 136, 136);
    line-height: 1.2;
}

.tile_bt {
    font-size: 16px;
    color: rgb(90, 90, 90);
    padding: 15px 0;
}

@media screen and (min-width:750px) {
    .tile_bt {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.tile_da {
    float: left;
    width: 100px;
    height: 100%;
    padding: 10px;
}

.bigdate {
    font-size: 32px;
    font-family: "Microsoft YaHei";
    color: rgb(90, 90, 90);
    line-height: 1.2;
    text-align: center;
}

.mindate {
    font-size: 16px;
    font-family: "Microsoft YaHei";
    color: rgb(136, 136, 136);
    text-align: center;
    margin-bottom: 10px;
    margin-right: 10px;
}

.tile_z {
    padding: 0 20px
}

.right_bar {
    position: fixed;
    width: 190px;
    bottom: 470px;
    left: auto;
    right: 10px;
    z-index: 2147483647;
}

.right_bar1 {
    position: absolute;
    right: 0;
    width: 70px;
    height: 70px;
    background: #10b6ac;
    text-align: center;
    line-height: 30px;
}

.right_bar1:hover {
    background: #009a90;
}

.num1 {
    padding-top: 30px;
    top: -95px;
    width: 70px;
    height: 100px;
    border-radius: 100px 100px 0 0;
}

.right_bar .num2 {
    top: 5px;
}

.right_bar .num3 {
    top: 75px;
}

.right_bar .num4 {
    top: 145px;
}

.right_bar .num5 {
    top: 145px;
}

.right_bar .num7 {
    top: 215px;
}

.right_bar .num6 {
    top: 353px;
    width: 70px;
    height: 100px;
    border-radius: 0 0 100px 100px;
    padding-bottom: 30px;
    cursor: pointer;
}

.right_bar1 span {
    color: #fff;
    margin: 10px 0;
}

#chatBtn {
    display: none !important;
}

#chatBtn_top {
    display: none !important;
}


/*labelbar_5*/

.labelbar_5 {
    width: 100%;
    height: 775px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f7f7f7;
}


/*.labelbar_5{width: 100%;height: 935px;position: relative;background-image: url(../img/bg_3.png);background-repeat: no-repeat;background-position: center;} */

.p_ImgBtn_5 {
    height: 450px;
    background-color: #f5f5f5;
    /*background-image: url(../../img/bg_3.png);*/
}

.icon-box3 {
    flex-wrap: wrap;
}

.icon-box {
    display: flex;
}

.icon-box3 .icon-item {
    width: 19.999999%;
    flex: none;
    background-color: #fff
}

.icon-box .icon-item div {
    flex: 1;
    padding: 10px 20px;
    border: 1px solid #eee;
}

.icon-box3 .icon-item div {
    height: 150px;
}

.icon-box .icon-item>div {
    width: 100%;
    background-size: 75% auto;
    background-position-y: center;
    background-position-x: center;
    background-repeat: no-repeat;
}

.icon-item>div {
    background-size: auto 100%;
}

ul {
    margin: 0;
    padding: 0;
}

.clearfloat {
    zoom: 1;
}

.clearfloat::after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}

.tab-list {
    position: relative;
}

.tab-itom .test-label {
    position: relative;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    color: #01c09e;
    margin-bottom: 40px;
}

.tab-itom .tab-box {
    position: absolute;
    left: 0;
    width: 100%;
    height: 450px;
    background: #fff;
    z-index: 0;
}

input[type="radio"] {
    position: absolute;
    opacity: 0;
}

input[type="radio"]:checked+.test-label {
    border-color: #cbcccc;
    background: #01c09e;
    color: #fff;
    z-index: 10;
}

input[type="radio"]:checked~.tab-box {
    z-index: 5;
}

.cooperative {
    font-size: 16px;
    font-family: "Arial";
    line-height: 40px;
}

.circle {
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #dad9d9;
    left: 16px;
    bottom: -3.5px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.xian {
    position: absolute;
    height: 1px;
    width: 16px;
    border-top: solid #dad9d9 1px;
}

.circle1 {
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #dad9d9;
    bottom: -3.5px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.xian1 {
    position: absolute;
    height: 1px;
    width: 15px;
    border-top: solid #dad9d9 1px;
    left: 6px;
}

.circle3 {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #dad9d9;
    bottom: -3.5px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}


/*labelbar_6*/

.ImgBtn_6 {
    position: absolute;
    width: 100%;
    z-index: 99;
    top: -45px;
}

.labelbar_6 {
    width: 100%;
    height: 680px;
    background-color: #f5f5f5;
    position: relative;
}

.p_ImgBtn_6 {
    height: 770px;
    background-color: #fff;
}

.ImgBtn_map {
    height: 450px;
    width: 95%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


/*eckes*/

.labelbar_1 {
    height: 500px;
}

.swiper-container {
    height: 100%;
}

#videoModal .modal-dialog {
    width: 700px;
    max-width: unset;
}

#videoModal .modal-body {
    text-align: center;
}

#videoModal .modal-body video {
    max-width: 100%;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    width: 100%;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    width: 30px;
    background: #f6cf46;
    border-radius: 8px;
    transition-duration: 1s;
    border:2px;
    border-color: #ffffff;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 100px;
    left: 0;
    width: 100%;
}


/*新加*/


/*.tab-list .tab-itom {list-style: none;padding:0 43px;width: 33%;display: inline-block;}*/

.tab-left {
    margin-left: 95px
}

.swiperTab {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.swiperTab li {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.swiperTab li:first-child {
    border-left: 1px solid transparent;
}

.swiperTab li.active {
    color: #fff;
    background-color: #01c09e;
}

.swiperTab li:nth-child(1).active {
    border-color: #cbcccc;
    background: #01c09e;
    color: #fff;
    z-index: 10;
}

.swiperTab li:nth-child(2).active {
    border-color: #cbcccc;
    background: #01c09e;
    color: #fff;
    z-index: 10;
}

.swiperTab li:nth-child(3).active {
    border-color: #cbcccc;
    background: #01c09e;
    color: #fff;
    z-index: 10;
}

.swiper-slide {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.swiperTab {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.swiperTab li:first-child {
    border-left: 1px solid transparent;
}

.swiperTab li.active {
    color: #fff;
    background-color: #01c09e;
}

.swiperTab li:nth-child(1).active {
    border-color: #cbcccc;
    background: #01c09e;
    color: #fff;
    z-index: 10;
}

.swiperTab li:nth-child(2).active {
    border-color: #cbcccc;
    background: #01c09e;
    color: #fff;
    z-index: 10;
}

.swiperTab li:nth-child(3).active {
    border-color: #cbcccc;
    background: #01c09e;
    color: #fff;
    z-index: 10;
}

.swiper-slide {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*.swiper-slide:nth-child(1){height: 450px;width: 100%;}*/


/*.swiper-slide:nth-child(2){height: 450px;}*/


/*.swiper-slide:nth-child(3){height: 450px;}*/

.tab-li {
    padding: 0;
    list-style-type: none;
    width: 33%;
    text-align: center;
    margin-right: 95px;
    height: 40px;
    margin-bottom: 40px;
    color: #00b19d;
    line-height: 57px;
    background-color: #fff;
}

.map_list {
    width: 100%;
    height: 500px;
    border: #ccc solid 1px;
}

.container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.test-label {
    margin: 5px 0;
}


/*侧边栏样式修改1029*/

.right_bar1_xian1 {
    border-bottom: 1px solid #fff;
    position: absolute;
    top: 50px;
    left: 127px;
    z-index: 999;
    width: 55px;
    opacity: 0.5;
}

#sound-trigger__inner_img {
    background-image: url("../../../attachment/20191030/f862f98c13f54e14b6238ebc499cb81c.png"/*tpa=https://www.hbwhexpo.com/attachment/20191030/f862f98c13f54e14b6238ebc499cb81c.png*/
    );
    width: 23px;
    height: 25px;
    position: absolute;
    left: 31px;
    top: 28px;
}

.sound-trigger__inner:hover #sound-trigger__inner_img {
    background-image: url("../../../attachment/20191030/6afb1f2a6a0548ffbc473207c217252b.png"/*tpa=https://www.hbwhexpo.com/attachment/20191030/6afb1f2a6a0548ffbc473207c217252b.png*/
    );
}

.dws {
    height: 450px;
    width: 100%;
    background-color: #f7f7f7;
}


/*2021*/

.s-title {
    text-align: center;
}

.s-title-en-no {
    font-size: 20px;
    font-family: Arial;
    font-weight: 400;
    color: #555555;
    line-height: 20px;
    padding-bottom: 20px;
    padding-top: 53px;
}

.s-title-en {
    font-size: 20px;
    font-family: Arial;
    font-weight: 400;
    color: #555555;
    line-height: 20px;
    padding-bottom: 20px;
    padding-top: 53px;
}

.s-title-en::after {
    content: '';
    display: inline-block;
    width: 383px;
    height: 4px;
    background: #EEEEEE;
    /*padding: 0 15px;*/
    position: relative;
    top: -6px;
    margin-left: 52px;
}

.s-title-en::before {
    content: '';
    display: inline-block;
    /*padding: 0 15px;*/
    width: 383px;
    height: 4px;
    background: #EEEEEE;
    position: relative;
    top: -6px;
    margin-right: 52px;
}

.s-title-cn {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 20px;
}

.angel-about-title::after {
    content: "";
    display: block;
    width: 120px;
    height: 3px;
    background-color: #ae6129;
    margin-top: 20px;
}

.hcService {
    display: flex;
    justify-content: space-between;
}

.serviceLeft {
    display: flex;
    justify-content: space-between;
}


/*.p_ImgBtn:hover #zhrk{background-image: url(../../img/zhrk1.png);}*/

@media screen and (max-width: 750px) {
    .serviceLeft {
        text-align: center;
        padding-top: 5px;
    }
    .hcService {
        display: block !important;
        height: 500px
    }
    .serviceLeft {
        display: block !important;
    }
    .serviceLeft .rviceleft .img {
   padding:0;
    width: 58%;
    height:30%;
    margin: 0 auto;
                        }
    .serviceRig {
        padding-top: 16px;
    }
    .news-top-eckes-mob {
        padding-right: 15px !important;
    }
    .news-top-eckes-mob .tlit_2 {
        padding-bottom: 4vw;
    }
    .labelbar_1 {
        height: 65.333333vw;
        margin-bottom: 0vw;
    }
    .ImgBtn {
        position: relative;
        bottom: auto;
        height: 35.2vw;
        box-shadow: rgba(51, 51, 51, .1) 0 2px 12px;
    }
    #gzrk {
        margin: 0;
    }
    .p_ImgBtn {
        height: 17.6vw;
        overflow: hidden;
        text-align: center;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
    .ImgBtn .rowg {
        margin: 0!important
    }
    .p_ImgBtn_z {
        padding: 0!important;
        position: relative;
        width: 36vw;
        margin: 0 auto;
    }
    .p_ImgBtn_z>div {
        display: inline-block;
        vertical-align: top;
    }
    .p_ImgBtn_t {
        position: unset;
        width: 23.533333vw;
        height: 100%;
        overflow: hidden;
        padding-left: 0;
        padding-top: 3vw;
        margin-left: 2.933333vw;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .p_ImgBtn_img {
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .p_ImgBtn_img .fa-microphone {
        font-size: 2.3em;
        line-height: 13.6vw;
    }
    .jiantou {
        display: block !important;
    }
    .new_left_img {
        height: auto;
    }
    .ImgBtn_4 {
        padding-top: 20px;
    }
    .p_ImgBtn_t1 {
        font-size: 3.733333vw;
    }
    .p_ImgBtn_t2 {
        font-size: 2.133333vw;
    }
    .p_ImgBtn_img {
        width: 7.2vw!important;
        height: 17.6vw!important;
    }
    #zhrk {
        width: 25%;
        background-size: 93% auto;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .labelbar_2 {
        padding-top: 0;
        height: auto;
        background: #f7f7f7;
    }
    .order .line {
        width: 16vw;
        padding: 1px 15px;
    }
    .line_z .fa-3x {
        font-size: 9.8vw;
    }
    .aboutus {
        padding: 0 20px;
        font-size: 14px;
        line-height: 24px;
    }
    .aboutus p {
        margin-bottom: 5.333333vw;
    }
    .ImgBtn_1 {
        position: relative;
        bottom: unset;
        background: #fff;
        margin-top: 0;
        box-shadow: rgba(51, 51, 51, .1) 0 -2px 12px;
    }
    .ImgBtn_1 .row {
        margin-right: 0;
        margin-left: 0;
    }
    .rowg .col-md-2 {
        flex: unset;
        max-width: unset;
    }
    .p_ImgBtn_zo {
        padding: 2vw;
    }
    .p_ImgBtn_zo span {
        margin: 0 auto;
        width: 95%;
        font-size: 3.73333vw;
    }
    .p_ImgBtn_zo span img {
        width: 50%;
    }
    .p_ImgBtn_1 {
        border-bottom: 1px solid #eee;
        border-left: 0;
        border-right: 1px solid #eee;
        height: auto;
        padding-top: 2vw;
    }
    .p_ImgBtn_border {
        border-right: 0;
    }
    .rowg {
        box-shadow: unset;
    }
    .labelbar_3 {
        height: 37.666667vw;
        background-size: 100vw auto;
        padding-top: 0;
        background-image: url("../../../attachment/20191202/13443683fe9748cb8859427af618bee9.jpg"/*tpa=https://www.hbwhexpo.com/attachment/20191202/13443683fe9748cb8859427af618bee9.jpg*/
        );
        position: relative;
    }
    .labelbar_3:before {
        content: ' ';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        left: 0;
        background: #000;
        opacity: .5;
    }
    .labelbar_3 .visible-xs {
        line-height: 39.666667vw;
        color: #eee;
        text-align: center;
        position: relative;
    }
    .labelbar_3 .visible-xs .fa {
        position: relative;
        z-index: 3;
        width: 14vw;
        font-size: 7vw;
        height: 14vw;
        border-radius: 33%;
        border: 7px solid #eee;
        line-height: 11vw;
    }
    .labelbar_3 .fa-play:before {
        padding-left: .5vw;
    }
    .labelbar_4 {
        height: auto;
    }
    .ImgBtn_4 {
        position: unset;
    }
    .p_ImgBtn_4 {
        height: auto;
        padding-bottom: 6vw;
    }
    .details1 {
        margin: 0 auto;
        margin-top: 3.33333vw;
        display: block;
        width: 92vw;
        height: 10.933333vw;
        border: 1px solid #12c1a2;
        border-radius: 4px;
        line-height: 10.833333vw;
        text-align: center;
    }
    .details1 a {
        font-size: 4vw;
        color: #12c1a2;
        border: 0;
    }
    .order {
        padding-top: 5.333333vw !important;
    }
    .new_left_color {
        margin-top: 0;
        height: auto;
        margin-left: 0;
    }
    .tlit_2 {
        padding: 0 2vw;
    }
    .pendant_1 {
        float: unset;
    }
    .pendant_4 {
        float: unset;
        position: absolute;
        right: 10vw;
        bottom: 5vw;
    }
    .pendant_z {
        padding-bottom: 5vw;
        padding-left: 2vw;
    }
    .new_right_color {
        margin: 2vw 0;
        height: auto;
        padding-bottom: 4vw;
        position: relative;
        padding-left: 19.5vw;
        display: none;
    }
    .new_right_color_mob {
        margin: 2vw 0;
        height: auto;
        padding-bottom: 4vw;
        position: relative;
        padding-left: 19.5vw;
        display: table;
    }
    .tile {
        font-size: 4.22222vw;
    }
    .tile_1 {
        font-size: 4vw;
        line-height: 6vw;
        height: 12vw;
        margin-bottom: 0;
        overflow: hidden;
    }
    .mindate {
        margin-right: 0;
        white-space: nowrap;
    }
    .tile_da {
        float: unset;
        position: absolute;
        top: 0;
        left: 2.5vw;
        width: 17.2vw;
    }
    .tile_z {
        padding: 0 10px 0 0;
    }
    .tab-list .tab-itom {
        width: 32%;
        padding: 0;
    }
    .tab-list {
        padding-left: 2%;
    }
    .icon-box3 .icon-item {
        width: 33.33333%;
    }
    .icon-box .icon-item div {
        border-right: 0;
        border-top: 0;
    }
    .p_ImgBtn_5 {
        height: auto;
    }
    .tab-itom .tab-box {
        height: auto;
    }
    .labelbar_5 {
        height: auto;
        padding-bottom: 10vw;
    }
    .icon-box3 .icon-item div {
        height: auto;
        padding: 10vw;
    }
    .dws {
        height: auto;
    }
    .labelbar_6 {
        height: auto;
    }
    .ImgBtn_6 {
        position: unset;
    }
    .p_ImgBtn_6 {
        height: auto;
        padding-bottom: 10vw;
    }
    .ImgBtn_map {
        height: auto;
    }
    .line_z {
        margin-bottom: 0;
    }
    .line_z .txt {
        font-size: 16px;
    }
    .line_z_color {
        margin-bottom: 2vw;
        margin-top: -5px;
        color: #5a5a5a;
        height: 6.66667vw;
        line-height: 6.66667vw;
    }
    .aboutxt {
        margin-bottom: 5.333333vw !important;
        font-size: 4.622222vw;
    }
    .xianjt {
        width: 27.333333vw;
        left: 0px;
        top: 1px;
    }
    .tab-box {
        box-shadow: #ddd 0 0 12px;
    }
    #demo12 {
        left: 23.433333vw;
        top: -4px;
    }
    .p_ImgBtn_t1,
    .p_ImgBtn_t2 {
        text-align: left;
    }
    #ltbm {
        background-position: center center;
    }
    .tile_bt {
        font-size: 4.22222vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 82.7vw;
    }
    .bigdate {
        margin-bottom: .4rem;
        line-height: 1.1;
    }
    #videoModal .modal-dialog {
        width: 95%;
        max-width: unset;
    }
    #videoModal .modal-body {
        text-align: center;
    }
    #videoModal .modal-body video {
        max-width: 100%;
    }
    .gai_1 {
        height: 0px;
    }
    .cooperative {
        font-size: 4.22222vw;
    }
    #mod-xian {
        width: 6vw;
        border-bottom: 2px solid #b1b1b1;
        position: absolute;
        left: 30.3vw;
        top: 20px;
    }
    #mod-xian1 {
        width: 6vw;
        border-bottom: 2px solid #b1b1b1;
        position: absolute;
        left: 63.5vw;
        top: 20px;
    }
    .swiperTab li {
        flex: auto;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 5.5vw;
    }
    .row_h {
        position: relative;
    }
    /*第二个轮播图手机适配*/
    .tab-li {
        margin: 0 15px;
        padding: 0;
        list-style-type: none;
        width: 33%;
        text-align: center;
        height: 40px;
        color: #00b19d;
        line-height: 50px;
        background-color: #fff;
        z-index: 9999;
    }
    .tab_zs {
        display: none;
    }
    .map_list {
        height: 80vh;
        width: 100%;
        border: #ccc solid 1px;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .swiper-slide {
        background-size: 100% auto;
    }
    .rowg.row-ico-1202 {
        flex-wrap: wrap;
    }
    .rowg.row-ico-1202 .col-md-2 {
        flex-shrink: 0;
        ] flex: unset;
        max-width: unset;
    }
    /*2021*/
    .s-title-en::before,
    .s-title-en::after {
        display: none;
    }
}


/*end 750*/

.angel-item2 {
    background-color: #fff;
    width: 285px;
    height: 320px;
    text-align: center;
    padding-top: 16px;
	    padding-left: 5%;
    padding-right: 5%;
}

.angel-230 ul {
    width: 100%;
}

.angel-230 ul li {
	float: left;
    margin-left: 0.28%;
    margin-right: 0.28%;
    width: 190px;
    height: 65px;
    border: 1px solid #ccc;
    margin-bottom: 15px;
}
.angel-230:after{
	display:block;
	content: " ";
    clear: both;
}
.angel-230 ul li img {
    display: block;
    margin: 0 auto;
    margin-top: 8px;
}

.live2-22 {
    width: 40%;
}

.live2-22 img {
    width: 100%;
}

.live2-left p {
    margin-top: 5px;
}

.live2-left p:last-child {
    display: flex;
    justify-content: space-between;
    color: #212529;
}

.live2-right {
    width: 55%;
    margin-left: 5%;
}

.live2-right ul li {
    margin-bottom: 10px;
    display: flex;
}

.live2-right ul li .live2-a {
    width: 5%;
}

.live2-right ul li .live2-a span {
    display: block;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    width: 20px;
    height: 20px;
    background-color: orangered;
}

.live2-right ul li img {
    width: 25%;
    margin-right: 3%;
}

.live2-right ul li .live2-title {
    width: 67%;
}

.live2-right ul li .live2-title h2 {
    font-weight: 700;
    font-size: 16px;
}

.live2-right ul li .live2-title p {
    font-size: 14px;
}

.live2-right ul li .live2-title p:last-child {
    display: flex;
    justify-content: space-between;
    color: #ccc;
}


/* bjgu-22 */

.bjgu-22 ul {
    display: flex;
    flex-wrap: wrap;
}

.bjgu-22 ul li {
    width: 25%;
    margin-bottom: 10px;
}

.bjgu-22 ul li img {
    width: 90%;
    display: block;
    margin: 0 auto;
    border: 1px solid #ccc !important; 
}

.bjgu-22 ul li p {
    margin-left: 5%;
    margin-top: 10px;
    text-align: center !important;
}


.brand_2029 .angel-230 ul li {
    background-color: #FFF;
}

.title-ser {
    margin-left: 50px;
    margin-bottom: 20px;
}
@media screen and (max-width: 750px) {
    .title-ser {
        margin-bottom: 8px;
    }
    .angel-230 ul li {
		margin-left: 4.28%;
        width: 175px;
    }
	.live-2021{
		padding-bottom: 4px !important;
	}
	.angel-card{
	    padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	.angel-about-bg{
	padding-bottom: 20px !important;
	}
	.light-2021{
		padding-bottom: 0px !important;
	}
	.zgfb-2021{
		    padding-bottom: 5px !important;
	}
    .swiper-live {
        height: 245px !important;
}
    .history_title p:last-child {
        display: none;
    }
    .slede .swiper-slide {
        transform: scale(1) translateX(3%) translateY(-300%) !important;
        background: url('../../img/bg1.png') !important;
        color: #FFF;
    }
    .slede .swiper-slide-active,
    .swiper-slide-duplicate-active {
        transform: scale(1) translateX(-35%) translateY(-6.5%) !important;
        color: #FFF;
    }
    .slede .swiper-slide-prev {
        transform: scale(0.8) translateX(-28%) translateY(-300%) !important;
    }
    .slede .swiper-slide-next {
        transform: scale(0.8) translateX(-25%) translateY(-300%) !important;
    }
    .slede .swiper-slide-next+.swiper-slide {
        transform: scale(0.8) translateX(-35%) translateY(10.5%) !important;
    }
    .history-content ul li .history_img img {
        width: 60%;
    }
    .live2-232 {
        width: 96%;
        margin: 0 auto;
        display: block !important;
    }
    .live2-22 {
        width: 100% !important;
    }
    .live2-right {
        display: none;
        width: 100%;
        margin-left: 0%;
    }
    .bjgu-22 ul li {
        width: 50%;
    }
    .result div:first-child {
        width: 96% !important;
        margin: 0 auto;
    }
    .result div:last-child {
        width: 96% !important;
    }
	.n-content h2{
		font-size: 10px;
	}
    .n-last-time {
        display: none !important;
    }
    .bjgu-22 ul li {
        margin-bottom: 12px;
    }
}

@media screen and (max-width: 500px) {
    .history-content ul li {
        height: 85px;
    }
    .ltjb-2021 {
        padding-bottom: 20px !important;
    }
    .angel-about-title-en {
        padding-top: 20px !important;
    }
    .visible-xs {
        padding-left: 0vw !important;
    }
    .hot-phone {
        text-align: center;
        margin-left: 0px;
        margin-top: 6px;
    }
    .serviceRig li .codeImg {
        margin-left: 3%;
    }
}

@media screen and (max-width: 380px) {
	.angel-230 ul li{
		    margin-left: 1%;
	}
    .hcService {
        height: 450px;
    }
}
                    
                    .angel-card-body {
                        width: 256px;
                        height: 245px;
                        background: #FFFFFF;
                        border-radius: 20px;
                        display: inline-block;
                        margin: 0 17px;
                        margin-top: 33px;
                        cursor: pointer;
                        box-shadow: 0 0 20px #e6e6e6;
                        border: 1px solid #e6e6e6;
                        position: relative;
                        z-index: 1;
                    }
                    
                    .angel-card-body:hover {
                        box-shadow: 0px 1rem 2rem 0px rgba(48, 55, 66, 0.15);
                        transform: translate(0, -2px);
                        transition-delay: 0s !important;
                        transition: all 0.5s ease;
                    }
                    
                    .angel-card-body-bg {
                        position: absolute;
                        right: 0;
                        bottom: 0;
                        z-index: -1;
                    }
                    
                    .angel-card-icon {
                        width: 80px;
                        height: 80px;
                        background: #02C2A0;
                        border-radius: 50%;
                        margin: auto;
                        margin-top: 49px;
                        margin-bottom: 37px;
                    }
                    
                    .angel-card-icon img {
                        width: 33px;
                        position: absolute;
                        right: 0;
                        left: 0;
                        margin: auto;
                        padding-top: 21px;
                    }
                    
                    .angel-card-icon-title {
                        height: 23px;
                        font-size: 22px;
                        font-family: Microsoft YaHei;
                        font-weight: 400;
                        color: #186255;
                        line-height: 20px;
                        margin: auto;
                        display: table;
                        margin-bottom: 12px;
                    }
                    
                    .angel-card-icon-titleen {
                        height: 9px;
                        font-size: 12px;
                        font-family: Arial;
                        font-weight: 400;
                        color: #186255;
                        line-height: 20px;
                        margin: auto;
                        display: table;
                    }
                    
                    @media screen and (max-width:750px) {
                        .angel-card-body {
                            width: 49%;
                            height: 136px;
                            margin: 0;
                        }
                        .news-2-act-img {
                            width: 100% !important;
                            height: 300px !important;
                        }
                        .n-a-i-box img {
                            width: 100% !important;
                            display: block;
                        }
                        #light .swiper-slide {
                            width: 224.5px !important;
                        }
                        .angel-card-icon {
                            width: 60px;
                            height: 60px;
                            margin: 2vw auto;
                            /*display:none;*/
                        }
                        .angel-card-icon img {
                            position: absolute;
                            right: 0;
                            left: 0;
                            margin: auto;
                            padding-top: 11px;
                        }
                        .angel-card-icon-title {
                            margin-bottom: 5px;
                        }
                        .angel-card {
                            width: 96%;
                            margin: 0 auto;
                        }
                    }
					
                
                .angel-about-title {
                    height: 30px;
                    font-size: 30px;
                    font-family: Microsoft YaHei;
                    font-weight: bold;
                    color: #333333;
                    line-height: 20px;
                    margin-bottom: 44px;
                    margin-left: 10px;
                    margin-right: 10px;
                }
                
                .angel-about-title-en {
                    font-size: 20px;
                    font-family: Arial;
                    font-weight: 400;
                    color: #666666;
                    line-height: 20px;
                    padding-top: 39px;
                    margin-bottom: 18px;
                    margin-left: 10px;
                }
                
                .angel-about-video {
                    width: 560px;
                    height: 350px;
                    background: #000000;
                    border-radius: 10px;
                    margin: auto;
                    text-align: right;
                    position: relative;
                    top: 3px;
                }
                
                .angel-about-right {
                    padding: 0 25px;
                    padding-top: 36px;
                }
                
                .angel-about-right-title {
                    font-size: 18px;
                    font-family: Microsoft YaHei;
                    font-weight: bold;
                    color: #000000;
                    line-height: 24px;
                    padding-bottom: 13px;
                }
                
                .angel-about-right-style {
                    width: 34px;
                    border-bottom: 3px solid #02C2A0;
                    margin-bottom: 28px;
                }
                
                .angel-about-introduce {
                    font-size: 14px;
                    font-family: Microsoft YaHei;
                    font-weight: 400;
                    color: #555555;
                    line-height: 24px;
                    padding-bottom: 26px;
                }
                
                .angel-about-introduce span {
                    color: #343434;
                    font-size: 14px;
                    font-weight: bold;
                }
                
                .angel-about-col {
                    flex: 0 0 50%;
                    max-width: 50%;
                }
                
                .angel-right-col {
                    background: #fff;
                    margin-left: -25px;
                    background: #FFFFFF;
                    border-radius: 10px;
                    position: relative;
                    z-index: 1;
                }
                
                .angel-right-col img {
                    z-index: -1;
                    position: absolute;
                    right: 0;
                    bottom: 0;
                }
                
                .angel-look {
                    font-size: 16px;
                    font-family: Microsoft YaHei;
                    font-weight: 400;
                    color: #333333;
                    line-height: 18px;
                    padding-top: 41px;
                    text-align: center;
                    cursor: pointer;
                    width: 215px;
                    margin: auto;
                }
                
                .angel-look:hover {
                    color: #1EBF9E;
                    transition: all 0.5s ease;
                }
                
                .angel-look:hover .angel-look-img {
                    transition: all 0.5s ease;
                    transform: scale(0.8);
                }
                
                .angel-look img {
                    margin-left: 13px;
                    position: relative;
                    top: -2.5px;
                    width: 24px;
                    height: 24px;
                }
                
                @media screen and (max-width:750px) {
                    .angel-about-right {
                        padding-top: 10px;
                    }
                    .angel-about-introduce {
                        padding-bottom: 7px;
                    }
                    .angel-look {
                        padding-top: 0;
                    }
                    .angel-look img {
                        display: none;
                    }
                    .angel-about-title {
                        margin-bottom: 24px;
                    }
                    .angel-about-video {
                        width: 89%;
                        display: block;
                        height: 360px;
                    }
                    .angel-about-col {
                        flex: auto;
                        max-width: inherit;
                    }
                    .angel-right-col {
                        margin-left: 0px;
                    }
                    .angel-look {
                        padding-top: 11px;
                        border: 1px solid #1EBF9E;
                        color: #1EBF9E;
                        background: #ffff;
                        height: 45px;
                    }
                }
				
				


.zgfb-2021 {
                    background: #fff;
					    padding-bottom: 24px;
                }
                
                .angel-zq-btn {
                    position: relative;
                    cursor: pointer;
                    line-height: 45px;
                    margin: auto;
                    background: #F6F7F9;
                    color: #999999;
                    width: 281px;
                    height: 45px;
                    border-radius: 10px;
                }
                
                .angel-zq-btn:hover,
                .angel-zq-btn.active {
                    background: #F38606;
                    color: #fff;
                    transition: all 0.5s ease;
                }
                
                .angel-zq-map {
                    padding-bottom: 30px;
                }
                
                .angel-zq-tabs {
                    display: none;
                    text-align: center;
                }
                
                .angel-zq-tabs.action {
                    display: block;
                }
                
                .angel-area-svg-map {
                    display: inline-block;
                    width: 470px;
                    vertical-align: top;
                }
                
                .angel-zg-list {
                    display: inline-block;
                    width: 510px;
                    padding-top: 34px;
                    text-align: left;
                    padding-left: 53px;
                }
                
                .angel-area-list-title span {
                    display: inline-block;
                    position: relative;
                    height: 38px;
                    line-height: 37px;
                }
                
                .angel-area-list-title {
                    margin-bottom: 35px;
                }
                
                .angel-area-item {
                    display: inline-block;
                    padding: 0;
                    height: 28px;
                    border-radius: 5px;
                    border: 1px solid #ddd;
                    font-size: 14px;
                    cursor: pointer;
                    line-height: 27px;
                    margin-right: 10px;
                    margin-bottom: 13px;
                    width: 130px;
                    text-align: center;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    word-break: break-all;
                }
                
                .angel-area-item:hover {
                    border-color: #F38606;
                    color: #fff;
                    background: #F38606;
                    transition: all 0.5s ease;
                }
                
                .angel-zwmc {
                    float: right;
                    font-size: 18px;
                    font-family: Microsoft YaHei;
                    font-weight: bold;
                    color: #343434;
                    line-height: 20px;
                    padding-top: 30px;
                    padding-bottom: 39px;
                    padding-right: 15px;
                    padding-top: 33px
                }
                
                .angel-modal-left {
                    padding-right: 75px;
                    padding-left: 43px;
                }
                
                .angel-modal-left>span:before {
                    width: 75px;
                    background: #12C1A2;
                    height: 2px;
                    content: ' ';
                    position: absolute;
                    top: 43px;
                    right: 0;
                }
                
                .angel-tip-img {
                    font-size: 16px;
                    font-family: Microsoft YaHei;
                    font-weight: 400;
                    color: #333333;
                    line-height: 20px;
                    text-align: center;
                }
                
                .angel-modal-left img {
                    padding-bottom: 10px;
                    padding-top: 5px;
                    width: 100%;
                }
                
                .angel-zg-title {
                    font-size: 20px;
                    font-family: Microsoft YaHei;
                    font-weight: bold;
                    color: #F38606;
                    line-height: 20px;
                }
                
                .modal-body {
                    padding: 0px 15px;
                }
                
                .modal-content {
                    background: #12c1a2;
                    color: #fff;
                    height: 100%;
                }
                
                .zqfb-close-btn {
                    position: absolute;
                    right: -8px;
                    top: -8px;
                    width: 24px;
                    height: 24px;
                    background: #fff;
                    border-radius: 50%;
                    text-align: center;
                    font-size: 18px;
                    line-height: 22px;
                    color: #12c1a2;
                    z-index: 999;
                    cursor: pointer;
                }
                
                .row {
                    display: flex;
                    flex-wrap: wrap;
                    margin-right: -15px;
                    margin-left: -15px;
                }
                
                .angel-modal-left {
                    padding-right: 75px;
                    padding-left: 43px;
                    background: #fff;
                }
                
                .zwmc {
                    float: right;
                    font-size: 18px;
                    font-family: Microsoft YaHei;
                    font-weight: bold;
                    color: #343434;
                    line-height: 20px;
                    padding-bottom: 39px;
                    padding-right: 15px;
                    padding-top: 33px;
                }
                
                .modal-left>span:before {
                    width: 75px;
                    background: #12C1A2;
                    height: 2px;
                    content: ' ';
                    position: absolute;
                    top: 43px;
                    right: 0;
                }
                
                .modal-left img {
                    padding-bottom: 10px;
                    padding-top: 5px;
                }
                
                .modal-left img {
                    width: 100%;
                }
                
                .modal-right>div {
                    padding: 29px 0 10px 50px;
                    position: relative;
                    color: #fff;
                }
                
                .modal-right>div:before {
                    width: 75px;
                    background: #fff;
                    height: 2px;
                    content: ' ';
                    position: absolute;
                    top: 43px;
                    left: -15px;
                }
                
                .modal-right .title {
                    font-size: 1.6rem;
                    text-indent: 2rem;
                }
                
                .modal-right>div p {
                    color: #fff;
                }
                
                .cl-artical p {
                    padding: 0;
                    margin-bottom: 8px;
                    line-height: 1.8rem;
                    font-weight: 400;
                }
                
                .modal-right .name {
                    font-size: 1.4rem;
                    padding-top: 102px;
                    padding-bottom: 10px;
                }
                
                .modal-right>div p {
                    color: #fff;
                    text-indent: 0;
                    margin-bottom: 8px;
                }
                
                @media screen and (max-width:750px) {
                    .angel-zq-btn {
                        width: auto;
                        height: 45px;
                    }
                    .angel-area-svg-map {
                        display: block;
                        width: 100%;
                    }
                    .angel-zq-btn::after {
                        height: 0;
                    }
                    .zqfb-close-btn {
                        width: 32px;
                        height: 32px;
                        line-height: 28px;
                    }
                    .visible-xs6 {
                        padding-top: 5vw !important;
                        text-align: center;
                        display: block!important;
                    }
                }
				
                
                .s-title {
                    height: 145px;
                }
                
                .light {
                    height: 420px;
                }
                
                .light-flex {
                    display: flex;
                    justify-content: space-between;
                }
                
                .light-item {
                    width: 100%;
                    height: 320px;
                    text-align: center;
                    padding-top: 16px;
                    color: #FFF;
                }
                
                .swiper-container-horizontal>.swiper-pagination-bullets {
                    bottom: 20px;
                }
                
                .light-i-title {
                    position: relative;
                    margin: 0 auto 20px auto;
                    width: 116px;
                    height: 116px;
                    overflow: hidden;
                    border-radius: 50%;
                    margin-top: 20px;
                }
                
                .light-i-title img {
                    position: absolute;
                    width: 100%;
                    left: 0;

                    top: 0;
                    height: 100%;
                    z-index: 333;
                }
                
                .light-item-content p {
                    margin-bottom: 6px;
                }
                
                .slede .swiper-container {
                    width: 100%;
                    height: 100%;
                }
                
                .slede .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;
                    transition: 300ms;
                    transform: scale(0.8) translateX(-13%) translateY(10.5%);
                    height: 300px;
                    background: url('../../img/bg2.png');
                }
                
                .slede .swiper-slide-active,
                .swiper-slide-duplicate-active {
                    transform: scale(1.55);
                    background: url('../../img/bg1.png');
                    color: #FFF;
                }
                
                .slede {
                    height: 350px !important;
                }
                
                .slede .swiper-slide-active {
                    width: 260px !important;
                    transform: scale(1) translateX(-19%);
                    z-index: 99999;
                    height: 350px !important;
                }
                
                .slede .swiper-slide-prev {
                    transform: scale(0.8) translateX(-28%) translateY(10.5%);
                }
                
                .slede .swiper-slide-next {
                    transform: scale(0.8) translateX(-25%) translateY(10.5%);
                }
                
                .slede .swiper-slide-next+.swiper-slide {
                    transform: scale(0.8) translateX(-35%) translateY(10.5%);
                }
                
                .l-i-c-7 p {
                    font-size: 12px;
                }
                
                .l-i-c-7 .light-i-title {
                    margin-bottom: 22px;
                }
                
                .l-i-c-8 p {
                    margin-bottom: 0px;
                    font-size: 12px;
                }
                
                .l-i-c-8 .light-i-title {
                    margin-bottom: 22px;
                }
                
                .content-slide {
                    padding: 0 10px;
                }
                
                .content-slide h2 {
                    margin-bottom: 25px;
                }
                
                .content-slide p {
                    font-size: 14px;
                }
                
                @media screen and (max-width: 500px) {
                    .slede .swiper-slide {
                        color: #FFF;
                    }
                }
				
				
.ltjb-2021 {
                    padding-bottom: 33px;
                }
                
                .angel-ltjb {
                    width: 282px;
                    height: 360px;
                    background: #FFFFFF;
                    border: 1px solid #E2E2E2;
                    border-radius: 7px;
                    margin-right: 20px;
                }
                
                .angel-swiper-container {
                    width: 1200px;
                }
                
                .angel-avator {
                    position: relative;
                    margin: 0 auto 20px auto;
                    width: 116px;
                    height: 116px;
                    overflow: hidden;
                    border-radius: 50%;
                    margin-top: 20px;
                }
                
                .angel-avator img {
                    width: 120px;
                }
                
                .angel-avator:after {
                    content: '';
                    position: absolute;
                    width: 100%;
                    left: 0;
                    top: 0;
                    height: 100%;
                    z-index: 333;
                }
                
                .angel-lt-title {
                    font-size: 20px;
                    font-family: Microsoft YaHei;
                    font-weight: 400;
                    color: #333333;
                    text-align: center;
                }
                
                .angel-lt-introduce {
                    font-size: 14px;
                    font-family: Microsoft YaHei;
                    font-weight: 400;
                    color: #999999;
                    line-height: 22px;
                    padding-top: 14px;
                    text-align: center;
                }
                
                .angel-lt-present {
                    font-size: 14px;
                    font-family: Microsoft YaHei;
                    font-weight: 400;
                    color: #333333;
                    line-height: 22px;
                    padding: 0 29px;
                    padding-top: 14px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 4;
                }
                
                .angel-look {
                    font-size: 16px;
                    font-family: Microsoft YaHei;
                    font-weight: 400;
                    color: #333333;
                    line-height: 40px;
                    padding-top: 41px;
                    text-align: center;
                    cursor: pointer;
                    width: 215px;
                    margin: auto;
                }
                
                .angel-look:hover {
                    color: #1EBF9E;
                    transition: all 0.5s ease;
                }
                
                .angel-look:hover .angel-look-img {
                    transition: all 0.5s ease;
                    transform: scale(0.8);
                }
                
                .angel-look img {
                    margin-left: 13px;
                    position: relative;
                    top: -2.5px;
                    width: 24px;
                    height: 24px;
                }
                
                .swiper-container {
                    --swiper-theme-color: #000;
                    --swiper-navigation-color: #fff;
                    --swiper-navigation-size: 18px;
                }
                
                .swiper-button-next,
                .swiper-container-rtl .swiper-button-prev {
                    right: 0px;
                    left: auto;
                    width: 25px;
                    height: 47px;
                    background: #00000040;
                }
                
                .swiper-button-prev,
                .swiper-container-rtl .swiper-button-next {
                    right: auto;
                    left: 0px;
                    width: 25px;
                    height: 47px;
                    background: #00000040;
                }
                
                @media screen and (max-width:750px) {
                    .angel-look {
                        padding-top: 0;
                        margin-top: 15px;
                    }
                }
				
				
.brand_btn {
                    display: flex;
                    padding-top: 23px;
                    margin-bottom: 56px;
                }
                
                .brand_btn>span {
                    width: 85px;
                    height: 40px;
                    position: relative;
                    z-index: 88;
                }
                
                .brand_icon::after {
                    content: "";
                    clear: both;
                    display: block;
                }
                
                .brand_btn>div {
                    width: 330px;
                    position: relative;
                    z-index: 99;
                    background: #fff;
                    color: #01C09E;
                    font-size: 16px;
                    height: 40px;
                    line-height: 39px;
                    cursor: pointer;
                    text-align: center;
                    box-shadow: #eee 0 0 5px;
                }
                
                .brand_btn>div.action {
                    width: 330px;
                    background: #01C09E;
                    color: #fff;
                }
                
                .brand_2021 {
                    min-height: 335px;
                    background: #fff;
                }
                
                .brand_2021 .s-title-en::before,
                .brand_2021 .s-title-en::after {
                    display: none;
                }
                
                .brand_icon {
                    width: 100%;
                    margin-right: -6px;
                    margin-left: -6px;
                }
                
                .brand_img {
                    width: 135px;
                }
                
                .new_brand_item {
                    float: left;
                    height: 135px;
                    width: 126px;
                    box-sizing: border-box;
                    border: 1px solid rgba(5, 0, 1, 0.11);
                    border-radius: 2px 45px 2px 45px;
                    overflow: hidden;
                    margin-right: 6px;
                    margin-left: 6px;
                    margin-bottom: 17px;
                }
                
                @media screen and (max-width: 300px) {
                    .new_brand_item {
                        width: 50%;
                    }
                }
                
                @media screen and (min-width: 450px) {
                    .new_brand_item {
                        width: 30%;
                    }
                }
                
                @media screen and (min-width: 600px) {
                    .new_brand_item {
                        width: 25%;
                    }
                }
                
                @media screen and (min-width: 750px) {
                    .new_brand_item {
                        width: 20%;
                    }
                }
                
                @media screen and (min-width: 900px) {
                    .new_brand_item {
                        width: 16.6%;
                    }
                }
                
                @media screen and (min-width: 1000px) {
                    .new_brand_item {
                        width: 11.5%;
                    }
                }
				
				
				.aside-btn-2021 {
					display: none;
                    position: fixed;
                    right: 10px;
                    top: calc(50vh - 146px);
                    width: 64px;
                    height: 292px;
                    background-color: #656565;
                    border-radius: 32px;
                    z-index: 99;
                    padding: 0 11px;
                }
                
                .aside-item {
                    position: relative;
                    cursor: pointer;
                    height: 70px;
                    border-bottom: 1px solid #fff;
                }
                
                .aside-i-contact {
                    background: url("../../pc/20210126/s1.png") no-repeat center center;
                }
                
                .aside-i-kefu {
                    background: url("../../pc/20210126/s2.png") no-repeat center center;
                }
                
                .aside-i-phone {
                    background: url("../../pc/20210126/s3.png") no-repeat center center;
                }
                
                .aside-i-top {
                    border-bottom: 0;
                    background: url("../../pc/20210126/s4.png") no-repeat center center;
                }
                
                .aside-i-qrcode {
                    display: none;
                    position: absolute;
                    top: 30px;
                    right: 64px;
                    width: 200px;
                    height: 255px;
                    background: #FFFFFF;
                    border: 1px solid #EEEEEE;
                    border-radius: 5px;
                    padding: 22px;
                    color: #23B7AB;
                    text-align: center;
                    box-shadow: 0 0 15px #efefef;
                    font-size: 16px;
                }
                
                .aside-i-qrcode img {
                    width: 156px;
                    margin-bottom: 10px;
                }
				
				
				.ggt-2022{
					padding-bottom: 20px;
					width:100%;
					background-color:#FFF;
				}
				
				.ggt-2022 .ggt-ul{
					width: 100%;
					margin: 0 auto;
					display:flex;
					flex-wrap: wrap;
    				justify-content: space-between;
				}
				
				.ggt-2022 .ggt-ul li{
					width:589px;
					height:120px;
					margin-bottom:15px;
				}
				
				.ggt-2022 .ggt-ul li img{
					width:100%;
					height:100%;
				}