* {
    word-break: break-word;
}

@media only screen and (min-width: 996px) {
    .tg_inbanner {
        width: 100%;
        margin-top: -70px;
        position: relative;
        height: 600px;
        background-image: url(../images/bg07.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .tg_inbanner img {
        width: 100%;
    }
    .tg_pos {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    .tg_pos_con {
        max-width: 1750px;
        padding: 70px 75px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .tg_posleft {
        width: 48%;
    }
    .tg_posright {
        width: 30%;
    }
    .tg_posright img {
        width: 100%;
    }
    .tg_posleft h1 {
        color: var(--main-color-white);
        font-size: 55px;
        font-weight: normal;
    }
    .tg_posleft p {
        color: var(--main-color-white);
        font-size: 24px;
    }
    .tg_posleft strong {
        display: block;
        line-height: 60px;
        padding-bottom: 10px;
        padding-top: 25px;
        color: #333;
        text-shadow: 1px 1px 0 #fff;
        font-size: 55px;
        font-weight: normal;
        color: #c00;
        margin-bottom: 15px;
    }
    .tg_posleft span {
        color: var(--main-color-white);
        font-size: 24px;
        display: block;
        line-height: 40px;
    }
    .tg_case {
        padding: 60px 0;
        width: 100%;
    }
    .tg_title {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }
    .tg_title p {
        color: var(--main-color-333);
        font-size: 40px;
    }
    .tg_title span {
        color: var(--main-color-999);
        text-align: center;
        display: block;
        margin-top: 20px;
    }
    .tg_casecon {
        max-width: 1650px;
        padding: 0 75px;
        margin: 0 auto;
        position: relative;
    }
    .tgs_top {
        background: #f0d2d2;
        height: 150px;
        padding: 20px;
        font-size: 20px;
        text-align: center;
        color: var(--main-color);
        display: flex;
        align-items: center;
        font-weight: bold;
        justify-content: center;
    }
    .tg_bot {
        padding: 20px;
        background-color: #f4f4f4;
    }
    .tg_bot p {
        font-size: 14px;
        color: var(--main-color);
    }
    .tg_bot span {
        font-size: 14px;
        color: var(--main-color-666);
        display: block;
        margin: 10px 0;
    }
    .tg_bot a {
        font-size: 14px;
        color: var(--main-color-666);
        display: block;
    }
    .tg_bot a:hover {
        color: var(--main-color) !important;
        text-decoration: underline;
    }
    .tgcase {
        width: 100%;
        padding-bottom: 60px !important;
    }
    .tgcasepage .swiper-pagination-bullet {
        background-color: var(--main-color);
    }
    .tgbtnleft {
        left: 25px !important;
    }
    .tgbtnright {
        right: 25px !important;
    }
    .tgbtn {
        background-image: none !important;
        width: 45px !important;
        height: 45px !important;
        top: 60% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--main-color-white);
        font-size: 30px !important;
        background: rgba(0, 0, 0, .6);
    }
    .tg_cn {
        width: 100%;
        padding: 80px 0;
        background-color: #f4f4f4;
    }
    .tg_cncon {
        max-width: 1750px;
        padding: 0 75px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .cn_left {
        width: 45%;
    }
    .cn_left img {
        width: 100%;
        height: 400px;
        object-fit: contain;
    }
    .cn_right {
        width: 50%;
    }
    .cn_right strong {
        font-weight: normal;
        color: var(--main-color-333);
        font-size: 30px;
        display: block;
        margin-bottom: 20px;
    }
    .cn_right p {
        color: var(--main-color-666);
        font-size: 20px;
        margin-bottom: 15px;
    }
    .td_ys {
        padding: 80px 0;
        width: 100%;
    }
    .td_yscon {
        max-width: 1750px;
        padding: 0 75px;
        margin: 0 auto;
    }
    .tgys_item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 35px 0;
        border-bottom: 1px dashed #999999;
    }
    .tgys_right {
        width: 40%;
    }
    .tgys_right img {
        width: 100%;
        height: 300px;
        object-fit: contain;
    }
    .tgys_left {
        width: 50%;
    }
    .tgys_left p {
        font-size: 30px;
        color: #000;
    }
    .tgys_left span {
        color: var(--main-color-666);
        font-size: 20px;
        line-height: 30px;
        display: block;
        margin-top: 15px;
    }
    .td_yscon .tgys_item:nth-child(odd) {
        flex-direction: row-reverse;
    }
    .tg_ysbg {
        width: 100%;
        padding: 80px 0;
        background-image: url(../images/bg16.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .tg_ysbgcon {
        max-width: 1750px;
        margin: 0 auto;
        padding: 0 75px;
    }
    .tg_ysbgcon .tg_title p {
        color: var(--main-color-white);
    }
    .tg_ysbgcon ul li {
        margin-bottom: 25px;
    }
    .ys_litop {
        display: flex;
        align-items: center;
    }
    .ys_litop span {
        display: block;
        width: 35px;
        height: 35px;
        margin-right: 10px;
        text-align: center;
        font-size: 25px;
        line-height: 35px;
        border-radius: 50%;
        background-color: #ddc750;
        color: #576788;
    }
    .ys_litop p {
        color: #ddc750;
        font-size: 30px;
    }
    .ys_libot {
        font-size: 18px;
        margin-top: 10px;
        line-height: 32px;
        color: var(--main-color-white);
    }
    .tg_price {
        width: 100%;
        padding: 80px 0;
    }
    .tg_pricecon {
        max-width: 1750px;
        padding: 0 75px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .tgprice_left {
        width: 40%;
    }
    .tgprice_left img {
        width: 100%;
        height: 500px;
        object-fit: contain;
    }
    .tgprice_right {
        width: 50%;
    }
    .tgp_top p {
        font-size: 40px;
        text-align: center;
    }
    .tgp_top span {
        font-size: 16px;
        color: var(--main-color-999);
        display: block;
        text-align: center;
        margin-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 20px;
        border-bottom: 1px dashed #999;
    }
    .tb_item {
        display: flex;
        align-items: center;
        padding: 15px;
    }
    .tb_item span {
        display: block;
        width: 50%;
        font-size: 16px;
        color: var(--main-color-666);
        text-align: center;
    }
    .tb_item span em {
        color: var(--main-color);
        font-style: normal;
        font-size: 18px;
    }
    .tgp_bot .tb_item:nth-child(odd) {
        background-color: #eeeeee;
    }
    .tgp_bot .tb_item:nth-child(even) {
        background-color: #f9f9f9;
    }
    .tg_lc {
        padding: 80px 0;
        background: url(../images/bg05.png) #339db7 center top no-repeat;
    }
    .tg_lccon {
        max-width: 1750px;
        padding: 0 75px;
        margin: 0 auto;
    }
    .tg_lccon .tg_title p {
        color: var(--main-color-white);
    }
    .tg_lccon .tg_title span {
        color: var(--main-color-white);
    }
    .tg_lccon ul {
        display: flex;
        justify-content: space-between;
    }
    .tg_lccon ul li {
        flex: 1;
        padding: 0 20px;
    }
    .lcli_top {
        display: flex;
        align-items: center;
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: 1px dashed var(--main-color-white);
    }
    .lcli_top span {
        color: #fcff00;
        font-size: 75px;
    }
    .lcli_top p {
        padding-top: 20px;
        color: var(--main-color-white);
        font-size: 30px;
    }
    .lcli_bot {
        font-size: 18px;
        color: #fff;
        line-height: 30px;
    }
}

@media only screen and (max-width: 996px) {
    .tg_lc {
        padding: 30px 15px;
        background: url(../images/bg05.png) #339db7 center top no-repeat;
    }
    .tg_lccon .tg_title p {
        color: var(--main-color-white);
    }
    .tg_lccon .tg_title span {
        color: var(--main-color-white);
    }
    .tg_lccon ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .tg_lccon ul li {
        width: 100%;
        padding: 20px;
    }
    .lcli_top {
        display: flex;
        align-items: center;
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: 1px dashed var(--main-color-white);
    }
    .lcli_top span {
        color: #fcff00;
        font-size: 45px;
    }
    .lcli_top p {
        padding-top: 15px;
        color: var(--main-color-white);
        font-size: 18px;
    }
    .lcli_bot {
        font-size: 15px;
        color: #fff;
        line-height: 30px;
    }
    .tg_price {
        width: 100%;
        padding: 30px 15px;
    }
    .tg_pricecon {
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .tgprice_left {
        width: 100%;
        margin-bottom: 20px;
    }
    .tgprice_left img {
        width: 100%;
    }
    .tgprice_right {
        width: 100%;
    }
    .tgp_top p {
        font-size: 25px;
        text-align: center;
    }
    .tgp_top span {
        font-size: 14px;
        color: var(--main-color-999);
        display: block;
        text-align: center;
        margin-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 1px dashed #999;
    }
    .tb_item {
        display: flex;
        align-items: center;
        padding: 15px;
    }
    .tb_item span {
        display: block;
        width: 50%;
        font-size: 16px;
        color: var(--main-color-666);
        text-align: center;
    }
    .tb_item span em {
        color: var(--main-color);
        font-style: normal;
        font-size: 18px;
    }
    .tgp_bot .tb_item:nth-child(odd) {
        background-color: #eeeeee;
    }
    .tgp_bot .tb_item:nth-child(even) {
        background-color: #f9f9f9;
    }
    .tg_ysbg {
        width: 100%;
        padding: 30px 15px;
        background-image: url(../images/bg16.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .tg_ysbgcon .tg_title p {
        color: var(--main-color-white);
        font-size: 22px;
    }
    .tg_ysbgcon ul li {
        margin-bottom: 25px;
    }
    .ys_litop {
        display: flex;
        align-items: center;
    }
    .ys_litop span {
        display: block;
        width: 25px;
        height: 25px;
        margin-right: 10px;
        text-align: center;
        font-size: 20px;
        line-height: 25px;
        border-radius: 50%;
        background-color: #ddc750;
        color: #576788;
    }
    .ys_litop p {
        color: #ddc750;
        font-size: 23px;
    }
    .ys_libot {
        font-size: 16px;
        margin-top: 10px;
        color: var(--main-color-white);
    }
    .td_ys {
        padding: 30px 15px;
        width: 100%;
    }
    .td_yscon {
        margin: 0 auto;
    }
    .tgys_item {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 25px 0;
        flex-direction: column-reverse;
        border-bottom: 1px dashed #999999;
    }
    .tgys_right {
        width: 100%;
        margin-bottom: 20px;
    }
    .tgys_right img {
        width: 100%;
    }
    .tgys_left {
        width: 100%;
    }
    .tgys_left p {
        font-size: 20px;
        color: #000;
    }
    .tgys_left span {
        color: var(--main-color-666);
        font-size: 16px;
        line-height: 25px;
        display: block;
        margin-top: 10px;
    }
    .tg_cn {
        width: 100%;
        padding: 30px 15px;
        background-color: #f4f4f4;
    }
    .tg_cncon {
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .cn_left {
        width: 100%;
    }
    .cn_left img {
        width: 100%;
    }
    .cn_right {
        width: 100%;
    }
    .cn_right strong {
        font-weight: normal;
        color: var(--main-color-333);
        font-size: 25px;
        display: block;
        margin-bottom: 15px;
    }
    .cn_right p {
        color: var(--main-color-666);
        font-size: 18px;
        margin-bottom: 10px;
    }
    .tg_case {
        padding: 30px 15px;
        width: 100%;
    }
    .tg_title {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .tg_title p {
        color: var(--main-color-333);
        font-size: 25px;
    }
    .tg_title span {
        color: var(--main-color-999);
        text-align: center;
        display: block;
        font-size: 14px;
        margin-top: 10px;
    }
    .tg_casecon {
        margin: 0 auto;
        position: relative;
    }
    .tgs_top {
        background: #f0d2d2;
        height: 50px;
        padding: 15px;
        font-size: 14px;
        text-align: center;
        color: var(--main-color);
        display: flex;
        align-items: center;
        font-weight: bold;
        justify-content: center;
    }
    .tg_bot {
        padding: 15px;
        background-color: #f4f4f4;
    }
    .tg_bot p {
        font-size: 14px;
        color: var(--main-color);
    }
    .tg_bot span {
        font-size: 14px;
        color: var(--main-color-666);
        display: block;
        margin: 10px 0;
    }
    .tg_bot a {
        font-size: 14px;
        color: var(--main-color-666);
        display: block;
    }
    .tg_bot a:hover {
        color: var(--main-color) !important;
        text-decoration: underline;
    }
    .tgcase {
        width: 100%;
        padding-bottom: 40px !important;
    }
    .tgcasepage .swiper-pagination-bullet {
        background-color: var(--main-color);
    }
    .tgbtnleft {
        left: 25px !important;
    }
    .tgbtnright {
        right: 25px !important;
    }
    .tgbtn {
        display: none !important;
        background-image: none !important;
        width: 45px !important;
        height: 45px !important;
        top: 60% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--main-color-white);
        font-size: 30px !important;
        background: rgba(0, 0, 0, .6);
    }
    .tg_inbanner {
        width: 100%;
        margin-top: 60px;
        height: 300px;
        background-image: url(../images/bg07.jpg);
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .tg_inbanner img {
        width: 100%;
    }
    .tg_pos {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    .tg_pos_con {
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
        padding: 30px;
        justify-content: space-between;
    }
    .tg_posleft {
        width: 100%;
    }
    .tg_posright {
        width: 30%;
        display: none;
    }
    .tg_posright img {
        width: 100%;
    }
    .tg_posleft h1 {
        color: var(--main-color-white);
        font-size: 20px;
        font-weight: normal;
    }
    .tg_posleft p {
        color: var(--main-color-white);
        font-size: 16px;
        margin-top: 10px;
    }
    .tg_posleft strong {
        display: block;
        margin-top: 20px;
        padding-bottom: 10px;
        color: #333;
        text-shadow: 1px 1px 0 #fff;
        font-size: 20px;
        font-weight: normal;
        color: #c00;
        margin-bottom: 15px;
    }
    .tg_posleft span {
        color: var(--main-color-white);
        font-size: 14px;
        display: block;
        line-height: 30px;
    }
}