@charset "utf-8";

/* 新闻详情页响应式样式 */
/* 平板竖屏及更小屏幕 */
@media screen and (max-width: 991px) {
    .news_detail {
        padding: 25px 20px;
    }
    .page_title {
        font-size: 24px;
    }
    .news_content h3 {
        font-size: 20px;
    }
    .news_meta span {
        margin: 0 10px 8px 0;
        font-size: 13px;
    }
}

/* 移动设备样式 */
@media screen and (max-width: 767px) {
    .news_detail {
        padding: 20px 15px;
    }
    .page_title {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .news_content {
        font-size: 15px;
        line-height: 1.7;
    }
    .news_content p {
        text-indent: 1.5em;
    }
    .news_abstract {
        padding: 15px;
    }
    .news_abstract p {
        text-indent: 0;
    }
    .share_btn {
        padding: 6px 12px;
        font-size: 14px;
        margin-bottom: 8px;
    }
    .back_btn {
    }
}

/* 关于我们页面响应式样式 */
/* 平板竖屏及更小屏幕 */
@media screen and (max-width: 991px) {
    .about_us .container {
        padding: 0 20px;
    }
    .about_us .page_title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .about_us h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .application_areas {
        flex-wrap: wrap;
    }
    .app_area {
        width: 50%;
        margin-bottom: 20px;
    }
    .app_area svg {
        width: 80px;
        height: 80px;
    }
}

/* 移动设备样式 */
@media screen and (max-width: 767px) {
    .about_us .page_title {
        font-size: 24px;
    }
    .about_us h3 {
        font-size: 18px;
    }
    .about_us p,
    .about_us li {
        font-size: 15px;
        line-height: 1.7;
    }
    .app_area {
        width: 100%;
    }
    .app_area svg {
        width: 60px;
        height: 60px;
    }
    .feature_list li,
    .advantage_list li {
        padding-left: 0;
        margin-bottom: 12px;
    }
    .case_item {
        margin-bottom: 15px;
        padding: 15px;
    }
    .case_item h4 {
        font-size: 16px;
    }
}

/* 移动导航菜单按钮样式 */
.phnav_menubtn.ys_phnav_menubtn {
    cursor: pointer;
    transition: all 0.3s ease;
}
.ys_phnav_menubtn span {
    display: block;
    width: 24px;
    height: 2px;
    background: #333;
    position: relative;
    transition: all 0.3s ease;
}
.ys_phnav_menubtn span::before,
.ys_phnav_menubtn span::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #333;
    transition: all 0.3s ease;
}
.ys_phnav_menubtn span::before {
    top: -8px;
}
.ys_phnav_menubtn span::after {
    bottom: -8px;
}
.ys_phnav_menubtn.on span {
    background: transparent;
}
.ys_phnav_menubtn.on span::before {
    transform: rotate(45deg);
    top: 0;
}
.ys_phnav_menubtn.on span::after {
    transform: rotate(-45deg);
    bottom: 0;
}

/* 移动导航菜单样式 */
.ys_phnav_menu {
    display: none;
    background: #fff;
    position: relative;
    z-index: 999;
}
.ys_phnav_menu.on {
    display: block;
}

/* 底部自适应样式 */
/* 平板竖屏及更小屏幕下调整底部布局 */
@media screen and (max-width: 991px) {
    .footer .t_fotul {
        flex-wrap: wrap;
    }
    .footer .t_fotcol {
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }
    .footer .t_fotcol:nth-child(3) {
        margin-right: 0;
    }
    .footer .t_fotcol:nth-child(4) {
        margin-right: auto;
    }
}

/* 移动设备下调整为单列布局 */
@media screen and (max-width: 767px) {
    .footer .t_fotcol {
        width: 100%;
        margin-right: 0;
    }
    .footer .t_fotxle {
        flex-direction: column;
        text-align: center;
        gap: 15px;
    }
}

/* 991~768 平板竖屏 重点*/
@media screen and (max-width: 991px) {
    .d_botbox {
        display: none;
    }
    .std_title4, .yxedr_active h4, .std_title4 p {
        font-size: 16px;
    }
    .std_padding1 {
        padding: 55px 0;
    }
    .d_c1liri{
        padding: 30px 40px;
        width: 100%;
    }
    .d_c1lile {
        width: 100%;
    }
    .d_c1bdli:nth-child(2n) .d_c1liri {
        padding: 15px 70px;
    }
    .std_title3, .yxedr_active h3 {
        font-size: 20px;
    }
    .std_paddingbot1 {
        padding-bottom: 30px;
    }
    .d_c1bdli:nth-child(2n) .d_c1liri {
        padding: 15px 40px;
    }
    .d_d1liri::after {
        width: 100%;
    }
    .d_d1liri {
        margin-top: 20px;
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
    .d_d1le {
        width: 100%;
    }
    .d_d1rifont2 {
        margin-bottom: 14px;
    }
    .d_d1rifont3 {
        margin-bottom: 10px;
    }
    .std_paddingbot2 {
        padding-bottom: 25px;
    }
    .d_d1pt1 {
        margin-bottom: 54px;
    }
    .d_d1timefont {
        font-size: 20px;
    }
    .d_d1liri{
        padding-top:10px;
    }
    .d_d2le {
        width: 100%;
        padding:40px 40px 70px;
    }
    .d_d2lefont span {
        font-size: 50px;
        margin-right: 10px;
    }
    .d_d2ri {
        width: 100%;
        padding-left: 0;
        margin-top: 15px;
    }
    .d_d2rifont {
        margin-bottom: 25px;
    }
    .std_title1 {
        font-size: 34px;
    }
    .std_paddingup1 {
        padding-top: 32px;
    }
    .d_e1bt {
        padding: 8px 25px;
    }
    .std_marginbot1 {
        margin-bottom: 26px;
    }
    .d_e1bdli {
        margin-bottom: 14px;
        padding: 0 4px;
    }
    .d_e1bdul {
        margin: 0 -4px;
    }
    .d_e1bot {
        padding: 18px 30px 20px;
    }
    .d_e1bot .std_title6 {
        margin-bottom: 4px;
    }
    .d_e2libox {
        padding: 22px 35px 22px 42px;
    }
    .d_e2bg {
        margin-right: 30px;
    }
    .d_e2li {
        margin-bottom: 14px;
    }
    .d_f1lepic {
        width: 100%;
    }
    .d_f1pt1ri {
        padding-left: 0;
        padding-bottom: 5px;
        padding-top: 10px;
        width: 100%;
    }
    .std_title2, .yxedr_active h2 {
        font-size: 28px;
    }
    .d_f1pt1bd {
        margin-bottom: 50px;
        padding: 45px 40px;
    }
    .d_f1pt1title2 {
        margin-bottom: 35px;
    }
    .d_f1fromnum {
        margin-left: 18px;
    }
    .d_f1formli3 .d_f1formbd {
        width: calc(100% - 133px);
    }
    .std_paddingbot3 {
        padding-bottom: 50px;
    }
    .d_f1pt1ri::before,.d_f1pt1ri::after{
        width: 100%;
    }
    .d_g1pt1font {
        padding: 24px 12px;
        font-size: 18px;
    }
    .d_g1pt3pic {
        width: 30px;
        margin: 0 auto 8px;
    }
    .d_g1pt3.std_padding1 {
        padding-bottom: 60px;
    }
    .d_g1pt4bot {
        width: 148px;
    }
    .d_g1pt2con .swiper-pagination-progressbar {
        top: 25px;
        left: 5%;
    }
    .d_d1rifont {
        padding-left: 5px;
    }
    .d_e1pt1 {
        padding-bottom: 40px;
    }
    .d_f1pt1bd {
        margin-top: -95px;
    }
    .d_f1formbd {
        height: 45px;
    }
    .d_f1lab{
        line-height: 45px;
    }
    .d_f1forminp input {
        line-height: 45px;
    }
    .d_f1formli {
        margin-bottom: 12px;
        padding: 0 6px;
    }
    .d_f1pt1list {
        margin: 0 -6px;
    }
    .d_f1formli2 .d_f1formbd {
        height: 130px;
    }
    .d_f1fromnum {
        width: 115px;
    }
    .d_f1formbot {
        padding: 10px 0;
    }
    .d_g1head .std_title1,.d_g1pt2 .std_title1 {
        font-size: 30px;
    }
    .d_d2letitle {
        padding-top: 14px;
        padding-bottom: 30px;
        margin-bottom: 24px;
    }
    .d_g1pt4bd {
        padding-top: 48px;
        padding-bottom: 42px;
    }
    .d_g1pt4bd .d_g1head {
        padding-bottom: 15px;
    }
    /* tammy - start */
    .t_b1year span {
        margin-left: 12px;
        font-size: 42px;
    }
    .t_b1year {
        margin-bottom: 18px;
    }
    .t_b1pt2rg {
        padding-top: calc(40px + 40px);
    }
    .t_b1pt2liy {
        font-size: 90px;
    }
    .t_b1pt2uly {
        height: 270px;
    }
    .std_title3, .yxedr_active h3 {
        font-size: 18px;
    }
    .t_b1pt2span {
        font-size: 14px;
        border-radius: 15px;
        line-height: 30px;
        padding: 0 16px;
        margin-bottom: 12px;
    }
    .t_b1pt2biao {
        margin-bottom: 24px;
    }
    .t_b1pt2lie {
        margin-bottom: 32px;
    }
    .t_b1pt2zh {
        width: 18px;
    }
    .t_b1pt3li2, .t_b1pt3li {
        padding: 0px 5px;
    }
    .t_b1pt3ul, .t_b1pt3ul2 {
        margin: 0 -5px;
    }
    .t_b1pt3jin {
        line-height: 30px;
        width: 60px;
    }
    .t_b1pt3ul2 .slick-prev {
        left: 0px;
    }
    .t_b1pt3ul2 .slick-next {
        left: 120px;
    }
    .t_b1pt3ul .slick-next, .t_b1pt3ul .slick-prev {
        top: 74px;
    }
    .t_b1pt3con {
        width: 158px;
    }
    .t_b1pt3ul .slick-prev {
        right: 158px;
    }
    .t_b1pt3er .t_b1pt3but {
        margin-bottom: 16px;
    }
    .t_b1pt3ul2 .slick-prev, .t_b1pt3ul2 .slick-next {
        top: -67px;
    }
    .t_b1pt4shu .demo_num {
        font-size: 36px;
    }
    .t_b1pt4shu {
        font-size: 16px;
    }
    .t_b1pt4name {
        width: 150px;
    }
    .t_b1pt5xon {
        width: 130% !important;
    }
    .t_b1pt5xon::after {
        right: 23%;
    }
    .t_fotli{
        display: none;
    }
    .t_fotli:last-child{
        display: block;
    }
    .t_fotup {
        padding-top: 50px;
        margin-bottom: 50px;
    }
    .t_retopzi {
        font-size: 12px;
    }
    .t_retopic {
        width: 28px;
        margin-bottom: 6px;
    }
    .t_retop {
        right: 16px;
        bottom: 20px;
    }
    .ban_li .ban_title {
        font-size: 30px;
    }
    .std_font46 {
        font-size: 28px;
    }
    .t_btnpt3zi {
        line-height: 42px;
    }
    .t_btnic {
        width: 18px;
    }
    .t_mainxie{
        display: none;
    }
    .d_g1pt2box .swiper-button-prev::after, .d_g1pt2box .swiper-button-prev::before, .d_g1pt2box .swiper-button-next::after, .d_g1pt2box .swiper-button-next::before {
        transform: translate(-50%,-50%) scale(0.8);
    }
    .d_g1pt2box .swiper-button-next, .d_g1pt2box .swiper-button-prev {
        width: 44px;
        height: 44px;
    }
    .d_g1pt2box .swiper-button-next, .d_g1pt2box .swiper-button-prev {
        top: -52px;
    }
    .d_f1formli2 label {
        padding-top: 10px;
    }
    .d_d2le {
        padding: 40px 40px 50px;
    }
    .d_d2letitle {
        padding-top: 14px;
        padding-bottom: 24px;
        margin-bottom: 24px;
    }

    /* tammy - end */
    /* 991end */
}

/* <768 移动端 重点*/
@media screen and (max-width: 767px) {
    .ban_pc{
        display: none;
    }
    .ban_video{
        display: none;
    }
    .ban_ph{
        display: block;
    }
    /* lis-start */
    .std_padding1 {
        padding: 32px 0;
    }
    .d_c1headli {
        padding: 0 10px;
    }
    .d_c1headul {
        margin: 0 -10px;
    }
    .std_paddingbot1 {
        padding-bottom: 20px;
    }
    .std_title3, .yxedr_active h3 {
        font-size: 16px;
    }
    .d_c1liri {
        padding: 15px 20px;
    }
    .d_c1title {
        padding-bottom: 4px;
        margin-bottom: 10px;
    }
    .d_c1bdli:nth-child(2n) .d_c1liri {
        padding: 15px 20px;
    }
    .d_c1title::after{
        width: 20px;
    }
    .d_d1rifont {
        padding-left: 0;
        width: 100%;
    }
    .d_d1liri{
        padding-top: 10px;
    }
    .d_d1rifont2 {
        margin-bottom: 12px;
    }
    .d_d1rifont3 {
        margin-bottom: 10px;
    }
    .std_paddingbot2 {
        padding-bottom: 20px;
    }
    .d_d1pt1 {
        margin-bottom: 32px;
    }
    .d_d2le {
        padding: 30px 30px 60px;
    }
    .d_d2letitle::after{
        width: 26px;
    }
    .d_d2letitle {
        padding-top: 12px;
        padding-bottom: 25px;
        margin-bottom: 15px;
    }
    .d_d2lefont span {
        font-size: 40px;
        margin-right: 8px;
    }
    .d_d2link {
        padding: 12px 20px;
    }
    .d_e1bdli{
        width: 50%;
    }
    .std_paddingup1 {
        padding-top: 32px;
    }
    .d_e1heli {
        padding: 0 4px;
    }
    .d_e1heul {
        margin: 0 -4px;
    }
    .std_marginbot1 {
        margin-bottom: 22px;
    }
    .d_e1pt1 {
        padding-bottom: 44px;
    }
    .d_e2libox {
        padding: 18px 22px 18px 26px;
    }
    .d_e2icon {
        width: 28px;
    }
    .d_e2bg {
        margin-right: 14px;
    }
    .d_e2li {
        margin-bottom: 10px;
    }
    .d_f1pt1bd {
        margin-bottom: 35px;
        padding: 25px 20px;
    }
    .d_f1pt1title {
        margin-bottom: 14px;
    }
    .d_f1pt1ul {
        margin-bottom: 12px;
    }
    .std_title2, .yxedr_active h2 {
        font-size: 20px;
    }
    .d_f1pt1title2 {
        margin-bottom: 25px;
    }
    .d_f1formli {
        width: 100%;
        margin-bottom: 8px;
        padding: 0;
    }
    .d_f1pt1list {
        margin: 0;
    }
    .d_f1formbd {
        height: 35px;
        padding: 0 15px;
    }
    .d_f1lab {
        line-height: 35px;
    }
    .d_f1forminp input {
        line-height: 35px;
    }
    .d_f1formli2 .d_f1formbd {
        height: 100px;
    }
    .d_f1fromnum {
        width: 88px;
        margin-left: 14px;
    }
    .d_f1formli3 .d_f1formbd {
        width: calc(100% - 102px);
    }
    .d_f1formbot {
        padding: 8px 0;
    }
    .std_paddingbot3 {
        padding-bottom: 40px;
    }
    .d_g1pt1li {
        padding: 0;
        width: 100%;
        margin-bottom: 10px;
    }
    .d_g1pt1ul {
        margin: 0;
    }
    .d_g1pt1font {
        padding: 15px 8px;
        font-size: 14px;
    }
    .d_g1pt3li {
        margin-bottom: 15px;
        width: 50%;
    }
    .d_g1pt3pic {
        width: 25px;
    }
    .d_g1pt3.std_padding1 {
        padding-bottom: 35px;
    }
    .std_title5, .yxedr_active h5, .yxedr_active p, .std_word1 p {
        font-size: 14px;
    }
    .std_marginbot2 {
        margin-bottom: 20px;
    }
    .d_c1bdul {
        margin-bottom: -20px;
    }
    .d_d1timefont {
        font-size: 18px;
    }
    .d_d1liri {
        margin-top: 15px;
    }
    .d_d1icon {
        width: 14px;
        margin-left: 10px;
    }
    .d_d1pt1 .std_paddingbot2 {
        padding-bottom: 10px;
    }
    .yxedr_active p {
        margin-bottom: 10px;
    }
    .yxedr_active p, .std_word1 p {
        line-height: 1.75;
    }
    .d_f1pt1bd {
        margin-top: -70px;
    }

    input:-moz-placeholder,
    textarea:-moz-placeholder {
        font-size: 14px;
    }

    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        font-size: 14px;
    }

    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        font-size: 14px;
    }
    .d_g1head  .std_title1,.d_g1pt2 .std_title1 {
        font-size: 22px;
    }
    .d_g1pt2font {
        padding: 20px 28px;
    }
    .d_g1pt4bot {
        width: 118px;
    }
    .cont1500, .cont1300 {
        width: 100%;
        padding: 0 20px;
    }
    .d_e2bg a{
        padding: 6px 14px;
    }
    .d_g1pt4bot a{
        padding: 12px 18px;
    }
    .d_g1pt4bd {
        padding-top: 28px;
        padding-bottom: 22px;
    }
    .d_g1pt4bd .d_g1head {
        padding-bottom: 10px;
    }
    /* lis-end */
    /* tammy - start */
    .std_title1 {
        font-size: 26px;
    }
    .t_b1year span {
        margin-left: 10px;
        font-size: 36px;
    }
    .t_b1year {
        margin-bottom: 12px;
    }
    .t_b1pt1 .std_title1 {
        margin-bottom: 14px;
    }
    .t_b1pt2liy {
        font-size: 40px;
    }
    .t_b1pt2year {
        width: 100%;
    }
    .t_b1pt2 .std_title1 {
        position: relative;
        left: 0;
        text-align: center;
        margin-bottom: 24px;
    }
    .t_b1pt2liy{
        width: calc(calc(100vw - 40px) / 3);
        display: inline-block;
        text-align: center;
    }
    .t_b1pt2uly{
        height: auto;
        white-space: nowrap;;
    }
    .t_b1pt2year .mCSB_scrollTools,
    .t_b1pt2year .mCSB_scrollTools .mCSB_buttonDown,
    .t_b1pt2year .mCSB_scrollTools .mCSB_buttonLeft,
    .t_b1pt2year .mCSB_scrollTools .mCSB_buttonRight,
    .t_b1pt2year .mCSB_scrollTools .mCSB_buttonUp,
    .t_b1pt2year .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
        opacity: 0!important;
        pointer-events: none!important;
        height: 0!important;
    }
    .t_b1pt2year .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
    .t_b1pt2year .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
    .t_b1pt2year .mCustomScrollBox:hover>.mCSB_scrollTools,
    .t_b1pt2year .mCustomScrollBox:hover~.mCSB_scrollTools,
    .t_b1pt2year .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
    .t_b1pt2year .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{
        opacity: 0;
    }
    .t_b1pt2year .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 0;
    }
    .t_b1pt2year {
        pointer-events: none;
    }
    .t_b1pt2zh {
        left: 0;
        top: 80px;
        position: absolute;
        height: calc(100vw - 40px);
        transform-origin: left top;
        transform: translateX(0) rotate(-90deg);
        width: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .t_b1pt2rg {
        width: 100%;
    }
    .t_b1pt2wen {
        padding-left: 0;
    }
    .t_b1pt2rg {
        padding-top: 74px;
        padding-left: 0;
    }
    .t_b1pt2zh img{
        margin: 0 auto;
    }
    .t_b1pt3top {
        padding-left: 20px;
        padding-right: 20px;
    }
    .t_b1pt3xtop {
        padding: 0 20px;
    }
    .t_b1pt3rg {
        padding-right: 20px;
    }
    .t_b1pt3con {
        width: 130px;
    }
    .t_b1pt3ul .slick-next {
        right: 20px;
    }
    .t_b1pt3ul .slick-prev {
        right: 106px;
    }
    .t_b1pt3he .std_title2 {
        margin-bottom: 18px;
    }
    .t_lunswiper2 .slick-prev::before, .t_lunswiper2 .slick-next::before, .t_lunswiper2 .slick-prev::after, .t_lunswiper2 .slick-next::after {
        transform: translate(-50%,-50%) scale(0.6);
    }
    .t_lunswiper2 .slick-prev, .t_lunswiper2 .slick-next {
        width: 32.4px;
        height: 32.4px;
    }
    .t_b1pt3ul .slick-prev {
        right: 117.6px;
    }
    .t_b1pt3ul .slick-next, .t_b1pt3ul .slick-prev {
        top: 58px;
    }
    .t_b1pt3quan {
        width: 32.4px;
        height: 32.4px;
    }
    .t_b1pt3er .t_b1pt3but {
        padding-left: 20px;
    }
    .t_b1pt3ul2 .slick-prev, .t_b1pt3ul2 .slick-next {
        top: -49px;
    }
    .t_b1pt3ul2 .slick-next {
        left: 104px;
    }
    .t_b1pt4shu .demo_num {
        font-size: 24px;
    }
    .t_b1pt4shu {
        font-size: 14px;
    }
    .t_b1pt4na {
        font-size: 14px;
    }
    .t_b1pt4shu {
        margin-right: 8px;
    }
    .t_b1pt4wli {
        padding: 0 10px;
    }
    .t_b1pt4w {
        bottom: 30px;
    }
    .t_b1pt4zh {
        width: 20px;
    }
    .t_b1pt4name {
        width: 110px;
        left: 17px;
        top: -70px;
    }
    .t_b1pt5xon {
        width: 160% !important;
    }
    .t_b1pt5xon::after {
        right: 37.5%;
    }
    .t_b1pt5xon::before, .t_b1pt5xon::after{
        width: 60px;
    }
    .t_dicode {
        left: 0;
        transform: translateX(0);
    }
    .t_dicode::before {
        left: 3px;
        transform: translateX(0);
    }
    .t_fotone {
        margin-bottom: 10px;
    }
    .t_fotup {
        padding-top: 44px;
        margin-bottom: 40px;
    }
    .t_fotone a {
        font-size: 16px;
    }
    .t_fotone {
        margin-bottom: 6px;
    }
    .t_foterli .std_word1 p {
        font-size: 14px;
    }
    .t_foteric {
        width: 14px;
        line-height: 28px;
        margin-right: 8px;
    }
    .t_foterli {
        margin-bottom: 0px;
    }
    .t_diwx {
        margin-top: 16px;
    }
    .t_diwx {
        width: 22px;
    }
    .t_fotxle .std_word2 p {
        font-size: 12px;
    }
    .span1, .span2 {
        margin-left: 6px;
    }
    .t_fotlizh a {
        font-size: 12px;
    }
    .t_fotlizh::before {
        font-size: 12px;
    }
    .t_retop {
        bottom: 86px;
    }
    .ban_li .ban_title {
        font-size: 26px;
    }
    .t_sypt2ul {
        width: 100%;
    }
    .t_sypt2xin {
        margin-right: 0;
    }
    .t_sypt2rg {
        width: calc(100% + 40px);
        margin-left: -20px;
        padding-left: 0;
    }
    .t_sypt2xin{
        display: block;
    }
    .t_sypt2picul {
        padding-left: 0;
    }
    .t_sypt2rg::before,.t_sypt2dots {
        top: 0;
        left: calc(50% + 20px);
        transform: translateX(-50%) rotateY(180deg) rotate(-270deg);
    }
    .t_sypt2picul {
        padding-top: 80px;
    }
    .t_sypt2lie{
        transform: rotate(90deg);
    }
    .t_sypt2 .cont1360{
        height:calc(100vh - 64px);
    }
    .t_sypt2 {
        overflow: hidden;
    }
    .t_sypt2xin{
        width: calc(100% + 40px);
        margin:0 -20px;
        height:calc(100vh - 64px);
        overflow-y: hidden;
    }
    .t_sypt2ul{
        padding: 0 20px;
        text-align: center;
        height: calc(40% - 50px);
        padding-top: 60px;
        margin-bottom: 50px;
    }
    .t_sypt2now {
        font-size: 16px;
    }
    .t_sypt2xu {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
    }
    .t_sypt2li {
        position: relative;
    }
    .t_lunswiper .slick-prev::before, .t_lunswiper .slick-next::before, .t_lunswiper .slick-prev::after, .t_lunswiper .slick-next::after {
        transform: translate(-50%,-50%) scale(0.8);
    }
    .t_lunswiper .slick-prev, .t_lunswiper .slick-next {
        width: 44px;
        height: 44px;
    }
    .t_sypt2ul .slick-prev{
        left: calc(50% - 75px);
        transform: translateX(-50%);
    }
    .t_sypt2ul .slick-next{
        right: auto;
        left: calc(50% + 75px);
        transform: translateX(-50%);
    }
    .t_sypt2ul .slick-list,
    .t_sypt2ul .slick-track,
    .t_sypt2li {
        height: 100%;
    }
    .t_sypt2rg{
        height: 60%;
    }
    .t_sypt3li {
        height: 200px;
    }
    .ban_li .ban_title {
        margin-bottom: 18px;
    }
    .ban_txtbox .std_duan20 {
        padding-bottom: 30px;
    }
    .t_sypt3li {
        width: 33%;
    }
    .t_topimg {
        width: 135%;
        height: 80%;
        top: auto;
        bottom: 0;
    }
    .d_g1pt2box .swiper-button-prev::after, .d_g1pt2box .swiper-button-prev::before, .d_g1pt2box .swiper-button-next::after, .d_g1pt2box .swiper-button-next::before {
        transform: translate(-50%,-50%) scale(0.6);
    }
    .d_g1pt2box .swiper-button-next, .d_g1pt2box .swiper-button-prev {
        width: 32.5px;
        height: 32.5px;
    }
    .d_g1pt2box .swiper-button-next, .d_g1pt2box .swiper-button-prev {
        top: -52px;
    }
    .d_g1pt2box .swiper-button-next, .d_g1pt2box .swiper-button-prev {
        top: -26px;
    }
    .d_g1pt2box .swiper-button-prev {
        right: 57px !important;
    }
    .d_f1formli2 .d_f1formbd {
        height: 130px;
    }
    .d_g1pt1ul.slick-dotted{
        padding-bottom: 20px;
    }
    .t_sypt3bg_pc{
        display: none;
    }
    .t_sypt3bg_ph{
        display: block;
    }
    .t_b1pt5li {
        width: 160px;
    }
    .t_b1pt5ul {
        width: calc(160 * var(--shu-num));
    }
    .t_syjia{
        top: 0;
        left: calc(50% + 20px);
        transform: translateX(-50%) rotateY(180deg) rotate(-270deg); 
    }   
    .t_sypt2rg::before, .t_sypt2dots {
        left: 50%;
        margin-left: 20px;
    }
    .t_sypt2dotli4 {
        left: 54.8%;
    }
    .t_sypt2dotli5 {
        top: calc(76.5%);
        left: 58.2%;
    }
    .t_sypt2dotli6 {
        top: calc(82%);
        left: 62.5%;
    }
    .t_sypt2dotli7 {
        top: calc(87%);
        left: 68%;
    }
    .t_sypt2dotli8 {
        top: calc(91.1%);
        left: 73.9%;
    }
    .t_sypt2dotli9 {
        top: calc(93.6%);
        left: 80.1%;
    }
    .t_sypt2lie {
        transform: translateZ(1001px) rotate(270deg) rotateY(180deg);
    }
    .t_topimg img {
        min-width: auto;
        min-height: auto;
        left: 0;
        top: auto;
        width: 100%;
        bottom: 0;
    }
    .t_sypt2picli .imgbox_cover {
        height: auto;
    }
    /* tammy - end */
    /* 768end */
}

@media screen and (max-width: 480px) {
    .std_title1 {
        font-size: 24px;
    }
    .d_e1bt {
        padding: 7px 22px;
    }
    .std_marginbot1 {
        margin-bottom: 20px;
    }
    .d_e1bdli {
        width: 100%;
    }
    .d_e1bdli {
        margin-bottom: 12px;
        padding: 0;
    }
    .d_e1bdul {
        margin: 0;
    }
    .d_e1bot {
        padding: 16px 25px 15px;
    }
    .d_e1bot .std_title6 {
        margin-bottom: 2px;
    }
    .d_e1pt1 {
        padding-bottom: 32px;
    }
    /* tammy - start */
    .std_title1 {
        font-size: 22px;
    }
    .t_b1pt5xon {
        width: 200% !important;
    }
    .t_b1pt5xon::after{
        right: 50%;
    }
    .t_b1year span {
        margin-left: 8px;
        font-size: 28px;
    }
    .t_b1pt1 .std_title4 p{
        font-size: 14px;
    }
    .t_b1year {
        font-size: 14px;
    }
    .t_b1pt1zi {
        font-size: 14px;
    }
    .t_b1pt2liy {
        font-size: 26px;
    }
    .t_b1pt2 .std_title1 {
        margin-bottom: 16px;
    }
    .t_b1pt2zh img {
        height: 100%;
    }
    .t_b1pt2zh {
        top: 62px;
    }
    .t_b1pt2rg {
        padding-top: 64px;
    }
    .t_b1pt2wen {
        padding-right: 40px;
    } 
    .t_b1pt2biao {
        margin-bottom: 16px;
    }
    .t_b1pt2lie {
        margin-bottom: 22px;
    }
    .t_b1pt2pic {
        width: 50%;
    }
    .t_b1pt3jin {
        font-size: 14px;
    }
    .t_b1pt3jin {
        line-height: 22px;
        width: 45px;
    }
    .t_b1pt3con {
        width: 100%;
    }
    .t_b1pt3ul .slick-prev {
        right: auto;
        left: 65.8%;
    }
    .t_b1pt3ul .slick-next, .t_b1pt3ul .slick-prev {
        top: 51px;
    }
    .t_b1pt3ul2 .slick-prev, .t_b1pt3ul2 .slick-next {
        top: -55px;
    }
    .t_b1pt3ul2 .slick-next {
        left: 90px;
    }
    .t_b1pt4shu .demo_num {
        font-size: 22px;
    }
    .t_b1pt4wli{
        margin-bottom: 10px;
    }
    .t_b1pt4w {
        bottom: 10px;
    }
    .t_b1pt4name {
        width: 100px;
        top: -50px;
    }
    .t_retop {
        bottom: 20px;
    }
    .t_fotxia{
        width: calc(100% - 48px);
    }
    .t_fotup {
        padding-top: 32px;
        margin-bottom: 32px;
    }
    .ban_li .ban_title {
        font-size: 24px;
    }
    .std_duan20 p{
        font-size: 14px;
    }
    .ban_li .ban_title {
        margin-bottom: 14px;
    }
    .ban_txtbox .std_duan20 {
        padding-bottom: 24px;
    }
    .t_banbtn .d_bottitl {
        font-size: 14px;
    }
    .ban_txtbox .t_banbtn {
        margin-top: 38px;
    }
    .t_lundian {
        bottom: 34px;
    }
    .t_sypt2ul {
        height: calc(40% - 30px);
        padding-top: 42px;
        margin-bottom: 30px;
    }
    .t_sypt2rg::before {
        border: 120px solid #fff;
    }
    .t_sypt2dotli {
        width: 120px;
    }
    .t_sypt2lie {
        width: 66px;
        height: 66px;
    }
    .t_sypt2lie .imgbox_cover {
        width: 36px;
    }
    .t_sypt3li {
        height: 170px;
    }
    .t_sypt3li {
        padding-top: 50px;
    }
    .std_font46 {
        font-size: 22px;
    }
    .t_sypt3li {
        padding-left: 10px;
    }
    .t_sypt3ul {
        margin-bottom: 40px;
    }
    .t_btnpt3zi {
        line-height: 36px;
    }
    .t_btnpt3zi {
        margin-right: 10px;
    }
    .t_btnicfu {
        padding: 0 20px;
    }
    .t_sypt4li.on {
        width: 320px;
    }
    .t_sypt4li .std_word2 {
        max-height: 73.5px;
        -webkit-line-clamp: 3;
    }
    .t_sypt4box {
        padding: 20px 0;
    }
    .t_sypt4li.slick-active.slick-current .t_sypt4xia, .t_sypt4li.on .t_sypt4xia {
        padding: 16px;
    }
    .t_sypt4xia .std_title6{
        font-size: 12px;
    }
    .slick-dots li, .t_sypt4dli {
        width: 8px;
        height: 8px;
        margin: 0 6px;
    }
    .t_sypt4li.slick-active.slick-current .std_title3, .t_sypt4li.on .std_title3 {
        font-size: 16px;
    }
    .t_sypt4li .std_title3 {
        max-height: 72px;
        -webkit-line-clamp: 3;
    }
    .t_sypt4box {
        height: 480px;
    }
    .t_sypt4li.next1 {
        transform: scale(1, 1) translate3d(340px, 0px, 0px);
    }
    .t_inpage .banner .std_title1 {
        font-size: 24px;
    }
    .d_e1bot {
        padding: 16px 20px 15px;
    }
    .d_g1pt2font {
        padding: 20px 20px;
    }
    /* .t_b1pt5xon {
        width: 200% !important;
    } */
    /* tammy - end */
    .t_sypt4li.on {
        width: calc(100% - 40px);
    }
    .t_sypt4li.next1 {
        transform: scale(1, 1) translate3d(500px, 0px, 0px);
    }
    .t_sypt4box {
        height: 524px;
    }
    .banner .t_bandots {
        bottom: 34px;
    }
    .banner .t_bandots .t_bandotli svg {
        width: 36px;
        height: 36px;
    }
    .banner .t_bandots .t_bandotli span{
        width: 36px;
        height: 36px;
    }
    .banner .t_bandots .t_bandotli svg circle{
        cx:18;
        cy:18;
        r:17;
    }
    .banner .t_bandots .t_bandotli {
        margin: 0 8px;
    }
    .t_b1pt5li {
        width: 120px;
    }
    .t_b1pt5ul {
        width: calc(120 * var(--shu-num));
    }
    .t_b1pt5li {
        padding: 0 4px;
    }
    .t_b1pt5liz {
        margin-bottom: 8px;
    }
    /* .t_sypt2rg::after {
        border: 120px solid #fff;
    } */
    .t_syjia{
        border: 120px solid #fff;
    }
    .t_sypt2picli{
        position: relative;
    }
    .t_sypt2picli::before{
        content: '';
        width: 1946px;
        height: 1946px;
        border: 120px solid #fff;
        box-shadow: 0 0 31px 3px rgb(0 0 0 / 5%);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 80px;
        z-index: 99999!important;
        border-radius: 50%;
        display: block;
    } 
    .t_sypt2rg::before,.t_sypt2rg::after{
        display: none;
    }
    .t_sypt2picli::before{
        top: -80px;
        left: calc(50% + 20px);
        transform: translateX(-50%) rotateY(180deg) rotate(-270deg); 
    }
    .t_sypt2picul{
        overflow: visible;
    }
    .t_sypt2picul .t_sypt2dots {
        top: -80px;
    }
    .t_sypt2dotli,.t_sypt2dots {
        opacity: 1!important;
    }
    .t_sypt2dots div{
        opacity:1!important;
    }
    .t_sypt2rg {
        height: calc(60vh - 38.4px);
    }
    .t_sypt3nr {
        height: 100%;
    }
    .t_sypt2dotli.on .t_sypt2lie::before{
        opacity: 1!important;
    }
    .t_sypt2lie::before{
        display: block!important;
    }
    .t_sypt2lie img:first-child {
        opacity: 1!important;
    }
    .t_sypt2dotli.on .t_sypt2lie img:nth-of-type(2) {
        opacity: 1!important;
    }
    .t_sypt2dotli.on .t_sypt2lie img:first-child {
        opacity: 0!important;
    }
    .t_sypt2dotli{
        z-index: 9999!important;
        display: block!important;
        transform: translateZ(1000px) translate(-973px,-50%);
    }
    .t_sypt2dotli div,.t_sypt2dotli img{
        position: relative;
        z-index: 9999!important;
        display: block!important;
        /* transform: translateZ(1000px); */
    }
    /* .t_sypt2box .t_sypt2lie {
        transform:  translateZ(1000px) rotate(90deg);
    } */
    .t_sypt2dotli .t_sypt2box{
        display: flex!important;
    }
    .t_sypt2dots{
        display: block!important;
        transform: translateZ(1000px)  translateX(-50%) rotateY(180deg) rotate(90deg);
    }
    .t_sypt2dots {
        pointer-events: all;
    }
    .t_sypt2rg::before, .t_sypt2dots {
        display: block;
        transform: translateZ(1000px) translateX(-50%) rotateY(180deg) rotate(90deg);
    }
    .t_sypt2dots{
        transform-origin: center center;
    }
    .t_sypt2dots {
        /* transform-origin: 51% center; */
    }
    .t_sypt2dots {
        top: 0px;
        width: 1986px;
        height: 1986px;
    }
    .t_sypt2dotli {
        transform: translateZ(1000px) translate(-993px,-50%);
    }
    .t_sypt2dots{
        transform: translateZ(1001px) translateX(-50%) rotateY(180deg) rotate(90deg);
    }
    .t_topimg {
        width: 100%;
        height: 72%;
    } 
    .t_dicode {
        width: 80px;
    }    
    .d_d2le {
        padding: 30px 30px 30px;
    }
    .d_d2letitle {
        padding-top: 12px;
        padding-bottom: 16px;
        margin-bottom: 15px;
    }
    .t_b1pt4name {
        width: 80px;
        left: 10px;
        top: -50px;
    }
    .t_topimg img {
        min-width: auto;
        min-height: auto;
        left: 0;
        top: auto;
        width: 100%;
        bottom: 0;
    }
    .t_sypt2rg {
        width: 100%;
        margin-left: 0;
    }
    .t_sypt2rg::before, .t_sypt2dots {
        margin-left: 0;
    }
    .t_sypt2li .std_font46 {
        margin-bottom: 10px;
    }
    .t_sypt2ul {
        height: calc(37% - 30px);
        padding-top: 32px;
        margin-bottom: 18px;
    }
    .t_sypt2rg {
        height: calc(63% + 30px);
    }
    .t_sypt2rg {
        height: auto;
    }
    .t_sypt2picul {
        padding-top: 0;
        bottom: 0;
        /* margin-top: -100px; */
    }
    .t_sypt2ul {
        height: 200px;
    }
    .t_lunswiper .slick-prev, .t_lunswiper .slick-next {
        width: 32px;
        height: 32px;
    }
    .t_sypt2xu {
        margin-bottom: 0;
    }
    .t_sypt2rg {
        height: calc(100% - 218px);
    }
    .t_sypt2xin{
        height: 100%;
    }
    .t_sypt2picul {
        padding-top: 30px;
        height: 100%;
    }
    .t_sypt4prev, .t_sypt4next {
        width: 32px;
    }
    .t_sypt4ul {
        padding-bottom: 0px;
    }
    .d_g1pt4bot,.std_title4{
        font-size: 14px;
    } 
    
    /* 480end */
}
@media screen and (max-width: 375px) {
    .t_sypt4box {
        height: 470px;
    }
    /* 375end */
}