@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; display: table;margin: 0 auto}
    .home_app dd{display: table-cell; vertical-align: middle}
    .home_app dl a{color: #fff;}
    .home_app dl .tit{width:50px;font-size:50px;line-height:70px;letter-spacing:5px;color: #ffffff;margin-bottom: 10px;font-weight: bold}



    .home_app ul{margin: 40px auto; max-width: 1350px;}
    .home_app ul li{width:25%;float: left; color: #fff;}
    .home_app ul li:hover span{-webkit-animation: flip 1.2s ease-in-out 1;-moz-animation: flip 1.2s ease-in-out 1;animation: flip 1.2s ease-in-out 1;}
    .home_app ul div{width: 85%;cursor: pointer; padding:90px 0;margin: 0 auto}
    .home_app ul .current div
    {
        background: rgba(0, 76, 158, 0.6) 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:28px; margin-top: 30px;letter-spacing: 5px;}


    .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 dl{height: 100%;background-position:left bottom;background-repeat: no-repeat;}
    .home_about dd:nth-child(1){background-image:url("/dist/image/home/bg_about_1.jpg");background-position: right top;background-size: cover;}
    .home_about dd:nth-child(2){background-image:url("/dist/image/home/bg_about_2.jpg");background-position: left top;background-size: cover;}
    .home_about dd{float: left;height: 100%;display:block;overflow:hidden;width: 25%;cursor: pointer;-webkit-transition: width 0.3s linear;transition: width 0.3s linear;}
    .home_about dd.hover{width: 75% !important;}

    .home_about dd:nth-child(1) .box{float: right}
    .home_about dd:nth-child(1) .tit{text-align: right;}
    .home_about .box{padding: 100px;color: #fff;max-width: 1000px;}
    .home_about .tit{font-size:40px;line-height:70px;letter-spacing:5px;text-indent: 5px;font-weight: bold}
    .home_about .content{height: 480px; }
    .home_about .content .info{display: none;}


    .home_about .content .view {display: block;width: 200px; text-align: center; padding-top: 150px;}
    .home_about .content .view svg{width:120px; height:120px; fill: #ffffff;}
    .home_about dd:hover svg{
        -webkit-animation: flash 3s ease-in-out infinite;
        -moz-animation: flash 3s ease-in-out infinite;
        animation: flash 3s ease-in-out infinite;
    }

    .home_about dd.hover .content .info{display: block;width: 1000px;padding-top: 40px;
        -webkit-animation: fadeInUpBig 0.6s ease-in-out 1;-moz-animation: fadeInUpBig 0.6s ease-in-out 1;animation: fadeInUpBig 0.6s ease-in-out 1;
    }
    .home_about dd.hover .content .view{display: none;}

    .home_about .about_desc {font-size: 18px;line-height:40px;padding-bottom:30px}


    .home_about .about_num li{ float:left; display:block;position:relative; top:0;min-width: 200px; text-align: center}
    .home_about .about_num .num b{font-size: 40px;font-family: Impact,Arial,Sans-serif;margin-right: 10px}
    .home_about .about_num .txt{ line-height:40px; font-size: 14px;}


    .home_about #certificate{margin:0 auto;position:relative;height:450px;overflow: hidden;z-index: 10;}
    .home_about #certificateList{width:1000px;margin:200px auto;}
    .home_about .certificate_pic{overflow:hidden;position:relative;background:#fff;padding:20px 30px;border:5px solid;border-image:linear-gradient(to bottom,#cdb48b, #614627);border-image-slice: 1}
    .home_about .certificate_pic img{width:100%;height:100%;}
    .home_about .roundabout-moveable-item{width:350px;height:200px;}

}


/*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}


}