@charset "utf-8";
/* CSS Document */
@media (min-width:768px) and (max-width:1400px){
   .banner .swiper-slide p {
      font-size: 2.5em;
   }
   .banner .swiper-slide div {
      /* bottom: 5%;*/
   }
   .banner .swiper-slide div span {
      font-size:2em;
   }
   .banner .swiper-slide div i {
      font-size: 1em;
   }
}
@media screen and (max-width:1336px) {
   .culture ul li:hover .shuidi  {
      opacity: 0;
   }
   .culture ul li:hover .txtp {
      top: 35%;
   }
   .newstext ul li {
      width: 25%;
   }
}
@media screen and (max-width:1200px){
   .footer .footbox {
      width: 90%;
   }
   .fuwuhead {
      padding: 0 10px;
   }
   .fuwucon {
      padding: 20px 20px 0;
   }
   .fuwucon img {
      width: 100%;
   }
   .sanbox {
      width: 320px;
      margin: 0 auto;
   }
   .txtp {
      font-size: 16px;
   }

}
@media screen and (min-width:996px) {
   .probox ul li {
      height: 12em;
   }
}
@media screen and (max-width:1024px) {
   .site-rec {
      -webkit-background-size: cover;
      background-size: cover;
      height: auto;
      padding: 50px;
   }
   .site-rec ul li {
      width: 50%;
      margin-bottom: 20px;
   }
}
@media (min-width:300px) and (max-width:1176px) {
   .mod18Box {
      display: none;
   }
   .licheng {
      display: block;
   }
}
@media screen and (max-width:1015px){
   .probox ul {
      width: 95%;
      margin: 0 auto;
   }
   .probox ul li {
      width: 48%;
      height: 255px;
   }
   .probox ul li:nth-child(3), .probox ul li:nth-child(3) {
      margin-top: 10px;
   }
   .sanbox ul li {
      width: 175px;
      height: 150px;
   }
   .sanbox ul li.six2 {
      left: 135px;
      top: 85px;
   }
   .sanbox ul li.six3 {
      left: 135px;
      top: 243px;
   }
   .sanbox ul li.six4 {
      left: 270px;
      top: 0px;
   }
   .sanbox ul li.six5 {
      left: 275px;
      top: 162px;
   }
   .sanbox ul li.six6 {
      left: 412px;
      top: 82px;
   }
   .sanbox ul li.six7 {
      left: 550px;
      top: 160px;
   }
   .culture .text .shuidi  {
      margin-top: 10px;
   }
   .culture ul li:hover .txtp {
      top: 10%;
   }
}
@media screen and (max-width:996px){
   .newsbox {
      width: 95%;
      margin: 0 auto;
   }
   .newsbox ul li:nth-child(2) {
      margin-left:  0px;
      margin-right:  0px;
      margin-bottom: 10px;
   }
   .newsbox ul li {
      width: 100%;
      overflow: hidden;
      float: inherit;
      margin-bottom: 10px;
   }
   .jishu ul li {
      width: 50%;
   }
   .teambox dl dt h1 {
      font-size: 1.5rem;
      line-height: 3rem;
   }
   .teambox dl dt h2 {
      font-size: 1rem;
   }
   .twonav2 li {
      float: left;
      width: 50%;
   }
}
@media screen and (max-width:992px){
   .headerbox .navpc {
      display: none;
   }
   .navbtn {
      display: block;
   }
   .headerbox .link {
      right: 50px;
   }
   .footer .footbox {
      width: 90%;
   }
   .footer .mid {
      display:block;
   }
   .footer .right {
      float: right;
      width: 50%;
   }
   .footer .left {
      width: 50%;
   }
}
@media (min-width:300px) and (max-width:768px){
   .headerbox .link {
      display: none;
   }
   .headerbox {
      height: 50px;
      line-height: 50px;
   }
   .headerbox .logo {
      width: 35%;
   }
  /* .headerbox .navm {
      top: 50px;
   }*/
   .footer .left {
      width: 100%;
      text-align: center;
   }
   .footer .right {
      display:block;
	  margin-top:30px
   }
   .newsbox ul {
      width: 95%;
      margin: 0 auto;
   }
   .probox ul li {
      width: 45%;
      height: auto;
   }
   .banner .swiper-slide p {
      font-size: 1.5em;
   }
   .banner .swiper-slide div {
      bottom: 5%;
   }
   .banner .swiper-slide div span {
      font-size: 0.5em;
   }
   .banner .swiper-slide div i {
      font-size: 0.1em;
   }
   .twonav li span h1 {
      font-size: 1rem;
   }
   .twonav li i img {
      width: 30px;
      height: 30px;
   }
   .twonav li i {
      width: 30px;
      height: 30px;
   }
   .twonav li:hover .i2, .twonav li.actnav .i2 {
      transform: translateY(-30px);
   }
   .ganxb .text h1 {
      margin: 30px 0;
   }
   .lcbox .left {
      float: inherit;
      width: 100%;
   }
   .lcbox .right {
      display: none;
   }
}
@media (min-width:300px) and (max-width:640px){
   .banner .swiper-slide p {
      font-size: 1.2em;
   }
   .banner .swiper-slide div {
      bottom: 5%;
      line-height: 1em;
   }
   .banner .swiper-slide div span {
      font-size: 0.4em;
   }
   .banner .swiper-slide div i {
      font-size: 0.1em;
   }
   .probox ul li dt {
      width: 100%;
   }
   .probox ul li dt a {
      width: 100%;
      font-size:1rem ;
   }
   .probox ul li dd {
      width: 100%;
      text-align: left;
   }
   .copy {
      font-size: 0.75rem;
   }
   .twonav li  {
      width: 50%;
      float: left;
   }
   .twonav li a {
      padding: 1rem 0;
   }
   .jieshao h1 {
      text-align: center;
   }
   .jieshao h1 img {
      width: 50%;
      display: inline-block;
   }
   .jieshao p {
      width: 100%;
   }
   .jieshao .right {
      display: none;
   }
   .jieshao .left {
      width: 100%;
   }
   .teambox dl dt p {
      font-size: 0.75rem;
      line-height: 1.5rem;
      margin-top: 10px;
   }
   .content {
      padding: 2rem 0;
   }
   .content2 {
      padding: 0;
   }
   .fuwuhead {
      height: 40px;
      line-height: 40px;
   }
   .fuwuhead ul li a {
      font-size: 0.875rem;
   }
   .ganxb .text h1 {
      font-size: 20px;
      margin: 10px 0 5px 0;
   }
   .ganxb .text p {
      font-size: 12px;
      line-height: 1rem;
   }
   .ganxb .text a {
      font-size: 12px;
   }
   .sanbox ul li {
      width: 175px;
      height: 150px;
   }
   .sanbox ul li.six1 {
      left: 0;
      top: 80px;
   }
   .sanbox ul li.six2 {
      left: 145px;
      top: 0px;
   }
   .sanbox ul li.six3 {
      left: 145px;
      top: 160px;
   }
   .sanbox ul li.six4 {
      left: 0px;
      top: 240px;
      display: none;
   }
   .sanbox ul li.six5 {
      left: 145px;
      top: 320px;
   }
   .sanbox ul li.six6 {
      left: 0px;
      top: 240px;
   }
   .sanbox ul li.six7 {
      left: 0px;
      top: 400px;
   }
   .jiyin {
      padding: 50px 0 168px 0;
   }
   .culture ul li {
      width: 100%;
      float: inherit;
   }
   .site-rec ul li {
      width: 100%;
      margin-bottom: 20px;
   }
   .rsc-ztd {
      padding: 40px 10px;
      font-size: 14px;
   }
   .rec-zhed dl dt, .rec-zhed dl dd  {
      padding: 10px;
      font-size: 14px;
   }
   .newstext ul li {
      width: 50%;
   }
   .jieshao2 {
      height: auto;
   }
}