@font-face {src: url("Futura LT Book.ttf"); font-family: "Futura LT Book";}

body {background: #fff;}

body, textarea {font-family: Microsoft Yahei;}

header {position: absolute; top: 0; z-index: 5; width: 100%;}

/* 产品页面里的图样式 */
.picshowbox {display: inline;}


/* 面包屑导航样式： */
/* #mbx {position: absolute;} */

/* Menu */
#mbx ul {
    padding:0;
    list-style-type: none;
    overflow: hidden;
}

#mbx ul li {line-height: 1; position: relative; float: left;  border-radius: 0 100px 100px 0; padding-left: 1rem;}

#mbx ul li:first-child {z-index: 2;  padding-left: 10%; background-color: #ffcc33; z-index: 4; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);}


#mbx ul li:nth-child(2) {z-index: 3;}

#mbx ul li:nth-child(3) {z-index: 2;}

#mbx ul li:last-child {overflow: hidden; left: -1rem; padding-left: 1rem;}

/* Menu items */
#mbx ul li a {
    display: inline-block;
    font-family: sans-serif;
    font-size: 0.9rem;
    /* font-weight: 600; */
    padding: 12px 30px 12px 45px; /* Adjusting padding to get the proper space */
    margin-left: -30px; /* Pull the items to the left, so the rounded right side will get over them */
    color: white;
    background-color: #ffcc33;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 0 100px 100px 0;  /*Get the right side rounded */
    /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);  Apply the shadow */
}

/* Hover event */
#mbx ul li:hover a {
    background-color: #ffcc66;
}




/* Active item is a bit different */
#mbx ul li.active a {
    color: #333333;
    background-color: #eef5ff;
}

/* Remove the shadow for the active's next item, to match the design more accurately */
#mbx ul li.active + li a {
    box-shadow: none;
}



.bj a {color: #ffcc33 !important}

.protab ul {padding:0}
.protab li {float:left; padding: 0.75rem 1rem; font-size: 1rem; border-bottom: 0.5rem solid transparent;}
.protab li:hover {border-bottom: 0.5rem solid #ffcc33}
.protab li.dq {border-bottom: 0.5rem solid #ffcc33}
.protab li a {color: #333333}



.hide {display: none}

.chevron > li {border-bottom: 0.5rem solid transparent}
.chevron > li:hover {border-bottom: 0.5rem solid #ffcc33}

/* .top-nav {background-color: #fff;} */
.top-nav li a {color: #333333; font-size: 1rem; padding: 0 2rem; border-right: 1px solid #9d9d9d;}
.top-nav li a:hover {background: transparent; color: #ffcc33;}
.top-nav li a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.top-nav li ul li a {background: white; padding: 0 1.5rem 0 1.5rem; text-align: left; border-right: none;}
.top-nav li ul li, .top-nav li ul li ul li {
    float: left;
    width: 20%;
    min-width:20%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-right: 1px solid #9d9d9d;
}
        .chevron li {text-align: center; padding: 0.5rem 0;}

        .submenu img {margin-bottom: 1rem}
        .submenudiv {padding-top:2rem !important; border-top: 1px solid #f4f4f4; font-weight:normal; font-size:1rem !important; }
        .submenuclose {padding: 1rem !important; font-size:1rem; font-weight:normal; cursor: pointer;}

        .submenuclose:hover {color:#ffcc33}

        nav {background: transparent}
        /* .navvline {border-right: #333333 1px; padding:0.5rem;} */
        
        .chevron li ul li:last-child {border: 0} /* 去掉导航列表最后一项的右边框 */
        .chevron li ul li:first-child {border-top: 0; border-bottom: 0} /* 去掉导航列表第一项的右边框 */

        a.tab-label:hover, a.tab-label.active-btn {background: none repeat scroll 0 0 transparent; border-bottom: 0.5rem solid #ffcc33;}
        .tab-label, a.tab-label:link, a.tab-label:visited, a.tab-label:hover {background-color: transparent; color: #333333;}
        /* 选项卡样式设置 */

        .tab-item {background-color: transparent}


        .owl-dots {position: relative; top: -50px;}
/* 以下为搜索框样式 */
input {outline:none;}
        div.search {
    background-color: #fff;
    border: solid 1px #ffcc33;
    float: right;

    height: 1.5rem;
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
appearance: textfield;
box-sizing: content-box;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
border-radius: 0.5rem;
font-family: inherit;
-webkit-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
padding-top: 0.2rem;
padding-right: 0.7rem;
color: #ffcc33;
box-shadow: 2px 2px 1px #ffcc33;
position: relative;
top: 0.25rem;
z-index: 10;
}

div.souout {margin-bottom: 1rem;
  border-bottom: 1px solid #cccccc;
    padding: 1rem;}
    .souout a:nth-child(1) {
        font-size: 1rem;
        line-height: 1.5;
        color: #333333;
      }

      div.souout:hover {
          box-shadow: 3px 3px 1px #cccccc;
          background: white;
      }

      .souout a:nth-child(3) {
      font-size: 1.5rem;
      line-height: 1.5;
      color: #333333;
  }
  .souout div:last-child {
      padding: 1rem 2rem;
  }
  .souout i {color: #ffcc33; font-size: 2rem;}

  .souout div:first-child i {
    font-size: 3.5rem;
}
.souout div:last-child i:first-child {
    margin: 0.5rem;
}
.souout div:last-child i {
    font-size: 2rem;
}

.souout div:nth-child(2) a {
    font-size: 1.5rem;
    line-height: 1.5;
    color: #333333;
}



/* div.search:hover {
width: 70%;
border-color: #6dcff6;
box-shadow: 0 0 5px rgba(109.207,246,.5);
-moz-box-shadow: 0 0 5px rgba(109.207,246,.5);
-webkit-box-shadow: 0 0 5px rgba(109.207,246,.5);
} */

.search input {border:none;background: white;
    /* height: 2.5rem; */
    font-size: 0.85rem;
    padding-left: 1rem;
    padding-top: 0.2rem;
    /* padding-bottom: 1rem; */
}

.search input[type=submit] {

    background:  white url("img/logo-dark.svg") no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: 90% 50%;
    background-color: transparent;
}
    .home3bk {border-radius: 1rem; box-shadow: 3px 3px 1px #d7d7d7; height:16rem; padding-top: 6rem; background-size: 26rem;}
    .home3bktext {margin: 0 auto auto auto; width:250px; background-color:#333333; border: 3px solid white; padding:0.5rem; width:80%; opacity: 0.7; height: 40%;}
    .home3bk h2 {font-weight: bold; text-align: center; color: white; margin:0; position: relative; top: -3.5rem;}
    .home3bk h2 a {color:white}
    .home3bk h2 a:hover {color: #cccccc}

    .latestnews ul {list-style:none; padding-left: 0;}
    .latestnews li {padding:0.5rem 0; font-size: 0.9rem; border-bottom: 1px solid #cccccc;}
    .latestnews a {display: inline-block; color: #333333;}
    .latestnews li i:nth-child(1) {margin-right: 0.5rem; color:#ffcc33;}
    .latestnews li a:nth-child(2) {margin-right: 1rem;}
    .latestnews li i:nth-child(4) {margin-right:0; color:#ffcc33; margin-top: 0.3rem;}
    #contact {padding: 0 1rem;}
    #contact div {font-size: 0.9rem; line-height: 2.5rem;}
    #contact i {margin-right: 1rem;}
    #twoblockandnews {margin-right: 0.625rem;}
    #btn {font-size: 0.9rem; padding: 0.35rem 1.5rem;}

    .footer {margin-top: 0.5rem !important}
    .footer div {margin-top: 2rem;}
    .shangji a {color: #333333;}
    .shangji i {color: #ffcc33; margin-left: 0.5rem;}
    #header-carousel {margin-bottom: 0}
    .fixedTree {
    position: fixed;
    right: 1rem;;
    bottom: 1rem;
    z-index: 990;
    }
    #logobox {padding:0.5rem 0;}
    .fixedTree i {color:#ffcc33}
    .owl-dot span {background:#ffcc33 !important}
    .owl-dot.active span {background:#cccccc !important}
    .top-nav .active-item {border-bottom: 0.5rem solid #ffcc33;}
    .top-nav .active-item a {background: white}



    .innews div div:nth-child(3) {padding-left: 2rem;}
    .innews a:nth-child(1) {font-size: 1rem; line-height: 1.5; color: #333333;}
    .innews a:nth-child(3) {font-size: 1.5rem; line-height: 1.5; color: #333333;}
    .innews i {color:#ffcc33;}
    /* .innews .l-2 {padding-left: 2rem} */
    .innews div:last-child {padding:1rem 2rem}
    .innews div:first-child i {font-size: 3.5rem;}
    .innews div:last-child i {font-size: 2rem;}
    .innews div:last-child i:first-child {margin:0.5rem}
    /* .innews i:nth-child(2) {font-size: 2rem;} */
    div.innews {border-bottom: 1px solid #cccccc; padding: 1rem 0;}
    div.innews:hover {box-shadow: 3px 3px 1px #cccccc; background: white;}
    div.innews {margin-bottom: 1rem;}
    /* .innews div {padding-left: 1rem;} */
    #contents {position: relative; top: 3rem; padding:0 4.5rem;}

    .huanye {
      margin: auto; 
      clear: left;
      overflow: hidden;
    }

    /* .huanye div {font-size: 1.2rem; width: 2rem; height: 2rem;} */
    
    .huanye a {
      display: block;
      float: left;
      width: 2rem;
      height: 2rem;
      color: #ffcc33;
      margin: 0 0.5rem;
      border: 1px solid #ffcc33;
      border-radius: 5rem;
      position: relative;
    }
    .huanye a:hover {background: #ffcc33; color: white;}
    .huanye a div {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      /* font-size: 1.25rem; */
    }

    .huanye a.current {
      background-color: #ffcc33;
      color: #fff;
      cursor: default;
    }

    .dqy {background: #ffcc33; color: white !important;}

    .lbjs {height: 10rem; background: #ffcc33;}
    .lbjs div {height: auto; color: white; font-size: 0.95rem;}
    .lbjs div:nth-child(1) {overflow: visible}
    .lbjs div:nth-child(2) {padding: 2rem; line-height: 1.75;}
    .lbjs img {height: 10rem; width: 10rem;}


    .products h2 {font-size:1.25rem; font-weight: bolder;}
    .products p {padding-bottom: 0.25rem; font-weight: normal;}
    .products > div {margin:1rem 0; padding: 1.5rem 0; height:18rem;}
    .products div div {padding:0 0.5rem}

    

    .cuisine h2 {font-size: 2rem; font-weight: bolder; text-shadow: 3px 3px 3px #333333; color: white;}
    .cuisine a {font-size: 1.25rem;}
    .cuisine p {margin-top: 1rem}
    .cuisine p a {padding: 0.5rem 1rem; background: white; color: #ffcc33; border-radius: 0.25rem;}
    .cuisine .image-hover-overlay-content i {color: white}




    /* Hover Overlay 菜谱目录*/
    .background-primary {background: #fec826 !important;}
.image-hover-overlay {
    bottom: 0;
    color: rgba(255,255,255, 0.75)!important;
    left: 0;
    opacity: 0;
    padding: 1.25rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    transition: all 0.20s linear 0s;
    -o-transition: all 0.20s linear 0s;
    -ms-transition: all 0.20s linear 0s;
    -moz-transition: all 0.20s linear 0s;
    -webkit-transition: all 0.20s linear 0s;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
  }
  .image-border-radius .image-hover-overlay {
    border-radius: 3px;
  }
  .image-hover-overlay:hover {
    opacity: 0.95;
  }
  .image-hover-overlay-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 60%;
    transition: all 0.20s linear 0s;
    -o-transition: all 0.20s linear 0s;
    -ms-transition: all 0.20s linear 0s;
    -moz-transition: all 0.20s linear 0s;
    -webkit-transition: all 0.20s linear 0s;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .image-hover-overlay:hover > .image-hover-overlay-content {
    top: 50%;
  }

  /* Image blocks 菜谱目录 */
.image-with-hover-overlay {
    display: block;
    position: relative;
  }
  .image-border-radius img {
    border-radius: 3px;
  }
  .image-hover-zoom {
    display: block;
    overflow: hidden;
  }
  .image-hover-zoom img {
    transition: all 0.20s linear 0s;
    -o-transition: all 0.20s linear 0s;
    -ms-transition: all 0.20s linear 0s;
    -moz-transition: all 0.20s linear 0s;
    -webkit-transition: all 0.20s linear 0s;
  }
  .image-with-hover-overlay img {
    width: 100%;
  }
  .image-hover-zoom:hover img {
    transform: scale(1.1);
  }
  .zhishi {background: #fec826; border-radius: 1rem; padding: 1.5rem 2rem; box-shadow: 4px 4px 10px #cccccc; margin-top: 2rem;}

  .wen {color: white; font-size: 2rem; }

  .wen span {font-weight: bolder; font-size: 3rem; margin: 0 1rem; font-family: "Futura LT Book"; display: block;}

  .wen p {  font-size: 2rem;
    padding: .2rem;}


  .wen i {font-size: 2rem; float: right; margin-top: 0.5rem; margin-right: 0.5rem; float: right;}

  .wen span, .wen p {float: left;}

  .da {margin-top: 1.5rem; display: none;}

  .da div:nth-child(1) {border-radius: 1rem; overflow: hidden;}
  .da div:nth-child(2) {padding:0.5rem 1rem; line-height: 2;}



  #footer {padding: 1rem 0; background: transparent; font-size: 0.85rem;}
  #footer div {line-height: 1.5rem;}

  .zhishi {padding: 1rem 1rem; margin: 0.5rem auto;}

  .wenjuan {padding: 1rem 1rem 1rem 1rem; margin-top: 2rem; color: #333333;}
  .wenjuan > div {box-shadow: 5px 5px 5px #cccccc; padding: 1.5rem 1.5rem 1.5rem 1.5rem; background: white;     position: relative;}
  .wenjuan div div:nth-child(3) {height: 6.5rem;}
  .wenjuan div div:nth-child(3),.wenjuan div div:nth-child(2) {font-size:2rem; font-weight:bolder; border-bottom: 2px solid #cccccc; padding: 0.5rem; }
  .wenjuan div div:nth-child(4) {border-bottom: 0; font-size:inherit;}
  .wenjuan div div:nth-child(4),.wenjuan div div:nth-child(3) {font-size:2rem;margin-bottom: 0.5rem; border-bottom: 2px solid #cccccc;}
  .wenjuan div div:nth-child(5) {
    font-size: 1.5rem;
    color: #ffcc33;
    font-weight: bold;
    margin-top: 0.5rem;
}
  .wenjuan div div:nth-child(6) {font-size:1.5rem; color:#ffcc33; font-weight: bold; margin-top: 0.5rem;}
  .wenjuan img:nth-child(1) {position: absolute; top: -2.8rem;}


  .ti {margin: 1rem 0}

  .ti div:first-child div {background: #ffcc33; color: white; font-size: 2.5rem; width:3.5rem; height: 3.5rem; border-radius: 1.75rem; padding-left: 1rem; font-family: "Futura LT Book";}

  .ti > div:nth-child(1) {padding-left: 2rem;}

  .ti > div:nth-child(2) {border-bottom: 2px solid #ffcc33;}

  .ti div:nth-child(2) div {padding: 1rem 0 1rem 0;}

  .ti div:nth-child(2) div:nth-child(1) {font-size: 1.5rem;}
  .ti div:nth-child(2) div:nth-child(2) {font-size: 1rem;}

  .ti input[type=checkbox]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
}
  
  .ti input[type=checkbox ]:not(old) + label {
  display: inline-block;
  margin-left: -2em;
  line-height: 1.5em;
}  

  .ti input[type=checkbox ]:not(old) + label > span {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin: 0.25em 0.5em 0.25em 0.25em;
  border: 0.0625em solid #333333;
  
  background: transparent;
  vertical-align: bottom;
}

  .ti input[type=checkbox ]:not(old):checked + label > span {
  background: #ffcc33;
  border: 0;
}

  .ti input[type=radio]:not(old) {
    width     : 2em;
    margin    : 0;
    padding   : 0;
    font-size : 1em;
    opacity   : 0;

  }

  .ti input[type=radio   ]:not(old) + label{
    display      : inline-block;
    margin-left  : -2em;
    line-height  : 1.5em;
  }


  .ti input[type=radio   ]:not(old) + label > span{
    display          : inline-block;
    width            : 1rem;
    height           : 1rem;
    margin           : 0.25em 0.5em 0.25em 0.25em;
    border           : 0.0625em solid #333333;
    border-radius    : 0.5rem;
    background       : transparent;
    /* background-image :    -moz-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image :     -ms-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image :      -o-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
    background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224)); */
    vertical-align   : bottom;
  }

  .ti input[type=radio   ]:not(old):checked + label > span {
    background: #ffcc33;
    border:     0;

  }

  #button {
    background: #ffcc33;
      border: 0px;
    border-radius: 0.25rem;
      width: 10%;
      height: 40px;
      font-size: 1rem;
      color: white;
    box-shadow: 1px 1px 2px #ffcc33;
  }

  .liuyan {margin-top:0.5rem}
  .liuyan i {float: right; font-size: 1.5rem;}
  .liuyan div {margin-bottom: 0.5rem;}
  .liuyan div:nth-child(1) {font-size: 1.25rem;}
  .liuyan div:nth-child(4) div {font-size: 0.85rem; padding-top: 0.25rem;}
  /* .liuyan div:nth-child(4) input {margin-left: 0.5rem;} */
  .liuyan input, .liuyan textarea {background: #feff99; margin-bottom: 0.5rem; border:0; font-size: 0.85rem; padding: 0.5rem 1rem; border-radius: 0.25rem;}
  .liuyan button {
    border-radius: 0.25rem;
    font-size: 0.85rem;
    background: none repeat scroll 0 0 #ffcc33;
    border: 0 none;
    color: #fff;
    height: 2rem;
    padding: 0 1.25rem;
    cursor: pointer;
    margin-left: 0.5rem;
    width: 100%;

  }
  .liuyan img {display: inline; vertical-align: middle; width: 5rem; margin-top: 0.3rem;}

  .map {border-radius: 0.5rem; box-shadow: 2.5px 2.5px 5px #cccccc; overflow: hidden; margin-top: 1rem; background: white;}

  .map p {font-size:1.2rem; margin: 0.75rem 0;}

  #contactqslink {padding-left: 2rem}

  .thegroup {position: relative;}
  .thegroup img {width: 100%}
  .thegroup .tabs {position: relative}
  .thegroup .tab-nav {
    position: absolute;
    top: 18rem;
    padding: 0;
    width: 100%;
    background: #ffcc33;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
    padding-bottom: 2rem;
  }
  .thegroup .tab-label {width: 50%; margin-right:0 !important;}
  .thegroup a.tab-label:hover, .thegroup a.tab-label.active-btn {border-bottom: none; color: #333333 !important; background: white;}
  .thegroup h1 {font-size: 2rem;     color: white;}
  .thegroup i {float: right}
  .thegroup .tab-content {padding: 0;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    overflow: hidden;
  }
  .thegroup .tab-content > div:first-child {padding: 0.625rem 1.25rem;}
  .thegroup .tab-content i {float: none; margin-left:1rem; color: #ffcc33}
  /* .thegroup .tab-content a {color: #333333} */

  .thegroup h4 {font-weight: bolder}
  .thegroup .tab-item {padding: 0}
  .thegroup .tab-label, .thegroup a.tab-label:link {color: white; font-size: 0.75rem; padding: 0.5rem 1.25rem;     height: 2rem;}
  .thegroup a {color: #333333}




  .dazhou {padding: 0.625rem 1.25rem; background: #ffcc33;}
  .dazhou h1 {font-weight: bolder}
  .dazhou h1 span {font-weight: normal; font-size: 1.5rem;}
  .dazhou i {cursor: pointer;}

  .groupinfo { height:auto; box-shadow: 2.5px 2.5px 5px #cccccc; position: absolute; background:white; display:none; border-top-left-radius: 2rem; border-top-right-radius: 2rem;z-index: 10;width: 40rem;}

  .groupinfo .tab-content > div:nth-child(2) {height: 100%}
  .groupinfo .tab-content > div:nth-child(2) img {height: 100%}

  .zhouming {font-size: 2.5rem; color: white; position: absolute;}

  #china {
    background: #ffcc33;
    width: 15%;
    height: 30%;
    position: absolute;
    top: 13.5%;
    right: 18%;
    border-radius: 100%;
    cursor: pointer;
    opacity: 0.9;
  }
  #chinatext {top: 30%; right: 22%;}

  #chinainfo {top: 10%; right:10%; width: 57rem;}

  #chinainfo .tab-label {width: 33.3333%}
  #chinainfo .tab-nav {top:28.5rem}
  #chinainfo .tab-content {height: 24rem}
  /* #chinainfo .tab-content > div:nth-child(1) {width: 64%} */
  /* #chinainfo .tab-content > div:nth-child(2) {width: 36%} */

  #japan {
    background: #ffcc33;
    width: 5%;
    height: 10%;
    position: absolute;
    top: 25%;
    right: 12.5%;
    border-radius: 100%;
    cursor: pointer;
    opacity: 0.75;
  }
  #japantext {top: 28%; right: 13.5%; font-size: 1.5rem;}

  #japaninfo {top: 20%; right:20%;}

  #asia {
    background: #ffcc33;
    width: 20%;
    height: 40%;
    position: absolute;
    top: 41%;
    right: 15.5%;
    border-radius: 100%;
    cursor: pointer;
    opacity: 0.9;
  }
  #asiatext {top: 60%; right: 25%;}


  #asiainfo {top: 2.5%; right: 40%;}

  #asiainfo .tab-content {height:16rem}
  #asiainfo .tab-nav {top:20rem}

  #europe {
    background: #ffcc33;
    width: 15%;
    height: 30%;
    position: absolute;
    top: 5%;
    right: 45%;
    border-radius: 100%;
    cursor: pointer;
    opacity: 0.75;
  }

  #europetext {top: 20%; right: 50%;}

  #europeinfo {top: 15%; right: 30%;}

  #africa {
    background: #ffcc33;
    width: 5%;
    height: 10%;
    position: absolute;
    top: 48%;
    right: 55%;
    border-radius: 100%;
    cursor: pointer;
    opacity: 0.8;
  }

  #africatext {top: 50%; right: 48%;}

  #africainfo {top: 5%; right: 20%;}

  #namerica {
    background: #ffcc33;
    width: 10%;
    height: 20%;
    position: absolute;
    top: 20%;
    right: 75%;
    border-radius: 100%;
    cursor: pointer;
    opacity: 0.95;
  }

  #namericatext {top: 25%; left: 9%;}

  #namericainfo {top: 10%; right: 25%;}

  #samerica {
    background: #ffcc33;
    width: 5%;
    height: 10%;
    position: absolute;
    top: 70%;
    right: 70%;
    border-radius: 100%;
    cursor: pointer;
    opacity: 0.75;
  }

  #samericatext {top: 60%; left: 20%;}

  #samericainfo {top: 15%; right: 25%;}

  .intitle {font-size: 1.6rem; font-weight: bolder;}
  .inbtn {background:#ffcc33; height: 2rem; border-radius: 0.5rem; margin:0.2rem auto;}
  .dateandview {font-size: 0.9rem; padding-top: 0.25rem; margin-bottom: 1rem;}
    .dateandview i {color: #ffcc33; margin-right: 0.5rem;}
    .dateandview i:nth-child(2) {margin-left: 1rem}
    .zhengwen p {line-height: 2; font-size: 1rem;}
    .zhengwen img {display: inline}
  .enter h1 {font-size: 2rem; font-weight: bolder;}
  .enter p {line-height: 2; font-size: 1rem;}
  .enter table {font-size: 1rem; margin: 1rem 0;}
  .enter td:nth-child(1) {font-weight: bold; width:15%; background-color:#ffcc66;}
  .enter td:nth-child(2) {background-color:   #ffffcc}

  .enter table tr:nth-of-type(2n) {background-color: white}
  .enter table tr:nth-of-type(2n) td {border:0}
  .enter tr {border-bottom: 1px solid white}
  .enter td {padding: 0.75rem;}
  .enter div {padding:0.5rem}


  .history {padding-top:2rem !important; padding-bottom:2rem !important; height:17.5rem;}
  .history > div {width:12rem; height:12rem; border-radius: 100%; border: 3px dotted #ffcc66; background: white;     margin: auto; text-align:center; padding: 0 1.25rem;}
  .history .text {width: 75%;}
  .history div h1 {
    /* margin-top:2rem;  */
    font-size: 3rem; color: #ffcc66; margin-bottom:0; font-family: "Futura LT Book";}
  .history > div:hover {width:13.5rem; height:13.5rem; border-radius: 6.5rem; }
  .history:nth-child(1) > div:hover {background: url('../img/h1995.jpg'); background-position-y: 10%;}
  .history:nth-child(2) > div:hover {background: url('../img/h2003.jpg'); background-position-y: 10%;}
  .history:nth-child(3) > div:hover {background: url('../img/h2008.jpg'); background-position-y: 10%;}
  .history:nth-child(4) > div:hover {background: url('../img/h2010.jpg'); background-position-y: 10%;}
  .history div p {line-height: 1.5}
  .history > div:hover h1 {color: white; font-size: 3rem;} 
  .history > div:hover p {color: white; font-size: 1.2rem;} 

  .intro1 {padding: 2.5rem;}
  #yellowblock {width: 50%; height: 12.5rem; background: #ffcc33; position: absolute; top: 2rem; right: 15%;}
  #intro1 {padding-right: 0}
  #intro1 img {float: right}



  #zhuti {background-image: url('img/bg.jpg'); background-repeat: no-repeat;}

  #masia, #meurope, #mafrica, #mnamerica, #msamerica, #mchina, #mjapan {display: none}

  .gsm {color:white; background: #ffcc33;}
  .gsinfo {display: none; line-height: 1.5; }
  .gsinfo p {font-size: 0.85rem}
  .gsinfo a {color: #333333}
  .gsinfo a i {color: #ffcc33; margin-left: 0.5rem;}
  .ygs > div {padding: 0.5rem 0.7rem;}

  .mzm {background: #ffcc33; color: white; font-size: 2rem; font-weight: bold; padding: 0.5rem 0.7rem;}
  .mzm span {font-size: 1.5rem; font-weight: normal;}

  #xuyang {position: absolute; top:35%; right:14%;}

  #news2018 {border:0; width: 100%; height: 30rem;}
  #newsbf2018 {border:0; width: 100%; height: 77.5rem;}

  /* #doufuifm {height: 186rem}
  #yinpinifm {height: 90rem}
  #tianpinifm {height: 65rem}
  #douzhipinifm {height: 187rem} */

  /* #protab {height: 107rem} */


  .proiframe {border:0; width: 100%; }

    
  /* 下面是移动设备专用的 */
    @media screen and (max-width: 768px) {

      #button {width: 20%;}

      #newsbf2018 {border:0; width: 100%; height: 80rem;}
      .chevron > li:hover {border-bottom: none}
      #qr {float:none; margin:auto;}
      #police {padding:1rem 2.5rem; text-align: center;}
      #police a {float:none;}

      #mnav {
        position: fixed; 
        top:0; 
        /* z-index: 10;  */
        width: 100%;
        height: 0;
        overflow: hidden;
      }

      .logo {
        z-index: 10; 
        position: absolute; 
        top: 1.5rem;
        width: 41px;
        height: 75px;
        display: block!important;
        left: 50%;
        transform: translateX(-50%);
      }
      /* .navlogo {z-index: 1; position: absolute; top: 0.5rem;} */

      #twoblockandnews {margin: auto 0}
      #twoblockandnews > div {padding: 0 1rem;}
      #btn {font-size: 0.7rem; padding: 0.35rem 0.9rem;}

      .mlatestnews a {font-size: 0.7rem; line-height: 1rem; color: #333333;}
      .mlatestnews i {color:#ffcc33;}
      .mlatestnews i:nth-child(1) {font-size: 2.5rem;}
      .mlatestnews div div:nth-child(2) {padding-left: 2rem;}
      .mlatestnews i:nth-child(3) {font-size: 1.5rem; margin-top: 0.5rem;}

      div.mlatestnews  {border-bottom: 1px solid #cccccc; padding: 1rem 0;}
      .mlatestnews div {padding-left: 2rem;}


      #wenjuan {padding: 0 1rem !important; margin: auto;}
      #mainbody {
        /* position: absolute;
        top:102.5%;  */
        width: 100%;}

      .top-nav li a {
        background: white; 
        color: #333333; 
        text-align: left; 
        font-size: 1.2rem; 
        padding:0.5rem 2rem;
        border-width: 0;
      }
      .top-nav li a:hover {color: #333333; text-align: left;}
      .top-nav li ul li {width: 100%; padding:0; border:0;}
      .top-nav li ul li a {font-size: 1rem; padding:0.5rem 0 0.5rem 3rem; background: #e5e5e5;}
      .chevron li {border:0; font-weight: normal; padding:0; border-bottom: 1px solid #cccccc;}
      .top-nav li ul li a:hover {background: white}

      #mnav.mnavshow {height: 100%; background: white;}
      .nav-icon {z-index: 1; position: absolute; top: 0.5rem;}
      div.search {
        float:none; 
        border-radius: 0.5rem !important; 
        box-shadow: 1px 1px 2px #cccccc; 
        height: 2rem; 
        font-size: 1.2rem;
        padding: 0;
      }
      .search input {
        /* font-size:1rem;  */
        /* padding-top: 0.2rem; */
        padding: 0;
        padding-left: 1rem;
      }

      .footer {margin-top: 0.5rem}
      .footer div {margin-top: 0.5rem}
      .footer div:nth-child(1) {padding:0 1.5rem;}

      #logobox {padding:0.5rem 2.5rem;}
      #fiveminutes {margin-top: 1.5rem !important}
      .home3bk {background-size: auto 100%;}

      ul.chevron li a:after {
        content: "\f006" !important;
        display: inline-block;
        font-family: mfg;
        font-size: 1.1rem;
        margin: 0 0.625rem;
        position: absolute;
        right: 1rem;
    }
      ul.chevron .submenu > a:after {content: none !important}
      .top-nav li ul li a:after {
        content: "\f006" !important;
        display: inline-block;
        font-family: mfg;
        font-size: 0.9rem;
        margin: 0 0.625rem;
        position: absolute;
        right: 1rem;
      }
      .top-nav .active-item {border-bottom: none; }
      #contents {position:static; top: 100%; padding:0 1.2rem; margin-top: 3rem; width:100%;}
      .innews div:first-child i {font-size: 3rem;}
      .innews div:last-child i {font-size: 1.5rem;}

      .innews div:nth-child(2) {padding-left: 1rem;}
      .innews a:nth-child(1) {font-size: 0.7rem;}
      .innews a:nth-child(3) {font-size: 0.9rem;}
      .innews div:last-child {padding: 0.5rem 0}
      .innews a:nth-child(1) {line-height: 2}
      div.innews {padding: 0.5rem 0}
      #zhuti {position: absolute; top: 100%; width: 100%;}
      .tab-label, a.tab-label:link, a.tab-label:visited, a.tab-label:hover {width: auto; text-align: center;}
      .huanye {width: auto}
      .huanye div {width:1.5rem; height:1.5rem; font-size: 0.9rem;}
      .huanye a div {
        /* margin:0 0.2rem;  */
        padding-top: 0.2rem;
      }

      .lbjs {height: auto}
      .lbjs img {width:100%; height:auto;}

      .zhishi {padding: 1rem 1rem; margin: 0.5rem auto;}
      .wen {font-size: 1rem;}
      .wen span {font-size: 1.5rem; margin-right:1rem; margin-left: 0;}
      .wen i {font-size: 1rem; margin-top: 0.25rem;}
      #footer {padding: 1rem 0.5rem;}
      .da div:nth-child(2) {font-size: 0.85rem}

      .ti > div:nth-child(1) {padding-left: 0}

      #contactqslink {padding: 0.5rem}
      .intitle {font-size: 1.2rem; font-weight: bolder;}

      .inbtn {margin: 0.5rem 0;}

      .dateandview {margin-bottom: 0.2rem}
      .zhengwen p {font-size:0.85rem}

      .enter td:nth-child(1) {width: 30%}

      .intro1 {padding: 0}

      #yellowblock {width: 80%;
        height: 10rem;
        background: #ffcc33;

        position: relative;
        top: 5rem;
        right: -15%;}

      .history {background: #ffcc33; height:auto;}

      .honor {margin-top:0}

      .mnopadding {padding:0 !important}

      .enter > div {padding: 0}
      .enter div div {padding: 1.5rem}

      #intro1 {padding:0}

      #intro1 img {width:100%}

      .history > div {width: 15rem; height: 15rem; border-radius: 7.5rem;}

      .history > div:hover {width: 16rem; height: 16rem; border-radius: 8rem;}

      #zhuti {background: transparent; background-image: none !important; }

      .groupinfo {display: none !important}

      #mbx {position: absolute;
        width: 100%;
        bottom: -38px;
      }
      #mbx .line {padding: 0 !important}

      #mbx ul li:first-child {padding-left: 0;}

      .souout div:nth-child(2) a {font-size: 1rem}
      .souout i {font-size: 1rem}

      .souout div {padding: 0 0.5rem;}

      .wen p {font-size: 1rem; width: 75%;}





    }

    /* 下面是桌面电脑专用的 */
    @media screen and (min-width: 769px){
        ul.chevron .submenu > a:after {content: none;} /*去掉紧贴导航文字的icon*/

        .top-nav li:hover > ul
        {
          width:100%;
          position: absolute;
          left:0;
          top: 9.25rem;



        }
        .top-nav ul ul {background:white;}
        #footer {margin-top: 3rem; padding: 1rem 0;}

        .enter > div {padding:0 15%}

        header {left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 10; background: white;}
        #hzhuti {margin-top: 9.25rem}

        #inbanner {margin-top: 9.25rem}

        .pcsub {background-color: white; display: none; border-top: 1px solid #cccccc; box-shadow: 2px 2px 1px #999999;}
        .pcsub ul {list-style-type: none;}
        .pcsub li {float: left; padding: 0 1.5rem; border-right: 1px solid #9d9d9d;     margin-top: 2rem;}
        .pcsub li:last-child {border-right:none}
        .pcsub img {margin-bottom: 1.25rem;}
        .pcsub a {color:#333333; font-size:1rem;}
        .pcsub a:hover {color: #ffcc33;}
        .pcsub a:hover img {opacity: 0.75}

        #inbanner img {width: 100%}

      }



      /* 以下2样式为伸缩内容（知识、手机端集团）标题所用 */
      .whitebg {background: white; }
      .darkgrey {color: #333333 }
      .boldandbig {font-weight: bolder; font-size: 1.25rem; padding-bottom:0 !important;}