@charset "utf-8";
/*@import './mixin.less';*/

/* reset */
html { height: 100%; }
body { min-height: 100%;color: #333;font-family: "Noto Sans SC", "Microsoft Yahei", "微软雅黑", "Arial"; }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption {*zoom:1}
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: inherit; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;margin:0; }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body { line-height: 1.5 }
a:link,
a:visited,
a:active,
a { text-decoration: none;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor:pointer }
:focus { outline: none } 
*{
  box-sizing: border-box;
}

img{
  -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    border:0;
    display: inline-block;
}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #3a4645;opacity: .5}
input:-moz-placeholder, textarea:-moz-placeholder {color: #3a4645;opacity: .5}
input::-moz-placeholder, textarea::-moz-placeholder {color: #3a4645;opacity: .5}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #3a4645;opacity: .5}


.w1440{
  width: 1440px;
  margin: auto;
}
.bread{
  line-height: 1;
}
.bread .bread_l{
  display: flex;
  align-items: center;
  height: 70px;
}
.first_bread{
  display: flex;
}
.bread svg{
  margin: 0 14px;
}
.bread a{
    color: #989898;
    transition:all 0.5s;
}
.bread a[href]:hover{
    color: #2b68bf;
}
.bread_act{
  color: #2b68bf;
}
.banner{
    overflow: hidden;
}
.banner>img{
  width: 100%;
}

.vio_task{
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  display: none;
  z-index: 99;
  background: rgba(0,0,0,0.9);
}
.vio_flx{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
#vio{
  max-width: 60%;
  max-height: 70%;
}
.vio_close{
  margin-top: 20px;
  cursor: pointer;
  transition: all .5s;
}
.btn{
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: #E2E2E2;
  transition: all .5s;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.btn:hover{
  background: #2B69BF;
}
.btn.swiper-button-disabled{
  opacity: 0.4;
}
.btn.swiper-button-disabled:hover{
    cursor: inherit;
    background: #E2E2E2;
}
@media screen and (max-width: 1600px){
  .w1440{width: 80%;}
}
@media screen and (max-width: 1200px){
  .w1440{width: 90%;}
}
@media screen and (max-width: 900px){
  .bread{
    margin-top: 60px;
  }
}
@media screen and (max-width: 600px){
  .bread .bread_l{
    height: 50px;
    font-size: 10px;
  }
  
  #vio{
    max-width: 90%;
    max-height: 60%;
  }
  .bread svg {
    margin: 0 6px;
}
.banner>img{
    height: 300px;
    width: auto;
}

}