﻿/*基础font-size*/
@media screen and (max-width: 640px) {
  html {
    font-size: 100px !important;
  }
}
@media screen and (max-width: 600px) {
  html {
    font-size: 93.75px !important;
  }
  .index_main .left_div .bottom_div {
    /* height: 2.25rem !important; */
}
}
@media screen and (max-width: 550px) {
  html {
    font-size: 85.94px !important;
  }
}
@media screen and (max-width: 500px) {
  html {
    font-size: 76.92px !important;
  }
}
@media screen and (max-width: 450px) {
  html {
    font-size: 70.31px !important;
  }
}
@media screen and (max-width: 415px) {
  html {
    font-size: 64.84px !important;
  }
}
@media screen and (max-width: 400px) {
  html {
    font-size: 62.5px !important;
  }
}
@media screen and (max-width: 381px) {
  html {
    font-size: 59.53px !important;
  }
}
@media screen and (max-width: 361px) {
  html {
    font-size: 56.41px !important;
  }
}
@media screen and (max-width: 350px) {
  html {
    font-size: 54.68px !important;
  }
}
@media screen and (max-width: 320px) {
  html {
    font-size: 50px !important;
  }
  .index_main .left_div .bottom_div{
    height:3.61rem !important;
  }
}




/*手机导航*/
.nav {
  display: none;
}
.wrap:before {
  content: "";
  display: block;
  /* height: .75rem; */
  width: 100%;
}
.public_footer {
  margin-left: 0;
  display: none;
}
.phone_footer {
  display: block;
  height: auto;
  padding: 9px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #db0717;
}
.phone_footer p {
  color: #fff;
  text-align: center;
}
.phone_footer p:nth-child(1) {
  font-size: .18rem;
  margin-bottom: .12rem;
}
.phone_footer p:nth-child(2) {
  font-size: .14rem;
}
.phone_nav {
  background: #fff;
  -webkit-box-shadow: 0 0 21px 0px #c5c5c5;
  -moz-box-shadow: 0 0 21px 0px #c5c5c5;
  box-shadow: 0 0 21px 0px #c5c5c5;
  padding-top: .15rem;
  padding-left: .1rem;
  z-index: 10001;
  padding-right: .1rem;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  height: .75rem;
}
.phone_nav img {
  float: left;
  width: 1.69rem;
  height: .53rem;
}
.phone_nav em{ font-size:0.4rem;float:left;margin:0 0 0 10px;}
.phone_nav > span {
  margin-top: .15rem;
  display: inline-block;
  float: right;
  width: .38em;
  height: .23rem;
  background: url('../img/icon_16.png') center no-repeat;
  background-size: cover;
}
.phone_nav > span.hhh {
  width: .23em;
  height: .24rem;
  background: url("../img/×.png") center no-repeat;
}
.phone_nav .list {
  padding-top: .3rem;
  position: fixed;
  bottom: 0;
  top: .75rem;
  right: 0;
  padding-right: .1rem;
  padding-left: .1rem;
  left: 0;
  background: url("../img/su_2.png") repeat-y;
}
.phone_nav .list .top form {
  float: left;
  width: 56%;
  height: .5rem;
  line-height: .5rem;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #f5a5ac;
}
.phone_nav .list .top form input {
  color: #fff;
  height: .5rem;
  line-height: .5rem;
  float: left;
  background: none;
  border: none;
  width: 10%;
  padding-left: .1rem;
}
.phone_nav .list .top form input[type='text']{   -webkit-box-flex: 1;
  -webkit-flex: 1; }
.phone_nav .list .top form .em {
  float: right;
  display: inline-block;
  background:transparent;
  color:transparent;
  width: 22px;
  height: 100%;
  background: url("../img/su_1.png") no-repeat center;
  background-size: 80% auto;
  margin-right: 6px;
}
.phone_nav .list .top .right {
  position: relative;
  float: right;
  display: block;
  width: 42%;
  height: .5rem;
  z-index: 99;
}
.phone_nav .list .top .right span {
  position: absolute;
  top: 0;
  padding-right: .14rem;
  padding-left: .14rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  height: .5rem;
  -webkit-background-clip: border-box;
  background-clip: content-box;
  line-height: .5rem;
  border: 1px solid #f5a5ac;
  background: url("../img/su_3.png") no-repeat 2rem center;
  background-size: .19rem .13rem;
  font-size: .18rem;
  color: #fff;
}
.phone_nav .list .top .right ul {
  top: .5rem;
  width: 100%;
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  background: #e71f2f;
  border: 1px solid #f5a5ac;
}
.phone_nav .list .top .right ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  line-height: .3rem;
  display: table;
  padding-left: .1rem;
}
.phone_nav .list .top .right ul li a {
  display: table-cell;
  font-size: .16rem;
  color: #fff;
}
.phone_nav .list .bottom {
  width: 100%;
}
.phone_nav .list .bottom > ul > li {
  margin-bottom: .3rem;
  line-height: .69rem;
  position: relative;
}
.phone_nav .list .bottom > ul > li > a {
  padding: 1px 0 2px 34%;
  display: block;
  margin: 0 auto;
  font-size: .3rem;
  color: #fff;
  height: .6rem;
  line-height: .6rem;
  background-repeat: no-repeat;
}
.phone_nav .list .bottom > ul > li ul li {
  display: table;
  position:relative;
  margin: 0 auto;
}
.phone_nav .list .bottom > ul > li ul li a {
  padding-right: .23rem;
  display: table-cell;
  background-image: none;
  font-size: .24rem;
  color: #fff;
}

.phone_nav .list .bottom > ul > li:nth-child(1) {
  margin-top: .5rem;
}
.phone_nav .list .bottom > ul > li:nth-child(1).current>a{
  background: url("../img/tc2.png") no-repeat 20% center,url("../img/su_4.png");
   color: #e40718;
    background-size: .56rem;
}
.phone_nav .list .bottom > ul > li:nth-child(2).current>a{
  background: url("../img/tc4.png") no-repeat 20% center,url("../img/su_4.png");
  color: #e40718;
  background-size: .56rem;
}
.phone_nav .list .bottom > ul > li:nth-child(3).current>a{
  background: url("../img/tc6.png") no-repeat 20% center,url("../img/su_4.png");
   color: #e40718;
    background-size: .56rem;
}
.phone_nav .list .bottom > ul > li:nth-child(4).current>a{
  background: url("../img/tc8.png") no-repeat 20% center,url("../img/su_4.png");
   color: #e40718;
    background-size: .56rem;
}
.phone_nav .list .bottom > ul > li:nth-child(5).current>a{
  background: url("../img/tc10.png") no-repeat 20% center,url("../img/su_4.png");
   color: #e40718;
    background-size: .56rem;
}
.phone_nav .list .bottom > ul > li:nth-child(6).current>a{
  background: url("../img/tc12.png") no-repeat 20% center,url("../img/su_4.png");
  color: #e40718;
  background-size: .56rem;
}




.phone_nav .list .bottom > ul > li:nth-child(1):hover >a{
  background: url("../img/tc2.png") no-repeat 20% center,url("../img/su_4.png");
   color: #e40718;
    background-size: .56rem;
}
.phone_nav .list .bottom > ul > li:nth-child(2):hover >a{
  background:url("../img/tc4.png") no-repeat 20% center,url("../img/su_4.png");
   color: #e40718;
    background-size: .56rem;
}
.phone_nav .list .bottom > ul > li:nth-child(3):hover >a{
  background: url("../img/tc6.png") no-repeat 20% center,url("../img/su_4.png");
   color: #e40718;
    background-size: .56rem;
}
.phone_nav .list .bottom > ul > li:nth-child(4):hover >a{
  background: url("../img/tc8.png") no-repeat 20% center,url("../img/su_4.png");
   color: #e40718;
    background-size: .56rem;
}
.phone_nav .list .bottom > ul > li:nth-child(5):hover >a{
  background: url("../img/tc10.png") no-repeat 20% center,url("../img/su_4.png");
   color: #e40718;
    background-size: .56rem;
}
.phone_nav .list .bottom > ul > li:nth-child(6):hover >a{
  background: url("../img/tc12.png") no-repeat 20% center,url("../img/su_4.png");
   color: #e40718;
    background-size: .56rem;

}



.phone_nav .list .bottom > ul > li > span{
  background:url("../img/su_44.png");
  display:inline-block;
  background-size: 27px;
  width: 27px;
  height: 27px;
  position: absolute;
  top: .13rem;
  right: 0.7rem;
}
.phone_nav .list .bottom > ul > li:hover > span{
  background:url("../img/su_33.png");
      background-size: 27px;
}
.phone_nav .list .bottom > ul > li.current>span{
  background:url("../img/su_33.png");
    background-size: 27px;
}


.phone_nav .list .bottom > ul > li:nth-child(1) > a {
  background: url("../img/tc1.png") no-repeat 20% center;
  background-size: .56rem;
}
.phone_nav .list .bottom > ul > li:nth-child(2) > a {
  background: url("../img/tc3.png") no-repeat 20% center;
  background-size: .56rem;
}
.phone_nav .list .bottom > ul > li:nth-child(3) > a {
  background: url("../img/tc5.png") no-repeat 20% center;
  background-size: .56rem;
}
.phone_nav .list .bottom > ul > li:nth-child(4) > a {
  background: url("../img/tc7.png") no-repeat 20% center;
  background-size: .56rem;
}
.phone_nav .list .bottom > ul > li:nth-child(5) > a {
  background: url("../img/tc9.png") no-repeat 20% center;
  background-size: .56rem;
}
.phone_nav .list .bottom > ul > li:nth-child(6) > a {
  background: url("../img/tc11.png") no-repeat 20% center;
  background-size: .56rem;
}
/*首页*/
.index_main {
  /* height: 10.45rem !important; */
  /* height: auto!important; */
  margin-left: 0px;
}
.index_main .left_div {
  width: 100%;
  height: 5.25rem;
  height: auto;
}
.index_main .left_div .top_div{
  height: 3.1rem !important;
}
.index_main .left_div .top_div .img .span {
  display: none;
}
.index_main .left_div .bottom_div {
  padding: 0 .28rem 10px;
  /* height:1.84rem !important; */
  height: auto;
}
.index_main .left_div .bottom_div p{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* -webkit-line-clamp: 2; */
  -webkit-box-orient: vertical;
}
.index_main .left_div .bottom_div h4 {
  padding-top: .2rem;
}
.index_main .right_div {
  display: none;
}
.index_main .weizao {
  display: block;
  width: 100%;
  height: 5.34rem;
  height: auto;
}
.index_main .weizao .top_div a .img .span {
  display: none;
}
.index_main .weizao .top_div a .img .mask {
  display: none;
}
.index_main .weizao .bottom_div {
  padding: 0 .28rem 27px;
  /* height: 2.27rem !important; */
  height: auto;
}
.index_main .weizao .bottom_div h4 {
  padding-top: .2rem;
}
/*导航*/
.public_path {
  display: none;
}
.about_gerui {
  margin-left: 0px;
}
.about_gerui ul li {
  margin-bottom: -0.13rem;
  width: 100%;
  height: auto;
}
.about_gerui ul li .left {
  padding: .36rem .19rem;
  width: 100%;
  float: none;
  display: block;
  font-size: .2rem;
}
.about_gerui ul li .right {
  width: 100%;
  float: none;
  display: block;
}
.about_gerui ul li .right img {
  transition: none !important;
}
.about_gerui ul li .right img:hover {
  transform: none !important;
}
.class_info {
  margin-top: .27rem;
  font-size: .22rem;
  text-align: center;
  margin: 0.75rem auto 0;
  width: auto;
  padding: 0 15px;
}
.class_info img {
  margin-top: .27rem;
  display: block;
  width: 100%;
}
.company_culture {
  width: 100%;
  margin-left: 0;
}
.company_culture .head{ height:auto;}
.company_culture .head .word {
  margin-right: .3rem;
  margin-left: .3rem;
}
.company_culture .head .word h3 {
  margin-top: .6rem;
  margin-bottom: .6rem;
}
.company_culture .info img {
  width: 100%;
  height: auto;
}
.info{margin: 0 15px 13px;}
.new_list {
  padding-top: 15vw;
  margin-left: 0;
  width: 100%;
}
.new_list .iii ul {
  padding-right: .12rem;
  padding-left: .12rem;
}
.new_list .iii ul li .right {
  margin-left: 0;
  float: right;
  width: 3.1rem;
}
.new_list .iii ul li .right a .summary {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.article_info {
  margin-left: 0;
  width: 100%;
  padding-left: .12rem;
  padding-right: .12rem;
}
.article_info h2 {
  margin-top: .35rem;
}
.article_info p {
  margin-bottom: .35rem;
}
.article_info .info img {
  width: 100%;
}
.sp {
  width: 100%;
  margin-left: 0;
  padding-left: .12rem;
}
.sp p:first-child {
  margin-bottom: .1rem;
}
.wind {
  margin-left: 0;
}
.wind ul li {
  width: 100%;
}
.su2 img { width:100%;max-width: 100%;height: auto;}

.engineering {
  margin-left: 0;
  width: 100%;
}
.engineering .ul {
  border-spacing: .1rem;
}
.engineering .ul a {
  padding: .09rem .35rem;
}
.engineering .jane {
  padding: 0 10px;
}
.engineering .jane ul li {
  margin-right: 2%;
  width: 49%;
}
.engineering .jane ul li:nth-child(2n) {
  margin-right: 0;
}
.engineering .su {
  padding-left: .12rem;
  padding-right: .12rem;
}
.engineering .ppp {
  padding-right: .12rem;
  padding-left: .12rem;
}
.engineering .drop {
  margin-top: .28rem;
  padding-left: .12rem;
  padding-right: .12rem;
}
.engineering .drop ul li {
  width: 48%;
  margin-right: .12rem;
}
.engineering .drop ul li:nth-child(2n) {
  margin-right: 0;
}
.engineering .details {
  padding-left: .12rem;
  padding-right: .12rem;
}
.engineering .details ul li {
  width: 49%;
  margin-right: .12rem;
}
.engineering .details ul li:nth-child(2n) {
  margin-right: 0;
}
.details ul li div{font-size:0;}
.details ul li div h6 {margin-top: 1rem;}
.details ul li div p{display:inline-block;/* margin-bottom: 7rem; */}
.full_page {
  margin-left: 0;
  width: 100%;
}
.product_description {
  margin-left: 0;
  width: 100%;
}
.product_description .info {
  padding-right: .12rem;
  padding-left: .12rem;
  font-size: .16rem;
  line-height: .4rem;
}
.product_description .info img {
  width: 100%;
  display: block;
}

.home_rice .match{ width:auto;margin:0 10px;overflow-x:auto;}
table.ke-zeroborder{ min-width:200px;}
.recruitment {
  margin-left: 0;
  width: 100%;
}
.recruitment .left {
  width: 100%;
}
.recruitment .left ul {
  padding-left: .1rem;
  padding-right: .1rem;
  margin-bottom: .3rem;
}
.recruitment .right {
  display: none;
}
.join {
  margin-left: 0;
  width: 100%;
}
.join .o .title ul {
  padding-left: .1rem;
  padding-right: .1rem;
}
.join .o .title ul li {
  margin-right: 0;
  width: 33%;
}
.join .o .title ul li:hover i {
  display: none;
}
.join .o .info div {
  padding-left: .1rem;
  padding-right: .1rem;
}
.join .t p {
  line-height: .36rem;
}
.join .t form {
  width: 100%;
  padding-left: .1rem;
  padding-right: .1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.join .t form span input {
  width: 5.32rem;
}
.join .t form p {
  margin-bottom: 0;
}
.join .t form p span {
  margin-bottom: .12rem;
  width: 100%;
  display: block;
  margin-right: 0;
}
.join .t form p span input[tyoe="text"] {
  width: 5.32rem;
}
.join .t form p textarea {
  width: 100%;
}
.join .t form p input[type='submit'] {
  width: 100%;
}
#allmap {
  width: 100%;
  margin-left: 0;
  height: 5rem;
}
.map{ position:relative;}
.map_cub {
  display: block;
  top: inherit;
  right: 0;
  bottom: 84px;
  width: 100%;
}
.map_cub .right {
  display: none;
}

.home_rice .info {
  padding-left: .1rem;
  padding-right: .1rem;
  width: auto;
  overflow-x:auto;
}
.home_rice .info img {
  display: block;
  width: 100%;
}
.pppp {
  padding-left: .1rem;
  padding-right: .1rem;
}
.sop{margin-left:0 !important;}

.sop ul li{font-size:.24rem;}
.sop ul li a span{float:right;}


.pages{ font-size:0;}
.pages a{ margin-right:6px;}
.beia{display:none;}
