/*簡介定位*/
.Introduction-phone{
	position: absolute;
  background-color: white;
  z-index: 1;
  top:-10vw;
}

/*
#forth:target,#forth_1:target,#forth_2:target,#forth_3:target,#forth_4:target,#forth_5:target,#forth_6:target,#forth_7:target,#forth_8:target,#forth_9:target,#forth_10:target {
 padding-top: 100px;
 margin-top: -100px;
}*/
#tab_1,#tab_2,#tab_3,#tab_4,#tab_5,#tab_6,#tab_7,#tab_8,#tab_9,#tab_10{
  color: #1b1b1d;
  text-decoration: none;
  padding-top: 100px;
	 margin-top: -100px;
}

/*控制播放按鈕*/
.click-button{
  position:relative;
}
.click-button::after{
  position:absolute;
  content:"▶";
  display:flex;
  align-items:center;
  justify-content:center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(2.5rem, 2rem + 2.5vw, 5rem);
  height: clamp(2.5rem, 2rem + 2.5vw, 5rem);
  background-color: #283265;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0px 0px 5px 1px black;
  transition: all 0.3s ease;
  color:white;
  font-size:33px;
}

.click-button:hover::after {
   transform: translate(-50%, -50%) scale(1.1);
  	font-size:36px;
}


/*可视化链接竖图*/
.st_visual_link {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    height: clamp(15.625rem, 10.417rem + 17.36vw, 31.25rem);
    box-sizing: border-box;
    overflow: hidden;
}

.st_visual_link_img {
    width: 45%;
    height: 100%;
    background-color: #4c4c4c;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.st_visual_link_txt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 55%;
    height: 100%;
    box-sizing:border-box;
    background-color: #efefef;
    padding: clamp(0.313rem, -0.25rem + 2.81vw, 3.125rem);
    text-align:left;
}

.st_visual_link_img a {
    width: 100%;
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.st_visual_link_img_background {
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.st_visual_link_txt>a>h3 {
    font-family: OPPOSans-B;
    font-size: clamp(1.25rem, 1.042rem + 0.69vw, 1.875rem);
    font-weight: 600;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: 0px;
    color: #333333;
    text-align: left;
    text-decoration: none;
}

.st_visual_link_txt>p {
    font-family: OPPOSans-M;
    font-size: clamp(0.938rem, 0.729rem + 0.69vw, 1.563rem);
    font-weight: 650;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: 0px;
    color: #333333;
    /*padding-top: clamp(0.313rem, -0.25rem + 2.81vw, 3.125rem);
    padding-bottom: clamp(0.313rem, -0.25rem + 2.81vw, 3.125rem);*/
}

.st_visual_link_txt_buttun {
    display: flex;
    justify-content: center;
    align-items: center;
    width: clamp(8.125rem, 4.777rem + 11.64vw, 18.75rem);
    height: clamp(2.125rem, 1.318rem + 2.81vw, 4.688rem);
    background-color: #283265;
    border-radius: 10px;
    font-family: OPPOSans-B;
    font-size: clamp(1rem, 0.665rem + 1.16vw, 2.063rem);
    font-weight: 750;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: 0px;
    color: white;
    text-decoration: none;
}

@media (max-width:500px) {
    .st_visual_link {
        display: block;
        width: 100%;
        height: auto;
    }

    .st_visual_link_img {
        width: 100%;
        height: 400px;
    }

    .st_visual_link_txt {
        width: 100%;
        height: auto;
    }

    .st_visual_link_img a {
        height: 100%;
    }

    .st_visual_link_img_background {
        height: 100%;
        width: 100%;
    }
    
    .st_visual_link_txt>p{
        padding-top: clamp(0.313rem, -0.25rem + 2.81vw, 3.125rem);
        padding-bottom: clamp(0.313rem, -0.25rem + 2.81vw, 3.125rem);
    }
}

/*可视化链接横图*/
        .visual_link {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 10px;
            height: clamp(15.625rem, 10.417rem + 17.36vw, 31.25rem);
            box-sizing: border-box;
            overflow: hidden;
        }

        .visual_link_img {
            width: 45%;
            height: 100%;
            background-color: #4c4c4c;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        .visual_link_txt {
            display:flex;
            flex-direction: column;
            justify-content: space-between;
            width: 55%;
            height: 100%;
            box-sizing: border-box;
            background-color: #efefef;
            padding: clamp(0.313rem, -0.25rem + 2.81vw, 3.125rem);
            text-align: left;
        }

        .visual_link_img a {
            width: 100%;
            height: 80%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .visual_link_img_background {
            width: 100%;
            height: 80%;
            background-size: auto 100%;
            background-repeat: no-repeat;
            background-position: center;
        }

        .visual_link_txt>a>h3{
            font-family: OPPOSans-B;
            font-size: clamp(1.25rem, 1.042rem + 0.69vw, 1.875rem);
            font-weight: 600;
            font-stretch: normal;
            line-height: 1.3;
            letter-spacing: 0px;
            color: #333333;
            text-align: left;
            text-decoration: none;
        }


        .visual_link_txt>p {
            font-family: OPPOSans-M;
            font-size: clamp(0.938rem, 0.729rem + 0.69vw, 1.563rem);
            font-weight: 650;
            font-stretch: normal;
            line-height: 1.3;
            letter-spacing: 0px;
            color: #333333;
            /*padding-top:clamp(0.313rem, -0.25rem + 2.81vw, 3.125rem);
            padding-bottom: clamp(0.313rem, -0.25rem + 2.81vw, 3.125rem)*/;
        }

        .visual_link_txt_buttun {
            display: flex;
            justify-content: center;
            align-items: center;
            width: clamp(8.125rem, 4.777rem + 11.64vw, 18.75rem);
            height: clamp(2.125rem, 1.318rem + 2.81vw, 4.688rem);
            background-color: #283265;
            border-radius: 10px;
            font-family: OPPOSans-B;
            font-size: clamp(1rem, 0.665rem + 1.16vw, 2.063rem);
            font-weight: 750;
            font-stretch: normal;
            line-height: 1.3;
            letter-spacing: 0px;
            color: white;
            text-decoration: none;
        }

        @media (max-width:500px) {
            .visual_link {
                display: block;
                width:100%;
                height: auto;
                
            }

            .visual_link_img {
                width:100%;
                height:200px;
            }
          
            .visual_link_txt {
                width: 100%;
                height: auto;
            }
            
            .visual_link_img a {
                height: 100%;
            }
            .visual_link_img_background{
                height:100%;
                width:100%;
            }
            .visual_link_txt>p{
                padding-top: clamp(0.313rem, -0.25rem + 2.81vw, 3.125rem);
                padding-bottom: clamp(0.313rem, -0.25rem + 2.81vw, 3.125rem);
            }
        }