@charset "utf-8";
/*@import './mixin.less';*/
.verifybox{
    position: absolute !important;
}
/* reset */
html { height: 100%;direction: rtl; }
body { min-height: 100%;color: #333;overflow-x: hidden;direction: rtl }
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 * { *cursor:pointer }
:focus { outline: none } 
*{
  box-sizing: border-box;
}
@font-face {
  font-family: 'fontM';
  src: url('/static/en/font/Roboto-Medium-12.ttf');
}
@font-face {
  font-family: 'fontR';
  src: url('/static/en/font/Roboto-Regular-14.ttf');
}
@font-face {
  font-family: 'fontB';
  src: url('/static/en/font/Alibaba-PuHuiTi-Bold.otf');
}
body{
  font-family: 'fontR';
}
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;
}
.banner{
  position: relative;
  color: #fff;
  margin-top: 90px;
  overflow: hidden;
}
.banner>img{
  width: 100%;
}
.banner .txt{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.banner .tit{
  font-family: 'fontM';
}

.crumbs{
  margin-top: 40px;
  color: #666666;
      white-space: nowrap;
}
.crumbs .flx div{
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;    
    white-space: break-spaces;
}
.crumbs img{
  margin-right: 6px;
}
.crumbs .flx{
  display: flex;
  align-items: center;
}
.crumbs a{
  color: #666666;
  transition: all 0.5s;
      white-space: nowrap;
}
.crumbs a:hover{
  color: #6BA23E;
}
.crumbs span{
  margin: 0 5px;
}
.common_more{
  display: flex;
  width: 180px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 50px;
  position: relative;
  overflow: hidden;
}
.common_more span{
    position: relative;
    z-index: 2;
}
.common_more:after{
    background: linear-gradient( 90deg, #7CA84B 0%, #458031 19%, #447F31 57%, #7CA84B 100%);
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.5s;
}
.common_more:hover:after{
    width: 200%;
}
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;
}
.w1600{
  width: 1600px;
  margin: auto;
}
@media screen and (max-width: 1600px){
  .w1440{width: 80%;}
  .w1600{
      width: 80%;
  }
  .crumbs{
        margin-top: 20px;
  }
}
@media screen and (max-width: 1200px){
  .w1440{width: 90%;}
  .banner{
    margin-top: 60px;
  }
}
@media screen and (max-width: 1150px){

}
@media screen and (max-width: 500px){
  .banner>img {
      height: 240px;
    width: auto;
  }
}