.page1{background:#fff;transition:all 1s;}
.page1_on{background:#103839;}
.page1_box{width:1600px;margin:0 auto;display:flex;justify-content:space-between;}
.page1_img{width:25%;}
.page1_main_img{width:100%}
.page1_doc{width:100%;border-radius:100%;overflow:hidden;}
.sign{width:200px;display:block;margin:0 auto;margin-top:30px;}
.page1 h1{transition:all .5s;}
.page1 h1 span{display:block;margin-bottom:0px;font-size:16px;transition:all .5s;}
.page1_txt{width:40%;}
.page1_txt img{display:block;width:300px;margin:0 auto;margin-top:40px;}
.page1_txt p{color:#555;margin-top:15px;transition:all .5s;}
.page1_on h1 span{color:#5abb81}
.page1_on h1{color:#fff;}
.page1_on p{color:#fff;opacity:0.7;}
.page1_on .sign{filter:invert(1) brightness(10);}
.m_page1_img{display:none;}
@media screen and ( max-width:1600px){
  .page1_box{width:90%;}
}

@media screen and ( max-width:860px){
  .page1_box{display:block;}
  .m_page1_img{display:flex;justify-content:space-between;margin-bottom:30px;}
  .m_page1_img img{width:48%}
  .page1_img{display:none;}
  .page1_txt{width:100%;}
  .page1 h1 span{font-size:12px;}
  
}