@media screen and (max-width: 1200px) {
    .main {
        width:100%;
        min-height: 200px;
        background: url(../images/main_bg.jpg) no-repeat;
        background-size: 100%;
    }
    .jiaozhao_container {
        width:100vw;
    }
    .area_1 {
        width:100vw;
        height:calc(522vw / var(--viewwidth))
    }
    .top_title {
      width:calc(522vw / var(--viewwidth));
      height:calc(73vw / var(--viewwidth));

      line-height:calc(40vw / var(--viewwidth));
      background-size:100%;
      font-size:calc(40vw / var(--viewwidth));
      padding-top:calc(12vw / var(--viewwidth))
  
    }
    .area_1_2 img {
        width:calc(552vw / var(--viewwidth))
    }
    .area_1_3 img {
        width:calc(1035vw / var(--viewwidth))
    }
    .area_box {
        width:100vw;
        padding:calc(17vw / var(--viewwidth));
        min-height: calc(200vw / var(--viewwidth));
        border-radius: calc(20vw / var(--viewwidth));
    }
    .area_box_inter {
        width:calc(1166vw / var(--viewwidth));
        padding:calc(10vw / var(--viewwidth));
        min-height: calc(200vw / var(--viewwidth));
        border-radius: calc(20vw / var(--viewwidth));

    }
    .area_title {
        width:calc(600vw / var(--viewwidth));
        height:calc(78vw / var(--viewwidth));
       
        font-size:calc(44vw / var(--viewwidth));
        background-size: calc(600vw / var(--viewwidth));
        
    }
    .area_content {
    
        width:calc(1136vw / var(--viewwidth));
        min-height: calc(300vw / var(--viewwidth));
        border-radius: calc(20vw / var(--viewwidth));
    
        padding-left:calc(30vw / var(--viewwidth));
        padding-right:calc(30vw / var(--viewwidth));
        padding-top:calc(16vw / var(--viewwidth));
        padding-bottom:calc(16vw / var(--viewwidth))
    }
    .area_2_1 {
        width:calc(1050vw / var(--viewwidth));
        height:calc(178vw / var(--viewwidth));
        display: grid;
        grid-template-columns:  1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }
    .area_2_item {
       display: flex;
       align-items: center;
    }
    .area_2_item_1 {
   
        border:calc(1vw / var(--viewwidth)) solid #ffca90;
        border-radius: calc(20vw / var(--viewwidth));

        width:calc(344vw / var(--viewwidth));
        height:calc(62vw / var(--viewwidth));
        padding-left:calc(20vw / var(--viewwidth));
        font-size:calc(26vw / var(--viewwidth));
    
     }
     .area_2_item_1_number {
        color:#fb503a;
        font-style: italic;
     }
     .area_2_2 {
        width:calc(1050vw / var(--viewwidth));
        height:calc(89vw / var(--viewwidth));
        display: grid;
        grid-template-columns:  1fr 1fr;
     }
     .area_2_item_2 {

        border:calc(1vw / var(--viewwidth)) solid #ffca90;
        border-radius: calc(20vw / var(--viewwidth));

        width:calc(510vw / var(--viewwidth));
        height:calc(62vw / var(--viewwidth));
        padding-left:calc(20vw / var(--viewwidth));
        font-size:calc(26vw / var(--viewwidth));

     }
     .area_bottom {
        width:calc(1200vw / var(--viewwidth));
        height:calc(60vw / var(--viewwidth));
        line-height:calc(60vw / var(--viewwidth));
        background-size: calc(1200vw / var(--viewwidth));
     }

     .area_margin {
        margin: auto;
        width:calc(1200vw / var(--viewwidth));
        height:calc(12vw / var(--viewwidth));
        line-height: calc(12vw / var(--viewwidth));
     }
     .area_3_1 {
    
        width:calc(1076vw / var(--viewwidth));
        height:calc(1361vw / var(--viewwidth));
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
     
    }
    .area_3_1_left {
        justify-content: center;
    }
    .yuyue {
        width: calc(1050vw / var(--viewwidth));
        height: calc(711vw / var(--viewwidth));
        border: calc(1vw / var(--viewwidth)) solid #ffcb91;
        border-radius: calc(20vw / var(--viewwidth));
        padding: calc(30vw / var(--viewwidth));
        grid-template-rows: 252fr 56fr;
    }
    .area_3_1_right {
        justify-content: center;
        padding-top: calc(20vw / var(--viewwidth));
    }
    .saoma {
        width:calc(1040vw / var(--viewwidth));
        height:calc(620vw / var(--viewwidth));

        border:calc(1vw / var(--viewwidth)) solid #ffcb91;
        border-radius: calc(20vw / var(--viewwidth));

        padding:calc(30vw / var(--viewwidth));
        grid-template-rows: 252fr 70fr;
    }
    .yuyue_2 img {
        width:calc(780vw / var(--viewwidth));
    }
    .saoma_2 img {
       width:calc(780vw / var(--viewwidth))
    }
    .qr_code img {
        width:calc(248vw / var(--viewwidth));
        height:calc(248vw / var(--viewwidth))
    }
    .saoma_1_left_1 {
        font-size: calc(30vw / var(--viewwidth));
        padding-top: calc(22vw / var(--viewwidth));
    }
    .saoma_1_left_2 {
        font-size: calc(32vw / var(--viewwidth));
    }
    .saoma_1_right {
        padding-left: calc(32vw / var(--viewwidth));
        font-size: calc(34vw / var(--viewwidth));
    }
    .table_area {
        width:calc(1076vw / var(--viewwidth));
        border-radius: calc(20vw / var(--viewwidth));
        border:calc(1vw / var(--viewwidth)) solid #ffc78b;
        min-height: calc(200vw / var(--viewwidth)) solid #ffc78b;;
    }
    .table {
        width:calc(1076vw / var(--viewwidth));  
    }
    table tr th {
        font-size: calc(24vw / var(--viewwidth));
    }
    .table td {

        border:calc(1vw / var(--viewwidth)) solid #ffc78b;
        font-size:calc(22vw / var(--viewwidth))
    }
    .table th,td{
        height:calc(60vw / var(--viewwidth));
    }
    .rowtd {
      height:calc(240vw / var(--viewwidth))
    }
    .rowtd_2 img {
        width: calc(187vw / var(--viewwidth));
        height:calc(47vw / var(--viewwidth))
    }
    .qr_area {
        width:calc(150vw / var(--viewwidth));
        height:calc(150vw / var(--viewwidth));
        border-radius: calc(10vw / var(--viewwidth));
    }
    .qr_area img {
      width:calc(150vw / var(--viewwidth));
      height:calc(150vw / var(--viewwidth));
    }
    .area_5_1 {
        width:calc(1076vw / var(--viewwidth));
        height:calc(380vw / var(--viewwidth));

    }
    .area_5_1_item {
        width: calc(336vw / var(--viewwidth));
        height:calc(380vw / var(--viewwidth));
        border-radius: calc(20vw / var(--viewwidth));
        border:calc(1vw / var(--viewwidth)) solid #ffc78b;
        padding-top:calc(20vw / var(--viewwidth));
    }
    .area_5_1_item_1 {
        width:calc(294vw / var(--viewwidth));
        height: calc(193vw / var(--viewwidth));
        border-radius: calc(20vw / var(--viewwidth));
    }
    .area_5_1_item_1 img {
      width:calc(294vw / var(--viewwidth));
      height: calc(193vw / var(--viewwidth))
    }
    .area_5_1_item_2 {
        font-size:calc(20vw / var(--viewwidth));
        padding-top:calc(16vw / var(--viewwidth));
        line-height: 1.2;
    }
    .area_5_1_item_3 {
        font-size:calc(24vw / var(--viewwidth));
        line-height: 1.2;
    }
    .area_5_1_item_4 {
        padding-top: calc(20vw / var(--viewwidth));
    }
    .area_5_1_item_4 a img {
      width:calc(235vw / var(--viewwidth));
      height:calc(46vw / var(--viewwidth))
    }
    .area_6_1 {
        width:calc(1076vw / var(--viewwidth));
        height:calc(301vw / var(--viewwidth));
    }
    .online_server {
        width:calc(315vw / var(--viewwidth));
        height:calc(262vw / var(--viewwidth));
    }
    .zixun_link {
        width:calc(456vw / var(--viewwidth));
        height:calc(184vw / var(--viewwidth));
    }
    .link_box {
        width:calc(198vw / var(--viewwidth));
        height:calc(70vw / var(--viewwidth));
        border-radius: calc(10vw / var(--viewwidth));
        font-size:calc(26vw / var(--viewwidth));
    }
    .link_box a {
        font-size:calc(26vw / var(--viewwidth));
    }
    .area_6_1_qr {
        width:calc(240vw / var(--viewwidth));
        height:calc(248vw / var(--viewwidth));
    }
    .qr_img {
        width:calc(198vw / var(--viewwidth));
        height:calc(198vw / var(--viewwidth));
        border-radius: calc(10vw / var(--viewwidth));
    }
    .qr_img img {
        width:calc(188vw / var(--viewwidth));
        height:calc(188vw / var(--viewwidth))
    }
    .area_6_1_qr_2 {
    
        font-size: calc(26vw / var(--viewwidth));

    }
}