@media(min-width:769px){

    html,body{overflow: hidden;height: 100%;position: relative;}

    .containter{width:100%;height:100%;position:absolute; min-width: 1200px;min-height: 500px;}
    .page{width:100%;height:100%;overflow:hidden;display:block; background-position: center; background-repeat: no-repeat;background-size: cover;}

    .page:nth-child(1){background-attachment: fixed;background-color: #004c9e;}
    .page:nth-child(3){background-color: #ffffff;}

    .foot{background-image:url("/dist/image/home/foot_bg.jpg");background-attachment: fixed;}

    .page_box{display: table;width: 100%;height: 100%;}
    .page_main{display: table-cell; vertical-align: middle;height: 100%;}


    .home_app .page_main{position: relative;top:0}
    .home_app dl{width: 1350px; margin: 0 auto;/*display: table;*/}
    .home_app dd{/*display: table-cell; */vertical-align: middle}
    .home_app dl a{color: #fff;}
    .home_app dl .tit{font-size:80px;line-height:70px;letter-spacing:5px;color: #fff;-webkit-text-stroke: 2px  rgba(0, 76, 158, 0.8);margin-bottom: 10px;font-weight: bold;text-align: center}




    .home_app ul{margin: 40px auto; max-width: 800px;position:relative;top: 100px}
    .home_app ul li{width:25%;float: left; color: #fff; }
    .home_app ul li:hover span{-webkit-animation: flip 1.1s ease-in-out 1;-moz-animation: flip 1.1s ease-in-out 1;animation: flip 1.1s ease-in-out 1;}
    .home_app ul div{width: 60%;cursor: pointer; margin: 0 auto;padding:20px;border-radius: 20px;
        background: rgba(0, 0, 0, 0.3) none;
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.7)
    }
    .home_app ul .current div
    {
        background: rgba(0, 76, 158, 0.8) none;
        -webkit-box-shadow: 0 0 20px rgba(0, 76, 158, 0.7);
        -moz-box-shadow: 0 0 20px rgba(0, 76, 158, 0.7);
        box-shadow: 0 0 20px rgba(0, 76, 158, 0.7)
    }

    .home_app ul span{display:block; margin:0 auto;position: relative;width: 100px;height: 100px;background-position: center center;background-repeat: no-repeat;}
    .home_app ul svg{margin: 30px auto;width: 40px; height: 40px;}
    .home_app ul span:before,
    .home_app ul span:after{background-position: 50% 50%;background-repeat: no-repeat;background-size: 100px 100px;content: "";position: absolute;width: 100%;height: 100%;}
    .home_app ul span:before{background-image: url("../image/bg_outer.png");-webkit-animation: turn-clockwise 9s linear infinite;-moz-animation: turn-clockwise 9s linear infinite;animation: turn-clockwise 9s linear infinite;}
    .home_app ul span:after{background-image: url("../image/bg_inner.png");-webkit-animation: turn-anticlockwise 12s linear infinite;-moz-animation: turn-anticlockwise 12s linear infinite;animation: turn-anticlockwise 12s linear infinite;}
    .home_app ul label{text-align:center; display: block;font-size:18px; margin-top:10px;letter-spacing:2px;}




    .home_news .page_main{position: relative;top: 2000px;background-image: url(/dist/image/news.png);background-repeat: no-repeat; background-position: right center}
    .home_news .column_title{margin-top: 100px;}
    .home_news .news_list{margin: 0 auto;width: 1350px;height: 480px;overflow: hidden;}
    .home_news .news_list ul{padding: 30px 0;position: relative}
    .home_news .news_list li{float: left;width:450px;height: 480px;display:inline;overflow:hidden;}
    .home_news .news_list li a{color: #333333;}
    .home_news .news_list li:hover a{color: #004c9e}
    .home_news .box{overflow: hidden;background: #f9f9f9;border-radius: 3px;}


    .home_news .news_list li:nth-child(1) .box,
    .home_news .news_list li:nth-child(4) .box,
    .home_news .news_list li:nth-child(7) .box,
    .home_news .news_list li:nth-child(10) .box{margin: 20px 20px 20px 0}
    .home_news .news_list li:nth-child(2) .box,
    .home_news .news_list li:nth-child(5) .box,
    .home_news .news_list li:nth-child(8) .box,
    .home_news .news_list li:nth-child(11) .box{margin: 20px 10px 20px 10px}
    .home_news .news_list li:nth-child(3) .box,
    .home_news .news_list li:nth-child(6) .box,
    .home_news .news_list li:nth-child(9) .box,
    .home_news .news_list li:nth-child(12) .box{margin: 20px 0 20px 20px}



    .home_news .cover{overflow:hidden;height:240px;}
    .home_news .cover span{display:block;height:100%;background-position: center center;background-repeat: no-repeat;background-size: cover;}
    .home_news .cover span:hover{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1.1);transform: scale3d(1.1,1.1,1.1);-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
    .home_news .info{padding: 20px 0;display: table;}
    .home_news .info dt{display:table-cell;vertical-align: middle;}
    .home_news .date{padding: 0 20px;border-right: 1px solid #ddd;}
    .home_news .date *{white-space: nowrap; color: #0250aa}
    .home_news .date .day{font-size: 40px;line-height: 30px; text-align: center;font-family: Impact,Arial,Sans-serif;}
    .home_news .date .year{font-size:18px;padding-top:15px;font-family: Arial, Sans-serif;font-weight: bold;}
    .home_news .text{padding:0 10px 0 20px;}
    .home_news .title{height:50px;font-size: 20px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .home_news .desc{padding-top: 10px;color:#999;font-size: 16px;height: 50px; line-height:25px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .home_news .line{height:3px;width: 0; background: #0250aa;border-radius:3px;overflow: hidden;
        webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;transition:all .6s ease;
    }
    .home_news .box:hover .line{width:100%;}
    .home_news .news_tab{padding-top:30px;}
    .home_news .news_tab div{display: table}
    .home_news .news_tab ul{float: left}
    .home_news .news_tab a,
    .home_news .news_tab li{font-family: Arial,Sans-serif;font-size:16px;float: left;height:50px;color:#0250aa;line-height:50px;width: 50px;text-align:center;display: block; margin: 10px;background: #ecf3fc;border-radius: 50px;cursor: pointer}
    .home_news .news_tab a{margin: 10px 50px;}
    .home_news .news_tab svg{margin:12px;width: 26px; height: 26px;fill: #0250aa;}
    .home_news .news_tab a:hover{background: #0250aa;}
    .home_news .news_tab a:hover svg{fill: #ffffff}
    .home_news .news_tab .current{background:#0250aa !important;color: #ffffff !important}
    .home_news .news_tab .current svg{fill: #ffffff}



    .home_about{height: 100%;background-color: #053a95;}
    .home_about .page_about_box{height: 100%;width: 1350px !important; margin:  0 auto;display: table;background-image: url("/dist/image/about_bg.png");background-repeat: no-repeat;background-position:left;background-size:600px 800px;}

    .home_about dl{width: 100%;margin-top:80px}

    .home_about dd:nth-child(1){float: left;width:640px;}
    .home_about dd:nth-child(2){float: right;width:670px}

    .home_about .tit{font-size:40px;line-height:70px;color:#fff;letter-spacing:5px;text-indent: 5px;font-weight: bold;margin-bottom: 10px}
    .home_about .content{color:#fff;line-height: 26px;font-size: 16px}

    .home_about .page_main dd:nth-child(2) .page_box{}
    .home_about svg{display: none}

    .home_about .certificate ul{display: grid;grid-template-columns: repeat(3, minmax(150px, 1fr));gap:15px;}
    .home_about .certificate li div{height: 160px;border-radius: 5px;overflow: hidden;box-shadow: 0 -2px 8px rgba(0, 0, 0, .1);border:5px solid #fff;background-color: #fff; text-align: center;cursor: pointer}
    .home_about .certificate li img{max-width: 100%;height: 100%;}
    .home_about .certificate li:hover img{transform: scale(1.2);transition: transform .5s;}


}


/*Phone*/
@media (max-width:769px){
    html,body{overflow-x: hidden;}


  .home_app{margin-top: 60px; height:200px;background-position: center;background-repeat: no-repeat;background-size: cover}
  .home_app .tit{font-size: 20px;font-weight:bold;color: #fff; height: 70px;line-height: 70px;text-align: center;}
  .home_app dd{padding: 0 20px;}
  .home_app ul{display: table;width: 100%;}
  .home_app li{display: table-cell; text-align: center;font-size: 12px;}
  .home_app li a{color: #fff;}
  .home_app li span{display:block;width: 40px;height: 40px;margin:20px auto;background-position: center;background-repeat: no-repeat;background-size: 100%}


  .home_about .tit{height: 50px;line-height: 50px;color: #fff; text-align: center;background: #0250aa;font-weight: bold;}
  .home_about svg{display: none}
  .home_about .about_desc{padding: 10px;line-height: 26px;}
  .home_about .about_num{padding:15px 10px 20px 10px;border-top: 1px solid #eee;}
  .home_about .about_num ul{display: table;width: 100%;}
  .home_about .about_num li{display: table-cell;text-align: center}
  .home_about .about_num li .num b{font-size: 18px;font-weight: bold;color: #333;}
  .home_about .about_num li .num span{font-size: 12px;color: #666;padding-left:3px}
  .home_about .about_num li .txt{color:#0250aa;font-size:14px;padding-top:5px}

  .home_about .certificate {height: 220px;overflow-y: hidden;margin: 20px;}
  /*.home_about .certificate ul::after {content: "";position: absolute;right: 20px;z-index: 50; width: 40px;height: 200px;background: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,1));background: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,1));pointer-events: none;}*/
  .home_about .certificate img{height: 200px;margin-right: 10px;}
  .home_about .certificate ul{display: table;}
  .home_about .certificate li{display: table-cell}


  .home_news .column_title{height: 50px;line-height: 50px;color: #fff; text-align: center;background: #0250aa}
  .home_news .news_tab{display: none}
  .home_news #newsList{width: unset !important;height: unset !important}
  .home_news .news_list ul{padding: 20px;width: unset !important;height: unset !important}
  .home_news .news_list li:first-child{display: block !important}
  .home_news .news_list li{margin-bottom: 20px;display: none}

  .home_news .news_list .cover{height: 200px;}
  .home_news .news_list .cover span{height: 200px;display: block;background-size: cover;}
  .home_news .news_list .date{display: none;}
  .home_news .news_list .title a{height: 35px;line-height: 35px;display: block;color: #333;overflow: hidden;font-size: 16px;
      display: -webkit-box;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
  .home_news .news_list .desc{max-height: 40px;line-height: 20px;display: block;font-size: 14px;color: #999;overflow: hidden;
      display: -webkit-box;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;-webkit-line-clamp:2;-webkit-box-orient: vertical;
  }

  .foot_box{height: unset !important}


}