/*================== 
 * @authors Adrian 
 * @date    2015-08-07 12:40:20
 * @version SanXiang Core Stylesheet
 ===================*/
/*============ common css =============*/
.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.clearfix {
  *zoom: 1; }
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } 
/*============ mixin =============*/
.col-link-aboutus .col-link-mask, .col-link-showcase .col-link-mask, .col-link-industry .col-link-mask, .col-link-blank .col-link-mask, .idxmid, .col-news .col-news-title, .col-news-scroll-wrap a.news-scroll-item, .nav-out > li.spec {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.col-news .col-news-title, .col-news-scroll-wrap a.news-scroll-item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }


.head {

  line-height: 73px;
  border-bottom: 4px solid #e9e9e9;
  font-size: 14px;
  position: relative;
  z-index: 10000; }
  @media screen and (min-width: 640px) and (max-width: 920px) {
    .head {
      height: 60px;
      line-height: 60px;
      border-bottom-width: 3px; } }
  @media screen and (min-width: 320px) and (max-width: 639px) {
    .head {
      height: 48px;
      line-height: 48px;
      border-bottom-width: 2px; } }

.logo {
  float: left;

  font-size: 0px; }
  @media screen and (min-width: 640px) and (max-width: 920px) {
    .logo {
      margin-top: 12px; } }
  @media screen and (min-width: 320px) and (max-width: 639px) {
    .logo {
      margin-top: 8px; } }
  .logo img {

    float: left; }
    @media screen and (min-width: 640px) and (max-width: 920px) {
      .logo img {
        height: 36px; } }
    @media screen and (min-width: 320px) and (max-width: 639px) {
      .logo img {
        height: 32px; } }

.nav-out {
  float: right;
  display: none; }
  @media screen and (max-width: 920px) {
    .nav-out {
      width: 100%;
      position: absolute;
      top: 77px;
      left: 0;
      background: transparent url("../img/bg-mb-menu.png") repeat;
      padding-bottom: 20px; } }
  @media screen and (min-width: 640px) and (max-width: 920px) {
    .nav-out {
      top: 60px; } }
  @media screen and (min-width: 320px) and (max-width: 639px) {
    .nav-out {
      top: 48px; } }
  .nav-out > li {
    float: left;
    position: relative; }
    @media screen and (max-width: 920px) {
      .nav-out > li {
        width: 100%;
        height: auto;
        border-bottom: 2px solid #fff;
        min-height: 40px; } }
    .nav-out > li > a {
      display: block;
      color: #826231;
      position: relative;
      overflow: hidden; }
      @media screen and (max-width: 920px) {
        .nav-out > li > a {
          width: 100%;
          text-align: center;
          color: #fff;
          line-height: 40px; } }
      .nav-out > li > a span {
        display: block;
        padding: 0 10px;
        position: relative;
        z-index: 10; }
        @media screen and (min-width: 1121px) {
          .nav-out > li > a span {
            padding: 0 10px; } }
        @media screen and (min-width: 921px) and (max-width: 1120px) {
          .nav-out > li > a span {
            padding: 0 6px; } }
      .nav-out > li > a .nav-item-bg {
        position: absolute;
        left: 0;
        top: 73px;
        background-color: #0065b3;
        z-index: 9;
        width: 100%;
        height: 100%;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s; }
  .nav-out > li.active .nav-item-bg {
    top: 0px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s; }
  .nav-out > li.active > a {
    color: #fff; }

.nav-inner {
  width: 1120px;
  display: none;
  position: absolute;
  top: 73px;
  left: 0; }
  @media screen and (max-width: 920px) {
    .nav-inner {
      position: static;
      background-color: #a78a5e;
      width: 100%; } }
  @media screen and (min-width: 921px) {
    .nav-inner {
      width: 180px;
      border-top: 4px solid #e9e9e9;
      background: url("../img/bg_40.png") repeat;
      border-bottom: 2px solid #0065b3; } }
  @media screen and (max-width: 920px) {
    .nav-inner > li {
      width: 100%;
      border-top: 2px solid #fff;
      float: left; } }
  .nav-inner > li > a {
    display: block;
    color: #826231;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s; }
    @media screen and (max-width: 920px) {
      .nav-inner > li > a {
        color: #fff;
        text-align: center;
        line-height: 50px; } }
    @media screen and (min-width: 921px) {
      .nav-inner > li > a {
        text-indent: 10px;
        line-height: 35px; } }
  .nav-inner > li > a:hover {
    background-color: #d9d9d9;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s; }

.lang-btn {
  float: right;
  border-right: 1px solid #e8e8e8;
  color: #000; }

.layer-transparent {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 99;
  display: none;
  background: url("../img/bg_41.png") repeat;
   }

.search-layer.active {
  position: fixed;
  left: 50%;
  top: 20px;
  padding: 20px;
  background-color: #fff;
  z-index: 29; }

.search-wrap {
  float: right;
  border-left: 1px solid #e8e8e8;
  position: relative;
  padding-left: 10px; }
  @media screen and (max-width: 1120px) {
    .search-wrap {
      padding-left: 2px; } }
  @media screen and (max-width: 920px) {
    .search-wrap {
      border: none;
      margin: 6px auto 0;
      padding: 0;
      width: 90%;
      float: none; } }

.search-btn {
  cursor: pointer;
  width: 40px;
  background: transparent url("../img/ico-search.png") center center no-repeat;
  border: none;
  height: 40px;
  position: absolute;
  z-index: 2;
  left: 10px;
  top: 17px; }
  @media screen and (max-width: 1120px) {
    .search-btn {
      left: 6px; } }
  @media screen and (max-width: 920px) {
    .search-btn {
      left: 0px;
      top: 4px;
      z-index: 3; } }

.search-ipt {
  width: 40px;
  border: none;
  height: 40px;
  position: relative;
  z-index: 3;
  margin-top: 17px;
  background: transparent; }
  @media screen and (max-width: 920px) {
    .search-ipt {
      width: 100%;
      padding-left: 40px;
      z-index: 2;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; } }

.nav-toggle-btn {
  display: none; }
  @media screen and (max-width: 920px) {
    .nav-toggle-btn {
      display: block;
      float: right;
      width: 60px;
      border-left: 1px solid #e8e8e8;
      background: transparent url("../img/ico-menu-toggle.png") center center no-repeat;
      height: 100%;
      height: 73px; } }
  @media screen and (min-width: 640px) and (max-width: 920px) {
    .nav-toggle-btn {
      height: 60px; } }
  @media screen and (min-width: 320px) and (max-width: 639px) {
    .nav-toggle-btn {
      height: 48px; } }



 @media screen and (max-width: 920px) {
 .spec{display:none;}
   .nav-inner > li {
	display:none;
   }
   
/* 2021.2.7 修改 by 葡萄 ==================*/  
/*.asmbox1{font-size:0;}*/
/*.asmbox1 .box1,.asmbox1 .box2{display:inline-block; *display:inline; *zoom:1;letter-spacing:normal;word-spacing:normal; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}*/
/*.asmbox1 .box1{width:60%; padding-right:10px;}*/
/*.asmbox1 .box2{width:40%; padding-left:10px;}*/
/*.asmbox1 .logo{float:none;}*/