.s_title{background: url(/img/main/s_title.png); background-repeat: no-repeat; background-position: left;}

/*header*/
#header {position: fixed;top:0;left: 0;width: 100%;z-index:99;transition: All .5s ease;}
#header .container{display: flex;flex-wrap: wrap;justify-content: space-between;position:relative}
#header .login{margin: 30px 0;}
#header .login li a{color: #fff; width: 130px; height: 60px; background-color: #224bb7; display: block; line-height: 60px; text-align: center; border-radius: 10px; margin-left: 2rem;}
#header .logo {width: 20%;text-align: center;display: flex;align-items: center; justify-content: start;}
#header.on{background-color: rgba(34, 75, 183, .9);}
#header.on .login li a{color: #224bb7; background-color: #fff;}

#main{background: #fff;}

/*main_s*/
.main_s{background: url(/img/main/main_bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_s::after{display: block; content: ''; height: 100%; width: 50%; background-color: rgba(34, 75, 183, .9); position: absolute; top: 0; left: 0; z-index: 1}
.main_s .title{z-index: 2; width: 50%}
.main_s .title_d{display: inline-block; }
.main_s .main_txt{position: absolute; top: 50%; left: 76%; transform: translate(-50%, -50%);}
/*cont01*/
.cont01{background: url(/img/main/cont01_bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
/*cont02*/
.cont02 .t_wrap{width: 100%}
.cont02 .t_wrap table{width: 100%; border-collapse: collapse;}
.cont02 .t_wrap table thead th{padding: 20px 0;}
.cont02 .t_wrap table thead th:nth-child(1),.cont02 .t_wrap table thead th:nth-child(3){width: 45%;}
.cont02 .t_wrap table thead th:nth-child(2){width: 15%; padding: 0;}
.cont02 .t_wrap table thead tr{border-bottom: 0}
.cont02 .t_wrap table tr{border-bottom: 1px solid #d2e6ee}
.cont02 .t_wrap table tr td{padding: 30px 0;}
/*cont03*/
.cont03{background-color: #f9fbfc;}
/*cont04*/
.cont04{background: url(/img/main/cont04_bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;}
.cont04 .hunter{display: inline-block;}
.cont04 .hunter::after{display: block; content: ''; background: url(/img/main/hunter.png); background-repeat: no-repeat; background-position: center; background-size: 100%; width: 100%; height: 14px;}
/*cont05*/
.cont05{background-color: #f9fbfc; background-image: url(/img/main/cont05_bg.png); background-repeat: no-repeat; background-position: right;}
.cont05 .m_txt span.highlight{display: inline; box-shadow: inset 0 -25px 0 #cafeff;}
/*cont06*/
.cont06 .flex-wrap{justify-content: space-around}
/*cont07*/
.cont07 .btn .box{border-radius: 10px; display: block;}
.cont07 .btn .box a .timg{width: 20%;}
.cont07 .btn .box a .txt{width: 70%;}
.cont07 .btn .box a .bimg{width: 20%; margin-top: 5px;}
.cont07 .btn .box .wrap{align-items: center;}
/*footer*/
#footer{background: #30383f}
#footer .container{display: flex;flex-wrap: wrap;justify-content: space-between;position:relative}

@media(max-width: 1440px){
  /*cont02*/
  .cont02 .t_wrap{overflow-x:scroll; }
  .cont02 .t_wrap table{width: 1440px;}
  .cont02 .scroll{text-align: right;}
  /*cont05*/
  .cont05{background-image: none;}

}
@media(max-width: 990px){
  /*main_s*/
 .main_s{padding: 180px 0;}
 .main_s::after{width: 100%; background-color: rgba(0, 0, 0, .5);}
 .main_s .title{width: 100%; text-align: center;}
 .main_s .main_txt{z-index: 3;position: relative; top: auto; left: auto; transform: none; margin-top: 7rem}
 .main_s .s_txt{display: flex; justify-content: center}
 /*header*/
 #header .login{display: none;}
 #header .login.on{display: block; width: 100%; height: 100%;}
 #header.h_on{background-color: #224bb7; height: 100%;}
 #header.h_on .login li a{background-color: rgba(255,255,255,0); color: #fff; text-align: left; font-size: 1.375rem;}
 #header.h_on .menu_btn{display: none !important;}
 #header .menu_close{display: none !important;}
 #header.h_on .menu_close{display: block !important;}
}
@media(max-width: 768px){
  #header .logo {width: 30%;}
  /*main_s*/
   .main_s .container{padding-top: 0;}
  /*cont01*/
  .cont01{background: url(/img/main/cont01_bgm.jpg); background-position: center bottom; background-size: cover;}
  /*cont06*/
  .cont06 .flex-between{flex-direction: column;}
  .cont06 .box{display: flex; width: 100%; align-items: center;}
  .cont06 .box .pro_img{width: 50%}
  .cont06 .box .txt{width: 50%; margin-top: 0; margin-bottom: 0; }
  .cont06 .box .txt p{text-align: left; padding-left: 5%}
  .cont06 .arrow{padding-top: 0; transform: rotate(90deg); padding: 3rem 0; width: 100%; margin-left: -25%; padding-left: 0; padding-right: 0}
  .cont06 .arrow img{display: inline-block; text-align: left;}

  /*cont07*/
  .cont07 .btn .box a .txt{width: 85%; padding-left: 0}
  .cont07 .btn .box a .txt .font-20{font-size: 3rem; margin-top: 0}
  .cont07 .btn .box a .bimg{width: 15%}
  .cont07 .btn .box a .bimg img{max-width: 60%;}

  /*footer*/
  #footer .container{}
  #footer .left_info{order: 2}
  #footer .right_info{order: 1}
  #footer .info span.ceo{margin-left: 3.125rem}
  #footer .info span{margin-left: 0}

}
@media(max-width: 650px){
  /*cont06*/
  .cont06 .box .pro_img{width: 40%}
  .cont06 .box .txt{width: 60%;}
  .cont06 .arrow{margin-left: -30%;}

  /*cont07*/
 .cont07 .btn .box a .txt .font-20{font-size: 2.5rem;}
}

@media(max-width: 450px){
  /*cont07*/
 .cont07 .btn .box a .txt .font-20{font-size: 2rem;}
}